/* CSS Document */
/*  */
@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600&display=swap");
@import url("../fonts/VTCGoblinHand/fontstyle.css");
@import url("../fonts/Amarillo/fontstyle.css");
@import url("../fonts/ExquiseFY-Regular/styles.css");
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
================================================== */
body { font-size: 1.8rem; line-height: 1.6; color: #000000; text-align: center; background-color: #ffffff; }

h1, h2, h3, h4, h5, h6 { font-weight: 400; color: #c99327; text-align: center; }

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

h1 { font-size: 4.4rem; line-height: 1.2; margin-bottom: 20px; }

h1.ft_h1 { font-family: "Amarillo", sans-serif; font-size: 3rem; line-height: 1.2; }

h2 { font-size: 2.8rem; line-height: 1.2; margin-bottom: 20px; }

h2.ft_l_h2 { font-size: 3rem; line-height: 1.2; text-align: left; }

h3 { font-size: 3.4rem; line-height: 1.2; margin-bottom: 30px; }

h3.efth { line-height: 2.2; }

h3.fgn { font-size: 2.8rem; line-height: 1.2; color: #4f7d3c; font-family: "VTCGoblinHand", sans-serif; }

h4 { font-size: 2rem; line-height: 1.6; }

h5 { font-size: 1.4rem; line-height: 1.6; }

h6 { font-size: 4.3rem; line-height: 1.2; }

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: 0px; }

ul.square { list-style: square; }

ul.circle { list-style: circle; }

ul.disc { list-style: disc; }

.detail p { margin-bottom: 25px; }

.detail p:last-child { margin-bottom: 0; }

.detail ul { list-style-type: disc; margin-left: 30px; }

.detail ul ul, .detail ul ol { font-size: 90%; }

.detail ul.ul__txgreen { color: #1d7d72; }

a { position: relative; color: #c89310; text-decoration: none; cursor: pointer; -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; }

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

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, h5 { font-family: "VTCGoblinHand", sans-serif; }

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

h3 { font-family: "Amarillo", sans-serif; }

/* #Textbox style
================================================== */
input, textarea, select, button { background: #f6f6f6; font-size: 1.8rem; line-height: 1.6; color: #000000; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border: 0; outline: inherit; width: 100%; padding: 15px; }

button { background-color: #352010; border: 1px solid #352010; color: #c89310; cursor: pointer; font-size: 2.2rem; letter-spacing: 1.4px; font-weight: 300; 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: #c89310; border: 1px solid #c89310; color: #ffffff; }

select { -moz-appearance: none; -webkit-appearance: none; padding: 13px 10px 12px; outline: 0px; line-height: 1; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; background: url(https://cdn-6386ba12c1ac189bf80f70f6.closte.com/wp-content/themes/wcl/images/icon--select.svg) right center no-repeat #ffffff; background-size: 35px auto; }

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

/* #Helper Class
================================================== */
._text-j { text-align: justify; }

._small { font-size: 0.6em; -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; }

._red { color: #cc0000; }

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

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

/* #Grid
================================================== */
section { position: relative; z-index: 0; }

.box { position: relative; }

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

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

.secsty__main { padding-top: 100px; padding-bottom: 160px; }

.secsty__main2 { padding-top: 40px; padding-bottom: 200px; }

.secsty__main3 { padding-top: 60px; padding-bottom: 100px; }

.secsty__submain { padding-top: 100px; padding-bottom: 80px; background-color: #fff; }

.secsty__sub { padding-top: 100px; padding-bottom: 300px; }

.secsty__sub2 { padding-top: 120px; padding-bottom: 200px; }

.secsty__sub3 { padding-top: 220px; padding-bottom: 180px; }

.secsty__sub4 { padding-top: 100px; padding-bottom: 60px; }

.secsty__sub5 { padding-top: 60px; padding-bottom: 60px; }

.secsty__sub6 { padding-top: 60px; padding-bottom: 30px; }

.secsty__sub7 { padding-top: 100px; padding-bottom: 100px; }

.secsty__sub8 { padding-top: 10px; padding-bottom: 60px; }

.secsty__sub9 { padding-top: 100px; padding-bottom: 0px; }

.secsty__last { padding-top: 0px; padding-bottom: 300px; }

.secsty__last2 { padding-top: 100px; padding-bottom: 300px; }

.secsty__last3 { padding-top: 100px; padding-bottom: 360px; }

.secsty__last4 { padding-top: 0px; padding-bottom: 360px; }

.secsty__last-prearrival { padding-top: 100px; padding-bottom: 190px; }

.secsty__1b { padding-top: 30px; padding-bottom: 360px; }

.secsty__lastphoto { z-index: 100; padding-bottom: 60px; }

.secsty__lastphoto:after { position: absolute; content: ""; height: 160px; width: 100%; left: 0; bottom: 0; background-color: #e4e1de; z-index: -1; }

/* #Button and Link style
================================================== */
._btn__readmore { color: #ffffff; }

._btn__readmore:before { background-color: rgba(0, 0, 0, 0.6); }

._btn__booknow { color: #ffffff; background-color: #c89310; font-family: "VTCGoblinHand", sans-serif; font-size: 1.4rem; line-height: 1.2; padding: 17px 40px 14px 20px; display: inline-block; min-width: 90px; text-align: center; text-transform: initial; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0); }

._btn__booknow:before { position: absolute; content: ""; height: 20px; width: 20px; right: 15px; top: calc(50% - 10px); background: url(https://cdn-6386ba12c1ac189bf80f70f6.closte.com/wp-content/themes/wcl/images/icon--arrowright-w.svg) no-repeat center center; -webkit-transform: none; transform: none; }

._btn__booknow:hover { background-color: #c99327; }

._btn__mainbooknow { border: 1px solid #c89310; padding: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: center; justify-content: center; text-transform: uppercase; font-size: 1.6rem; line-height: 1.6; width: 120px; height: 100%; -webkit-box-align: center; align-items: center; }

._btn__mainbooknow img { width: 55px; -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__mainbooknow span { width: 100%; padding-top: 5px; 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; -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__mainbooknow span:before { position: absolute; content: ""; height: 1px; width: 100%; left: 0; bottom: -3px; background-color: #c89310; -webkit-transition: transform 0.6s ease-out 0s; -moz-transition: transform 0.6s ease-out 0s; -o-transition: transform 0.6s ease-out 0s; -ms-transition: transform 0.6s ease-out 0s; transition: transform 0.6s ease-out 0s; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: right; transform-origin: right; }

._btn__mainbooknow:hover span:before { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: left; transform-origin: left; }

._btn__explore, ._btn__explore-sm { color: #c99327; font-family: "VTCGoblinHand", sans-serif; position: relative; display: inline-block; }

._btn__explore:before, ._btn__explore-sm:before { position: absolute; content: ""; height: 2px; width: 100%; left: 0; bottom: 1px; background-color: #c99327; -webkit-transform: none; transform: none; }

._btn__explore:after, ._btn__explore-sm:after { position: absolute; content: ""; height: 28px; width: 28px; display: inline-block; left: calc(100% + 10px); top: 0px; background: url(https://cdn-6386ba12c1ac189bf80f70f6.closte.com/wp-content/themes/wcl/images/icon--arrowright-org.svg) no-repeat center center; }

._btn__explore-sm { font-size: 1.5rem; line-height: 1.2; }

._btn__explore-sm:after { top: -3px; width: 25px; height: 25px; }

._btn__menu, ._btn__gallery { margin-bottom: 20px; color: #4f7d3c; font-family: "Amarillo", sans-serif; font-size: 1.2rem; line-height: 1.2; line-height: 2.8; position: relative; display: inline-block; text-align: left; padding-left: 40px; }

._btn__menu:after, ._btn__gallery:after { position: absolute; content: ""; height: 30px; width: 30px; left: 0; top: -2px; background: url(https://cdn-6386ba12c1ac189bf80f70f6.closte.com/wp-content/themes/wcl/images/icon--pdf.svg) no-repeat center center; background-size: 30px auto; }

._btn__menu span, ._btn__gallery span { padding-bottom: 2px; border-bottom: 1px solid #4f7d3c; }

._btn__menu.yel, .yel._btn__gallery { color: #c99327; }

._btn__menu.yel span, .yel._btn__gallery span { border-color: #c99327; }

._btn__gallery:after { background-image: url(https://cdn-6386ba12c1ac189bf80f70f6.closte.com/wp-content/themes/wcl/images/icon--gallery.svg); background-size: 32px auto; }

._btn__bookatable { background-color: #352010; color: #ffffff; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; justify-content: center; align-items: center; width: 210px; height: 240px; border-radius: 70px; margin: auto; }

._btn__bookatable img { width: 60px; margin-bottom: 5px !important; }

._btn__bookatable span { display: block; width: 100%; font-family: "VTCGoblinHand", sans-serif; font-size: 2.2rem; line-height: 1.6; line-height: 1.3; }

._btn__bookatable:after { position: absolute; content: ""; left: -1px; right: -1px; top: -1px; bottom: -1px; background: url(../images/box--border-w-sty9.png) no-repeat center center; background-size: 100% 100%; -webkit-transform: none; transform: none; z-index: 10; }

._btn__submit { background-color: inherit; border: 0; border-radius: 0; font-family: "VTCGoblinHand", sans-serif; width: auto; font-size: 2.4rem; line-height: 1.2; position: relative; padding: 0; }

._btn__submit:hover { background-color: inherit; border: 0; color: #000000; }

._btn__submit:before { position: absolute; content: ""; height: 2px; width: 100%; left: 0; bottom: -2px; background-color: #c99327; -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:before { background-color: #000000; }

._btn__map { position: relative; padding-left: 40px; color: #000000; }

._btn__map:after { position: absolute; content: ""; height: 30px; width: 30px; left: 0; top: -5px; background: url(https://cdn-6386ba12c1ac189bf80f70f6.closte.com/wp-content/themes/wcl/images/icon--pin.svg) no-repeat center center; background-size: 32px auto; }

._btn__map:before { transform: none; position: absolute; content: ""; height: 2px; right: 0; left: 40px; top: 100%; background-color: #000000; }

._btn__mobilemenu { border: 1px solid #c89310; margin-right: 15px; padding: 25px 20px 0; text-transform: uppercase; color: #c89310; cursor: pointer; position: relative; }

._btn__mobilemenu .icon { width: 50px; margin-bottom: 10px; }

._btn__mobilemenu .icon span { display: block; width: 100%; height: 2px; background-color: #c89310; margin: 0 0 7px; }

._btn__mobilemenu .icon span:last-child { margin: 0; }

._btn__mobilemenu:before { position: absolute; content: ""; height: 1px; width: 100%; left: 0; bottom: -3px; background-color: #c89310; -webkit-transition: transform 0.6s ease-out 0s; -moz-transition: transform 0.6s ease-out 0s; -o-transition: transform 0.6s ease-out 0s; -ms-transition: transform 0.6s ease-out 0s; transition: transform 0.6s ease-out 0s; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: right; transform-origin: right; }

._btn__mobilemenu:hover:before { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: left; transform-origin: left; }

/* #Font style
================================================== */
.tx__c-green, .tx__l-green { color: #4f7d3c; }

.tx__l-green { text-align: left; }

.tx__c-green2, .tx__l-green2 { color: #1d7d72; }

.tx__l-green2 { text-align: left; }

.tx__c-red, .tx__l-red { color: #a73c11; }

.tx__l-red { text-align: left; }

.tx__c-white { color: #ffffff; }

/* #Icon
================================================== */
.icon { position: relative; display: inline-block; width: 20px; height: 20px; background-position: center center; background-repeat: no-repeat; }

.icon--fb { background: url(https://cdn-6386ba12c1ac189bf80f70f6.closte.com/wp-content/themes/wcl/images/icon--fb.svg) no-repeat center center; }

.icon--tw { background: url(https://cdn-6386ba12c1ac189bf80f70f6.closte.com/wp-content/themes/wcl/images/icon--tw.svg) no-repeat center center; }

/* #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; }

.is-locked { overflow: hidden; }

.is-scrolllocked { overflow: hidden; height: 100vh; }

.photodetailblue, .sty__2col_w_photo .photo .pho_detail, .sty__2col_w_photo-lsub .photo .pho_detail, .sty__2col_w_photo-lsub .text .scol1 .pho_detail, .sty__smlistphoto .box p { font-size: 1.6rem; line-height: 1.6; line-height: 1.2; color: #00547e; font-style: italic; }

.sty__bgbrown, .sec__h--followus, .sec__des--useful-information { background-color: #352010; color: #ffffff; }

.sty__bgbrown .container, .sec__h--followus .container, .sec__des--useful-information .container { z-index: 12; }

/* # effect
================================================== */
.efth > span, .sd__bigphoto .title > span { position: relative; overflow: hidden; display: inline-block; }

.efth span, .sd__bigphoto .title span { position: relative; overflow: hidden; -webkit-transition: 0.7s; transition: 0.7s; }

.efth span .out, .sd__bigphoto .title span .out { display: -webkit-inline-box; display: inline-flex; }

.efth span .in, .sd__bigphoto .title span .in { position: absolute; left: 0; opacity: 0; -webkit-transform: translateX(100%); transform: translateX(100%); }

.efth.active span .out, .sd__bigphoto .title.active span .out { opacity: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); }

.efth.active span .in, .sd__bigphoto .title.active span .in { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }

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

.slick-track { height: 100%; }

.slick-arrow { position: absolute; top: calc(50% - 20px); background: none; border: 0; width: 50px; height: 100px; z-index: 400; font-size: 0; -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-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-arrow:before { /* position: absolute; content: ""; height: 1px; width: 130px; top: 50%; background-color: $col--white; @include transition(all, 0.6s); */ }

.slick-arrow:hover:before { /* width: 80px; */ }

.slick-prev { left: -70px; background: url(https://cdn-6386ba12c1ac189bf80f70f6.closte.com/wp-content/themes/wcl/images/icon--arrowleft.svg) no-repeat left center; }

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

.slick-next { right: -70px; background: url(https://cdn-6386ba12c1ac189bf80f70f6.closte.com/wp-content/themes/wcl/images/icon--arrowright.svg) no-repeat right center; }

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

.slick-dots { width: 50%; bottom: 70px; left: 80px; position: absolute; text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-align: center; align-items: center; }

.slick-dots li { display: inline-block; margin: 0 3px; -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; }

.slick-dots li button { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; width: 9px; height: 9px; padding: 0; margin: 0 4px; border: 0px solid #ffffff; background: #ffffff; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)"; filter: alpha(opacity=60); -webkit-opacity: 0.6; -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6; font-size: 0; position: relative; }

.slick-dots li button:before { position: absolute; content: ""; left: 0; top: 0; bottom: 0; right: 0; border: 1px solid #ffffff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -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; }

.slick-dots li.slick-active { margin: 0 5px; }

.slick-dots li.slick-active button { -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-dots li.slick-active button:before { top: -5px; bottom: -5px; left: -5px; right: -5px; }

/* #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; }

#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(https://cdn-6386ba12c1ac189bf80f70f6.closte.com/wp-content/themes/wcl/images/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; }

/* # stycss
================================================== */
.sty__maincentent { max-width: 960px; margin: auto; }

.sty__maincentent h2 { font-family: "Amarillo", sans-serif; }

.sty__maincentent .title { padding-bottom: 20px; }

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

.sty__maincentent .smdetail { max-width: 660px; margin: auto; }

.sty__maincentent .line { padding-top: 50px; }

.sty__maincentent .line img { height: 37px; }

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

.sty__submaincontent .subtitle { padding-bottom: 30px; }

.sty__submaincontent .subtitle h2 { font-style: italic; font-family: "ExquiseFY-Regular", serif; color: #000000; font-size: 1.8rem; line-height: 1.6; }

.sty__dtl-content { max-width: 840px; margin: auto; margin-top: 0; margin-bottom: 40px; }

.sty__boxc4 .box { width: calc(25% - 20px); }

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

.sty__boxig .box { width: calc(33.33% - 10px); margin-bottom: 15px; }

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

.sty__boxig .box a:before { position: absolute; content: ""; left: -1px; right: -1px; top: -1px; bottom: -1px; background: url(../images/box--border-styig.png) no-repeat center center; background-size: 100% 100%; -webkit-transform: none; transform: none; z-index: 10; }

.sty__boxig .box a img { -webkit-transition: all 6s ease 0s; -moz-transition: all 6s ease 0s; -o-transition: all 6s ease 0s; -ms-transition: all 6s ease 0s; transition: all 6s ease 0s; }

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

.sty__boxig .wrap:hover a { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)"; filter: alpha(opacity=40); -webkit-opacity: 0.4; -moz-opacity: 0.4; -khtml-opacity: 0.4; opacity: 0.4; }

.sty__boxig .wrap:hover a:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)"; filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }

.sty__boxig .wrap:hover a:hover img { -webkit-transform: scale(1.05); transform: scale(1.05); -webkit-transition: all 8s ease 0s; -moz-transition: all 8s ease 0s; -o-transition: all 8s ease 0s; -ms-transition: all 8s ease 0s; transition: all 8s ease 0s; }

.sty__tablist { padding-bottom: 60px; max-width: 1024px; margin: auto; }

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

.sty__tablist ul li { margin: 0 1px; }

.sty__tablist ul li a { background-color: #ededed; color: #352010; display: inline-block; padding: 15px 30px; font-family: "VTCGoblinHand", sans-serif; font-size: 1.6rem; line-height: 1.6; }

.sty__tablist ul li a.active, .sty__tablist ul li a:hover { background-color: #352010; color: #ffffff; }

.sty__tablist.green ul li a { color: #4f7d3c; }

.sty__tablist.green ul li a.active, .sty__tablist.green ul li a:hover { background-color: #4f7d3c; color: #ffffff; }

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

.sty__togglelist .box { width: 100%; text-align: left; background: url(https://cdn-6386ba12c1ac189bf80f70f6.closte.com/wp-content/themes/wcl/images/line--dot-w.svg) repeat-x bottom center; background-size: 6px auto; padding-bottom: 20px; padding-top: 20px; }

.sty__togglelist .box .title { color: #c99327; font-family: "VTCGoblinHand", sans-serif; }

.sty__togglelist .box .text { padding-top: 20px; padding-bottom: 10px; }

.sty__togglelist .box .text.active { padding-top: 0px; padding-bottom: 0px; }

.sty__togglelist .box.tabact .taba:before { background-image: url(https://cdn-6386ba12c1ac189bf80f70f6.closte.com/wp-content/themes/wcl/images/icon--arrowscrolldown-w.svg); }

.sty__boxc3 { max-width: 1024px; margin: auto; }

.sty__boxc3 .box { width: calc( 33.33% - 10px); }

.sty__boxc3 .box .photo { overflow: hidden; position: relative; padding: 0 20px; }

.sty__boxc3 .box .photo .sdbox { width: 100%; position: relative; }

.sty__boxc3 .box .photo .sdbox:before { position: absolute; content: ""; left: -1px; right: -1px; top: -1px; bottom: -1px; background: url(../images/box--border-sty3.png) no-repeat center center; background-size: 100% 100%; }

.sty__boxc3 .box .photo .sdbox img { width: 100%; }

.sty__boxc3 .box .photo .photobr { border-radius: 80px; overflow: hidden; }

.sty__boxc3 .box .text { padding-top: 20px; }

.sty__boxc3 .box .text h4 { margin-bottom: 5px; text-transform: uppercase; }

.sty__boxc3 .box .text .detail { font-size: 1.8rem; color: #ffffff; }

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

.sty__3photo .box { width: calc( 33.33% - 40px); }

.sty__3photo .box .psty__w3 { margin: 0; }

.sty__showlist_offers { max-width: 1100px; margin: auto; }

.sty__showlist_offers .wrapbox { /* @include flex; -webkit-box-pack: justify; justify-content: space-between; */ overflow: hidden; max-height: 0; }

.sty__showlist_offers .wrapbox.active { max-height: 1000px; }

.sty__showlist_offers .wrapbox .box { padding: 0 20px; }

.sty__showlist_offers .wrapbox .box .photo { overflow: hidden; position: relative; padding: 0 20px; }

.sty__showlist_offers .wrapbox .box .text { padding-top: 25px; }

.sty__showlist_offers .wrapbox .box .title { text-transform: uppercase; padding-bottom: 5px; }

.sty__showlist_offers .wrapbox .box .detail { color: #000000; }

.sty__showlist_offers .wrapbox .slick-slide:nth-child(odd) .photo .psty__w3:before { background-image: url(../images/box--border-w-sty2-2.png); }

.sty__slidefullphoto, .sty__slidefullphoto-arrow, .sty__slidehhvillas, .sty__slidecontent-arrow, .sty__slidecontent-arrow-reverse { width: 100%; position: relative; }

.sty__slidefullphoto div[class*="sd__"] .box, .sty__slidefullphoto-arrow div[class*="sd__"] .box, .sty__slidehhvillas div[class*="sd__"] .box, .sty__slidecontent-arrow div[class*="sd__"] .box, .sty__slidecontent-arrow-reverse div[class*="sd__"] .box { /* height: 100vh; */ width: 100%; }

.sty__slidefullphoto div[class*="sd__"] .box a, .sty__slidefullphoto-arrow div[class*="sd__"] .box a, .sty__slidehhvillas div[class*="sd__"] .box a, .sty__slidecontent-arrow div[class*="sd__"] .box a, .sty__slidecontent-arrow-reverse div[class*="sd__"] .box a { display: block; }

.sty__slidefullphoto .slick-arrow, .sty__slidefullphoto-arrow .slick-arrow, .sty__slidehhvillas .slick-arrow, .sty__slidecontent-arrow .slick-arrow, .sty__slidecontent-arrow-reverse .slick-arrow { bottom: 120px; top: auto; }

.sty__slidefullphoto .slick-prev, .sty__slidefullphoto-arrow .slick-prev, .sty__slidehhvillas .slick-prev, .sty__slidecontent-arrow .slick-prev, .sty__slidecontent-arrow-reverse .slick-prev { left: auto; right: calc(100px + 70px); background: url(https://cdn-6386ba12c1ac189bf80f70f6.closte.com/wp-content/themes/wcl/images/icon--arrowleft-w.svg) no-repeat center center; background-size: auto 40px; }

.sty__slidefullphoto .slick-prev:hover, .sty__slidefullphoto-arrow .slick-prev:hover, .sty__slidehhvillas .slick-prev:hover, .sty__slidecontent-arrow .slick-prev:hover, .sty__slidecontent-arrow-reverse .slick-prev:hover { -webkit-transform: translateX(-10px); transform: translateX(-10px); }

.sty__slidefullphoto .slick-next, .sty__slidefullphoto-arrow .slick-next, .sty__slidehhvillas .slick-next, .sty__slidecontent-arrow .slick-next, .sty__slidecontent-arrow-reverse .slick-next { right: 100px; background: url(https://cdn-6386ba12c1ac189bf80f70f6.closte.com/wp-content/themes/wcl/images/icon--arrowright-w.svg) no-repeat center center; background-size: auto 40px; }

.sty__slidefullphoto .slick-next:hover, .sty__slidefullphoto-arrow .slick-next:hover, .sty__slidehhvillas .slick-next:hover, .sty__slidecontent-arrow .slick-next:hover, .sty__slidecontent-arrow-reverse .slick-next:hover { -webkit-transform: translateX(10px); transform: translateX(10px); }

.sty__slidefullphoto ._shadow, .sty__slidefullphoto-arrow ._shadow, .sty__slidehhvillas ._shadow, .sty__slidecontent-arrow ._shadow, .sty__slidecontent-arrow-reverse ._shadow { z-index: 10; }

.sty__slidefullphoto .photo, .sty__slidefullphoto-arrow .photo, .sty__slidehhvillas .photo, .sty__slidecontent-arrow .photo, .sty__slidecontent-arrow-reverse .photo { z-index: 9; }

.sty__slidefullphoto .text, .sty__slidefullphoto-arrow .text, .sty__slidehhvillas .text, .sty__slidecontent-arrow .text, .sty__slidecontent-arrow-reverse .text { z-index: 11; position: absolute; left: 100px; bottom: 120px; }

.sty__slidefullphoto .text .title, .sty__slidefullphoto-arrow .text .title, .sty__slidehhvillas .text .title, .sty__slidecontent-arrow .text .title, .sty__slidecontent-arrow-reverse .text .title { font-family: "VTCGoblinHand", sans-serif; color: #c89310; font-size: 3rem; line-height: 1.2; padding-bottom: 20px; text-align: left; }

.sty__slidefullphoto .text .subtitle, .sty__slidefullphoto-arrow .text .subtitle, .sty__slidehhvillas .text .subtitle, .sty__slidecontent-arrow .text .subtitle, .sty__slidecontent-arrow-reverse .text .subtitle { font-family: "Amarillo", sans-serif; color: #ffffff; font-size: 1.4rem; line-height: 1.2; text-align: left; }

.sty__slidefullphoto .text .titlev2, .sty__slidefullphoto-arrow .text .titlev2, .sty__slidehhvillas .text .titlev2, .sty__slidecontent-arrow .text .titlev2, .sty__slidecontent-arrow-reverse .text .titlev2 { color: #ffffff; font-family: "VTCGoblinHand", sans-serif; font-size: 2.4rem; line-height: 1.2; }

.sty__slidefullphoto ._photomask, .sty__slidefullphoto-arrow ._photomask, .sty__slidehhvillas ._photomask, .sty__slidecontent-arrow ._photomask, .sty__slidecontent-arrow-reverse ._photomask { width: 100vw; height: 50vw; background-image: url(../images/slide--keemala-home01.html); background-size: contain; background-position: center; background-repeat: no-repeat; -webkit-mask-image: url(https://cdn-6386ba12c1ac189bf80f70f6.closte.com/wp-content/themes/wcl/images/img--maskacc.svg); mask-image: url(https://cdn-6386ba12c1ac189bf80f70f6.closte.com/wp-content/themes/wcl/images/img--maskacc.svg); -webkit-mask-size: 100vw; mask-size: 100vw; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; }

.sty__slidefullphoto ._photomask img, .sty__slidefullphoto-arrow ._photomask img, .sty__slidehhvillas ._photomask img, .sty__slidecontent-arrow ._photomask img, .sty__slidecontent-arrow-reverse ._photomask img { width: 1px; height: 1px; }

.sty__slidefullphoto ._shadow, .sty__slidefullphoto-arrow ._shadow, .sty__slidehhvillas ._shadow, .sty__slidecontent-arrow ._shadow, .sty__slidecontent-arrow-reverse ._shadow { position: absolute; top: 0; left: 0; right: 0; width: 100vw; height: 50vw; background-image: url(../images/bg--shadowfullslide.png); background-size: 40% auto; background-position: bottom center; background-repeat: repeat-x; -webkit-mask-image: url(https://cdn-6386ba12c1ac189bf80f70f6.closte.com/wp-content/themes/wcl/images/img--maskacc.svg); mask-image: url(https://cdn-6386ba12c1ac189bf80f70f6.closte.com/wp-content/themes/wcl/images/img--maskacc.svg); -webkit-mask-size: 100vw; mask-size: 100vw; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; }

.sty__slidefullphoto .tx__slide, .sty__slidefullphoto-arrow .tx__slide, .sty__slidehhvillas .tx__slide, .sty__slidecontent-arrow .tx__slide, .sty__slidecontent-arrow-reverse .tx__slide { position: absolute; left: calc((100% - 1100px)/2); bottom: 120px; z-index: 10; }

.sty__slidefullphoto .tx__slide .title, .sty__slidefullphoto-arrow .tx__slide .title, .sty__slidehhvillas .tx__slide .title, .sty__slidecontent-arrow .tx__slide .title, .sty__slidecontent-arrow-reverse .tx__slide .title { font-family: "VTCGoblinHand", sans-serif; color: #c89310; font-size: 3rem; line-height: 1.2; padding-bottom: 20px; }

.sty__slidefullphoto .tx__slide .subtitle, .sty__slidefullphoto-arrow .tx__slide .subtitle, .sty__slidehhvillas .tx__slide .subtitle, .sty__slidecontent-arrow .tx__slide .subtitle, .sty__slidecontent-arrow-reverse .tx__slide .subtitle { font-family: "Amarillo", sans-serif; color: #ffffff; font-size: 1.4rem; line-height: 1.2; text-align: left; }

.sty__slidefullphoto.reverse .photo ._photomask, .reverse.sty__slidefullphoto-arrow .photo ._photomask, .reverse.sty__slidehhvillas .photo ._photomask, .reverse.sty__slidecontent-arrow .photo ._photomask, .reverse.sty__slidecontent-arrow-reverse .photo ._photomask { -webkit-mask-image: url(https://cdn-6386ba12c1ac189bf80f70f6.closte.com/wp-content/themes/wcl/images/img--maskacc2.svg); mask-image: url(https://cdn-6386ba12c1ac189bf80f70f6.closte.com/wp-content/themes/wcl/images/img--maskacc2.svg); }

.sty__slidefullphoto.reverse ._shadow, .reverse.sty__slidefullphoto-arrow ._shadow, .reverse.sty__slidehhvillas ._shadow, .reverse.sty__slidecontent-arrow ._shadow, .reverse.sty__slidecontent-arrow-reverse ._shadow { -webkit-mask-image: url(https://cdn-6386ba12c1ac189bf80f70f6.closte.com/wp-content/themes/wcl/images/img--maskacc2.svg); mask-image: url(https://cdn-6386ba12c1ac189bf80f70f6.closte.com/wp-content/themes/wcl/images/img--maskacc2.svg); }

.sty__slidefullphoto-arrow .slick-arrow, .sty__slidehhvillas .slick-arrow { bottom: auto; top: calc(50% - 50px); width: 100px; height: 100px; background-size: auto 60px; }

.sty__slidefullphoto-arrow .slick-prev, .sty__slidehhvillas .slick-prev { left: 60px; right: auto; background-image: url(https://cdn-6386ba12c1ac189bf80f70f6.closte.com/wp-content/themes/wcl/images/icon--arrowleft-w2.svg); }

.sty__slidefullphoto-arrow .slick-next, .sty__slidehhvillas .slick-next { right: 60px; }

.sty__slidecontent-arrow .slick-arrow, .sty__slidecontent-arrow-reverse .slick-arrow { bottom: auto; top: calc(50% - 50px); width: 100px; height: 100px; background-size: auto 60px; }

.sty__slidecontent-arrow .slick-prev, .sty__slidecontent-arrow-reverse .slick-prev { left: 60px; right: auto; background-image: url(https://cdn-6386ba12c1ac189bf80f70f6.closte.com/wp-content/themes/wcl/images/icon--arrowleft-w2.svg); }

.sty__slidecontent-arrow .slick-next, .sty__slidecontent-arrow-reverse .slick-next { right: 60px; }

.sty__slidecontent-arrow .sdbox .text, .sty__slidecontent-arrow-reverse .sdbox .text { max-width: 660px; margin: auto; left: calc((100% - 660px)/2); bottom: 160px; }

.sty__slidecontent-arrow .sdbox .text .title h3, .sty__slidecontent-arrow-reverse .sdbox .text .title h3 { color: #ffffff; margin-bottom: 20px; }

.sty__slidecontent-arrow .sdbox .text .detail, .sty__slidecontent-arrow-reverse .sdbox .text .detail { color: #ffffff; font-family: "VTCGoblinHand", sans-serif; font-style: italic; font-size: 2.2rem; line-height: 1.6; }

.sty__slidecontent-arrow ._shadow, .sty__slidecontent-arrow-reverse ._shadow { background-size: auto 50%; }

.sty__slidecontent-arrow-reverse .photo ._photomask { -webkit-mask-image: url(https://cdn-6386ba12c1ac189bf80f70f6.closte.com/wp-content/themes/wcl/images/img--maskacc2.svg); mask-image: url(https://cdn-6386ba12c1ac189bf80f70f6.closte.com/wp-content/themes/wcl/images/img--maskacc2.svg); }

.sty__slidecontent-arrow-reverse ._shadow { -webkit-mask-image: url(https://cdn-6386ba12c1ac189bf80f70f6.closte.com/wp-content/themes/wcl/images/img--maskacc2.svg); mask-image: url(https://cdn-6386ba12c1ac189bf80f70f6.closte.com/wp-content/themes/wcl/images/img--maskacc2.svg); }

.sty__slidehhvillas .text { left: 200px; }

.sty__slidehhvillas .text .title { text-align: left; font-size: 2.4rem; line-height: 1.2; color: #ffffff; padding-bottom: 10px; }

.sty__slidehhvillas .text .subtitle { font-size: 1.3rem; line-height: 1.2; font-family: "ExquiseFY-Regular", serif; }

.sty__2col_w_photo, .sty__2col_w_photo-lsub { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: justify; justify-content: space-between; max-width: 1100px; margin: auto; }

.sty__2col_w_photo .photo, .sty__2col_w_photo-lsub .photo { width: 40%; padding-right: 60px; }

.sty__2col_w_photo .photo .pho_detail, .sty__2col_w_photo-lsub .photo .pho_detail { color: #4f7d3c; padding-top: 15px; }

.sty__2col_w_photo .text, .sty__2col_w_photo-lsub .text { width: 60%; text-align: justify; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-align: center; align-items: center; }

.sty__2col_w_photo .text .title, .sty__2col_w_photo-lsub .text .title { color: #4f7d3c; font-size: 3rem; line-height: 1.2; font-family: "VTCGoblinHand", sans-serif; padding-bottom: 25px; }

.sty__2col_phtx { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: justify; justify-content: space-between; max-width: 960px; margin: auto; }

.sty__2col_phtx .photo { width: 40%; padding-right: 120px; }

.sty__2col_phtx .photo img { border-radius: 70px; }

.sty__2col_phtx .text { width: 60%; text-align: justify; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-align: center; align-items: center; }

.sty__2col_phtx .text .title h3 { text-align: left; color: #4f7d3c; font-size: 3rem; line-height: 1.2; }

.sty__2col_phtx .text .detail { text-align: left; }

.sty__2col_phtx.reverse { flex-flow: row-reverse; }

.sty__2col_phtx.reverse .photo { padding-left: 120px; padding-right: 0; }

.sty__2col_w_photo-v2, .sty__liststy1 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: justify; justify-content: space-between; max-width: 1100px; margin: auto; }

.sty__2col_w_photo-v2 .text, .sty__liststy1 .text { text-align: left; width: 70%; padding-right: 30px; }

.sty__2col_w_photo-v2 .photo, .sty__liststy1 .photo { width: 30%; padding-left: 30px; }

.sty__2col_w_photo-v2.reverse, .reverse.sty__liststy1 { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-flow: row-reverse; }

.sty__2col_w_photo-v2.reverse .text, .reverse.sty__liststy1 .text { padding-right: 0; padding-left: 30px; }

.sty__2col_w_photo-v2.reverse .text .substy__txphoto .text, .reverse.sty__liststy1 .text .substy__txphoto .text { padding: 0; }

.sty__2col_w_photo-v2.reverse .text .substy__txphoto .text .title h3, .reverse.sty__liststy1 .text .substy__txphoto .text .title h3 { text-align: left; font-family: "VTCGoblinHand", sans-serif; font-size: 2.4rem; line-height: 1.2; color: #4f7d3c; }

.sty__2col_w_photo-v2.reverse .text .substy__txphoto .photo, .reverse.sty__liststy1 .text .substy__txphoto .photo { padding: 0; }

.sty__2col_w_photo-v2.reverse .photo, .reverse.sty__liststy1 .photo { padding-left: 0; padding-right: 30px; }

.sty__txcolun { max-width: 1100px; margin: auto; }

.sty__txcolun p { text-align: justify; }

.sty__2col50txp { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; justify-content: space-between; max-width: 1100px; margin: auto; padding-top: 30px; }

.sty__2col50txp h5 { text-align: left; font-family: "VTCGoblinHand", sans-serif; color: #1d7d72; font-size: 2rem; line-height: 2; margin-bottom: 10px; }

.sty__2col50txp .col { width: calc(50% - 30px); }

.sty__2col50txp .text { text-align: left; }

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

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

.sty__2col50txp .smphoto { width: calc(50% - 20px); }

.sty__2col_w_photo-lsub { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-flow: row-reverse; }

.sty__2col_w_photo-lsub .photo { padding-right: 0; padding-left: 60px; }

.sty__2col_w_photo-lsub .text { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: start; align-items: flex-start; }

.sty__2col_w_photo-lsub .text .scol1 { width: 30%; text-align: center; }

.sty__2col_w_photo-lsub .text .scol1 img { margin-bottom: 30px; }

.sty__2col_w_photo-lsub .text .scol2 { width: 70%; padding-left: 30px; }

.sty__2col, .sty__2collist { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: justify; justify-content: space-between; max-width: 1100px; margin: auto; }

.sty__2col .box, .sty__2collist .box { width: 40%; margin-bottom: 60px; text-align: left; }

.sty__2col .box .photo, .sty__2collist .box .photo { padding-bottom: 20px; }

.sty__2col .box .photo img, .sty__2collist .box .photo img { width: 100%; }

.sty__2col .box .text, .sty__2collist .box .text { padding-left: 10px; padding-right: 10px; }

.sty__2col .box .text .detail, .sty__2collist .box .text .detail { font-family: "VTCGoblinHand", sans-serif; font-size: 1.6rem; line-height: 1.8; padding-bottom: 20px; }

.sty__indexlist { /* padding-top: 60px; */ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; justify-content: center; padding-bottom: 30px; }

.sty__indexlist button { font-family: "VTCGoblinHand", sans-serif; background: none; width: auto; border: 0; color: #000000; font-size: 1.8rem; line-height: 1.6; }

.sty__indexlist button.active, .sty__indexlist button:hover { color: #c99327; }

.sty__2collist { max-width: calc(1100px + 60px); overflow: hidden; padding-top: 30px; }

.sty__2collist .box { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; justify-content: space-between; width: 50%; padding: 30px; margin: 0; }

.sty__2collist .box .photo { width: calc(40% - 10px); }

.sty__2collist .box .text { width: calc(60% - 10px); padding: 20px 0 0 0; }

.sty__2collist .box .text .title { color: #c99327; font-family: "VTCGoblinHand", sans-serif; margin-bottom: 10px; }

.sty__2collist .box .text .detail { font-family: "ExquiseFY-Regular", serif; line-height: 1.6; }

.sty__2collist .box .text .date { font-style: italic; font-size: 1.6rem; line-height: 1.6; }

.sty__2collist .box.hidden { visibility: hidden; width: 0px !important; height: 0px !important; margin: 0px !important; padding: 0px !important; }

.sty__smlistphoto .box { padding-bottom: 15px; }

.sty__smlistphoto .box img { margin-bottom: 15px; }

.sty__smlistphoto .box p { padding-left: 30px; padding-right: 30px; }

.sty__smlistphoto .link { text-align: left; }

.sty__smlistphoto.tx__green p { color: #4f7d3c; }

.sty__smlistphoto.tx__green2 p { color: #1d7d72; }

.sty__smlistphoto.tx__green2 ._btn__menu, .sty__smlistphoto.tx__green2 ._btn__gallery, .sty__smlistphoto.tx__green2 ._btn__gallery { color: #1d7d72; }

.sty__smlistphoto.tx__green2 ._btn__menu span, .sty__smlistphoto.tx__green2 ._btn__gallery span, .sty__smlistphoto.tx__green2 ._btn__gallery span { border-color: #1d7d72; }

.sty__smlistphoto.tx__green2 ._btn__bookatable { background-color: #1d7d72; }

.sty__smlistphoto.tx__red p { color: #a73c11; }

.sty__bgfullphoto, .sty__bgfullphoto-reverse { height: 50vw; 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; }

.sty__bgfullphoto .photo, .sty__bgfullphoto-reverse .photo { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; }

.sty__bgfullphoto .photo ._photomask, .sty__bgfullphoto-reverse .photo ._photomask { width: 100vw; height: 50vw; background-image: url(../images/slide--keemala-home01.html); background-size: contain; background-position: center; background-repeat: no-repeat; -webkit-mask-image: url(https://cdn-6386ba12c1ac189bf80f70f6.closte.com/wp-content/themes/wcl/images/img--maskacc.svg); mask-image: url(https://cdn-6386ba12c1ac189bf80f70f6.closte.com/wp-content/themes/wcl/images/img--maskacc.svg); -webkit-mask-size: 100vw; mask-size: 100vw; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; }

.sty__bgfullphoto .photo img, .sty__bgfullphoto-reverse .photo img { width: 1px; height: 1px; display: none; }

.sty__bgfullphoto .text, .sty__bgfullphoto-reverse .text { max-width: 720px; margin: auto; position: relative; z-index: 10; }

.sty__bgfullphoto .text .detail, .sty__bgfullphoto-reverse .text .detail { text-align: center; font-style: italic; color: #ffffff; font-size: 2rem; line-height: 2; }

.sty__bgfullphoto .text .detail.sm, .sty__bgfullphoto-reverse .text .detail.sm { max-width: 660px; margin: auto; font-size: 1.8rem; line-height: 1.6; font-style: normal; }

.sty__bgfullphoto-reverse .photo ._photomask { -webkit-mask-image: url(https://cdn-6386ba12c1ac189bf80f70f6.closte.com/wp-content/themes/wcl/images/img--maskacc2.svg); mask-image: url(https://cdn-6386ba12c1ac189bf80f70f6.closte.com/wp-content/themes/wcl/images/img--maskacc2.svg); }

.sty__shadowfullphoto { position: absolute; top: 0; left: 0; right: 0; width: 100vw; height: 50vw; background-image: url(../images/bg--shadowfullslide.png); background-size: 35% auto; background-position: bottom center; background-repeat: repeat-x; -webkit-mask-image: url(https://cdn-6386ba12c1ac189bf80f70f6.closte.com/wp-content/themes/wcl/images/img--maskacc.svg); mask-image: url(https://cdn-6386ba12c1ac189bf80f70f6.closte.com/wp-content/themes/wcl/images/img--maskacc.svg); -webkit-mask-size: 100vw; mask-size: 100vw; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; }

.sty__shadowfullphoto-reverse { position: absolute; top: 0; left: 0; right: 0; width: 100vw; height: 50vw; background-image: url(../images/bg--shadowfullslide.png); background-size: 35% auto; background-position: bottom center; background-repeat: repeat-x; -webkit-mask-image: url(https://cdn-6386ba12c1ac189bf80f70f6.closte.com/wp-content/themes/wcl/images/img--maskacc2.svg); mask-image: url(https://cdn-6386ba12c1ac189bf80f70f6.closte.com/wp-content/themes/wcl/images/img--maskacc2.svg); -webkit-mask-size: 100vw; mask-size: 100vw; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; }

.sty__shadowtop { position: absolute; top: 0; left: 0; right: 0; width: 100vw; height: 50vw; background-image: url(../images/shadow--banner-b.png); background-size: auto 450px; background-position: center -50px; background-repeat: repeat-x; -webkit-mask-image: url(https://cdn-6386ba12c1ac189bf80f70f6.closte.com/wp-content/themes/wcl/images/img--maskacc2.svg); mask-image: url(https://cdn-6386ba12c1ac189bf80f70f6.closte.com/wp-content/themes/wcl/images/img--maskacc2.svg); -webkit-mask-size: 100vw; mask-size: 100vw; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; opacity: 0.3; }

.sty__list1r { max-width: 1100px; margin: auto; }

.sty__list1r .box { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: justify; justify-content: space-between; margin-bottom: 60px; }

.sty__list1r .photo { width: 40%; padding-right: 100px; }

.sty__list1r .photo img { border-radius: 70px; }

.sty__list1r .photo a { display: inline-block; }

.sty__list1r .photo .link { padding-top: 20px; }

.sty__list1r .text { width: 60%; text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; position: relative; }

.sty__list1r .text .wrap { position: relative; z-index: 1; width: 75%; }

.sty__list1r .text .iconroom { padding-bottom: 10px; }

.sty__list1r .text .iconroom img { width: 120px; }

.sty__list1r .text .title { font-size: 2.8rem; line-height: 1.2; text-transform: uppercase; color: #4f7d3c; font-family: "VTCGoblinHand", sans-serif; padding-bottom: 15px; }

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

.sty__list1r .text .bg { z-index: 0; position: absolute; top: 0; left: 60%; width: 500px; }

.sty__list1r .box:nth-child(even) { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-flow: row-reverse; }

.sty__list1r .box:nth-child(even) .text { text-align: right; -webkit-box-pack: end; justify-content: flex-end; }

.sty__list1r .box:nth-child(even) .photo { padding-right: 0; padding-left: 100px; }

.sty__list1r .box:nth-child(even) .bg { right: 60%; left: auto; }

.sty__list1r.v2 .box { border-bottom: 1px solid #000000; padding-bottom: 30px; margin-bottom: 30px; }

.sty__list1r.v2 .text .wrap { width: 100%; }

.sty__list1r.v2 .text .title { padding-bottom: 0; }

.sty__list1r.v2 .text .price { padding-bottom: 15px; }

.sty__list1r.v2 .box:nth-child(even) .text { text-align: left; -webkit-box-pack: start; justify-content: flex-start; }

.sty__list1r.v2 .box:last-child { border-bottom: 0; }

.sty__list1r.v3 .text .wrap { width: 100%; }

.sty__list1r.v3 .text .title { font-family: "Amarillo", sans-serif; color: #1d7d72; text-transform: none; }

.sty__list1r.v3 .text .capacity { padding-top: 30px; }

.sty__list1r.v3 .text .capacity .tlt { color: #1d7d72; font-size: 2.4rem; line-height: 1.2; font-family: "VTCGoblinHand", sans-serif; }

.sty__list1r.v3 .text .capacity ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; justify-content: flex-start; margin-top: 15px; }

.sty__list1r.v3 .text .capacity li { position: relative; padding-right: 25px; margin-right: 25px; }

.sty__list1r.v3 .text .capacity li:before { position: absolute; content: ""; width: 1px; right: 0; top: 2px; bottom: 2px; background-color: #000000; }

.sty__list1r.v3 .text .capacity li .r1 { font-size: 1.6rem; line-height: 1.6; text-transform: uppercase; font-family: "VTCGoblinHand", sans-serif; }

.sty__list1r.v3 .text .capacity li .r2 { font-size: 1.8rem; line-height: 1.6; }

.sty__list1r.v3 .text .capacity li:last-child { margin-right: 0; padding-right: 0; }

.sty__list1r.v3 .text .capacity li:last-child:before { display: none; }

.sty__list1r.v3 .box:nth-child(even) .text { text-align: left; -webkit-box-pack: start; justify-content: flex-start; }

.sty__list1r.v3 .box:last-child { border-bottom: 0; }

.sty__list1r.holistic-retreats .box { border-bottom: 1px solid #b9b9b9; padding-bottom: 60px; margin-bottom: 60px; }

.sty__list1r.holistic-retreats .box:before { position: absolute; content: ""; height: 1px; width: 100%; left: 0; bottom: 0px; background-color: #858585; }

.sty__list1r.holistic-retreats .text { text-align: left; font-size: 1.6rem; line-height: 1.6; }

.sty__list1r.holistic-retreats .text .wrap { width: 100%; }

.sty__list1r.holistic-retreats .text .subtitle { font-family: "VTCGoblinHand", sans-serif; color: #4f7d3c; margin-bottom: 15px; }

.sty__list1r.holistic-retreats .text .detail { text-align: left; }

.sty__list1r.holistic-retreats .text .include ul li { list-style-type: disc; }

.sty__list1r.holistic-retreats .text .include ul ::marker { color: #4f7d3c; }

.sty__list1r.holistic-retreats .box:nth-child(even) .text { text-align: left; }

.sty__list1r.holistic-retreats .box:last-child { border-bottom: 0; }

.sty__list1r.holistic-retreats .box:last-child:before { display: none; }

.sty__list1w .w__slide img { width: 1px; height: 1px; }

.sty__list1w .w__detail { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: justify; justify-content: space-between; margin-bottom: 60px; max-width: 1100px; margin: auto; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-flow: row-reverse; padding-top: 60px; padding-bottom: 60px; }

.sty__list1w .w__detail .photo { width: 40%; padding-left: 100px; }

.sty__list1w .w__detail .photo img { border-radius: 70px; }

.sty__list1w .w__detail .photo a { display: inline-block; }

.sty__list1w .w__detail .photo .link { padding-top: 20px; }

.sty__list1w .w__detail .text { width: 60%; text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; position: relative; }

.sty__list1w .w__detail .text .wrap { position: relative; z-index: 1; padding-right: 30px; }

.sty__list1w .w__detail .text .title { font-size: 2.8rem; line-height: 1.2; text-transform: uppercase; color: #4f7d3c; font-family: "VTCGoblinHand", sans-serif; padding-bottom: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; }

.sty__list1w .w__detail .text .title .icon--spaset { margin-right: 30px; }

.sty__list1w .w__detail .text .detail { text-align: justify; }

.sty__list1w .w__detailv2 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: justify; justify-content: space-between; max-width: 1100px; margin: auto; margin-bottom: 60px; padding-top: 60px; }

.sty__list1w .w__detailv2 .photo { width: 25%; }

.sty__list1w .w__detailv2 .photo img { border-radius: 60px; }

.sty__list1w .w__detailv2 .photo .link { padding-top: 20px; }

.sty__list1w .w__detailv2 .photo .link a { font-size: 1.6rem; line-height: 1.6; margin-left: -20px; }

.sty__list1w .w__detailv2 .photo .psty__w3 { margin: 0; }

.sty__list1w .w__detailv2 .iconinfo { width: 35%; 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; padding-left: 80px; }

.sty__list1w .w__detailv2 .iconinfo ul { width: 100%; }

.sty__list1w .w__detailv2 .iconinfo ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; margin-bottom: 30px; }

.sty__list1w .w__detailv2 .iconinfo i { width: 60px; height: 40px; display: block; background-size: auto 100%; }

.sty__list1w .w__detailv2 .iconinfo span { display: block; width: calc(100% - 80px); text-align: left; font-size: 1.1rem; line-height: 1.8; font-family: "VTCGoblinHand", sans-serif; }

.sty__list1w .w__detailv2 .text { width: 40%; text-align: left; position: relative; }

.sty__list1w .w__detailv2 .text .logo { text-align: center; padding-bottom: 30px; }

.sty__list1w .w__detailv2 .text .logo img { max-width: 120px; }

.sty__list1w .w__detailv2 .text .bg { z-index: 0; position: absolute; top: -30px; left: 60%; width: 500px; }

.sty__list1w .row:nth-child(even) .sty__slidefullphoto-arrow ._photomask, .sty__list1w .row:nth-child(even) .sty__slidehhvillas ._photomask { -webkit-mask-image: url(https://cdn-6386ba12c1ac189bf80f70f6.closte.com/wp-content/themes/wcl/images/img--maskacc2.svg); mask-image: url(https://cdn-6386ba12c1ac189bf80f70f6.closte.com/wp-content/themes/wcl/images/img--maskacc2.svg); }

.sty__list1w .row:nth-child(even) .sty__slidefullphoto-arrow ._shadow, .sty__list1w .row:nth-child(even) .sty__slidehhvillas ._shadow { -webkit-mask-image: url(https://cdn-6386ba12c1ac189bf80f70f6.closte.com/wp-content/themes/wcl/images/img--maskacc2.svg); mask-image: url(https://cdn-6386ba12c1ac189bf80f70f6.closte.com/wp-content/themes/wcl/images/img--maskacc2.svg); }

.sty__list1w .row:nth-child(even) .w__detail { flex-flow: wrap; }

.sty__list1w .row:nth-child(even) .w__detail .photo { padding-left: 0; padding-right: 100px; }

.sty__list1w .row:nth-child(even) .w__detail .text .wrap { padding-right: 0; padding-left: 30px; }

.sty__list1w .row:nth-child(even) .tx__slide { text-align: right; left: auto; right: calc((100% - 1100px)/2); }

.sty__list1w .row:nth-child(even) .tx__slide .subtitle { text-align: right; }

.sty__list1w .row:nth-child(odd) .w__detailv2 { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-flow: row-reverse; }

.sty__list1w .row:nth-child(odd) .w__detailv2 .text .bg { right: 60%; left: auto; }

.sty__list1cwp .row .wrap__row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: justify; justify-content: space-between; padding-bottom: 60px; }

.sty__list1cwp .row hr { width: 100%; max-width: none; margin-top: 60px; }

.sty__list1cwp .row.lastrow hr { display: none; }

.sty__list1cwp .photo { width: 30%; text-align: left; }

.sty__list1cwp .photo .ph__detail { padding-top: 30px; }

.sty__list1cwp .photo .offertype { text-transform: uppercase; font-family: "VTCGoblinHand", sans-serif; }

.sty__list1cwp .photo .link { padding-top: 30px; }

.sty__list1cwp .photo .link a { font-size: 1.6rem; line-height: 1.6; }

.sty__list1cwp .text { width: 70%; text-align: left; padding-left: 60px; font-size: 1.6rem; line-height: 1.6; padding-top: 10px; }

.sty__list1cwp .text .wrap > div { padding-bottom: 20px; }

.sty__list1cwp .text .title { color: #c99327; font-family: "VTCGoblinHand", sans-serif; font-size: 2.8rem; line-height: 1.2; }

.sty__list1cwp .text .subtitle { font-family: "VTCGoblinHand", sans-serif; font-size: 1.6rem; line-height: 1.6; padding: 10px 0; margin-bottom: 15px; background: url(https://cdn-6386ba12c1ac189bf80f70f6.closte.com/wp-content/themes/wcl/images/line--dot.svg) repeat-x bottom center; background-size: 6px auto; }

.sty__list1cwp .text .substy__2col { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: justify; justify-content: space-between; }

.sty__list1cwp .text .substy__2col .col { width: calc(50% - 20px); }

.sty__list1cwp .text .rates .col { margin-bottom: 20px; }

.sty__list1cwp .text .rates .col:last-child, .sty__list1cwp .text .rates .col:nth-last-child(2) { margin-bottom: 0; }

.sty__list1cwp .text ul { font-size: 1.5rem; line-height: 1.2; padding-bottom: 20px; margin-left: 20px; }

.sty__list1cwp .text ul li { list-style-type: disc; margin-bottom: 10px; }

.sty__list1cwp .text ul ::marker { color: #c99327; }

.sty__list1cwp .text ul:last-child { padding-bottom: 0; }

.sty__pagenum { 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; font-family: "VTCGoblinHand", sans-serif; font-size: 1.6rem; line-height: 1.6; padding: 20px 0; }

.sty__pagenum .pageall { padding-right: 10px; }

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

.sty__pagenum .pagenum li { margin: 0 5px; }

.sty__pagenum .pagenum a { display: block; background-color: #cccccc; color: #000000; padding: 5px 13px; }

.sty__pagenum .pagenum a:hover { background-color: #c99327; }

.sty__pagenum .pagenext { padding-left: 10px; }

.sty__download { text-align: left; padding-left: 30px; }

.sty__content { max-width: 660px; margin: auto; padding-top: 40px; }

.sty__content .title { font-size: 3rem; line-height: 1.2; padding-top: 20px; }

.sty__content .subtitle { padding-bottom: 30px; font-size: 2rem; line-height: 2; }

.sty__content .green { color: #4f7d3c; }

.sty__content.v2 { max-width: 1100px; margin: auto; text-align: left; }

.sty__boxlist .wrapbox { display: none; }

.sty__boxlist .wrapbox.active { display: block; }

.sty__listinfovillas { padding-top: 50px; }

.sty__listinfovillas ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: center; justify-content: center; margin-bottom: 20px; }

.sty__listinfovillas li { margin: 0 40px; text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: start; align-items: flex-start; text-transform: uppercase; font-family: "VTCGoblinHand", sans-serif; }

.sty__listinfovillas li i { display: block; width: 40px; height: 40px; background-size: 100% auto; margin-right: 10px; }

.sty__listinfovillas li span { font-size: 1.2rem; line-height: 1.2; line-height: 1.8; }

.sty__booklink { padding-top: 20px; }

.sty__amenitiesicon ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: center; justify-content: center; font-size: 1.5rem; line-height: 1.2; }

.sty__amenitiesicon ul li { margin: 0 20px; max-width: 180px; }

.sty__amenitiesicon ul li i { display: block; width: 90px; height: 90px; background-size: auto 100%; background-position: center bottom; margin: 0 auto 20px; }

.sty__amenitiesicon ul li span { width: 100%; display: inline-block; }

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

.sty__hlf2col .col { width: calc(50% - 0px); }

.sty__hlf2col .photo { padding-right: 100px; }

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

.sty__4photo .box { width: calc(50% - 15px); margin-bottom: 30px; }

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

.sty__4photo1row .box { width: calc(25% - 40px); margin-bottom: 30px; }

.sty__4photo1row .box:nth-child(even) .psty__w9:before { background-image: url(../images/box--border-w-sty9-rev.png); }

.sty__4photo1row .box .photo a { display: block; }

.sty__4photo1row .box .photo .name { position: absolute; bottom: 30px; left: 0; right: 0; font-family: "VTCGoblinHand", sans-serif; color: #ffffff; font-size: 2rem; line-height: 2; }

.sty__4photo1row .box .link { padding-top: 20px; font-size: 1.6rem; line-height: 1.6; }

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

.sty__5photo1row .box { width: calc(20% - 30px); margin-bottom: 30px; }

.sty__5photo1row .box:nth-child(even) .psty__w9:before { background-image: url(../images/box--border-w-sty9-rev.png); }

.sty__5photo1row .box .photo a { display: block; }

.sty__5photo1row .box .photo .name { position: absolute; bottom: 30px; left: 0; right: 0; font-family: "VTCGoblinHand", sans-serif; color: #ffffff; font-size: 2rem; line-height: 2; }

.sty__5photo1row .box .link { padding-top: 20px; font-size: 1.6rem; line-height: 1.6; }

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

.sty__ph3col .box { width: calc(33.33% - 60px); }

.sty__ph3col .photo { position: relative; }

.sty__ph3col .photo a { display: block; }

.sty__ph3col .text { position: absolute; bottom: 40px; left: 40px; z-index: 5; text-align: left; color: #ffffff; }

.sty__ph3col .text .title { padding-bottom: 10px; font-family: "VTCGoblinHand", sans-serif; }

.sty__ph3col .text .detail { font-family: "Amarillo", sans-serif; font-size: 1.2rem; line-height: 1.2; }

.sty__2photo { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; justify-content: space-between; max-width: 1100px; margin: auto; }

.sty__2photo .col1 { width: calc(35% - 10px); }

.sty__2photo .col2 { width: calc(65% - 10px); padding-left: 10px; }

.sty__2photo .psty__w5 { margin: 0; margin-top: 10px; }

.sty__liststy1 i[class^='icon--'] { width: 50px; height: 50px; display: block; background-size: 100% auto; }

.sty__liststy1 .info { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; justify-content: space-between; padding-bottom: 20px; }

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

.sty__liststy1 .info .time { width: calc(40% - 10px); }

.sty__liststy1 .info .cuisine { width: calc(60% - 10px); }

.sty__liststy1 .info .text { width: calc(100% - 70px); }

.sty__liststy1 .info .text .title { font-family: "VTCGoblinHand", sans-serif; }

.sty__liststy1 .info .text .detail { font-size: 1.6rem; line-height: 1.6; }

.sty__liststy1 ._btn__menu, .sty__liststy1 ._btn__gallery, .sty__liststy1 ._btn__gallery { color: #a73c11; }

.sty__liststy1 ._btn__menu span, .sty__liststy1 ._btn__gallery span, .sty__liststy1 ._btn__gallery span { border-color: #a73c11; }

.sty__liststy1 .col.photo { text-align: left; padding-top: 100px; }

.sty__txgreen { color: #1d7d72; padding-top: 40px; }

.sty__txgreen h6 { text-transform: uppercase; color: #1d7d72; font-family: "VTCGoblinHand", sans-serif; font-size: 1.8rem; line-height: 1.6; text-align: left; margin-bottom: 20px; }

.sty__txgreen ul { padding-left: 30px; }

.sty__txgreen ul li { list-style-type: circle; margin-bottom: 5px; }

.sty__txgreen ul span { display: block; color: #000000; }

.sty__form { max-width: 840px; margin: auto; padding-top: 30px; }

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

.sty__form form .row { width: calc(50% - 20px); padding-bottom: 20px; position: relative; }

.sty__form form .subject { text-align: left; font-family: "VTCGoblinHand", sans-serif; font-size: 1.4rem; line-height: 1.2; padding-top: 5px; padding-bottom: 10px; }

.sty__form form .-message, .sty__form form .-btn { width: 100%; }

.sty__form form .-btn { padding-top: 20px; }

.sty__form form .inputfield { position: relative; }

.sty__form form label.error { color: #a73c11; font-size: 1.4rem; line-height: 1.2; padding-top: 0; display: block; position: absolute; top: calc(100% + 3px); right: 0; }

.sty__form input.iconemail { background-image: url(https://cdn-6386ba12c1ac189bf80f70f6.closte.com/wp-content/themes/wcl/images/icon--email.svg); background-repeat: no-repeat; background-size: 30px auto; background-position: calc(100% - 20px) center; }

.sty__form input.iconphone { background-image: url(https://cdn-6386ba12c1ac189bf80f70f6.closte.com/wp-content/themes/wcl/images/icon--phone.svg); background-repeat: no-repeat; background-size: 35px auto; background-position: calc(100% - 10px) center; }

.sty__form input.iconcalendar { background-image: url(https://cdn-6386ba12c1ac189bf80f70f6.closte.com/wp-content/themes/wcl/images/icon--calendar.svg); background-repeat: no-repeat; background-size: 33px auto; background-position: calc(100% - 18px) center; }

.sty__form input.iconguests { background-image: url(https://cdn-6386ba12c1ac189bf80f70f6.closte.com/wp-content/themes/wcl/images/icon--user.svg); background-repeat: no-repeat; background-size: 32px auto; background-position: calc(100% - 18px) center; }

.sty__form input.iconpin { background-image: url(https://cdn-6386ba12c1ac189bf80f70f6.closte.com/wp-content/themes/wcl/images/icon--pin.svg); background-repeat: no-repeat; background-size: 32px auto; background-position: calc(100% - 18px) center; }

.sty__form.contact { max-width: 1100px; margin: auto; }

.sty__form.contact form .row { width: calc(33.33% - 40px); }

.sty__form.contact form .row.-message { width: 100%; }

.sty__form.contact form .row.-btn { width: 100%; }

.sty__form.pre-arrival { max-width: 1100px; margin: auto; }

.sty__form.pre-arrival form .rowtitle { width: 100%; margin-bottom: 20px; }

.sty__form.pre-arrival form .rowtitle h4 { text-align: left; text-transform: uppercase; font-family: "VTCGoblinHand", sans-serif; }

.sty__form.pre-arrival form .row { width: auto; padding-bottom: 0; }

.sty__form.pre-arrival form .row.-message { width: 100%; }

.sty__form.pre-arrival form .row.-btn { width: 100%; }

.sty__form.pre-arrival form .form_sty1 { width: 100%; display: grid; grid-template-columns: repeat(3, 1fr); grid-auto-flow: dense; grid-gap: 60px; grid-row-gap: 30px; margin-bottom: 100px; }

.sty__form.pre-arrival form .form_sty1 .-address { grid-row: 2 span; }

.sty__form.pre-arrival form .form_sty1 .-address .inputfield { height: calc(100% - 32px); }

.sty__form.pre-arrival form .form_sty1 .-address .inputfield textarea { height: 100%; }

.sty__form.pre-arrival form .form_sty2 { width: 100%; display: grid; grid-template-columns: repeat(2, 1fr); grid-auto-flow: dense; grid-gap: 60px; grid-row-gap: 30px; margin-bottom: 100px; }

.sty__form.pre-arrival form .form_sty2 .-pickup { grid-column: 2 span; text-align: left; padding-top: 20px; }

.sty__form.pre-arrival form .form_sty2 .-pickup input[type="radio"] { width: 20px; margin-right: 10px; }

.sty__form.pre-arrival form .form_sty2 .-remarknote { grid-column: 2 span; text-align: left; }

.sty__form.pre-arrival form .form_sty3 { width: 100%; margin-bottom: 100px; text-align: left; }

.sty__form.pre-arrival form .form_sty3 input[type="radio"] { width: 20px; margin-right: 10px; }

.sty__form.pre-arrival form .form_sty3 input[type="checkbox"] { width: 20px; margin-right: 15px; }

.sty__form.pre-arrival form .form_sty3 .-comfort { text-align: left; }

.sty__form.pre-arrival form .form_sty3 .-comfort input[type="text"] { width: 100px; margin: 0 10px; }

.sty__form.pre-arrival form .form_sty3 .-pref_activity ul ul { margin-left: 30px; margin-top: 10px; margin-bottom: 10px; }

.sty__form.pre-arrival form .form_sty3 .-pref_activity input[type="text"] { margin-left: 30px; margin-top: 10px; width: calc(100% - 30px); }

.sty__form.pre-arrival form .form_sty3 .-item_req_villa ul { -moz-columns: 2; columns: 2; }

.sty__form.pre-arrival form .form_sty3 .-food_allergies { margin-bottom: 30px; }

.sty__form.pre-arrival form .form_sty3 .-dietary_req input[type="text"] { margin-left: 30px; margin-top: 10px; width: calc(100% - 30px); }

.sty__form.pre-arrival form .form_sty4 { text-align: left; background: url(https://cdn-6386ba12c1ac189bf80f70f6.closte.com/wp-content/themes/wcl/images/line--dot.svg) repeat-x bottom center; background-size: 6px auto; }

.sty__form.pre-arrival form .form_sty4 .row { width: 100%; margin-bottom: 30px; }

.sty__form.pre-arrival form .form_sty4 input[type="checkbox"] { width: 20px; margin-right: 15px; }

.sty__form.pre-arrival form .form_sty5 { padding-top: 60px; padding-bottom: 60px; }

.sty__form.pre-arrival form .form_sty5 .row { width: 100%; margin-bottom: 30px; }

.sty__faqtab { max-width: 840px; margin: auto; padding-top: 60px; }

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

.sty__list1row .box { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; justify-content: space-between; text-align: left; background: url(https://cdn-6386ba12c1ac189bf80f70f6.closte.com/wp-content/themes/wcl/images/line--dot.svg) repeat-x bottom center; background-size: 7px auto; padding-bottom: 60px; margin-bottom: 60px; }

.sty__list1row .box .photo { width: 320px; text-align: center; }

.sty__list1row .box .photo img { width: 180px; margin: auto; }

.sty__list1row .box .text { width: calc(100% - 320px); }

.sty__list1row .box .text .title { color: #c99327; font-family: "VTCGoblinHand", sans-serif; padding-bottom: 10px; font-size: 2.2rem; line-height: 1.6; }

.sty__sitemap { text-align: left; max-width: 400px; margin: auto; padding: 60px 0 60px; }

.sty__sitemap ul a { color: #000000; }

.sty__sitemap ul a:hover { color: #c99327; }

.sty__sitemap ul ul.subsite { list-style-type: disc; margin-left: 60px; }

.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(https://cdn-6386ba12c1ac189bf80f70f6.closte.com/wp-content/themes/wcl/images/icon--arrowscrolldown-b.svg) no-repeat center center; background-size: 30px 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; }

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

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

.tabact.dot .subtitle { font-family: "VTCGoblinHand", sans-serif; font-size: 1.6rem; line-height: 1.6; padding: 10px 0; margin-bottom: 15px; background: url(https://cdn-6386ba12c1ac189bf80f70f6.closte.com/wp-content/themes/wcl/images/line--dot.svg) repeat-x bottom center; background-size: auto 2px; text-align: left; }

.tabact.dot .tab-b { text-align: left; font-size: 1.6rem; line-height: 1.6; margin-bottom: 0; }

.tabact.dot .tab-b.active { margin-bottom: 20px; }

.tabact.dot ul { font-size: 1.5rem; line-height: 1.2; padding-bottom: 20px; margin-left: 20px; }

.tabact.dot ul li { list-style-type: disc; margin-bottom: 10px; }

.tabact.dot ul ::marker { color: #c99327; }

.tabact.dot ul:last-child { padding-bottom: 0; }

.substy__ph1tx2 { padding-top: 40px; padding-bottom: 50px; }

.substy__ph1tx2 .text { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: justify; justify-content: space-between; padding-top: 30px; }

.substy__ph1tx2 .text .scol { width: calc(50% - 15px); color: #4f7d3c; font-style: italic; font-size: 1.6rem; line-height: 1.6; line-height: 1.2; }

.substy__ph1 { padding-top: 40px; padding-bottom: 50px; position: relative; }

.substy__ph1 .tx__photo { position: absolute; color: #ffffff; right: 30px; bottom: 100px; z-index: 10; }

.substy__ph2 { padding-top: 20px; padding-bottom: 30px; position: relative; }

.substy__ph2 .tx__photo { position: absolute; color: #ffffff; right: 30px; bottom: 100px; z-index: 10; }

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

.substy__txphoto .photo { width: calc(50% - 50px); padding: 0; }

.substy__txphoto .text { width: calc(50% - 20px); padding: 0; }

.psty__w1, .psty__w2, .psty__w3, .psty__w4, .psty__w5, .psty__w6, .psty__w7, .psty__w8, .psty__w9, .psty__w9-rev, .psty__2, .psty__2-reverse, .psty__l3 { position: relative; /* width: 100%; */ margin-left: -15px; margin-right: -15px; }

.psty__w1:before, .psty__w2:before, .psty__w3:before, .psty__w4:before, .psty__w5:before, .psty__w6:before, .psty__w7:before, .psty__w8:before, .psty__w9:before, .psty__w9-rev:before, .psty__2:before, .psty__2-reverse:before, .psty__l3:before { position: absolute; content: ""; left: -1px; right: -1px; top: -1px; bottom: -1px; background: url(../images/box--border-w-sty1.png) no-repeat center center; background-size: 100% 100%; -webkit-transform: none; transform: none; z-index: 10; }

.psty__w1 img, .psty__w2 img, .psty__w3 img, .psty__w4 img, .psty__w5 img, .psty__w6 img, .psty__w7 img, .psty__w8 img, .psty__w9 img, .psty__w9-rev img, .psty__2 img, .psty__2-reverse img, .psty__l3 img { width: 100%; }

.psty__w2:before { background-image: url(../images/box--border-w-sty2.png); }

.psty__w3:before { background-image: url(../images/box--border-w-sty3.png); }

.psty__w3.nm { margin: 0; }

.psty__w4:before { background-image: url(../images/box--border-w-sty4.png); }

.psty__w5 img { border-radius: 70px; }

.psty__w5:before { background-image: url(../images/box--border-w-sty5.png); }

.psty__w6:before { background-image: url(../images/box--border-w-sty6.png); }

.psty__w7:before { background-image: url(../images/box--border-w-sty7.png); }

.psty__w8 { margin: 0; }

.psty__w8 img { border-radius: 70px; }

.psty__w8:before { background-image: url(../images/box--border-photo.png); }

.psty__w9 { margin: 0; }

.psty__w9 img { /* border-radius: 70px; */ }

.psty__w9:before { background-image: url(../images/box--border-w-sty9.png); }

.psty__w9-rev { margin: 0; }

.psty__w9-rev img { /* border-radius: 70px; */ }

.psty__w9-rev:before { background-image: url(../images/box--border-w-sty9-rev.png); }

.psty__2:before { background-image: url(../images/box--border-sty2.png); }

.psty__2-reverse:before { background-image: url(../images/box--border-sty2-reverse.png); }

.psty__l3:before { background-image: url(../images/box--border-plsty1.png); }

.bgbr__maincontenttop, .bgbr__mainwhitecontent { width: 100vw; height: 60vw; background-image: url(../images/bg--maincontent.jpg); background-size: 100% auto; background-position: center -80px; background-repeat: no-repeat; -webkit-mask-image: url(https://cdn-6386ba12c1ac189bf80f70f6.closte.com/wp-content/themes/wcl/images/img--maskmcontent.svg); mask-image: url(https://cdn-6386ba12c1ac189bf80f70f6.closte.com/wp-content/themes/wcl/images/img--maskmcontent.svg); -webkit-mask-size: 100vw; mask-size: 100vw; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: top center; mask-position: top center; position: absolute; top: -22vw; }

.bgbr__maincontenttop-reverse, .bgbr__mainwhitecontent-reverse { width: 100vw; height: 60vw; background-image: url(../images/bg--maincontent.jpg); background-size: 100% auto; background-position: center -120px; background-repeat: no-repeat; -webkit-mask-image: url(https://cdn-6386ba12c1ac189bf80f70f6.closte.com/wp-content/themes/wcl/images/img--maskmcontent-reverse.svg); mask-image: url(https://cdn-6386ba12c1ac189bf80f70f6.closte.com/wp-content/themes/wcl/images/img--maskmcontent-reverse.svg); -webkit-mask-size: 100vw; mask-size: 100vw; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: top center; mask-position: top center; position: absolute; top: -22vw; }

.bgbr__mainwhitecontent { background: #fff; }

.bgbr__mainwhitecontent-reverse { background: #fff; }

.mask-mainslide { position: absolute; bottom: -1px; left: 0; right: 0; }

.mask-mainslide .maskimg img { width: 100%; }

.bg-content { position: absolute; bottom: 10px; right: 10px; width: 50%; z-index: -1; }

.bg-content img { width: 100%; }

.bg-content.left { right: auto; left: 10px; }

.bg-top { position: absolute; bottom: calc(100% - 1px); left: 0; right: 0; z-index: 10; }

hr.line { background-color: #858585; max-width: 1100px; margin: auto; position: relative; border: 0; height: 1px; border-bottom: 1px solid #b9b9b9; width: 100%; }

/* # Popup Sty
================================================== */
.fancybox-stage .sty__popupcontent { max-width: 800px; }

.fancybox-stage .sty__popupcontent h2 { text-align: left; margin-bottom: 30px; }

.fleft { float: left; margin: 0 30px 20px 0; }

/* # datepicker
================================================== */
div#ui-datepicker-div { font-family: "ExquiseFY-Regular", serif; padding: 20px; /* 		.ui-datepicker-prev-hover,
.ui-datepicker-next-hover { top: 2px; }
.ui-datepicker-next-hover { right: 1px; }
.ui-datepicker-prev-hover { left: 1px; } */ }

div#ui-datepicker-div .ui-datepicker-group { padding: 10px; }

div#ui-datepicker-div .ui-datepicker-header { border-radius: 0; border: 0; background: #fff; padding: 0 0 10px; }

div#ui-datepicker-div .ui-state-default, div#ui-datepicker-div .ui-widget-content .ui-state-default { border: 0; background: none; }

div#ui-datepicker-div .ui-state-book a { background: none; color: #fff; }

div#ui-datepicker-div .ui-state-book a:hover, div#ui-datepicker-div .ui-state-book a:focus { color: #fff; }

div#ui-datepicker-div .ui-state-hover, div#ui-datepicker-div .ui-widget-content .ui-state-hover, div#ui-datepicker-div .ui-widget-header .ui-state-hover, div#ui-datepicker-div .ui-state-focus, div#ui-datepicker-div .ui-widget-content .ui-state-focus, div#ui-datepicker-div .ui-widget-header .ui-state-focus, div#ui-datepicker-div .ui-button:hover, div#ui-datepicker-div .ui-button:focus { border: 0px solid #999999; background: none; font-weight: normal; color: #212121; padding: 0; }

div#ui-datepicker-div .ui-widget-header .ui-icon { background: url(https://cdn-6386ba12c1ac189bf80f70f6.closte.com/wp-content/themes/wcl/images/icon--select.svg) center center no-repeat; background-size: 15px auto; }

div#ui-datepicker-div .ui-datepicker-prev .ui-icon { transform: rotate(90deg); }

div#ui-datepicker-div .ui-datepicker-next .ui-icon { transform: rotate(-90deg); }

div#ui-datepicker-div .ui-datepicker-prev:before { content: ""; border-top: 2px solid #000; border-left: 2px solid #000; transform: rotate(-45deg); height: 10px; width: 10px; top: 4px; left: 4px; }

div#ui-datepicker-div .ui-datepicker-next:before { content: ""; border-top: 2px solid #000; border-right: 2px solid #000; transform: rotate(45deg); height: 10px; width: 10px; top: 4px; right: 4px; }

div#ui-datepicker-div .ui-datepicker-title { width: 100%; margin: 0; float: none; font-size: 1.6rem; padding: 0; }

div#ui-datepicker-div .ui-datepicker-calendar tr th { font-size: 1.3rem; }

div#ui-datepicker-div .ui-datepicker-calendar td { font-size: 1.3rem; }

div#ui-datepicker-div .ui-datepicker-current-day:after { top: 1px; }

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

.wrap--loading svg { width: 50px; }

/* #Header
================================================== */
header { position: absolute; z-index: 599; width: 100%; top: 0; left: 0; position: fixed; top: 0; left: 0; right: 0; }

header:before { position: absolute; content: ""; height: 337px; width: 100%; left: 0; top: 0; background: url(../images/shadow--banner-b.png) repeat-x center top; background-size: auto 337px; -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; }

header .container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: justify; justify-content: space-between; padding-top: 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; }

header .w__logo { width: 140px; overflow: hidden; }

header .w__logo img { -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; width: 100%; }

header .w__logo a { display: block; }

header .w__menu { width: calc(100% - 140px - 257px); padding-right: 40px; padding-top: 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; }

header .w__menu .topmenu { margin-bottom: 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; }

header .w__menu .topmenu a { font-size: 17px; }

header .w__menu .topmenu a:before { position: absolute; content: ""; height: 1px; width: 100%; left: 0; bottom: 0px; background-color: #c89310; -webkit-transition: transform 0.6s ease-out 0s; -moz-transition: transform 0.6s ease-out 0s; -o-transition: transform 0.6s ease-out 0s; -ms-transition: transform 0.6s ease-out 0s; transition: transform 0.6s ease-out 0s; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: right; transform-origin: right; }

header .w__menu .topmenu a:hover:before { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: left; transform-origin: left; }

header .w__menu .topmenu ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: end; justify-content: flex-end; }

header .w__menu .topmenu li { margin-left: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; position: relative; -webkit-box-align: center; align-items: center; }

header .w__menu .topmenu .menu-dropdown span { cursor: pointer; display: block; width: 20px; height: 20px; background: url(https://cdn-6386ba12c1ac189bf80f70f6.closte.com/wp-content/themes/wcl/images/icon--arrowdropdown.svg) no-repeat center center; background-size: 20px auto; margin-left: 10px; }

header .w__menu .topmenu .menu-dropdown a { display: block; }

header .w__menu .topmenu .menu-dropdown img { width: 18px; margin-right: 10px; }

header .w__menu .topmenu .menu-dropdown ul { position: absolute; top: 100%; left: 0; margin-left: 0; z-index: 10; height: auto; max-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; }

header .w__menu .topmenu .menu-dropdown ul li { width: 100%; margin-left: 0; background-color: #37210f; padding: 2px 10px; margin-bottom: 0px; -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; }

header .w__menu .topmenu .menu-dropdown ul li:hover { background-color: #23180e; }

header .w__menu .topmenu .menu-dropdown ul a { font-size: 0.8em; width: 100%; text-align: left; }

header .w__menu .topmenu .menu-dropdown.active ul { max-height: 200px; }

header .w__menu .mainmenu a { color: #ffffff; font-size: 1.6rem; position: relative; display: -webkit-box; display: flex; }

header .w__menu .mainmenu a span { position: relative; overflow: hidden; -webkit-transition: 0.6s; transition: 0.6s; }

header .w__menu .mainmenu a span .out { display: -webkit-inline-box; display: inline-flex; }

header .w__menu .mainmenu a span .in { position: absolute; left: 0; opacity: 0; -webkit-transform: translateX(100%); transform: translateX(100%); }

header .w__menu .mainmenu a:hover span .out { opacity: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); }

header .w__menu .mainmenu a:hover span .in { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }

header .w__menu .mainmenu ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: end; justify-content: flex-end; position: relative; }

header .w__menu .mainmenu ul li { padding: 0 20px; position: relative; }

header .w__menu .mainmenu ul li:before { position: absolute; content: ""; width: 1px; left: 0; top: 10px; bottom: 5px; background-color: #ffffff; }

header .w__menu .mainmenu ul li:last-child { padding-right: 0; }

header .w__menu .mainmenu ul li:first-child:before { width: 0; }

header .w__menu .mainmenu .wrap__submenu { position: absolute; top: 100%; display: none; }

header .w__menu .mainmenu .wrap__submenu li:before { width: 0; }

header .w__menu .mainmenu .wrap__submenu li { text-align: left; width: 100%; background-color: #000; padding: 0; }

header .w__menu .mainmenu .wrap__submenu li a { padding: 5px 20px; }

header .w__menu .mainmenu .wrap__submenu li a:hover span { color: #c99327; }

header .w__menu .mainmenu .wrap__submenu li:first-child { padding-top: 7px; }

header .w__menu .mainmenu .wrap__submenu li:first-child:before { position: absolute; content: ""; height: 20px; width: 20px; left: 20px; top: -5px; background-color: #000; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

header .w__menu .mainmenu .wrap__submenu li:last-child { padding-bottom: 7px; }

header .w__btntop { width: 257px; -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; }

header .w__btntop .wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: end; justify-content: flex-start; height: 100%; position: relative; }

header .w__btntop .w__luxurylogo { width: 122px; margin-left: 15px; -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; top: 0; right: 0; opacity: 1; }

header .w__btntop .w__luxurylogo img { width: 100%; }

header .w__btntop .w__luxurylogo a { display: block; position: relative; border: 1px solid #ffffff; }

header .w__btntop .w__luxurylogo a:before { position: absolute; content: ""; height: 1px; width: 100%; left: 0; bottom: -3px; background-color: #ffffff; -webkit-transition: transform 0.6s ease-out 0s; -moz-transition: transform 0.6s ease-out 0s; -o-transition: transform 0.6s ease-out 0s; -ms-transition: transform 0.6s ease-out 0s; transition: transform 0.6s ease-out 0s; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: right; transform-origin: right; }

header .w__btntop .w__luxurylogo a:hover:before { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: left; transform-origin: left; }

header .w__btntop .w__luxurylogo .textlogo { position: absolute; top: calc(100% + 8px); left: -10px; right: -10px; }

header .w__btntop .w__luxurylogo .textlogo img { width: 100%; }

header .w__booknow { -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; }

header.fixedtop { position: fixed; top: 0; left: 0; right: 0; }

header.fixedtop:before { height: 55px; /* background-size: auto 120px; */ }

header.fixedtop .container { padding-top: 0; height: 55px; }

header.fixedtop .w__logo { height: 52px; padding-top: 10px; }

header.fixedtop .w__logo img { width: 80px; }

header.fixedtop .w__menu { padding-top: 15px; padding-right: 20px; /* width: calc(100% - 140px - 120px); */ }

header.fixedtop .w__menu .topmenu { max-height: 0; overflow: hidden; margin-bottom: 0; }

header.fixedtop .w__luxurylogo { opacity: 0; right: -100px; -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; }

header.fixedtop .w__luxurylogo a { border: 0; }

header.fixedtop .w__booknow { padding-top: 5px; padding-bottom: 5px; }

header.fixedtop ._btn__mainbooknow { padding: 6px 5px 5px; }

header.fixedtop ._btn__mainbooknow img { width: 0; /* height: 0; */ }

header.fixedtop ._btn__mainbooknow span { padding-top: 0; }

header.fixedtop .w__btntop { /* width: 120px; */ }

header .w__btnmenu { display: none; }

body.home__page header:before { background-image: url(../images/shadow--banner.png); }

/* .wrap__booking{ position: absolute; top: -1.75vw; right: 0; z-index: 2; img{ width: 24vw; } a{ display: block;  position: relative; > div{ position: absolute; right: 0; bottom: 0; bottom: 26%; width: 35%;  @include flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; color: #fff; text-shadow: 1px 1px 10px #000000; font-size: 2.6rem; line-height: 1.2; } } } */
/* # Menu
================================================== */
._btn__closemenu, ._btn__closebooknow { width: 50px; height: 50px; position: absolute; right: 30px; top: 30px; cursor: pointer; }

._btn__closemenu span, ._btn__closebooknow span { display: block; height: 2px; width: 50px; background-color: #ffffff; z-index: 10; 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; transform: rotate(-45deg); top: 23px; }

._btn__closemenu span:nth-child(2), ._btn__closebooknow span:nth-child(2) { transform: rotate(45deg); top: 21px; }

.sec__fullmenu { background-color: #352010f2; height: 100vh; width: 100%; position: fixed; top: 0; left: 0; z-index: 999; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; justify-content: center; align-items: center; max-height: 0; overflow: hidden; /* max-height: 100vh; */ }

.sec__fullmenu.open { max-height: 100vh; }

.sec__fullmenu a { color: #ffffff; }

.sec__fullmenu a img { width: 30px; }

.sec__fullmenu .listmenu { width: 100%; }

.sec__fullmenu .topmenu { margin-bottom: 50px; }

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

.sec__fullmenu .topmenu li { margin: 0 20px; }

.sec__fullmenu .topmenu a { font-size: 2rem; }

.sec__fullmenu .mainmenu ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; justify-content: center; margin-bottom: 20px; }

.sec__fullmenu .mainmenu a { color: #ffffff; font-size: 3rem; position: relative; display: -webkit-box; display: flex; }

.sec__fullmenu .mainmenu a span { position: relative; overflow: hidden; -webkit-transition: 0.6s; transition: 0.6s; }

.sec__fullmenu .mainmenu a span .out { display: -webkit-inline-box; display: inline-flex; }

.sec__fullmenu .mainmenu a span .in { position: absolute; left: 0; opacity: 0; -webkit-transform: translateX(100%); transform: translateX(100%); }

.sec__fullmenu .mainmenu a:hover span .out { opacity: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); }

.sec__fullmenu .mainmenu a:hover span .in { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }

.sec__fullmenu .lang { padding: 20px 0 100px; }

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

.sec__fullmenu .lang li { margin: 0 10px; }

/* #footer
================================================== */
footer { background-color: #e4e1de; position: relative; /* .iScrollVerticalScrollbar{ display: none; } */ }

footer #newsletter { position: absolute; top: -100px; width: 0; height: 0; opacity: 0; }

@media screen and (max-width: 560px) { footer #newsletter { top: -120px; } }

footer .bg__ftcopyright img { width: 100%; margin-bottom: -1px; }

footer .bg__fttop { position: absolute; top: auto; left: 0; right: 0; z-index: 99; bottom: 100%; }

footer .bg__fttop img { width: 100%; margin-bottom: -1px; }

footer a { color: #000000; }

footer a:hover { color: #c99327; }

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

footer .w__footermenu a { color: #352010; font-size: 1.6rem; margin: 0 10px; }

footer .w__footeraddress { font-size: 1.6rem; }

footer .w__footersocial { padding: 30px 0 25px 0; }

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

footer .w__footersocial li { margin: 0 10px; }

footer .w__footersocial img { width: 30px; }

footer .w__footerlogoaward { max-width: 960px; margin: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; padding-top: 20px; }

footer .w__footerlogoaward .col { width: 100%; }

footer .w__footerlogoaward .col .row { 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; }

footer .w__footerlogoaward .col .row:nth-child(1), footer .w__footerlogoaward .col .row:nth-child(2) { margin-bottom: 30px; }

footer .w__footerlogoaward .col img { margin: 0 20px; height: 90px; }

footer .w__copyright { font-size: 1.6rem; padding: 60px 0 20px; }

footer .sty__footersec1 { z-index: 100; }

footer .sty__footersec2 { background: url(https://cdn-6386ba12c1ac189bf80f70f6.closte.com/wp-content/themes/wcl/images/bg--patten.svg) repeat-x bottom center #dad7d5; background-size: auto 40px; padding-bottom: 40px; }

footer .w__dgscodes { font-family: "VTCGoblinHand", sans-serif; font-size: 1.4rem; line-height: 1.2; padding-top: 40px; padding-bottom: 20px; }

footer .w__dgscodes .title { font-size: 1.6rem; line-height: 1.6; margin: 0 0 15px; }

footer .w__dgscodes span { color: #c99327; }

footer .w__dgscodes ul { text-align: center; }

footer .w__dgscodes li { display: inline-block; }

footer .w__dgscodes li:nth-child(odd) { margin: 0 10px; }

/* # Newsletter
================================================== */
.w__newsletter { max-width: 420px; margin: auto; text-align: center; padding-bottom: 40px; }

.w__newsletter input { text-align: left; margin-bottom: 1px; background-color: #e4e1de; border: 1px solid #352010; border-right: 0; border-radius: 0; width: calc(100% - 135px); height: 45px; font-size: 1.6rem; }

.w__newsletter button { border: 1px solid #352010; border-radius: 0; width: 135px; font-size: 1.8rem; height: 45px; padding: 0; }

.w__newsletter .subject { font-size: 1.6rem; padding-bottom: 10px; }

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

.w__newsletter .wrap--loading { position: absolute; width: 320px; font-size: 1.2rem; display: none; }

.w__newsletter .wrap--loading.active { display: block; }

.w__newsletter .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; }

.w__newsletter .wrap--loading svg { width: 40px; }

.w__newsletter .errorTxt { font-size: 1.2rem; text-align: center; padding-top: 5px; }

/* #Main slide -- fullpage
================================================== */
.sd__mainslide { background-color: #000000; position: relative; /* &:before{ position: absolute; content: ""; height: 100%; width: 100%; left: 0; top: 0; background: url(../images/bg--slidemain-top.png) repeat-x top; z-index: 2000; } &:after{ position: absolute; content: ""; height: 100%; width: 100%; left: 0; top: 0; background: url(../images/bg--slidemain-bottom.png) repeat-x bottom; z-index: 2000; } */ /* .slick-dots{ top: calc(100vh - 400px); } .slick-arrow{ top: calc(100vh - 130px); } */ }

.sd__mainslide .box { height: calc(100vh + 0px); width: 100%; /* height: calc(100vh + 330px); */ }

.sd__mainslide .slick-dots { left: 120px; bottom: 100px; }

.sd__mainslide .slick-arrow { top: auto; bottom: 60px; }

.sd__mainslide .slick-prev { left: auto; right: calc(100px + 70px); background: url(https://cdn-6386ba12c1ac189bf80f70f6.closte.com/wp-content/themes/wcl/images/icon--arrowleft-w2.svg) no-repeat center center; background-size: auto 40px; }

.sd__mainslide .slick-next { right: 100px; background: url(https://cdn-6386ba12c1ac189bf80f70f6.closte.com/wp-content/themes/wcl/images/icon--arrowright-w.svg) no-repeat center center; background-size: auto 40px; }

@media screen and (max-width: 1440px) { .sd__mainslide .slick-prev {bottom: 0;right: calc(20px + 70px);}
 .sd__mainslide .slick-next {bottom: 0;right: 20px;}
 .sd__mainslide .slick-dots { bottom: 40px; } }

.wrap__mainslide.fixhide { overflow: hidden; max-height: 0; position: relative; }

.sec__mainslide .tx__mainslide { position: absolute; z-index: 50; left: calc(50% - 400px); top: 60vh; width: 800px; }

.sec__mainslide .tx__mainslide h2 { font-family: "VTCGoblinHand", sans-serif; letter-spacing: 1px; color: #ffffff; font-size: 4.4rem; }

.sec__mainslide .tx__mainslide h2 span { color: #c99327; font-family: "Amarillo", sans-serif; font-size: 2.4rem; line-height: 1.2; padding-top: 20px; padding-bottom: 20px; display: inline-block; }

.sec__mainslide .tx__mainslide .detail { color: #ffffff; }

.sec__mainslide .tx__mainslide .icon--lineslide { padding-top: 90px; }

.sec__mainslide .tx__mainslide.tx_shome h2 { font-family: "Amarillo", sans-serif; font-size: 2.8rem; line-height: 1.8; }

.sec__mainslide.hlfslide .sd__mainslide .box { height: 50vw; }

.sec__mainslide.hlfslide .tx__mainslide { top: 450px; }

@media screen and (max-width: 1440px) { .sec__mainslide.hlfslide .tx__mainslide { top: 350px; } }

@media screen and (max-width: 1100px) { .sec__mainslide.hlfslide .tx__mainslide { top: 320px; } }

@media screen and (max-width: 768px) { .sec__mainslide.hlfslide .tx__mainslide { top: 240px; } }

.sec__mainslide.hlfslide .tx__mainslide h2 { font-family: "Amarillo", sans-serif; font-size: 3rem; line-height: 1.2; }

.sec__mainslide.subvilla .tx__mainslide { top: 50vh; }

.sec__mainslide.subvilla .logovillas img { max-width: 120px; width: 100%; }

.sec__mainslide.subvilla h3 { font-size: 1.6rem; line-height: 1.6; color: #ffffff; }

.sec__mainslide.subvilla .box:before { opacity: 1; }

.sec__mainslide .box:before { position: absolute; content: ""; height: 100%; width: 100%; left: 0; top: 0; z-index: 1; opacity: 0.9; background: url(../images/bg--shadowfullslide.png) repeat-x bottom center; background-size: 500px auto; }

/* #Home
================================================== */
.w__socialpp { position: absolute; top: calc(50% - 270px/2 - 30px); right: 100px; background-color: #ffffff; box-shadow: 0 0 10px #0000001f; z-index: 10; padding: 30px 10px 10px; }

.w__socialpp ul { padding: 0; margin: 0; }

.w__socialpp a { text-transform: uppercase; font-size: 1.3rem; line-height: 1.2; color: #000000; font-family: "VTCGoblinHand", sans-serif; }

.w__socialpp a span { display: block; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: right center; transform-origin: right center; top: 35px; right: calc(50% + 0px); position: absolute; }

.w__socialpp a div { height: 85px; }

.w__socialpp i { width: 30px; height: 30px; display: block; }

.sec__h--maincontent { margin-top: 22vw; z-index: 10; background-color: #fff; }

.sec__h--maincontent .sty__maincentent .detail { max-width: 600px; margin: auto; }

.sec__h--experiences { background-color: #352010; }

.sec__h--experiences .bgbr__experiencestop { position: absolute; top: 0; left: 0; right: 0; z-index: 1; }

.sec__h--experiences .bgbr__experiencestop img { width: 100%; }

.sec__h--experiences .bgbr__experiencesbottom { position: absolute; bottom: -1px; left: 0; right: 0; z-index: 1; }

.sec__h--experiences .bgbr__experiencesbottom img { width: 100%; }

.sec__h--experiences .wrap__booking { top: auto; bottom: 0px; right: 0; }

.sec__h--experiences .title h3 { margin-bottom: 50px; }

.sec__h--experiences .l_detail { color: #ffffff; }

.sec__h--villa { z-index: 1; background: url(https://cdn-6386ba12c1ac189bf80f70f6.closte.com/wp-content/themes/wcl/images/bg--villascontent.svg) no-repeat left top; background-size: 46% auto; }

.sec__h--villa .sty__content .detail { max-width: 600px; margin: auto; padding-bottom: 60px; }

.sec__h--villa .w__listvilla { max-width: 960px; margin: auto; }

.sec__h--villa .w__listvilla .title { font-size: 1.8rem; }

.sec__h--villa .w__listvilla .detail { font-family: "Amarillo", sans-serif; font-size: 1rem; line-height: 1.2; line-height: 2.6; padding-top: 5px; }

.sec__h--villa .w__listvilla img { width: 120px; }

.sec__h--offer .sty__content .detail { max-width: 720px; margin: auto; padding-bottom: 60px; }

.sec__h--followus .container { top: -40px; z-index: 12; }

.sec__h--followus .w__content { max-width: 400px; margin: auto; padding-bottom: 30px; }

.sec__bigphoto { z-index: 10; margin-top: -120px; }

.sec__bigphoto .wrap__booking { top: auto; bottom: 3vw; }

.sec__bigphoto .bgberder__bigphototop { position: absolute; top: 0; left: 0; right: 0; z-index: 1; }

.sec__bigphoto .bgberder__bigphototop img { width: 100%; }

.sec__bigphoto .bgberder__bigphotobottom { position: absolute; bottom: -1px; left: 0; right: 0; z-index: 1; }

.sec__bigphoto .bgberder__bigphotobottom img { width: 100%; }

/* #Contact us
================================================== */
/* .sec__contactform{ max-width: 800px; label.error{ color:$col--error; font-size: 0.9em; float: left; padding: 5px 0 0; } .row{ width: 100%; @include flex; margin-bottom: 20px; } .subject{ width: 30%; text-align: right; padding: 0 20px 0 0; } .inputfield{ width: 60%; } .-pass{ .inputfield{ @include flex; -webkit-box-pack: justify; justify-content: space-between; } .wrap_verify{ width: 80px;  background-color: #efefef; padding-top: 5px; @include flex; -webkit-box-align: center; align-items: center; } .wrap_pass{ width: calc(100% - 90px); } } .-btn{ button[value="Submit"]{ width: calc(50% - 5px); margin-right: 10px; float: left;} button[value="Reset"]{ width: calc(50% - 5px); float: left;} } .-remark{ font-size: 1.4rem; text-align: left; } } */
.custom-select { position: relative; }

.custom-select select { display: none; }

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

.custom-select .select-selected { background-color: #f6f6f6; border: 0px solid #172625; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding: 15px; text-align: left; color: #000000; }

.custom-select .select-selected:after { position: absolute; content: ""; height: 30px; width: 30px; right: 10px; top: 15px; background: url(https://cdn-6386ba12c1ac189bf80f70f6.closte.com/wp-content/themes/wcl/images/icon--select.svg) center center no-repeat; background-size: 19px 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: #000000; 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; }

/* #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; }

/* # About us
================================================== */
.sec__awards { padding-bottom: 140px; }

.sec__awards .sty__tablist ul li a { font-size: 2.4rem; line-height: 1.2; line-height: 1.2; padding-top: 11px; padding-bottom: 10px; }

.sec__awards .sty__tablist ul li a.active, .sec__awards .sty__tablist ul li a:hover { background-color: #c99327; }

.sec__awards .w__show-awards .sdbox { text-align: center; padding-left: 15px; padding-right: 15px; }

.sec__awards .w__show-awards .sdbox h5 { font-size: 1.6rem; line-height: 1.6; line-height: 1.8; }

.sec__awards .w__show-awards .sdbox .photo { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: center; justify-content: center; padding-bottom: 10px; }

.sec__awards .w__show-awards .sdbox .title { padding-bottom: 10px; }

.sec__awards .w__show-awards .sdbox .detail { font-size: 1.6rem; line-height: 1.6; line-height: 1.8; }

.sec__awards .w__show-awards .wrapbox { max-height: 0; overflow: hidden; }

.sec__awards .w__show-awards .wrapbox.active { max-height: 500px; }

.sec__settling-down { padding-top: 100px; }

.sec__bgabout-3 .text .detail { font-size: 2.4rem; line-height: 1.2; line-height: 1.6; }

.sec__bgabout-4 .text .detail { font-style: normal; font-size: 2.4rem; line-height: 1.2; line-height: 1.6; }

.sec__jungceylon-cape { padding-top: 40px; padding-bottom: 40px; }

.sec__jungceylon-cape .sty__2col_w_photo-lsub .photo { padding-top: 60px; }

/* # Spa
================================================== */
.sec__spagoto { max-width: 960px; margin: auto; padding-top: 30px; }

.sec__spagoto a { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: center; justify-content: center; }

.sec__spagoto .name { color: #4f7d3c; font-family: "VTCGoblinHand", sans-serif; text-transform: uppercase; font-size: 1.6rem; line-height: 1.6; width: 100%; }

.icon--spaset { width: 100px; height: 100px; display: block; 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; margin-bottom: 20px; position: relative; }

.icon--spaset:before { position: absolute; content: ""; height: 100%; width: 100%; left: 0; top: 0; background: url(https://cdn-6386ba12c1ac189bf80f70f6.closte.com/wp-content/themes/wcl/images/icon--dotted-circle.svg) no-repeat center center; background-size: 140px auto; }

.icon--spaset img { width: 70px; }

.icon--villas img { width: 120px; }

.icon--1room { background: url(https://cdn-6386ba12c1ac189bf80f70f6.closte.com/wp-content/themes/wcl/images/icon--1room.svg) no-repeat center center; }

.icon--2room { background: url(https://cdn-6386ba12c1ac189bf80f70f6.closte.com/wp-content/themes/wcl/images/icon--2room.svg) no-repeat center center; }

.icon--size { background: url(https://cdn-6386ba12c1ac189bf80f70f6.closte.com/wp-content/themes/wcl/images/icon--size.svg) no-repeat center center; }

.icon--pool { background: url(https://cdn-6386ba12c1ac189bf80f70f6.closte.com/wp-content/themes/wcl/images/icon--pool.svg) no-repeat center center; }

.icon--room { background: url(https://cdn-6386ba12c1ac189bf80f70f6.closte.com/wp-content/themes/wcl/images/icon--1room.svg) no-repeat center center; }

.icon--view { background: url(https://cdn-6386ba12c1ac189bf80f70f6.closte.com/wp-content/themes/wcl/images/icon--view.svg) no-repeat center center; }

.icon--guest { background: url(https://cdn-6386ba12c1ac189bf80f70f6.closte.com/wp-content/themes/wcl/images/icon--guest.svg) no-repeat center center; }

.icon--bathtub { background: url(https://cdn-6386ba12c1ac189bf80f70f6.closte.com/wp-content/themes/wcl/images/icon--bathtub.svg) no-repeat center center; }

.icon--bathroomamenities { background: url(https://cdn-6386ba12c1ac189bf80f70f6.closte.com/wp-content/themes/wcl/images/icon--bathroomamenities.svg) no-repeat center center; }

.icon--coffee { background: url(https://cdn-6386ba12c1ac189bf80f70f6.closte.com/wp-content/themes/wcl/images/icon--coffee.svg) no-repeat center center; }

.icon--wifi { background: url(https://cdn-6386ba12c1ac189bf80f70f6.closte.com/wp-content/themes/wcl/images/icon--wifi.svg) no-repeat center center; }

.icon--clock { background: url(https://cdn-6386ba12c1ac189bf80f70f6.closte.com/wp-content/themes/wcl/images/icon--clock.svg) no-repeat center center; }

.icon--chef { background: url(https://cdn-6386ba12c1ac189bf80f70f6.closte.com/wp-content/themes/wcl/images/icon--chef.svg) no-repeat center center; }

.fixgallerypopup { /* .fancybox-progress{ background-color: #c89310; } .fancybox-bg{ background-color: #000; } .fancybox-is-open .fancybox-bg{ opacity: 0.95; } .fancybox-thumbs{ left: 0; right: 0; width: auto; top: auto; background: none; } .fancybox-show-thumbs .fancybox-inner{ right: 0; bottom: 85px; } .fancybox-thumbs__list{ display: flex; justify-content: center; } @media screen and (max-width: 768px) { .fancybox-show-thumbs .fancybox-thumbs{ display: none; } .fancybox-show-thumbs .fancybox-inner{ bottom: 0; } .fancybox-toolbar button[data-fancybox-thumbs]{ display: none; } } */ }

.fixgallerypopup .fancybox-thumbs__list a::before { border: 1px solid #000; opacity: 0.8; }

.fixgallerypopup .fancybox-thumbs__list a.fancybox-thumbs-active::before { opacity: 0; }

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

.fixgallerypopup .fancybox-navigation button:hover { border: 0; }

.fixgallerypopup .fancybox-navigation button[data-fancybox-prev] { background: url(https://cdn-6386ba12c1ac189bf80f70f6.closte.com/wp-content/themes/wcl/images/icon--arrowleft.svg) no-repeat center center; background-size: 40px auto; }

.fixgallerypopup .fancybox-navigation button[data-fancybox-next] { background: url(https://cdn-6386ba12c1ac189bf80f70f6.closte.com/wp-content/themes/wcl/images/icon--arrowright.svg) no-repeat center center; background-size: 40px auto; }

.fixgallerypopup .fancybox-thumbs { background: #00000063; }

/* # Offer
================================================== */
.sec__offers-maincontent { background-color: #fff; }

#box__offers { max-width: 1100px; margin: auto; }

/* # destinations
================================================== */
.sec__des--useful-information .w__content { padding-top: 40px; }

.sec__des--useful-information .w__detail { padding-top: 30px; }

.sec__des--map iframe { width: 100%; height: 60vw; min-height: 600px; }

.sec__des--map .bg-top { bottom: auto; top: 0; border-top: 60px solid #fff; }

.sec__des--map .bg-bottom { top: auto; bottom: 0; left: 0; right: 0; border-top: 0px solid #fff; position: absolute; z-index: 10; }

.sec__signature-treatments .sty__maincentent { padding-bottom: 30px; }

.wellness-mala-spa__page .substy__ph1 { padding-top: 20px; }

.wellness-mala-spa__page .sty__2col_w_photo-v2.reverse .photo, .wellness-mala-spa__page .reverse.sty__liststy1 .photo { padding-top: 100px; }

#box__holistic-retreats { max-width: 1100px; margin: auto; }

#box__holistic-retreats .sty__content { padding-bottom: 60px; }

.sec__healthy-cuisine-menu { padding-top: 80px; }

.sec__healthy-cuisine-menu .sty__content { padding-bottom: 30px; }

/* # Villas
================================================== */
body.villas__page .sec__mainslide .tx__mainslide .icon--lineslide { padding-top: 50px; }

body.villas__page .sec__h--maincontent .link { padding-top: 80px; }

.sec__villasgoto { max-width: 960px; margin: auto; padding-top: 30px; }

.sec__villasgoto.sty__boxc4 .box { width: calc(25% - 10px); }

.sec__villasgoto a { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: center; justify-content: center; }

.sec__villasgoto .name { color: #000000; font-family: "VTCGoblinHand", sans-serif; text-transform: uppercase; font-size: 1.6rem; line-height: 1.6; width: 100%; padding-top: 5px; }

.sec__villasgoto .subname { color: #000000; font-family: "Amarillo", sans-serif; font-size: 1rem; line-height: 1.2; line-height: 2; padding-top: 10px; }

#sec__subvillas .sty__maincentent { position: relative; }

#sec__subvillas .sty__maincentent .logovillas { padding-top: 40px; }

#sec__subvillas .sty__maincentent .logovillas img { width: 120px; }

#sec__subvillas .sty__maincentent .bg { position: absolute; z-index: 0; right: 75%; top: -13vh; width: 500px; }

.sec__bgfullvillas-1 .text .detail { font-size: 2.4rem; line-height: 1.2; line-height: 1.6; }

.sec__amenities-services .row { padding-bottom: 60px; }

.sec__amenities-services h4 { font-family: "Amarillo", sans-serif; text-align: left; }

.sec__amenities-services .sty__2col_w_photo, .sec__amenities-services .sty__2col_w_photo-lsub { padding-top: 60px; }

.sec__amenities-services .sty__2col_w_photo ul li, .sec__amenities-services .sty__2col_w_photo-lsub ul li { list-style-type: none; position: relative; }

.sec__amenities-services .sty__2col_w_photo ul li:before, .sec__amenities-services .sty__2col_w_photo-lsub ul li:before { position: absolute; content: "-"; height: 20px; width: 20px; left: -20px; top: 0; }

.sec__amenities-services .sty__2col_w_photo .text, .sec__amenities-services .sty__2col_w_photo-lsub .text { -webkit-box-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-flow: column; }

.sec__amenities-services .download { padding-bottom: 80px; }

.sec__amenities-services .download a { color: #c99327; margin-right: 100px; margin-bottom: 0; }

.sec__amenities-services .download a span { border-color: #c99327; }

.sec__amenities-services .photo { padding: 0; padding-left: 120px; }

.sec__amenities-services .photo .psty__w5 { margin-bottom: 100px; }

.sec__villastx-2 .container { max-width: 1100px; margin: auto; }

.sec__villastx-2 .photo h4 { color: #000000; font-family: "Amarillo", sans-serif; font-size: 1.6rem; line-height: 1.6; margin-bottom: 30px; }

.sec__villastx-2 .photo .psty__w8 img { border-radius: 50px; }

.sec__villastx-2 .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; }

.sec__villastx-2 .text .wrap { width: 100%; }

.sec__villastx-2 .text .logovillas img { max-width: 120px; margin: auto; }

.sec__villastx-2 .text .detail { padding-top: 60px; padding-bottom: 60px; }

.sec__villastx-2 .text .detail p { font-size: 1.5rem; line-height: 1.2; line-height: 1.8; font-family: "VTCGoblinHand", sans-serif; }

.sec__villasother { padding-top: 200px; padding-bottom: 340px; }

.sec__villasother .title { padding-bottom: 40px; }

.sec__villasother h4 { font-family: "VTCGoblinHand", sans-serif; color: #000000; font-size: 3.4rem; line-height: 1.2; }

.sec__villasother .box .logovillas { padding-bottom: 10px; }

.sec__villasother .box .logovillas img { max-width: 120px; }

#sec__cuisine1 .sty__3photo { padding-top: 60px; }

#sec__cuisine1 .sty__3photo .box:nth-child(even) .psty__w9:before { background-image: url(../images/box--border-w-sty9-rev.png); }

#sec__cuisine1 .sty__2col_w_photo-v2 .photo, #sec__cuisine1 .sty__liststy1 .photo { padding-top: 100px; }

#sec__cuisine2 h3 { color: #ffffff; }

#sec__cuisine4 .title { padding-bottom: 40px; }

.sec__slide-cuisine-restaurant .text { bottom: 160px; }

.sec__slide-cuisine-restaurant .text .title { padding-bottom: 0; }

.sec__slide-cuisine-restaurant .text .subtitle { font-family: "ExquiseFY-Regular", serif; font-size: 2rem; line-height: 2; font-style: italic; }

.sec__divine-honeymoons h3 { padding-top: 30px; }

.sec__weddings-and-honeymoon .substy__ph1 { padding-top: 10px; }

.sec__weddings-and-honeymoon .sty__2col_w_photo-v2 .photo, .sec__weddings-and-honeymoon .sty__liststy1 .photo { padding-top: 80px; }

.sec__slide-weddings-and-honeymoon .sty__slidefullphoto .text .title, .sec__slide-weddings-and-honeymoon .sty__slidefullphoto-arrow .text .title, .sec__slide-weddings-and-honeymoon .sty__slidehhvillas .text .title, .sec__slide-weddings-and-honeymoon .sty__slidecontent-arrow .text .title, .sec__slide-weddings-and-honeymoon .sty__slidecontent-arrow-reverse .text .title { color: #ffffff; font-size: 2.4rem; line-height: 1.2; }

.sec__contactinfo .sty__boxc3 { max-width: 1100px; margin: auto; }

.sec__contactinfo .hotel { padding: 35px 0 15px 0; }

.sec__contactinfo .hotel h4 { font-family: "VTCGoblinHand", sans-serif; font-size: 2.4rem; line-height: 1.2; }

.sec__contactinfo .address { max-width: 460px; margin: auto; padding-bottom: 50px; }

.sec__contactinfo .sty__boxc3 { text-align: left; padding-bottom: 40px; }

.sec__contactinfo .sty__boxc3 .box { width: calc(33.33% - 40px); }

.sec__contactinfo .sty__form.contact { padding-top: 60px; }

.sec__contactus-maincontent { text-align: left; }

.sec__contactus-maincontent h1 { text-align: left; margin-bottom: 0; }

.sec__contactus-maincontent h5 { text-align: left; font-size: 2.4rem; line-height: 1.2; padding-top: 60px; margin-bottom: 10px; }

.sec__contactus-maincontent .bgbr__mainwhitecontent-reverse { /* .photo{ position: relative; > img{ position: absolute; top: -200px; right: -80px; width: 100%; } } */ }

.sec__contactus-maincontent .bgbr__mainwhitecontent-reverse img { position: absolute; top: 160px; right: calc((100% - 1440px)/2); width: auto; width: 430px; }

.sec__allpress { background-color: #ffffff; }

.sec__allpress.secsty__last3 { padding-top: 60px; }

.wrap__linkmoregallery { padding-top: 30px; }

.wrap__linkmoregallery a { font-family: "VTCGoblinHand", sans-serif; }

.wrap__linkmoregallery a:after { position: absolute; content: ""; height: 40px; width: 40px; left: calc(50% - 20px); top: calc(100% + 10px); background: url(https://cdn-6386ba12c1ac189bf80f70f6.closte.com/wp-content/themes/wcl/images/icon--loading.svg) no-repeat center center; background-size: 100% auto; }

.sec__hygiene-and-safety-maincontent .sty__maincentent .title { padding-bottom: 10px; }

.sec__hygiene-and-safety-maincontent .sty__maincentent h1 { font-size: 3rem; line-height: 1.2; }

.sec__hygiene-and-safety-maincontent .sty__maincentent h2 { margin-bottom: 40px; }

.sec__hygiene-and-safety-maincontent .sty__maincentent .detail { max-width: 660px; margin: auto; }

.sec__hygiene-and-safety-list .wrap__hf_listlogo { padding-bottom: 40px; padding-top: 40px; }

.sec__hygiene-and-safety-list .wrap__hf_listlogo h4 { font-family: "Amarillo", sans-serif; font-size: 1.8rem; line-height: 1.6; margin-bottom: 30px; }

.sec__hygiene-and-safety-list .listlogo img { height: 120px; width: auto; margin: 0 20px; }

.sec__gallery .box_gallery-list { max-width: 1100px; margin: auto; /* display: grid !important; grid-gap: 25px; grid-template-columns: repeat(10, 1fr); */ /* grid-auto-rows: 225px; */ position: relative; height: auto !important; display: grid !important; grid-gap: 25px; flex-wrap: wrap; grid-template-columns: repeat(10, 1fr); grid-template-rows: auto; }

.sec__gallery .box_gallery-list .box { display: block; position: relative; height: 240px; }

.sec__gallery .box_gallery-list .box a { display: block; height: 100%; overflow: hidden; position: relative; }

.sec__gallery .box_gallery-list .box a img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; left: 0; top: 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; }

.sec__gallery .box_gallery-list .box a:before { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)"; filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }

.sec__gallery .box_gallery-list .box a ._detail { width: 100%; position: absolute; bottom: 0px; opacity: 0; text-align: center; color: #ffffff; -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__gallery .box_gallery-list .box a ._detail .wrap { position: relative; padding: 0 15px; }

.sec__gallery .box_gallery-list .box a ._detail .title { font-size: 2rem; font-family: "VTCGoblinHand", sans-serif; -webkit-transform: translateY(5px); transform: translateY(5px); -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; }

.sec__gallery .box_gallery-list .box a ._detail p { font-size: 1.4rem; line-height: 1.2; -webkit-transform: translateY(5px); transform: translateY(5px); -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; }

.sec__gallery .box_gallery-list .box a:hover img { opacity: 0.5; }

.sec__gallery .box_gallery-list .box a:hover ._bg-full { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)"; filter: alpha(opacity=40); -webkit-opacity: 0.4; -moz-opacity: 0.4; -khtml-opacity: 0.4; opacity: 0.4; }

.sec__gallery .box_gallery-list .box a:hover ._detail { bottom: 30px; opacity: 1; }

.sec__gallery .box_gallery-list .box a:hover ._detail .title { -webkit-transform: translateY(0px); transform: translateY(0px); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)"; filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -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__gallery .box_gallery-list .box a:hover ._detail p { -webkit-transform: translateY(0px); transform: translateY(0px); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)"; filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: all 1s ease 0.4s; -moz-transition: all 1s ease 0.4s; -o-transition: all 1s ease 0.4s; -ms-transition: all 1s ease 0.4s; transition: all 1s ease 0.4s; }

.sec__gallery .box_gallery-list .box .psty { margin: 0; position: relative; width: 100%; height: 100%; /* border-radius: 50px; */ background-color: #000; }

.sec__gallery .box_gallery-list .box .psty:before { position: absolute; content: ""; left: -1px; right: -1px; top: -1px; bottom: -1px; background: url(../images/box--border-gallery2.png) no-repeat center center; background-size: 100% 100%; -webkit-transform: none; transform: none; z-index: 10; }

.sec__gallery .box_gallery-list .box.hide { display: none; }

.sec__gallery .box_gallery-list .boxheight { height: 100%; }

.sec__gallery .box_gallery-list .boxheight .psty:before { background-image: url(../images/box--border-gallery1.png); }

.sec__gallery .box_gallery-list .boxheight a:hover ._detail { bottom: 40px; }

.sec__gallery .box_gallery-list .boxsty2 .psty:before { background-image: url(../images/box--border-gallery3.png); }

.sec__pre-arrival-maincontent { margin-bottom: 100px; }

.sec__pre-arrival-maincontent .sty__formalert { padding-bottom: 140px; padding-top: 100px; }

.sec__pre-arrival-maincontent .sty__formalert .div1 { font-size: 2.2em; }

.sec__contactform .wrap--loading { padding-top: 20px; }

.sec__contactform .sty__formalert.success .div1 { font-size: 2em; }

.gallery__page .fancybox-caption__body ._title { font-family: "VTCGoblinHand", sans-serif; font-size: 2.2rem; line-height: 1.6; }

.gallery__page .fancybox-thumbs__list a::before { border: 0 solid #000; background-color: #000; opacity: 0.6; }

.gallery__page .fancybox-thumbs__list a.fancybox-thumbs-active::before, .gallery__page .fancybox-thumbs__list a:hover:before { opacity: 0; }

.gallery__page .fancybox-navigation .fancybox-button { border: 0; background: none; opacity: 0.5; -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; }

.gallery__page .fancybox-navigation .fancybox-button > div { display: none; }

.gallery__page .fancybox-navigation .fancybox-button--arrow_left { background: url(https://cdn-6386ba12c1ac189bf80f70f6.closte.com/wp-content/themes/wcl/images/icon--arrowright-w.svg) no-repeat center center; transform: rotate(-180deg); }

.gallery__page .fancybox-navigation .fancybox-button--arrow_right { background: url(https://cdn-6386ba12c1ac189bf80f70f6.closte.com/wp-content/themes/wcl/images/icon--arrowright-w.svg) no-repeat center center; }

.gallery__page .fancybox-show-nav .fancybox-navigation .fancybox-button { opacity: 0.5; }

.gallery__page .fancybox-show-nav .fancybox-navigation .fancybox-button:hover { opacity: 1; }

#rev-box { position: fixed; top: 0; left: 0; right: 0; z-index: 999; background-color: #352010; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; justify-content: center; align-items: center; max-height: 0; overflow: hidden; height: 100vh; }

#rev-box.open { max-height: 100vh; }

#rev-box select { border-radius: 0; background-size: 10px auto; background-position: calc(100% - 15px) center; }

#rev-box input, #rev-box select { padding: 15px; line-height: 1.2; font-size: 1.8rem; }

#rev-box label { color: #ffffff; text-align: left; display: block; padding-bottom: 5px; }

#rev-box .close { position: absolute; top: 30px; right: 30px; color: #fff; cursor: pointer; }

#rev-box .row { text-align: left; margin-bottom: 20px; }

#rev-box .wrap__form { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; justify-content: space-between; max-width: 660px; padding: 20px; }

#rev-box .wrap__form .r_date { width: calc(50% - 12px); }

#rev-box .wrap__form .r_adults, #rev-box .wrap__form .r_children, #rev-box .wrap__form .r_infants { width: calc(33.33% - 15px); }

#rev-box .wrap__form .r_promotion, #rev-box .wrap__form .btn { width: calc(50% - 12px); }

#rev-box .wrap__form .btn { padding-top: 33px; }

#rev-box .wrap__form button { width: 100%; border-radius: 0; background-color: #c99327; color: #ffffff; padding: 12px 15px 11px; font-size: 1.8rem; }

#rev-box .wrap__form .custom-select .select-selected { padding: 12px 15px; }

#rev-box .wrap__form .custom-select .select-selected:after { top: 12px; background-size: 14px auto; }

#rev-box .wrap__form .custom-select .select-items div { padding: 5px 15px; }

#rev-box .wrap__form .custom-select .select-items { box-shadow: 2px 2px 4px 0px #00000059; }

#rev-box .wrap__form input.hasDatepicker { background: url(https://cdn-6386ba12c1ac189bf80f70f6.closte.com/wp-content/themes/wcl/images/icon--calendar.svg) no-repeat calc(100% - 15px) center #f6f6f6; background-size: 24px auto; }

#rev-box .wrap__form #ui-datepicker-div .ui-state-default { background: none; }

.inputfield input.hasDatepicker { background: url(https://cdn-6386ba12c1ac189bf80f70f6.closte.com/wp-content/themes/wcl/images/icon--calendar.svg) no-repeat calc(100% - 15px) center #f6f6f6; background-size: 24px auto; }

#sec__green1 .title h3 { line-height: 1.8; max-width: 830px; margin: 0 auto 60px; }

/* #  Video
================================================== */
.wrap__video { position: relative; height: 100vh; overflow: hidden; }

.wrap__video.fixhide { max-height: 0; }

.wrap__video:before { position: absolute; content: ""; height: 260px; width: 100%; left: 0; top: 0; background: url(../images/bg--slidemain-top.html) repeat-x top center; background-size: auto 100%; }

#video-controls { position: absolute; bottom: 40px; left: 40px; z-index: 999 !important; width: 30px; height: 30px; color: #fff; cursor: pointer; max-width: 1440px; width: 100%; text-align: right; width: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; /* 	display: none; */ }

#video-controls .play { width: 30px; height: 30px; margin-right: 20px; border: 0; padding: 0; cursor: pointer; background: transparent url("https://cdn-6386ba12c1ac189bf80f70f6.closte.com/wp-content/themes/wcl/images/icon--play.svg") no-repeat center center; background-size: 33px auto; -webkit-transition: all 0s ease 0s; -moz-transition: all 0s ease 0s; -o-transition: all 0s ease 0s; -ms-transition: all 0s ease 0s; transition: all 0s ease 0s; display: none; }

#video-controls .play.pause { background: transparent url("https://cdn-6386ba12c1ac189bf80f70f6.closte.com/wp-content/themes/wcl/images/icon--pause.svg") no-repeat center center; background-size: 33px auto; }

#video-controls .sound-on { position: relative; width: 30px; height: 30px; margin: 0; padding: 0; border: 0; cursor: pointer; font-family: 'icomoon' !important; color: #fff; background: none; font-size: 2.6rem; text-align: center; display: block; background: url("https://cdn-6386ba12c1ac189bf80f70f6.closte.com/wp-content/themes/wcl/images/icon--sound.svg") no-repeat center center; }

#video-controls .sound-on.sound-off:after { content: ''; position: absolute; display: block; height: 1px; width: 30px; top: 1px; right: 0; background: #fff; border-radius: 10px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); margin: 13px auto; transition: width .8s ease 0; -webkit-transition: width .8s ease 0; -moz-transition: width .8s ease 0; -o-transition: width .8s ease 0; -ms-transition: width .8s ease 0; }

#video-controls #btn__photo { position: relative; width: 30px; height: 30px; margin: 0 0 0 30px; padding: 0; border: 0; cursor: pointer; background: none; font-size: 2.6rem; text-align: center; display: block; background: transparent url("https://cdn-6386ba12c1ac189bf80f70f6.closte.com/wp-content/themes/wcl/images/icon--camera.svg") no-repeat center center; background-size: 31px auto; }

#video-controls #btn__video { position: relative; width: 30px; height: 30px; margin: 0 0 0 30px; position: relative; top: -50px; padding: 0; border: 0; cursor: pointer; background: none; font-size: 2.6rem; text-align: center; display: block; background: transparent url("https://cdn-6386ba12c1ac189bf80f70f6.closte.com/wp-content/themes/wcl/images/icon--play.svg") no-repeat center center; background-size: 35px auto; display: none; }

#video-container { overflow: hidden; width: 100%; height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; }

#video { width: 100%; -o-object-fit: cover; object-fit: cover; }

@media screen and (max-width: 1440px) { #video-controls #btn__video { top: 10px; margin-left: 0; } }

@media screen and (max-width: 480px) { ._btn__closemenu, ._btn__closebooknow { top: 10px; right: 10px; width: 40px; height: 40px; }
 ._btn__closemenu span, ._btn__closebooknow span { width: 40px; } }

@media screen and (max-width: 375px) { #rev-box .wrap__form .row { margin-bottom: 10px; }
 #rev-box .wrap__form .r_date { width: 100%; }
 #rev-box .wrap__form .r_adults, #rev-box .wrap__form .r_children, #rev-box .wrap__form .r_infants { width: calc(50% - 10px); }
 #rev-box .wrap__form .r_promotion { width: calc(50% - 10px); }
 #rev-box .wrap__form .btn { width: 100%; padding-top: 10px; } }

/*# sourceMappingURL=main.css.map */

body.single.single-post .sty__maincentent,
body.blog__page .sty__maincentent {
	max-width: 1100px;
}

body.blog__page .secsty__submain {
	padding-top: 60px;
}

body.blog__page .sty__maincentent div.title {
	padding-bottom: 40px;
}

body.blog__page .sty__maincentent .breadcrumb {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 40px;
}

body.single.single-post .sty__maincentent .breadcrumb {
	display: -webkit-box;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 60px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
	width: 100%;
	text-align: start;
}

body.single.single-post .detail.eft {
	max-width: 1100px
}

body.single.single-post .detail.eft p {
	margin-bottom: 10px;
	font-size: 1.6rem;
}

body.single.single-post h1 {
	font-size: 3.6rem;
	text-align: left;
}

body.blog__page div.text div.detail {
	padding-bottom: 4px !important;
	font-weight: 900;
}

body.blog__page div.text div.date {
	font-size: 13px;
    text-transform: uppercase;
	color: #666;
	padding-bottom: 12px;
}

body.blog__page section.sec__s--maincontent.secsty__submain {
	padding-top: 40px;
}

/* Fixed for disable link in blog page*/
.blog__page footer{
	margin-top: 40px;
}

body.single-post .sec__mainslide .tx__mainslide div.date {
	font-size: 13px;
    text-transform: uppercase;
	color: #ddd;
}

body.single-post .sec__h--maincontent.secsty__main {
	margin-bottom: 60px;
}

body.single-post .sec__h--maincontent.secsty__main div.container {
	margin-top: -60px !important;
}

/*H1 page mainslider*/
.tx__mainslide h1 {
    font-family: "Amarillo", sans-serif;
    font-size: 3rem;
    line-height: 2.2;
	letter-spacing: 1px;
    color: #ffffff;
}

/*Second Sec Homepage*/
.second-sec{
	margin-bottom: 100px; 
	padding-top: 180px;
}
.second-sec .detail.eft{
	color: #ffffff;
}
.second-sec .sty__maincentent{
	margin-bottom:60px;
}

/*Experience Sec Homepage*/
.sec__h--experiences .detail.eft{
	color: #ffffff;
}
.sec__h--experiences .sty__content{
	margin-bottom: 60px;
}
.sec__h--experiences h2{
	font-family: "Amarillo", sans-serif;
}
.sty__boxc3 .box .text h3 {
    margin-bottom: 5px;
    text-transform: uppercase;
	font-weight: 400;
    color: #c99327;
    text-align: center;
	font-size: 2rem;
    line-height: 1.6;
	font-family: "ExquiseFY-Regular", serif;
}
.sty__boxc3 .box .text .title{
	padding: 0px !important;
}

/*Villas Sec Homepage*/
.sec__h--villa h2{
	font-family: "Amarillo", sans-serif;
}

/*Offers Sec Homepage*/
.sec__h--offer h2{
	font-family: "Amarillo", sans-serif;
}

/* Main Slider*/
.sec__mainslide .tx__mainslide h2.slide_sub_heading {
    font-size: 1.6rem;
    line-height: 1.6;
    color: #c89310;
	font-family: "Amarillo", sans-serif;
}
.tx__mainslide h1.main-slider-heading{
	font-family: "VTCGoblinHand", sans-serif;
	font-size: 4.4rem;
	
}

/*Map in Blog page*/
iframe {
    margin: 20px 0;
}



/**Location Detail Container on Destination Page**/
.container.location_detail{
	padding-bottom: 100px;
}
.col.text.location_detail_table {
    width: 100%;
}
.location_detail_table .detail.eft{
	width: 100%;
	place-self: center;
}
table.location_detail {
	place-self: center;
	margin-top: 20px;
	text-align-last: center;
    width: 100%;
    max-width: 800px;
	border-collapse: collapse;
	border: 1px solid;
	border-color: #000000;
}
.location_detail tr, .location_detail th, .location_detail td {
    padding: 5px 5px;
	border: 1px solid;
	border-color: #000000;
	text-align: center;
}
.location_detail th{
	font-weight: 600;
	border: 1px solid;
	border-color: #000000;
}
.container.location_detail .line img{
	height: 37px;
	padding-top: 50px;
}
.location_detail .sty__2col_w_photo{
	flex-direction: column;
}
.location_detail_img{
	width: 100% !important;
	padding-right: 0px !important;
	padding-bottom: 0px !important;
}
.location_detail_img .psty__w4{
	margin-left: 0px !important;
	margin-right: 0px !important;
	max-width: 960px;
    justify-self: center;
	margin: 30px 0px !important;
}