nav li{
    list-style-type: none !important;
}
.social-links li{
    list-style-type: none !important;
}

.jeep-bg{
    background: url(../images/jeep-bg.jpg) no-repeat center fixed;
    background-size: cover;
    position: relative;
   /* height: 40vw;*/
   height: 35vw;


}

/*### FORM - ENQUIRY ###*/
.social-links{
    float: right;
    margin-bottom: 10px;
}
.social-links li{
  float: left;
  background: #677d11;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  padding: 10px 13px;
}
.social-links li span{
     color: #fff;
}

.home-form {

padding: 50px 10px;

}
.home-form form{

    margin-top: 150px;
   
    background: #f3f3f3;
    padding: 40px 30px  !important;
}
.home-form form input{
    border-radius: 0;
    padding: 10px;
}
.home-form form input[type=submit]{
   background: #4f4f4f;
   color: #fff;
   cursor: pointer;
   border-left: 5px solid #677d11;
}

.home-form .form-group{
    width: 19%;
   
     display: block;
    margin: 0 auto;

}

@media(max-width: 800px){
    .home-form form{
    margin-top: 350px;
}

}
@media(max-width: 500px){
    .home-form form{
    margin-top: 200px;
}
    .home-form .form-group{
    width: 100%;
    margin-bottom: 10px;
}
.heading{
    margin-top: 100px !important;
}

}


/*### FORM - ENQUIRY ###*/

.days{
    float: left;
    background: #ffc400;
    border-radius: 50%;
    margin-right: 40px;
    padding: 15px 20px;
}
.days h4{
    text-align: center;

}
.list-with-icon li{
    list-style-type: circle;
}


.card-text{
	letter-spacing: 0px !important;
}
.about-bg{
	/*background: url('../images/about-bg.jpg') no-repeat fixed;
	background-size: cover;*/
    background-color: #fff;
}
.about-heading{
	font-weight: 900 !important;
	font-size: 45px !important;
	margin-bottom: 40px;
	letter-spacing: 1px !important;

}

.nav-bg{
	background: url('../images/nav-bg.jpg') no-repeat center;
	background-size: cover;

}

.head-section {
        background: rgb(103, 125, 17);
    padding-bottom: 20px;
}
.heading{
	text-align: center;
}

b {
    font-weight: bold !important;
}
.Enquiry{
	border: none;
	border: 1px solid #4f4f4f;
     border-radius: 0px;
    outline: 0px;
}
.Enquiry:foucs{
	outline: none;
    border-color: #ffc300;
}

/*################# 2nd Header Banner ###################*/
.banner1 {
    background: url(../images/jeep-bg.jpg) no-repeat center fixed;
    background-size: cover;
    position: relative;
    height: 35vw;
  
}
.hotel {
    background: url(../images/hotel_bg.jpg) no-repeat center fixed;
    background-size: cover;
    position: relative;
    height: 30vw;
}
.hotel-rate{
    color: #f49b00;
}
.hotel-price{
    color: #f49b00;
    font-size: 16px;
}
#hotel{
    background-color: #fff;
}
.hotel-grids{
    margin: 20px 0px;
    padding-top: 20px;
    box-shadow: 0px 0px 8px 1px #EFEFEF;
}
.hotel-package{
    margin: 10px 0px;
    border: 3px solid #677d11;
}
.pack-head{
    font-size: 18px;
}
.gallery-img{
	/*margin-bottom: 20px;*/
}
.gallery-img img{
	max-height: 350px;
	width: 100%;
	margin-bottom: 20px;
	box-sizing: border-box;
}
.g-text h3{
	background: rgba(0, 0, 0, 0.6);
	text-align: center;
	position: relative;
	top: -75px;
	z-index: 9999;
	color: #fff;
	letter-spacing: 1px;
	padding: 15px 0px;
	font-size: 18px;
	display: none;
	transition: all 0.5s;
	box-sizing: border-box;
}
.gallery-img:hover .g-text h3{
	transition: all 0.3s;
	display: block;
	box-sizing: border-box;
}

.book-now{
	position: fixed !important;
	bottom: 15px;
	right: 20px;
	z-index: 99999;
}
.book-now img{
	width: 70px;
	cursor: pointer;
}
.whatsapp {
    position: fixed !important;
    bottom: 90px;
    right: 20px;
    z-index: 99999;
}
.whatsapp img{
    width: 70px;
}


/*############ZONES###############*/

.zones{
	background: #fff;
	padding: 20px 20px;
	box-sizing: border-box;
	margin-bottom: 30px;
    transition: all 0.3s;
    border: solid 1px #677d11;
}
.zones:hover{
    cursor: pointer;
    transition: .2s;
    z-index: 2;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.11);
    -webkit-transform: translate3d(0,-2px,0);
    transform: translate3d(0,-2px,0);
    box-sizing: border-box;
}

