@charset "utf-8";
/* CSS Document */

.clearfix{clear:both; margin:0px; padding:0px;}
.spacer5{height:5px; margin:0px; padding:0px;}
.spacer10{height:10px; margin:0px; padding:0px;}
.spacer12{height:12px; margin:0px; padding:0px;}
.spacer15{height:15px; margin:0px; padding:0px;}
.spacer20{height:20px; margin:0px; padding:0px;}
.spacer25{height:25px; margin:0px; padding:0px;}
.spacer30{height:30px; margin:0px; padding:0px;}
.spacer35{height:35px; margin:0px; padding:0px;}
.spacer40{height:40px; margin:0px; padding:0px;}
.spacer45{height:45px; margin:0px; padding:0px;}
.spacer50{height:50px; margin:0px; padding:0px;}
.spacer60{height:60px; margin:0px; padding:0px;}
.spacer70{height:70px; margin:0px; padding:0px;}
.spacer100{height:100px; margin:0px; padding:0px;}
.spacer110{height:110px; margin:0px; padding:0px;}
a{transition:all 0.25s ease-in 0s; outline:0 none; cursor:pointer; text-decoration:none!important}
a:focus{outline:0 none;text-decoration:none!important}
:hover{transition:all 0.25s ease-in 0s;text-decoration:none!important}

h1,h2,h3,h4,h5,h6,ul,li,p,div{margin:0px; padding:0px;}
cite{font-style:normal;}

input[type="button"],input[type="submit"],button,div{-webkit-appearance: none; -moz-appearance: none; -webkit-border-radius: 0;  -moz-border-radius: 0;}

textarea:focus, input:focus{outline: none;}

div, span, p, a, i, ul, ul li, ol, ol li, img{-webkit-tap-highlight-color:  rgba(255, 255, 255, 0)}

img{font-size:0px;}

