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

@import url("https://fonts.googleapis.com/css2?family=Maitree:wght@200;300;500;600&display=swap");
@font-face {
    font-family: 'Chamras_Bhawan';
    src: url('ChamrasBhawan-Regular.eot');
    src: url('ChamrasBhawan-Regular.eot?#iefix') format('embedded-opentype'),
        url('ChamrasBhawan-Regular.woff2') format('woff2'),
        url('ChamrasBhawan-Regular.woff') format('woff'),
        url('ChamrasBhawan-Regular.ttf') format('truetype'),
        url('ChamrasBhawan-Regular.svg#ChamrasBhawan-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

html { font-size: 62.5%; overflow-x: hidden; height: 100%; }

body { line-height: 1; color: black; background: white; overflow-x: hidden; letter-spacing: 0.5px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; }

body ::-moz-selection { background: #111111; color: #fff; }

body ::selection { background: #111111; color: #fff; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; vertical-align: middle; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: " "; }

q:before, q:after, blockquote:before, blockquote:after { content: ""; }

img { max-width: 100%; height: auto; }

a img { border: none; }

input, textarea, select, div, ul, li, a { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; }

/* # Set SASS Function
================================================== */
/* #Basic Set
================================================== */
@media screen and (max-width: 800px) { html { font-size: 60%; } }

@media screen and (max-width: 768px) { html { font-size: 58%; } }

@media screen and (max-width: 375px) { html { font-size: 56%; } }

body { font-size: 1.7rem; line-height: 1.8; color: #f3eee6; text-align: center; background-color: #f3eee6; background: url(bg--mainbody.jpg) repeat top center; }

h1, h2, h3, h4, h5, h6 { color: #f3eee6; text-align: center; text-transform: uppercase; font-weight: 400; padding-bottom: 10px; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: 400; }

h1.efth .space, h2.efth .space, h3.efth .space, h4.efth .space, h5.efth .space, h6.efth .space { width: 15px; }

@media screen and (min-width: 480px) { h1.efth .space, h2.efth .space, h3.efth .space, h4.efth .space, h5.efth .space, h6.efth .space { width: calc(15px + 10 * ((100vw - 480px) / 544)); } }

@media screen and (min-width: 1024px) { h1.efth .space, h2.efth .space, h3.efth .space, h4.efth .space, h5.efth .space, h6.efth .space { width: 25px; } }

h1 { font-size: 48px; }
.lang-th h1{
    line-height: calc(48px + 70px);
}
.lang-th .sec__h_maincontent h1 {
line-height: 0.9;
}

@media screen and (min-width: 375px) { h1 { font-size: calc(48px + 28 * ((100vw - 375px) / 649)); } }

@media screen and (min-width: 1024px) { h1 { font-size: 76px; } }

h1.sub { text-transform: none; }

h1.sub { font-size: 48px; }

@media screen and (min-width: 375px) { h1.sub { font-size: calc(48px + 42 * ((100vw - 375px) / 649)); } }

@media screen and (min-width: 1024px) { h1.sub { font-size: 90px; } }

h1.min { text-transform: none; }

h2 { font-size: 43px; }

.lang-th h2{
    line-height: calc(43px + 40px);
}

@media screen and (min-width: 375px) { h2 { font-size: calc(43px + 23 * ((100vw - 375px) / 649)); } }

@media screen and (min-width: 1024px) { h2 { font-size: 66px; } }

h3 { font-size: 38px; }

.lang-th h3{
    line-height: calc(38px + 20px);
}

@media screen and (min-width: 375px) { h3 { font-size: calc(38px + 18 * ((100vw - 375px) / 649)); } }

@media screen and (min-width: 1024px) { h3 { font-size: 56px; } }

h4 { font-size: 34px; }

@media screen and (min-width: 375px) { h4 { font-size: calc(34px + 16 * ((100vw - 375px) / 649)); } }

@media screen and (min-width: 1024px) { h4 { font-size: 50px; } }

h5 { text-transform: none; }

h5 { font-size: 28px; }

@media screen and (min-width: 375px) { h5 { font-size: calc(28px + 6 * ((100vw - 375px) / 649)); } }

@media screen and (min-width: 1024px) { h5 { font-size: 34px; } }

h6 { line-height: 1.4; /* */ }

h6 { font-size: 20px; }

@media screen and (min-width: 375px) { h6 { font-size: calc(20px + 4 * ((100vw - 375px) / 649)); } }

@media screen and (min-width: 1024px) { h6 { font-size: 24px; } }

h6.efth .space { width: 10px; }

strong { font-weight: 700; }

hr { position: relative; clear: both; margin: 0 10px; height: 0; border-top: 1px solid #333333; }

sub { vertical-align: sub; font-size: smaller; }

sup { vertical-align: super; font-size: smaller; }

ol { list-style: decimal; margin-left: 30px; }

ul { list-style: none; margin-left: 0; }

ul.square { list-style: square; }

ul.circle { list-style: circle; }

ul.disc { list-style: disc; }

.detail p, [class^='detail'] p { margin-bottom: 25px; }

.detail p:last-child, [class^='detail'] p:last-child { margin-bottom: 0; }

.detail ul, [class^='detail'] ul { list-style-type: disc; margin-left: 30px; }

.detail ul ul, .detail ul ol, [class^='detail'] ul ul, [class^='detail'] ul ol { font-size: 90%; }

.detail a, [class^='detail'] a { text-decoration: underline; }

a { cursor: pointer; position: relative; color: #f3eee6; text-decoration: none; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }

a:hover, a:active { color: #f3eee6; }

section a:before { /* -webkit-transform: scale(0); transform: scale(0); */ -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }

section a:hover:before { /* -webkit-transform: scale(1);  transform: scale(1); */ }

/* #Set Font
================================================== */
h1, h2, h3, h4, h5, .txtitle, .w__textintro .tx1, .w__textintro .tx2, .menu1, .menu2 { font-family: "Chamras_Bhawan", sans-serif; line-height: 0.9; }

body, input, textarea, select, button, p { font-family: "Maitree", serif; }

/* #Textbox style
================================================== */
input, textarea, select { background-color: #ffffff; border: 1px solid #ffffff; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; outline: inherit; width: 100%; padding: 10px; margin: 0; }

input:focus, textarea:focus, select:focus { border-color: #f3eee6; }

button { background-color: #333333; border: 1px solid #333333; color: #788983; cursor: pointer; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }

button:hover { background-color: #788983; border: 1px solid #788983; color: #ffffff; }

select { -moz-appearance: none; -webkit-appearance: none; padding: 13px 10px 12px; outline: 0px; background: url(icon--select.svg) right center no-repeat #ffffff; background-size: 35px auto; }

button::-moz-focus-inner { border: 0; }

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0px 1000px #eee3cf inset; /* Change bg */ -webkit-text-fill-color: #333333 !important; /*Change text */ }

.custom-select { position: relative; font-size: 1.5rem; }

.custom-select select { display: none; }

.custom-select .select-hide { display: none; }

.custom-select .select-selected { background-color: inherit; border: 1px solid #788983; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding: 8px 10px 8px; text-align: left; color: #333333; }

.custom-select .select-selected:after { position: absolute; content: ""; height: 30px; width: 30px; right: 5px; top: 8px; background: url(icon--select.svg) center center no-repeat; background-size: 40px auto; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }

.custom-select .select-selected.select-arrow-active:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.custom-select .select-items { position: absolute; border: 1px solid #ccc; background-color: #fdfdfd; top: calc(100% - 1px); left: 0; right: 0; z-index: 99; box-shadow: 2px 2px 4px 0px #f1f1f1; padding: 5px; }

.custom-select .select-items div { color: #333333; padding: 8px 16px; cursor: pointer; text-align: left; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.custom-select .select-items div:hover { font-weight: bold; background-color: #f1f1f1; }

.custom-select .same-as-selected { font-weight: bold; }

/* #Helper Class
================================================== */
._txsm { font-size: 0.6em; }

._red { color: #cc0000; }

._set-tablet { /* 800 */ display: none; }

._set-mobile { /* 560 */ display: none; }
.tx__letter { display: inline-block; }

.tx__word { display: inline-block; }
/* #Grid
================================================== */
section { position: relative; z-index: 0; }

.box { position: relative; }

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

@media screen and (max-width: 1320px) { .container { max-width: calc(100% - 60px - 60px); } }

@media screen and (max-width: 800px) { .container { max-width: calc(100% - 30px - 30px); } }

@media screen and (max-width: 480px) { .container { max-width: calc(100% - 20px - 20px); } }

@media screen and (max-width: 375px) { .container { max-width: calc(100% - 15px - 15px); } }

.container_fullp { osition: relative; margin: 0 auto; padding: 0; width: 100%; max-width: calc(100% - 80px - 80px); }

@media screen and (max-width: 1320px) { .container_fullp { max-width: calc(100% - 60px - 60px); } }

@media screen and (max-width: 800px) { .container_fullp { max-width: calc(100% - 30px - 30px); } }

@media screen and (max-width: 480px) { .container_fullp { max-width: calc(100% - 20px - 20px); } }

@media screen and (max-width: 375px) { .container_fullp { max-width: calc(100% - 15px - 15px); } }

.container_full { position: relative; margin: 0 auto; padding: 0; }

._s__main { padding-top: 60px; }

@media screen and (min-width: 375px) { ._s__main { padding-top: calc(60px + 40 * ((100vw - 375px) / 649)); } }

@media screen and (min-width: 1024px) { ._s__main { padding-top: 100px; } }

._s__main { padding-bottom: 60px; }

@media screen and (min-width: 375px) { ._s__main { padding-bottom: calc(60px + 40 * ((100vw - 375px) / 649)); } }

@media screen and (min-width: 1024px) { ._s__main { padding-bottom: 100px; } }

._s__main2 { padding-top: 30px; }

@media screen and (min-width: 375px) { ._s__main2 { padding-top: calc(30px + 30 * ((100vw - 375px) / 649)); } }

@media screen and (min-width: 1024px) { ._s__main2 { padding-top: 60px; } }

._s__main2 { padding-bottom: 30px; }

@media screen and (min-width: 375px) { ._s__main2 { padding-bottom: calc(30px + 20 * ((100vw - 375px) / 649)); } }

@media screen and (min-width: 1024px) { ._s__main2 { padding-bottom: 50px; } }

._s__sub { padding-top: 65px; }

@media screen and (min-width: 375px) { ._s__sub { padding-top: calc(65px + 75 * ((100vw - 375px) / 649)); } }

@media screen and (min-width: 1024px) { ._s__sub { padding-top: 140px; } }

._s__sub { padding-bottom: 65px; }

@media screen and (min-width: 375px) { ._s__sub { padding-bottom: calc(65px + 75 * ((100vw - 375px) / 649)); } }

@media screen and (min-width: 1024px) { ._s__sub { padding-bottom: 140px; } }

._s__sub2 { padding-top: 62px; }

@media screen and (min-width: 375px) { ._s__sub2 { padding-top: calc(62px + 58 * ((100vw - 375px) / 649)); } }

@media screen and (min-width: 1024px) { ._s__sub2 { padding-top: 120px; } }

._s__sub2 { padding-bottom: 62px; }

@media screen and (min-width: 375px) { ._s__sub2 { padding-bottom: calc(62px + 58 * ((100vw - 375px) / 649)); } }

@media screen and (min-width: 1024px) { ._s__sub2 { padding-bottom: 120px; } }

._s__sub3 { padding-top: 30px; }

@media screen and (min-width: 375px) { ._s__sub3 { padding-top: calc(30px + 30 * ((100vw - 375px) / 649)); } }

@media screen and (min-width: 1024px) { ._s__sub3 { padding-top: 60px; } }

._s__sub3 { padding-bottom: 20px; }

@media screen and (min-width: 375px) { ._s__sub3 { padding-bottom: calc(20px + 60 * ((100vw - 375px) / 649)); } }

@media screen and (min-width: 1024px) { ._s__sub3 { padding-bottom: 80px; } }

._s__sub4 { padding-bottom: 40px; }

@media screen and (min-width: 375px) { ._s__sub4 { padding-bottom: calc(40px + 130 * ((100vw - 375px) / 649)); } }

@media screen and (min-width: 1024px) { ._s__sub4 { padding-bottom: 170px; } }

._s__main-nav { padding-top: 30px; }

@media screen and (min-width: 375px) { ._s__main-nav { padding-top: calc(30px + 30 * ((100vw - 375px) / 649)); } }

@media screen and (min-width: 1024px) { ._s__main-nav { padding-top: 60px; } }

._s__main-nav { padding-bottom: 40px; }

@media screen and (min-width: 375px) { ._s__main-nav { padding-bottom: calc(40px + 60 * ((100vw - 375px) / 649)); } }

@media screen and (min-width: 1024px) { ._s__main-nav { padding-bottom: 100px; } }

._wd__sm { max-width: 600px; margin: auto; }

._wd__sm2 { max-width: 720px; margin: auto; }

._wd__md { max-width: 960px; margin: auto; }

/* #Button and Link style
================================================== */
._a_view, ._a_download { border: 1px solid #f3eee6; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; display: inline-flex; justify-content: center; align-items: center; padding: 10px 40px 10px 30px; }

._a_view span, ._a_download span { text-decoration: underline; }

._a_view img, ._a_download img { height: 30px; margin-right: 10px; }

._a_download { border-color: #788983; }

._a_readmore, ._a_booknow, ._btn_submit, ._btn_booknow, .sec__reservation .roi-search-engine__field--action, body .roi-search-engine__occupancy-breakdown .roi-search-engine__occupancy-save-rooms { color: #ffffff; background-color: #a62b4e; display: inline-block; padding: 10px 20px; min-width: 160px; text-align: center; text-transform: uppercase; }

._a_readmore:before, ._a_booknow:before, ._btn_submit:before, ._btn_booknow:before, .sec__reservation .roi-search-engine__field--action:before, body .roi-search-engine__occupancy-breakdown .roi-search-engine__occupancy-save-rooms:before { position: absolute; content: ""; left: 3px; right: 3px; top: 3px; bottom: 3px; border: 1px solid #ffffff; }

._a_readmore:hover, ._a_booknow:hover, ._btn_submit:hover, ._btn_booknow:hover, .sec__reservation .roi-search-engine__field--action:hover, body .roi-search-engine__occupancy-breakdown .roi-search-engine__occupancy-save-rooms:hover { box-shadow: 0 0 5px #ffffff; }

._a_readmore:hover:before, ._a_booknow:hover:before, ._btn_submit:hover:before, ._btn_booknow:hover:before, .sec__reservation .roi-search-engine__field--action:hover:before, body .roi-search-engine__occupancy-breakdown .roi-search-engine__occupancy-save-rooms:hover:before { top: 0; bottom: 0; left: 0; right: 0; }

._a_booknow { font-size: 20px; padding: 7px 30px; min-width: 200px; }

._a_loadmore { display: -webkit-inline-box; display: inline-flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; margin-top: 10px; padding-bottom: 30px; font-size: 1.8rem; margin-bottom: 60px; }

._a_loadmore span { background: url(icon--dropdownmobile.svg) no-repeat center center; display: block; position: absolute; bottom: 0; width: 40px; height: 40px; -webkit-transform: rotate(0deg); transform: rotate(0deg); }

@media screen and (max-width: 480px) { ._a_loadmore { margin-top: 0; } }

@media screen and (max-width: 375px) { ._a_loadmore { margin-bottom: 30px; } }

._a_loadhires { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; display: inline-flex; justify-content: center; align-items: center; background-color: #000000cc; }

._a_loadhires { font-size: 10px; }

@media screen and (min-width: 480px) { ._a_loadhires { font-size: calc(10px + 2 * ((100vw - 480px) / 420)); } }

@media screen and (min-width: 900px) { ._a_loadhires { font-size: 12px; } }

._a_img, .sty__txwslide .slide .boxsd a, .sty__sdresidences .photo a, .sty__sd3box .photo a { display: block; overflow: hidden; }

._a_img img, .sty__txwslide .slide .boxsd a img, .sty__sdresidences .photo a img, .sty__sd3box .photo a img { width: 100%; transform: scale(1); -webkit-transition: all 7s ease 0s; -moz-transition: all 7s ease 0s; -o-transition: all 7s ease 0s; -ms-transition: all 7s ease 0s; transition: all 7s ease 0s; }

._a_img:hover img, .sty__txwslide .slide .boxsd a:hover img, .sty__sdresidences .photo a:hover img, .sty__sd3box .photo a:hover img { transform: scale(1.05); }

._btn_readmore { color: #ffffff; background-color: #a62b4e; display: inline-block; padding: 10px 55px 10px 30px; }

._btn_readmore:before { position: absolute; content: ""; left: 3px; right: 3px; top: 3px; bottom: 3px; border: 1px solid #ffffff; }

._btn_readmore:hover { box-shadow: 0 0 5px #ffffff; }

._btn_readmore:hover:before { top: 0; bottom: 0; left: 0; right: 0; }

._btn_readmore:after { position: absolute; content: ""; height: 18px; width: 18px; right: 20px; top: calc(50% - 10px); background: url(icon--dropdown-w.svg) no-repeat center center; }

._btn_readmore.close:after { transform: rotate(180deg); }

._btn_mobilemenu { width: 40px; height: 40px; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; align-items: center; padding: 6px 0; }

._btn_mobilemenu span { background-color: #788983; width: 100%; display: block; margin: 2px 0; }

._btn_mobilemenu span:nth-child(1) { height: 3px; }

._btn_mobilemenu span:nth-child(2) { height: 2px; }

._btn_mobilemenu span:nth-child(3) { height: 1px; }

._btn_lang ul { position: relative; padding-top: 30px; width: 90px; height: 0; overflow: hidden; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }

@media screen and (max-width: 1070px) { ._btn_lang ul { width: 80px; } }

@media screen and (max-width: 1000px) { ._btn_lang ul { width: 90px; } }

._btn_lang li { position: relative; width: 100%; }

._btn_lang li.active { position: absolute; top: 0; left: 0; }

._btn_lang li.active:before { position: absolute; content: ""; height: 25px; width: 25px; right: 0; top: 2px; background: url(icon--dropdown.svg) no-repeat center center; background-size: 20px auto; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; z-index: 10; }

._btn_lang.active ul { height: 100px; }

._btn_lang.active ul li:before { transform: rotate(-180deg); }

._btn_lang a { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; justify-content: flex-start; align-items: center; }

@media screen and (max-width: 1000px) { ._btn_lang a { background-color: #f3eee6; padding-left: 5px; } }

._btn_lang svg { width: 20px; margin-right: 10px; }

._btn_lang svg path { fill: #788983; }

._btn_close { position: absolute; top: 60px; right: 0px; width: 40px; height: 40px; cursor: pointer; z-index: 99; }

@media screen and (max-width: 800px) { ._btn_close { top: 40px; right: 20px; } }

@media screen and (max-width: 580px) { ._btn_close { top: 15px; right: -10px; } }

@media screen and (max-width: 480px) { ._btn_close { top: 15px; right: -5px; } }

._btn_close:before { position: absolute; content: ""; height: 2px; width: 100%; left: 0; top: 50%; background-color: #f3eee6; transform: rotate(45deg); }

._btn_close:after { position: absolute; content: ""; height: 2px; width: 100%; left: 0; top: 50%; background-color: #f3eee6; transform: rotate(-45deg); }

._btn_download img { display: block; width: 42px; margin: auto; margin-bottom: 12px; }

._btn_download span { text-transform: uppercase; border-bottom: 1px solid #f3eee6; }

._btn_submit { position: relative; border-radius: 0; border: 0; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; font-size: 1.5rem; }

._btn_submit:before { -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }

._btn_submit:hover { border: 0; }

._btn_booknow { box-sizing: border-box; position: relative; border-radius: 0; border: 0; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; font-size: 1.6rem; text-transform: uppercase; min-width: 140px; }

._btn_booknow:hover { border: 0; background-color: #a62b4e; }

._btn_booknow:before { -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }

/* #Font style
================================================== */
/* #Icon
================================================== */
i[class^='icon--'] { position: relative; display: inline-block; width: 20px; height: 20px; background-position: center center; background-repeat: no-repeat; }

/* # FancyBox
================================================== */
.fancybox-container .fancybox-navigation .fancybox-button { background-color: inherit; opacity: 0.5; outline: inherit; top: calc(50% - 40px); }

.fancybox-container .fancybox-navigation .fancybox-button:hover { border: 0; opacity: 1; }

.fancybox-container .fancybox-navigation .fancybox-button[disabled] { display: none; }

.fancybox-container .fancybox-navigation .fancybox-button > div { background: url(icon--dropdownmobile.svg) no-repeat center center; }

.fancybox-container .fancybox-navigation .fancybox-button svg { display: none; }

.fancybox-container .fancybox-navigation .fancybox-button.fancybox-button--arrow_left div { transform: rotate(90deg); }

.fancybox-container .fancybox-navigation .fancybox-button.fancybox-button--arrow_right div { transform: rotate(-90deg); }

.fancybox-container .fancybox-slide--image { padding: 60px; }

@media screen and (max-width: 480px) { .fancybox-container .fancybox-slide--image { padding: 50px; } }

.fancybox-container .fancybox-thumbs__list a { background-color: #000; }

.fancybox-container .fancybox-thumbs__list a:after { position: absolute; content: ""; height: 100%; width: 100%; left: 0; top: 0; background-color: #000; z-index: 2; opacity: 0.7; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }

.fancybox-container .fancybox-thumbs__list a.fancybox-thumbs-active:after { opacity: 0; }

.fancybox-container .fancybox-thumbs__list a img { opacity: 0.7; }

.fancybox-container .fancybox-caption { padding: 20px; }

.fancybox-container .fancybox-caption .gallerylink { display: none; }

@media screen and (max-width: 768px) { .fancybox-container .fancybox-caption { padding: 10px 20px; background-color: #000; }
 .fancybox-container .fancybox-caption .gallerydetail { text-align: left; }
 .fancybox-container .fancybox-caption .gallerylink { display: inline-block; }
 .fancybox-container .fancybox-caption .fancybox-caption__body { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; justify-content: space-between; align-items: center; }
 .fancybox-container .fancybox-caption ._a_loadhires { color: #f3eee6; }
 .fancybox-container .fancybox-caption ._a_loadhires img { height: 24px; margin-right: 5px; } }

@media screen and (max-width: 768px) and (max-width: 480px) { .fancybox-container .fancybox-caption ._a_loadhires img { height: 17px; } }

/* # Extend style
================================================== */
#set__stylebg, .sty__txwslide .text, .sty__sdresidences .text, header, footer { background-color: #f3eee6; color: #333333; }

#set__stylebg a, .sty__txwslide .text a, .sty__sdresidences .text a, header a, footer a, #set__stylebg h4, .sty__txwslide .text h4, .sty__sdresidences .text h4, header h4, footer h4 { color: #788983; }

#set__stylebg a:hover, .sty__txwslide .text a:hover, .sty__sdresidences .text a:hover, header a:hover, footer a:hover { color: #333333; }

.scrollset::-webkit-scrollbar-track, .sty__contentbg .content::-webkit-scrollbar-track, .sty__2col-formcontact .form .contactform::-webkit-scrollbar-track, .sty__2col-mapcontactus .info .text::-webkit-scrollbar-track { background-color: #e7d6bf; /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2); */ }

.scrollset::-webkit-scrollbar, .sty__contentbg .content::-webkit-scrollbar, .sty__2col-formcontact .form .contactform::-webkit-scrollbar, .sty__2col-mapcontactus .info .text::-webkit-scrollbar { width: 3px; background-color: #c6b293; }

.scrollset::-webkit-scrollbar-thumb, .sty__contentbg .content::-webkit-scrollbar-thumb, .sty__2col-formcontact .form .contactform::-webkit-scrollbar-thumb, .sty__2col-mapcontactus .info .text::-webkit-scrollbar-thumb { background-color: #c6b293; /* border: 2px solid #555555; */ }

.set__a_menu, .sty__header .colmenu > ul > li > a { color: #788983; }

.set__a_menu:hover, .sty__header .colmenu > ul > li > a:hover { color: #fff; text-decoration: none;}

.set__a_menu:before, .sty__header .colmenu > ul > li > a:before { position: absolute; content: ""; z-index: -1; top: 50%; left: -10px; right: -10px; bottom: 50%; background-color: #788983; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; opacity: 0; border: 1px solid #fff; box-shadow: 0 0 0 #ffffff; }

.set__a_menu:hover:before, .sty__header .colmenu > ul > li > a:hover:before { bottom: -5px; top: -8px; opacity: 1; border: 1px solid #fff; box-shadow: 0 0 5px #ffffff; }

/* #Photo Effect
================================================== */
._bg-full { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; width: 100%; height: 100%; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; }

._bg-full img { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* #Etc
================================================== */
.fixed_scroll { height: 100%; overflow: hidden; }

.clear { display: block; visibility: hidden; clear: both; overflow: hidden; width: 0; height: 0; }

.writtenby { color: #788983; text-align: left; }

.writtenby { padding-top: 20px; }

@media screen and (min-width: 375px) { .writtenby { padding-top: calc(20px + 30 * ((100vw - 375px) / 393)); } }

@media screen and (min-width: 768px) { .writtenby { padding-top: 50px; } }

.writtenby p { font-style: italic; }

.popupalert { max-width: 600px; box-shadow: 0 0 5px #0000001a; background-color: #f3eee6; position: fixed; right: 20px; bottom: 70px; z-index: 999; text-align: left; display: none; color: #333333; padding: 20px 40px 20px 40px; }

.popupalert ._btn_close { cursor: pointer; background: url(icon--close.svg) no-repeat center center; width: 20px; height: 20px; position: absolute; top: 5px; right: 5px; background-size: 40px; }

.popupalert ._btn_close:before, .popupalert ._btn_close:after { background-color: #788983; }

.wrap__linkmoregallery { display: none; }

.loadac + .wrap__linkmoregallery { display: block; }

/* # google recaptcha
================================================== */
.grecaptcha-badge { visibility: hidden; }

/* #Slide slide
================================================== */
.slick-list { height: auto !important; }

.slick-track { height: 100%; }

.slick-arrow { position: absolute; top: 0; bottom: 0; background: none; border: 0; width: 150px; z-index: 400; font-size: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)"; filter: alpha(opacity=30); -webkit-opacity: 0.3; -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; /* &:before{ position: absolute; content: ""; height: 1px; width: 130px; top: 50%; background-color: $col--white; @include transition(all, 0.6s);} */ /* &:hover:before{ width: 80px; } */ }

.slick-arrow:hover { border: 0; background-color: inherit; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)"; filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }

.slick-prev { left: 0px; background: url(icon--sdarrow-left.svg) no-repeat 20px center; background-size: 40px auto; }

.slick-prev:before { left: 10px; }

.slick-next { right: 0px; background: url(icon--sdarrow-right.svg) no-repeat calc(100% - 20px) center; background-size: 40px auto; }

.slick-next:before { right: 10px; }

.slick-dots { position: absolute; top: calc(100% + 30px); left: 0; right: 0; bottom: auto; width: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-content: center; }

@media screen and (max-width: 375px) { .slick-dots { top: calc(100% + 20px); } }

.slick-dots li { display: inline-block; }

.slick-dots li button { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; width: 10px; height: 10px; padding: 0; margin: 0 4px; border: 2px solid #f3eee6; background: none; font-size: 0; }

.slick-dots li.slick-active button { background-color: #f3eee6; width: 10px; height: 10px; }

/* #Back to top
================================================== */
#back-to-top { display: none; position: fixed; z-index: 9999; width: 35px; height: 33px; cursor: pointer; background-color: rgba(102, 102, 102, 0.7); -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; top: auto; right: 20px; bottom: 20px; left: auto; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)"; filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }

#back-to-top:before { height: 0; }

@media screen and (max-width: 767px) { #back-to-top { bottom: 40px; } }

#back-to-top.show { display: block; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)"; filter: alpha(opacity=50); -webkit-opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }

#back-to-top:hover { background-color: #202020; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)"; filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }

#back-to-top i.icon--backtotop { background: url(icon--arrow-backtotop.svg) no-repeat center center; display: block; width: 100%; height: 100%; background-size: 15px; }

/* #box layout
================================================== */
div[class*="sty__boxc"] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: justify; justify-content: space-between; }

div[class*="sty__boxc"] .box { position: relative; overflow: hidden; margin-bottom: 20px; }

.sty__txprivacy { text-align: left; padding-top: 60px; padding-bottom: 60px; }

.sty__txprivacy .detail h4, .sty__txprivacy .detail h5 { text-align: left; }

.sty__txprivacy .detail h4 { padding-top: 20px; }

@media screen and (min-width: 480px) { .sty__txprivacy .detail h4 { padding-top: calc(20px + 10 * ((100vw - 480px) / 544)); } }

@media screen and (min-width: 1024px) { .sty__txprivacy .detail h4 { padding-top: 30px; } }

.sty__txprivacy .detail ul { margin-bottom: 10px; }

@media screen and (min-width: 480px) { .sty__txprivacy .detail ul { margin-bottom: calc(10px + 15 * ((100vw - 480px) / 544)); } }

@media screen and (min-width: 1024px) { .sty__txprivacy .detail ul { margin-bottom: 25px; } }

.sty__2col { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; justify-content: space-between; }

.sty__2col .col { width: 50%; }

@media screen and (max-width: 1024px) { .sty__2col .col { width: calc(50% - 20px); } }

@media screen and (max-width: 768px) { .sty__2col .col { width: 100%; } }

.sty__2col .villahighlight { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; justify-content: flex-end; align-items: center; }

.sty__header { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; justify-content: center; padding: 10px 0; }

.sty__header .logo { -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; display: flex; z-index: 0; }

.sty__header .logo { width: 90px; }

@media screen and (min-width: 480px) { 
    .sty__header .logo { width: calc(90px + 40 * ((100vw - 480px) / 544)); } 
}

@media screen and (min-width: 1024px) { .sty__header .logo { width: 130px; } }

.sty__header .logo a { display: inline-block; width: 100%; }

.sty__header .logo img { 
    display: block; 
    height: 96px;
    width: auto;
    margin: 0 auto;
}
@media screen and (max-width: 1000px) { 
    .sty__header .logo img { 
        height: 66px;
     } 
}

.sty__header .colmenu { width: calc(50% - 65px); display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; align-items: center; font-size: 2.4rem; z-index: 1; }

.sty__header .colmenu a { text-transform: uppercase; }

.sty__header .colmenu li.hassub { position: relative; }

.sty__header .colmenu li.hassub .w__submenu { 
    position: absolute; 
    z-index: 50; 
    left: calc(-220%/3 + 10px); 
    top: 100%; 
    width: 220%;
    padding-top: 0px; 
    overflow: hidden; 
    height: 0; 
    -webkit-transition: all 0.6s ease 0s; 
    -moz-transition: all 0.6s ease 0s; 
    -o-transition: all 0.6s ease 0s; 
    -ms-transition: all 0.6s ease 0s; 
    transition: all 0.6s ease 0s; 
}

.sty__header .colmenu li.hassub .w__submenu:before { position: absolute; content: ""; height: 10px; width: 10px; left: calc(50% - 5px); top: 6px; transform: rotate(45deg); background-color: #788983; }

.sty__header .colmenu li.hassub .w__submenu ul { width: 100%; background-color: #788983; }

.sty__header .colmenu li.hassub .w__submenu li { margin: 0; padding: 0; width: 100%; }

.sty__header .colmenu li.hassub .w__submenu li:first-child { padding-top: 10px; }

.sty__header .colmenu li.hassub .w__submenu li:last-child { padding-bottom: 10px; }

.sty__header .colmenu li.hassub .w__submenu a { color: #ffffff; display: block; width: 100%; padding: 13px 10px 13px; text-align: center; box-shadow: 0 0 0; font-family: "Maitree", serif; font-size: 1.4rem; }

.sty__header .colmenu li.hassub .w__submenu a:hover { background-color: #546960; box-shadow: inset 0 2px 5px -1px #00000026; }

.sty__header .colmenu li.hassub:hover .w__submenu { height: 300px; padding-top: 10px; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; transition: all 1s ease 0s; }

@media screen and (max-width: 1000px) { .sty__header .colmenu { display: none; } }

.sty__header .menu1 { justify-content: flex-end; }

.sty__header .menu1 { padding-right: 20px; }

@media screen and (min-width: 1000px) { .sty__header .menu1 { padding-right: calc(20px + 40 * ((100vw - 1000px) / 320)); } }

@media screen and (min-width: 1320px) { .sty__header .menu1 { padding-right: 60px; } }

.sty__header .menu1 ul { text-align: right; }

.sty__header .menu1 li { display: inline-block; }

.sty__header .menu1 li { margin-left: 13px; }

@media screen and (min-width: 1000px) { .sty__header .menu1 li { margin-left: calc(13px + 27 * ((100vw - 1000px) / 320)); } }

@media screen and (min-width: 1320px) { .sty__header .menu1 li { margin-left: 40px; } }

.sty__header .menu2 { justify-content: flex-start; }

.sty__header .menu2 { padding-left: 20px; }

@media screen and (min-width: 1000px) { .sty__header .menu2 { padding-left: calc(20px + 40 * ((100vw - 1000px) / 320)); } }

@media screen and (min-width: 1320px) { .sty__header .menu2 { padding-left: 60px; } }

.sty__header .menu2 ul { text-align: left; }

.sty__header .menu2 li { display: inline-block; }

.sty__header .menu2 li { margin-right: 13px; }

@media screen and (min-width: 1000px) { .sty__header .menu2 li { margin-right: calc(13px + 27 * ((100vw - 1000px) / 320)); } }

@media screen and (min-width: 1320px) { .sty__header .menu2 li { margin-right: 40px; } }

.sty__mainslide img { width: 100%; }

@media screen and (max-width: 480px) { .sty__1slide { margin-bottom: 30px; } }

.sty__1slide .box { background-color: #333333; }

.sty__1slide .box img { opacity: 0.8; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }

@media screen and (max-width: 375px) { .sty__1slide .box img { height: 50vw; width: 100%; -o-object-fit: cover; object-fit: cover; } }

.sty__1slide .box:hover img { opacity: 1; }

.sty__1slide .text { position: absolute; z-index: 20; right: 40px; bottom: 30px; }

@media screen and (max-width: 480px) { .sty__1slide .text { right: 30px; bottom: 15px; } }

.sty__maincontent .detailv2 { padding-top: 20px; }

.sty__maincontent .detailv2 { padding-bottom: 60px; }

@media screen and (min-width: 480px) { .sty__maincontent .detailv2 { padding-bottom: calc(60px + 20 * ((100vw - 480px) / 544)); } }

@media screen and (min-width: 1024px) { .sty__maincontent .detailv2 { padding-bottom: 80px; } }

.sty__maincontent .detailv2 { font-size: 17px; }

@media screen and (min-width: 480px) { .sty__maincontent .detailv2 { font-size: calc(17px + 3 * ((100vw - 480px) / 544)); } }

@media screen and (min-width: 1024px) { .sty__maincontent .detailv2 { font-size: 20px; } }

.sty__maincontent .txhighlight { line-height: 1.6; position: relative; }

.sty__maincontent .txhighlight { font-size: 18px; }

@media screen and (min-width: 480px) { .sty__maincontent .txhighlight { font-size: calc(18px + 8 * ((100vw - 480px) / 288)); } }

@media screen and (min-width: 768px) { .sty__maincontent .txhighlight { font-size: 26px; } }

.sty__maincontent .txhighlight { padding-top: 25px; }

@media screen and (min-width: 480px) { .sty__maincontent .txhighlight { padding-top: calc(25px + 15 * ((100vw - 480px) / 544)); } }

@media screen and (min-width: 1024px) { .sty__maincontent .txhighlight { padding-top: 40px; } }

.sty__maincontent .txhighlight { padding-bottom: 20px; }

@media screen and (min-width: 480px) { .sty__maincontent .txhighlight { padding-bottom: calc(20px + 20 * ((100vw - 480px) / 544)); } }

@media screen and (min-width: 1024px) { .sty__maincontent .txhighlight { padding-bottom: 40px; } }

.sty__maincontent .txhighlight:before { position: absolute; content: ''; height: 30px; width: 30px; right: 100%; top: 0px; background: url(icon--tx.svg) no-repeat center center; }

@media screen and (max-width: 580px) { .sty__maincontent .txhighlight:before { top: -10px; right: auto; left: -5px; opacity: 0.3; } }

.sty__maincontent .txhighlight:after { position: absolute; content: ''; height: 30px; width: 30px; left: 100%; bottom: 30px; background: url(icon--tx.svg) no-repeat center center; transform: rotate(180deg); }

@media screen and (max-width: 580px) { .sty__maincontent .txhighlight:after { bottom: 10px; left: auto; right: -5px; opacity: 0.3; } }

.sty__maincontent .iconvillas { padding-bottom: 20px; }

@media screen and (min-width: 480px) { .sty__maincontent .iconvillas { padding-bottom: calc(20px + 30 * ((100vw - 480px) / 544)); } }

@media screen and (min-width: 1024px) { .sty__maincontent .iconvillas { padding-bottom: 50px; } }

.sty__maincontent .iconvillas svg, .sty__maincontent .iconvillas img { height: 170px; }

@media screen and (max-width: 767px) { .sty__maincontent .iconvillas svg, .sty__maincontent .iconvillas img { width: 80%; height: auto; } }

.sty__maincontent .iconvillas path { fill: #f3eee6; }

.sty__maincontent .icon2list { padding-top: 30px; }

@media screen and (min-width: 480px) { .sty__maincontent .icon2list { padding-top: calc(30px + 30 * ((100vw - 480px) / 544)); } }

@media screen and (min-width: 1024px) { .sty__maincontent .icon2list { padding-top: 60px; } }

.sty__maincontent .icon2list ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; justify-content: space-between; max-width: 480px; margin: auto; }

.sty__maincontent .icon2list ul li { width: 50%; line-height: 1.4; }

@media screen and (max-width: 430px) { .sty__maincontent .icon2list ul li { width: 100%; margin: 15px 0; } }

.sty__maincontent .icon2list img { height: 50px; width: auto; }

@media screen and (max-width: 480px) { .sty__maincontent .icon2list img { height: 35px; } }

.sty__maincontent .icon2list .i-title { padding-top: 15px; text-transform: uppercase; }

.sty__maincontent .linkdownload { padding-top: 40px; }

@media screen and (min-width: 480px) { .sty__maincontent .linkdownload { padding-top: calc(40px + 20 * ((100vw - 480px) / 544)); } }

@media screen and (min-width: 1024px) { .sty__maincontent .linkdownload { padding-top: 60px; } }

.sty__maincontent .linkdownload { padding-bottom: 30px; }

@media screen and (min-width: 480px) { .sty__maincontent .linkdownload { padding-bottom: calc(30px + 10 * ((100vw - 480px) / 544)); } }

@media screen and (min-width: 1024px) { .sty__maincontent .linkdownload { padding-bottom: 40px; } }

.sty__mainvilla .detail { padding-top: 35px; }

.sty__mainvilla .detail { font-size: 14px; }

@media screen and (min-width: 480px) { .sty__mainvilla .detail { font-size: calc(14px + 2 * ((100vw - 480px) / 544)); } }

@media screen and (min-width: 1024px) { .sty__mainvilla .detail { font-size: 16px; } }

@media screen and (max-width: 560px) { .sty__mainvilla .detail { padding-top: 0; } }

.sty__mainvilla .iconplan { padding-top: 15px; }

.sty__mainvilla .iconplan svg, .sty__mainvilla .iconplan img { height: 100px; width: auto; }

.sty__mainvilla .iconplan path { fill: #f3eee6; }

.sty__mainvilla .link { padding-top: 30px; }

.sty__hgallery { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; justify-content: space-between; padding-top: 30px; }

.sty__hgallery { padding-top: 10px; }

@media screen and (min-width: 375px) { .sty__hgallery { padding-top: calc(10px + 25 * ((100vw - 375px) / 393)); } }

@media screen and (min-width: 768px) { .sty__hgallery { padding-top: 35px; } }

.sty__hgallery .box { width: calc(33.33% - 26px); margin-bottom: 35px; }

.sty__hgallery .box img { width: 100%; transform: scale(1); -webkit-transition: all 7s ease 0s; -moz-transition: all 7s ease 0s; -o-transition: all 7s ease 0s; -ms-transition: all 7s ease 0s; transition: all 7s ease 0s; }

.sty__hgallery .box a { display: block; overflow: hidden; }

.sty__hgallery .box a:hover img { transform: scale(1.05); }

.sty__hgallery .box:nth-last-child(1), .sty__hgallery .box:nth-last-child(2), .sty__hgallery .box:nth-last-child(3) { margin-bottom: 0; }

@media screen and (max-width: 800px) { .sty__hgallery .box { width: calc(33.33% - 15px); margin-bottom: 20px; } }

@media screen and (max-width: 480px) { .sty__hgallery .box { width: calc(33.33% - 7px); margin-bottom: 10px; } }

.sty__txwslide { padding-top: 10px; }

@media screen and (min-width: 375px) { .sty__txwslide { padding-top: calc(10px + 25 * ((100vw - 375px) / 393)); } }

@media screen and (min-width: 768px) { .sty__txwslide { padding-top: 35px; } }

.sty__txwslide .box { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; justify-content: space-between; flex-flow: row-reverse; }

@media screen and (max-width: 800px) { .sty__txwslide .box { flex-flow: wrap; } }

.sty__txwslide .text { width: 500px; padding: 60px 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; align-items: center; justify-content: center; }

.sty__txwslide .text .link { padding-top: 20px; }

.sty__txwslide .text .link a, .sty__txwslide .text .link a:hover { color: #ffffff; }

@media screen and (max-width: 1440px) { .sty__txwslide .text { width: 400px; } }

@media screen and (max-width: 1024px) { .sty__txwslide .text { width: 300px; } }

@media screen and (max-width: 800px) { .sty__txwslide .text { width: 100%; padding: 40px 30px; } }

.sty__txwslide .slide { width: calc(100% - 500px); }

.sty__txwslide .slide .slick-slide img { width: 100%; -o-object-fit: cover; object-fit: cover; }

.sty__txwslide .slide .w__slide { height: 100%; }

.sty__txwslide .slide .slick-list, .sty__txwslide .slide .slick-slide > div, .sty__txwslide .slide .boxsd, .sty__txwslide .slide img { height: 100% !important; }

.sty__txwslide .slide .boxsd a { height: 100%; }

.sty__txwslide .slide .boxsd a img { height: 100%; -o-object-fit: cover; object-fit: cover; }

@media screen and (max-width: 1440px) { .sty__txwslide .slide { width: calc(100% - 400px); } }

@media screen and (max-width: 1024px) { .sty__txwslide .slide { width: calc(100% - 300px); } }

@media screen and (max-width: 800px) { .sty__txwslide .slide { width: 100%; } }

.sty__txwslide .icon img { width: 100px; }

@media screen and (max-width: 480px) { .sty__txwslide .icon img { height: 80px; } }

@media screen and (max-width: 375px) { .sty__txwslide .icon img { height: 60px; } }

.sty__txwslide h4 { text-transform: inherit; }

.sty__txwslide .detail { padding-top: 20px; }

.sty__sdresidences { padding-top: 10px; }

@media screen and (min-width: 375px) { .sty__sdresidences { padding-top: calc(10px + 25 * ((100vw - 375px) / 393)); } }

@media screen and (min-width: 768px) { .sty__sdresidences { padding-top: 35px; } }

@media screen and (max-width: 899px) { .sty__sdresidences .sd__residences { background-color: #f3eee6; } }

.sty__sdresidences .box { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; justify-content: space-between; flex-flow: wrap; display: flex !important; }

.sty__sdresidences .text { width: 500px; padding: 60px 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; align-items: center; justify-content: center; }

.sty__sdresidences .text .link { padding-top: 20px; }

.sty__sdresidences .text .link a, .sty__sdresidences .text .link a:hover { color: #ffffff; }

@media screen and (max-width: 1440px) { .sty__sdresidences .text { width: 400px; } }

@media screen and (max-width: 1024px) { .sty__sdresidences .text { width: 300px; } }

@media screen and (max-width: 899px) { .sty__sdresidences .text { width: 100%; padding: 40px 30px; } }

.sty__sdresidences .photo { width: calc(100% - 500px); }

.sty__sdresidences .photo img { width: 100%; -o-object-fit: cover; object-fit: cover; height: 100%; }

@media screen and (max-width: 899px) { .sty__sdresidences .photo img { height: auto; } }

@media screen and (max-width: 1440px) { .sty__sdresidences .photo { width: calc(100% - 400px); } }

@media screen and (max-width: 1024px) { .sty__sdresidences .photo { width: calc(100% - 300px); } }

@media screen and (max-width: 899px) { .sty__sdresidences .photo { width: 100%; height: auto; } }

.sty__sdresidences .icon img { height: 100px; width: auto; margin: auto; }

@media screen and (max-width: 480px) { .sty__sdresidences .icon img { height: 80px; } }

@media screen and (max-width: 375px) { .sty__sdresidences .icon img { height: 60px; } }

.sty__sdresidences h4 { text-transform: inherit; }

.sty__sdresidences .detail { padding-top: 20px; }

@media screen and (max-width: 899px) { .sty__sdresidences { margin-bottom: 40px; } }

.sty__listresidences { padding-top: 40px; }

.sty__listresidences ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; justify-content: center; }

.sty__listresidences li { margin: 0; }

.sty__listresidences li { margin-left: 5px; }

@media screen and (min-width: 900px) { .sty__listresidences li { margin-left: calc(5px + 25 * ((100vw - 900px) / 300)); } }

@media screen and (min-width: 1200px) { .sty__listresidences li { margin-left: 30px; } }

.sty__listresidences li { margin-right: 5px; }

@media screen and (min-width: 900px) { .sty__listresidences li { margin-right: calc(5px + 25 * ((100vw - 900px) / 300)); } }

@media screen and (min-width: 1200px) { .sty__listresidences li { margin-right: 30px; } }

.sty__listresidences a { display: inline-block; padding: 10px 30px; font-size: 1.8rem; position: relative; }

.sty__listresidences a:before { position: absolute; content: ""; left: 3px; right: 3px; top: 3px; bottom: 3px; border: 1px solid #ffffff; opacity: 0; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }

.sty__listresidences a:after { position: absolute; content: ""; height: 0; width: 1px; left: 50%; bottom: 100%; background-color: #ffffff; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }

.sty__listresidences a:hover { background-color: #a62b4e; }

.sty__listresidences a.active { background-color: #a62b4e; cursor: default; }

.sty__listresidences a.active:before { opacity: 1; }

.sty__listresidences a.active:after { height: 40px; }

@media screen and (max-width: 899px) { .sty__listresidences { display: none; } }

.sty__sd3box { padding-left: 20px; padding-right: 20px; }

.sty__sd3box { padding-top: 10px; }

@media screen and (min-width: 375px) { .sty__sd3box { padding-top: calc(10px + 25 * ((100vw - 375px) / 393)); } }

@media screen and (min-width: 768px) { .sty__sd3box { padding-top: 35px; } }

@media screen and (max-width: 800px) { .sty__sd3box { padding-left: 0; padding-right: 0; margin-left: -10px; margin-right: -10px; } }

@media screen and (max-width: 580px) { .sty__sd3box { margin: 0 0 40px -10px; width: calc(160% + 0px); } }

@media screen and (max-width: 375px) { .sty__sd3box { margin-left: -7px; } }

.sty__sd3box .box { padding: 0 20px; }

@media screen and (max-width: 800px) { .sty__sd3box .box { padding: 0 10px; } }

@media screen and (max-width: 580px) { .sty__sd3box .box { padding: 0 10px; } }

@media screen and (max-width: 375px) { .sty__sd3box .box { padding: 0 7px; } }

.sty__sd3box .text { padding: 30px 30px 0; }

@media screen and (max-width: 1320px) { .sty__sd3box .text { padding: 30px 10px 0 10px; } }

@media screen and (max-width: 375px) { .sty__sd3box .text { padding: 30px 5px 0; } }

.sty__sd3box .link { padding-top: 25px; }

.sty__sd3box .title + .link { padding-top: 10px; }

.sty__sd3box .detail { font-size: 1.6rem; }

.sty__sd3box img { width: 100%; }

.sty__contentbg { position: relative; padding-top: 10px; }

.sty__contentbg .content { position: absolute; left: 120px; right: 60px; overflow-y: scroll; color: #333333; }

.sty__contentbg .content { top: 60px; }

@media screen and (min-width: 480px) { .sty__contentbg .content { top: calc(60px + 60 * ((100vw - 480px) / 544)); } }

@media screen and (min-width: 1024px) { .sty__contentbg .content { top: 120px; } }

.sty__contentbg .content { bottom: 60px; }

@media screen and (min-width: 480px) { .sty__contentbg .content { bottom: calc(60px + 60 * ((100vw - 480px) / 544)); } }

@media screen and (min-width: 1024px) { .sty__contentbg .content { bottom: 120px; } }

.sty__contentbg .content { left: 30px; }

@media screen and (min-width: 480px) { .sty__contentbg .content { left: calc(30px + 90 * ((100vw - 480px) / 544)); } }

@media screen and (min-width: 1024px) { .sty__contentbg .content { left: 120px; } }

.sty__contentbg .content { right: 15px; }

@media screen and (min-width: 480px) { .sty__contentbg .content { right: calc(15px + 45 * ((100vw - 480px) / 544)); } }

@media screen and (min-width: 1024px) { .sty__contentbg .content { right: 60px; } }

.sty__contentbg .detail { text-align: justify; }

.sty__contentbg .detail { padding-right: 15px; }

@media screen and (min-width: 480px) { .sty__contentbg .detail { padding-right: calc(15px + 45 * ((100vw - 480px) / 544)); } }

@media screen and (min-width: 1024px) { .sty__contentbg .detail { padding-right: 60px; } }

.sty__contentbg .bg { margin-left: -40px; margin-right: -40px; }

.sty__contentbg .bg img { width: 100%; }

@media screen and (max-width: 768px) { .sty__contentbg .bg { margin-left: -25px; margin-right: -25px; } }

@media screen and (max-width: 560px) { .sty__contentbg .bg { margin-left: -20px; margin-right: -20px; } }

@media screen and (max-width: 430px) { .sty__contentbg .bg { margin-left: -15px; margin-right: -15px; } }

.sty__mininav { /* @include fluid-padd(480px, 768px, "margin-bottom", 10px, 40px); */ margin-bottom: 40px; }

.sty__mininav ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; justify-content: center; }

.sty__mininav li { position: relative; margin-right: 10px; padding-right: 10px; }

.sty__mininav li a { font-size: 1.4rem; }

.sty__mininav li:before { position: absolute; content: ""; width: 1px; right: 0; top: 10px; bottom: 8px; background-color: #ffffff; }

.sty__mininav li:last-child { margin-right: 0; padding-right: 0; }

.sty__mininav li:last-child:before { display: none; }

.sty__history .box { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; justify-content: space-between; border: 2px solid #f5f1ea; padding: 60px 0; min-height: 420px; }

.sty__history .box { margin-bottom: 100px; }

@media screen and (min-width: 480px) { .sty__history .box { margin-bottom: calc(100px + 30 * ((100vw - 480px) / 544)); } }

@media screen and (min-width: 1024px) { .sty__history .box { margin-bottom: 130px; } }

.sty__history .box:before { position: absolute; content: ""; left: calc(50% - 6px); width: 12px; top: 0; background: url(line--history.jpg) repeat-y center center; }

.sty__history .box:before { bottom: -60px; }

@media screen and (min-width: 480px) { .sty__history .box:before { bottom: calc(-60px + -70 * ((100vw - 480px) / 544)); } }

@media screen and (min-width: 1024px) { .sty__history .box:before { bottom: -130px; } }

@media screen and (max-width: 767px) { .sty__history .box:before { display: none; } }

.sty__history .box:last-child:before { display: none; }

.sty__history .box:nth-child(even) { flex-flow: row-reverse; }

@media screen and (max-width: 767px) { .sty__history .box:nth-child(even) { flex-flow: wrap; } }

@media screen and (max-width: 767px) { .sty__history .box { padding-top: 100px; } }

@media screen and (max-width: 480px) { .sty__history .box { padding-top: 80px; padding-bottom: 40px; } }

.sty__history .col { width: calc(50% - 6px); }

@media screen and (max-width: 767px) { .sty__history .col { width: 100%; } }

.sty__history .year { position: absolute; top: -55px; left: calc(50% - 90px); width: 180px; height: 108px; background: url(photo--year-history.png) no-repeat center center; z-index: 10; color: #788983; font-family: "Chamras_Bhawan", sans-serif; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; justify-content: center; align-items: center; }

.sty__history .year { font-size: 28px; }

@media screen and (min-width: 375px) { .sty__history .year { font-size: calc(28px + 12 * ((100vw - 375px) / 649)); } }

@media screen and (min-width: 1024px) { .sty__history .year { font-size: 40px; } }

@media screen and (max-width: 375px) { .sty__history .year { width: 140px; height: 80px; left: calc(50% - 70px); top: -40px; background-size: 100% auto; } }

.sty__history .photo { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; justify-content: center; align-items: center; }

@media screen and (max-width: 1024px) { .sty__history .photo { padding-left: 30px; padding-right: 30px; } }

@media screen and (max-width: 767px) { .sty__history .photo { padding-bottom: 60px; } }

@media screen and (max-width: 480px) { .sty__history .photo { padding-bottom: 40px; } }

@media screen and (max-width: 375px) { .sty__history .photo { padding-bottom: 30px; } }

.sty__history .text { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; justify-content: center; align-items: center; }

@media screen and (max-width: 1024px) { .sty__history .text { padding-left: 30px; padding-right: 30px; } }

@media screen and (max-width: 480px) { .sty__history .text { padding-left: 20px; padding-right: 20px; } }

.sty__history .text .wrap { max-width: 400px; }

.sty__history .text h6 { text-transform: none; }

.sty__main-contantus { color: #788983; }

.sty__main-contantus h1, .sty__main-contantus a { color: #788983; }

.sty__main-contantus .sty__mininav li:before { background-color: #788983; }

.sty__2col-formcontact { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; justify-content: space-between; }

.sty__2col-formcontact .photo { width: calc(100% - 600px); }

.sty__2col-formcontact .photo img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

@media screen and (max-width: 800px) { .sty__2col-formcontact .photo { width: 100%; height: 50vw; } }

.sty__2col-formcontact .form { width: 600px; padding: 100px 90px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; justify-content: center; align-items: center; }

.sty__2col-formcontact .form .wrap { position: relative; }

.sty__2col-formcontact .form .contactform { position: absolute; top: 40px; bottom: 40px; right: 25px; left: 40px; padding-right: 15px; overflow-y: scroll; }

.sty__2col-formcontact .form .contactform .-subject .wpcf7-form-control-wrap.subject { height: 0; overflow: hidden; display: none; }

.sty__2col-formcontact .form .contactform .screen-reader-response { display: none; }

.sty__2col-formcontact .form .contactform span.wpcf7-not-valid-tip { text-align: left; width: 100%; display: inline-block; font-size: 0.8em; color: #a62b4e; }

.sty__2col-formcontact .form .contactform .wpcf7-response-output { line-height: 1.6; padding: 0; }

.sty__2col-formcontact .form .contactform form[data-status="invalid"] .wpcf7-response-output { padding: 20px 10px; color: #a62b4e; }

.sty__2col-formcontact .form .contactform form[data-status="sent"] { /* .wpcf7-response-output:after { content: "It has been sent."; display: block; } */ }

.sty__2col-formcontact .form .contactform form[data-status="sent"] .sty__formcontactus .row { display: none; }

.sty__2col-formcontact .form .contactform form[data-status="sent"] .wpcf7-response-output { /* background-color: $col-tx--highlight; */ padding: 20px 10px; color: #333333; margin-top: 10px; font-size: 18px; }

@media screen and (max-width: 800px) { .sty__2col-formcontact .form { width: 100%; } }

@media screen and (max-width: 480px) { .sty__2col-formcontact .form { padding: 60px 30px; } }

@media screen and (max-width: 430px) { .sty__2col-formcontact .form { padding: 60px 10px; } }

.sty__formcontactus { color: #788983; /* .-loading{ position: absolute; z-index: 10; top: calc(50% - 20px); background: #fff; border: 1px solid $col-tx--highlight; width: 180px; padding: 5px 10px 5px 13px; left: calc(50% - 100px); justify-content: center; align-items: center; display: none; .wrap--loading{ position: relative; text-transform: uppercase; text-align: center; width: auto; display: block; } } */ }

.sty__formcontactus h3 { color: #788983; text-align: left; text-transform: none; }

.sty__formcontactus h3 { font-size: 24px; }

@media screen and (min-width: 480px) { .sty__formcontactus h3 { font-size: calc(24px + 18 * ((100vw - 480px) / 544)); } }

@media screen and (min-width: 1024px) { .sty__formcontactus h3 { font-size: 42px; } }

.sty__formcontactus .row { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; margin-bottom: 10px; }

.sty__formcontactus .subject { width: 100%; padding: 0 20px 0 0; text-align: left; color: #333333; }

.sty__formcontactus .subject { font-size: 14px; }

@media screen and (min-width: 480px) { .sty__formcontactus .subject { font-size: calc(14px + 1 * ((100vw - 480px) / 544)); } }

@media screen and (min-width: 1024px) { .sty__formcontactus .subject { font-size: 15px; } }

.sty__formcontactus .inputfield { width: 100%; }

.sty__formcontactus .-pass .inputfield { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.sty__formcontactus .-pass .wrap_verify { width: 80px; background-color: #efefef; padding-top: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.sty__formcontactus .-pass .wrap_pass { width: calc(100% - 90px); }

.sty__formcontactus .-btn { padding-top: 10px; padding-bottom: 5px; }

.sty__formcontactus .-btn .subject { display: none; }

.sty__formcontactus .-btn .inputfield { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; justify-content: flex-start; }

.sty__formcontactus .-btn button[value="Submit"] { width: calc(50% - 5px); margin-right: 10px; }

.sty__formcontactus .-btn button[value="Reset"] { width: calc(50% - 5px); float: left; }

.sty__formcontactus .-remark { font-size: 1.4rem; line-height: 1.2; text-align: left; color: #333333; }

.sty__formcontactus .-remark .subject { display: none; }

.sty__formcontactus .wrap--loading { width: calc(50% - 5px); font-size: 1.4rem; position: relative; color: #333333; }

.sty__formcontactus label.error { color: #cc0000; font-size: 0.6em; float: left; padding: 5px 0 0; }

.sty__formcontactus textarea, .sty__formcontactus input { background-color: inherit; border-radius: 0; border-color: #788983; padding: 8px 10px; }

.sty__2col-mapcontactus { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; justify-content: space-between; flex-flow: wrap-reverse; }

.sty__2col-mapcontactus .info { width: 600px; padding: 100px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; justify-content: center; align-items: center; position: relative; }

.sty__2col-mapcontactus .info .wrap { position: relative; width: 405px; }

.sty__2col-mapcontactus .info:before { position: absolute; content: ""; height: 100%; width: 50%; right: 0; top: 0; background: url(bg--mainbody-w.jpg) repeat center center #f3eee6; }

.sty__2col-mapcontactus .info .text { position: absolute; top: 40px; left: 40px; right: 40px; bottom: 40px; text-align: center; color: #333333; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; justify-content: center; align-items: center; }

.sty__2col-mapcontactus .info .contactlogo { width: 90px; text-align: center; margin: 0 auto 20px; }

.sty__2col-mapcontactus .info .address { padding: 15px; }

.sty__2col-mapcontactus .info .email, .sty__2col-mapcontactus .info .phone { font-size: 1.5rem; padding: 10px; }

.sty__2col-mapcontactus .info a { color: #788983; }

.sty__2col-mapcontactus .info a { font-size: 15px; }

@media screen and (min-width: 480px) { .sty__2col-mapcontactus .info a { font-size: calc(15px + 3 * ((100vw - 480px) / 544)); } }

@media screen and (min-width: 1024px) { .sty__2col-mapcontactus .info a { font-size: 18px; } }

@media screen and (max-width: 800px) { .sty__2col-mapcontactus .info { width: 100%; } }

@media screen and (max-width: 480px) { .sty__2col-mapcontactus .info { padding: 60px 30px; }
 .sty__2col-mapcontactus .info .wrap { width: 100%; } }

@media screen and (max-width: 430px) { .sty__2col-mapcontactus .info { padding: 60px 10px; } }

.sty__2col-mapcontactus .map { width: calc(100% - 600px); }

.sty__2col-mapcontactus .map iframe { width: 100%; height: 100%; }

@media screen and (max-width: 800px) { .sty__2col-mapcontactus .map iframe { height: 50vw; } }

@media screen and (max-width: 480px) { .sty__2col-mapcontactus .map iframe { height: 60vw; } }

@media screen and (max-width: 800px) { .sty__2col-mapcontactus .map { width: 100%; } }

.sty__gridgallery { display: grid; grid-template-columns: repeat(5, 1fr); grid-auto-flow: dense; grid-gap: 10px; margin-bottom: 120px; /* width: calc(100% - 40px); margin-left: 20px; */ }

.sty__gridgallery.loadac { margin-bottom: 20px; }

.sty__gridgallery .box { position: relative; overflow: hidden; }

.sty__gridgallery .box a { display: block; background-color: #000; color: #ffffff; }

.sty__gridgallery .box a img { opacity: 0.8; width: 100%; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }

.sty__gridgallery .box a:hover img { opacity: 1; }

.sty__gridgallery .box .text { position: absolute; left: 0; bottom: 0; top: 0; width: 100%; display: none; font-family: "Chamras_Bhawan", sans-serif; text-transform: uppercase; }

.sty__gridgallery .box .text { font-size: 34px; }

@media screen and (min-width: 480px) { .sty__gridgallery .box .text { font-size: calc(34px + 14 * ((100vw - 480px) / 544)); } }

@media screen and (min-width: 1024px) { .sty__gridgallery .box .text { font-size: 48px; } }

.sty__gridgallery .box.hidden { display: none; }

.sty__gridgallery .box .link { position: absolute; bottom: -40px; left: 0; right: 0; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }

.sty__gridgallery .box .link ._a_loadhires { display: flex; background-color: #000000cc; height: 40px !important; }

.sty__gridgallery .box .link ._a_loadhires img, .sty__gridgallery .box .link ._a_loadhires svg { width: auto; height: 20px; margin-right: 10px; }

@media screen and (max-width: 900px) { .sty__gridgallery .box .link ._a_loadhires img, .sty__gridgallery .box .link ._a_loadhires svg { margin-right: 5px; } }

.sty__gridgallery .box .link ._a_loadhires path { fill: #f3eee6; }

@media screen and (max-width: 768px) { .sty__gridgallery .box .link { display: none; } }

.sty__gridgallery .box:hover .link { top: auto; bottom: 0; }

.sty__gridgallery.r1 .box:nth-child(1) { grid-column: 1 / span 2; grid-row: span 2; align-self: center; height: 100%; }

.sty__gridgallery.r1 .box:nth-child(1) a { height: 100%; }

.sty__gridgallery.r1 .box:nth-child(1) a .text { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }

.sty__gridgallery.r1 .box:nth-child(1) a img { width: 100%; opacity: 0.5; }

.sty__gridgallery.r1 .box:nth-child(1) a:hover img { opacity: 1; }

.sty__gridgallery.r2 .box:nth-child(4) { grid-column: 4 / span 2; grid-row: 1 / span 2; align-self: center; height: 100%; }

.sty__gridgallery.r2 .box:nth-child(4) a { height: 100%; }

.sty__gridgallery.r2 .box:nth-child(4) a .text { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }

.sty__gridgallery.r2 .box:nth-child(4) a img { width: 100%; opacity: 0.5; }

.sty__gridgallery.r2 .box:nth-child(4) a:hover img { opacity: 1; }

@media screen and (max-width: 768px) { .sty__gridgallery { grid-gap: 5px; margin-bottom: 80px; } }

@media screen and (max-width: 560px) { .sty__gridgallery { grid-template-columns: repeat(3, 1fr); }
 .sty__gridgallery.r1 .box:nth-child(1) { grid-column: 1 / span 3; }
 .sty__gridgallery.r2 .box:nth-child(1) { grid-column: 1 / span 3; }
 .sty__gridgallery.r2 .box:nth-child(1) a { height: 100%; }
 .sty__gridgallery.r2 .box:nth-child(1) a .text { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }
 .sty__gridgallery.r2 .box:nth-child(1) a img { width: 100%; opacity: 0.5; }
 .sty__gridgallery.r2 .box:nth-child(1) a:hover img { opacity: 1; }
 .sty__gridgallery.r2 .box:nth-child(4) { grid-column: auto; grid-row: auto; }
 .sty__gridgallery.r2 .box:nth-child(4) a .text { display: none; } }

.sty__listbox .box { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; justify-content: space-between; border: 2px solid #f3eee6; /* &:before{ position: absolute; content: ""; left: calc(50% - 6px); width: 12px; top: calc(100% + 2px); background: url(line--history.jpg) repeat-y center center; @include fluid-padd(480px, 1024px, "bottom", -102px, -132px); @media screen and (max-width: 767px) { display: none; } } */ }

.sty__listbox .box { margin-bottom: 40px; }

@media screen and (min-width: 480px) { .sty__listbox .box { margin-bottom: calc(40px + 40 * ((100vw - 480px) / 544)); } }

@media screen and (min-width: 1024px) { .sty__listbox .box { margin-bottom: 80px; } }

.sty__listbox .box .photo { width: 50%; padding: 60px; }

.sty__listbox .box .photo img { border: 5px solid #ede5d7; width: 100%; box-sizing: border-box; }

@media screen and (max-width: 768px) { .sty__listbox .box .photo img { height: 45vw; -o-object-fit: cover; object-fit: cover; } }

@media screen and (max-width: 480px) { .sty__listbox .box .photo img { height: auto; } }

@media screen and (max-width: 430px) { .sty__listbox .box .photo img { border: 0; } }

@media screen and (max-width: 800px) { .sty__listbox .box .photo { padding: 60px 30px; } }

@media screen and (max-width: 768px) { .sty__listbox .box .photo { width: 100%; padding: 30px 30px 0; } }

@media screen and (max-width: 430px) { .sty__listbox .box .photo { padding: 0; } }

.sty__listbox .box .text { width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; justify-content: center; padding: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; justify-content: center; align-items: center; text-align: left; }

.sty__listbox .box .text h3 { text-align: left; padding-bottom: 0; }

.sty__listbox .box .text h3 { font-size: 24px; }

@media screen and (min-width: 480px) { .sty__listbox .box .text h3 { font-size: calc(24px + 18 * ((100vw - 480px) / 544)); } }

@media screen and (min-width: 1024px) { .sty__listbox .box .text h3 { font-size: 42px; } }

.sty__listbox .box .text h3 .space { width: 15px; }

.sty__listbox .box .text .subtitle { padding-bottom: 10px; }

@media screen and (min-width: 480px) { .sty__listbox .box .text .subtitle { padding-bottom: calc(10px + 10 * ((100vw - 480px) / 544)); } }

@media screen and (min-width: 1024px) { .sty__listbox .box .text .subtitle { padding-bottom: 20px; } }

.sty__listbox .box .text .link { padding-top: 30px; }

.sty__listbox .box .text ul { list-style-type: disc; margin-left: 30px; padding-bottom: 20px; }

.sty__listbox .box .text .stitle { font-family: "Chamras_Bhawan", sans-serif; font-size: 3rem; }

.sty__listbox .box .text .booking-period, .sty__listbox .box .text .stay-period { font-size: 12px; }

@media screen and (min-width: 375px) { .sty__listbox .box .text .booking-period, .sty__listbox .box .text .stay-period { font-size: calc(12px + 5 * ((100vw - 375px) / 649)); } }

@media screen and (min-width: 1024px) { .sty__listbox .box .text .booking-period, .sty__listbox .box .text .stay-period { font-size: 17px; } }

.sty__listbox .box .text .include, .sty__listbox .box .text .termscondition { padding-top: 20px; }

.sty__listbox .box .text .include .subtitle, .sty__listbox .box .text .termscondition .subtitle { padding-bottom: 10px; }

.sty__listbox .box .text .detail { line-height: 1.4; }

.sty__listbox .box .text .detail { font-size: 14px; }

@media screen and (min-width: 480px) { .sty__listbox .box .text .detail { font-size: calc(14px + 2 * ((100vw - 480px) / 544)); } }

@media screen and (min-width: 1024px) { .sty__listbox .box .text .detail { font-size: 16px; } }

@media screen and (max-width: 800px) { .sty__listbox .box .text { padding: 20px; } }

@media screen and (max-width: 768px) { .sty__listbox .box .text { width: 100%; padding: 30px; } }

@media screen and (max-width: 375px) { .sty__listbox .box .text { padding: 20px; } }

.sty__listbox .box:nth-child(even) { flex-flow: row-reverse; }

@media screen and (max-width: 768px) { .sty__listbox .box:nth-child(even) { flex-flow: wrap; } }

.sty__listbox .box:last-child:before { display: none; }

.sty__villahighlight { max-width: 480px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; justify-content: space-between; }

@media screen and (max-width: 768px) { .sty__villahighlight { margin: auto; } }

.sty__villahighlight .box { width: 50%; position: relative; min-height: 180px; }

@media screen and (max-width: 375px) { .sty__villahighlight .box { min-height: 150px; } }

.sty__villahighlight .box img { height: 60px; }

@media screen and (max-width: 375px) { .sty__villahighlight .box img { height: 40px; } }

.sty__villahighlight .box .icon { padding-top: 30px; padding-bottom: 20px; }

@media screen and (max-width: 375px) { .sty__villahighlight .box .icon { padding-bottom: 10px; } }

.sty__villahighlight .box .text { padding: 0 20px; }

.sty__villahighlight .box .text span { font-size: 1.3rem; }

.sty__villahighlight .box:nth-child(1):before { position: absolute; content: ""; background-color: #f3eee6; right: 0; top: 20px; bottom: 20px; width: 1px; }

.sty__villahighlight .box:nth-child(1):after { position: absolute; content: ""; background-color: #f3eee6; left: 20px; right: 20px; bottom: 0; height: 1px; }

.sty__villahighlight .box:nth-child(2):after { position: absolute; content: ""; background-color: #f3eee6; left: 20px; right: 20px; bottom: 0; height: 1px; }

.sty__villahighlight .box:nth-child(3):before { position: absolute; content: ""; background-color: #f3eee6; right: 0; top: 20px; bottom: 20px; width: 1px; }

.sty__floorplan { padding-top: 20px; max-width: 480px; }

@media screen and (max-width: 768px) { .sty__floorplan { margin: 0 auto 60px; } }

.sty__floorplan .title { padding-top: 10px; padding-bottom: 20px; }

.sty__sdroom { max-width: calc(100% - 20px); margin: auto; }

@media screen and (max-width: 560px) { .sty__sdroom { max-width: calc(100% - 30px - 30px); margin: auto; } }

@media screen and (max-width: 480px) { .sty__sdroom { max-width: calc(100% - 20px - 20px); } }

@media screen and (max-width: 375px) { .sty__sdroom { max-width: calc(100% - 15px - 15px); } }

.sty__sdroom .box { -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }

.sty__sdroom img { width: 100%; opacity: 0.9; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }

.sty__sdroom .text { position: absolute; z-index: 10; bottom: 60px; right: 60px; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }

@media screen and (max-width: 768px) { .sty__sdroom .text { bottom: 20px; right: 30px; } }

@media screen and (max-width: 560px) { .sty__sdroom .text { bottom: 10px; right: 20px; } }

.sty__sdroom .photo { position: relative; background-color: #000; }

.sty__sdroom .slick-active:not(.slick-current) .box { padding: 30px; }

@media screen and (min-width: 480px) { .sty__sdroom .slick-active:not(.slick-current) .box { padding: calc(30px + 70 * ((100vw - 480px) / 720)); } }

@media screen and (min-width: 1200px) { .sty__sdroom .slick-active:not(.slick-current) .box { padding: 100px; } }

.sty__sdroom .slick-active:not(.slick-current) .text { right: 0; bottom: auto; top: calc(100% + 20px); }

.sty__sitemap .detail ul.ul__sitemap { display: inline-block; text-align: left; margin-top: 40px; }

.sty__sitemap .detail ul.ul__sitemap li { width: auto; margin-bottom: 10px; }

.sty__sitemap .detail ul.ul__sitemap a { text-decoration: none; }

.sty__sitemap .detail ul.ul__sitemap > li { text-transform: uppercase; }

.sty__sitemap .detail ul.ul__sitemap > li ul { padding-top: 10px; text-transform: capitalize; }

.tabact { border-bottom: 1px dotted #f3eee6; }

.tabact .tab-a { cursor: pointer; position: relative; }

.tabact .tab-a:before { position: absolute; content: ""; height: 25px; width: 25px; right: 10px; top: calc(50% - 13px); background: url(icon--dropdownmobile.svg) no-repeat center center; background-size: 20px auto; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }

@media screen and (max-width: 375px) { .tabact .tab-a:before { top: calc(50% - 18px); } }

.tabact .tab-a.active:before { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); }

.tabact .tab-b { max-height: 0; overflow: hidden; }

.w__guarantee { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; justify-content: flex-start; align-items: center; margin-left: 20px; width: 120px; }

.w__guarantee img { height: 20px; }

@media screen and (max-width: 768px) { .w__guarantee img { height: 17px; } }

.w__guarantee img:nth-child(1) { height: 25px; margin-right: 7px; }

@media screen and (max-width: 800px) { .w__guarantee { margin-left: 10px; } }

.w__textintro { padding-top: 25px; }

.w__textintro .tx1 { font-size: 36px; }

@media screen and (min-width: 375px) { .w__textintro .tx1 { font-size: calc(36px + 10 * ((100vw - 375px) / 649)); } }

@media screen and (min-width: 1024px) { .w__textintro .tx1 { font-size: 46px; } }

.w__textintro .tx2 { font-size: 26px; }

@media screen and (min-width: 375px) { .w__textintro .tx2 { font-size: calc(26px + 10 * ((100vw - 375px) / 649)); } }

@media screen and (min-width: 1024px) { .w__textintro .tx2 { font-size: 36px; } }

.w__textabout { padding-top: 35px; }

@media screen and (min-width: 375px) { .w__textabout { padding-top: calc(35px + 15 * ((100vw - 375px) / 649)); } }

@media screen and (min-width: 1024px) { .w__textabout { padding-top: 50px; } }

.w__textabout .photo { margin-left: -60px; margin-right: -60px; }

.w__textabout .title { padding-top: 50px; }

@media screen and (min-width: 375px) { .w__textabout .title { padding-top: calc(50px + 20 * ((100vw - 375px) / 649)); } }

@media screen and (min-width: 1024px) { 
    .w__textabout .title { padding-top: 70px; } 
    /*.w__textabout .title { margin-top: 70px; } */
}

.w__textabout .detail { padding-top: 10px; }

@media screen and (min-width: 375px) { .w__textabout .detail { padding-top: calc(10px + 10 * ((100vw - 375px) / 649)); } }

@media screen and (min-width: 1024px) { .w__textabout .detail { padding-top: 20px; } }

.w__textabout .link { padding-top: 25px; }

@media screen and (min-width: 375px) { .w__textabout .link { padding-top: calc(25px + 15 * ((100vw - 375px) / 649)); } }

@media screen and (min-width: 1024px) { .w__textabout .link { padding-top: 40px; } }

.act_readmore { position: relative; }

.act_readmore:before { position: absolute; content: ""; height: 100px; width: 100%; left: 0; bottom: 0; background: url(bg--readmore.png) repeat-x bottom center; background-size: auto 100%; opacity: 0.9; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }

.act_readmore[aria-expanded="true"]:before { height: 0px; }

.act_readmore + ._btn_readmore[data-readmore-toggle] { width: auto; display: inline-block; margin-top: 30px; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }

/* # Reservation
================================================== */
.sec__reservation { position: fixed; top: 0; left: 140px; right: 140px; z-index: 99; text-align: left; /* @include transition(all, 1s, ease, 0s); */ -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; transition: all 1s ease 0s; /* *{ cursor: none; } */ /* button:hover{ background: none;  } */ }

.sec__reservation.ani { -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; transition: all 1s ease 0s; }

.sec__reservation.fixedtop { left: 0; right: 0; box-shadow: 0px 0 10px #0000004d; }

@media screen and (max-width: 1070px) { .sec__reservation { left: 100px; right: 100px; } }

@media screen and (max-width: 1000px) { .sec__reservation { left: 0; right: 0; } }

@media screen and (max-width: 767px) { .sec__reservation { position: fixed; top: auto; bottom: 0; } }

.sec__reservation .container { background-color: #788983; max-width: inherit; }

.sec__reservation .wrap__resbooknow { display: none; }

@media screen and (max-width: 767px) { .sec__reservation .wrap__resbooknow { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; justify-content: space-between; } }

.sec__reservation .wrap__resbooknow a { width: 100%; text-align: center; text-transform: uppercase; /* font-family: $font--title; */ font-size: 2rem; line-height: 1; padding: 20px; /* background-color: $col-tx--highlight; */ }

.sec__reservation .wrap__reservation { width: 100%; }

.sec__reservation .wrap__reservation form { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; justify-content: center; width: 100%; }

.sec__reservation .wrap__reservation input { background-color: #ffffff; color: #333333; border: 0; }

.sec__reservation .wrap__reservation label { max-width: 100%; }

.sec__reservation .wrap__reservation .row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; justify-content: flex-start; align-items: center; }

.sec__reservation .wrap__reservation .row .subject { font-size: 1.2rem; text-transform: uppercase; padding-right: 20px; }

@media screen and (max-width: 1100px) { .sec__reservation .wrap__reservation .row .subject { padding-right: 10px; } }

.sec__reservation .wrap__reservation .row .inputfield { width: 170px; }

.sec__reservation .wrap__reservation .row .hasDatepicker { text-transform: uppercase; background: url(icon--calendar.svg) no-repeat calc(100% - 15px) center #ffffff; background-size: 20px auto; padding-left: 15px; padding-right: 15px; }

@media screen and (max-width: 1100px) { .sec__reservation .wrap__reservation .row .hasDatepicker { padding-right: 10px; padding-left: 10px; } }

.sec__reservation .wrap__reservation .-submit { margin-left: 10px; }

.sec__reservation .wrap__reservation .-date { width: 300px; }

@media screen and (max-width: 1100px) { .sec__reservation .wrap__reservation .-date { width: 230px; }
 .sec__reservation .wrap__reservation .-date .inputfield { width: 140px; } }

@media screen and (max-width: 767px) { .sec__reservation .wrap__reservation { display: none; } }

.sec__reservation .roi-search-engine { background-color: inherit; -webkit-transform: none; transform: none; left: auto; width: 100%; }

.sec__reservation .roi-search-engine__form--shadow { box-shadow: 0 0 0; padding: 0; width: 100%; }

.sec__reservation .roi-search-engine__text { display: none; }

.sec__reservation .roi-search-engine__label { display: none; }

.sec__reservation .roi-search-engine__item { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: start; justify-content: flex-start; align-items: center; padding: 0; max-width: inherit; }

.sec__reservation .roi-search-engine__field--calendar { border: 0; border-radius: 0; padding: 0; margin: 0; color: #ffffff; position: relative; max-width: inherit; }

.sec__reservation .roi-search-engine__field--calendar:before { position: relative; content: "CHECK IN — CHECK OUT"; font-size: 1.2rem; }

.sec__reservation .roi-search-engine__field--day, .sec__reservation .roi-search-engine__field--month-year { width: auto; font-size: 1.4rem; line-height: 1; font-family: "Maitree", serif; }

.sec__reservation .roi-search-engine__field--day { margin-right: 10px; }

@media screen and (max-width: 768px) { .sec__reservation .roi-search-engine__field--day { margin-right: 5px; } }

.sec__reservation .roi-search-engine__field--action { position: relative; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border: 0; font-size: 0; width: 150px; height: 45px; }

@media screen and (max-width: 768px) { .sec__reservation .roi-search-engine__field--action { width: 130px; } }

.sec__reservation .roi-search-engine__field--action:before { -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }

.sec__reservation .roi-search-engine__field--action:after { position: absolute; content: "Book now"; height: 100%; width: 100%; left: 0; top: 0; font-size: 1.6rem; text-transform: uppercase; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; justify-content: center; align-items: center; font-family: "Maitree", serif; }

.sec__reservation .roi-search-engine__field--action:hover, .sec__reservation .roi-search-engine__field--action:focus { background-color: #a62b4e; text-decoration: none; }

.sec__reservation .roi-search-engine__field--calendar .svg-roi { display: none; }

.sec__reservation .roi-search-engine__item--checkin { position: relative; background-color: #ffffff; color: #788983; height: 39px; padding: 0 20px 0 15px; margin-left: 10px; /* &:after{ position: absolute; content: ""; height: 20px; width: 20px; left: 0; top: calc(50% - 10px); background: url(icon--calendar.svg) no-repeat center center; } */ }

.sec__reservation .roi-search-engine__item--checkin:before { position: absolute; content: ""; height: 1px; width: 10px; right: 0; top: 50%; background-color: #788983; }

@media screen and (max-width: 768px) { .sec__reservation .roi-search-engine__item--checkin:before { right: 8px; } }

@media screen and (max-width: 768px) { .sec__reservation .roi-search-engine__item--checkin { width: 140px; padding-right: 0; } }

.sec__reservation .roi-search-engine__item--checkout { position: relative; background-color: #ffffff; color: #788983; height: 39px; padding: 0 45px 0 10px; }

.sec__reservation .roi-search-engine__item--checkout:before { position: absolute; content: ""; height: 22px; width: 22px; right: 10px; top: 8px; background: url(icon--calendar.svg) no-repeat center center; }

@media screen and (max-width: 768px) { .sec__reservation .roi-search-engine__item--checkout { width: 150px; padding-right: 0; } }

.sec__reservation .roi-search-engine__occupancy-wrap { background-color: #ffffff; color: #788983; height: 39px; padding: 0 10px 0 5px; }

.sec__reservation .roi-search-engine__occupancy-button { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border: 0; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-align: center; align-items: center; font-size: 1.4rem; color: #ffffff; font-family: "Maitree", serif; margin: 0; padding: 0; }

.sec__reservation .roi-search-engine__occupancy-button:after { position: absolute; content: ""; height: 20px; width: 20px; left: 0; top: calc(50% - 10px); /* background: url(icon--guest.svg) no-repeat center center; */ }

.sec__reservation .roi-search-engine__occupancy-button .roi-search-engine__occupancy-text { width: auto; position: relative; font-size: 1.2rem; margin: 0; padding: 0 10px 0 20px; /* &:before{ position: absolute; content: ":"; height: 100%; width: 20px; right: 0; top: -2px; text-align: right; } */ }

.sec__reservation .roi-search-engine__occupancy-button .roi-search-engine__occupancy-info { background-color: inherit; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; padding: 0; font-size: 1.4rem; }

.sec__reservation .roi-search-engine__occupancy-button .roi-search-engine__occupancy-info svg { display: none; }

.sec__reservation .roi-search-engine__occupancy-button .roi-search-engine__occupancy-info.roi-search-engine__occupancy-info--adults { position: relative; margin-right: 5px; text-transform: uppercase; }

.sec__reservation .roi-search-engine__occupancy-button .roi-search-engine__occupancy-info.roi-search-engine__occupancy-info--adults:after { position: relative; content: "Adult"; margin-left: 5px; }

.sec__reservation .roi-search-engine__occupancy-button .roi-search-engine__occupancy-info.roi-search-engine__occupancy-info--children { position: relative; margin-right: 5px; text-transform: uppercase; }

.sec__reservation .roi-search-engine__occupancy-button .roi-search-engine__occupancy-info.roi-search-engine__occupancy-info--children:after { position: relative; content: "child"; margin-left: 5px; }

.sec__reservation .roi-search-engine__label--promo { display: block; font-size: 0rem; line-height: 1; font-family: "Maitree", serif; color: #ffffff; font-weight: 400; text-transform: uppercase; bottom: auto; margin: 0; padding: 0; width: auto; margin-left: 10px; /* &:before{ position: absolute; content: ""; height: 20px; width: 20px; left: 0; top: calc(50% - 10px); background: url(icon--promotion.svg) no-repeat center center; } */ }

.sec__reservation .roi-search-engine__label--promo:after { position: relative; content: "Promo code"; height: 100%; width: 100%; left: 0; top: 0; font-size: 1.2rem; padding-right: 10px; }

.sec__reservation .roi-search-engine__field--promo { background: #ffffff; border: 0; color: #788983; font-size: 1.4rem; line-height: 1; font-family: "Maitree", serif; height: auto; padding: 0 10px; width: 110px; height: 39px; border-radius: 0; }

.sec__reservation .roi-search-engine__occupancy-single-title { font-family: "Chamras_Bhawan", sans-serif; }

.sec__reservation .roi-search-engine__item--action { margin-left: 20px; position: relative; cursor: pointer; }

.sec__reservation .roi-search-engine__item--action:after { position: absolute; content: ""; height: 100%; width: 100%; left: 0; top: 0; z-index: 20; }

@media screen and (max-width: 768px) { .sec__reservation .roi-search-engine__item--action { margin-left: 10px; } }

@media screen and (max-width: 1560px) { .sec__reservation .roi-search-engine__item--occupancy, .sec__reservation .roi-search-engine__item--promo { display: none !important; } }

#roicalendar { padding: 60px; -webkit-box-pack: justify; justify-content: space-between; font-size: 1.2rem; cursor: auto; }

@media screen and (max-width: 991px) { #roicalendar { padding: 30px; } }

#roicalendar * { cursor: auto; }

#roicalendar button, #roicalendar select, #roicalendar a, #roicalendar .roi-cal__day { cursor: pointer; }

#roicalendar button path, #roicalendar select path, #roicalendar a path, #roicalendar .roi-cal__day path { cursor: pointer; }

#roicalendar .roi-cal__inner { width: calc(50% - 20px); padding: 0; min-height: inherit; }

@media screen and (max-width: 991px) { #roicalendar .roi-cal__inner { width: 100%; } }

#roicalendar .roi-cal__header { -webkit-box-pack: center; justify-content: center; }

#roicalendar .roi-cal__title { font-size: 2rem; font-family: "Chamras_Bhawan", sans-serif; text-transform: uppercase; }

#roicalendar .roi-cal__week-day { font-size: 1.2rem; }

#roicalendar .roi-cal__day { line-height: 30px; border: 0; font-size: 1.3rem; }

#roicalendar .roi-cal--current, #roicalendar .roi-cal--checkin { background: #788983; }

#roicalendar .roi-cal--unselectable { color: #dadada; }

#roicalendar .roi-cal__day:hover:not(.roi-cal--unselectable), #roicalendar .roi-cal__day:focus:not(.roi-cal--unselectable) { background-color: #788983; color: #f3eee6; }

#roicalendar .roi-cal--period { background-color: #788983; color: #ffffff; }

#roicalendar .roi-cal__next:after, #roicalendar .roi-cal__prev:after { border-bottom: 2px solid #788983; border-left: 2px solid #788983; height: 10px; width: 10px; left: 5px; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }

#roicalendar .roi-cal__next:hover:after, #roicalendar .roi-cal__prev:hover:after { border-color: #788983; }

body .roi-search-engine__occupancy-breakdown { background-color: #ffffff; font-family: "Maitree", serif; cursor: auto; width: 300px; }

body .roi-search-engine__occupancy-breakdown * { cursor: auto; }

body .roi-search-engine__occupancy-breakdown button, body .roi-search-engine__occupancy-breakdown select { cursor: pointer; }

body .roi-search-engine__occupancy-breakdown button path, body .roi-search-engine__occupancy-breakdown select path { cursor: pointer; }

body .roi-search-engine__occupancy-breakdown .roi-search-engine__occupancy-title-rooms { font-size: 2.2rem; line-height: 1; font-family: "Chamras_Bhawan", sans-serif; font-weight: 400; }

body .roi-search-engine__occupancy-breakdown .roi-search-engine__occupancy-room-item { flex-flow: wrap; position: relative; }

body .roi-search-engine__occupancy-breakdown .roi-search-engine__occupancy-room-title { font-weight: bold; padding-right: 0px; width: 70px; text-align: left; }

body .roi-search-engine__occupancy-breakdown .roi-search-engine__occupancy-room-container { width: calc(100% - 70px); padding-right: 40px; }

body .roi-search-engine__occupancy-breakdown .roi-search-engine__occupancy-delete-room { position: absolute; right: 0; top: 10px; width: auto; }

body .roi-search-engine__occupancy-breakdown .roi-search-engine__occupancy-delete-room:hover { border: 0; background: none; }

body .roi-search-engine__occupancy-breakdown .roi-search-engine__occupancy-delete-room .svg-roi { width: 20px; height: 20px; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }

body .roi-search-engine__occupancy-breakdown .roi-search-engine__occupancy-delete-room .svg-roi:hover { fill: #f3eee6; }

body .roi-search-engine__occupancy-breakdown .roi-search-engine__occupancy-input { padding: 0 10px; }

body .roi-search-engine__occupancy-breakdown .roi-search-engine__occupancy-room-selection { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: justify; justify-content: space-between; }

body .roi-search-engine__occupancy-breakdown .roi-search-engine__occupancy-group { width: calc(50% - 5px); }

body .roi-search-engine__occupancy-breakdown .roi-search-engine__occupancy-group .roi-search-engine__occupancy-input { width: 100%; }

body .roi-search-engine__occupancy-breakdown .roi-search-engine__occupancy-add-room { border: 0; color: #f3eee6; font-family: "Maitree", serif; padding: 0; }

body .roi-search-engine__occupancy-breakdown .roi-search-engine__occupancy-add-room:hover { background: none; color: #f3eee6; }

body .roi-search-engine__occupancy-breakdown .roi-search-engine__occupancy-add-room:hover .svg-roi { fill: #f3eee6; }

body .roi-search-engine__occupancy-breakdown .roi-search-engine__occupancy-add-room .svg-roi { fill: #f3eee6; margin-right: 10px; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }

body .roi-search-engine__occupancy-breakdown .roi-search-engine__occupancy-save-rooms { border-radius: 0; border: 0; position: relative; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; text-decoration: none; }

body .roi-search-engine__occupancy-breakdown .roi-search-engine__occupancy-save-rooms:before { -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }

body .roi-search-engine__occupancy-breakdown .roi-search-engine__occupancy-actions-wrap { padding: 20px; }

body .roi-search-engine__occupancy-breakdown .roi-search-engine__occupancy-label--age { font-size: 1.3rem; width: 100%; text-align: left; padding: 0; margin: 0; }

body .roi-search-engine__occupancy-breakdown .roi-search-engine__occupancy-input--age { margin: 0; width: calc(33.33% - 5px); height: 35px; padding: 0 10px; }

body .roi-search-engine__occupancy-breakdown .roi-search-engine__occupancy-error-text-wrap { margin: 0; }

body .roi-search-engine__occupancy-breakdown .roi-search-engine__occupancy-label--single .svg-roi_adult { width: 15px; }

body .roi-search-engine__occupancy-breakdown .roi-search-engine__occupancy-single-group .roi-search-engine__occupancy-label { width: 25px; }

body .roi-search-engine__occupancy-breakdown .roi-search-engine__occupancy-single.js-roi-search-engine-room-breakdown { padding-right: 20px; }

body .roi-search-engine__occupancy-breakdown .roi-search-engine__occupancy-single-header { -webkit-box-pack: center; justify-content: center; }

body .roi-search-engine__occupancy-breakdown .roi-search-engine__occupancy-single-ages { padding-left: 45px; }

body .roi-search-engine__occupancy-breakdown .roi-search-engine__occupancy-single-selection.roi-search-engine__occupancy-single-selection--age.js-roi-search-engine-ages-container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: start; justify-content: flex-start; }

body .roi-search-engine__occupancy-breakdown select#children-age-1-widget-0 { margin-right: 7px; }

body .roi-search-engine__occupancy-breakdown select#children-age-2-widget-0 { margin-right: 7px; }

/* #Header
================================================== */
header { padding-top: 45px; z-index: 50; position: absolute; left: 0; right: 0; top: 0px; }

header.fixpre { background-color: inherit; }

header.fixedtop { position: fixed; }

header.fixedtop .sty__header .logo img{
    height: 68px;
}

header.fixedtop .sty__header { padding: 12px 0 8px; }

header.fixedtop .sty__header .logo { width: 90px; height: 50px; overflow: hidden; }

header.fixedtop .sty__header .colmenu ul { padding-top: 5px; }

header.fixedtop .w__mobilemenu { top: 14px; }

@media screen and (max-width: 1000px) { header.fixedtop .w__lang { top: 19px; } }

@media screen and (max-width: 767px) { header { padding-top: 0px; } }

header .menu { text-transform: uppercase; }

header .w__mobilemenu { position: absolute; right: 60px; top: 40px; display: none; }

@media screen and (max-width: 1000px) { header .w__mobilemenu { display: block; } }

@media screen and (max-width: 800px) { header .w__mobilemenu { right: 30px; } }

@media screen and (max-width: 767px) { header .w__mobilemenu { top: 35px; } }

@media screen and (max-width: 560px) { header .w__mobilemenu { top: 28px; } }

@media screen and (max-width: 480px) { header .w__mobilemenu { right: 20px; top: 25px; } }

@media screen and (max-width: 375px) { header .w__mobilemenu { right: 15px; } }

header .w__lang { position: absolute; right: 20px; top: -35px; }

@media screen and (max-width: 1070px) { header .w__lang { right: 10px; } }

@media screen and (max-width: 1000px) { header .w__lang { top: 48px; left: 55px; right: auto; } }

@media screen and (max-width: 800px) { header .w__lang { left: 30px; } }

@media screen and (max-width: 767px) { header .w__lang { top: 40px; } }

@media screen and (max-width: 560px) { header .w__lang { top: 32px; } }

@media screen and (max-width: 480px) { header .w__lang { left: 20px; top: 30px; } }

@media screen and (max-width: 375px) { header .w__lang { left: 15px; } }

/* # Mobile menu
================================================== */
.sec__mobilemenu { background-color: #788983; color: #ffffff; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 999; display: none; }

.sec__mobilemenu a { color: #ffffff; font-family: "Chamras_Bhawan", sans-serif; text-transform: uppercase; text-align: left; font-size: 3rem; line-height: 4rem; }

.sec__mobilemenu .container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; justify-content: center; align-items: center; height: 100%; }

.sec__mobilemenu .mobile__logo { position: absolute; top: 20px; width: 70px; left: calc(50% - 35px); }

.sec__mobilemenu .mobile__logo path { fill: #ffffff; }

.sec__mobilemenu .w__mobilemenu { width: 100%; max-width: 620px; margin: auto; text-align: left; }

.sec__mobilemenu .w__mobilemenu li { position: relative; padding-top: 5px; }

.sec__mobilemenu .w__mobilemenu li svg, .sec__mobilemenu .w__mobilemenu li img { width: 90px; }

@media screen and (max-width: 480px) { 
    .sec__mobilemenu .w__mobilemenu #menu-mobile-menu li svg, 
    .sec__mobilemenu .w__mobilemenu #menu-mobile-menu li img { 
        width: 150px;
     } 

     .sec__mobilemenu .w__mobilemenu #menu-mobile-menu-thai li svg, 
     .sec__mobilemenu .w__mobilemenu #menu-mobile-menu-thai li img { 
         width: 70px;
      } 
 
}

.sec__mobilemenu .w__mobilemenu li svg path, .sec__mobilemenu .w__mobilemenu li img path { fill: #ffffff; }

.sec__mobilemenu .w__mobilemenu > ul > li { border-bottom: 1px solid #ffffff; }

.sec__mobilemenu .w__mobilemenu > ul > li:first-child { border-bottom: 0; margin-bottom: 0; text-align: center; }

.sec__mobilemenu .w__mobilemenu > ul > li.mobilebooknow { border-bottom: 0; padding-top: 20px; }

.sec__mobilemenu .w__mobilemenu > ul > li.mobilebooknow a { background-color: #a62b4e; padding: 8px 20px 5px; position: relative; display: block; width: 100%; }

.sec__mobilemenu .w__mobilemenu > ul > li.mobilebooknow a:hover { box-shadow: 0 0 5px #ffffff; }

.sec__mobilemenu .w__mobilemenu > ul > li.mobilebooknow a .w__guarantee { position: absolute; right: 20px; top: 0; bottom: 0; width: 145px; }

.sec__mobilemenu .w__mobilemenu > ul > li.mobilebooknow a .w__guarantee img { width: auto; }

.sec__mobilemenu .w__mobilemenu > ul > li.mobilebooknow a .w__guarantee img:nth-child(1) { height: 28px; }

.sec__mobilemenu .w__mobilemenu > ul > li.mobilebooknow a .w__guarantee img:nth-child(2) { height: 25px; }

.sec__mobilemenu .w__submenu { max-height: 0; overflow: hidden; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; transition: all 1s ease 0s; }

.sec__mobilemenu .w__submenu a { font-size: 1.8rem; font-family: "Maitree", serif; text-transform: none; }

.sec__mobilemenu .w__submenu ul { padding-bottom: 20px; }

.sec__mobilemenu ._btn_dropdownmenu { cursor: pointer; position: absolute; right: 0; top: 15px; width: 32px; height: 32px; background: url(icon--dropdownmobile.svg) no-repeat center center; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }

.sec__mobilemenu .hassub.active .w__submenu { max-height: 300px; }

.sec__mobilemenu .hassub.active ._btn_dropdownmenu { transform: rotate(-180deg); }

.sec__mobilemenu.active { display: block; }

/* #footer
================================================== */
footer { padding-top: 40px; padding-bottom: 40px; font-size: 1.4rem; }

@media screen and (max-width: 767px) { footer { padding-bottom: 80px; } }

footer .w__footerlogo img { width: auto; height: 104px; }

footer .w__social { padding-top: 40px; }

footer .w__social ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; justify-content: center; }

footer .w__social li { margin: 0 10px; }

footer .w__social img { width: 25px; }

footer .w__social a { display: block; }

footer .w__footermenu { padding-top: 50px; }

footer .w__footermenu ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; justify-content: center; }

footer .w__footermenu li { margin: 0 10px; }

footer .w__footermenu a { text-transform: uppercase; }

footer .w__copyright { color: #333333; padding-top: 30px; }

footer .w__copyright a { color: #333333; }

/* # Newsletter
================================================== */
.wrap__newsletter input { text-align: center; margin-bottom: 1px; }

.wrap__newsletter .subject { text-align: right; }

.wrap--loading { position: absolute; width: 320px; font-size: 1.2rem; display: none; }

.wrap--loading .wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }

.wrap--loading svg { width: 40px; }

.wrap--loading.active { display: block; }

/* #Main slide -- fullpage
================================================== */
.sec__mainslide { border-top: 0 solid #f3eee6; /*  .sty__mainslide img{ @include transition(all, 0.6s, ease, 0s); height: 48vw; -o-object-fit: cover; object-fit: cover; } */ }

.sec__mainslide .sty__mainslide img { height: 100vh; -o-object-fit: cover; object-fit: cover; }

@media screen and (max-width: 768px) { .sec__mainslide .sty__mainslide img { height: 48vw; } }

/* #Home
================================================== */
@media screen and (max-width: 430px) { .sec__h_maincontent .sty__maincontent .detail { padding-top: 15px; padding-bottom: 15px; } }

.sec__menuabout { border-top: 1px solid #9da7a1; }

/* #Contact us
================================================== */
.sec__maincontent-contentus { background-color: #f3eee6; }

.sec__maincontent-contentus .link { padding-top: 40px; padding-bottom: 40px; }

/* #Map
================================================== */
.sec__map .wrap__map { height: 35vw; }

.sec__map #map-canvas { height: 100%; }

.sec__map #product-right { padding: 20px 12px 20px 10px; text-align: center; }

.sec__map #product-right img { margin-bottom: 15px; width: 120px; }

/* #Gallery
================================================== */
#page__gallery .sec__maincontentpage { padding-bottom: 50px; }

#page__gallery #sec__gallery { padding-bottom: 40px; }

.filter-button-group { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-flow: wrap; flex-flow: wrap; padding: 0 0 30px; }

.filter-button-group button { background: none; border: 0; border-top: 1px solid #f3eee6; border-bottom: 1px solid #f3eee6; color: #f3eee6; display: inline-block; width: auto; font-size: 1.6rem; height: 30px; margin: 0 7px; padding: 5px 10px; position: relative; margin-bottom: 15px; }

.filter-button-group button:hover { color: #ffffff; border-top: 1px solid #f3eee6; border-bottom: 1px solid #f3eee6; }

.filter-button-group button.active { color: #ffffff; }

.filter-button-group button:before { content: ""; z-index: -1; width: 100%; height: 0%; background: #f3eee6; bottom: 0; left: 0; position: absolute; -webkit-transition: height 250ms; transition: height 250ms; }

.filter-button-group button:hover:before, .filter-button-group button.active:before { height: 100%; }

.box_gallery-list .box { width: 20%; padding: 5px; position: relative; }

.box_gallery-list .box img { width: 100%; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)"; filter: alpha(opacity=80); -webkit-opacity: 0.8; -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }

.box_gallery-list .box ._detail { position: absolute; top: 0; left: 10%; width: 80%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #ffffff; z-index: 110; font-size: 1.6rem; line-height: 1.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)"; filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }

.box_gallery-list .box a { display: block; border: 0; background-color: #000000; padding: 0; }

.box_gallery-list .box a:before { border: 1px solid rgba(255, 255, 255, 0); z-index: 99; width: calc(100% - 2px); height: calc(100% - 2px); top: 0; left: 0; background: none; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; }

.box_gallery-list .box a:hover:before { border: 1px solid white; -webkit-transform: scale(0.8); transform: scale(0.8); }

.box_gallery-list .box a:hover img { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)"; filter: alpha(opacity=30); -webkit-opacity: 0.3; -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; }

.box_gallery-list .box a:hover ._detail { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)"; filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }

.gallerydetail { font-family: "Chamras_Bhawan", sans-serif; text-transform: uppercase; }

.gallerydetail { font-size: 20px; }

@media screen and (min-width: 480px) { .gallerydetail { font-size: calc(20px + 10 * ((100vw - 480px) / 544)); } }

@media screen and (min-width: 1024px) { .gallerydetail { font-size: 30px; } }

.mfp-auto-cursor .mfp-content { text-align: center; }

.mfp-content .item-popup { display: inline-block; position: relative; }

.mfp-content .item-popup a { display: block; }

.mfp-content .item-popup img { max-width: inherit; height: 100%; width: auto; max-height: 80vh; }

@media screen and (max-width: 520px) { .mfp-content .item-popup img { max-height: none; height: auto; width: 80%; } }

.mfp-content .item-popup .mfp-close { color: #fff; font-size: 40px; }

@media screen and (max-width: 480px) { .mfp-content .item-popup .mfp-close { top: -10px; } }

/*# sourceMappingURL=main.css.map */

.wrap__reservation .picker__holder{
    max-width: 330px;
}

.wrap__reservation .picker__holder th, td{
    text-align: center;

}
.sty__sd3box .photo a img{
    height: 463px;
    width: 100%;
    object-fit: cover;
}
.sty__mainvilla .iconplan img , .img-philosophy{
    filter: brightness(0) invert(1);
}
.sty__formcontactus textarea{
    height: 84px !important;
}
.sty__formcontactus .-btn ._btn_submit{
    color: #ffffff !important;
    background-color: #a62b4e !important;
    display: inline-block !important;
    padding: 10px 20px !important;
    min-width: 160px !important;
    text-align: center !important;
    text-transform: uppercase !important;
    width: calc(50% - 5px);
    margin-right: 10px;
    position: relative;
    border-radius: 0;
    border: 0;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
    -ms-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;
    font-size: 1.5rem;
    cursor: pointer;
}

.sty__formcontactus .-btn  .inputfield:hover  ._btn_submit{
    background-color: #788983 !important;

    color: #ffffff;
}
.sty__formcontactus .-btn  .inputfield:hover::before{
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: calc(50% - 7px);
}
.sty__formcontactus .-btn .inputfield{
    position: relative;
}
.sty__formcontactus .-btn .inputfield::before {
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
    -ms-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;
    position: absolute;
    content: "";
    left: 3px;
    right: 3px;
    top: 3px;
    bottom: 3px;
    border: 1px solid #ffffff;
    width: calc(50% - 13px);
    z-index: 1;
}
.sty__1slide .box img {
    width: 100%;
    height: auto;
}
.sty__sitemap .detail a{
    text-transform: uppercase;
}
.sty__sitemap .detail  .sub-menu {
    margin-bottom: 30px;
    margin-left: 0;
}
.sty__sitemap .detail  .sub-menu >li a::before {
    content: "-";
    display: inline-block;
    margin-right: 3px;
}
.sty__sitemap .detail  .sub-menu a{
    text-transform: inherit;
}
.sty__sitemap .detail ul{
list-style: none;
}

header .w__member {
    position: absolute;
    left: 20px;
    top: -35px;

}
._btn_member ul > li {
  text-align: left;
    }
._btn_member ul > li span{
color: #788983;
font-size: 14px;
}
._btn_member.active ul {
    height: 100px;
}
._btn_member li.header:before {
    position: absolute;
    content: "";
    height: 25px;
    width: 25px;
    right: 0;
    top: 2px;
    background: url(icon--dropdown.svg) no-repeat center center;
    background-size: 20px auto;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
    -ms-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;
    z-index: 10;
}
._btn_member li {
    position: relative;
    width: 100%;
    z-index: 10;
}
._btn_member ul > li p {
    font-size: 12px;
}
._btn_member li.active {
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
}
._btn_member ul {
    position: relative;
    padding-top: 30px;
    width: 90px;
    height: 0;
    overflow: hidden;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
    -ms-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;
}
.modal .errorSignupContent{
    text-align: center;
}
/* div.modal {
    position: fixed;
    top: 0;
    display: block;
    left: 0;
    right: 0;
    background: #0b0b0b89;

    bottom: 0;
    z-index: 999;
} */

/* 
.modal-dialog .modal-content .modal-header{
    position: relative;
}
.modal-dialog .modal-content .modal-header{

    text-align: left;
}
.modal-dialog .modal-content .modal-header .close{
    position: absolute;
    right: 0;
    background-color: transparent;
    border: 0;
    color: #fff;
    font-size: 33px;
    line-height: 33px;
}
.modal-dialog .modal-content .modal-footer  #btnSubmit {
    background-color: #f3eee6;
    color: #788983;
    border-radius: 0;
    padding: 7px 15px;
    border: 0;
}
.modal-dialog .modal-content .modal-footer  #btnForgot{
    background-color: #f3eee6;
    color: #788983;
    border-radius: 0;
    padding: 7px 15px;
    border: 0;
}
.modal-dialog .modal-content #forgot #linkForgot {
    display: inline-block;
    text-decoration: underline;
    color: #000;
}
.modal-dialog .modal-content .modal-footer #btnCancel{
    background-color: #0b0b0b;
    color: #fff;
    border-radius: 0;
    padding: 7px 15px;
    border: 0;
}
.modal-dialog .modal-content .modal-footer #btnForgot{
    display: none;
}
.modal-dialog .modal-content .modal-footer {
    text-align: right;
}
.modal-dialog .modal-content#registerResult .modal-body p {
    background: #f3eee6 !important;
   
    border: 0;
    margin-bottom: 15px;
}
.modal-dialog .modal-content#registerResult .modal-body p label label{
    color: #788983 !important;
} */
.member-mobile{
    list-style: none;
    text-align: center;
}
.sec__mobilemenu .member-mobile > li{
    display: inline-block;
    border-bottom: 0 !important;
    
}
.sec__mobilemenu .member-mobile > li a{
    font-size: 22px;
    line-height: 24px;
}
/* .modal-dialog {
    width: 700px;
    margin:70px auto 0 auto;
    background-color: #788983;
    padding: 15px;
    text-align: left;
} */
@media screen and (max-width: 480px) {
    .sty__sd3box .photo a img{
        height: 305px;
    }
    .w__member{
        display: none;
    }
    /* .modal-dialog {
        width: 90%;

    } */
}

/* .wpml-ls-legacy-dropdown ul { position: relative; padding-top: 30px; width: 90px; height: 0; overflow: hidden; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }

@media screen and (max-width: 1070px) { .wpml-ls-legacy-dropdown ul { width: 80px; } }

@media screen and (max-width: 1000px) { .wpml-ls-legacy-dropdown ul { width: 90px; } } */
.wpml-ls-legacy-dropdown{
    width: 100% !important;
    font-size: 14px;
    color: #788983;
}
.wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a, .wpml-ls-legacy-dropdown a:focus, .wpml-ls-legacy-dropdown a:hover{
    color: #788983 !important;
}
.wpml-ls-legacy-dropdown li { position: relative; width: 100%; }

.wpml-ls-legacy-dropdown li.active { position: absolute; top: 0; left: 0; }

.wpml-ls-legacy-dropdown li.active:before { position: absolute; content: ""; height: 25px; width: 25px; right: 0; top: 2px; background: url(icon--dropdown.svg) no-repeat center center; background-size: 20px auto; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; z-index: 10; }

.wpml-ls-legacy-dropdown.active ul { height: 100px; }

.wpml-ls-legacy-dropdown.active ul li:before { transform: rotate(-180deg); }

.wpml-ls-legacy-dropdown a { 
    background-color: transparent !important;
    border: 0 !important;
    color: #788983;
    padding: 5px 0;
}

.wpml-ls-legacy-dropdown svg {
    vertical-align: middle;
    width: 20px;
}

.wpml-ls-legacy-dropdown .wpml-ls-item-toggle:after { 
    border: 0 !important;
  
   
    height: 25px;
    width: 25px;
    right: 0 !important;
    top: 2px !important;
    background: url(icon--dropdown.svg) no-repeat center center;
    background-size: 20px auto;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
    -ms-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;
    z-index: 10;
}
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu{
    border: 0 !important;
    text-align: left;
}
@media screen and (max-width: 1000px) { .wpml-ls-legacy-dropdown a { background-color: #f3eee6; padding-left: 5px; } }


.wpml-ls-legacy-dropdown svg path { fill: #788983; }

.contactlogo img{
height: 133px;
width: auto;
}
.amenities-list {
    padding-top: 40px;
    margin-bottom: 70px;
}
.amenities-list ul{
    margin: 0;
    padding: 0;
}
.amenities-list ul > li img{
    width: 60px;
    height: 60px;
    display: block;
    margin: 0 auto 5px auto;
}
.amenities-list ul > li span{
    display: block;

}
@media screen and (max-width: 991px) {
    .list-attractions .box{
        margin-bottom:40px;
    }
}
@media screen and (min-width: 992px) {
    .sec__history .sty__history .box .photo img{
            width: 350px;
    height: auto;
    }
    .amenities-list{
        width: 80%;
        margin: 0 auto;
    }
    .amenities-list ul{
        display: grid;
        grid-gap: 20px;
        grid-template-columns: 1fr 1fr 1fr 1fr ;
    }
    .list-attractions{
        display: grid;
        grid-gap: 20px;
        grid-template-columns: 1fr 1fr 1fr;
    }
}
//
// Modals
// --------------------------------------------------

// .modal-open      - body class for killing the scroll
// .modal           - container to scroll within
// .modal-dialog    - positioning shell for the actual modal
// .modal-content   - actual modal w/ bg and corners and shit

// Kill the scroll on the body
.modal-open {
  overflow: hidden;
}

// Container that the modal scrolls within
.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: @zindex-modal;
  -webkit-overflow-scrolling: touch;

  // Prevent Chrome on Windows from adding a focus outline. For details, see
  // https://github.com/twbs/bootstrap/pull/10951.
  outline: 0;

  // When fading in the modal, animate it to slide down
  &.fade .modal-dialog {
    .translate(0, -25%);
    .transition-transform(~"0.3s ease-out");
  }
  &.in .modal-dialog { .translate(0, 0) }
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

// Shell div to position the modal with bottom padding
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}

// Actual modal
.modal-content {
  position: relative;
  background-color: @modal-content-bg;
  border: 1px solid @modal-content-fallback-border-color; //old browsers fallback (ie8 etc)
  border: 1px solid @modal-content-border-color;
  border-radius: @border-radius-large;
  .box-shadow(0 3px 9px rgba(0,0,0,.5));
  background-clip: padding-box;
  // Remove focus outline from opened modal
  outline: 0;
}

// Modal background
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: @zindex-modal-background;
  background-color: @modal-backdrop-bg;
  // Fade for backdrop
  &.fade { .opacity(0); }
  &.in { .opacity(@modal-backdrop-opacity); }
}

// Modal header
// Top section of the modal w/ title and dismiss
.modal-header {
  padding: @modal-title-padding;
  border-bottom: 1px solid @modal-header-border-color;
  &:extend(.clearfix all);
}
// Close icon
.modal-header .close {
  margin-top: -2px;
}

// Title text within header
.modal-title {
  margin: 0;
  line-height: @modal-title-line-height;
}

// Modal body
// Where all modal content resides (sibling of .modal-header and .modal-footer)
.modal-body {
  position: relative;
  padding: @modal-inner-padding;
}

// Footer (for actions)
.modal-footer {
  padding: @modal-inner-padding;
  text-align: right; // right align buttons
  border-top: 1px solid @modal-footer-border-color;
  &:extend(.clearfix all); // clear it in case folks use .pull-* classes on buttons

  // Properly space out buttons
  .btn + .btn {
    margin-left: 5px;
    margin-bottom: 0; // account for input[type="submit"] which gets the bottom margin like all other inputs
  }
  // but override that for button groups
  .btn-group .btn + .btn {
    margin-left: -1px;
  }
  // and override it for block buttons as well
  .btn-block + .btn-block {
    margin-left: 0;
  }
}

// Measure scrollbar width for padding body during modal show/hide
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

// Scale up the modal
@media (min-width: @screen-sm-min) {
  // Automatically set modal's width for larger viewports
  .modal-dialog {
    width: @modal-md;
    margin: 30px auto;
  }
  .modal-content {
    .box-shadow(0 5px 15px rgba(0,0,0,.5));
  }

  // Modal sizes
  .modal-sm { width: @modal-sm; }
}

@media (min-width: @screen-md-min) {
  .modal-lg { width: @modal-lg; }
}
.modal-open {
  overflow: hidden;
}
.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 15px;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}
.modal .modal-content .modal-body {
    color: #333;
    text-align: left;
}
label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}
input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}
input[type="file"] {
  display: block;
}
input[type="range"] {
  display: block;
  width: 100%;
}
select[multiple],
select[size] {
  height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
}
.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999;
}
.form-control::-webkit-input-placeholder {
  color: #999;
}
.form-control::-ms-expand {
  border: 0;
  background-color: transparent;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #eeeeee;
  opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}
textarea.form-control {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: none;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control,
  input[type="time"].form-control,
  input[type="datetime-local"].form-control,
  input[type="month"].form-control {
    line-height: 34px;
  }
  input[type="date"].input-sm,
  input[type="time"].input-sm,
  input[type="datetime-local"].input-sm,
  input[type="month"].input-sm,
  .input-group-sm input[type="date"],
  .input-group-sm input[type="time"],
  .input-group-sm input[type="datetime-local"],
  .input-group-sm input[type="month"] {
    line-height: 30px;
  }
  input[type="date"].input-lg,
  input[type="time"].input-lg,
  input[type="datetime-local"].input-lg,
  input[type="month"].input-lg,
  .input-group-lg input[type="date"],
  .input-group-lg input[type="time"],
  .input-group-lg input[type="datetime-local"],
  .input-group-lg input[type="month"] {
    line-height: 46px;
  }
}
.form-group {
  margin-bottom: 15px;
}
.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio label,
.checkbox label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px \9;
}
.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
  cursor: not-allowed;
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}
.form-control-static {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
  min-height: 34px;
}
.form-control-static.input-lg,
.form-control-static.input-sm {
  padding-left: 0;
  padding-right: 0;
}
.input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-sm {
  height: 30px;
  line-height: 30px;
}
textarea.input-sm,
select[multiple].input-sm {
  height: auto;
}
.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.form-group-sm select.form-control {
  height: 30px;
  line-height: 30px;
}
.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
  height: auto;
}
.form-group-sm .form-control-static {
  height: 30px;
  min-height: 32px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.input-lg {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
select.input-lg {
  height: 46px;
  line-height: 46px;
}
textarea.input-lg,
select[multiple].input-lg {
  height: auto;
}
.form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.form-group-lg select.form-control {
  height: 46px;
  line-height: 46px;
}
.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
  height: auto;
}
.form-group-lg .form-control-static {
  height: 46px;
  min-height: 38px;
  padding: 11px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.has-feedback {
  position: relative;
}
.has-feedback .form-control {
  padding-right: 42.5px;
}
.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none;
}
.input-lg + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px;
}
.input-sm + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #3c763d;
}
.has-success .form-control {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
  color: #3c763d;
  border-color: #3c763d;
  background-color: #dff0d8;
}
.has-success .form-control-feedback {
  color: #3c763d;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #8a6d3b;
}
.has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .form-control:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
  color: #8a6d3b;
  border-color: #8a6d3b;
  background-color: #fcf8e3;
}
.has-warning .form-control-feedback {
  color: #8a6d3b;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #a94442;
}
.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
  color: #a94442;
  border-color: #a94442;
  background-color: #f2dede;
}
.has-error .form-control-feedback {
  color: #a94442;
}
.has-feedback label ~ .form-control-feedback {
  top: 25px;
}
.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}
.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}
@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-static {
    display: inline-block;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px;
}
.form-horizontal .form-group {
  margin-left: -15px;
  margin-right: -15px;
}
@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px;
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  right: 15px;
}
@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
    font-size: 18px;
  }
}
@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 12px;
  }
}
.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
  color: #333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none;
}
.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:focus,
.btn-default.focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
.btn-default:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
  background-color: #fff;
  border-color: #ccc;
}
.btn-default .badge {
  color: #fff;
  background-color: #333;
}
.btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: #286090;
  border-color: #122b40;
}
.btn-primary:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary .badge {
  color: #337ab7;
  background-color: #fff;
}
.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success:focus,
.btn-success.focus {
  color: #fff;
  background-color: #449d44;
  border-color: #255625;
}
.btn-success:hover {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
  color: #fff;
  background-color: #398439;
  border-color: #255625;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}
.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info:focus,
.btn-info.focus {
  color: #fff;
  background-color: #31b0d5;
  border-color: #1b6d85;
}
.btn-info:hover {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
  color: #fff;
  background-color: #269abc;
  border-color: #1b6d85;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}
.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning:focus,
.btn-warning.focus {
  color: #fff;
  background-color: #ec971f;
  border-color: #985f0d;
}
.btn-warning:hover {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
  color: #fff;
  background-color: #d58512;
  border-color: #985f0d;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}
.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:focus,
.btn-danger.focus {
  color: #fff;
  background-color: #c9302c;
  border-color: #761c19;
}
.btn-danger:hover {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
  color: #fff;
  background-color: #ac2925;
  border-color: #761c19;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}
.btn-link {
  color: #337ab7;
  font-weight: normal;
  border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
  color: #23527c;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #777777;
  text-decoration: none;
}
.btn-lg,
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.btn-sm,
.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-xs,
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
.modal .modal-content .modal-title {
    color: #788983;
    font-size: 24px;
    line-height: 25px;
    text-align: left;
    padding-bottom: 0;
        margin: 0;
}
.modal-header .close {
    margin-top: -2px;
}
button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
}
.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}
.modal {
    font-size:14px;
    line-height:24px;
}
#forgot a{
        color: #337ab7;
    text-decoration: none;
}
.modal .modal-footer .btn+.btn {
    background-color: #337ab7;
    border-radius: 0;
    border: 0;
}
.modal .modal-content .modal-footer .btn-default {
    color: #ffffff;
    background-color: #a62b4e;
    border-radius: 0;
    border: 0 !important;
}
/* .amenities-list ul>li{
    margin: 0;
    padding: 0;
} */