.zones h3{
	text-transform: uppercase;
	color: #222;
    font-size: 20px;
}
.zones img{
    margin-bottom: 20px;
    width: 100%;
   
}
.my-btn{
	display: block;
	margin:0 auto;
	background: none;
    background-color: #252525;
    width: 100%;
    border-left: 5px solid #677d11;
    padding: 10px 0px;
    text-align: center;
    color: #fff;
    transition: all 0.3s;
}
.my-btn:focus{
	border: none;
	outline: none;
}
.my-btn:hover{
	cursor: pointer;
	/*border: 2px solid #ccc;*/
	color: #fff;
}

/*###################################*/
.price-btn{
    display: block;
    margin:0 auto;
    background: none;
    border: none;
    border :1px solid #9bbb59;
    padding: 5px 0px;
    border-radius: 20px;
    transition: all 0.3s;

}

.price-btn:hover{
    background-color: #9bbb59;
    cursor: pointer;
    /*border: 2px solid #ccc;*/
    color: #fff;
}
/*Package*/
.Package{
	background: #677d11;
}
/*.Package:nth-child(odd){
	background: #4f4f4f;
}*/
.Package{
	border: 2px solid #fff;
	padding: 10px 20px;
}
.Package  h3{
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 10px;
	letter-spacing: 1px;
}
.Package  p{
	color: #fff;
}
.p-content{
	float: left;
}
.Package img{
	margin-top: 10px;
	width: 200px;
	height: 100px;
	float: right;
}
/*Package*/
.categories a{
    background: #4f4f4f;
    font-weight: 500;
    font-size: 18px;
    color: #ffc400;
    padding: 20px 0px;
    display: block;
    text-align: center;
    margin-bottom: 10px;
    border-bottom: 10px solid #ffc400;
    transition: all 0.8s;
}
.categories a:hover{
  /*  border-radius: 50px;*/
  /*  background: #9bbb59;*/
    transition: .2s;
    cursor: pointer;
    z-index: 2;
    box-shadow: 0 15px 30px rgba(0,0,0,.2);
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
}

.hotel-btn{
    background: none;
    border: none;
    background-color: #4f4f4f;
    border-left :5px solid #677d11;
    padding: 5px 0px;
    text-align: center;
    color: #fff;
    padding: 10px 10px;
    transition: all 0.3s;
    margin-top: 20px !important;
}
.hotel-btn:hover{
    color: #fff;
}
.hotel{
    margin-top: 20px;
}
.booking-form{
   padding: 20px;
    background: #ffffff;
    border: 3px solid #677d11;
}
.booking-form label{
    color: #333;
    margin-bottom: 0 !important;
}
.booking-form input{
    border-radius: 0 !important;
}
.booking-form textarea{
    border-radius: 0 !important;
}
.booking-form-h3{
    color: #ffffff;
    background: #677d11;
    padding: 8px;
    font-size: 18px;
    margin-bottom: 20px;
    width: 100%;
}
.hotel-btn1{
       background: none;
    border: none;
    background-color: #272e38;
    width: 30%;
    /* margin-left: 15px; */
    border-left: 5px solid #677d11;
    padding: 5px 0px;
    text-align: center;
    color: #fff;
    padding: 10px 10px;
}
.hotel-btn1:hover{
    width: 50%;
    cursor: pointer;
}


.visit-categories li{
    background: #fff;
    padding: 15px 10px;
    border-bottom: 2px solid #ececec;
   
}
.visit-categories li a{
     color: #333;
     transition: all 0.3s;
}
.visit-categories li a:hover{
    color: #677d11;
    margin-left: 5px;
}

/*ZONES*/

nav > .nav.nav-tabs{

  border: none;
    color:#fff;
    background:#272e38;
    border-radius:0;

}
nav > div a.nav-item.nav-link,
nav > div a.nav-item.nav-link.active
{
  border: none;
  /*  padding: 18px 25px;*/
    color:#fff;
    background:#272e38;
    border-radius:0;
}

nav > div a.nav-item.nav-link.active:after
 {
  content: "";
  position: relative;
     bottom: -45px;
    left: -40%;
  border: 15px solid transparent;
  border-top-color: #677d11 ;
}
.tab-content{
  background: #fdfdfd;
    line-height: 25px;
    border: 1px solid #ddd;
    border-top:5px solid #677d11;
    border-bottom:5px solid #677d11;
    padding:30px 25px;
}

nav > div a.nav-item.nav-link:hover,
nav > div a.nav-item.nav-link:focus
{
  border: none;
    background: #677d11;
    color:#fff;
    border-radius:0;
    transition:background 0.20s linear;
}
.tab-pane{
    padding: 30px;
}
/*ZONES*/






/*############## Media Query ###############*/

