@import url('https://fonts.googleapis.com/css?family=Courgette|Lato&display=swap');  /*  font-family: 'Courgette', cursive;
font-family: 'Lato', sans-serif; */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video{font:inherit;margin:0;padding:0;vertical-align:baseline}
html, body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;border:medium none;color: #333;font-family:'Lato', sans-serif;font-size:16px;letter-spacing: 0.5px;height:100%;line-height:1.5;margin:0;outline:0 none;padding:0;text-align:center;}
html {font-size: 62.5%;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary{display:block}
h1,h2,h3,h4,h5{font-family: 'Lato', cursive; color: #b27833; line-height: 1.5;}
h1{font-size: 44px;}
h2{font-size:1.4em;}
h3{font-size: 2.3em; }
h4{font-size:22px;padding:20px 0;}
h5{font-size:20px;}
.specail-text{display:inline-block !important;font-weight:bold;font-size:14px;}
.main-content{color:#ffffff;position:relative;bottom:0px;z-index:8;text-align:left;overflow:inherit}
.head-intro{width:40%;float:left;margin-left:8%;position:absolute;bottom:180px}
a{color: #333;background-color:transparent;cursor:pointer;text-decoration: none;}
a:active, a:hover{color: #b27833; outline:0 none;text-decoration:none;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}
.logo{position:absolute;z-index:8;left:8%;margin-top: 2em;}
li{list-style:inside}
ol li{list-style:inherit;}
*, *:before, *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
mark{background:#ff0 none repeat scroll 0 0;color:#000}
sub, sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
.link{text-decoration:underline}
img{border:0 none}
button, input, optgroup, select, textarea{border: 1px solid #000;color:inherit;font:inherit;margin:0;outline:medium none;padding:8px 15px;}
button{overflow:visible}
button, select{text-transform:none}
button, html input[type="button"], input[type="submit"]{background-color:#c6bfb2;border:medium none;border-radius:0;cursor:pointer;color:#ffffff;outline:medium none;padding:13px 0;width:130px}
button, html input[type="button"], input[type="reset"]{background-color:#333333;border:medium none;border-radius:0;color:#ffffff;cursor:pointer;outline:medium none;padding:13px 0;width:130px}
button, html input[type="button"], input[type="submit"]:hover{background:#fff none repeat scroll 0 0;/* border:1px solid #c6bfb2; */color:#c6bfb2;transition:all .3s ease-in-out;}
button, html input[type="button"], input[type="reset"]:hover{background:#fff none repeat scroll 0 0;color:#333333;/* border:1px solid #333333; */transition:all .3s ease-in-out;}
button[disabled], html input[disabled]{cursor:default}
button::-moz-focus-inner, input::-moz-focus-inner{border:0 none;padding:0}
input{line-height:normal}
input[type="checkbox"], input[type="radio"]{box-sizing:border-box;padding:0}
input[type="search"]{box-sizing:content-box}
fieldset{border:1px solid silver;margin:0 2px;padding:0.35em 0.625em 0.75em}
legend{border:0 none;padding:0}
textarea{height:100px;overflow:auto}
optgroup{font-weight:700}
table{border-collapse:collapse;border-spacing:0;margin:20px auto;width:100%}
table.package-offer{border-collapse:collapse;border-spacing:0;margin:20px auto;text-align:left}
table.package-offer td{border-top:none;border-left:none;border-right:none;border-bottom:1px solid #fff}
td, th{border:1px solid #fff;padding:5px;vertical-align:middle;background-color: #f7f7f7;}
*{box-sizing:border-box}
th{background: #8b8b8b none repeat scroll 0 0;color:#ffffff;height:40px;}
.image-right{padding:0 0 30px 30px;float:right;}
.image-left{float:left;height:auto;padding:0 30px 30px 0;width:40%}
#content{}
.content-block{overflow:hidden;width:100%;border-top:4px solid #fff;background-color: #ececec;align-items: center;display: flex;display: -webkit-flex;display: -ms-flexbox;height: 37vw;}
.facility-block {display:block;}
.hilight-text{color:#c6bfb2;font-size:18px}
.header{font-size:1.2em;color:#c6bfb2}
.header a{color:#fff;text-decoration:none}
.content-offer .header a{color: #b27833;text-decoration:none;}
.text-italic{font-style:italic}
.home-inrto{display:block;float:none;margin:0 auto;max-width:1000px;overflow:hidden;padding:50px 0;position:relative;text-align:center;width:100%}
.home-title{position:absolute;z-index:8;color:#fff;width:auto;left:8%;bottom:300px;}
.home-title h2{color:#fff;font-size:3em;}
.home-title h2 a{color:#fff;text-decoration:none;}
.home-title h2 a:hover{color:#c6bfb2;text-decoration:none;}
.intro-slide{display:block;/* float:none; */margin:0 auto;text-align:center;z-index:8;}
.intro-slide li{list-style:inside none disc;text-align:left}
.content-block .intro-slide{bottom:auto;display:block;float:none;margin:0 auto;padding:20px;right:360px;text-align:center;top:33%;width:360px;z-index:8}
.content-block .intro-slide span{border:4px solid #fff;display:inherit;height:81%;position:absolute;width:89%}
.content-detail{display:block;float:none;margin:0 auto;max-width:1000px;overflow:hidden;padding:14px 0 40px 0;position:relative;text-align:center;width:100%}
.content-two-colum{width:48%;display:inline-block;vertical-align:top}
.content-two-colum h3{text-align:left;margin:10px 0 30px 0}
.content-two-colum li{text-align:left}
.home-inrto h2{font-size: 24px;  color: #cf9f62; text-transform:none;}
.home-inrto h2 a{text-decoration:none;margin:0px;}
.content-left{width:40%;float:left;text-align:left;margin-bottom:20px;}
.contact{text-align:left;}
.content-right{width:60%;float:right;text-align:left;}
.content-right.text-right{}
.text-right h3{font-size:24px;text-align:center}
.content-left h1{color: #666;text-transform:uppercase;}
.home-inrto li{list-style:inside}
.home-inrto li a{text-decoration:none}
.wrap-content h1{color:#123C6B;padding-bottom:40px;}
.intro-slide span{display:inline-block;height:88%;position:absolute;width:93%}
#slides{position:relative;background-color:#ffffff;height:100%;display:inline-block;margin-top:0px;}
#slides .slides-container{display:block !important;}
#slides .slides-container img{width:100%;}
#slides-noslide{height:100%;}
#slides-noslide .slides-container img{width:100%;}
#slides-noslide .slides-container{display:block !important;}
#slides .scrollable{height:100%;left:0;overflow-y:auto;position:relative;top:0;}
#slides .scrollable::after{clear:both;content:"";display:table;}
.home .slides-navigation{display:none;margin:0 auto;position:absolute;top: 52%;width:100%;}
.slides-navigation a{display:block;position:absolute;}
.slides-navigation a.prev{left:0;}
.slides-navigation a.next{right:0;}
.slides-pagination{bottom: 150px;position:absolute;text-align: right;z-index:2;left: inherit;right: 8%;}
.slides-pagination a{background-color:#fff;border-radius:15px;display:inline-block;height:14px;margin:2px;overflow:hidden;text-indent:999px;vertical-align:middle;width:14px;}
.slides-pagination a.current{background:rgba(0, 0, 0, 0) none repeat scroll 0 0;border:2px solid #fff;}
.content-wrapper{display:block;text-align:left}
.content-section{width:49.8%;display:block;float:left;position:relative;    margin-bottom: 6px;}
.content-section.block-width{width:100%;display:block;float:left}
.content-section.right{float:right}
.wrap-feature{overflow:hidden}
.content-section.right.feature{border-top:1px solid #c6bfb2;}
.content-bottom{border-right:none}
.content-section .intro-slide{position:absolute;color: #333;text-align:center;width:100%;background-color:rgba(255,255,255,0.8);padding: 33px 10%;}
.content-section.content-bottom .intro-slide{color:#333333;text-align:center;width:100%;margin:0;bottom:0px;background-color:rgba(255,255,255,0.8);text-shadow:none;overflow:hidden;padding:33px 10%}
.intro-slide-feature{position:relative;color:#333333;text-align:center;width:100%;margin:0;bottom:0;background-color:#fff;text-shadow:none;overflow:hidden;padding:4% 10%}
.intro-slide-feature h2{text-transform:none}
.content-section.content-bottom .intro-slide h2{}
.content-section.content-bottom .intro-slide h2 a{text-decoration:none}
.content-section.content-bottom .intro-slide h2 a:hover{}
.content-section.content-bottom .intro-slide .headr-sub{color:#c6bfb2}
.content-section .intro-slide .headr-sub{font-size:18px}
.content-section .intro-wrapper{color:#fff;margin:0 auto;position:relative;display:block;z-index:5}
.content-section .content-photo{position:relative;text-align:center}
.content-section .content-photo img{width:100%;height:auto}
.content-section .intro-slide h2{font-size: 28px;text-transform:none}
.content-section .intro-slide h2 a{color: #b27833; text-decoration:none}
.content-section .intro-slide h2 a:hover{}
.page-index{margin-bottom:20px;text-transform:uppercase;}
.book-room{font-size:18px;color:#fff;margin-top:40px;margin-bottom:20px}
.book-room a{font-size:16px;color:#fff;background-color: #cf9f62;padding:10px 25px; border: 1px solid #cf9f62; text-decoration:none;}
.book-room a:hover{background-color:transparent;border: 1px solid #cf9f62;color: #cf9f62;}
.name-title{position:absolute;font-size:24px;right:60px;margin-top:58%}
.contetn-name-title{position:absolute;font-size:28px;right:60px;bottom:60px;color:#fff;text-shadow:1px 1px #999; font-family: 'Courgette', cursive;}
#toggle-view{list-style:outside none none;margin:0;padding:0}
#toggle-view li{cursor:pointer;position:relative;list-style:none}
#toggle-view h3{font-size:14px;margin:0}
#toggle-view span{font-family: 'Lato', sans-serif;background: url(../images/sprites.png) no-repeat right -80px;color: #000;font-size: 1em;padding: 8px 42px 8px 10px;/* text-decoration:underline; */border: 1px solid #000;}
#toggle-view span:hover{color: #fff;background-color: #000;}
#toggle-view .panel{display:none;margin:5px 0}
#toggle-view .panel a{color:#9f0737;padding:5px 0 20px}
.best-price{float:left;margin-top:3px;}
.download-sheet{font-size:16px;height:50px;margin:40px auto 10px;display:inline-block}
.download-sheet a{background:rgba(0, 0, 0, 0) url("../images/presentation.png") no-repeat scroll left center;padding:22px 0 22px 65px !important;}
.download{font-size:16px;height:50px;margin:40px 20px 10px;display:inline-block}
.download a{background:rgba(0, 0, 0, 0) url("../images/brochure.png") no-repeat scroll left center;padding:22px 0 22px 65px}
.short-intro{font-family:'Courgette', cursive;color:#ffffff;display:block;margin:0 auto;position:absolute;text-align:right;line-height: 1.5;text-shadow:0 1px #333333;width: 500px;z-index: 2;bottom: 180px;right: 8%;}
.short-intro .hotel-name {font-size: 60px; display: block;}
.short-intro .hotel-intro {font-size: 24px;}
.short-intro.right-bottom{font-size:36px;top:auto;right:8%;font-weight:bold;text-align:center;left:auto;bottom:180px}
.short-intro.right-bottom .text56{font-size:50px}
.short-intro.right-bottom span{font-size:24px;line-height:18px;float:none;width:auto;margin:0px 0 20px 0;bottom:180px;display:block;text-align:center}
.package .short-intro{font-family:'Lato', sans-serif;color:#ffffff;display:block;font-size:48px;margin:0 auto;position:absolute;text-align:center;line-height:41px;text-shadow:0 1px #333333;width:100%;z-index:99;top:50%;font-weight:bold;left:auto}
.short-intro span{display: inline-block;}
.scroll-down{right: 8em;bottom:60px;margin:0 auto;position:absolute;text-align:left;z-index:2;}
.scroll-down a{text-decoration:none}
#container_vtour{position: absolute;overflow: hidden;width: 100%;height: 100%;top:0;z-index: 12;display: none;}
#container_vtour iframe{width: 100%;height: 100%;overflow: hidden;}
.vdo-icon.off{z-index: 13;right: 12%;display: none;}
.vdo-icon{margin:0 auto;position: absolute;cursor: pointer;text-align: right;z-index: 3;bottom: 310px;float: right;right: 8%;}
#slides .vdo-icon img{width:auto !important;height:auto !important}
#slides .scroll-down img{height:auto !important;width:auto !important;margin:0 auto}
.scroll-down span{color:#ffffff;display:block;font-size:14px;margin-top:10px;font-weight:bold;text-shadow:1px 0 0 #333}
.content-room{position:relative;overflow:hidden;text-align: center;/* display: flex; *//* flex-direction: column; *//* justify-content: center; *//* top: 0; *//* bottom: 0; *//* height: 100%; */}
.content-room .intro-slide{position:absolute;bottom: 0;color:#fff;text-align: center;width: 100%;text-shadow:-1px 0 #5a5a5a;margin: 0 auto;top: 0;display: flex;flex-direction: column;justify-content: center;}
.content-room .intro-slide .wrap-intro-room{max-width: 40%; margin: 0 auto; background: rgba(255,255,255,0.85); padding:3em; color: #333; text-shadow: none;}
.content-room .intro-slide .wrap-intro-room h3 {font-size: 34px;}
.content-room .intro-slide .wrap-intro-room h3 a {color: #b27833;}
.content-room .header{font-size:1.8em;bottom:160px;}
.content-room .header a{color:#fff;text-decoration:none}
.content-room .header a:hover{color:#fff}
.content-room .explore{font-size: 1em;padding-top: 1em;font-family: 'Lato', sans-serif;}
.content-room .explore a{color:#b27833; background: url(../images/sprites.png) no-repeat 83px -979px;width:22px;height:22px;padding: 10px 43px 10px 25px;border: 1px solid #b27833;font-family: 'Lato', sans-serif;font-size: 0.9em;}
.content-room .explore a:hover{background:url(../images/sprites.png) no-repeat  83px -939px; color: #fff;background-color: #b27833;}
.room-amen { padding: 0px;margin: 0px;}
.room-amen ul {margin: 0;padding: 0;text-align: left;}
.room-amen li {display: inline-block;padding: 20px 0;text-align: center;text-shadow: 0 1px #ffffff; width: 19%;}
.room-amen span {background:url(../images/sprites.png) no-repeat 0 0;display: block;width: 30px; height:30px;margin: auto;}
.room-amen span.tv { background-position:0 -555px;}
.room-amen span.balcony {background-position: 0 -597px;}
.room-amen span.dvd {background-position: 0 -639px;}
.room-amen span.wireless {background-position: 0 -691px;}
.room-amen span.air {background-position: 0 -732px;}
.room-amen span.tel {background-position:-49px -555px;}
.room-amen span.bar {background-position:-49px -597px;}
.room-amen span.safety {background-position:-49px -639px;}
.room-amen span.coffee {background-position:-49px -691px;}
.room-amen span.bathrobes {background-position:-49px -732px;}
.room-amen span.restaurant {background-position: 0 -773px;}
.room-amen span.pool {background-position: 0 -813px;}
.room-amen span.spa {background-position: 0 -855px;}
.room-amen span.shop {background-position: 0px -899px;}
.room-amen span.gym {background-position: -49px -772px;}
.room-amen span.butler {background-position: -49px -813px;}
.room-amen span.shuttle {background-position: -49px -856px;}
.content-offer{max-width:1200px;margin:30px auto}
.content-offer .intro-slide{float:none;margin:0 auto;text-align:center;padding:22px 0 22px 0; }
.content-offer .header{/* font-size:26px; */color:#c6bfb2;}
.explore{padding-top: 1em;}
.explore a{background: url(../images/sprites.png) no-repeat 69px -190px;width:22px;height:22px;padding: 10px 43px 10px 25px;border: 1px solid #b27833;}
.explore a:hover{/* background:url(../images/sprites.png) no-repeat 40px -195px; */color: #fff;background-color: #000;}
.content-offer .view-deal{margin-top:25px}
.content-offer .view-deal a{color: #fff;background: #cf9f62 url(../images/sprites.png) no-repeat  83px -941px;width:24px;height:24px;padding: 8px 38px 8px 12px;text-decoration: none;border: 1px solid #cf9f62;font-size: 14px;font-family: 'Lato', sans-serif;}
.content-offer .view-deal a:hover{color: #fff;background-color: #b27833; border: 1px solid #b27833;}
.content-offer{max-width:680px;margin:30px auto}
.content-offer .intro-slide{float:none;margin:0 auto;text-align:center;padding:22px 0 22px 0;}
.content-offer .header{color:#c6bfb2;}
.explore{font-size: 16px;}
.explore a{color: #b27833; background: url(../images/sprites.png) no-repeat 87px -979px;width:22px;height:22px;padding: 8px 43px 10px 25px;border: 1px solid #b27833;}
.explore a:hover{color: #fff; background:#b27833 url(../images/sprites.png) no-repeat 87px -939px}
.intro-accommodation{opacity:0;transition:all 2s ease 0s}
.intro-accommodation.action{opacity:1}
.section{background-color:#f6f6f6;margin-bottom:-7px;overflow:hidden;width:100%}
.package .home-inrto{padding:0px 0}
.offer{text-align:left;border-bottom: 1px solid #ccc;padding:1em 0;    overflow: hidden;}
.offer .header{font-size:1em;color:#333;margin:0 0 10px 0;font-weight:bold;}
.package-prior p{margin-top:0;}
.package-price{color:#c6bfb2;}
.offer ul { padding:0;}
.offer .content-right{width:50%}
.wrap-form{margin:0 auto;width:55%}
.wrap-form input[type="button"], input[type="submit"]{margin:20px 0}
.row-form{margin:10px 0;overflow:hidden;text-align: center;}
.wrap-form label{float:left;padding:5px 0;text-align:left}
.wrap-form .input{float:right;outline:medium none;text-align:left;width:60%}
.wrap-form .text-area{height:400px;outline:medium none}
.wrap-form select{-moz-appearance:none;background:#fff ;border-radius:0;height:38px;overflow:hidden;padding:8px 15px;position:relative;width:60%;float:right}
#availability-checker{left:0;padding:0}
#availability-wrapper, #availability-checker{font-size:11px;position:absolute;right: 0px;width: 280px;height:100%;z-index:15;margin-top: 8em;}
#availability-checker{bottom:0;margin:0 auto;right:0;z-index:12;height:100%;width:100%;position:relative;}
#availability-checker .date input{cursor:pointer}
#availability-checker input{float:left;width:90%}
#availability-checker input{background: rgba(255, 255, 255, 0) url("../images/sprites.png") no-repeat scroll right -336px;border: 1px solid #000;border-radius:0;clear:both;color: #000;font-size: 1.2em;height:50px;padding:10px 20px;width:92%;}
#availability-checker input.text{background-image:none;border:1px solid #535249;border-radius:0;color:#123c6b;height:37px;padding:4px 8px;width:100%;clear:both}
#availability-checker input#nights{width:90px;background-image:none}
#availability-checker .choose select{-moz-appearance:none;background: rgba(255, 255, 255, 0) url("../images/sprites.png") no-repeat scroll right -295px;border:1px solid #535249;color:#666666;font-family:helvetica;font-size:14px;border-radius:0;color:#123c6b;float:left;clear:both;height:50px;padding:10px 20px;top:0;width: 92%;-webkit-border-radius:0px;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
#availability-checker .select-hotel{float:left;margin:13px;text-align:left;width:100%}
#availability-checker .select-hotel select{width:92%}
#availability-checker .book{background: #000;border-radius:0;box-sizing:border-box;color:#fff;cursor:pointer;font-size: 1.3em;margin-left:4px;margin-top:20px;padding:12px 26px;text-transform:uppercase;width:92%;}
#availability-checker .book:hover{background:#fff none repeat scroll 0 0;color:#123C6B;font-weight:bold}
#availability-checker .date{width:100%}
#availability-checker .date{margin:0}
#availability-checker label{color: #000;float:left;font-size: 1.4rem;margin-left:0;width:100% !important;}
#availability-checker .date, #availability-checker .choose, #availability-checker .promo{float:left;margin: 0.8em;text-align:left;}
#newsletter{display:inline-block;margin:0 auto;text-align:center;width:100%}
.children.choose,.adults.choose{margin-right:0 !important;width: 100%;}
.booking-form{margin:0 auto;width:280px;padding:1em;background: #fff; /*overflow:scroll;*/ height:auto;right:0; /*margin-top: 0em;*/ margin-top: 12px; font-family: 'Lato', sans-serif;}

/* Hide scrollbar for IE, Edge and Firefox */
.booking-form {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

/* Hide scrollbar for Chrome, Safari and Opera */
.booking-form::-webkit-scrollbar {
  display: none;
}

#availability-checker::before{background: url(/images/sprites.png) no-repeat -50px -44px;width: 27px;height: 12px;content:"";display: inline-block;float: right;margin-right: 4em;}
#slides{position:relative}
#slides .scrollable{height:100%;left:0;overflow-y:auto;position:relative;top:0}
#slides .scrollable::after{clear:both;content:"";display:table}
footer{font-size: 14px;width:100%;overflow:hidden;padding:30px 0;color: #333;}
.footer-link{}
.footer-link li{padding:0 10px;display:inline;}
.footer-link li a{}
.footer-link li a:hover{color: #b27833;text-decoration:none;}
footer .ref a{/* color: #24675f; */text-decoration: underline;}
.footer-link li:last-child{border-right:none}
.connect{text-align: left;float: left;color: #fff; font-family: 'Courgette', cursive; font-size: 16px;}
.lang { float:right; margin: 20px 0 20px 20px; width: 80px; }
.lang img{margin-right:5px;display: block;float: left;margin-top: 4px;}
.social{display:inline-block;float: right;margin-left:10px;margin-top: 20px;width: auto;z-index:99;position:relative;}
.social ul{margin: 0;padding: 0;float: right;}
.social li{display:inline;height: 18px;padding:0 5px;text-align:center;width: 25px;}
.social li a:hover img{opacity:0.6}
.social li{display:inline-block;margin: 3px 0;padding: 0;text-align:center;}
.social li a{overflow: hidden;float: left;width: 25px;height: 25px;}
.social li a:hover{opacity: 0.6;}
.social li a.i-facebook{background: transparent url("../images/sprites.png") no-repeat 9px -392px;}
.social li a.i-instagram{background: transparent url("../images/icon-instagram.png") no-repeat center 1px;}
.social li a.i-twitter{background: transparent url("../images/sprites.png") no-repeat 0px -433px;}
.social li a.i-google{background: transparent url("../images/sprites.png") no-repeat -0px -469px;}
.social li a.i-youtube{background: transparent url("../images/sprites.png") no-repeat -0px -510px;margin-top: -3px;}
.social li a.i-mailer{background:transparent url("../images/sprites.png") no-repeat -20px -524px;}
.footer-awards{margin-bottom:20px;}
ul.footer_social{height:39px;margin:0 auto;overflow:hidden;position:relative;width:250px}
.clearfix::after{clear:both;content:"";display:table}
#slider_wrapper{overflow:hidden}
.multiple-items .slick-prev, .multiple-items .slick-next{top:40%}
.multiple-items .explor-caption a{font-size:20px;position:relative}
.multiple-items .slick-prev{background-position:0 0 !important;left:25px}
.multiple-items .slick-next{background-position:-90px 0 !important;right:30px}
.explor-caption{color:#c6bfb2;display:inline-block;margin:32px auto 0;/* height:47px; */text-align:center;}
.explor-caption a{/* background: rgba(0, 0, 0, 0) url("../images/arrow-explor.png") no-repeat scroll right 12px; */color: #fff;font-size:16px;display:block;line-height:45px;padding:0 24px 0 0;text-decoration:none;z-index:99;}
.explor-caption a:hover{background:#c6bfb2 url("../images/arrow-explor-hover.png") no-repeat scroll right 16px;color:#fff;display:block;line-height:45px}
.facility-list{margin:20px 0;}

/* =====================Header============================= */
#header{}
.header-wrap{margin:0 auto;width:100%;position: absolute;height: 250px;background: rgba(0, 0, 0, 0) url("../images/bg-slide.png") repeat-x scroll 0 0; z-index: 5;}
.header-wrap.fix_top{ margin:0 auto;width:100%; position: fixed; height: 100px;  background: rgba(0, 0, 0, 0.8); z-index: 55;}
.header-wrap.fix_top .logo {margin-top: 18px;}
.header-wrap.fix_top header 	{top: 0;}
.header-wrap.fix_top .logo img {width: 100px}
#location .header-wrap{margin:0 auto;width:100%;position: relative;height: 158px;background-color: #000;}
header{/* padding:30px 0 0; */position:absolute;top: 12px;left:10px;right: 8em;z-index:5;}
.header_r{float:right;right: 0;position: absolute;text-align: right; width:100%; }
.mainmenu {font-family: 'Courgette', cursive; float:right;font-size: 18px; margin-top: 45px;margin-right: 170px;/* border-right: 1px solid #fff; */}
.mainmenu li{ display:inline-block; float:left; position:relative;}
.mainmenu li a{text-decoration:none;color:#fff;padding: 15px 15px;display:block;position: relative;}
.mainmenu li:hover > a{ color: #cf9f62; }
.mainmenu li a:after{content:"";height:2px;width:0;bottom: 10px;left: 10px;background-color: #cf9f62;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;-ms-transition: all 0.4s ease;transition: all 0.4s ease;position: absolute; }
.mainmenu li:hover > a:after{ width:40px; }
/*.dropdown{ background:url(../images/icon-arrow--down.png) no-repeat center bottom; -webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;-ms-transition: all 0.4s ease;transition: all 0.4s ease; }
.dropdown:hover{ background-image:url(../images/icon-arrow--down-pk.png); }*/
.mainmenu .menu_drop > a{display:block;padding: 10px 20px;cursor:pointer;margin: 16px 6px 15px 0px;border-right: 1px solid #fff;}
.mainmenu .btn_res a{ background:url(../images/icon-cal.png) no-repeat 15px center #5c6492; color:#fff;  display:block; font-size:14px; padding:17px 20px 14px 50px; cursor:pointer; }
.mainmenu .btn_res a:hover{ background-color: #b9825a; color:#fff; }
.mainmenu .btn_res a:after, .mainmenu .menu_drop > a:after{ content:initial; }

.submenu{ position:absolute; background-color: rgba(255, 255, 255, 0.8); text-align: left; padding:15px 10px 3px 10px; width:190px; max-height:0; height:0; overflow:hidden; opacity:0; margin-top: 0px;  -webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;-ms-transition: all 0.4s ease;transition: all 0.4s ease; }
li:hover .submenu{  opacity:1; margin-top:0; max-height: none; height:auto; overflow:initial; }
.submenu:after { bottom: 100%;left: 25px;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(136, 183, 213, 0);  border-bottom-color: rgba(255, 255, 255, 0.8);border-width: 5px;margin-left: -5px; }
.submenu li { width:100%; }
.submenu li a{color:#333; padding:5px 8px 15px; }
.icon-dropmenu {width:30px;height:1px;background-color:#fff;position:relative;display: -webkit-box;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;-ms-transition: all 0.4s ease;transition: all 0.4s ease;}
.icon-dropmenu:before { width:30px; height:1px; position:absolute; content:""; background-color:#fff; top:-8px; -webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;-ms-transition: all 0.4s ease;transition: all 0.4s ease; }
.icon-dropmenu:after { width:30px; height:1px; position:absolute; content:""; background-color:#fff; bottom:-8px; -webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;-ms-transition: all 0.4s ease;transition: all 0.4s ease; }
li:hover > a .icon-dropmenu { background-color:#fff;  }
li:hover > a .icon-dropmenu:before {  background-color:#fff; top:8px; }
li:hover > a .icon-dropmenu:after {  background-color:#fff; bottom:8px; }
.wrap__mobilemenu{display: none;}
.wrap__mobilemenu__list{ display:none; }
.lang a{ color:#fff; }
.lang a:hover{  }

/* #Reservation box
================================================== */
.wrap_rsv{ position: fixed;width:100%;background-color:#fff;z-index:300;height: 100%;opacity:0;transition: all 1s ease;top: 0;z-index: -1; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column;  justify-content: center; }
.wrap_rsv.active{ opacity:1;transition: all 1s ease;z-index: 100;}
.btn_close{ cursor:pointer; position: fixed; top:50px; right:50px; height:20px; width:20px; color:#333; font-size:21px;}
.btn_close_menu{ cursor:pointer; position: fixed; top:50px; right:50px; height:20px; width:20px; color:#333; font-size:21px;}
.box-reser--wrap{width: 400px;margin: auto;text-align: center;}
ul.top-nav{float:right;color:#fff;font-size:11px;text-transform:uppercase;}
.top-nav li{float:left;padding:3px 5px;margin:0;}
.top-nav li a{color:#002e60;text-decoration:none;}
.top-nav li a:hover{text-decoration:underline;}
.top-nav li.tel{font-size:12px;border-left:1px solid #fff;background:url(../../images/phone-icon.png) no-repeat 10px 0px transparent;width:135px;height:25px;margin:0 5px;text-align:right;}
#cssmenu > ul{float:right;padding:120px 20px;position:absolute;right:0;top:0px;height:100%;overflow:scroll;z-index:15;}
ul.top-nav{color:#fff;float:none;font-size:13px;height:0;margin:-3px auto 15px auto;position:relative;text-transform:uppercase;width:88%;}
.top-nav li{float:none;padding:8px 5px;margin:0;display:inline;}
.top-nav li.tel{background:url(../images/phone-icon.png) no-repeat 10px 0px transparent;height:45px;margin:0;padding-left:40px;border-left:none;line-height:32px;}
#menu-line{display:block;height:45px;right:0;top:0;transition:all 0.25s ease-out 0s;}
#cssmenu #menu-button{background:url("../images/sprites.png") no-repeat scroll center -225px;color:#fff;cursor:pointer;display:block;float:right;font-size:11px;height:67px;margin:16px 0 auto auto;padding:10px 0 0 0;right:180px;border: 1px solid #fff;text-transform:uppercase;width:67px;z-index:99;}
.menu-opened{background:url(../images/arrow-menu-close.png) no-repeat center 30px !important;border: 1px solid #24675f !important;color: #24675f !important;}
.bookingbox-toggler{font-family:'Courgette', cursive;float:right;font-size: 18px; background: url(../images/sprites.png) no-repeat 1px 6px;color:#fff;cursor:pointer;display: inline-block;margin: 45px 0 0px 16px;padding: 12px 0 0px 12px;position:absolute;right: 0;width: 160px;padding-left: 48px;z-index:99;}
.bookingbox-toggler::after{border-bottom:1px solid #fff;content:"";width: auto;display: block;}
/*.bookingbox-toggler::before{background: url(/images/sprites.png) no-repeat 0px 3px;content:"";display:inline-block;width: 37px;height: 30px;pa;margin-right: 12px;}*/
.bookingbox-toggler.active{/* background:url(/images/sprites.png) no-repeat 1px 6px; */}
.ArrowControl a{color:#fff;text-decoration:none;}
#product_address{ width:350px}
#product-left{float:left;}
#product-left img {}
#product-right{float:right;width: 64%;text-align: left;padding: 10px;}
#product-right #title{font-size: 1.4em;}
#product-right span { color:#000;}
#product-right a{color:#b9825a;}

.bookingbox-link {
    font-family: 'Courgette', cursive;
    float: right;
    font-size: 18px;
    background: url(../images/sprites.png) no-repeat 1px 6px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    margin: 45px 0 0px 16px;
    padding: 12px 0 0px 12px;
    position: absolute;
    right: 0;
    width: 160px;
    padding-left: 48px;
    z-index: 99;
}
@media (max-width:1080px){
	.mainmenu li a {padding: 15px 10px;}
	.submenu {width: 210px;}
	.sub-menu li a{padding: 8px 10px;}
}

@media (max-width:1024px){
.home-inrto {padding: 50px 20px}
.content-room .intro-slide .wrap-intro-room { max-width: 60%;}
#cssmenu ul ul{padding-top:20px;}
}
@media screen and (max-width:900px) {

.wrap_formcontact button{ width:160px; }
}
@media screen and (max-width:800px) {
.wrap__mainmenu{display:none;}
.wrap__mobilemenu{display:block;position: fixed;z-index: 90;right: 28px;top: 35px;}
.wrap__mobilemenu__list{ display:block; }
.wrap__mobilemenu .btn_res a{ background:url(../images/icon-cal.png) no-repeat 19px 11px #5c6492; color:#fff;  display:block; font-size:14px; padding:10px 20px 9px 50px; cursor:pointer; text-decoration:none; }
.wrap__mobilemenu .btn_res a:hover{ background-color: #b9825a; color:#fff; }
.wrap__mobilemenu .btn_res a:after, .mainmenu .menu_drop > a:after{ content:initial; }
.btn_menu{float: right; height: 53px; border: 1px solid #fff;width: 55px;right: 0;}
.btn_reservation{ float:right; }
.btn_menu_text{margin-bottom:7px;font-size:13px;line-height: 2em;color:#fff;font-family: 'Courgette', cursive;}
.icon-dropmenu{margin: 0 auto;}
.icon-dropmenu:before{  }
.icon-dropmenu:after{   }
.wrap__mobilemenu__list{position: fixed;width:100%;background-color:#fff;/* z-index:300; */height: 100%;opacity:0;transition: all 1s ease;top: 0;left:0;z-index: -1;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-direction: column;justify-content: center;}
.wrap__mobilemenu__list.active{ opacity:1;transition: all 1s ease;z-index: 100;}
.mobile_logo{ width:200px; margin:0 auto 20px; }
.mobilemenu{width:400px;margin: auto; font-family: 'Courgette', cursive;font-size: 18px; margin-bottom: 20px;}
.mobilemenu li{display:block;width:100%;padding: 10px 0;text-align: center;}
.mobilemenu li a{ position: relative; text-decoration:none; color:#333; }
.mobilemenu li a:hover{ color:#cf9f62; }
.mobilemenu li a:after{content:"";height:2px;width:0;bottom: 0;left: 0;background-color: #cf9f62;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;-ms-transition: all 0.4s ease;transition: all 0.4s ease;position: absolute; }
.mobilemenu li:hover > a:after{ width:40px; }
li:hover .submenu{ position:relative; display:none; background:none;    }
.mobilemenu li .submenu{ width: 100%; }
.mobilemenu li .submenu a{ color: #b9825a; }
.header-wrap.fix_top {position: fixed; height: 120px; background: #000;}
/*.header-wrap.fix_top header {right: 1em;padding: 0;top: 35px;width: auto;position: absolute;}*/
.header-wrap.fix_top .wrap__mobilemenu {
    display: inline-block;
    position: fixed;
    z-index: 90;
    right: 30px;
    top: 35px;
}
}
@media (max-width:768px){
header {right: 1em;padding: 0;top: 35px;width: auto;position: absolute;}
.header-wrap.fix_top header {right: 1em;padding: 0;top: 35px;width: auto;position: absolute;}
.header_r { margin: 0 auto;text-align: center;position: absolute;top: 0; right:0; width:auto; }
.bookingbox-link {right: 80px;margin: 0;}
h1{font-size:38px;}
.bookingbox-toggler{background: url(../images/arrow-booking-off.png) no-repeat center 27px;color:#333;cursor:pointer;display:inline-block;font-size:0.7em;margin:0px 0 auto auto;padding:5px 0 0 0;position:absolute;right: 30px;width:55px;height:5em;line-height: 1em;border:1px solid #333;z-index:99;}
.bookingbox-toggler::after {display: none;}
.header-wrap.fix_top .logo {  margin-top: 10px;}
.logo {position:relative;margin: 0;left: 0;text-align: left;z-index: 9;width: 150px;}
.logo img {width: 100px;height: auto;}
.bookingbox-toggler {margin: 0px 0 0px 16px;padding-bottom: 4px;background-position: 8px 24px;}
#availability-checker input{height:45px;width:100%;padding:10px 10px}
#availability-checker .choose select{height:45px}
#availability-checker input#nights{width:100%;}
#availability-checker .book{padding:15px}
#availability-wrapper, #availability-checker{position:absolute}
#availability-wrapper, #availability-checker{font-size:11px;position:absolute;right:auto;top:0;width:100%}
#availability-checker{bottom:0;margin:0 auto;right:0;z-index:12;top:0px}
.scroll-down{display:none}
#availability-checker .date{width:46%}
#availability-checker .select-hotel{width:100% !important}
#availability-checker .date, #availability-checker .choose, #availability-checker .promo, #availability-checker label{display:inline-block;float:none;margin:0;width:48%;margin:8px 0}
#availability-checker .book{margin-top:12px;width:97%}
#availability-checker .choose select{width:100%}
.header-wrap {position: relative;background: #000;padding: 1em;height: auto; z-index: 55;}
ul.top-nav{color:#333;float:none;font-size:11px;height:40px;margin:15px auto;position:relative;text-transform:uppercase;width:100%;}
#cssmenu ul{width:100%;}.slides-pagination a{display:none;visibility:hidden;}
.slides-pagination{bottom:25px;}
/* #slides{height:65vw !important;width:100% !important;}
#slides img{left:0 !important;position:relative !important;top:0 !important;height:500px !important;width:100% !important;} */
.slides-pagination{bottom:20px;}
.connect { display:none;}
.non-mobile{}
.bookingbox-toggler {right: 8em;margin: 0;position: relative;}
.bookingbox-toggler.active {/* color: #333333; */}
.active .bookingbox-toggler::before {}
#cssmenu #menu-button {right: 120px;}
.home-title{position: relative;z-index:8;color: #333333;width:auto;left: auto;bottom: 25px;margin-top: 30px;}
.home-title h2 a {color: #333333;font-size: 36px;}
.footer-link li{/* float: left; */margin: 5px 0px;display: inline-block;}
.home-inrto{padding:30px 20px}
.content-left{width:100%}
.content-right{width:100%}
.content-room .intro-slide .wrap-intro-room { max-width: 100%;}
.content-room .intro-slide .wrap-intro-room h3{ margin-bottom:0;     font-size: 30px; }
.offer .content-right{width:100%}
.social{float: left;margin:0 auto;top: -30px; right: 15px;}
.footer-link{text-align:center;overflow: hidden;margin: 0 auto;}
.address{text-align:center;float:none}
.reserved-wrap{float:none;text-align:center;line-height:initial;width:100%}
footer .wrap{margin:0 auto;max-width:1024px;overflow:hidden;padding:20px 0}
.lang{ margin-top: -28px;  padding-top: 0;  }
.short-intro { bottom: 60px;}
}
@media (max-width:767px){
.icon-dropmenu, .icon-dropmenu:before, .icon-dropmenu:after	{background-color: #fff;}
.btn_menu_text, .bookingbox-toggler {color:  #fff; }
.btn_menu, .bookingbox-toggler {border: 1px solid #fff;}
.short-intro .hotel-name { font-size: 44px;}
.short-intro .hotel-intro { font-size: 20px;}
.lazy-load-box.home{margin-bottom:10px !important}
.content-right{width:100%}
.booking-form{left: 0;right: auto;position: fixed;width: 100%;margin:0;top: 98px;padding-top: 1em;background: rgba(255,255,255,1);}
table{font-size:80%}
td, th{}
.content-section{width:100%}
.content-section.content-bottom .intro-slide{top: auto;bottom: 0; padding: 20px 0;}
.content-section .intro-slide{top:0}
.package-colum{width:100%}
.colum4-list li{width:100%}
.room-amen li {width: 32%; vertical-align: top;padding: 10px 0;}
.vdo-icon { top: 80%;}
.mobilemenu {margin: 0 auto;padding: 0; width:auto}
footer { background: #eee; padding: 30px 20px;color: #333;}
.footer-link li a { color: #333;}
footer .ref a { color: #fff;}
.wrap-form {width: 100%;}
.intro-slide .header h2{ line-height:30px;}
}
@media (max-width:480px){
.short-intro	{display: none;}
#cssmenu #menu-button{background:url("../images/arrow-menu-opened.png") no-repeat scroll center 25px;color:#fff;cursor:pointer;display:block;float:right;font-size:11px;height:58px;margin:16px 0 auto auto;padding:7px 0 0 0;right:75px;border:1px solid #fff;text-transform:uppercase;width:55px;z-index:99;}
.bookingbox-toggler {right: 7em;z-index: 9;position: absolute;}
.short-intro span{font-size:10px;line-height: 0.6em;display: none;text-transform:uppercase;float:right;/* width:30px; */margin-top:0px;}
.short-intro .hotel-name {font-size:1.2em;}
.home-inrto{padding:20px;text-align:left}
.vdo-icon  {top: 70%;}
#slides{height:55vw !important;width:100% !important;}
#slides img{width:100% !important;height:auto !important;padding: 0;}
.content-room .intro-slide .wrap-intro-room h3 {font-size: 28px;}
.footer-link{float:left;margin:10px 0 20px !important;text-align:center;padding: 0;}
.social li{display:inline-block;float:none;height:20px;margin-top:5px;padding:0 5px;text-align:center}
.scroll-down span{display:none}
.download-sheet{font-size:16px;height:36px;margin:20px auto 0px;display:block;text-align:center}
.download{font-size:16px;height:50px;margin:40px 20px 10px;display:block;text-align:center}
.content-section.content-bottom .intro-slide h2 { font-size:22px }
.bookingbox-link {font-size: 15px; padding: 10px 0 10px 20px; right: 50px;}
}