#header.stickyHeader #langMenu > li a,#header.stickyHeader #langMenu > li{color:var(--color-black-900)}
#header.stickyHeader #langMenu a.active{color:#B2B2B2}
.flick-slider,.flick-slider-gallery,.locations-flick-slider,.reviews-flick-slider{opacity:0;visibility:hidden;transition:opacity .4s ease}
.flick-slider.sliderVisible,.flick-slider-gallery.sliderVisible,.reviews-flick-slider.sliderVisible{opacity:1;visibility:visible}
#slider-wrapper{position:relative;width:100%}
#slider-top-outer{width:100%}
#slider-outer-container{position:relative;width:100%;padding-bottom:48.17%;overflow:hidden}
#slider-container{position:absolute;width:100%;height:100%;top:0;left:0;z-index:5}
.flick-slider,.slide-container,.slide-photo{width:100%}
.flick-slider{height:100%}
.slide-container{position:relative}
.slide-photo{position:relative;z-index:1}
.slide-photo > picture{display:block;position:relative;width:100%;padding-bottom:48.17%;overflow:hidden}
.slide-photo > picture img{position:absolute;width:100%;height:100%;top:0;left:0;object-fit:cover}
/*.slider-left,.slider-right{position:absolute;top:0;bottom:0;margin:auto;width:50px;height:50px;background:#fff;padding:10px;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;z-index:99}*/
.prev-wrapper,.next-wrapper{cursor: pointer;}
.slider-left figure,.slider-right figure{width:100%}
.slider-left figure img,.slider-right figure img{margin:auto}
.flickity-page-dots .dot{position:relative;/*background:var(--color-white);*/border:none}
.flickity-page-dots .dot.is-selected{/*background:var(--color-black-900);border:5px solid #D0C8BD*/}
#video-container{margin:0 auto;position:relative;width:100%;padding-bottom:47.92%;overflow:hidden}
#videoBg{position:absolute;width:100%;height:100%;top:0;left:0;object-fit:cover;z-index:10;pointer-events:none}
.marquee-carousel{opacity:0;visibility:hidden;transition:opacity .4s ease}
.marquee-carousel.sliderVisible{opacity:1;visibility:visible}
.marquee-link{background:#FFF;padding:15px 0}
.marquee-outer-container{max-width:calc(100% - 40px);margin:0 auto}
.marquee-carousel{width:100%}
.marquee-item{gap:25px;padding:0 20px;justify-content:center;align-items:center}

.slider-text-container{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;z-index:115;width:fit-content;height:fit-content;text-align: center;}
.slider-text-container div{color:var(--color-white);font:var(--font-30-regular)}
.slide-photo:before{content:'';position:absolute;width:100%;height:100%;z-index:111;background-color:rgba(0,0,0,0.3)}
.scroll-container{position:absolute;bottom:50px;color:var(--color-white);left:0;right:0;margin:auto;text-align:center}
.scroll-text{position:relative;font:var(--font-18-regular);padding-bottom:10px;letter-spacing:4px}
.scroll-text:before{content:'';position:absolute;bottom:-50px;width:1px;height:40px;background:var(--color-white);left:0;right:0;margin:auto}

.welcomeSection-top-container{width:100%;margin:0 auto}
.welcome-h2{text-align:center;color:var(--color-black-900)}
.welcomeSection-logo{text-align:center;position:relative;}
.welcomeSection-logo figure{display:inline-block;background:var(--color-white);position:relative;z-index:1}
.welcomeSection-logo:before{content:'';position:absolute;top:0;bottom:0;left:0;width:100%;height:1px;background:#DEDEDE;left:0;margin:auto}
.welcomeSection-text-container{flex-direction:column;margin:auto;position:relative;z-index:0;}
.welcomeSection-inner-container{position:relative;width:100%;margin:0 auto}
.welcome-middleImg{width:100%;margin:0 auto;}
.welcomeText{width:100%;text-align:center}
.welcome-middleImg figure{padding-bottom: 67.2%;}
.welcome-leftImg figure, .welcome-rightImg figure{padding-bottom: 150%;}

.videoSection-container{margin:0 auto;position:relative;width:100%;padding-bottom:36.45%;overflow:hidden;}
.videoSection-container:before{content: '';position: absolute;background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%);width: 100%;height: 100%;z-index: 20;pointer-events: none;}
#videoSection{position:absolute;width:100%;height:100%;top:0;left:0;object-fit:cover;z-index:10;pointer-events:none}
.videoSection-overlay{position: absolute;top: 0;left: 0;bottom:0;right:0;margin:auto;width: 100%;height: 100%;z-index: 30;align-items: center;justify-content: center;flex-direction: column}
.video-h2{color:var(--color-white)}
.video-h3{color: var(--color-white);margin-top: 25px;font:var(--font-20-medium);text-shadow: 0 4px 4px rgba(0, 0, 0, 0.50);}

.villa-h2{color:var(--color-black-900)}
.villa-desc{color:var(--color-black-900);}
.villa-container {color: var(--color-black-900);}
.villa-title-container {text-align: center;}

.villaSection-outer-container {width:100%;margin:0 auto;justify-content: flex-start;align-items: center;}
.villa-outer-container {width: 100%;}
/* smooth fade */
#villaPreviewImage{opacity: 1;transition: opacity .25s ease;}
/* while changing */
#villaPreviewImage.is-fading{opacity: 0;}

#location-section{width: 100%;margin:0 auto;position: relative;z-index: 1}
.location-outer-container{width: 100%;margin: 0 auto;}
.location-left-container figure{padding-bottom:133.33%;border-radius: 2000px;}
.location-h2 {color: var(--color-white);position: relative;}
.location-desc{color: var(--color-white)}
.location-read-more{border-radius: 200px;background: #F3EFE7;}
.location-read-more > a > figure{gap:5px;align-items: center;justify-content: center}
.location-read-more > a > figure > figcaption{color: var(--color-black-900);font:var(--font-18-regular)}

#points-section{width: 100%;margin:0 auto;position: relative}
.points-outer-container{width: 100%;margin: 0 auto;}
.points-h2{color: var(--color-black-900);text-align: left;position: relative}
.points-h2:before{content: '';position: absolute;bottom: 0;left: 0;background: #777; height: 1px;width: 200px;margin:0 auto;}
.points-list {width: 100%;margin: 0 auto;}
.points-list > li {border-radius: 20px;background: #E9DFCC;text-align: center;}
.point-img {width: 100%;height: auto;position: relative;}
.point-img figure {padding-bottom: 100%;border-radius: 50%;border: 4px solid var(--color-white);}
.point-arrow{position:absolute;top: 0;background: var(--color-black);padding:15px;border-radius: 50%;transition: all .4s ease;}
.point-arrow{opacity: 0;visibility: hidden;}
.point-pin svg path {transition: all .4s ease;}
.point-title{color: var(--color-black-900);text-align: center;}
.point-distance{display:inline-block;color: var(--color-black-900);background:var(--color-white);text-align: center;padding: 6px 20px;font:var(--font-16-regular);}
.points-btn{width: 100%;margin: 0 auto;background-color: rgba(38,38,38,0.9);border-radius: 210px;}
.points-btn > a{color: var(--color-white); font:var(--font-16-regular);text-align: center;}
@media (min-width:1200px) {
    .slider-left{left:1.04vw}
    .slider-right{right:1.04vw}
    .marquee-link{margin-top:4.167vw}

    .welcomeSection-top-container{max-width:980px}
    .welcome-h2{padding:0 60px;margin-top:15px;font:var(--weight-regular) var(--fontSize-32) var(--fontFamily-NeverMind);line-height:1.12}
    .welcomeSection-logo{margin-top:55px}
    .welcomeSection-logo figure{padding:0 40px;}

    .welcomeSection-text-container{max-width:1300px;padding:35px 10px 0}
    .welcomeSection-inner-container{max-width:calc(100% - 10.938vw);margin-top:55px}
    .welcome-middleImg{max-width:860px;margin-top:60px}
    .welcome-leftImg,.welcome-rightImg{position:absolute;width:20%;margin:auto}
    .welcome-leftImg{left:-2.083vw;top:3.125vw}
    .welcome-rightImg{right:-2.083vw;bottom:6.771vw}
    .welcomeText{max-width:800px;margin:auto;font:var(--font-20-light);line-height:1.5;padding:0 60px}
    .welcomeSection-text-container:before{content:'';position:absolute;top:0;left:0;width:100%;height:calc(100% - 7.813vw);background:#F3EFE7;z-index:-1}
    .videoSection-container{margin-top: 60px;}
    .video-h2{font:var(--weight-semi-bold) var(--fontSize-80) var(--fontFamily-NeverMind)}
    .video-h3{margin-top: 25px;letter-spacing: 20px;}
    .villasRight figure { padding-bottom: 69.18%;;}
    .villaSection-outer-container {margin: 100px 0 0 auto;max-width:calc(100% - 14.104vw);}
    .villasLeft {width: 40%;z-index: 1;}
    .villasRight {width: 60%;}
    .villasGrid {display: flex;}
    .villa-top-container{max-width:550px}
    .villa-h2{font:var(--weight-regular) var(--fontSize-60) var(--fontFamily-NeverMind)}
    .villa-desc{font:var(--font-18-regular);line-height:1.8}
    .villa-outer-container{margin-top:30px}
    #villaList{width:100%;margin-top: 30px;}
    #villaList > li{width:100%;position:relative;border-bottom:1px solid #8F8F8F}
    #villaList > li .botVilla-box{opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s ease,height .4s ease;height:40px}
    .topVilla-box{font:var(--font-22-semi-bold);gap:10px;align-items:center;width:100%}
    .topVilla-box{color:var(--color-black-900)}
    .villaBox{flex-direction:column}
    #villaList > li a{padding:20px;position:relative;z-index:1}
    #villaList > li a:hover .botVilla-box{opacity:1;visibility:visible;height:40px}
    .villa-info{display:flex;margin-top:20px}
    .villa-info > li figure{display:flex;column-gap:10px}
    .villa-info > li:not(:last-child){margin-right:15px;padding-right:20px;position:relative}
    .villa-info > li:not(:last-child):before{content:'';position:absolute;right:0;bottom:0;top:0;margin:auto;width:4px;height:4px;background:var(--color-black-900)}
    .info-icon figcaption{color:var(--color-black-900);font:350 var(--fontSize-15) var(--fontFamily)}
    #villaList > li a:before{background:#F3EFE7;content:'';position:absolute;top:0;left:0;width:105%;height:100%;opacity:0;z-index:-1;transition:opacity .4s ease}
    #villaList > li a:hover:before{opacity:1}

    #location-section:before{content: '';position:absolute;left: 0;right: 0;top:0;bottom:0;width: 100%;height:calc(100% - 12.76vw);margin:auto;background: #7B8D79;z-index: -1}
    .location-outer-container{max-width: calc(100% - 15.104vw);margin-left: 15.104vw;margin-top:4.948vw;padding-left: 10px;}
    .location-left-container{width: 38%;}
    .location-right-container{width: 58%;margin-left: 4%;padding-right: 20px;margin-top: 6.458vw;padding-top: 20px;}
    .location-h2 {font: var(--weight-regular) clamp(2.5rem, 1.9643rem + 0.7143vw, 2.8125rem) var(--fontFamily-NeverMind);padding-bottom: 25px;}
    .location-desc {font: var(--font-22-regular);line-height: 1.6;margin-top: 34px;}
    .location-h2:before, .location-h2:after {content: '';position: absolute;background: #D9D9D9;width: 260px;height: 1px;}
    .location-h2::before {bottom: 0;left: 4.167vw;}
    .location-h2:after {bottom: 7px;left: 3.125vw;}
    .location-read-more{max-width: 250px;margin-top: 50px}
    .location-read-more > a{padding: 20px 30px;}

    .points-outer-container{max-width: calc(100% - 23.438vw);margin:4.688vw 6.771vw 3.125vw 16.667vw;padding: 0 10px;}
    .points-h2{font:var(--weight-regular) clamp(2.5rem, 1.9643rem + 0.7143vw, 2.8125rem) var(--fontFamily-NeverMind);margin-bottom:45px;padding-bottom: 23px; }
    .points-list{column-gap:1.33% }
    .points-list > li {width: 24%;}
    .points-list > li > a{padding:1.042vw 50px;}
    .point-img {max-width: 240px;}
    .point-arrow{right: 0.781vw;padding:0.781vw;}
    .point-pin{margin-top: 1.042vw;}
    .point-title{font:var(--font-18-regular);margin-top: 5px;}
    .point-distance{margin-top: 0.781vw;}
    .points-btn{margin-top: 45px;max-width: 420px;}
    .points-btn > a {padding:1.042vw 70px;}
}
@media (min-width:1200px) and (max-width:1399px) {
    .villaSection-outer-container{max-width:calc(100% - 8vw);margin:70px 0 0 auto}
    .villasLeft{width:34%}
    .villasRight{width:66%}
    #villaList > li a{padding:16px 18px}
    .topVilla-box{font:var(--font-18-semi-bold);gap:8px}
    .villa-info{margin-top:12px;flex-wrap:wrap;row-gap:8px}
    .villa-info > li:not(:last-child){margin-right:10px;padding-right:12px}
    .info-icon figcaption{font-size:13px}
    #villaList > li .botVilla-box,#villaList > li a:hover .botVilla-box{height:auto}
    #villaList > li a:before{width:108%}
}
@media (max-width:1199px) {
    .flickity-page-dots{display: none;}
    .slider-left{left:20px}
    .slider-right{right:20px}

    .villa-top-container{text-align:center}
    .villa-title {margin-top: 5px;}
    .villa-info {margin-top: 10px;justify-content: center;align-items: center;row-gap:10px}
    .villa-info > li { position: relative; padding-right: 14px;margin-right: 10px;}
    .villa-info li > figure {display: flex;}
    .villa-info li > figure figcaption {margin-left: 10px;font:var(--font-16-regular);}
    .villa-info > li:not(:last-child):before {content: '';position: absolute;top: 0;bottom: 0;right: 0;background: var(--color-black-900);width: 4px;height: 4px;margin: auto;}
    .villa-img {margin-top: 15px;}
    .villa-see-more {margin-top: 20px;}
    .villa-see-more img {margin: auto;}
    .villas-list{width:100%;}
    .villas-list >li{width:100%;border:1px solid #c4c4c4}

    .villa-img figure{padding-bottom: 63.88%;}
    .point-arrow{right:15px;}
}
@media (min-width:765px) and (max-width:1199px) {
    .about-text-container{flex-direction:column}
    .marquee-link{margin-top:3.906vw}
    #slider-top-wrapper{height:100%}
    #slider-wrapper{height:100%}
    #slider-outer-container{height:100%}
    .flick-slider,.slide-container,.slide-photo{height:100%}
    .slide-photo > picture{height:100%}

    .welcomeSection-outer-container{margin-top: 30px;}
    .welcomeSection-logo figure{padding: 0 40px;}
    .welcomeSection-top-container{padding: 0 10px;}
    .welcome-h2{font:var(--weight-light) var(--fontSize-26) var(--fontFamily-NeverMind);line-height: 1.4;max-width: 700px;margin:20px auto 0;}

    .welcomeSection-inner-container{max-width:calc(100% - 6vw);margin-top:30px;padding:0 10px}
    .welcomeSection-text-container{max-width:1000px;padding:35px 100px 0}
    .welcomeSection-text-container:before{content:'';position:absolute;top:0;left:0;width:100%;height:80%;background:#F3EFE7;z-index:-1}
    .welcome-middleImg{max-width:545px;height:auto;margin-top:45px;width:84%}
    .welcome-leftImg{position:absolute;bottom:74px;width:19%;height:auto;left:-10px;max-width:170px}
    .welcome-rightImg{position:absolute;right:-10px;bottom:15px;width:19%;height:auto;max-width:170px}
    .welcomeText{font:var(--font-19-light);line-height:1.57;max-width: 600px;margin:0 auto}

    .videoSection-container{margin-top: 60px;}
    .video-h2{font:var(--weight-semi-bold) var(--fontSize-40) var(--fontFamily-NeverMind)}
    .video-h3{margin-top: 40px;}

    .villaSection-outer-container {max-width: calc(100% - 19vw);margin:40px 0 0 19vw;padding-right: 10px;}
    .villa-top-container{max-width: 500px;margin: auto;}
    .villa-h2 {font: 250 clamp(1.875rem, 0.7733rem + 2.3041vw, 2.5rem) var(--fontFamily);}
    .villa-desc {margin-top: 15px;}
    .villas-list{column-gap:2%;row-gap: 20px;margin-top: 45px;}
    .villas-list >li{width: 49%}
    .villas-list > li > a {padding: 12px 15px 25px;}
    .villa-title-container{font:var(--font-20-semi-bold);}

    #location-section{background: #7B8D79;}
    .location-outer-container{max-width: calc(100% - 20vw);margin:40px 0 0 auto;padding: 35px 20px 35px 0;align-items: center;}
    .location-left-container{width: 30%;}
    .location-right-container{width:66%;margin-left: 4% }
    .location-h2{font:250 var(--fontSize-40) var(--fontFamily)}
    .location-desc{font:var(--font-18-regular);line-height: 2;margin-top: 20px;}
    .location-read-more{margin-top: 30px;max-width: 220px;}
    .location-read-more > a {padding:15px 25px;}

    .points-outer-container{max-width: calc(100% - 28vw);margin:3vw 7vw 5vw 21vw;padding: 0 10px;}
    .points-h2{padding-bottom: 30px;margin-bottom: 30px;font:var(--weight-regular) var(--fontSize-40) var(--fontFamily-NeverMind)}
    .points-list{column-gap:4%;row-gap:30px;}
    .points-list > li {width: 48%;}
    .points-list > li > a{padding:30px 50px;}
    .point-pin{margin-top: 20px;}
    .point-title{margin-top:5px;font:var(--font-18-regular)}
    .point-distance {margin-top: 15px;}
    .points-btn{max-width: 420px;margin-top: 40px;}
    .points-btn > a {padding:1.5vw 70px;}
}
@media (max-width:764px) {
    #cms-wrapper{overflow:hidden}
    #slider-outer-container,.slide-photo > picture{padding-bottom:125%}
    #video-container{padding-bottom:125%;margin-top:90px}
    .slide-container{padding:0}
    .slide-photo > picture img{border-radius:0}
    .flick-slider .flickity-page-dots{bottom:10px;left:0;right:0;flex-direction:row;top:unset}
    .slider-left{left:10px}
    .slider-left img,.slider-right img{width:28px;height:28px}
    .slider-right{right:10px}
    .marquee-link{margin-top:20px}
    .marquee-item > .book-sun{max-width:30px}
    .marquee-item > .book-arrow{max-width:24px}
    .marquee-item > .book-txt-marquee{font-size:1rem}
    .marquee-item{width:100%;max-width:510px;min-width:350px;gap:10px;padding:0 5px}
    /*.villa-info-list > li:not(:nth-child(even)):before{content:'/';position:absolute;top:0;bottom:0;right:0;margin:auto;color: var(--color-black-900)}*/

    .welcomeSection-outer-container{width: 100%;margin-top: 20px;}
    .welcomeSection-text-container{margin-top: 20px;}
    .welcomeSection-text-container:before{content:'';position: absolute;top: 0;left:0;width: 100%;height: 80%;background: #F3EFE7;z-index: -1}
    .welcomeSection-top-container{padding: 0 40px;max-width: 400px;}
    .welcome-h2{font:var(--weight-light) var(--fontSize-18) var(--fontFamily-NeverMind);line-height: 2;margin:15px auto 0;}
    .welcome-middleImg{margin-top: 20px;padding: 0 20px;}
    .welcomeText{padding: 30px 40px 0;font:var(--font-16-light);line-height: 1.87;}
    .videoSection-container{margin-top: 25px;}
    .welcomeSection-logo figure{padding: 0 20px;}

    .video-h2{font:var(--weight-semi-bold) var(--fontSize-22) var(--fontFamily-NeverMind)}
    .video-h3{margin-top: 20px;}

    .villaSection-outer-container{padding:0 10px;margin-top:15px}
    .villa-h2{font:var(--weight-regular) var(--fontSize-30) var(--fontFamily-NeverMind);}
    .villa-desc{font:var(--font-16-regular);line-height:2.12}
    .villa-outer-container{margin-top:20px}
    .villas-list{justify-content:center;align-items:center}
    .villas-list >li{max-width:400px;}
    .villas-list >li:not(:first-child){margin-top:20px}
    .villas-list > li > a{padding:15px 30px}
    .villa-title-container {font: var(--font-18-semi-bold);}

    #location-section{margin-top: 30px;}
    .location-outer-container{position:relative;z-index: 1;padding:0 40px 30px;align-items: center;justify-content: center;}
    .location-outer-container:before{content: '';position: absolute;bottom:0;left: 0;right: 0;width: 100%;height: calc(100% - 80px);background: #7B8D79;z-index: -1}
    .location-left-container{width: 55%;max-width: 230px; }
    .location-right-container{width: 100%;margin-top: 20px;text-align: center;}
    .location-h2{font:var(--font-30-regular);}
    .location-desc{margin-top: 15px;font:var(--font-17-regular);line-height: 2.1}
    .location-read-more{margin:  25px auto 0;max-width: 220px;}
    .location-read-more > a {padding:15px 25px; }

    .points-outer-container{padding: 0 10px;margin:30px 0;width: 100%;}
    .points-h2{text-align: center;font:var(--weight-regular) var(--fontSize-30) var(--fontFamily-NeverMind);margin-bottom: 20px;padding-bottom: 20px;}
    .points-h2:before{width: 100px;right: 0;}
    .points-list{column-gap:2%;row-gap: 20px;}
    .points-list > li{width: 49%}
    .points-list > li > a{padding:20px 13px 15px;}
    .point-pin{margin-top: 15px;}
    .point-title{margin-top: 5px}
    .point-distance{margin-top: 10px;}
    .points-btn{margin-top: 25px;max-width: 380px;}
    .points-btn > a{padding:14px 50px;}

}
@media (hover: hover) {
    .villas-list > li a:hover .villa-see-more  {transform: translateX(5px);}
    .villaList > li > a:hover .villa-see-more {transform: translateX(5px);}
    .location-read-more:hover{background: #e3e1dc;}
    .location-read-more:hover  figure img {transform: translateX(5px)}
    .points-list > li:hover{background:#6E826C}
    .points-list > li:hover .point-arrow{opacity: 1;visibility: visible}
    .points-list > li:hover .point-pin svg path {fill: var(--color-white)}
    .points-list > li:hover .point-title{color: var(--color-white)}
    .points-btn:hover{background: rgb(71 68 68 / 90%);}
}