@charset "utf-8";
.mfp-no-margins img.mfp-img {padding: 0;}
.mfp-no-margins .mfp-figure:after {top: 0;bottom: 0;}
.mfp-no-margins .mfp-container {padding: 0;}
.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {opacity: 0;backface-visibility: hidden;-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.mfp-with-zoom.mfp-ready .mfp-container {opacity: 1;}
.mfp-with-zoom.mfp-ready.mfp-bg {opacity: 0.8;}
.mfp-with-zoom.mfp-removing .mfp-container, 
.mfp-with-zoom.mfp-removing.mfp-bg {
	opacity: 0;
}
* {padding: 0;margin: 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
a,
input,
textarea,
button,
select {
	outline: none;
}
a:hover,
a:focus,
input:focus,
textarea:focus,
button:focus,
select:focus {
	outline: none !important;text-decoration: none;
}
ul, ol {list-style: none;padding: 0;margin: 0;}
body { font-family: 'DM Sans', 'Open Sans', sans-serif;font-weight: normal;background: #ffffff;overflow-x: hidden;margin:0 auto;line-height: 1.2em;}
a {color: #333;}
a, a:hover, a:active, a:focus {
    cursor: pointer;text-decoration: none;outline: none;-webkit-transition: all 0.25s linear;-moz-transition: all 0.25s linear;-ms-transition: all 0.25s linear;-o-transition: all 0.25s linear;transition: all 0.25s linear;
}
a:hover, a:active, a:focus {color: #8b6c54;}
.transition_all-default, .transition_all-default * {
    -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;
}
:focus {outline: 0;}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus, .bootstrap-select .dropdown-toggle:focus {
	outline: none !important;outline: 0px auto -webkit-focus-ring-color !important;outline-offset: 0px !important;
}
input,
textarea {-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;}
.h1, .h2, .h3, .h4, .h5, .h6, .h7, 
h1, h2, h3, h4, h5, h6 {
font-family: 'DM Sans', 'Open Sans', sans-serif;color: #0a1317;line-height: 1em;margin: 0;font-weight: normal;
}
p, label {
font-family: 'DM Sans', 'Open Sans', sans-serif;color: #5c5854;line-height: 1.2em;font-size: 14px;font-weight: normal;margin: 0  0;
}
label {
color:#5c5854;display: inline-block;margin-bottom: 0;
}
a.button-ghost,.button-ghost {
border-radius: 0px;cursor: pointer;display: inline-block;position: relative;border: 1px solid ;font-size: 14px;text-transform: uppercase;z-index: 0;margin: 0 auto 0 auto;overflow: hidden;-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;
}
.buttons {
display: inline-block;
position: relative;
z-index: 3;
font-family: 'DM Sans', 'Open Sans', sans-serif;
white-space: nowrap;
border: 1px solid;
background-image: none;
outline: none;
*zoom: 1;
padding: 0 15px;
height: auto;
line-height: 1.2em;
text-transform: uppercase;
text-decoration: none;
text-align: center;
cursor: pointer;
vertical-align: middle;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
-ms-touch-action: manipulation;
touch-action: manipulation;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
transition: all .3s ease;
}
.btn-discover {min-width: 135px;height: 42px;line-height: 42px;font-size: 16px;display: inline-block;color: #ffffff;border-color: #ffffff;}
.btn-discover:hover, .btn-discover:active, .btn-discover:focus, .btn-discover.style-2:hover, .btn-discover.style-2:active, .btn-discover.style-2:focus {color: #ffffff;border-color: #91867b;background-color: #91867b;}
.btn-discover.style-2 {background-color: transparent;color: #878570;border-color: #878570;}
.buttons-map {width: auto;height: 42px;line-height: 41px;font-size: 11px;padding:0 15px;}
.btn-radius {border-radius: 36px;}
.btn-ghost {background-color: transparent;color: #0a1317;border-color: #0a1317;}
.btn-ghost:hover, .btn-ghost:active, .btn-ghost:focus {color: #ffffff;border-color: #0a1317;background-color: #0a1317;}
.btn-ghost-w {background-color: transparent;color: #ffffff;border-color: #ffffff;}
.btn-ghost-w:hover, .btn-ghost-w:active, .btn-ghost-w:focus {color: #8b6c54;border-color: #ffffff;background-color: #ffffff;}
.btn-border-st{background-color: transparent;color: #8b6c54;border-color: #8b6c54;}
.btn-border-st:hover, .btn-border-st:active, .btn-border-st:focus {color: #ffffff;border-color: #8b6c54;background-color: #8b6c54;}
.btn-border-st-w{background-color: transparent;color: #ffffff;border-color: #ffffff;}
.btn-border-st-w:hover, .btn-border-st-w:active, .btn-border-st-w:focus {color: #8b6c54;border-color: #ffffff;background-color: #ffffff;}
.btn-border-st2{background-color: transparent;color: #554132;border-color: #554132;}
.btn-border-st2:hover, .btn-border-st2:active, .btn-border-st2:focus {color: #ffffff;border-color: #554132;background-color: #554132;}
.btn-ghost-g{background-color: transparent;color: #747474;border-color: #747474;}
.btn-ghost-g:hover, .btn-ghost-g:active, .btn-ghost-g:focus {color: #ffffff;border-color: #747474;background-color: #747474;}
.buttons-lg {font-size: 20px;padding: 16px 20px;min-width: 220px;}
.buttons-md {font-size: 18px;padding: 12px 18px;min-width: 190px;}
.buttons-sm {font-size: 14px;padding: 8px 14px;min-width: 120px;}
@media only screen and (max-width: 767.98px) {
  .buttons-md {font-size: 16px; padding: 10px 15px; min-width: 175px;}
}
.absolute-content {max-width: 1300px;width: 100%;margin: 0 auto;position: relative;margin-bottom: 50px;}
.absolute-content .section_image {position: relative;width: 100%;}
.absolute-content .section_image img {object-fit: cover;}
.absolute-content .section_content {position: relative;width: 100%;}
.absolute-content .section_content-inner {padding: 30px 15px;height: 100%;}
.absolute-content .section_content-inner h5 {font-size: 16px;font-weight: 600;margin-bottom: 15px;}
.absolute-content .section_content-inner .underline-effect:after {height: 1px;bottom: 3px;top: auto;}
.absolute-content .section_content .buttons {margin-top: 25px;}
#header-area {
  position: absolute;z-index: 6;width: 100%;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;
} 
#header-area.header-fixed {position: fixed;top: -38px;right: 0; left: 0;}
.top_header {position: relative;width: 100%;background-color: rgb(0,0,0,0.6);}
.top_header .header-contact {color: #ffffff;margin-right: 20px;padding-right: 20px;display: inline-block;vertical-align: middle;border-right: 1px solid #ffffff;}
.top_header .header-contact a {color: #ffffff;font-size: 14px;text-decoration: none;}
.top_header .header-contact a:hover {color: #8b6c54;text-decoration: underline;}	
.top_header .header-contact i {
  background-color: transparent;border: 1px solid #ffffff;border-radius: 100%;color: #ffffff;display: inline-block;font-size: 14px;height: 30px;line-height: 26px;text-align: center;width: 30px;margin-right: 10px;  
}	
.top_header .header-contact .phone_number, 
.top_header .header-contact .email {display: inline-block;}
.top_header .header-contact .phone_number i, 
.top_header .header-contact .email i {margin-right: 5px;}	
.top_header .header-contact .phone_number {margin-right: 20px;}	
.navbar-social.social-box ul {padding: 0;border-right: 2px solid #fff; margin: 0 10px;padding-right: 7px;}
.top_header .social-box ul {margin: 0;padding: 0;}	
.top_header .social-box {padding-left: 10px; padding-top: 2px;}	
.top_header .social-box ul li, .navbar-social.social-box ul li {display: inline-block;margin: 0px 8px 0px 8px;list-style: none;}
.top_header .social-box ul li a {
  color: #ffffff;display: inline-block;font-size: 22px;line-height: 30px;text-align: center;
}
.navbar-social.social-box ul li a {
  background-color: transparent;border: 2px solid #ffffff;border-radius: 100%;color: #ffffff;display: inline-block;font-size: 16px;line-height: 30px;width: 35px;height: 35px;text-align: center;
}
.top_header .social-box ul li a i.fa-instagram, .navbar-social.social-box ul li a i.fa-instagram {font-size: 24px;line-height: 1;}
.top_header .social-box ul li a i.fa-tripadvisor, .navbar-social.social-box ul li a i.fa-tripadvisor {font-size: 26px;line-height: 1;}
.top_header .social-box ul li a:hover, .navbar-social.social-box ul li a:hover {color: #8b6c54;}
.top_header .link-box ul {margin: 0 0;}
.top_header .link-box ul li{display: inline-block;padding: 0px 15px 0px 15px;list-style: none;text-transform: uppercase;}
.top_header .link-box ul li:first-child{border-right: 1px solid #ffffff;}
.top_header .link-box ul li a{font-size: 15px;color: #ffffff;}
.top_header .link-box ul li a:hover{color: #8b6c54;}
.custom-navbar .lang-box{background: #8b6c54;padding: 10px 15px;margin-right: 15px;margin-left: 15px;}
.dropdown-lang [class^="iclang-"], [class*=" iclang-"] {
background-image:url('../images/icons/ic-language.png'); background-repeat:no-repeat;display:inline-block;height:20px;padding-left: 25px;width:25px;
}
.dropdown-lang .dropdown-menu {min-width: 143px; padding: 0 0 0 0; border-radius: 0; border: 1px solid rgba(0,0,0,.15); background-color: #ffffff; margin-top: 9px; margin-left: -16px;}
.dropdown-lang .dropdown-menu a {color: #7c868c;}
.dropdown-lang .btn {background-color: transparent;border-radius: 0;border: none;line-height: 1.4em;padding: 0 0;}		
.dropdown-lang .btn.focus, .dropdown-lang .btn:focus {outline: 0;box-shadow: none;}		
.dropdown-lang .dropdown-toggle::after {display: none;}	
.dropdown-lang .iclang {
  background-image:url('../images/icons/ic-language-default.png'); background-repeat:no-repeat;display:inline-block;height:20px;padding-left: 23px;width:20px;background-position: 0px 0px; padding-bottom: 4px;background-size: 20px;
}
.bootstrap-select > .dropdown-toggle:after{margin-top: -27px;}
.dropdown-lang .iclang-eng { background-position: 0px 0px;}
.dropdown-lang .iclang-cn { background-position: -58px -0px;}	
.dropdown-lang .iclang-th { background-position: -29px -0px;}	
.dropdown-lang .btn {color: #ffffff;font-size: 14px;text-transform: uppercase;}
.dropdown-lang .dropdown-menu li{border-bottom: 1px solid #dddddd; text-align: left; padding: 5px 10px;
  -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;}
.dropdown-lang .dropdown-menu li:hover{background: #d8d8d8;}
.dropdown-lang  button span, .dropdown-lang  .dropdown-menu span {margin-right: 5px;vertical-align: top;color: #555;}		
.dropdown-lang  button svg {font-size: 20px;font-weight: 400;height: 16px;}		
.dropdown-lang .btn-lang .iclang-eng {background-position: 0px 0px;margin: 0 5px;}
.dropdown-lang .dropdown-menu [class^="iclang-"] {margin: 0 5px;}
.custom-navbar.bg-dark {background-color: #2e2a26 !important;}
.custom-navbar .navbar-brand {position: relative;top:0px;width: 100%;height: 100%;z-index: 9;padding: 0 20px;margin: 0 0;}
.custom-navbar.navbar {padding: 0 0;}
.custom-navbar .navbar-nav .nav-item{text-align: left;padding-left: 5px;position: relative;}
.custom-navbar .navbar-nav .nav-item .nav-link {position: relative;color: #fff;font-size: 14px;line-height: 36px;text-transform: uppercase;font-weight: 400;padding: .2rem .7rem;}
.custom-navbar .navbar-nav > .reservation-navbar {margin-left: 5px;padding: 0px 0px 0px 0px;width: 170px;height: 36px;}	
.custom-navbar .navbar-nav > .reservation-navbar a {
display:block;background-color: #8b6c54;color: #ffffff;font-size: 14px;line-height: 36px;text-align: center;text-transform: uppercase;padding: 0rem 0.5rem;
}
.custom-navbar .navbar-nav > .reservation-navbar.active,
.custom-navbar .navbar-nav > .reservation-navbar:hover{
   background-color: transparent;
}	
.custom-navbar .navbar-nav > .reservation-navbar a:hover {background-color: #22170a;}	
.custom-navbar .navbar-nav .nav-item.submenu .dropdown-menu .nav-item {display: block;float: none;margin-right: 0px;margin-left: 0px;}
.custom-navbar .navbar-nav .nav-item.submenu .dropdown-menu .nav-item .nav-link {
  font-size: 14px;font-weight: normal;line-height: 20px;color: #222222;padding: 0px 0px 0px 5px;display: block;background-color: transparent;
}
.custom-navbar .navbar-nav .nav-item.submenu .dropdown-menu .nav-item .nav-link:hover {color: #8b6c54;padding-left: 12px;}
.custom-navbar.bg-dark .navbar-toggler {border:none;border-radius: 2px;margin: 0px 10px 0px 0px;padding: 6px 10px;}
.custom-navbar .navbar-header.nav-logo{position: absolute; top: 0; left: 0;}
#navbar-toggler-icon {width: 30px;height: 28px;position: relative;margin: 0px auto;cursor: pointer;}
#navbar-toggler-icon span {
  display: block;position: absolute;height: 4px;width: 100%;background: #ffffff;border-radius: 2px;opacity: 1;left: 0;
  -webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;
}
#navbar-toggler-icon span:nth-child(1) {top: 4px;}
#navbar-toggler-icon span:nth-child(2),#navbar-toggler-icon span:nth-child(3) {top: 12px;}
#navbar-toggler-icon span:nth-child(4) {top: 20px;}
#navbar-toggler-icon.open {height: 28px;}
#navbar-toggler-icon.open span:nth-child(2), #navbar-toggler-icon.open span:nth-child(3) {top: 12px;}
.custom-navbar.navbar-fixed-top {
  position: fixed;right: 0;left: 0;top: 0;z-index: 16;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;
}
.custom-navbar.navbar-fixed-top.bg-dark {background-color: #2e2a26 !important;}
.custom-navbar.navbar-fixed-top .navbar-brand {top:0px;max-width: 220px;height: auto;padding: 0 20px;margin: 0 0;}
.custom-navbar.navbar-fixed-top .navbar-nav {border-top: none;padding-top: 0px;}
.wraphidemain{display: none;}
.read-open {display: block;margin-top: 20px;margin-bottom: 20px;padding: 0px 20px;color: #000000;}
.hide-lg{display: none;}
.nav-toggler-sm{font-size: 26px;font-weight: 700;position: absolute; right: 35px; top: 10px;cursor: pointer;color: #636262;}
.custom-navbar .navbar-nav .dropdown-menu .nav-item .nav-link::after {width: 0;background: transparent !important;}
.header-social{position: absolute; top: 60px; right: 20px;z-index: 5;}
.header-social .list-social a{margin: 0px 7px 0px 0px; display: inline-block; color: #ffffff; font-size: 20px; line-height: 35px; width: 35px; height: 35px; background-color: transparent; border: 1px solid #ffffff; border-radius: 100%; text-align: center;}
.header-social .list-social a:hover{background: #8b6c54;border-color:#8b6c54;}
@media only screen and (min-width: 992px) {
  #header-area {position: absolute;} 
  .top_header {background-color: rgb(0,0,0,0.6);} 
  .custom-navbar.bg-dark {background-color: #2e2a26 !important;} 
}
@media only screen and (min-width: 1200px) {
  #header-area .container{max-width: 1370px;}
  .custom-navbar .navbar-nav > .reservation-navbar {margin-left: 50px;}	
  .custom-navbar .navbar-nav .nav-item.submenu .dropdown-menu .nav-item {padding: 8px 0;border-top: 1px solid #dedede;}
  .custom-navbar .navbar-nav .nav-item.submenu .dropdown-menu .nav-item:first-child{border-top: none;}
  .custom-navbar .navbar-nav .nav-item .nav-link::after {position: absolute;content: '';width: 0;background: transparent;height: 2px;bottom: 5px;-webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);left: 50%;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;}
  .custom-navbar .navbar-nav .nav-item:hover .nav-link::after {width: 50%;background: #ffffff;}
  .nav-item .dropdown-toggle::after {border-top:none;}	
}	
@media only screen and (min-width: 1200px) {
  .custom-navbar .navbar-nav .nav-item .nav-link:hover, 
  .custom-navbar .navbar-nav .nav-item .nav-link:focus,
  .custom-navbar .navbar-nav .nav-item.active .nav-link {color: #ffffff;}
  .custom-navbar .navbar-nav .nav-item.active .nav-link::after {position: absolute;content: '';width: 50%;background: #ffffff;height: 2px;bottom: 5px;-webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);left: 50%;}
  .custom-navbar .navbar-nav > .nav-item > .nav-link:hover::before,
  .custom-navbar .navbar-nav > .nav-item.active > .nav-link::before {
      bottom: 0px;opacity: 1;
  }
  .custom-navbar .navbar-nav .nav-item.submenu .dropdown-menu {
      position: absolute;top: 43px;left: 0;min-width: 200px;text-align: left;opacity: 0;z-index: 15;box-shadow: 0 3px 6px 1px rgba(0, 0, 0, 0.2);
      visibility: hidden;display: block;border: none;padding: 0px;margin: 0 0;border-radius: 0px;transform: translate3d(0, 30px, 0);
      -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;
  }
  .custom-navbar.navbar-fixed-top .navbar-nav .nav-item.submenu .dropdown-menu {top: 22px;
  }
  .custom-navbar .nav .nav-item.submenu:hover .dropdown-menu {opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);background: rgb(250,250,250);padding: 5px 10px;}
  .custom-navbar.navbar-fixed-top .nav .nav-item.submenu:hover .dropdown-menu {opacity: 1;visibility: visible;transform: translate3d(0, 17px, 0);top: 30px;}
  .custom-navbar .navbar-nav .nav-item.submenu ul .nav-item {padding: 0px 20px;}   
}
@media only screen and (min-width: 1500px) {
  .dropdown-lang .btn{font-size: 16px;}
  .custom-navbar #navbarNav {margin-right: 150px;}
  .custom-navbar .navbar-nav .nav-item .nav-link {font-size: 15px;}
  .custom-navbar .navbar-nav .nav-item{padding-left: 15px;}
  .header-social{right: 180px;}
}
@media only screen and (max-width: 1300px) {
  .navbar-social.social-box { padding-right: 10px; margin-right: 3px; }
}
@media only screen and (max-width: 1199px) {
  .hide-lg{display: block;}
  .hide-sm{display: none;}
  /* .custom-navbar .navbar-collapse {margin-top: 15px;} */
  .custom-navbar .navbar-nav, .custom-navbar.navbar-fixed-top .navbar-nav {
      float: none !important;margin: 0px 0px;border: 1px solid #ffffff;background-color: #fff;margin-top: 0;
  }
  .custom-navbar .navbar-nav .nav-item .nav-link {
      border-bottom: 1px solid #cccccc;color: #22170a;padding: 0rem 1.4rem;line-height: 49px;
  }
  .custom-navbar .navbar-nav .nav-item .nav-link:hover, 
  .custom-navbar .navbar-nav .nav-item .nav-link:focus,
  .custom-navbar .navbar-nav .nav-item.active .nav-link,
  .custom-navbar .navbar-nav .nav-item .show > .nav-link:hover {
      background-color: #8b6c54;color: #ffffff;
  }
  .custom-navbar .navbar-nav .nav-item.dropdown .dropdown-menu {background-color: #e6e6e6;border: none;border-radius: 0;padding: 0 0;margin: 0 0;}
  .custom-navbar .navbar-nav .nav-item.submenu .dropdown-menu .nav-item .nav-link {color: #22170a;padding: 10px 0px 10px 25px;border-bottom: 1px solid #cccccc;}
  .custom-navbar .navbar-nav .nav-item.submenu .dropdown-menu .nav-item .nav-link:hover {padding-left: 35px;}
  .custom-navbar .navbar-nav .nav-item{padding-left: 0;}
  .custom-navbar .navbar-nav > .reservation-navbar {margin-left: 0px;width: 100%;height: 50px;}
  .custom-navbar .navbar-nav > .reservation-navbar a {font-size: 16px;line-height: 50px;}
  .custom-navbar .navbar-brand{width: 120px;top: 0;}
  .dropdown-lang  button span, .dropdown-lang  .dropdown-menu span {color: #000;}
  .custom-navbar .navbar-collapse{
      position: fixed;width: 320px;top: 0;right: -320px;height: 100%;overflow-y: auto;z-index: 300;background: #fafafa;padding-top: 45px;
      -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;
  }
  .custom-navbar .navbar-collapse.show{transform: translateX(-300px);}
  .nav-toggler-sm #navbar-toggler-icon span{background: #343a40;}
  .custom-navbar .lang-box{padding: 7px 5px;margin-left: 0;margin-right: 0;}
  .dropdown-lang .iclang{background-size: 15px;height: 15px; padding-left: 15px; width: 15px;}
}    
@media only screen and (max-width: 991px) {
  .custom-navbar.navbar {padding: 0 15px;}
  .top_header {min-height: 40px;padding: 0rem 0rem;}
}
@media only screen and (max-width: 767px) {
  .top_header{min-height: 34px;}
  /* .top_header .social-box{padding-left: 0;} */
  .top_header .header-contact, .navbar-social.social-box {margin-right: 10px;padding-right: 10px;}
  .top_header .header-contact .phone_number {margin-right: 5px;}
  .top_header .social-box ul li{margin: 0px 4px 0px 4px;}
  .top_header .social-box ul li a{font-size: 18px;}
  .top_header .social-box ul li a i.fa-tripadvisor, .navbar-social.social-box ul li a i.fa-tripadvisor,
  .top_header .social-box ul li a i.fa-instagram, .navbar-social.social-box ul li a i.fa-instagram{font-size: 20px;}
  .custom-navbar .lang-box{padding: 7px 5px;margin-left: 0;margin-right: 0;}
  .dropdown-lang .btn{font-size: 13px;}
  .top_header .link-box ul li{padding: 0px 7px 0px 7px;}
  .top_header .link-box ul li a{font-size: 13px;}
  .dropdown-lang .dropdown-menu{min-width: 109px;margin-top: 6px;}
  .dropdown-lang .dropdown-menu span{font-size: 14px;}
}
@media only screen and (max-width: 575px) {
  .top_header .social{width: 100%;border-bottom: 1px solid #ffffff;}
  .top_header .social .social-box {float: right;padding-right: 10px;}
}
.hideSidebar {position: absolute;top: 0;right: 0;padding: 10px;cursor: pointer;font-size: 1em;color: #333;}

.slider-main {position:relative;width:100%;height: 100vh;display: flex;align-items: center;}
.slider-main.inner-slider {height: 70vh;}
.slider-main .swiper-container {display: flex;margin: 0 auto;position: relative;overflow: hidden;height: 100vh;width: 100%;z-index: 1;}
.slider-main.inner-slider .swiper-container {height: 70vh;}
.slider-main .swiper-container .swiper-slide::before {top: 0;background-image:url("../images/slider-mask.png");background-position: top center;content: "";position: absolute;z-index: 2;width: 100%;height: 100%;background-repeat:repeat-x;}
.slider-main .swiper-container .swiper-slide::after {bottom: 0;background-image:url("../images/slider-mask-bt.png");background-position: bottom center;content: "";position: absolute;z-index: 2;width: 100%;height: 100%;background-repeat:repeat-x;}
.slider-main .swiper-wrapper {position: relative;z-index: 1;display: flex;align-self: stretch;align-items: stretch;width: 100%;height: auto;min-height: inherit;transition-property: transform;box-sizing: content-box;}
.slider-main .swiper-slide {
    position: relative;overflow: hidden;display: flex;align-items: center;justify-content: center;flex-shrink: 0;width: 100%;height: 100%;white-space: nowrap;background-position: 50%;background-repeat: no-repeat;background-size: cover;
}
.slider-main.inner-slider .swiper-slide {
  background-position: bottom center;
}
.swiper-slide .content-caption {
    font-family: "Spartan", 'Nunito', sans-serif;position: absolute;bottom: 170px;width: 68%;color: #fff;text-align: left;z-index: 3;height: auto;margin: auto;overflow: hidden;opacity: 1;text-align: center;
}
.swiper-slide .content-caption .title {
    font-family: "Spartan", 'Nunito', sans-serif;
    font-size: 48px;line-height: 1em;font-weight: 300;text-transform: uppercase;color: #ffffff;margin-bottom:15px;text-shadow: 0px 4px 5px rgba(1, 2, 1, 0.45);-moz-transform: translateY(-50px);-webkit-transform: translateY(-50px);transform: translateY(-50px);opacity: 0;
    transition: opacity .3s ease 0.8s, -webkit-transform .5s ease 0.8s;transition: opacity .3s ease 0.8s, transform .5s ease 0.8s;transition: opacity .3s ease 0.8s, transform .5s ease 0.8s, -webkit-transform .5s ease 0.8s;
}
.swiper-slide .content-caption .caption {
    font-size: 34px;line-height: 1.4;text-transform: uppercase;color: #ffffff;text-shadow: 0px 4px 5px rgba(1, 2, 1, 0.45);display: block;-moz-transform: translateX(50px);-webkit-transform: translateX(50px);transform: translateX(50px);opacity: 0;
    transition: opacity .3s ease 1s, -webkit-transform .5s ease 1s;transition: opacity .3s ease 1s, transform .5s ease 1s;transition: opacity .3s ease 1s, transform .5s ease 1s, -webkit-transform .6s ease 1s;
}
.swiper-slide .content-caption.show .title {-webkit-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);opacity: 1;}
.swiper-slide .content-caption.show .caption {-webkit-transform: translateX(0);transform: translateX(0);opacity: 1;}
.slider-main [class^="swiper-button-"], .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet::before {
    -moz-transition: all .3s ease;-webkit-transition: all .3s ease;transition: all .3s ease;
}
.slider-main [class^="swiper-button-"] {width: 44px;opacity: 0;visibility: hidden;}
.slider-main .swiper-button-prev {-webkit-transform: translateX(50px);transform: translateX(50px);}
.slider-main .swiper-button-next {-webkit-transform: translateX(-50px);transform: translateX(-50px);}
.slider-main  .swiper-container:hover .swiper-button-prev,
.slider-main .swiper-container:hover .swiper-button-next {
    -webkit-transform: translateX(0);transform: translateX(0);opacity: 1;visibility: visible;
}
.slider-main .swiper-pagination {left: auto;right: auto;bottom: 120px;text-align: center;}
.slider-main .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {position: relative;width: 12px;height: 12px;background-color: rgba(255, 255, 255, 0.5);margin-left: 0px;margin-right: 20px;opacity:1;}
.slider-main .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:last-child {margin-right: 0px;margin-left: 0px;}
.slider-main .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active {background-color: #ffffff;}
.banner-hero {width: 100%;height: auto;}
.banner-hero .banner-wrapper {width: 100%;height: 60vh;max-height: 640px;position: relative;}
.banner-hero .banner-wrapper .banner-slider {width: 100%;height: 100%;position: relative;top: 0;left: 0;}
.banner-hero .banner-wrapper .banner-slider .slider-img {width: 100%;height: 100%;background-position: center center;background-size: cover;position: relative;background-repeat: no-repeat;}
.banner-hero .banner-wrapper .banner-slider .slider-img.slider_resort {background-position: center 30%;}
.banner-hero .banner-wrapper .banner-slider .slider-img.slider_resort-2 {background-position: center 70%;}
.banner-hero .banner-wrapper .banner-slider .slider-img.slider_resort-b {background-position: center bottom;}
.banner-hero .banner-wrapper .banner-slider .slider-img.slider_resort-t {background-position: center top;}

@media only screen and (min-width:992px) and (max-width:1699px) {
    .swiper-slide .content-caption {bottom: 180px;}
}
@media only screen and  (min-width:1200px) and (max-width:1400px) and (max-height: 780px) {
  .banner-hero .banner-wrapper {height: 62vh;}
}
@media only screen and  (min-width:1300px) {
  .villa-page-area  .container {max-width:1200px}
}
@media only screen and  (min-width:768.98px) {
  .slide-fix {position: fixed;width: 100%;}
  #intro {height: 90vh;}
}
@media only screen and (max-width: 767.98px) {
  .slider-main .swiper-container .swiper-slide::after {background-image:url("../images/slider-mask-sm.png");background-position: bottom center;}
	.slider-main .swiper-button-prev, 
	.slider-main .swiper-button-next {
		width:38px;height:38px;background-size:38px;
  }
  .slider-main .swiper-button-next:hover, .slider-main .swiper-button-prev:hover {background-position:0px -38px;}	
  .slider-main .swiper-pagination {bottom: 10px;right: 15px;}
  .slider-main .social-box {bottom: 10px;left: 15px;}
  .swiper-slide .content-caption {left: 0px;width: 100%;padding: 0 5px;bottom: 70px;text-align: center;}
  .swiper-slide .content-caption .title {font-size: 20px;margin-bottom: 5px;}
  .swiper-slide .content-caption .caption {font-size: 13px;}
  .slider-main {height: calc(100vh - 180px);}
  .slider-main .swiper-container {height: calc(100vh - 180px);}
  .slider-main .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {margin-right: 12px;}
  .banner-hero .banner-wrapper .banner-slider .slider-img::after {background-image:url("../images/slider-mask-tp.png");background-position: bottom center;}
  .banner-hero .banner-wrapper {height: 300px;}
  .banner-hero .banner-wrapper .banner-slider .heading_primary {font-size: 30px;}
  .banner-hero .banner-wrapper .banner-slider .heading_sub {font-size: 18px;}

}
@media only screen and (max-width:575.98px){
  .banner-hero .banner-wrapper {height: 250px;}
}
.bg_theme-section{background: #f4f1ed;}
.bg-section{background: #ffffff;}
.rev-caption{background-color: rgba(0, 0, 0, 0.6);}
.main-booking-bar {position: relative;background-color: rgba(0, 0, 0, 0.6);}
.booking-wrapper {padding: 0px 0px;margin-top: 0;box-shadow: none;z-index: 1;/*height:90px;*/}
/* .booking-wrapper .engine-box{padding: 10px 0px;} */
.engine-box .en-in, .engine-box .en-out{padding-top: 12px;}
.main-booking-bar.booking-bar-page  .booking-wrapper {
    position: relative;bottom:0;padding: 0px 0px;
}
.engine-info{width: 100%;display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.engine-info .chk-date{width: calc(22%);padding: 13px 15px;}
.engine-info .chk-adu{width: calc(14%);padding: 13px 15px;}
.engine-info .chk-promo{width: calc(22%);padding: 13px 15px;}
.engine-info .chk-book{width: calc(20%);padding: 13px 0 13px 15px;}
.chk-date .chk-arrival{border-bottom: 2px solid #fff; height: 75px;}
.engine-box .form-label {display: block;font-size: 13px;font-weight: 500;color: #91867b;text-transform: uppercase;margin-bottom: 5px;}
.engine-box .chk-date label, .engine-box .chk-adu label {margin-right: 10px;line-height: 1em;}
.engine-box .chk-adu label {text-transform: uppercase;}
.engine-box .chk-adu .form-control{ margin-top: 15px;}
.engine-box .chk-adu .form-control {
  color: #ffffff;background: none;border: none;border-bottom: 2px solid #fff;vertical-align: middle;border-radius: 0;height: 40px !important;
}
.engine-box .chk-date .form-control {
    cursor: pointer;position: relative;z-index: 1;color: #ffffff;font-size: 20px;line-height: 1.4em;font-weight: normal;background: none;vertical-align: middle;padding: 0px 0px 0px 0px;border-radius: 0;border: none;height: auto;display: inline-block;width: 100%;border-bottom: 1px solid #fff;height: 29px;
}
.engine-box .chk-promo .form-control {
    cursor: pointer;position: relative;z-index: 1;color: #ffffff;font-size: 18px;line-height: 1.4em;font-weight: normal;background: none;vertical-align: middle;padding: 10px 15px 10px 15px;border-radius: 0;border: none;height: auto;display: inline-block;width: 100%;border: 1px solid #fff;height: 60px;margin-top: 15px;
}
.engine-box .chk-promo .form-control::placeholder {font-size: 18px;color: #ebebeb;text-transform: uppercase;text-align: center;padding-left: 0;}
.form-control:focus {box-shadow: none;}		
.engine-box .promotion-code .form-control, .engine-box .form-control::placeholder {font-size: 12px;color:#91867b;text-align: center;padding: 10px 10px;}
.engine-box fieldset {border: none;display: block;position: relative;float: left;margin: 0px 0px 0px 0px;}
.engine-box .promotion-code {padding-right: 0px;}
.engine-box .engine-button {float: left;}	
.engine-box .chk-in::after {display: block;position: absolute; z-index: 2;bottom: auto;width: 15px;height: 15px;pointer-events: none; }
.engine-box .en-in:after {
    content: "";color: #ffffff;position: absolute;bottom: 0;right: -17px;display: block;width: 19px;height: 20px;background: transparent url('../images/icons/calendar-ic.png') no-repeat center; background-size: 14px;
}
.engine-box .en-out:after {
    content: "";color: #ffffff;position: absolute;bottom: 0;right: 0;display: block;width: 19px;height: 20px;background: transparent url('../images/icons/calendar-ic.png') no-repeat center; background-size: 14px;
}
.engine-box .chk-adu .input-group {position: relative;display: inline-block;width: 45%;}
.engine-box .chk-adu .input-group-btn  {display: inline-block;margin-right: 0;}
.engine-box .chk-adu .spin {display: inline-block;width: 25px;border: none !important;display: block;color: #111212;font-size: 18px;padding: 0;height: auto;line-height: 1em;margin: 5px auto;text-align: center;background:#fff !important;display: inline-block;}
.engine-box .chk-adu .btn-link {background: none;color: #ffffff;font-size: 22px;padding: 0 0;vertical-align: -2px;}
.engine-box .chk-adu .btn-link:hover {color: #0056b3;text-decoration: none;}
.engine-box .ui-datepicker-trigger {position: absolute;right: 30px;top: 22px;z-index: 10;width: 24px;height: auto;}
.engine-box .engine-button {display: block;float: left;width: 100%;}	
.engine-box .engine-button .btn-booking {
    cursor: pointer;background-color: #8b6c54;font-size: 20px;color: #fff;font-weight: normal;border: none;text-transform: uppercase;height: 60px; width: 100%;
    -webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;margin-top: 15px;
}	
.engine-box .engine-button .btn-booking:hover {background-color: #a5836a;}	
/* .engine-box .form-property-btn {background: #ececec;text-align: center;} */


.engine-box .selectadults .btn {
  background-color: transparent;color: #ffffff;border: none;height: 40px;padding: 0  0;font-size: 20px;text-transform: uppercase;line-height:1.4em;border-radius: 0;position: relative;
}	
.engine-box .selectadults .btn::before {position: absolute;content: url('../images/icons/adults.png');width: 30px;bottom: 5px;;left: -12px;}
.chk-adu .bootstrap-select .dropdown-toggle .filter-option{margin-left: 40px;}
.engine-box .chk-hotel .selectadults .dropdown-menu {
  padding: 0 0;font-size: 13px;color: #ffffff;background-color: #0d2112;border: 1px solid rgba(255,255,255,1);border-radius: 0;
}	
.engine-box .chk-hotel .selectadults .dropdown-menu.inner {border: none;}
.engine-box .chk-hotel .selectadults .dropdown-menu .dropdown-item {
  padding: .6rem 1rem;color: #ffffff;border-bottom: 1px solid #ffffff;
}	
.engine-box .chk-hotel .selectadults .dropdown-menu .dropdown-item:focus, 
.engine-box .chk-hotel .selectadults .dropdown-menu .dropdown-item:hover {
  color: #2b3530;background-color: #fee92c;
}	
.engine-box .chk-hotel .selectadults .dropdown-menu .dropdown-item.active, 
.engine-box .chk-hotel .selectadults .dropdown-menu .dropdown-item:active {
  color: #fff;background-color: #000000;
}
.engine-box .selectadults .btn-light:not(:disabled):not(.disabled).active, 
.engine-box .selectadults .btn-light:not(:disabled):not(.disabled):active, 
.engine-box .selectadults.show > .btn-light.dropdown-toggle {
  color: #ffffff;background-color: transparent;border-color: #d3d9df;
}
.engine-box .selectadults .btn-light.focus, .engine-box .selectadults .btn-light:focus, 	
.engine-box .selectadults .btn-light:not(:disabled):not(.disabled).active:focus, 
.engine-box .selectadults .btn-light:not(:disabled):not(.disabled):active:focus, 
.engine-box .selectadults.show  > .engine-box .selectadults  .btn-light.dropdown-toggle:focus {
  box-shadow: none;
}	
.form-property-search .en-in .date, 
.form-property-search .en-out .date {
  text-align: right; float: left; display: block; font-size: 38px; font-weight: 400; line-height: 1; margin-top: 0; margin-bottom: 0; margin-right: 10px; color: #fff;
}	
.form-property-search .en-in .month, 
.form-property-search .en-in .year, 
.form-property-search .en-in .day,
.form-property-search .en-out .month, 
.form-property-search .en-out .year, 
.form-property-search .en-out .day {
  text-align: right; float: left; display: block; font-size: 15px; font-weight: 400; line-height: 1; margin-top: 0; margin-bottom: 0; margin-right: 10px; color: #fff;
}	
.engine-box-inner .en-date { position: absolute; left: 0px; top: 25px; text-align: center; visibility: hidden; width: 100%; height: 45px; }
.engine-box-inner .check, .chk-adu .check{color: #d6bda5;text-transform: uppercase;}
.chk-adu .bootstrap-select .dropdown-toggle .filter-option-inner-inner{font-size: 38px;}
.promocode-box input[type="checkbox"]{
position: absolute;   width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;   clip: rect(0,0,0,0);border: 0;white-space: no-wrap;
}
.promocode-box input, .promocode-box label {font-size: 20px;color: #ffffff;}
.promocode-box input {border-bottom: 1px solid #555;height: 1.5rem;line-height: 1.5rem;}
.promocode-box input[type="checkbox"] + label {position: relative;display: block;padding-left: 35px;}
.promocode-box .checkbox-label {font-size: 20px;margin-bottom: 0;padding-bottom: 0;}
.promocode-box input[type="checkbox"] + label::before {
  position: absolute;top: 0;left: 0;box-sizing: border-box;content: '';display: block;border: 2px solid #fff;height: 20px;width: 20px;
  -webkit-transition: background-color .3s ease;-moz-transition: background-color .3s ease;transition: background-color .3s ease;
}
.promocode-box input[type=checkbox]:checked+*+.promocode-container {display:block}
.promocode-box .promocode-container {color:#fff;display:none;}
.promocode-box .promocode-container input::-webkit-input-placeholder {color:#ccc}
.promocode-box .promocode-container input::-moz-placeholder {color:#ccc}
.promocode-box .promocode-container input:-moz-placeholder {color:#ccc}
.promocode-box .promocode-container input:-ms-input-placeholder {color:#ccc}
.promocode-box input[type="checkbox"]:checked + label::before {background-color: #ffffff;border-color: #ffffff;}
.promocode-box  input[type="text"] {
width: 100%;background-color: transparent;border: 0;border-bottom: 1px solid #e6e6e6;border-radius: 0;padding-left: 0;
-webkit-transition: border-color .3s ease;-moz-transition: border-color .3s ease;transition: border-color .3s ease;-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none;
}
@media only screen and (min-width: 992px) {
  /* .booking-wrapper {position: absolute;bottom:0;padding: 0px 0px;} */
  .booking-wrapper .booking-column:last-of-type::after {display: none;}
  /* .engine-box .form-property-search {-webkit-flex-basis: 77%; -ms-flex-basis: 77%; flex-basis: 77%;padding: 0px 0px 0px 0px;height: 100%;}
  .engine-box .form-property-btn {-webkit-flex-basis: 23%; -ms-flex-basis: 23%; flex-basis: 23%;padding: 0px 0px} */
  .engine-box .engine-button {width: 100%;}	
  .engine-box .form-property-search {padding: 0px 0px 0px 0px;} 
  .form-property-search .chk-date:first-child {margin-left: 0;}
  /* .form-property-search .chk-date, .form-property-search .chk-adu {padding-right: 10px;margin-left: 10px;} */
 .form-property-search .section-6 {margin-left: 20px;padding-right: 0;}
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
.engine-box .chk-date .form-control, .engine-box .selectadults .btn, .promocode-box .checkbox-label {font-size: 16px;}
.promocode-box .checkbox-label {font-size: 14px;}
/* .form-property-search .chk-date, .form-property-search .chk-adu {padding-right: 15px;margin-left: 0;margin-right: 10px;} */
.form-property-search .promocode-box {padding-right: 20px;padding-left: 15px;padding-right: 0;}}
/* @media only screen and (min-width: 1200px) {
  .engine-box .form-property-search {padding: 0px 0px 0px 40px;} 
} */
@media only screen and (min-width: 1600px) {
    /* .form-property-search .chk-date, .form-property-search .chk-adu, .form-property-search .section-6 {padding-right: 15px;margin-left: 20px;} */
}
.mobile-booking-box {display: none;}
@media only screen and (max-width: 1199.98px) {
.engine-info .chk-date{width: calc(50%);padding:13px 13px 15px;}
.engine-info .chk-adu{width: calc(30%);padding: 13px 15px;}
.engine-info .chk-promo{width: calc(35%);padding: 13px 15px;}
.engine-info .chk-book{width: calc(35%);padding: 13px 15px;}
}
@media only screen and (max-width: 991.98px) {
    .mobile-booking-box {top: 50px;right: 0;text-align: left;width: 280px;position: fixed;font-size: 14px;color: #fff;z-index: 1;}
    .mobile-booking-box > div {padding: 15px 15px;background-color: #222;}
    .mobile-booking-box a.span-close {
    float: right;color: #fff ;font-size: 22px ;height: 25px;padding: 0px 7px;background-color: #8b6c54;text-align: center;line-height: 19px;
    }
    .mobile-booking-box h3 {color: #fff;font-size: 18px;margin: 0;font-weight: normal;position: relative;line-height: 1;}
    
    .mobile-booking-box .form-control {
    padding: 0 30px 0 10px;background-color: #fff;color: #5c5854;width: 100%;border: none;height: 40px;line-height: 40px;margin-top: 10px;font-size: 13px;border-radius: 0 ;
    }
    .mobile-booking-box  .bx-date:after{
        content: "";display: block;color: #ffffff;position: absolute;bottom: 10px;right: 10px;width: 15px;height: 15px;background: transparent url('../images/icons/calendar-ic.png') no-repeat center; background-size: 15px;
    }
    .mobile-booking-box .vailability-submit .awe-btn {margin-top: 10px;height: 40px;color: #fff;font-size: 14px;width: 100%;border: none;background-color: #8b6c54;}
    .mobile-booking-box .vailability-submit .awe-btn:hover {background-color: #a0493e;color: #fff;}
}
@media only screen and (max-width: 767.98px) {
  .booking-wrapper{padding: 10px 0;}
  .engine-info .chk-date{width: calc(100%);padding: 5px 10px;}
  .engine-info .chk-adu{width: calc(50%);padding: 5px 10px;}
  .engine-info .chk-promo{width: calc(50%);padding: 5px 10px;}
  .engine-info .chk-book{width: calc(100%);padding: 5px 10px;}
  .engine-box .en-in, .engine-box .en-out{padding-top: 8px;}
  .engine-box .engine-button .btn-booking{margin-top: 0;}
  .form-property-search .en-in .date, .form-property-search .en-out .date{font-size: 34px;}
  .chk-date .chk-arrival{height: 66px;}
  .chk-adu .bootstrap-select .dropdown-toggle .filter-option-inner-inner { font-size: 28px; }
  .engine-box .chk-adu .form-control { margin-top: 5px; }
  .engine-box .chk-adu .form-control{height: 35px !important;}
  .engine-box-inner .check, .chk-adu .check{font-size: 13px;}	
  .engine-box .selectadults .btn::before{bottom: 3px;}
  .engine-box .chk-promo .form-control{height: 46px;padding: 3px 10px 15px 10px;font-size: 14px;line-height: 46px;}
  .engine-box .chk-promo .form-control::placeholder {font-size: 14px;}
  .engine-box .engine-button .btn-booking{height: 45px;font-size: 18px;}
  .form-property-search .en-in .month, .form-property-search .en-in .year, .form-property-search .en-in 
  .day, .form-property-search .en-out .month, .form-property-search .en-out .year, .form-property-search .en-out .day{font-size: 14px;}
}
.section-pd {padding-top: 70px;padding-bottom: 70px;}
.section-pd_m {padding-top: 50px;padding-bottom: 50px;}
.section-title .intro-hotel{margin-bottom: 45px;}
.section-title .intro-hotel h1{color: #5c5854;text-transform: uppercase;}
.section-title .intro-hotel::after{position: absolute;content: '';width: 80px;height: 6px;background: #8b6c54;left: 50%; bottom: -25px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.section-title .intro-hotel h1::before{top: 0;background-image:url("../images/icons/intro-ic.png");background-position: top left;content: "";position: absolute;z-index: 2;width: 30px;height: 30px;background-repeat: no-repeat;margin-left: -50px;}
.section-title .intro-hotel h1::after{top: 0;background-image:url("../images/icons/intro-ic.png");background-position: top right;content: "";position: absolute;z-index: 2;width: 30px;height: 30px;background-repeat: no-repeat;margin-left: 20px;}
.section-title p {font-size: 18px;color: #5c5854;line-height: 1.2em;}
.content-bestrate h4{font-size: 26px;color: #5c5854;line-height: 1.2em;}
.content-bestrate .bestrate_ic p{font-size: 18px;color: #5c5854;line-height: 1.2em;padding-top: 10px;}
.vdo-section{background-image:url("../images/bg-vdo.jpg");background-position: center center;background-repeat: no-repeat;}
.vdo-section .content-vdo {height: 400px;}
.vdo-section .content-vdo .ic_vdo{position: absolute;top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(0%, -50%); width: 100%;}
@media only screen and (max-width: 767.98px) {
  .section-pd, .section-pd_m {padding-top: 30px;padding-bottom: 30px;}
  .section-title p {font-size: 16px;line-height: 1.4em;}
  .section-title .intro-hotel h1{font-size: 26px;}
  .section-title .intro-hotel h1::before{margin-left: -27px;background-size: 18px;width: 24px;}
  .section-title .intro-hotel h1::after{margin-left: 1px;background-size: 18px;width: 24px;}
  .content-bestrate .bestrate_ic img{width: 55px;}
  .content-bestrate .bestrate_ic p{font-size: 16px;}
}
.section-rooms {padding: 30px 15px 30px 15px;}
.slick-slider-02 .slick-dots {display: flex;justify-content: center;margin: 0;padding: 40px 0 0 0;list-style-type: none;}
.slick-slider-03 .slick-dots {display: flex;justify-content: center;margin: 0;padding: 15px 0 0 0;list-style-type: none;}
.slick-slider-02 .slick-dots li, .slick-slider-03 .slick-dots li {margin: 0 0.4rem;}
.slick-slider-02 .slick-dots button, .slick-slider-03 .slick-dots button {width: 12px;height: 12px;color:transparent;border: none;background-color: rgba(139, 108, 84, 0.5);position: relative;padding: 0;text-indent: -9999px;border-radius: 50%;}
.slick-slider-02 .slick-dots .slick-active button, .slick-slider-03 .slick-dots .slick-active button {background-color: #8b6c54;}
.accoms-slider .column-room-slider {margin: 0px 15px;}
.room-info {
  padding: 15px 10px;color:#fff;background: #8b6c54; width: 100%;
}
.column-room-slider .room-info h3{font-size: 22px;color:#fff;} 
.column-room-slider .room-info .short-desc{
  font-size: 20px;
  line-height: 1.2em;
  color:#fff;
} 
.room-info a{
  color:#fff;
} 
@media only screen and (min-width: 1600px) {
  .room-info {padding: 15px 20px;}
  .section-rooms {padding-left: 50px;padding-right: 50px;}
  .accoms-slider .column-room-slider {margin: 0px 35px;}
}
@media only screen and (max-width: 767.98px) {
  .content-bestrate h4{font-size: 19px;}
  .section-rooms {padding: 30px 0px 30px 0px ;}
  .accoms-slider .column-room-slider {margin: 0px 10px;}
  .column-room-slider .room-info h3{font-size: 18px;} 
}
@media only screen and (max-width: 575.98px) {
  .accoms-slider .column-room-slider {margin: 0px 0px;}
}

.section-roomindex {padding-left: 0;padding-right: 0;}
.section-roomindex .slick-list { padding-left: 0px!important;}
.section-roomindex .text-head h2{font-size: 26px;color: #5c5854;}
.roomindex-info h3 {font-size: 30px;color: #5c5854;margin-bottom: 20px;}
.roomindex-info h4 {font-size: 24px;}
.roomindex-info p {font-size: 17px;color: #7f7f7f;margin-bottom: 25px;}
.roomindex-info .btn-find-out  {font-size: 21px;color: #8b6c54;position: relative;}
.roomindex-info .btn-find-out::after {content: '';position: absolute;width: 0; height: 2px; background: #8b6c54;left: 0; bottom: -5px; -webkti-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; }
.roomindex-info .btn-find-out:hover::after {width: 100%; height: 2px; }
.room-img {padding-right: 0px;}
.roomindex-slider .slick-arrow, .roomindex-slider .slick-dots{display: none !important;}
.room__arrow{position: absolute;left: -15px; bottom: 0; z-index: 1;background-color: #8b6c54;padding: 13px 18px;cursor: pointer;-webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.room__arrow:hover{background-color: #7f7f7f;}
.room__arrow i{color: #fff;font-size: 21px;}
.slide_paging{position: absolute; bottom: -12px; background: #fff; padding: 5px 20px; font-size: 22px; color: #636262;}
@media only screen and (min-width: 1200px) {
  /* .section-roomindex {padding-right: 5%;} */
  .roomindex-info  {padding: 12% 13%;border: 2px solid #2e2a26; margin-left: -16%;margin-right: 7%;}
  .room__arrow.next-arrow{left: 34px;}
  .section-roomindex .text-head h2{font-size: 39px;}
}
@media only screen and (min-width: 1600px) {
  .section-roomindex {padding-left: 0;padding-right: 0;}
  .room-img {padding-right: 0;}
}
@media only screen and (max-width: 1199.98px) {
  .room__arrow{left: -15px;}
  .room__arrow.next-arrow{left: 34px;}  
  .slide_paging{display: none;}
  .roomindex-content{padding-right: 35px;}
}
@media only screen and (max-width: 991.98px) {
  .roomindex-content{padding-right: 0;padding: 10px 30px 60px;}
  .room__arrow{left: 47px;padding: 10px 15px;}
  .room__arrow.next-arrow{left: 90px;} 
}
@media only screen and (max-width: 767.98px) {
  .section-roomindex {padding-left: 0;padding-right: 0;}
  .roomindex-info h3 {font-size: 21px;margin-bottom: 10px;}
  .roomindex-info h4 {font-size: 19px;}
  .roomindex-info p {font-size: 15px;}
  .lifestyle__arrow.prev-arrow{right: 36px;}  
  .lifestyle__arrow{padding: 6px 12px;}
  .lifestyle__arrow i{font-size: 17px;}
  .roomindex-info .btn-find-out  {font-size: 17px;}
}

.section-offer {background-image:url("../images/bg_offer.jpg");background-position: center center;background-repeat: no-repeat;}
.section-offer .text-head h2{font-size: 26px;color: #5c5854;}
.offer-info {margin-top: -60px; position: relative; top: 0px; background-color: transparent;border: 2px solid #2e2a26; width: 100%; padding: 15px; -webkti-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.offer-info > div { border: 2px solid #fff; padding: 15px 15px; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.column-offer-slider figure img{padding: 0 20px;}
.column-offer-slider .short-desc { font-size: 17px;margin-bottom: 5px;}
.column-offer-slider .offer-info .offer-info-text{background: #ffffff;}
.column-offer-slider h3 { color: #5c5854; }
.offer-slider.slick-slider-02 .slick-dots {padding-top: 20px;}
@media only screen and (min-width: 768px) {
  .section-offer {
  padding: 60px 15px 60px 15px;
  }
  .offer-slider .column-offer-slider {margin: 0px 15px;}
}
@media only screen and (min-width: 1199px) {
  .offer-info {
  background-color: transparent;
  }
  .column-offer-slider:hover .offer-info {
  background-color: #ffffff;
  }
  .offer-info > div {
  border-color: transparent;
  padding: 45px 30px;
  }
  .column-offer-slider h3{
  font-size: 24px;
  color: #5c5854;
  }
  .column-offer-slider .short-desc {font-size: 17px; color: #7f7f7f; margin-bottom: 10px;}
  .offer-slider.slick-slider-02 .slick-dots {padding-top: 20px;}
}
@media only screen and (min-width: 1200px) {
  .offer-slider .column-offer-slider {margin: 0px 20px;}
  .offer-info > div {padding: 30px 15px;}
  .offer-info {padding: 20px 35px;}
  .section-offer .text-head h2{font-size: 39px;}
}
@media only screen and (min-width: 1600px) {
  .section-offer {
  padding-left: 50px;
  padding-right: 50px;
  }
  .offer-slider .column-offer-slider {margin: 0px 35px;}
}
@media only screen and (max-width: 575.98px) {
  .column-offer-slider h3{
  font-size: 20px;
  }
  .column-offer-slider .short-desc {
  font-size: 16px;
  }
}  
.section-facilities {background-image:url("../images/bg_facilities.jpg");background-position: center center;background-repeat: no-repeat; padding: 70px 150px;}
.content-facilities .facilities-box {padding-top: 5px;padding-bottom: 5px;}
.content-facilities.box-right::before {margin-right: 80px; margin-left: 0;}
.facilities-detail {padding: 15px 15px 15px 15px;}
.facilities-detail h3{font-size: 25px;color: #5c5854;margin-bottom: 10px;}
.facilities-detail p{font-size: 15px;color: #5c5854;margin-bottom: 10px;line-height: 1.5;}
.offer_page-section {padding: 30px 0px;}
@media only screen and (min-width: 768px) {
  .content-facilities::before {position: absolute;content: '';border: 2px solid #2e2a26;width: 95%;height: 100%;margin-left: 5%;}
  .content-facilities .facilities-box {padding-top: 50px;padding-bottom: 40px;}
  .offer_page-section {padding: 70px 5%;}
}
@media only screen and (min-width: 1200px) {
  .facilities-detail h3{font-size: 36px;margin-bottom: 20px;}
  .facilities-detail {padding: 25px 55px 25px 25px;}
  .facilities-detail p{font-size: 17px;}
  .offer_page-section {padding: 70px 150px;}
}
@media only screen and (max-width: 767.98px) {
  .facilities-detail {background: rgb(250,250,250,0.6);}
}

.section-ig {padding-top: 60px;}
.section-ig .columns-5 {
position: relative;
width: 100%;
}
.igitem a {
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 2;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.igitem  a .caption {
color: #fff;
opacity: 0;
width: 100%;
top: 55%;
margin-top: -13px;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.igitem  a .caption i {
font-size: 60px;
}
.igitem a:hover {
background: rgba(70,70,70,0.8);
}
.igitem a:hover .caption {
opacity: 1;
top: 50%;
}
@media only screen and (min-width: 768px){
  .section-ig .columns-5 {
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
  }
}
@media only screen and (max-width: 1199.98px){
  .section-facilities {padding: 70px 5%;}
}
@media only screen and (max-width: 767.98px){
  .section-facilities {padding: 25px 0px;}
  .igitem  a .caption i {font-size: 30px;}
  .section-ig .igitem {padding-left: 5px;padding-right: 5px;}
}
.slick-arrow_style .slick-prev, .slick-arrow_style .slick-next {
font-size: 0;line-height: 0;position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 2;display: block;
width: 50px;
height: 50px;
margin-top: -10px;padding: 0;cursor: pointer;color: transparent;
border: 1px solid #000;
outline: none;
}

.slick-arrow_style .slick-prev {
  background: url('../images/icons/prev-arrow.svg') no-repeat center;background-size: 15px;
}
.slick-arrow_style .slick-next {
  background: url('../images/icons/next-arrow.svg') no-repeat center;background-size: 15px;
}
.slick-arrow_style .slick-prev:before, .slick-arrow_style .slick-next:before {
content: "";
}
@media only screen and (min-width: 768px) {
  .slick-arrow_style .slick-prev {left: 0px;}
  .slick-arrow_style .slick-next {right: 0px;}
}
@media only screen and (min-width: 1600px) {
  .slick-arrow_style .slick-prev {left: -80px;}
  .slick-arrow_style .slick-next {right: -80px;}
}
@media only screen and (max-width: 991.98px) {
  .slick-prev, .slick-next {
  font-size: 0;line-height: 0;position: absolute;top: calc(50%);display: block;width: 30px;height: 30px;margin-top: -10px;padding: 0;cursor: pointer;color: transparent;border: none;outline: none;background-size: 30px;z-index: 2;
  }
  .slick-prev, .slick-arrow_style .slick-prev {left: -30px;}
  .slick-next, .slick-arrow_style .slick-next {right: -30px;}
  .accom-section-page_inner .slick-prev {left: 0;}
  .accom-section-page_inner .slick-next {right: 0;}
  .offer-slider .slick-prev {left: 10px;}
  .offer-slider .slick-next {right: 10px;}
 }
@media only screen and (max-width: 767.98px) {
  .slick-prev, .slick-arrow_style .slick-prev {left: 0;}
  .slick-next, .slick-arrow_style .slick-next {right: 0;}
  .accoms-slider .slick-prev {left: 0;}
  .accoms-slider .slick-next {right: 0;}
  .accom-section-page_inner .accoms-slider .slick-prev {left: 0;}
  .accom-section-page_inner .accoms-slider .slick-next {right: 0;}
  .roomindex-inner .slick-prev, .roomindex-inner .slick-prev  {left: 0;}
  .roomindex-inner .slick-next, .roomindex-inner .slick-next  {right: 0;}
}
.roompage-section .text-head h2{font-size: 26px;color: #5c5854;}
.roompage-section .text-head p{font-size: 15px;color: #5c5854;line-height: 1.5rem;}
.room_box-section .room_box-content {background: rgba(77, 59, 45, 0.8);padding: 25px;margin-bottom: 25px;}
.room_box-content .room_box-detail h4{font-size: 21px;color: #ffffff;}
.room_box-content .room_box-detail p{font-size: 15px;color: #ffffff;}
.room_box-section figure{margin: 0 0 !important;}
.roompage-section:hover{-webkit-transition: -webkit-transform 2s cubic-bezier(.2,.96,.34,1);
  -moz-transition: -moz-transform 2s cubic-bezier(.2,.96,.34,1);
  transition: transform 2s cubic-bezier(.2,.96,.34,1);}
.room_single-area_detail{background-image:url("../images/bg_facilities.jpg");background-repeat: no-repeat; padding: 70px 0;background-attachment: fixed; background-position: center center; background-repeat: no-repeat; background-size: cover;}
.btn-all_photo{position: absolute; bottom: 0px; right: 0; color: #565656; background: rgb(250,250,250,0.6); padding: 10px 15px; font-size: 22px;z-index: 5;}
.title-page {
padding: 40px 20px 20px 20px;
background-color: #ebebeb;
}
.title-page h1{
font-size: 38px;
color: #0a1317;
}
.title-page h1 span{
  display: block;
  font-size: 22px;
  color: #565656;
}
.room_single-area .room_gallery-item {padding-left: 10px;padding-right: 5px;margin-bottom: 10px;}
.roomgallery_item-hvr {position: relative;overflow: hidden;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.roomgallery_item-hvr.vdo::after {
    position: absolute;bottom: 0;left: 0;right: 0;top: 0;content: '';background-image:url("../images/icons/play-icon.png");background-position: center center;content: "";position: absolute;z-index: 2;width: 100%;height: 100%;background-repeat: no-repeat;
}
.roomgallery_item-hvr::before {
    position: absolute;bottom: 0;left: 0;right: 0;top: 60%;content: '';opacity: 0;pointer-events: none;z-index: 2;background-color: rgba(0, 0, 0, 0.4);-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;
}
.roomgallery_item-hvr:hover::before {top: 0;opacity: .9;}
.gallery_item-caption {
    opacity: 0;display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; position: absolute; content: ''; top: 0; right: 0; bottom: 0; left: 0;z-index: 3;
}
.gallery_item-caption a {
    display: inline-block;font-size: 16px;line-height: 50px;text-align: center;color: #fff;width: 50px;height: 50px;border: 1px solid #fff;border-radius: 50%;background: transparent;cursor: pointer;
}
.room_gallery .gallery_item-caption p{font-size: 15px;color: #fff;padding-top: 15px;margin: 0 0;}
.roomgallery_item-hvr:hover .gallery_item-caption {opacity: 1;}
.gallery_item-caption a:hover {box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.4);}
.roomgallery_item-hvr img {-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;-ms-transition: all 0.4s ease-out;-o-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
.roomgallery_item-hvr:hover img {-webkit-transform: scale3d(1.06,1.06,1);-ms-transform: scale3d(1.06,1.06,1);-moz-transform: scale3d(1.06,1.06,1);-o-transform: scale3d(1.06,1.06,1);transform: scale3d(1.06,1.06,1);   }
@media only screen and (min-width: 992px) {
  .room_box-section {background-position: center center;background-repeat: no-repeat;height: 100%;min-height: 530px;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
  .room_box-section  .room_box-content {height: 530px;width: 100%;margin-bottom: 0;}
  .room_box-section  .room_box-content .room_box-detail{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);padding: 65px 55px;width: 100%;}
}
@media only screen and (min-width: 1200px) {
  .roompage-section .text-head h2{font-size: 39px;}
  .roompage-section .text-head p{font-size: 17px;}
  .room_box-content .room_box-detail h4{font-size: 28px;}
  .room_box-content .room_box-detail p{font-size: 17px;}
}
@media only screen and (max-width: 991.98px) {
  .room_box-section{background-color: #ffffff !important;background-image: none !important;}
}
@media only screen and (max-width: 767.98px) {
  .title-page h1{
  font-size: 28px;
  }
}
.room_nav_item {
background: #fff;
width: 100%;
text-align: center;
border-bottom: 1px solid #ebebeb;
}
.room_nav_item ul {
margin: 0;
padding: 0;
width: 100%;
}
.room_nav_item ul li {
float: left;
padding: 20px 0;
width: 20%;
}
.room_nav_item ul li a {
font-family: 'DM Sans', 'Open Sans', sans-serif;
display: block;
color: #5c5854;
font-size: 18px;
}
.rooms-block {
padding: 30px 15px;
}
.rooms-block .rooms-items {
margin-bottom: 40px;
}
.rooms-block .rooms-items:last-child {
margin-bottom: 0px;
}
.overview-title h2 {
font-size: 32px;
color: #0a1317;
line-height: 1em;
}
.overview-title h2 span {
font-size: 20px;
color: #0a1317;
}
.overview-title blockquote p{
font-size: 16px;
color: #5c5854;
}
.image-zoom img {
-webkit-transition: -webkit-transform 2s cubic-bezier(.2,.96,.34,1);
-moz-transition: -moz-transform 2s cubic-bezier(.2,.96,.34,1);
transition: transform 2s cubic-bezier(.2,.96,.34,1);
height: 100%;
background-position: center;
background-size: cover;
}
.transition_all-default, .transition_all-default * {
  -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;
}
/*Zoom Effect*/
figure{overflow: hidden;margin: 0 0;}
@media only screen and (min-width: 992px) {
    img.zoom_effect, .zoom_effect { max-width: 100%; width: 100%; height: auto; opacity: 1; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); -webkit-transition: opacity 1s,-webkit-transform 1s; transition: opacity 1s,-webkit-transform 1s; transition: opacity 1s,transform 1s; transition: opacity 1s,transform 1s,-webkit-transform 1s; }
    img.zoom_effect:hover, .zoom_effect:hover{opacity: .9;-webkit-transform: scale3d(1.08,1.08,1);transform: scale3d(1.08,1.08,1);}
}
.rooms-items:hover .image-zoom img {
text-align: left;
padding-right: 0;
padding-left: 0;
-webkit-transition-duration: 2s;
-moz-transition-duration: 2s;
transition-duration: 2s;
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
}
.white-overlay::before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transition: opacity .8s ease;
-moz-transition: opacity .8s ease;
transition: opacity .8s ease;
background-color: rgba(255,255,255,.25);
opacity: 0;
z-index: 1;
}
.rooms-items:hover .white-overlay::before {
opacity: 1;
}
@media only screen and (min-width: 992px){
  .rooms-block {
  padding-right: 30px;
  padding-left: 30px;
  padding-bottom: 70px;
  padding-top: 70px;
  }
  .rooms-block .rooms-items {
  margin-bottom: 40px;
  }
  .rooms-block .rooms-items {
  text-align: left;
  padding-right: 0px;
  padding-left: 0px;
  }
  .rooms-block .rooms-items.left-side {
  text-align: left;
  padding-right: 0px;
  padding-left: 0px;
  }
  .overview-title {
  width: 90%;
  margin: 0 auto;
  }
  .overview-img {
  margin: 0 0;
  }
}
@media only screen and (min-width: 1200px){
  .rooms-block {
  padding-right: 100px;
  padding-left: 100px;
  }
  .overview-title {
  width: 70%;
  }
}
.rooms-amenity {background: rgba(255, 255, 255, 0.5);padding: 30px 20px;}
.rooms-amenity .amenity_group {padding-left: 30px;border-left: 2px solid #c2bebb;}
.rooms-amenity .amenity_group .amenity_list {
list-style: none;
padding-bottom: 20px;
}
.rooms-amenity h4{color: #5c5854;}
li.amenity_list p {position: relative;padding-left: 40px;font-size: 16px;line-height: 26px;}
.rooms-amenity .amenity_group .amenity_list .icon {position: absolute;left: 0;padding-right: 15px;}
.rooms-amenity .amenity_group .amenity_list .icon img {width: 26px;}
.slider-nav .slick-slide img {opacity: 0.5;}
.slider-nav .slick-slide.is-active img {opacity: 1;}
.slider-nav .slick-track {margin-left: auto;margin-right: 0;}
.slider-nav .slick-slide {margin: 10px 5px;cursor: pointer;}
.border_section {border-bottom: 1px solid #ddd;}
.facilities-inner p {
font-size: 16px;
color: #5c5854;
line-height: 1.4em;
}
.facilities-inner h2 {
font-size: 26px;
color: #333;
line-height: 1.2em;
}
.facilities-inner h5 {
font-size: 18px;
color: #333;
line-height: 1.2em;
}
.facilities-inner .inner-list li{
font-size: 16px;
padding: 0 10px;
color: #5c5854;
}
.facilities-detial  p{
font-size: 14px;
}
.bolck-ryad {
position: relative;
top: 0px;
background-color: #8b6c54;
width: 100%;
padding: 15px;
-webkti-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.bolck-ryad > div  {
padding: 15px 15px;
}
.bolck-ryad::before {
content: '';
position: absolute;
top: 15px;
right: 15px;
bottom: 15px;
left: 15px;
border: 1px solid #fff;
}
.bolck-ryad h2 {
color: #fff;
}
.bolck-ryad  h5 {
color: #fff;  
font-size: 20px;
}
.bolck-ryad p{
color: #fff;
line-height: 1.6em;
}
.section-other_rooms h3{color: #5c5854;}
.section-other_rooms .accoms-slider .column-room-slider {margin: 0px 15px;}
.section-other_rooms .slick-slider-02 .slick-dots button {background-color: rgba(255, 255, 255, 0.5);}
.section-other_rooms .slick-slider-02 .slick-dots .slick-active button {background-color: #fff;}

@media only screen and (max-width: 991.98px) {
  .rooms-amenity .amenity_group {padding-left: 10px;border-left: none;}
}
@media only screen and (max-width: 767.98px) {
  .section-other_rooms h3, .rooms-amenity h4{font-size: 21px;}
  .facilities-inner h2 {font-size: 22px;}
  .bolck-ryad p {font-size: 14px;}
  li.amenity_list p {font-size: 15px;}
}
.section-other_rooms{ background-color: #ffffff;}

.offer-detial  {
font-size: 14px;
color: #5c5854;
}
.offer-detial p {
font-size: 14px;
color: #5c5854;
line-height: 1.4em;
}
.offer-detial h3 {
font-size: 24px;
color: #333;
line-height: 1.2em;
}
.offer-detial h5 {
font-size: 18px;
color: #5c5854;
line-height: 1.2em;
}
.offer-detial .inner-list li{
font-size: 14px;
padding: 0 10px;
color: #5c5854;
}

.map-responsive{overflow:hidden;padding-bottom: 45%;position:relative;height:0;}
.map-responsive iframe{left:0;top:0;height:100%;width:100%;position:absolute;}
.btn-form {background-color: #91867b;border-color: #91867b;color: #ffffff;margin-right: 15px;padding: 15px 30px;}
.btn-form:hover {background-color: #6b6951;border-color: #6b6951;}
.buttons:disabled:hover {background-color: #878570;color: #ffffff;border:1px solid transparent;}
.buttons.disabled, .buttons:disabled, 
.buttons.disabled:hover,.buttons.disabled:focus, .buttons.disabled:active {
cursor: not-allowed;opacity: .65;
}  
.gallery_item-hvr {
position: relative;
-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;
}
.gallery_item-hvr:before {
content: " ";
display: block;
position: absolute;
width: calc(100% - 2rem);
height: calc(100% - 2rem);
filter: alpha(opacity=0);
opacity: 0;
top: 1rem;
left: 1rem;
right: 1rem;
bottom: 1rem;
z-index: 2;
border: 1px solid #fff;
-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;
}
.gallery_item-hvr:after {
content: " ";
display: block;
position: absolute;
width: calc(100);
height: calc(100%);
opacity: 0;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
background: rgba(0,0,0,.4);
-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;
}
.gallery_item-hvr:hover:before {
filter: alpha(opacity=100);
opacity: 1;
}
.gallery_item-hvr:hover:after {
filter: alpha(opacity=100);
opacity: 1;
}
.gallery_item-hvr .text {
text-transform: uppercase;
position: absolute;
bottom: 2rem;
left: 2rem;
color: #fff;
z-index: 10;
font-size: 16px;
pointer-events: none;
font-weight: normal;
opacity: 1;
visibility: visible;
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
-webkit-transform: translate(0, 0%);
-moz-transform: translate(0, 50%);
-ms-transform: translate(0, 50%);
-o-transform: translate(0, 50%);
transform: translate(0, 50%);
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.gallery_item-hvr:hover .text {
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
.ic-gallery-popup {
display: inline-block;
font-size: 16px;
text-align: center;
color: #1c1c1c;
width: 50px;
height: 50px;
border-radius: 50%;
background: #fff;
box-shadow: 0 0 0 6px rgba(255,255,255,.4);
cursor: pointer;
position: absolute;bottom: 50%;left: 50%;-webkit-transform: translate(-50%, 70%);-moz-transform: translate(-50%, 70%);-ms-transform: translate(-50%, 70%);transform: translate(-50%, 70%);will-change: transform;opacity: 0;
z-index: 3;padding: 1rem;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;
}
.gallery_item-hvr:hover .ic-gallery-popup {
opacity: 1;-webkit-transform: translate(-50%, 50%);-moz-transform: translate(-50%, 50%);-ms-transform: translate(-50%, 50%);transform: translate(-50%, 50%);
}
.facilitie_page-area_detail{background-image:url("../images/bg_facilities.jpg");background-repeat: no-repeat; padding: 30px 0 10px;background-attachment: fixed; background-position: center center; background-repeat: no-repeat; background-size: cover;}
.facilitie_page-section h2{font-size: 38px;color: #5c5854;}
.facilitie_page-section p{font-size: 17px;color: #5c5854;line-height: 1.5rem;}
.facilitie_page-section .facilitie_ic p{font-size: 19px;color: #5c5854;line-height: 1.2em;padding-top: 10px;}
.facilitie_page-section .facilitie_ic img{width: 70px;}
.attraction-box .item-attraction{margin: 25px 0;}
.content-contact p{font-size: 17px; margin-bottom: 10px;}
.contact-box .contact_form h4{margin-bottom: 10px;color: #5c5854;}
.contact-box .contact_dtail p{font-size: 17px;}
.contact-box .contact_form{padding: 20px 20px;}
.contact-box .contact_form p{font-size: 17px;}
.contact_dtail .social-box ul { display: inline-flex;}
.contact_dtail .social-box ul li{list-style: none;padding: 5px 7px;font-size: 22px;}
.contact-form .form-control {background-color: #ffffff;border: 1px solid #5c5854;height: 37px;color: #5c5854;border-radius: 0px;} 
.contact-form label {color: #5c5854;display: inline-block;font-size: 15px;margin-bottom: 0.2rem;}
.contact-form textarea.form-control {height: auto;} 
.contact-form .btn_submit {
    background-color: #333333;border: none;color: #fff;cursor: pointer;display: inline-block;font-size: 20px;line-height: 50px;border-radius: 0rem;text-transform: uppercase;margin: 10px 15px 5px 5px;outline: none;padding: 0px 15px;position: relative;width: 100%;max-width:150px;height: 50px;-webkit-transition: all .4s;-moz-transition: all .4s;transition: all .4s;
}
.map-container { position: relative; padding-top: 30px; height: 500px; overflow: hidden; }
.map-container iframe, .map-container object, .map-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.contact-form .btn_submit {
    background-color: #333333;border: none;color: #fff;cursor: pointer;display: inline-block;font-size: 20px;line-height: 50px;border-radius: 0rem;text-transform: uppercase;margin: 10px 15px 5px 5px;outline: none;padding: 0px 15px;position: relative;width: 100%;max-width:150px;height: 50px;-webkit-transition: all .4s;-moz-transition: all .4s;transition: all .4s;
}
.buttons.style-3 { color: #b5985a; border: 2px solid #b5985a; background: transparent; min-width: 200px; height: 50px; line-height: 50px; font-size: 20px; display: inline-block; }
@media only screen and (min-width: 992px) {
  .contact-box .contact_form::before{position: absolute;content: '';border: 2px solid #8b6c54;width: 110%;height: 110%; margin-left: -80px; top: -30px;}
  .attraction-box .item-attraction{margin: 85px 0;}
  .facilitie_page-area_detail{padding: 70px 0 20px;}
}
@media only screen and (max-width: 767.98px) {
  .facilitie_page-section h2{font-size: 26px;}
  .facilitie_page-section p{font-size: 15px;}
  .contact-page .contact_box {padding: 40px 15px 30px 15px;min-height: auto;}
  .contact-page .contact_box .icon_box {top: -20px;}
  .facilitie_page-section .facilitie_ic p{font-size: 16px;}
  .facilitie_page-section .facilitie_ic img{width: 40px;}
}
.filters {list-style: none;margin: 0px 0px;padding: 0px 0px;position: relative;text-align: center;margin-bottom: 30px;}
.filters li {display: inline-block;position: relative;}
.filters  li a {
    display: block;color: #333333;font-size: 14px;line-height: 28px;color: #8b6c54;background-color: transparent;text-transform: uppercase;border: 1px solid #8b6c54;border-radius: 0px;outline: none;padding: 0px 10px;margin: 5px 2px;position: relative;-webkit-transition: all 0.4s ease 0s;transition: all 0.4s ease 0s;
}
.filters li a:hover {color: #8b6c54;border: 1px solid #8b6c54;}
.filters li a.active {background-color: #8b6c54;color: #ffffff;border: 1px solid #8b6c54;}
.filters li a.active::after{
    position: absolute;display: inline-block;border-top-color: rgba(0,0,0,.2);content: '';bottom: -4px;
    border-right: 8px solid transparent;border-top: 8px solid #8b6c54;border-left: 8px solid transparent;transform: translate(-50%,50%);left: 50%;
}
@media screen and (max-width: 767px) {
    .filters {margin-bottom: 15px;}
}
.gallery_wrapper {margin-left: auto;margin-right: auto;}
.gallery_wrapper .grid {float: none;width: 50%;padding-left: 0.2em;padding-right: 0.2em;padding-bottom: 0.3em;}
.thumbnail-gallery {position: relative;margin-left: auto;margin-right: auto;text-align: center;overflow: hidden;transition: all .3s ease;}
.thumbnail-gallery::before, .thumbnail-gallery::after {position: absolute;content: '';transition: inherit;pointer-events: none;}
.thumbnail-gallery::before {
    top: 0;right: 0;bottom: 0;left: 0;background: rgba(16,16,16,.6);z-index: 1;opacity: 0;visibility: hidden;
}
.thumbnail-gallery::after {
    display: inline-block;top: 10px;  right: 10px;bottom: 10px;left: 10px;border: 1px solid rgba(255,255,255,.9);z-index: 1;  -webkit-transform: scale(.85);transform: scale(.85);opacity: 0;visibility: hidden;
}
.thumbnail-gallery-figure {-webkit-transform: scale(1);  transform: scale(1);will-change: transform;width: 100%;}
.thumbnail-gallery-caption {
    display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;-ms-flex-align: center;align-items: center;-ms-flex-pack: center;justify-content: center;position: absolute;content: '';top: 0;right: 0;bottom: 0;left: 0; z-index: 1;
}
.thumbnail-gallery-caption .icon {
    display: inline-block;-webkit-transform: translate3d(0,-10px,0);transform: translate3d(0,-10px,0);opacity: 0;visibility: hidden;pointer-events: auto;
}
.thumbnail-gallery-caption .icon::before {
    content:url('../images/icons/zoom-in.svg');position:relative; width: 40px;display: inline-block;text-transform: none;transition: all .3s;
}
.caption-title {
    font-size: 16px;font-weight: normal;color: #ffffff;margin-bottom: 15px;-webkit-transform: translate3d(0,10px,0);transform: translate3d(0,10px,0);opacity: 0;visibility: hidden;margin-top: 16px;transition: all .3s ease;
}
.caption-title a {color: #fff;display: block;}
.thumbnail-gallery:hover::before {opacity: 1;visibility: visible;}
.thumbnail-gallery:hover::after {opacity: 1;visibility: visible;-webkit-transform: none;transform: none;}
.thumbnail-gallery:hover .thumbnail-gallery-figure {-webkit-transform: scale(1.1);transform: scale(1.1);}
.thumbnail-gallery:hover:hover .thumbnail-gallery-caption .icon, .thumbnail-gallery:hover:hover .thumbnail-gallery-caption .caption-title {opacity: 1;visibility: visible;-webkit-transform: none;transform: none;}
@media screen and (min-width: 576px) {
    .gallery_wrapper .grid {float: left;width: 33.3333%;padding-left: 0.313em;padding-right: 0.313em;padding-bottom: 0.5em;}
}

.section-footer {
background-color: #ebebeb;
padding: 50px 0;
}
.subscribe-text p{
font-size: 24px;
color: #5c5854;
}
.subscribe-text p span{
font-size: 20px;
display: block;
}
.form-subscribe {
max-width: 800px;
padding-left: 30px;
padding-right: 30px;
}
.cookies-check {
font-size: 14px;
color: #5c5854;
}
.form-subscribe .form-control {color: #282b2d;background-color: #ffffff;border: none;border-radius: 0px;box-shadow: none;height: 42px;}	
.form-subscribe .mail-promotion-inner {width: 100%;}
.form-subscribe .form-control::-webkit-input-placeholder {color: #6c757d;}
.form-subscribe .form-control::-moz-placeholder {color: #6c757d;}
.form-subscribe .form-control:-ms-input-placeholder {color: #6c757d;}
.form-subscribe .form-control:-moz-placeholder {color: #6c757d;}	
.btn-subscribe {
display: inline-block;padding: 6px 20px;height: 42px;margin-bottom: 0;font-size: 18px;color: #ffffff;background-color: #2e2a26;
border-radius: 0px;text-align: center;white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;
-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;border: 1px solid transparent;
}
.footer-area .form-subscribe h3 {position: relative;color: #ffffff;font-size: 20px;font-weight: normal;line-height:1.2em;margin-top: 0px; margin-bottom: 30px;}
.footer-area .form-subscribe h3 span {font-size: 14px;color: #fff;display: block;}
.footer-social a {
margin: 0px 10px 0px 0px;
display: inline-block;
color: #000000;
font-size: 24px;
line-height: 50px;
width: 50px;
height: 50px;
background-color: transparent;
border: 1px solid #000000;
border-radius: 100%;
text-align: center;
}
.footer-social a:hover {background-color: #000000;color: #ffffff;border-color: #000000;}
.footer-contact-section .inline {
list-style: none;
margin: 0;
padding: 0;
}
.footer-contact-section .info img {position: absolute;top: 0px;left: 0;width: 30px;}
.footer-contact-section .info strong {
color: #333;
font-size: 18px;
text-transform: uppercase;
font-weight: normal;
display: block;
margin-bottom: 5px;
}
.footer-contact-section .info {
position: relative;
color: #5c5854;
font-size: 14px;
padding-left: 30px;
}
@media only screen and (min-width: 992px) {
  .footer-contact-section .inline li {
  display: inline-block;
  vertical-align: middle;
  padding-right: 20px;
  margin-right: 20px;
  border-right: 1px solid rgba(0, 0, 0, 1);
  }
  .footer-contact-section .inline li:last-child {border-right: none;margin-right: 0;padding-right: 0;}
  .footer-contact-section .info {padding-left: 38px;margin: 10px 0;}
  .footer-contact-section .info:last-child {max-width: 250px;}
}
@media only screen and (min-width: 1200px) {
  .footer-contact-section .inline li {padding-right: 30px;margin-right: 30px;}
  .footer-contact-section .info:last-child {max-width: 300px;}
  .form-subscribe .mail-promotion-inner {width: 410px;}
}
@media only screen and (max-width: 767.98px) {
  .section-footer {padding: 30px 0;}
  .footer-social a {font-size: 20px;line-height: 40px;width: 40px;height: 40px;}
  .footer-contact-section .info img {width: 20px;}
  .subscribe-text p {font-size: 16px;}
  .subscribe-text p span {margin-top: 5px;font-size: 14px;}
  .form-subscribe {max-width: auto;padding-left: 15px;padding-right: 15px;}
}
.copyright-section {background-color: #2e2a26;padding: 12px 0;}
.copyright-area p {color: #ffffff;font-size: 14px;margin: 0;}
.copyright-area .ic-etravel {
display: inline-block;background-image: url("../images/icons/ic-traveltech.png");background-position: 0px 0px;background-repeat: no-repeat;width: 16px;height: 16px;margin-right: 2px;margin-left: 4px;vertical-align: -3px;
}
.copyright-area a {color: #ffffff;}
.copyright-area a:hover {color: #000000;}

@keyframes totop {0%  {bottom:0px;} 100% {bottom:2px;}}		

.return-to-top {
    cursor: pointer;border-top-left-radius: 8px;border-top-right-radius: 8px;font-size: 16px;color: #fff;height: auto;position: fixed;z-index: 19;right: 5px;bottom: -100px;width: 50px;text-align: center;
    background-color: rgba(0, 0, 0, 0.6);padding: 10px 20px;opacity: 0;text-decoration: none;
    -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;
}
.return-to-top.active {opacity: 1;bottom: 0px;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.return-to-top.active:hover {background-color: rgba(0, 0, 0, 1);}
.return-to-top i {position: relative;top: 0px;  -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.return-to-top:hover i {top: -3px;}
.mfp-content video{width: 95%;height: 80vh;margin: 0 auto;display: block;}