/*@import url('https://fonts.googleapis.com/css?family=Sintony:400,700&display=swap');*/
@import url('https://fonts.googleapis.com/css?family=Titillium+Web:300,700&display=swap');
.container, header, header:before, .logo, .menuzord-menu > li > a, .btn, .slider .caption-wrap, .gallery a.zoom:before, .gallery a.zoom:after, .menuzord-menu > li > a .indicator, footer a{-webkit-transition: all 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000); 
   -moz-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1.000); 
     -o-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1.000); 
        transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1.000); /* easeInOutCubic */

-webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); 
   -moz-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); 
     -o-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); 
        transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); /* easeInOutCubic */
}
.package-detail .nav-tabs .nav-link{
	-webkit-transition: all 500ms cubic-bezier(0.680, 0, 0.265, 1); /* older webkit */
-webkit-transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550); 
   -moz-transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550); 
     -o-transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550); 
        transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550); /* easeInOutBack */

-webkit-transition-timing-function: cubic-bezier(0.680, 0, 0.265, 1); /* older webkit */
-webkit-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); 
   -moz-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); 
     -o-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); 
        transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); /* easeInOutBack */}
body{
	font-family:"Titillium Web", Helvetica, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background-color:#fff;
	font-size:14px;
	line-height: 25px;
	}

p{
	font-weight: normal;}
a{
	color:#000;
	}		
a:hover, a:focus{
	color:#252525;
	text-decoration:none;}	
img {
    image-rendering: -moz-optimize-contrast;
    image-rendering: -o-optimize-contrast;
    image-rendering: -webkit-optimize-contrast;
    -ms-interpolation-mode: nearest-neighbor;
}	
.cover-size{
	width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;}
