@font-face {font-family: 'PlayfairDisplay-Regular';src: url( '../fonts/PlayfairDisplay-Regular.eot'), url('../fonts/PlayfairDisplay-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/PlayfairDisplay-Regular.woff') format('woff'), url('../fonts/PlayfairDisplay-Regular.ttf') format('truetype'), url('../fonts/PlayfairDisplay-Regular.svg#thaisanslite') format('svg');font-weight: lighter;font-style: normal;}
@font-face {font-family: 'Lato-Light';src: url( '../fonts/Lato-Light.eot'), url('../fonts/Lato-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Lato-Light.woff') format('woff'), url('../fonts/Lato-Light.ttf') format('truetype'), url('../fonts/Lato-Light.svg#thaisanslite') format('svg');font-weight: lighter;font-style: normal;}
/*body{-webkit-filter: grayscale;filter: grayscale(100%);}*/
body, html{font-family:'Lato-Light', sans-serif, Arial;color:#3b3b3b;margin: 0;padding: 0;width: 100%;height: 100%;line-height: 1.8;letter-spacing: 1px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
html {font-size: 62.5%;}
html{box-sizing:border-box;}
img {display: block;height: auto;width: 100%;}
*,*::after,*::before{}

h1 {font-size:4em;color:#96a96f;font-family: 'PlayfairDisplay-Regular';font-weight: lighter;margin: auto;line-height: 45px;}
h2 {font-size: 3.6em;color:#96a96f;font-family:  'PlayfairDisplay-Regular', sans-serif, Arial;font-weight: lighter;margin: 0;line-height: 35px;}
h3 {font-size:2.4em;font-family: 'PlayfairDisplay-Regular';color:#666666;font-weight: lighter;margin: 0;line-height: 26px;}
h4 {font-size:3em;color:#96a96f;font-family:'PlayfairDisplay-Regular';line-height: 35px;font-weight: lighter ;margin:20px 0;}
h5 {font-size:2.4em;color:#96a96f;font-family:'PlayfairDisplay-Regular';line-height: 35px;font-weight: lighter ;margin:0;}
h2 a{color:inherit;text-decoration:none;}
h3 a {color: #939598;text-transform:uppercase;text-decoration:none;}
h1 a:hover,h2 a:hover,h3 a:hover{color: #aacd62;}
.h2-sub{font-size:1.4em;color:#333333;text-transform:uppercase;}
p, li{font-size:1.5em;}
a{color: #96a96f;text-decoration: none;}
a:hover{color: #666666;}
input, textarea, select {color: #4b4b4b;border: 0;max-width: 100%;padding:10px 15px;-webkit-border-radius: 0px;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.button {margin: 0 auto;width: auto;float: none;display: table;text-align: center;padding: 7px 20px;}
.col-10{width: 100%;}
.col-9{width: 90%;}
.col-8{width: 80%;}
.col-7{width: 70%;}
.col-6{width: 60%;}
.col-5{width: 50%;}
.col-4{width: 40%;}
.col-3{width: 33.33333333%;}
.col-2{width: 20%;}
.col-1{width: 10%;}
.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8{float:left;}

.rimpingvillage-logo{margin: -1.5em 5em  -1.8em 5em !important;padding: 0 !important;vertical-align: middle;}
.rimpingvillage-logo img{width:185px;}
.rimpingvillage-logo a:after{display:none !important;}
.preloader {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 99999;display: flex;flex-flow: row nowrap;justify-content: center;align-items: center;background: none repeat scroll 0 0 #ffffff;}
.sk-rotating-plane img {width: 250px;margin:0 auto;}
/*.sk-rotating-plane {width: 50px;height: 50px;background-color: #222;-webkit-animation: sk-rotatePlane 1.2s infinite ease-in-out;animation: sk-rotatePlane 1.2s infinite ease-in-out;}*/
@-webkit-keyframes sk-rotatePlane {0% {-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);transform: perspective(120px) rotateX(0deg) rotateY(0deg);}
50% {-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);}
100% {-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);}
}
@keyframes sk-rotatePlane {0% {-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);transform: perspective(120px) rotateX(0deg) rotateY(0deg);}
50% {-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);}
100% {-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);}
 }


/*****************Header****************/
.rimpingvillage-logo.mobile {display: none;}
.btn-open{display:none;}
.header-wrap.smaller{top: 0;position: fixed;background-color: #fff;height: 60px;width: 100%;margin: 0 auto;max-width: 100%;}
.header-wrap.smaller #cssmenu ul{width: 100%;float: right;color: #333;height: 100%;}
.header-wrap.smaller #cssmenu ul ul{background: transparent;width: auto;}
.header-wrap.smaller #cssmenu{margin-right: 0px;width: 85%;float: left;position: absolute;right: 5%;}
.header-wrap.smaller #cssmenu  a{color:#333;}
.header-wrap.smaller #cssmenu > ul > li{color:#333;padding: 22px 10px;}
.header-wrap.smaller #cssmenu .book-btt{padding: 60px 14px 15px 12px !important;position: absolute;}
.header-wrap.smaller #cssmenu .book-btt a{color: #fff;}
#header{width: 100%;z-index: 100;position: absolute;max-width: 100%;margin: 0 auto;background: #fff url("../images/sprite.png") repeat-x scroll 0 -961px;/* height: 250px;*/}
.head-relat {overflow: hidden;}
.head-relat #header{/*position:relative;*/}
.header-wrap{display: block;width: 100%;position: relative;margin: 0px auto;/* margin: 12px auto;*/text-align: center;/* height: 100px;*/}
#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #menu-button{border: 0 none;box-sizing: border-box;display: block;line-height: 1;list-style: outside none none;margin: 0;padding: 0;position: relative;}
#cssmenu::after, #cssmenu > ul::after{clear: both;display: block;height: 0;line-height: 0;visibility: hidden;}
#cssmenu #menu-button{display: none;}
#cssmenu{line-height: 1;width: 100%;z-index: 9;float: right;position: relative;height: 120px;display: flex;flex-direction: column;justify-content: center;}
#menu-line{height: 3px;left: 0;position: absolute;top: 0;transition: all 0.25s ease-out 0s;}
#cssmenu ul{width: 100%;display: block;}
#cssmenu > ul > li{display: inline-block;color: rgb(255, 255, 255);font-weight: 400;/* padding: 20px 0;*/}
#cssmenu > ul > li a:after{content:'';display: inline-block;width: 4px;height: 1px;background-color:#4b4b4b;vertical-align: middle;margin: 10px 15px;}
.last-menu:after, .wpml-ls-item a:after{display:none !important;}

#cssmenu .book-btt{background: #c3a000 url(../images/sprite.png) no-repeat -14px -1210px;padding: 60px 14px 15px 12px !important;}

#cssmenu.align-center > ul{font-size: 0;text-align: center;}
#cssmenu.align-center > ul > li{display: inline-block;float: none;}
#cssmenu.align-center ul ul{text-align: left;}
#cssmenu.align-right > ul > li{float: right;}
#cssmenu.align-right ul ul{text-align: right;}
#cssmenu > ul > li > a{color: #333333;font-size: 0.9em;padding-top: 0;text-decoration: none;transition: color 0.3s ease 0s;line-height: 24px;text-transform: uppercase;}
#cssmenu ul li:hover > a, #cssmenu ul li.active > a{color: #96a96f;}
#cssmenu ul ul{left: -9999px;/* margin-left: -20px;*/padding: 8px 0;position: absolute;padding-top: 50px;background-color: rgba(255, 255, 255,0.9);width: 200px;}
#cssmenu li:hover > ul{left: auto;}
#cssmenu.align-right li:hover > ul{right: 0;}
#cssmenu ul ul ul{margin-left: 100%;top: 0;}
#cssmenu.align-right ul ul ul{margin-left: 0;margin-right: 100%;}
#cssmenu ul ul li{height: 30px;padding: 10px 20px;transition: height 0.2s ease 0s;z-index: 88;font-weight: lighter;text-transform: uppercase;width: 200px;font-size: 1.3rem;color: #333333;text-align: left;}
#cssmenu ul ul li:hover{background-color: #96a96f;color: #fff;}
#cssmenu ul li:hover > ul > li{height: 32px;}
#cssmenu ul ul li a{/* background-color: rgba(255, 255, 255, 0.8);*/color: #333333;font-size: 14px;text-align: left;text-decoration: none;transition: color 0.2s ease 0s;/* width: 232px;*//* padding: 10px 20px;*/}
#cssmenu ul ul li.current-on > a:hover {border:none;padding: 0;color: #fff;}
#cssmenu ul ul li.current-on > a:link {border:none;color: #fff !important;}
#cssmenu ul ul li a:after{display:none;}
#cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover{color: #fff;}
#cssmenu ul ul li.has-sub > a::after{border-bottom: 1px solid #dddddd;border-right: 1px solid #dddddd;content: "";height: 4px;position: absolute;right: 10px;top: 13px;transform: rotate(-45deg);transition: border-color 0.2s ease 0s;width: 4px;}
#cssmenu.align-right ul ul li.has-sub > a::after{border-color: #dddddd -moz-use-text-color -moz-use-text-color #dddddd;border-style: solid none none solid;border-width: 1px 0 0 1px;left: 10px;right: auto;}
#cssmenu ul ul li.has-sub:hover > a::after{border-color: #ffffff;}
#cssmenu .current-on > a:link, #cssmenu .current-on > a:visited {font-weight:bold;border-top: 4px solid #bb9500;color: #bb9500;}

/* ------------------ reservation -------------------------- */
#availability-checker {left: 0;padding: 0}
#availability-checker {margin: 0 auto;z-index: 13;max-width: 1250px;}
#availability-checker .date input {cursor: pointer;width: 60%;display: inline;float: right;background-position: right 3px;line-height: 20px;}
#availability-checker input {float: left;width: 90%;}
#availability-checker input {background: rgba(255, 255, 255, 0) url("../images/sprite.png") no-repeat scroll 0 0;border-radius: 0;/* clear: both;*/color: #333333;font-size: 12px;/* height: 50px;*/padding: 6px 5px;font-family: Quicksand-Regular;}
#availability-checker input.text {background-image: none;/* border: 1px solid #535249;*/border-radius: 0;color: #123c6b;height: 35px;padding: 6px 10px;width: 100%;clear: both;line-height: 20px;letter-spacing:-.5px}
#availability-checker input#nights {width: 90px;background-image: none}
#availability-checker .choose select {-moz-appearance: none;background: rgba(255, 255, 255, 0) url("../images/sprite.png") no-repeat scroll -350px -69px;/* color: #666666;*/font-family: helvetica;font-size: 12px;border-radius: 0;color: #333333;float: right;/* height: 50px;*/padding: 6px 30px 6px 8px;top: 0;width: 55px;-webkit-border-radius: 0px;-webkit-appearance: none;-moz-appearance: none;appearance: none;display: inline;font-family: Quicksand-Light;line-height: 20px;}
#availability-checker .select-hotel {float: left;margin: 13px;text-align: left;width: 100%}
#availability-checker .select-hotel select {width: 92%}
#availability-checker .check-button{display:inline-block;width:auto;}
#availability-checker .book {background: #96a96f none repeat scroll 0 0;border-radius: 5px;box-sizing: border-box;color: #fff;cursor: pointer;font-size: 13px;margin-left: 4px;border: none;padding: 9px 22px;text-transform: uppercase;width: auto;display: inline-block;font-family: Quicksand-Regular;font-weight: bolder;float: left;height:37px;}
#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: #373a70;float: left;font-size: 10px;letter-spacing: -.5px;margin-left: 0;width: auto !important;display: inline-block;padding: 5px 0 5px 12px;text-transform: capitalize;line-height: 25px;}
#availability-checker .date{/* float: left;*/margin: 0 5px;text-align: left;width: 14%;display: inline-block;border: 1px solid #999999;border-radius: 5px;}
#availability-checker .choose {/* background: rgba(255, 255, 255, 0) url("../images/sprite.png")
no-repeat; */background-position:right -69px;margin: 0 5px;text-align: left;width: 14%;display: inline-block;border: 1px solid #999999;border-radius: 5px;}

/* #availability-checker .promo {width: 10px;margin: 0 5px;text-align: left;display: inline-block;border-radius: 5px;top:-10px;height:10px;cursor:pointer;position: relative;} */
#availability-checker .promo {
    width: 12%;
    margin: 0 5px;
    text-align: left;
    display: inline-block;
    border: 1px solid #999999;
    border-radius: 5px;
}

/* #availability-checker .promo.on {position: inherit;} */
/* #availability-checker .promo:before {content: '+';font-size: 18px;line-height: 10px;height: 10px;} */
/* #availability-checker .promo.on:before{content:'-'!important;} */
/* #availability-checker .promo.on #promo_code {position: absolute;width: 180px;height: 40px;background: #96a96f;line-height: 40px;color: #fff !important;z-index:999;} */
#availability-checker .children.choose {width: 13% !important;}
.bookingbox-toggler {font-family: Quicksand-Light;background: #a16d47 url(../images/sprite.png) no-repeat -60px 20px;color: #fff;cursor: pointer;display: inline;font-size: 16px;margin: 0 0 auto auto;padding: 10px 0 0 0;position: relative;/* right: 0px;*//* width: 67px;*//* height: 67px;*//* border: 1px solid #fff;*/z-index: 99;}
.bookingbox-toggler.active {background: #c3a000 url(../images/sprite.png) no-repeat -60px 20px;padding: 60px 14px 15px 12px !important;}
.ArrowControl a {color: #fff;text-decoration: none;}
.booking-form {margin: 8px auto;max-width: 1200px;}
.book-direct {background: rgba(0, 0, 0, 0) url("../images/check-rate.png") no-repeat scroll left center;font-size: 18px;margin: 0 auto 0 auto;padding: 24px 0;text-align: center;width: 93%}
.reservations {width: 100%;text-align: center;display: block;margin: 0 auto;padding: 8px 0 4px 0;overflow: hidden;background-color: #fcf8f5;}
#availability-wrapper {font-size: 11px;margin: 0 auto;}

/*---------------------Slider---------------------*/
.price-slide .phoenix-feather:after{background:url(../images/bg-bottom-dark.png) left bottom repeat-x;height: 150px;content:'';width:100%;position: absolute;bottom: 0;z-index: 4;}
.phoenix-slider {overflow:hidden;width:100%;height: 100vh !important;position:relative;background: #ffffff;border:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;left: 0;right: 0;text-align: center;margin: 0 auto;}
#home-page .phoenix-slider {height: 85vh !important}
.content-section .phoenix-slider {height: 63vh !important;}
.phoenix-slider .phoenix-feather {background:transparent none scroll no-repeat center top;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;position:absolute;width: 100%;/*width:100%;*/height:100%;min-height:100%;overflow:hidden;display:table;z-index:2;opacity:0;text-align: center;left: 0;right: 0;margin: 0 auto;}
.phoenix-slider .phoenix-feather  {opacity: 0.5;width: 100%;}
.phoenix-slider .reborn {z-index:4;}
.phoenix-slider .phoenix-feather > img {position:absolute;width:100%;height:auto;min-height:100%;overflow:hidden;display:none;}

/* Slider Dots */
.container-dots-wrapper {position:absolute;bottom: 5em;z-index:4;width: 100%;text-align: center;/* float: right;*/right: 0;left: 0;}
.container-dots-inner {display:table;/* right: 0px;*/margin: 0 auto;/* float: right;*/width: 86%;text-align: right;}
.dots {vertical-align:bottom;list-style:none;margin:0 auto;padding:0;right: 0;/* float: right;*/left: 0;}
.dots li {width: 8px;height: 8px;margin: 0px 5px;background-color: #fff;display: inline-block;text-indent: 999999px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;cursor:pointer;-webkit-transition:all 300ms ease-out;-moz-transition:all 300ms ease-out;-ms-transition:all 300ms ease-out;-o-transition:all 300ms ease-out;transition:all 300ms ease-out;/* -webkit-filter:drop-shadow(0 1px 2px rgba(0,0,0,.5));*/-moz-filter:drop-shadow(0 1px 2px rgba(0,0,0,.5));-ms-filter:drop-shadow(0 1px 2px rgba(0,0,0,.5));-o-filter:drop-shadow(0 1px 2px rgba(0,0,0,.5));/* filter:drop-shadow(0 1px 2px rgba(0,0,0,.5));*/}
.dots li.active {background-color: #fff;/* background: url(../images/sprite.png) 0px -32px no-repeat;*/width: 15px;height: 15px;margin: 8px 8px;vertical-align: super;}
.scroll {text-align: center;display: block;margin: 0 auto;padding: 0;z-index:4;/* bottom: 40px;*/left: 0;right: 0;position: absolute;}
.scroll a {bottom: 7em;position:absolute;background: url(../images/sprite.png) 15px -164px no-repeat;content:'';display:inline-block;/* width: 84px;*/height: 70px;vertical-align:middle;margin: 0px -14px 0 -58px;z-index: 9999;line-height: 160px;color: #fff;text-decoration: none;text-transform: uppercase;font-weight: bold;font-size: 1.2rem;}
.scroll span{}

#toggle-view {list-style:outside none none;margin:20px 0 0 0;padding:0;}
#toggle-view li {cursor:pointer;position:relative;}
#toggle-view li::before{display:none;}
#toggle-view h3 {font-size:14px;margin:0;}
#toggle-view span {background-color:#96a96f;color:#fff;font-family: 'PlayfairDisplay-Regular';text-decoration:none;padding:12px 25px;}
#toggle-view span:hover {background-color: #666;}
#toggle-view .panel {display:none;margin:5px 0;font-size:0.7em;}

.content-col{padding: 10em 5em 10em 10em;overflow: hidden;}
.contact .content-col {padding: 4em 5em 10em 10em;}
.contact .content-col h1{margin: 0 0 1em 0px;}
.content-col .col-3{position:relative;z-index:4;}
.content-detail{padding: 10em 5em;overflow:hidden;text-align: center;}
.content-colume{margin:6em 0;overflow: hidden;}
.content-colume .col-6{text-align: left;padding: 0 0 0 6em;}
.intro-title{padding:5em 0 5em 10em}
.content-col.col-10{text-align:center;}
.rinping-feature{overflow: hidden;margin: 5em 0 0 3px;}
.rinping-feature ul {padding: 0;}
.rinping-feature li{list-style:none;width:50%;float:left;margin: 5px 0;font-size: 1.4rem;color: #96a96f;font-weight: bold;}
.rinping-feature li span{color: #333;}
.rinping-feature.listing li {color: #333;}
.rinping-feature span:before{content:'';display:inline-block;width: 32px;height: 24px;background: url(../images/sprite.png) 0 -288px no-repeat;margin-right: 16px;vertical-align: middle;}
.rinping-feature li .hotel-factsheet:before{background-position: -88px -238px;}
.rinping-feature li .time:before{background-position: 0 -288px;}
.rinping-feature li .weater:before{background-position: -88px -285px;}
.rinping-feature li .phone:before{background-position: 0 -334px;}
.rinping-feature li .fax:before{background-position: -88px -329px;}
.rinping-feature li .mail:before{background-position: 0 -378px;}
.rinping-feature li .map:before{background-position:-87px -376px;}
.rinping-feature li .front-desk:before{background-position:-178px -285px;}
.rinping-feature li .internet:before{background-position: -175px -329px;}
.rinping-feature li .bicycle:before{background-position: -171px -378px;}
.rinping-feature li .carpark:before{background-position: -264px -286px;}
.rinping-feature li .laundry:before{background-position: -264px -329px;}
.rinping-feature li .restaurant:before{background-position: -261px -377px;}
.rinping-feature li .tourist:before{background-position: -360px -286px;}
.rinping-feature li .wifi:before{background-position: -360px -328px;}
.rinping-feature li .market:before{background-position: -360px -377px;}
.rinping-feature li .travel:before{background-position: -176px -238px;}
.rinping-feature li .service:before{background-position:-260px -237px;}
.rinping-feature li .afternoon:before{background-position: -357px -238px;}

.rinping-feature li .balcony:before{background-position: -264px -329px;}
.rinping-feature li .air:before{background-position: 0 -413px;}
.rinping-feature li .torch:before{background-position: -38px -416px;}
.rinping-feature li .bed:before{background-position: -90px -419px;}
.rinping-feature li .hair-dryer:before{background-position: -135px -419px;}
.rinping-feature li .mirror:before{background-position:-261px -376px;}
.rinping-feature li .soba:before{background-position:-216px -376px;}
.rinping-feature li .smart-tv:before{background-position: -185px -419px;}
.rinping-feature li .shower:before{background-position: -234px -417px;}
.rinping-feature li .cable-tv:before{background-position: -282px -416px;}
.rinping-feature li .bathrobes:before{background-position: -328px -416px;}
.rinping-feature li .espresso:before{background-position: -367px -416px;}
.rinping-feature li .fruit:before{background-position: -160px -455px;}
.rinping-feature li .tea:before{background-position: -199px -455px;}
.rinping-feature li .water:before{background-position: -244px -455px;}
.rinping-feature li .bar:before{background-position: -280px -457px;}
.rinping-feature li .umbrella:before{background-position: -317px -457px;}
.rinping-feature li .safe:before{background-position: -358px -457px;}
.content-offer{overflow: hidden;}
.content-offer .col-4{background-color: #fcf8f5;width: 36%;height: 56vh;display: flex;flex-direction:  column;justify-content: center;text-align: left;padding: 0 5vw 0 4vw;}
.content-offer .col-6 {height: 56vh;}
.content-offer .col-5 img{height: 56vh;object-fit: cover;}
.head-title{color:#96a96f;font-size:1.2em;text-transform:uppercase;font-weight: bold;}
.content-detail-intro{max-width:960px;margin: 0 auto;padding: 4em;}
.border-slide{border-top: 2px solid #fff;height: 43vh;position: absolute;width: 44vw;margin-left: -16vw;border-right: 2px solid #fff;}
.border-slide:before{content:'';display:inline-block;width:2px;height: 80%;background-color:#fff;}
.border-slide:after{content:'';display:inline-block;width:80%;height: 2px;background-color:#fff;float: right;bottom: 0;position: inherit;right: 0;}
.content-rt{text-align:right;}
.content-ct{text-align: center;}
.content-lt{text-align: left;}
.content-contact{overflow:hidden;background-color: #f6efea;margin-top: 4em;}
.content-contact .contact-home{text-align: center;padding: 0 5em;height: 70vh;display: flex;flex-direction:  column;justify-content: center;}
.wrap-button{margin-top: 2em;display:inline-block;position: relative;z-index: 5;}
.border-btt a{font-family: 'PlayfairDisplay-Regular';font-size:1.4rem;color:#96a96f;padding:10px 20px;text-align:center;border:1px solid #96a96f;text-decoration:none;}
.border-btt a:hover{background-color: #96a96f;color: #fff;}
.border-btt{margin-top:20px;display:inline;width:auto;}
.wrap-map-home {width: 100%;height: 70vh;display:inline;width:auto;}
.read-more{margin-top: 40px;display:inline;width:auto}
.read-more a{background-color:#96a96f;color:#fff;font-family: 'PlayfairDisplay-Regular';text-decoration:none;font-size:1.4em;padding:12px 25px;}
.read-more a:hover{background-color:#4b4b4b;}
.wrap-name-title{position:relative;width: 200px;height: 100%;}
.slide-left-title{font-family: 'PlayfairDisplay-Regular';text-transform: uppercase;position: absolute;transform: rotate(-90deg);-moz-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);z-index: 9999;color: #96a96f;font-size: 1.3em;font-weight: bold;margin-left: -127px;margin-top: 98px;width: 100%;height: 100%;text-align: right;}
.content-gallery-wrap{overflow:hidden;padding: 10px;}
.content-gallery{/*height: 67vh;overflow:hidden;display: flex;flex-direction: column;justify-content: center;*/}
.content-gallery img{border: 10px solid #fff;height: 35vh;object-fit: cover;}
.content-gallery-col{}
.content-gallery.middle-col img{height: 70vh;object-fit: cover;}
.wrap-form{max-width:900px;margin:2em auto;font-size: 1.4em;background-color:#f0f0f0;padding: 20px;text-align: center;}
.form-item {float: left;width: 50%;text-align: left;margin: 0 auto 20px auto;}
.wrap-form  input, .wrap-form  textarea, .wrap-form  select{width: 96%;font-size:inherit;border:1px solid #eaedef;/* margin: 0 auto;*/}
.form-item label {padding-left: 9px;}
.wrap-form .hvr-shutter-out-horizontal {color: #fff;text-transform: uppercase;display: inline-block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);position: relative;background: #96a96f;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;padding:10px 30px;font-size:1.4rem;border:0;}
.wrap-form .hvr-shutter-out-horizontal:hover{text-transform: uppercase;background-color: #4b4b4b;}
.wrap-form p {display:block;font-size:inherit;}
.wrap-over{overflow:hidden;}
.more-info-room{display:none;}
/* --------------------slideshow------------------- */
.slideshow {width: 100%;}
.slideshow .caption {background-color: rgba(0, 0, 0, 0.5);color: #fff;margin: 0;padding: 5px 1% 7px;bottom: 0;width: 35%;float: left;}
.slideshow .slide img {vertical-align: bottom;width: 100%;float: left;height: 56vh;object-fit: cover;}
.slideshow button.disabled {color: #999;}
.slideshow.loading {background: url(demo/img/loader.gif) no-repeat center center;}
/* do not show slides during loading */
.slideshow.loading .slide {visibility: hidden;}
.slideshow .wrapper {overflow: hidden;position: relative;}
.slideshow .slides {display: none;position: absolute;}
.slideshow .slide {position: absolute;margin-left: -200px;}
.slide-contro{z-index: 8;position: absolute;width: 100%;margin: 0 auto;bottom:2em;/* left: 50%;*/margin-left: -200px;}
.slide-contro button{background-color:  transparent;border: none;color: #666666;font-size: 1.4em;padding: 0;width: 72%;text-align: right;cursor: pointer;}
.slide-contro .next{float: right;width: 14%;text-align: left;}
.slide-contro .prev:before{content:'';display:inline-block;width: 42px;height:20px;background: url(../images/sprite.png) 0 -448px no-repeat;margin-right: 20px;vertical-align: middle;}
.slide-contro .next:after{content:'';display:inline-block;width: 42px;height:20px;background: url(../images/sprite.png) -92px -448px no-repeat;margin-left: 20px;vertical-align: middle;}
.wrap-slide-no{position: absolute;bottom: -25px;z-index: 5;/* margin-left: 33%;*/width: 55%;text-align: right;margin-left: -200px;}
.slide-no{position: relative;z-index: 8;color: #fff;font-size: 2.4rem;font-family:  'PlayfairDisplay-Regular', sans-serif, Arial;bottom: 3em;top: auto;/* margin-left: 30%;*/}
.slide-no span{font-size: 4.4rem;}
/* #overview, #register,#breakfast,#afternoon,#thai-food,#street-food,#beverages, #dessert{padding-top: 22rem;padding-bottom: 22rem;}
#register {background: url('../images/rimpingvillage-experiences.jpg') 50% 0 repeat-y fixed;-webkit-background-size: cover;background-size: cover;background-position: center center;color: #ffffff;} */
/*
#breakfast {background: url('../images/breakfast-daily.jpg') 50% 0  repeat-y fixed;-webkit-background-size: cover;background-size: cover;background-position: center center;color: #ffffff;}
#afternoon {background: url('../images/afternoon.jpg') 50% 0  repeat-y fixed;-webkit-background-size: cover;background-size: cover;background-position: center center;color: #ffffff;}
#thai-food {background: url('../images/thai-food.jpg') 50% 0  repeat-y fixed;-webkit-background-size: cover;background-size: cover;background-position: center center;color: #ffffff;}
#street-food {background: url('../images/street-food.jpg') 50% 0 repeat-y fixed;-webkit-background-size: cover;background-size: cover;background-position: center center;color: #ffffff;}
#beverages {background: url('../images/beverages.jpg') 50% 0 repeat-y fixed;-webkit-background-size: cover;background-size: cover;background-position: center center;color: #ffffff;}
#dessert {background: url('../images/dessert.jpg') 50% 0 repeat-y fixed;-webkit-background-size: cover;background-size: cover;background-position: center center;color: #ffffff;} */
.content-colum{margin: 2em 0;}
.section-col .col-3{width: 27%;}
.section-col .col-6{width: 73%;height: 30vh;}
.section-col .des-name.col-3{height: 40vh;display: flex;flex-direction: column;justify-content: center;text-align:center;border: 1px solid #fff;background-color: #96a96f;color: #fff;font-size: 2.5rem;}
.section-col .col-6 img {height:40vh;object-fit: cover;border: 1px solid #fff;}
.col-right{float:right;}
.g-map{height:100%;height:500px;margin: 0 auto}
/*-------------------------Map-------------------------*/
#map {width: 100%;height: 70vh;margin: 0px auto;position: relative;overflow: hidden;}
#title {margin: 8px 0px;color: #b90b37 !important;text-decoration: none;font-size: 15px !important;text-align: left;}
#product_attraction {max-width: 140px;position: relative;z-index:9999999;}
#product_attraction p {color: #2d2d2d !important;font-size: 12px !important;}
#product-left{width: 100%;float: left;margin-top: 12px;}
#product-left img{border:2px solid#fff;}
#product-right {width: 100%;float: left;text-align: left;padding-top: 0;margin-left: 10px;line-height: 14px;}
#product_attraction font{font-size: 15px;color: #9f0737;padding-top: 8px;float: left;font-weight: bold;}
#product-right h3 {color: #dbad8b;font-size: 14px;font-weight: bold;padding: 0;line-height: 0;}
#product-right p{color: #dbad8b;font-size: 13px;line-height: 13px;padding: 0;}
#product-right a:hover{color: #000000 !important;}
.gm-style .gm-style-iw {font-weight: 300;font-size: 13px;overflow: hidden;position: relative!important;left: 5px!important;top: 5px!important;}
.gm-style .gm-iw{color: #fff;}
.direction-container {overflow: hidden;position: absolute;right: 0;top: 100px;z-index: 90;}
.direction-container .direction-title{cursor: pointer;width: 235px;}
.direction-container .direction-title h3 {font-size: 20px;background: url(../images/get-direction.png) no-repeat 5px 5px #ffffff;padding: 6px 10px 4px 46px;line-height: 32px;}
.direction-container .direction-title h3:hover{color: #444;}
.direction-container .direction-box{background: rgba(255,255,255,1);width: 235px;height: 38px;display: none;}
.magnify-map{background: url(../images/magnify.png) no-repeat 3px 3px;float: left;width: 38px;height: 38px;cursor: pointer;}
.magnify-map:hover{background: url(../images/magnify.png) no-repeat 3px 3px #444444;}
footer{background-color:#96a96f;color:#fff;text-align:center;overflow: hidden;padding: 3em 0;}
footer h5{font-size:1.4em;color:#fff;}
#newsletter input{font-family: 'Lato-Light';margin: 0 auto;display: inline;color:#96a96f;height:48px;font-size:1.4em;width: 250px;}
.subscribe{font-family: 'PlayfairDisplay-Regular';color:#96a96f;text-transform:uppercase;background-color:#fcf8f5;border:0;display:inline-block;padding:4px 12px;height:48px;margin-left: -4px;width: 110px;cursor: pointer;}/*font-size:1.4em;*/
footer p{margin:0;font-size: 1.4rem;}
.footer-ref{margin:4em auto 2em auto;}
footer a{color:#fff;text-decoration: underline;}
 .social-icon{margin:4em  0 2em 0;}
.social-icon li {display: inline-block;list-style:none;}
.social-icon li {display: inline-block;list-style:none;}
.social-icon a{content:'';display:inline-block;width: 35px;height: 35px;background: url(../images/sprite.png) 0  no-repeat;margin-right: 16px;vertical-align: middle;background-color:  #fff;border-radius: 35px;}
.social-icon .facebook{background-position: 6px -701px;}
.social-icon .twitter{background-position: -44px -700px;}
.social-icon .insgram{background-position: -94px -700px;}
.social-icon .tripadvisor{background-position: -144px -700px;}
.go-top {bottom: 0.5em;right: 0.5em;color: #ffffff;font-size: 32px;display: none;position: fixed;text-decoration: none;width: 60px;height: 60px;line-height: 60px;text-align: center;transition: all 0.4s ease-in-out;background: url(../images/sprite.png) -340px -544px;}
.go-top span {bottom: 2em;right: 2em;color: #ffffff;font-size: 32px;display: none;position: fixed;text-decoration: none;width: 60px;height: 60px;line-height: 60px;text-align: center;transition: all 0.4s ease-in-out;background: url(../images/sprite.png) -340px -544px;}
.go-top:hover {opacity:0.8}

@media screen and (max-width: 1300px){
.rimpingvillage-logo {  margin: -1.5em 2em -1.8em 2em !important; }
.rimpingvillage-logo img {width: 165px;}
}
@media screen and (max-width: 1200px){
.rimpingvillage-logo {margin: 7px 2em -1.8em 2em !important;}
.rimpingvillage-logo img { width: 160px; padding: 0px 10px;  }
#cssmenu > ul > li a:after{display: none;}
#cssmenu > ul > li {padding:0 8px;margin: 0 auto !important;}
#availability-checker .date input {cursor: pointer;width: 100%;display: inline;float: none;background-position: right 3px;line-height: 0;}
#availability-checker input {float: left;width: 90%;}
#availability-checker input {background: rgba(255, 255, 255, 0) url("../images/sprite.png") no-repeat scroll 0 0;border-radius: 0;/* clear: both;*/color: #333333;font-size: 13px;/* height: 50px;*/padding: 3px 10px;font-family: Quicksand-Regular;}
#availability-checker input.text {background-image: none;/* border: 1px solid #535249;*/border-radius: 0;color: #123c6b;height: 37px;padding: 6px 10px;width: 100%;clear: both;line-height: 20px;}
#availability-checker .promo {width: 12%;margin: 0 5px;text-align: left;display: inline-block;border: 1px solid #999999;border-radius: 5px;vertical-align: bottom;}
#availability-checker input#nights {width: 90px;background-image: none}
#availability-checker .choose select {-moz-appearance: none;background: rgba(255, 255, 255, 0) url("../images/sprite.png") no-repeat scroll right -69px;/* color: #666666;*/font-family: helvetica;font-size: 12px;border-radius: 0;color: #333333;float: none;/* height: 50px;*/padding: 0px 30px 0px 12px;top: 0;width: 100%;-webkit-border-radius: 0px;-webkit-appearance: none;-moz-appearance: none;appearance: none;display: inline;font-family: Quicksand-Light;line-height: 20px;}
#availability-checker .select-hotel {float: left;margin: 13px;text-align: left;width: 100%}
#availability-checker .select-hotel select {width: 92%}
#availability-checker .check-button{display:inline-block;width:auto;vertical-align: bottom;}
#availability-checker .book {background: #96a96f none repeat scroll 0 0;border-radius: 5px;box-sizing: border-box;color: #fff;cursor: pointer;font-size: 13px;margin-left: 4px;border: none;padding: 12px 22px;text-transform: uppercase;width: auto;display: inline-block;font-family: Quicksand-Regular;font-weight: bolder;float: left;}
#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: #373a70;float: none;font-size: 10px;letter-spacing: -.5px;margin-left: 0;width: auto !important;display: block;padding: 0;text-transform: capitalize;line-height: 10px;}
#availability-checker .date{margin: 0 5px;text-align: left;width: 12%;display: inline-block;border: 1px solid #999999;border-radius: 5px;padding: 4px;}
#availability-checker .choose {background-position:right -69px;margin: 0 5px;text-align: left;width: 10%;display: inline-block;border: 1px solid #999999;border-radius: 5px;padding: 4px;}
}
@media screen and (max-width: 1023px){
#header {background-color: #f6e9e1;position: absolute;padding: 0;height: 80px;}
.reservations {/* background-color: #96aa6f;*/color: #fff;}
.reservations {padding: 2em 0;overflow: inherit;width: 100%;float: right;background-color:#f6e9e1;}
.header-wrap {margin: 0px auto;}
.rimpingvillage-logo {display:none !important;}
.rimpingvillage-logo img {display:none;}
.rimpingvillage-logo.mobile {display: block !important;position:absolute;}
.rimpingvillage-logo.mobile img    {width: 120px;margin-left: 70px;display: block !important;}
.btn-close{display: flex;z-index:99;color: #fff;position: relative;background-color:  #96a96f;padding: 0 25px;width: auto;float: right;height: 80px;flex-direction:  column;justify-content: center;font-size: 1.3em;text-transform: uppercase;text-decoration: none;font-weight: bold;}
.btn-open{display: flex;z-index:99;color: #fff;position: relative;background-color:  #96a96f;padding: 0 25px;width: auto;float: right;height: 80px;flex-direction:  column;justify-content: center;font-size: 1.3em;text-transform: uppercase;text-decoration: none;font-weight: bold;}
.header-wrap.smaller #cssmenu{width: 100%;right: 0;}
.header-wrap.smaller #cssmenu ul{margin-right: 0px;padding-top: 60px;height: auto;}
.header-wrap.smaller #cssmenu ul ul{background: transparent;width: 100%;padding-top: 0;left: 0;}
.header-wrap.smaller #cssmenu > ul > li{padding: 0;}
.header-wrap.smaller {position: relative;}
#cssmenu{height: auto;top: 0;position: absolute;right: 0px;display: block;border-right: 1px solid #ccc;padding: 0px 10px;}
#cssmenu ul{display: none;width: 100%;background-color: #fff;padding: 0;/* height: auto;*/}
#cssmenu.align-center > ul, #cssmenu.align-right ul ul{text-align: left;}
#cssmenu ul li, #cssmenu ul ul li, #cssmenu ul li:hover > ul > li{border-top: 1px solid rgba(120, 120, 120, 0.15);height: auto;width: 100%;padding: 0;}
#cssmenu > ul > li {padding: 0px 8px 0px 0px;}
#cssmenu ul li a, #cssmenu ul ul li a{width: 100%;}
#cssmenu > ul > li, #cssmenu.align-center > ul > li, #cssmenu.align-right > ul > li{float: none;}
#cssmenu ul ul li a{background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;color: #000000;font-size: 14px;padding:12px 20px 12px 30px;}
#cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover{color: #000000;}
#cssmenu ul ul ul li a{padding-left: 40px;}
#cssmenu ul ul, #cssmenu ul ul ul{left: 0;margin: 0;position: relative;right: auto;width: 100%;}
#cssmenu > ul > li.has-sub > a::after, #cssmenu ul ul li.has-sub > a::after{display: none;}
#menu-line{display: none;}
#cssmenu #menu-button{color: #fff;cursor: pointer;display: block;font-size: 14px;margin: 0 auto;padding: 22px;text-transform: uppercase;width: 120px;}
#cssmenu #menu-button::after{background: #96aa6f none repeat scroll 0 0;content: "";display: block;height: 2px;position: absolute;right: 18px;top: 35px;width: 40px;}
#cssmenu #menu-button::before{border-bottom: 2px solid #96aa6f;border-top: 2px solid #96aa6f;content: "";display: block;height: 4px;position: absolute;right: 18px;top: 23px;width: 40px;}
#menu-button.menu-opened{color: #333 !important;}
.menu-opened::before{border-bottom: 2px solid #333 !important;border-top: 2px solid #333 !important;content: "";display: block;height: 4px;position: absolute;right: 20px;top: 26px;width: 15px;}
.menu-opened::after{background: #000000 !important;}
#cssmenu .submenu-button{border-left: 1px solid rgba(120, 120, 120, 0.15);cursor: pointer;display: block;height: 38px;position: absolute;right: 0;top: 0;width: 50px;z-index: 10;}
#cssmenu .submenu-button::after{background: #000000 none repeat scroll 0 0;content: "";display: block;height: 18px;left: 23px;position: absolute;top: 10px;width: 1px;z-index: 99;}
#cssmenu .submenu-button::before{background: #000000 none repeat scroll 0 0;content: "";display: block;height: 1px;left: 15px;position: absolute;top: 18px;width: 18px;z-index: 99;}
#cssmenu .submenu-button.submenu-opened::after{display: none;}
#cssmenu #menu-button{color: #96aa6f;cursor: pointer;display: block;font-size: 12px;margin: 0;padding: 43px 18px 25px 18px;text-transform: uppercase;width: auto;left: 0px;float: left;/* top: 25px;*/z-index: 99999;position: absolute;font-weight: bold;border-right: 1px solid #ccc;}
.header-wrap.smaller #cssmenu #menu-button{color: #333;cursor: pointer;display: block;font-size: 14px;margin: 0 auto;padding: 22px;text-transform: uppercase;width: 130px;}
.header-wrap.smaller #cssmenu #menu-button::after{background: #333 none repeat scroll 0 0;content: "";display: block;height: 2px;position: absolute;right: 20px;top: 20px;width: 15px;}
.header-wrap.smaller #cssmenu #menu-button::before{border-bottom: 2px solid #333;border-top: 2px solid #333;content: "";display: block;height: 4px;position: absolute;right: 20px;top: 26px;width: 15px;}
.header-wrap.smaller #cssmenu .submenu-button{border-left: 1px solid rgba(120, 120, 120, 0.15);cursor: pointer;display: block;height: 50px;position: absolute;right: 0;top: 0;width: 50px;z-index: 10;}
#cssmenu > ul > li > a{color: #000;text-shadow: none;}
#cssmenu > ul > li{padding: 0;text-align: left;}
#cssmenu > ul > li a{padding:7px 23px 7px 18px;}
#cssmenu .book-btt{background: #c3a000 url(../images/arrow-book-btt.png) no-repeat center 5px;padding: 43px 14px 15px 12px !important;text-align: center;}
#cssmenu .book-btt a{color:#fff;padding: 20px 0 8px 0;}
#cssmenu ul ul{padding-top: 0;height: auto;width: 100%;padding: 0;}
#cssmenu ul ul li a{text-align: left;width: 100%;}
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: #fff;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;top: 80px;position: absolute;/* padding-top: 100px; */height: auto;left: 0;}
ul.top-nav{color: #fff;float: none;font-size: 11px;height: 0;margin: 15px auto;position: relative;text-transform: uppercase;width: 88%;}
.intro-title {padding: 4em;}
.col-3,.col-4,.col-5,.col-6{width:100%;}
.content-col {padding: 0;}
.content-rt,.content-ct {/*text-align: left;*/}
.wrap-content{}
.slideshow .slide {margin-left: 0;}
.content-offer .col-6 {height: auto;}
.content-offer .col-4 {width: 100%;height: auto;display: block;padding: 2em 2em 2em 12em;}
.border-slide {display:none;}
.content-contact .contact-home {height: auto;display: block;padding: 2em 5em;}
#map {margin-top: 2em;height: 45vh;}
.slideshow .slides {display: block;position:  relative;}
.slideshow .wrapper {overflow-x: hidden;}
.wrap-slide-no{position: absolute;bottom: auto;z-index: 5;/* margin-left: 33%;*/width: 55%;text-align: left;margin-left: 3em;top: 0;}
.slide-no{position: relative;z-index: 8;color: #fff;font-size: 2.4rem;font-family:  'PlayfairDisplay-Regular', sans-serif, Arial;bottom: auto;top: 0;margin-left: 0;display:none;}
.slide-contro{z-index: 8;position: absolute;width: auto;margin: 0 auto;bottom: auto;right: 0;padding: 0 6px;top: 50vh;}
.slide-contro button,.slide-contro .next {width: 73px;color:#fff;background-color: #859662;padding: 10px;text-align: center;}
.slide-contro button.prev{/* border-right: 1px solid #fff;*//* margin-right:  20px;*/padding-right: 20px;background-color: #96a96f;padding: 10px;}
.slide-contro .prev:before,.slide-contro .next:before {display: block;}
.slide-contro .prev:before {background-position: 0 -478px;}
.slide-contro .next:before{content:'';display:block;width: 42px;height:20px;background: url(../images/sprite.png) -84px -478px no-repeat;margin-left: 2px;vertical-align: middle;}
.slide-contro .next:after{display:none;}
.content-colume .col-6 {padding: 3em 0;}
.reservation-overlay{display:none;}
#availability-checker .choose {width: 12%;margin: 0;}
#availability-checker input {font-size: 12px;padding: 6px 8px}
#availability-checker .date input {width: 120px;float: right;}
#availability-checker input.text {padding: 4px 8px;}
#availability-checker .choose select {font-size: 12px;padding: 6px 0px 6px 15px;line-height: 20px;float: right;width: 55px;}
#availability-checker .select-hotel {float: left;margin: 13px;text-align: left;width: 100%}
#availability-checker .book {font-size: 13px;margin-left: 4px;/* margin-top: 12px;*/padding: 9px 22px;float: left;}
#availability-checker label {float: left;font-size: 10px;line-height: 20px;letter-spacing: -0.5px;margin-left: 0;width: auto !important;padding: 6px 0 6px 10px;}
#availability-checker .date, #availability-checker .promo, #availability-checker .children.choose, #availability-checker .choose {margin: 0 2% 25px 0;text-align: left;width: 46%!important;vertical-align: unset;display: inline-block;}
#availability-checker .check-button {width: 98%;float: left;}
#availability-checker .book {width: 100%;/* margin: 10px 0;*/}
#availability-checker .promo{padding: 1px 1px;}
.content-gallery {height:auto;}
#register{padding:0;}
/* #register{height:50vw;width: 100%;background: url('../images/rimpingvillage-experiences.jpg') 0 0 no-repeat scroll/100%;}
#breakfast {height:50vw;padding:0;background: url(../images/breakfast-daily.jpg) 0 0 no-repeat scroll/100%;}
#afternoon {height:50vw;padding:0;background: url(../images/afternoon.jpg) 0 0 no-repeat scroll/100%;}
#thai-food {height:50vw;padding:0;background: url(../images/thai-food.jpg) 0 0 no-repeat scroll/100%;}
#street-food {height:50vw;padding:0;background: url(../images/street-food.jpg) 0 0 no-repeat scroll/100%;}
#beverages {height: 50vw;padding:0;background: url(../images/beverages.jpg) 0 0 no-repeat scroll/100%;}
#dessert {height:50vw;padding:0;background: url(../images/dessert.jpg) 0 0 no-repeat scroll/100%;} */
.section-col .col-6,.section-col .col-3{width:100%;}
.section-col .col-6 {height: auto;}
.warp-offer .slideshow .slide{margin-left: -80px;padding-right: 30px;}
.contact .content-col {padding: 0em;}
.hide-mob {display:none;}
}
@media screen and (max-width: 768px){
.content-col.intro-home .col-3{display:none;}
.phoenix-slider {height: 50vh !important;}
.content-detail {padding: 3em;}
.g-map{height:400px;overflow: hidden;}
.slide-nav .slide-left-title{text-transform: uppercase;position: absolute;transform:none;-moz-transform: none;-webkit-transform: none;z-index: 9999;color: #96a96f;font-size: 1.8em;text-shadow: 1px 1px #333;font-weight: bold;margin-left: auto;margin-top: 29vw;width: 100%;height: 100%;text-align: center;}
.slide-nav .wrap-name-title{position: relative;width: auto;height: auto;z-index: 999;}
.more-info-room {display: table;color: #fff;width: auto;position: relative;margin: 10px auto auto;font-size: 1.2rem;text-transform: none;background-color: #96a96f;padding: 5px 10px;}
.more-info-room a {color:#fff;}
}
@media screen and (max-width: 640px){.rinping-feature li {width: 100%;}
}
@media screen and (max-width: 480px){
.slide-left-title {font-size: 11px;}
}
@media screen and (max-width: 420px){
#availability-checker .date input {width: 101px;padding: 6px 0px;}
#availability-checker label {padding: 6px 0 6px 4px;}
#availability-checker .date, #availability-checker .promo, #availability-checker .children.choose, #availability-checker .choose {margin: 0 0 15px 0;text-align: left;width: 90%!important;vertical-align: unset;display: inline-block;}
.btn-close{display: flex;z-index:99;color: #fff;position: relative;background-color:  #96a96f;padding: 0 10px;width: auto;float: right;height: 80px;flex-direction:  column;justify-content: center;font-size: 1.3em;text-transform: uppercase;text-decoration: none;font-weight: bold;}
.btn-open{display: flex;z-index:99;color: #fff;position: relative;background-color:  #96a96f;padding: 0 10px;width: auto;float: right;height: 80px;flex-direction:  column;justify-content: center;font-size: 1.3em;text-transform: uppercase;text-decoration: none;font-weight: bold;}
}
img.iconz {height: 33px;width: 33px; float: left;margin-right: 15px;}

@media screen and (max-width: 1023px){
/* 	.wpml-ls-item .sub-menu {
		display:block!important;
	} */

	#menu-item-wpml-ls-2-cn {
		display:none!important;
	}
}
img.wpml-ls-flag{width:auto!important; height:auto!important}