@media(min-width: 900px){
	#logo{

		max-width: 180px;
        height: 100px;
        margin-top: 50px;
      
	}
    .top_header{
        margin-top: -100px;
    }
	.head-section{
        /*padding: 0px 20px;*/
        padding-left: 30px;
        padding-right: 30px;
        margin-top: -50px;
	   background: rgb(103, 125, 17);
	
	}
	.drp-nb li{
		display: block !important;
		float: none !important;
		width: 200px !important;
		box-sizing: border-box;
	}
}

@media(max-width: 500px){
	#logo img{
		
		width: 150px;	
	}
	.about-heading{
		line-height: 50px !important;
	}
	 .banner1 {
    background: url(../images/bg2.jpg) no-repeat center fixed;
    background-size: cover;
    position: relative;
    height: 40vw !important;
	}
	.book-now img{
	width: 60px;
	cursor: pointer;
}
.Package img{
	margin-top: 10px;
	width: 130px;
	height: 80px;
	float: right;
}
.head-section{
    background: rgb(103, 125, 17);
}
.social {
    /*display: none;*/
}
.top_header{
    margin-top: -35px;
}
.whatsapp img{
    width: 60px;
}
}


/*############# Progress Bar ################*/
.progress{
    width: 150px;
    height: 150px;
    line-height: 150px;
    background: none;
    margin: 0 auto;
    box-shadow: none;
    position: relative;
}
.progress:after{
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 12px solid #fff;
    position: absolute;
    top: 0;
    left: 0;
}
.progress > span{
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 1;
}
.progress .progress-left{
    left: 0;
}
.progress .progress-bar{
    width: 100%;
    height: 100%;
    background: none;
    border-width: 2px;
    border-style: solid;
    position: absolute;
    top: 0;
}
.progress .progress-left .progress-bar{
    left: 100%;
    border-top-right-radius: 80px;
    border-bottom-right-radius: 80px;
    border-left: 0;
    -webkit-transform-origin: center left;
    transform-origin: center left;
}
.progress .progress-right{
    right: 0;
}
.progress .progress-right .progress-bar{
    left: -100%;
    border-top-left-radius: 80px;
    border-bottom-left-radius: 80px;
    border-right: 0;
    -webkit-transform-origin: center right;
    transform-origin: center right;
    animation: loading-1 1.8s linear forwards;
}
.progress .progress-value{
    width: 90%;
    height: 90%;
    border-radius: 50%;
    background: #44484b;
    font-size: 24px;
    color: #fff;
    line-height: 135px;
    text-align: center;
    position: absolute;
    top: 5%;
    left: 5%;
}
.progress.blue .progress-bar{
    border-color: #049dff;
}
.progress.blue .progress-left .progress-bar{
    animation: loading-2 1.5s linear forwards 1.8s;
}
.progress.yellow .progress-bar{
    border-color: #fdba04;
}
.progress.yellow .progress-left .progress-bar{
    animation: loading-3 1s linear forwards 1.8s;
}
.progress.pink .progress-bar{
    border-color: #ed687c;
}
.progress.pink .progress-left .progress-bar{
    animation: loading-4 0.4s linear forwards 1.8s;
}
.progress.green .progress-bar{
    border-color: #1abc9c;
}
.progress.green .progress-left .progress-bar{
    animation: loading-5 1.2s linear forwards 1.8s;
}
@keyframes loading-1{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}
@keyframes loading-2{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(144deg);
        transform: rotate(144deg);
    }
}
@keyframes loading-3{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
}
@keyframes loading-4{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(36deg);
        transform: rotate(36deg);
    }
}
@keyframes loading-5{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(126deg);
        transform: rotate(126deg);
    }
}
@media only screen and (max-width: 990px){
    .progress{ margin-bottom: 20px; }
}
@media only screen and (max-width: 500px){
    .prg{float: left; width: 33%; }
    .progress{
    width: 100px;
    height: 100px;
    line-height: 100px;
    background: none;
    margin: 0 auto;
    box-shadow: none;
    position: relative;
}
.progress .progress-value{
    width: 90%;
    height: 90%;
    border-radius: 50%;
    background: #44484b;
    font-size: 18px;
    color: #fff;
    line-height: 90px;
    text-align: center;
    position: absolute;
    top: 5%;
    left: 5%;
}
}
.our-services{
    margin-bottom: 20px;
    background: #677d11;
     text-align: center;
    color: #fff;
    font-size: 22px;
    display: block;
    width: 30%;
    margin: 10px;
   
    padding: 20px;
    
}
.our-services:hover{
    transition: all 0.3s;
    color: #fff;
    padding-top: 5px;
    box-sizing: border-box;
}
.our-services img{
    background: #fff;
    border-radius: 50%;
    padding: 10px;
    display: block;
    margin: 0 auto;
}
@media(max-width: 500px){
    .our-services{
        width: 100%;
    }
}