.btn{
	position:relative;
    border-radius: 100px;
background: #C08B5C; /* Old browsers */
background: -moz-linear-gradient(-45deg, #C08B5C 0%, #FFC94A 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #C08B5C 0%,#FFC94A 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #C08B5C 0%,#FFC94A 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C08B5C', endColorstr='#FFC94A',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    border: none;
    color: #fff;
	border: none;
    font-size: 15px;
    letter-spacing: 1px;
    padding: 8px 20px;
    text-transform: uppercase;}

.btn:hover{
	color:#fff;
	background: #FFC94A; /* Old browsers */
background: -moz-linear-gradient(-45deg, #FFC94A 0%, #C08B5C 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #FFC94A 0%,#C08B5C 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #FFC94A 0%,#C08B5C 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFC94A', endColorstr='#C08B5C',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
.btn:after{
content: "";
    display: inline-block;
    margin-bottom: 3px;
    width: 6px;
    height: 6px;
    border-bottom: solid 1px #fff;
    border-right: solid 1px #fff;
    padding: 0;
    margin-left: 10px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);}
.readmore{
	color: #f56868;
	font-weight:bold;
	margin-left:5px;
	font-size:12px;}

.title-main {
    margin-top: 30px;
    margin-bottom: 25px;
    font-size: 26px;
    position: relative;
    font-weight: bold;
    text-transform: uppercase;
    color: #765412;
}	

header{
    position: fixed;
    top:0;
    left: 0;
    right: 0;
	z-index:99;
	border-bottom: solid 1px rgba(255, 255, 255, 0.12);}
header.smaller{
	background-color:#765412;
	border-bottom-color: rgba(0, 0, 0, 0);}	
	
.logo{
    width: 160px; 
    display: block;
    position: relative;
    background: #fff;
    padding: 5px 10px;
	}
	
.logo img{
    width: 100%;
	}

	
.smaller .logo {
    width: 130px;
    background-color: #fff;
}	

header.smaller .menuzord-menu > li > a {
    padding: 14px 8px;
}
header.smaller .menuzord-menu > li > a .indicator {
    bottom: 8px;
}
.social a {
color: #fff;
    border-radius: 100px;
    display: inline-block;
    width: 40px;
    height: 35px;
    line-height: 35px;
    text-decoration: none;
    font-size: 20px;
    text-align: center;
}
.menuzord-menu > li.active > a.booknow, .menuzord-menu > li:hover > a.booknow {
    color: #fff;
}
	
header .phone i{
    text-align: center;
    margin-top: 8px;
    font-size: 31px;
    position: absolute;
    left: 11px;
}
header .phone a{
	display:block;}
header .phone a.phone-no{
	font-size:20px;
	font-weight:bold;
	color: #FFC94A;}	
header .phone a.email{
	font-size: 15px;
    font-weight: lighter;
    margin-top: -4px;
	color: #fff;}	
header.smaller .phone{
    padding-top: 4px;
    padding-bottom: 3px;
	}		
		

.slider{
	position:relative;
	background-color:#000;
}
.slider .item{
	max-height:700px;
	margin-bottom:0;}
	
.slider .caption-wrap {
    position: absolute;
    left: 0;
    top: 65px;
    right: 0;
    bottom: -50px;
	opacity:0;
	visibility:hidden;
	transition-delay:.4s;
}
.slider .owl-item.active .caption-wrap{
	opacity:1;
	bottom:0;
	visibility:visible;}
.slider .caption {
    color: #fff;
    text-align: center;
	max-width: 450px;
}
.slider .caption .title{
	font-size:34px;}
.slider .caption p{
	font-size:15px;}		
.slider img {
	opacity:.7;
}	
.form-box {
	background-color: #ffffff;
    border-radius: 5px;
    margin-top: -25px;
    position: relative;
    z-index: 1;
    padding: 15px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.11);
}
.form-box .title{
    font-size: 14px;
    padding: 14px 15px 9px;
    color: #808080;
    text-transform: uppercase;
    text-align: center;}
.form-box .form-control{
	padding-left:30px;}
.form-box .form-control:focus{
	box-shadow:none;
	border-color:#FFC94A;}		
.form-box .form-group{
	position:relative;}
.form-box i{
	color: #FFC94A;
	width:30px;
	position:absolute;
	left:15px;
	z-index:1;
	top:38px;
}


.form-box label{
    color: #000;
    font-size: 12px;
    letter-spacing: 1px;
    margin-bottom: 0;
    text-transform: uppercase;}
.form-box .btn{
	border-radius:5px;
	margin-top: 26px;
}	
		
.input-effect{
	position:relative;
	margin-bottom:5px;}	
.form-box .input-effect {
    margin-bottom: 5px;
}	
.form-box .effect-5{
    border-color: transparent;
	font-weight:bold;
}
.form-box .effect-5::placeholder {
	color:#3F3F3F;
	font-size:13px;
}
.form-box .input-effect input::placeholder {

}

input[type="text"]{color: #FFC94A;}
.effect-3, .effect-3:focus{
    border-radius: 0;
    border-color: #47634d;
    box-shadow: none;
    background-color: transparent;}
.effect-3:focus{
    border-color:#f56868;
	}	
.effect-3 ~ .focus-border{position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; z-index: 99;}
.effect-3 ~ .focus-border:before, 
.effect-3 ~ .focus-border:after{content: ""; position: absolute; bottom: 0; left: 0; width: 0; height: 100%; background-color: #f56868; transition: 0.4s;}
.effect-3 ~ .focus-border:after{left: auto; right: 0;}
.effect-3:focus ~ .focus-border:before, 
.effect-3:focus ~ .focus-border:after{width: 50%; transition: 0.4s; background-color:#f56868;}
.checkbox label:after, 
.radio label:after {
    content: '';
    display: table;
    clear: both;
}

.checkbox .cr,
.radio .cr {
    position: relative;
    display: inline-block;
    border: 1px solid #12af9a;
	background-color: #fff;
    width: 18px;
    height: 18px;
	margin-top: 4px;
    float: left;
	overflow:hidden;
    margin-right: 10px;
}

.radio .cr {
    border-radius: 50%;
}

.checkbox .cr .fa,
.radio .cr .fa {
    position: absolute;
    font-size: 9px;
	color:#26b5fa;
left: -1px;
    top: -1px;
    width: 18px;
    height: 18px;
    padding-top: 4px;
    text-align: center;
}

.radio .cr .fa:before {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    left: 4px;
    top: 4px;
    background-color: #fff;
    border-radius: 100px;
}

.checkbox label input[type="checkbox"],
.radio label input[type="radio"] {
    display: none;
}

.checkbox label input[type="checkbox"] + .cr > .fa,
.radio label input[type="radio"] + .cr > .fa {
    transform: scale(0);
	-webkit-transform: scale(0);
    opacity: 0;
    transition: all .2s ease-in;
	-webkit-transition: all .2s ease-in;

}

.checkbox label input[type="checkbox"]:checked + .cr > .fa,
.radio label input[type="radio"]:checked + .cr > .fa {
    transform:  scale(1);
	-webkit-transform:  scale(1);
    opacity: 1;
	margin-left: 0px;
}
.radio label input[type="radio"]:checked + .cr > .fa:before {
    background-color: #12af9a;
}
.radio label input[type="checkbox"]:checked + .cr > .fa{
    color: #12af9a;
}
.checkbox label:hover input[type="checkbox"] + .cr > .fa, .radio label:hover input[type="radio"] + .cr > .fa{
	transform: scale(1) ;
	-webkit-transform: scale(1);
	opacity: 1;
	color: #fff;
	background-color:#ffb317;
}
.checkbox label:hover input[type="checkbox"]:checked + .cr > .fa{
	color: #12af9a;}
.checkbox label input[type="checkbox"]:disabled + .cr,
.radio label input[type="radio"]:disabled + .cr {
    opacity: .5;
}
.radio label, .checkbox label {
    margin-right: 20px;
	padding-left:0;
}	
.form-box .radio{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: #12af9a;
    border-radius: 0px 5px 5px 0px;
}
.form-box .radio label, .form-box .checkbox label {
    margin-right: 0;
    margin-bottom: 0;
    padding-left: 10px;
    padding-top: 8px;
    height: 100%;
}
.rating-stars{
	padding:0;
	margin-bottom: 5px;}	
.rating-stars li {
    display: inline-block;
    color: #ffb317;
    font-size: 12px;
    margin: 2px;
}
.item{
	margin-bottom:30px;}
.item img{
	width:100%;}
.item .title{
	font-weight:bold;
	font-size:25px;
	margin:15px 0 10px;}	
.rooms-wrap .item .btn {
    line-height: 27px;
}
.rooms-wrap .item .price-block{
    line-height: 20px;
}
.rooms-wrap .item .price small{
color: #FFC94A;
    border: solid 1px;
    border-radius: 5px;
    padding: 0 5px;
    margin-right: 5px;
}
.rooms-wrap .item .price big{
	font-weight:bold;}
.about{
	color: #fff;
	margin:40px 0;
    background-color: #765412;}	
.about .detail{
	padding:20px 40px 20px 20px;}	
.service .item{
	box-shadow:0px 5px 10px rgba(0, 0, 0, 0.11);}	
.service .detail{
	padding:0 15px 15px 15px;}	
.counter {
	text-align:center;
    color: #fff;
	padding:50px 0;
    margin: 40px 0;
    background-color: #765412;
}	
.counter i {
font-size: 40px;
    width: 80px;
    height: 80px;
    color: #FFC94A;
    line-height: 70px;
    border-radius: 10px;
    margin-bottom: 10px;
    box-shadow: 0px 8px 13px 0px #000, inset 0 0 0 2px;
}
.counter .h2{
	color: #FFC94A;
	font-weight:bold;}
.gallery-wrap{
	position:relative;
	margin:50px 0}	
.gallery-wrap  .title-block {
    position: absolute;
    background-color: #fff;
    z-index: 1;
	
    left: 50%;
    top: -1%;
    bottom: -1%;
    margin: auto;
	margin-left: -1px;
	transform:translateX(-50%);
	text-align:center;
}
.gallery-wrap a.zoom{
	padding:0px;}	
	
.gallery-wrap img{
	width:100%;}
.gallery-wrap .btn{
	margin-top:10px;}
.gallery a.zoom:before {
    content: "";
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00e0c6+1,00bcd4+100 */
background: #C08B5C; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #C08B5C 1%, #FFC94A 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #C08B5C 1%,#FFC94A 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #C08B5C 1%,#FFC94A 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C08B5C', endColorstr='#FFC94A',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
opacity:0;
    position: absolute;
    left: 50%;
    right: 50%;
    top: 0%;
    bottom: 0%;
    z-index: 1;
}
.gallery a.zoom:hover:before{
	opacity:.7;
	left:0;
	right:0;
	top:0%;
	bottom:0%;
	}
.gallery a.zoom:after{
	text-align: center;
    content: "\f00e";
    font-family: "Font Awesome 5 Pro";
	font-weight: 900;
    position: absolute;
    left: 50%;
    right: 50%;
    top: 50%;
    bottom: 50%;
    margin-top: -20px;
    margin-left: -20px;
    z-index: 2;
    color: #fff;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 25px;
	transform:scale(0);
	-webkit-transform:scale(0);
	}
.gallery a.zoom:hover:after{
	transform:scale(1) rotate(0deg);
	-webkit-transform:scale(1) rotate(0deg);
	}	
.gallery-wrap figcaption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px 10px 5px;
    color: #fff;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
}	
.testimonial-wrap{
	text-align:center;
	color:#fff;
	font-size:15px;
	background-color: #FFC94A;
	background-image:url(../images/testimonal-bg.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position: center;}
.testimonial-slide .item{
	padding:20px 0px;}	
.testimonial-slide .item p{
	font-size:19px;
	line-height:30px;
	}	
.testimonial-slide .item .h4{
	margin-bottom:5px;}	
.testimonial-slide .item .h6 {
    color: #765412;
    font-style: italic;
    font-size: 14px;
}		
footer{
	padding-top: 40px;
    background-color: #765412;
    color: rgba(255, 255, 255, 0.36);
}	
.footer-logo{
	width:60px;
	display:block;}
.footer-heading{
	font-size:20px;}
.fcontact-address{
    list-style: none;
    padding: 0;
}	
.fcontact-address li{
    position: relative;
    padding-left: 40px;
    margin-bottom: 15px;
}	
.fcontact-address i {
    left: 5px;
    font-size: 20px;
    position: absolute;
    width: 20px;
    top: 3px;
    text-align: center;
}	
.footer-logo img{
	width:100%;}	
.list-footer{
	padding:0;
	list-style:none;}
.list-footer a{
	color:rgba(255, 255, 255, 0.72);}	
footer a:hover{
	color:#FFC94A;}	
footer a{
	color:rgba(255, 255, 255, 0.72);}	
footer .ph, footer .email, footer .address {
    position: relative;
    padding-left: 40px;
    margin-bottom: 15px;
}	
footer .ph a, footer .email a {
    display: block;
    font-weight: bold;
}
footer .ph i, footer .address i, footer .email i {
    left: 5px;
    font-size: 20px;
    position: absolute;
    width: 20px;
    top: 3px;
    text-align: center;
}
.footer-bottom {
    padding: 15px 0;
    margin-top: 30px;
    border-top: solid 1px rgba(255, 255, 255, 0.04);
}
/*=============  inner pages css   =============*/
.header-img{
    max-height: 250px;
    overflow: hidden;
    background-color: #230c1b;
	position: relative;
	color:#fff;
}
.header-img .title-block {
    position: absolute;
    bottom: 0;
	left: 0;
    right: 0;
    color: #fff;
}
.header-img .title-main{
	color:#fff;}
.header-img img{
	opacity:.5;
	min-height: 180px;}
.form-innerpg{
	margin-bottom:30px;}
.form-innerpg i {
    top: 12px;
}	
.breadcrumb-wrap {
    background-color: #FFC94A;
}
.breadcrumb {
    padding: 5px 0;
    background-color: transparent;
}
.page-content{
	padding-top:20px;
	padding-bottom:50px;}
.contact-address ul{
    list-style:none;
    padding:0;
}	
.contact-address i {
position: absolute;
    color: #FFC94A;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 20px;
    left: 0;
    top: 0;
    margin-right: 10px;
    text-align: center;
}

.contact-address li{
    position: relative;
    padding-left: 40px;
    margin-bottom: 15px;
}	
	

/*=============  Responsive   =============*/
@media(min-width:1200px) {
}
@media(min-width:992px) {
.booknow {
    margin-left: 19px;
    margin-top: 3px;
    padding: 6px 19px !important;
    box-shadow: 0 0 9px rgba(0, 0, 0, 0.58);
}
header.smaller .booknow {
    margin-top: 7px;
}
}


@media(min-width:768px) {

.quickcontacts {
    display: none !important;
}	
}

@media(max-width:992px) {
header .phone{
	margin-right:50px;}	
	header.smaller .menuzord-menu > li > a {
    padding: 9px 8px;
}


.popular-tour .item .detail .places{
	display:none;}



.item-gallery{
	margin-bottom:50px !important;}
.tour-info-block{
	margin-bottom:20px;}
.hotel-info-block {
    margin-top: 30px;
}				
}
@media(max-width:767px) {	
header{
    background-color: #765412;
}    
.logo {
    width: 112px;
    background-color:#fff;
}
.smaller .logo{
    width: 112px;
}
.slider-wrap, .header-img{
    margin-top: 46px;
}
.about .detail {
    padding: 20px 40px 20px 40px;
}
.subscribe-wrap .subscribe {
    margin-bottom: 36px;
}
.subscribe-wrap:before {
    right: 0;
	min-height: 130px;
    bottom: inherit;
}
.subscribe-wrap .subscribe .fa-envelope-open {
    font-size: 118px;
    bottom: -16px;
}	
 .inner-header .form-wrap .nav > li:first-child {
	width:50%;
}

.form-wrap .nav-pills li ul, .form-wrap .nav-pills li:hover ul {
    left: 0;
    top: 100%;
	min-width: 100%;
}

.form-wrap .nav-link {
    height: 100%;
}
.form-wrap .nav-pills ul li:first-child a:before {
    content: "";
    position: absolute;
    top: 0px;
    margin-left: -5px;
    left: 50%;
}


header .social{
	display:none;}	


	
.inner-header .form-wrap li:nth-child(2), .inner-header  .form-wrap li:nth-child(4){
    border-right:none;
	border-left:solid 1px transparent;
}	
.slider-nav .item {
    height: auto !important;
    max-height: inherit;
}
.title-main {
    margin-top: 30px;
    margin-bottom: 29px;
    font-size: 18px;
    text-align: left;
}

.inner-header .title-main {
    font-size: 20px;
    text-align: center;
}
.gallery-wrap .title-block {
    left: 0;
	right:auto;
    top: 0;
    bottom: auto;
    transform: translateX(0%);
}
.gallery-wrap a.zoom:last-child {
    display:none;
}
.quickcontacts {
    display: block;
    width: 100%;
    float: left;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 99;
}
.quickcontacts a {
	font-size: 25px;
    text-align: center;
    color: #fff;
    line-height: 44px;
}
.quickcontacts .fenq {
    background: #f04242;
    width: 60%;
    font-size: 16px;
    
    font-weight: bold;
    text-transform: uppercase;
}
.quickcontacts .fcall {
    background: #c65400;
    width: 20%;
}
.quickcontacts .fwhats {
    background: #3fd439;
    width: 20%;
}
.quickcontacts i{
    vertical-align: middle;
}
}
}
@media(max-width:575px) {
.menuzord-responsive .menuzord-menu {
    left: -15px;
    right: -15px;
}	
.form-box {
    margin-top: -35px;
}
.slider .caption h4{
    font-size: 16px;
	margin-bottom:0;
}
.slider .caption .title {
    font-size: 20px;
	margin-top: 5px;
}
.slider .caption p {
    display: none;
}
.footer-bottom{
	text-align:center;}

	}
@media(max-width:475px) {
.slider-fix {
    height: 61px;
}


header.smaller .send-enquiry {
    margin-top: 45px;
}
header .phone i {
    display: none;
}	
header .phone a.email {
	display:none;
}
header .phone {
padding-left: 12px;
}
	}
@media(max-width:350px) {		
header .phone a.phone-no {
    font-size: 18px;
}
}