body{margin:0px; padding:0px!important; background:#fff; font-family:'Vidaloka', sans-serif;}

.wrapper{width:100%; margin:0px; padding:0px;}
.container{width:1200px; margin:0px auto; padding:0px; position:relative}

.hide-at-991, .hide-at-900, .hide-at-800, .hide-at-768, .hide-at-600, .hide-at-480{display:block;}
.show-at-991, .show-at-900, .show-at-800, .show-at-768, .show-at-600, .show-at-480{display:none;}

/*************************** bootstrap ***************************/

/*extra large*/
.col-xl-12{width:100%; float:left}
.col-xl-11{width:91.666667%; float:left}
.col-xl-10{width:83.333333%; float:left}
.col-xl-9{width:75%; float:left}
.col-xl-8{width:66.666667%; float:left}
.col-xl-7{width:58.333333%; float:left}
.col-xl-6{width:50%; float:left}
.col-xl-5{width:41.666667%; float:left}
.col-xl-4{width:33.333333%; float:left}
.col-xl-3{width:25%; float:left}
.col-xl-2{width:16.666667%; float:left}
.col-xl-1{width:8.333333%; float:left}

/*large*/
@media screen and (max-width: 1200px) {
	.col-lg-12{width:100%; float:left}
	.col-lg-11{width:91.666667%; float:left}
	.col-lg-10{width:83.333333%; float:left}
	.col-lg-9{width:75%; float:left}
	.col-lg-8{width:66.666667%; float:left}
	.col-lg-7{width:58.333333%; float:left}
	.col-lg-6{width:50%; float:left}
	.col-lg-5{width:41.666667%; float:left}
	.col-lg-4{width:33.333333%; float:left}
	.col-lg-3{width:25%; float:left}
	.col-lg-2{width:16.666667%; float:left}
	.col-lg-1{width:8.333333%; float:left}
}

/*medium*/
@media screen and (max-width:991px) {
	.col-md-12{width:100%; float:left}
	.col-md-11{width:91.666667; float:left}
	.col-md-10{width:83.333333%; float:left}
	.col-md-9{width:75%; float:left}
	.col-md-8{width:66.666667%; float:left}
	.col-md-7{width:58.333333%; float:left}
	.col-md-6{width:50%; float:left}
	.col-md-5{width:41.666667%; float:left}
	.col-md-4{width:33.333333%; float:left}
	.col-md-3{width:25%; float:left}
	.col-md-2{width:16.666667%; float:left}
	.col-md-1{width:8.333333%; float:left}	
}

/*small*/
@media screen and (max-width:600px) {
	.col-sm-12{width:100%; float:left}
	.col-sm-11{width:91.666667%; float:left}
	.col-sm-10{width:83.333333%; float:left}
	.col-sm-9{width:75%; float:left}
	.col-sm-8{width:66.666667%; float:left}
	.col-sm-7{width:58.333333%; float:left}
	.col-sm-6{width:50%; float:left}
	.col-sm-5{width:41.666667%; float:left}
	.col-sm-4{width:33.333333%; float:left}
	.col-sm-3{width:25%; float:left}
	.col-sm-2{width:16.666667%; float:left}
	.col-sm-1{width:8.333333%; float:left}	
}

/*extra small*/
@media screen and (max-width:480px) {
	.col-xs-12{width:100%; float:left}
	.col-xs-11{width:91.666667%; float:left}
	.col-xs-10{width:83.333333%; float:left}
	.col-xs-9{width:75%; float:left}
	.col-xs-8{width:66.666667%; float:left}
	.col-xs-7{width:58.333333%; float:left}
	.col-xs-6{width:50%; float:left}
	.col-xs-5{width:41.666667%; float:left}
	.col-xs-4{width:33.333333%; float:left}
	.col-xs-3{width:25%; float:left}
	.col-xs-2{width:16.666667%; float:left}
	.col-xs-1{width:8.333333%; float:left}	
}

.row{width:100%;}


/*************************** header ***************************/

header{padding:0px 0px 0px; border-bottom:0px solid #cc0000}
.header-left{float:left;  margin-bottom:-10px; padding: 5px 0 0 0;}
.header-right{float:right;}
.header-top{margin:15px 0px}
.header-bottom{background:#201e1e;}
.header-social{float:right; margin-left:65px; margin-top: -7px;}
.header-social i{padding:0px 6px; font-size: 17px;}
.fa-facebook-official{color:#4460a0;}
.fa-facebook-official:hover{color: #324d8c;}
.fa-youtube-play{color:#c80000}
.fa-youtube-play:hover{color: #9e1111;}
.fa-twitter{color:#5aa8df;}
.fa-twitter:hover{color: #107dcb;}
.header-social .fa-google-plus{color:#d20000; background:none!important; border:none!important}
.header-social .fa-google-plus:hover{color: #c70a0a;}
.header-address{float:left; font:400 14px/18px 'Vidaloka', sans-serif; color:#828282; letter-spacing:1px;}
.header-tel{float:right; font:400 14px/18px Arial, Helvetica, sans-serif; color:#ff2727; letter-spacing:1px;}
.header-tel span{color:#079ad0; font-family:'Vidaloka'; font-weight:400;}
.menu, .call{float:right; width:40px; text-align:center; margin: 8px 0px 0px; cursor:pointer}
.menu img{width:100%;}
.call i{color:#fff; font-size:25px!important; line-height: 37px; margin-right:10px}

/*menu*/
#cssmenu{display:block; float:right;margin-left:-200px;}
.bb{height:unset !important;}
.bb a{height:unset !important;}
.bb a:hover{border-bottom: none !important;}
#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a{height:50px;margin: 0px;  padding: 0px;  border: 0px;  list-style: none;  display: block;  position: relative;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;}
#cssmenu > ul > li {float: left; }
#cssmenu > ul > li a{/*padding:34px 27px 30px;*/padding: 30px 13px 38px;font:400 14px/18px 'Vidaloka',serif; color:#fff; text-transform:uppercase; letter-spacing:1px}
#cssmenu > ul > li a:hover{border-bottom: 4px solid #49c8f6;}

#cssmenu > ul > li a.active-tab{border-bottom:4px solid #079ad0}
#cssmenu > ul > li a.last-child{padding-right:0px;}
#cssmenu ul ul{display:none;position:absolute;top:100%;left:0;background:#201e1e;padding:0; z-index: 999;}
#cssmenu > ul > li > ul > li a:hover{border-bottom: none;}
#cssmenu ul ul li{float:none;width:205px}
#cssmenu ul ul ul li:first-child{padding-top:0px;}
#cssmenu ul ul li{border-top:1px solid #cacaca;}
#cssmenu ul ul a{padding:13px 27px; border-top:none}
#cssmenu ul ul a:hover{ border-top:none;}
#cssmenu ul ul ul{top:0;left:100%}
#cssmenu ul li:hover > ul{display:block}
.has-submenu i{font-size: 13px;margin-left: 10px; color:#b1b1b1}



/*************************** index ***************************/

/*inputbox*/
.contact-form{width:800px; margin:40px auto 0px;}
.contact-form form{margin-top:10px;}
.form-control{border: 1px solid #cacaca;padding:8px 2%;margin: 0px 0px 22px 0px;background: none;font: 400 14px/20px 'Vidaloka', sans-serif;text-align: left;color: #666; width:96%}
.form-control:focus{border-color: #66afe9;outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);}
.form-left{margin-right:12px;}
.form-right{margin-left:12px;}
.submit-btn{width:300px; margin:0px auto}
.submit{border:2px solid #3753a4; background:#3753a4; color:#fff; font:600 16px/13px 'Vidaloka', sans-serif; text-transform:uppercase; padding:12px 0px; position:relative; text-align:center; margin:0px auto; width:100%}
.submit:hover{background:#1e3882; color:#fff; cursor:pointer; border:2px solid #1e3882;}
.recaptcha-holder {width: 233px; margin: 0px auto;}

.slider-block{background:#e9e4d9; position:relative}
#owl-demo .item img{display: block; width: 100%; height: 500px;}
.slider-text{position:absolute; bottom:80px; width:96%; padding:0px 2%; text-align:center}
.slider-text h3, .inside-banner h1{color:#fff; font:400 75px/103px 'Vidaloka', sans-serif; text-align:center}
.home-booking{position:absolute; bottom:0px; z-index:99; background:rgba(0,0,0,0.8); padding:10px 0px; width:100%}
.booking-form{margin-left:70px;}
.booking-form h3{color:#fff; font:400 16px/32px 'Vidaloka', sans-serif; text-transform:uppercase; letter-spacing:1px; float:left}
.booking-form .inputbox{color:#5b5b5b; font:400 14px/12px 'Vidaloka', sans-serif; padding: 9px 5px 9px 15px; border:none; margin:0px 5px}
select{-webkit-appearance: none; -moz-appearance: none; background: #fff url(../images/dropdown.png) no-repeat right 6px top 15px;}
.calendar{background: #fff url(../images/calendar.png) no-repeat right 14px top 11px;}
.booking-form select{padding: 0px 25px 0px 14px !important; height: 32px;}
.blue-btn{background:#079ad0; color:#fff!important; letter-spacing:1px; font:400 14px/12px 'Vidaloka', sans-serif!important; border:none; text-transform:uppercase; padding:10px 25px!important}
.blue-btn:hover{background: #0882ae; cursor:pointer; color:#fff}
.gray-btn{background:#2a2a2a; color:#fff!important; letter-spacing:1px; font:400 14px/12px 'Vidaloka', sans-serif!important; border:none; text-transform:uppercase; padding:10px 25px!important}
.gray-btn:hover{background: #000; cursor:pointer; color:#fff}
.booking-form form{float:left; margin-left:40px}
.booking-form .blue-btn{margin-left:5px;}
.section-1 h1, .section-1 h2{color:#000; font:400 30px/32px 'Vidaloka', sans-serif; margin-bottom:10px}
p, a, ul li{color:#4a4a4a; font:400 18px/28px 'Vidaloka', sans-serif;}
.section-1{text-align:center; margin:65px auto; width:835px;}
.section-2{/*background:#ab917a url(../images/accommodation.jpg) no-repeat right top;*/background:#ab917a url(../images/s-3.jpg) no-repeat right top; padding:77px 70px 80px}
.section-3{background:#16181b url(../images/golden-plateau-dining.png) no-repeat left top; padding:90px 70px 80px}
.text-block h2, .image h4{color:#fff; font:400 32px/51px 'Vidaloka', sans-serif;}
.text-block p{color:#fff; width:290px; line-height:22px; margin-bottom:30px}
.section-3 .text-block{float:right;}


/*************************** footer ***************************/

footer{background:#201e1e; margin:60px 0px 0px}
.footer{padding:40px 66px 60px;}
.footer h3, .contact-section h2{color:#079ad0; font:400 22px/51px 'Vidaloka', sans-serif; margin-bottom:5px}
.footer p, .footer a{color:#b4b4b4; font:400 13px/22px 'Vidaloka', sans-serif; margin-bottom:30px}
.footer a p{margin-bottom:10px;}
.footer i{color:#fff!important; border-radius:50%; width:35px; height:35px; text-align:center; font-size: 20px; line-height: 35px; margin-right:6px}
.fa-instagram{background:#517fa4; border:1px solid #42749d}
.fa-instagram:hover{background: #28506f;}
.fa-pinterest-p{background:#cb2027; border:1px solid #c9181f}
.fa-pinterest-p:hover{background: #9f080e;}
.fa-facebook{background:#3b5998; border:1px solid #2b4b90}
.fa-facebook:hover{background: #243d72;}
.fa-google-plus{background:#dd4b39; border:1px solid #db3d2a}
.fa-google-plus:hover{background: #c03625;}
.copyright{background:#fff; padding:30px 0px; text-align:center}
.copyright p, .copyright a{color:#606060; font:400 12px/12px 'Vidaloka', sans-serif; letter-spacing:1px}
.copyright a:hover{color:#000;}
.fixed-btn{border:none; position:fixed; bottom:0px; z-index:99; background:rgba(0,0,0,0.8); padding:10px 0px; width:100%; color:#fff; font:400 16px/16px 'Vidaloka', sans-serif; text-transform:uppercase; letter-spacing:1px;}
.footer-img{margin-top:50px}

/*popup*/
.modal {position: fixed; top: 0;  right: 0;  bottom: 0;  left: 0;  z-index: 999999999;  display: none;  overflow: hidden;  outline: 0; background: rgba(0,0,0,0.5); padding:0px!important}
.modal.fade .modal-dialog {  -webkit-transition: -webkit-transform 0.3s ease-out;  transition: -webkit-transform 0.3s ease-out;  -o-transition: -o-transform 0.3s ease-out;  transition: transform 0.3s ease-out;  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out, -o-transform 0.3s ease-out;  -webkit-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); border-radius: 4px; }
.modal.show .modal-dialog {-webkit-transform: translate(0, 0);-o-transform: translate(0, 0);transform: translate(0, 0);}
.modal-open .modal {overflow-x: hidden;overflow-y: auto;}
.modal-content {position: relative;display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column;-ms-flex-direction: column; flex-direction: column;  background-color: #fff;  -webkit-background-clip: padding-box; background-clip: padding-box;  border: 0px solid rgba(0, 0, 0, 0.2); outline: 0; border-radius:4px}
.modal-backdrop {position: fixed; top: 0;  right: 0;  bottom: 0;  left: 0;  z-index: 1040;  background-color: #000;}
.modal-backdrop.fade { opacity: 0;}
.modal-backdrop.show { opacity: 0.5;}
.modal-header {display: -webkit-box; display: -webkit-flex;  display: -ms-flexbox;  display: flex;  -webkit-box-align: center;  -webkit-align-items: center; -ms-flex-align: center;align-items: center;  -webkit-box-pack: justify;
  -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between;  padding: 15px;  border-bottom: 1px solid #eceeef;}
.modal-title {  margin-bottom: 0;  line-height: 1.5;}
.modal-body {  position: relative;  -webkit-box-flex: 1;  -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto;  padding: 15px 15px 20px;}
.modal-footer {  display: -webkit-box;  display: -webkit-flex;  display: -ms-flexbox;  display: flex;  -webkit-box-align: center;  -webkit-align-items: center; -ms-flex-align: center; align-items: center;  -webkit-box-pack: end;
  -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end;  padding: 15px;  border-top: 1px solid #eceeef;}
.modal-footer > :not(:first-child) { margin-left: .25rem;}
.modal-footer > :not(:last-child) { margin-right: .25rem;}
.modal-scrollbar-measure {position: absolute; top: -9999px; width: 50px; height: 50px;overflow: scroll;}
.modal-dialog {position: relative; width: 260px;  margin: 70px auto 70px; background:#fff}
.close-popup{border: none; background: #fff; color: #000; cursor: pointer; font-size: 17px;}
.modal-header h4{color: #000; font: 400 20px/20px 'Vidaloka', sans-serif; margin-bottom:0px; text-transform:uppercase}
.modal p{margin-bottom:10px;}
.modal-body.booking-form{margin:0px;}
.modal-body .inputbox{border: 1px solid #cacaca; width: 193px !important; margin-bottom: 15px;}
.modal-body form {margin-left: 0px!important; float:none}
.modal-body select.inputbox{width: 224px !important;}
.modal-body .blue-btn {margin: 0px 0px 0px 5px; width: 224px;}


/*************************** inside ***************************/

/*accommodation*/
.inside-banner{/*padding: 100px 0px;*/padding: 180px 0px;  background-position:center center!important; background-repeat:no-repeat!important; background-size:cover!important}
.section-4{margin-top:60px;}
.image{width:auto}
.image img{width:100%}
.left{margin-right:30px; margin-bottom:50px}
.right{margin-left:30px; margin-bottom:50px}
.black-overlay{position: relative;}
.black-overlay::after {content: '\A'; position: absolute; width: 100%; height: 98%; top: 0; left: 0; background: rgba(0,0,0,0.6); opacity: 0; transition: all 1s; -webkit-transition: all 1s;}
.black-overlay:hover::after {opacity: 1;}
.image h4{position:absolute; text-align:center; bottom:100px; width:100%; z-index:9999; display:none}
.image:hover h4{display:block;}
.img-box{margin:0px 20px 25px; width:auto;}
.img-box img{width:100%;}
.section-5{margin-top:60px;}
.map{width:100%; height:400px;}
a:hover{color:#000;}
.contact-section h2{text-align:center;}

/*thank you pop up*/
#indexpopup{background:#000;background:rgba(0,0,0,.01);width:100%;height:1000px;position:fixed;zindex:999999999;border:0 solid #FF0;display:none}
#index-popup .outer{position:fixed;top:0;left:0;width:100%;height:100%;overflow:visible;z-index:9999999991;padding:50% 0 0;background: rgba(0,0,0,0.7);}
#index-popup .inner{width:600px;margin-left:-300px;position:fixed;top:100px;left:50%;background:0 0;z-index:9999999992;background:#fff;}
#index-popup .inner p{font: 400 22px/28px 'Vidaloka', sans-serif;padding: 0px 0px 20px 0px;margin:0px 0px 0px 0px;padding: 30px;margin: 0px 0px 0px 0px;color: #000;text-align: center;}
#index-popup a{text-decoration:none;color:#5e960e}
#index-popup .video-close{float:right;font-family:'Vidaloka',sans-serif;font-size:12px;fontweight:300;line-height:15px;color:#7b7b7b;padding:10px 10px 7px 0}
#index-popup .video-close a{cursor:pointer;text-decoration:none;color:#000}
#index-popup .video-close a span{color:#fff;text-transform:uppercase;padding:0 0 0 5px;color:#000;}

.section-6 h2, .amenities h2{color: #000; font: 400 26px/51px 'Vidaloka', sans-serif; text-align:center; margin-bottom:12px}
.amenity-block{height:250px; width:100%; background-repeat:no-repeat!important; background-size:cover!important; background-position:center center!important}
.title{padding:15px 0px}
.title h4{color: #fff; font: 400 20px/33px 'Vidaloka', sans-serif; text-align:center}
.light-orange{background:#ff8b35}
.dark-orange{background:#ea5826}

/*section-1*/
.section-1 ul{margin-top: 60px;}
.section-1 ul li{color: #4a4a4a; font: 400 18px/28px 'Vidaloka', sans-serif; text-align:left}

.section-4 ul{margin:0px 0px 50px;}
.amenities {padding:0px 25px;    width: 50%;
    margin:80px auto 0 auto;}
.amenities h2{}

.book-btn{margin: 15px 0 0 0 !important;
    padding: 15px!important;}

	
.img-left{width:40%;float:left;}
.details{width:57%;float:right;}
.details p{font: 200 14px/24px 'Vidaloka', sans-serif; padding-right:28px; padding-bottom:5px;}
/*************************** media queries ***************************/

@media screen and (max-width: 1240px) {
	.container{width:auto; margin:0px 20px;}
	.left {margin-right: 10px;}
	.right {margin-left: 10px;}
}

@media screen and (max-width: 1200px) {
	.slider-block .container{width:100%; margin:0px;}
	.booking-form {margin: 0px 20px;}
	#owl-demo .item img{width:auto; height:500px}
	.header-left{width:188px; margin-top: 12px;}
	.header-left img{width:100%;}
}

@media screen and (max-width: 1100px) {
	#cssmenu > ul > li a {padding: 34px 23px 30px;}
	.img-left{ text-align:center;width:95%;float:left;}
	.details{width:100%;padding-top:20px;float:right;}
}

@media screen and (max-width: 1050px) {
	#cssmenu > ul > li a, #cssmenu ul ul a{padding-left:18px; padding-right:18px;}
}

@media screen and (max-width: 991px) {
	.hide-at-991{display:none;}
	.show-at-991{display:block;}
	.logo{width:150px;}
	.header-top {margin: 3px 0px;}
	#cssmenu > ul > li a{padding-top:26px; padding-bottom:22px; font-size:13px}
	#cssmenu ul ul a{padding-top:13px; padding-bottom:13px;}
	#cssmenu > ul > li a, #cssmenu ul ul a{padding-left: 15px; padding-right: 15px;}
	#cssmenu ul ul li{width:160px;}
	.header-address, .header-social{margin-left:30px;}
	#owl-demo .item img{height:415px;}
	.slider-text h3, .inside-banner h1{font-size:60px; line-height:85px;}
	.booking-form .inputbox{width:80px;}
	.booking-form form{margin-left: 20px;}
	.section-1{width:80%;}
	.section-1 h1, .section-1 h2{font-size:28px; line-height:30px}
	p, a, .amenities ul li{font-size:14px;}
	.section-2{background-position: right -250px top 0;}
	.section-3{background-position: left -250px top 0;}
	.footer {margin: 30px 0px 50px;}
	.img-box {margin: 0px 15px 25px;}
	.header-left{margin-top: 7px;}
	.amenities h2{font-size:20px; line-height:25px; margin-top:25px}
	
}

@media screen and (max-width: 900px) {
	.show-at-900{display:block;}
	.bb{display:none !important;height:unset !important;}
	
	.hide-at-900{display:none;}
	#cssmenu{display:none; height:250px; position: absolute; top: 59px; left: 0px; background:#fff; z-index:200; width:100%; border-top: 1px solid #cecbcb;}
	#cssmenu > ul > li {float: none; border-bottom: 1px solid #cecbcb;}
	#cssmenu > ul > li a{padding: 15px 20px;}
	.header-left{float: none; margin:0px 20px -7px; width:auto}
	header {padding: 15px 0px 5px;}
	.logo {width: 120px;}
	#cssmenu ul ul, .has-submenu i{display:none!important;}
	header .container{margin:0px}
	.logo{width:180px!important;}
	header {padding: 0px;}
	#cssmenu > ul > li a.active-tab, #cssmenu > ul > li a:hover{border-bottom:none;}
	#cssmenu > ul > li a{color:#201e1e;}
}

@media screen and (max-width: 840px) {
	.contact-form{width:100%;}
}

@media screen and (max-width: 800px) {
	#cssmenu > ul > li a{font-size:12px;}
	.title h4{font-size:16px}
	.footer {padding: 40px 0px 60px;}
}

@media screen and (max-width: 768px) {
	.hide-at-768{display:none;}
	.show-at-768{display:block;}
	#owl-demo .item img {height: 380px;}
	.slider-text h3, .inside-banner h1 {font-size: 55px; line-height: 80px;}
	.copyright{margin-bottom: 36px;}
	.image h4{bottom:30px;}
	.offer-box {top: 7% !important;}
	.offer-btn{top: 10% !important;}
}

@media screen and (max-width: 700px) {
	.section-2 {background-position: right top;}
	.section-3 {background-position: left top;}
	.text-block {margin-top: 310px;}
	.section-2, .section-3{padding:90px 40px 40px;}
	.section-3 .text-block {float: none;}
	.text-block p{width:360px}
}

@media screen and (max-width:640px) {
	#index-popup .inner{width:90%;margin:0px 5%;left:0%;}	
	.offer-box{width: 280px !important;  height: 60px !important;}
	.offer-box h4 {
    font: 400 16px/20px 'Vidaloka', sans-serif !important;
    padding-bottom: 5px !important;}
	.offer-box p {font: 400 14px/24px 'Vidaloka', sans-serif !important;}
	.close {top: -15px !important;padding: 6px 10px !important;}
	.offer-box p span{font: 400 16px/24px 'Vidaloka', sans-serif;  padding: 3px 10px;}
}

@media screen and (max-width: 600px) {
	.hide-at-600{display:none;}
	.show-at-600{display:block;}
	#owl-demo .item img {height: 300px;}
	.slider-text h3, .inside-banner h1 {font-size: 45px; line-height: 60px;}
	.left, .right {margin: 0px;}
	.left, .right{margin-bottom:15px;}
	.section-1 ul{margin-top:0px;}
	.section-1 ul li{font-size:14px;}
	.section-4 ul {margin: 0px;}
	.amenities {padding: 0px 25px 50px;}
	.amenities h2 {text-align:left}
	.sp{margin:0 0 40px 0;}
	.amenities {width: 100%;}
	.sp-left{padding: 0 0 0 0px;}
	.img-left { width: 100%;}
}

@media screen and (max-width: 480px) {
	.show-at-480{display:block;}
	.hide-at-480{display:none;}
	#owl-demo .item img {height: 250px;}
	.slider-text h3, .inside-banner h1 {font-size: 35px; line-height: 40px;}
	.section-1 h1, .section-1 h2 {font-size: 24px;}
	p, a{font-size:13px; line-height:26px}
	.section-1{margin: 40px auto;}
	.text-block p{width:100%}
	.text-block h2, .image h4{font-size:25px; line-height:45px;}
	.section-2, .section-3 {padding: 70px 20px 25px;}
	.footer h3, .contact-section h2{font-size:20px; line-height:30px}
	.footer p, .footer a{font-size:14px; margin-bottom: 20px;}
	.footer .col-xl-4{margin-bottom:30px;}
	.footer {margin: 20px 0px 30px;}
	.logo {width: 90px;}
	.menu, .call{width:30px}
	.call i{font-size: 20px !important; line-height: 27px;}
	#cssmenu{top: 50px;}
	.section-2 {background: #a18744}
	.section-3 {background: #16181b }
	.section-2, .section-3 {padding: 0px;}
	.text-block {margin-top: 0px; padding:30px 20px 40px}
	.section-4 {margin-top: 40px;}
	.inside-banner {padding: 50px 0px;}
	.img-box {margin: 0px 0px 20px;}
	.map{height:250px;}
	.form-left, .form-right{margin:0px;}
	.submit-btn{width: 100%;}
	.logo {width: 160px !important;}
	.section-1 ul li{font-size:12px;}
}


.offer-btn{
	width: auto;
    padding: 5px;
    padding:10px 15px;
    top: 29%;
    position: fixed;
    background-color: black;
    color: #fff;
    border: 1px solid;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    cursor: pointer;
    right: 0px;
    z-index: 99;
	background: #079ad0;
    color: #fff;
    letter-spacing: 1px;
    font: 400 14px/12px 'Vidaloka', sans-serif!important;
	display:none;
}

.offer-box{
	
	color:#fff;
    position: absolute;
	top: 12%;
	right:0;
	width:310px;
	height:90px;
	padding:15px;
	background:rgb(255,255,255,0.7);
	border:1px solid rgb(255,255,255,1);
	border-right:none;
	
}

.offer-box h4{font: 400 18px/24px 'Vidaloka', sans-serif;padding-bottom:10px;color:#000;text-align:center;}

.offer-box p{
	color:#000;
	width:310px;
	white-space: nowrap;
	font: 400 16px/28px 'Vidaloka', sans-serif;
}

.offer-box p span{color:#fff;font: 400 18px/24px 'Vidaloka', sans-serif; padding:3px 14px; margin:0 5px; background:#079ad0; 
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;}

.close{
	position:relative;
	top:-14px;
	left:-50px;
	border:1px solid #fff;
	
	background:#079ad0;
	padding:4px 10px;
}

.close i{
	color:#fff;
	font-size:18px;
}

.contentss{
	margin:-30px 0 0 0;
}


#ui-datepicker-div{
	display:none !important;
} 

input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
    opacity:0;   
    -webkit-appearance: none;
	cursor:pointer;
}



input[type="date"]::-webkit-clear-button
{
    display: none; /* Hide the button */
    -webkit-appearance: none; /* turn off default browser styling */
}

input[type='date']:before {
  color: #aaa;
  content: attr(placeholder);
  margin-right:5px;
}

input::-webkit-datetime-edit{ color: #A0A0A0; }