:root {
--default_font:'Inter',sans-serif;
--secondary_font:'Josefin Sans',sans-serif;
}

:root {
    --textDefault: #000000;
    --textDefaultMob: #000000;
    --bgDefault: #f2f1ec;
    --bgDefaultMob: #f2f1ec;
    --globalC1: #000000;
    --globalC2: #ffffff;
    --globalC3: #;
    --globalC4: #;
    --globalC5: #;
    --globalBG1: #f2f1ec;
    --globalBG2: #e2e1dc;
    --globalBG3: #000000;
    --globalBG4: #ffffff;
    --globalBG5: #;
}
input, button, textarea, select { font-family: inherit;}
body {
    padding: 0;
    margin: 0;
    overflow-x: hidden;
background-color:#f2f1ec;
}
html,body{font-family:'Inter',sans-serif; font-size:16px; line-height:32px; font-weight:300; color:#000000;}
#mainContainer {
width: ;
    margin: ;
    padding: ;
    height: auto;
    text-align: left;
    margin: auto;
    position: relative;
}
#LayerRow1 {display:block;position:relative;
}
 #LayerRow1 #LR1_C1 {display:block;
}
#LayerRow2 {display:block;position:relative;
}
 #LayerRow2 #LR2_C1 {display:block;
}
#LayerRow3 {display:block;position:relative;
}
 #LayerRow3 #LR3_C1 {display:block;
}
#LayerRow4 {display:block;position:relative;
}
 #LayerRow4 #LR4_C1 {display:block;
}

@media (max-width: 1600px) {}
@media (max-width: 1366px) {}
@media (max-width: 1280px) {}
@media (max-width: 1024px) {}
@media (max-width: 860px) {}
@media (max-width: 680px) {}

.* {font-style:normal;}*{box-sizing:border-box;}
.accMenu span {font-weight:300!important;}
.accommodationGrid {display:grid;
row-gap:5px;}
.accommodationGrid .clear {display:none;}
.accommodationGrid .marginSubTitle {margin:unset;}
.accommodationGrid .marginTitle {margin:0 100px;}
.accommodationListGrid {display:grid;
grid-template-columns: 1fr 1fr 1fr;
gap:50px;}
.accommodationListGrid .clear {display:none;}
.accommodationLR {margin:0 160px;
margin: 0 4.33vw 0 8.33vw;}
.accommodationSlide-next {background-color:#f2f1ec;background-position: right center;
width: 94px;
height: 94px;
display: block;
position: absolute;
top: 50%;
right:0;
transform: translate(100%,-50%);
border-radius:100%;
z-index:0;
background-size: contain;background-image:url(https://res.cloudinary.com/incom/image/upload/v1756813490/images/sbgjju5ajmmnrrgu1fqt.png);background-repeat:no-repeat;}
.accommodationSlide-next:hover {cursor:pointer;background-image:url(https://res.cloudinary.com/incom/image/upload/v1756813491/images/ohhaeg8qilsxm5grr2un.png);background-repeat:no-repeat;}
.accommodationSlide-prev {background-color:#f2f1ec;background-position: left center;
width: 94px;
height: 94px;
display: block;
position: absolute;
top: 50%;
left:0;
transform: translate(-100%,-50%);
border-radius:100%;
z-index:0;
background-size: contain;background-image:url(https://res.cloudinary.com/incom/image/upload/v1756813491/images/q7endegjioqumdfrgh0t.png);background-repeat:no-repeat;}
.accommodationSlide-prev:hover {cursor:pointer;background-image:url(https://res.cloudinary.com/incom/image/upload/v1756813492/images/k9m15djgnvdfm70vwpzx.png);background-repeat:no-repeat;}
.addresstext {font-size:18px;line-height:30px;font-weight:300;letter-spacing:0.4px;}
.addresstitle {font-size:14px;font-weight:normal;font-style:normal;color:#000;}
.black {font-style:Normal;}
.botaddresstext {font-size:12px;font-weight:normal;font-style:normal;color:#000;}
.bx-pager {font-style:normal;right:5%; width:auto !important;}
.capacitySizeSetList {color:#000000;display: flex;
align-items: baseline;
justify-content: center;
column-gap: 10px;
font-size:13px;
line-height:26px;}
.cartDelete {font-family:var(--third_font);font-size:12px;font-weight:bold;font-style:italic;color:#FFFFFF;background-color:#ff7d00;border:1px solid #bfb446; cursor: pointer;}
.cartDiscount {font-size:14px;font-weight:normal;font-style:normal;color:#FF0000;}
.cartOldPrice {font-size:13px;font-weight:400;color:#ffffff;text-decoration:line-through;}
.cartPrice {font-size:12px;font-weight:normal;font-style:normal;color:#000;}
.cartText {font-size:11px;font-weight:normal;font-style:normal;color:#DA2424;}
.cartTitles {font-size:11px;font-weight:normal;font-style:Normal;color:#fff;background-color:#484848;border-right:1px solid #fff;  padding:3px;}
.center {text-align:center;}
.contactImg {width: 60%;
display: table;
margin: 0 auto;}
.cursor_follower_gallery {background-image:url(https://res.cloudinary.com/incom/image/upload/v1756813493/images/aggcij4gdqegql36ob4k.png);background-repeat:no-repeat;}
.date {font-size:11px;font-weight:normal;font-style:normal;color:#424244;}
.deskMob {display:block;}
.desktop {display:block;}
.expDescItem {font-family:var(--secondary_font);font-weight:300;font-size: 1.82vw!important;
line-height: 2.6vw!important;
}
.expDescList {font-size:19px;line-height:30px;letter-spacing:0.4px;}
.experiencesGrid {display:grid;
grid-template-columns: 1fr 1fr;
align-items: center;
column-gap: 80px;
column-gap: 4.17vw;
z-index:0;}
.expGrid {margin-top: 55px!important;}
.expImgList {height:530px;
position:relative;}
.expImgList .img {height: inherit;
background-position: center;
background-size: cover;}
.expImgList .imgLink {}
.expImgList .imgLink:before {content:"";
position:absolute;
background-color:rgba(255,255,255,.7);
background-color:rgba(226, 225, 220,.07);
top:0;left:0;right:0;bottom:0;
z-index: 10;
opacity: 0;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
background-position:50%;
z-index:1;}
.expImgList .imgLink:after {content:"";
position:absolute;
width:50%;
height:5px;
background:#000000;
left:0;
bottom:0;
opacity:0;
transform: translate(50%, 50%);
z-index:2;}
.expImgList .imgLink:hover:before {
opacity:1;}
.expImgList .imgLink:hover:after {
opacity:1;}
.expListBg {}
.expListBg:before {content:"";
position: absolute;
top:75%;
bottom: 0;
left: 50%;
right: 0;
background-image: linear-gradient(to right,rgb(0 0 0/0%) 0%,rgb(0 0 0/60%))
}
.expListBg:hover:before {content:"";
position: absolute;
top:75%;
bottom: 0;
left: 0%;
right: 0;
background-image: linear-gradient(to right,rgb(0 0 0/0%) 0%,rgb(0 0 0/60%))}
.expListTitle {font-size:28px;line-height:28px;color:#ffffff;position:absolute;
bottom: 0;
right: 0;
left: 40%;
text-align: right;
padding: 10px;
}
.exploreBtn {height:0;
opacity:0;
overflow:hidden;
display:grid;
align-items: center;
align-content: center;}
.exploreGrid {display:grid;
grid-template-columns: 1fr 1fr;
align-items: end;
column-gap: 80px;
column-gap: 4.17vw;
z-index:0;
margin-top:120px;}
.exploreGrid .clear {display:none;}
.exploreGridL {padding-bottom: 45px;}
.exploreGridR {display:grid;
row-gap:40px;
row-gap:10px;text-align:center;}
.exploreScroll {}
.exploreScroll .more {display:none;}
.exploreText {padding:0 100px 0 50px;
padding: 0 5.6vw 0 2.9vw;
height:0;
opacity:0;
overflow:hidden;
display:grid;
align-items: center;
align-content: center;letter-spacing:0.4px;text-align:center;}
.exploreTitle {height:0;
opacity:0;
overflow:hidden;
display:grid;
align-items: center;
align-content: center;}
.expTitleList {font-size:22px;line-height:30px;letter-spacing:0.4px;}
.facilitiesGen {line-height:40px;grid-column-start: 1;
grid-column-end: 3;
position:relative;
padding:50px 0;letter-spacing:0.4px;}
.facilitiesGen:before {content:"";
position:absolute;
top:0;
bottom:0;
left:-50px;
right:-50px;
background:#e2e1dc;
z-index:-1;}
.facilitiesGen li {}
.facilitiesGen li:before {content:"\f00c";
font-family: Font-Awesome;
padding-right:10px;}
.facilitiesGen ul {list-style-type: none;
columns: 2;
-webkit-padding-start: 0;
margin-block-start: 0;
margin-block-end: 0;
column-gap: 6vw;}
.flexBox {font-style:normal;display: -webkit-flex;
display: flex;
 -webkit-flex-direction: row;
 flex-direction: row;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
-webkit-align-items: stretch;
 align-items: stretch;
-webkit-justify-content: center;
justify-content: center;
width:100%; margin:auto;}
.flexCenter {display: flex;
align-items: center;}
.followUs {font-size:20px;font-weight:normal;font-style:normal;color:#4b4b4b;text-align:center;
padding-bottom:10px;}
.footerBg {font-style:Normal;}
.footerBg img {filter: invert(1);}
.footerText {font-size:14px;line-height:34px;font-weight:400;color:#000000;letter-spacing:0.4px;}
.footerTitle {font-size:22px;font-weight:normal;font-style:normal;color:#ffffff;}
.formerror {font-size:14px;font-weight:400;color:#9d2d2d;padding:5px; }
.formfields {width: 100%;
background: transparent;
border: none;
border-bottom: 1px solid;}
.formfieldsRes {    font-weight: 100;
    width: 100%;
    height: 40px;
    border: 1px solid #000000;
    padding: 0 10px;
    background:transparent;}
.formfieldsRes::placeholder {font-size:15px;line-height:20px;color:black;
opacity:1;}
.formrequired {font-style:italic;display: table;margin: auto;}
.formRow {display: flex;flex-wrap:wrap;width:100%;
margin-bottom: 10px;clear:both;}
.formRowRes {}
.formsearch {font-size:18px;font-weight:400;color:#fff;height: 42px;
width: 49px;
background: #f2f1ec;
border: none;
border-radius: 3px;
cursor: pointer;
outline: none;}
.formsubmit {font-style:normal;border: 1px solid #333333;
    cursor: pointer;
    margin-top: 10px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    padding: 8px 25px;
    display: table;
    margin: auto;}
.formsubmitRes {color:#e2e1dc;background-color:#000000;font-size: 15px;
    line-height: 29px;
    padding: 6px 40px;
    border: 1px solid #000000;
    cursor:pointer;}
.formsubmitRes:hover {background: #e2e1dc;
color: #000000;}
.formtext {font-size:15px;line-height:20px;font-weight:400;width: 100%;display: block;padding-top: 10px;}
.formtitle {font-size:14px;font-weight:bold;font-style:Normal;color:#000;padding-bottom:7px; padding-top:12px;}
.galleryGrid {display:grid;
gap:50px;
gap: 2.6vw;
grid-template-columns:1fr 1fr 1fr;}
.galleryGrid .imageArea {padding-bottom: 77%;}
.galleryTitle {font-family:var(--secondary_font);font-size:24px;color:#000000;}
.gastronomyGrid {display:grid;
grid-template-columns: 1fr 1fr;
align-items: end;
column-gap: 80px;
column-gap: 4.17vw;
z-index:0;}
.gastronomyGridAlt {display:grid;
grid-template-columns: 1fr 1fr;
align-items: end;
column-gap: 80px;
column-gap: 4.17vw;
z-index:0;}
.gastronomyGridAltL {padding-bottom:60px;}
.gastronomyGridAltR {display:grid;
row-gap:40px;}
.gastronomyGridL {display:grid;
row-gap:25px;}
.gastronomyGridL .homeSubtitle {font-size: 2.1vw;
line-height:2.2vw;}
.gastronomyGridL .more {margin-top: 20px;
margin-bottom: 28px;}
.gastronomyGridL .more:hover {margin-top: 20px;
margin-bottom: 28px;}
.gastronomyGridR {padding-bottom:60px;}
.gastronomyListGrid {display:grid;
grid-template-columns: 1fr;
gap:100px;
}
.gastronomyListGrid .clear {display:none;}
.gastronomyScroll {}
.gastronomyScroll .marginTitle {margin: unset;}
.gastronomySlide-next {background-color:#f2f1ec;background-position: right center;
width: 94px;
height: 94px;
display: block;
position: absolute;
top: 50%;
right:0;
transform: translate(100%,-50%);
border-radius:100%;
z-index:0;
background-size: contain;background-image:url(https://res.cloudinary.com/incom/image/upload/v1756813483/images/ay2obejszmyh1m3tmmei.png);background-repeat:no-repeat;}
.gastronomySlide-next:hover {cursor:pointer;background-image:url(https://res.cloudinary.com/incom/image/upload/v1756813483/images/mhtbvnwrosx3eemh4gfs.png);background-repeat:no-repeat;}
.gastronomySlide-prev {background-color:#f2f1ec;background-position: left center;
width: 94px;
height: 94px;
display: block;
position: absolute;
top: 50%;
left:0;
transform: translate(-100%,-50%);
border-radius:100%;
z-index:0;
background-size: contain;background-image:url(https://res.cloudinary.com/incom/image/upload/v1756813484/images/urjsqw2hifgbcalmrejr.png);background-repeat:no-repeat;}
.gastronomySlide-prev:hover {cursor:pointer;background-image:url(https://res.cloudinary.com/incom/image/upload/v1756813485/images/tug7i9vzejtygnuucpqv.png);background-repeat:no-repeat;}
.gastronomyText {font-weight:300;padding:0 50px 0 100px;
padding: 0 2.9vw 0 5.6vw;
padding: 0 4vw 0 4vw;

/*height:0;
opacity:0;
overflow:hidden;
display:grid;
align-items: center;
align-content: center;*/letter-spacing:0.7px;text-align:center;}
.greenHeart {font-size:14px;font-weight:400;color:#5cb85c;position:relative;}
.greenHeart .tooltiptext {font-size:10px;font-weight:400;color:#ffffff;visibility: hidden;    left: -20px;
    top: -27px;
  width: 120px;
  background-color: #5cb85c;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  position: absolute;
  z-index: 1;}
.greenHeart:hover .tooltiptext {visibility: visible;}
.grid10 {float:left;width:10%;}
.grid10to100 {float:left;width:10%;}
.grid20 {font-style:normal;float:left; width:20%; margin:0;}
.grid20to100 {float:left;width:20%;}
.grid25 {font-style:normal;float:left; width:25%; margin:0;}
.grid30 {font-style:normal;float:left; width:30%; margin:0;}
.grid30to100 {float:left;width:30%;}
.grid33 {font-style:normal;float:left; width:33.33%; margin:0px;}
.grid33to100 {float:left;width:33.33%;}
.grid35 {font-style:normal;float:left; width:35%; margin:0;}
.grid35Contact {float:left;width:35%;}
.grid35Contact .logo {filter:invert(1);}
.grid35to100 {font-style:normal;float:left;width:35%;}
.grid40 {font-style:normal;float:left; width:40%; margin:0px;}
.grid40to100 {float:left;width:40%;}
.grid49 {font-style:normal;float:left; width:49%; margin:0;}
.grid50 {font-style:normal;float:left; width:50%; margin:0;}
.grid50to100 {float:left;width:50%;}
.grid60 {font-style:normal;float:left; width:60%; margin:0;}
.grid60to100 {float:left;width:60%;}
.grid70 {font-style:normal;float:left; width:70%; margin:0;}
.grid70to100 {float:left;width:70%;}
.grid80 {font-style:normal;float:left; width:80%; margin:0;}
.grid80to100 {float:none;width:80%;}
.grid90 {float:left;width:90%;}
.grid90to100 {float:left;width:90%;}
.gridBlog {float:left;width:33.33%;
}
.gridBook {float:left;
column-gap: 80px;
column-gap: 4.17vw;
display: flex;
flex-direction: row;
justify-content: flex-end;
padding-right:35px;text-align:right;}
.gridBookMobile {float:left; width: calc(25% - 15px); margin:0;position:absolute;z-index:1;left: calc(75% - 0px);}
.gridFormField {flex:1;min-width:250px;}
.gridFormFieldItem {margin: 0;font-weight:400;}
.gridFormLabel {width: 100%;}
.gridFormLabelItem {width: 100%;margin: auto;}
.gridGallery {float:left;width:100%;padding:0;}
.gridGalleryInstagram .imageArea {padding-bottom:100%;}
.gridIem98 {font-style:normal;width:98%; margin:auto;}
.gridItem90 {width:90%;margin:0 auto;}
.gridItem96 {font-style:normal;width:96%; margin:auto;}
.gridLang {font-style:normal;float:right;padding:0 20px;}
.gridLogo {float:left;margin:0;z-index:0;}
.gridMapMobile {float:left; width: calc(25% - 15px); margin:0;position:absolute;z-index:1;left: calc(50% - 15px);}
.gridMenu {float:left;margin:0;display: flex;
align-items: center;}
.gridMenuItem {line-height:33px;}
.gridMenuMobile {float:left; width: calc(25% - 15px); margin:0;position:absolute;z-index:1;}
.gridoffers {font-style:normal;float:left; width:30%; margin:0;}
.gridPhoneMobile {float:left; width: calc(25% - 15px); margin:0;position:absolute;z-index:1;left: calc(25% - 15px);}
.gridTopLinks {font-style:normal;float:right;padding:0 20px;}
h1 {margin:0px;font-family:var(--secondary_font);font-size:85px;line-height: 60px;font-weight:400;color:#000000;font-size: 3.12vw;
line-height: 4.2vw;}
h2 {margin:0px;font-family:var(--);font-size:20px;font-weight:normal;font-style:normal;color:#000000;}
h3 {margin:0px;font-size:16px;font-weight:normal;font-style:normal;color:#000;line-height:normal;}
.headerArrows {font-style:normal;}
.headerArrows:hover a.header-next {font-style:normal;opacity:1;}
.headerArrows:hover a.header-prev {font-style:normal;opacity:1;}
.headerGallery {margin:130px 0;}
.headerTitle {padding-bottom:15px;}
.homeSubtitle {font-family:var(--secondary_font);font-size:30px;line-height:75px;font-weight:300;font-size: 2.34vw;
font-size: 1.82vw;
line-height: 2vw;}
.homeTitle {font-family:var(--secondary_font);font-size:85px;line-height:100px;font-weight:300;font-size: 4.42vw;
line-height: 5.2vw;
font-size: 3.12vw;
line-height: 4.2vw;}
.homeTitle h1 {font-family:var(--secondary_font);font-size:60px;line-height:80px;font-weight:300;font-size: 4.42vw;
line-height: 5.2vw;
font-size: 3.12vw;
line-height: 4.2vw;}
.hotelPrice-book {background-color:#ffffff;width: 92%;margin:auto;padding:10px 0px;}
.hotelPrice-buttonWrapper {font-size:15px;font-weight:600;color:#ffffff;width:50px;border-radius: 50%;padding:25px 20px;display:table !important;position: fixed;cursor: pointer;bottom:90px;right: -150px;z-index: 999;-moz-box-shadow: 0 3px 10px 0 #3d3d3d;-webkit-box-shadow: 0 3px 10px 0 #3d3d3d;box-shadow: 0 3px 10px 0 #3d3d3d;
background-color:#444442;text-align:center;}
.hotelPrice-content {background-color:#ffffff;}
.hotelPrice-offerContent {display: none; text-align: left; margin: 0px 13px; height: 170px; overflow-y: scroll;}
.hotelPrice-top {padding:5px 0px; background-color:#3b3b39;}
.hotelPrice-wrapper {background-color:#ffffff;width:250px !important;max-width: 250px !important;position: fixed;bottom:0;right: -300px;z-index: 999;-moz-box-shadow: 0 3px 10px 0 #3d3d3d;-webkit-box-shadow: 0 3px 10px 0 #3d3d3d;box-shadow: 0 3px 10px 0 #3d3d3d;}
.hoverImage {font-style:normal;position:absolute;
width: 100%;
height:100%;
z-index: 10;
opacity: 0;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
background-size: cover;}
.hoverImage:hover {font-size:11px;font-weight:normal;font-style:normal;opacity:1;}
.hpBorder {border-bottom: 1px solid #c5c5c5;padding-bottom:10px;margin:5px 0px;}
.hPClose {font-size:15px;font-weight:700;color:#ffffff;padding:5px 10px;float:right;cursor:pointer;}
.hpClubTitle {font-size:16px;font-weight:400;color:#000000;padding:5px 0px 5px 9px;float:left;cursor:default;}
.hpExtPrice {font-size:14px;font-weight:600;color:#222221;float:right;padding:0px 10px;}
.hPExtTitle {font-size:15px;font-weight:400;color:#222221;float:left;cursor:default;padding:2px 10px;}
.hpInfoIcon {}
.hpPriceStrike {font-size:16px;font-weight:600;color:#ff0000;float:right;padding:5px 10px;text-decoration:line-through;}
.hpToggler-content {font-size:11px;font-weight:600;background-color:#dfdfdf;position: absolute; margin: auto; z-index: 2; left: -56px; top: 54px; line-height: 20px; text-align: center; border-radius: 5px 0px 0px 5px; padding: 30px 10px 0px 15px; background-position: 60% 25%; cursor:pointer;}
.hpToggler-content:after {content: "";  position: absolute; width: 0; height: 0; top: 0; opacity: 0; right: -8px; border-style: solid; border-width: 25px 0 25px 8px; border-color: transparent transparent transparent #dfdfdf;}
.hpToggler-offers {font-size:11px;font-weight:600;background-color:#dfdfdf;position: absolute; margin: auto; z-index: 2; left: -56px; top: 108px; line-height: 20px; text-align: center; border-radius: 5px 0px 0px 5px; padding:30px 12px 0px 12px; background-position: 50% 25%; cursor:pointer;}
.hpToggler-offers:after {content: ""; position: absolute; width: 0; height: 0; top: 0; opacity: 0; right: -8px; border-style: solid; border-width: 25px 0 25px 8px; border-color: transparent transparent transparent #dfdfdf;}
.hPTopSubTitle {font-size:11px;line-height:10px;font-weight:400;color:#000000;padding:3px 10px 5px 10px;cursor:default;}
.hPTopTitle {font-size:15px;font-weight:400;color:#ffffff;padding:5px 10px 0px 10px;cursor:default;}
.hpTripadvisor-wrapper {background-color:#ececec;width: initial !important;padding: 5px 0px;margin: 5px 0px;height: 45px;overflow: hidden;}
.hPTripadvisorTitle {font-size:15px;font-weight:400;color:#222221;float:left;cursor:default;padding:7px 10px 0px 10px;}
.hpWebsitePrice {font-size:18px;font-weight:700;color:#5cbc63;padding:5px 10px;float: right;}
.hPWebsiteTitle {font-size:16px;font-weight:400;color:#222221;padding:5px 13px;float:left;cursor:default;}
.hvr-ripple-out::before {border:5px solid #444442;}
.imageArea {font-style:normal;position:relative;padding-bottom:80%;}
.infoItem {font-size: 21px;}
.infoItemSep {}
.infoItemsGrid {}
.instaGrid {display:grid;
grid-template-columns:1fr 1fr 1fr 1fr;
gap:30px;
margin-top:80px;}
.intGrid {display: grid;
/*row-gap: 100px;*/
padding: 0 50px;
grid-template-columns: 1fr;
justify-content: space-between;
justify-items: stretch;
align-items: center;
align-content: center;
/*column-gap:2.6vw;*/
padding-bottom: 180px;
/*gap: 2.6vw;*/
/*column-gap: 6.77vw;*/}
.justify {text-align:justify;text-align:justify;}
.langWrapper {    line-height: 20px;
    margin: 0;
    display: inline-block;
    vertical-align: middle;}
.lazyload {font-style:normal;opacity:0;}
.lazyloaded {font-style:normal;opacity: 1;transition: opacity 500ms;}
.lazyloading {font-style:normal;opacity:0;}
.locationBtn {height:0;
opacity:0;
overflow:hidden;
display:grid;
align-items: center;
align-content: center;}
.locationGrid {display:grid;
grid-template-columns: 1fr 1fr;
align-items: center;
column-gap: 80px;
column-gap: 4.17vw;
z-index:0;
margin-top:70px;
padding-bottom:50px;}
.locationGrid .clear {display:none;}
.locationGridL {display:grid;
grid-template-columns:1fr 1fr;
column-gap: 50px;
column-gap: 1vw;
align-items: stretch;
align-content: space-between;
height: 100%;}
.locationGridR {display:grid;text-align:center;}
.locationMap {margin-top:0px!important;
margin-bottom:0px!important;}
.locationScroll {}
.locationScroll .homeSubtitle {font-family:var(--default_font);line-height: 1.7vw;}
.locationScroll .homeTitle {position:relative;
background-position: 8% 30%;
background-size: 2.71vw;
display: block;background-image:url(https://res.cloudinary.com/incom/image/upload/v1762941017/tkixaifjkekeblpzzjiv.png);background-repeat:no-repeat;}
.locationScroll .homeTitle:before {background-size:contain;
content:"";position:absolute;
}
.locationText {padding:0 100px 0 50px;
padding: 0 5.6vw 0 2.9vw;
height:0;
opacity:0;
overflow:hidden;
display:grid;
align-items: center;
align-content: center;letter-spacing:0.4px;text-align:center;}
.locationTitle {height:0;
opacity:0;
overflow:hidden;
display:grid;
align-items: center;
align-content: center;}
.locImg1 {font-style:Normal;}
.locImg2 {}
.locImgText1 {line-height:25px;font-weight:300;padding:45px;
padding: 1.7vw;text-align:left;}
.locImgText2 {font-weight:300;padding:45px;
padding:2.34vw;text-align:right;}
.logo {}
.mainBlogTitle {font-size:24px;font-weight:400;margin-bottom:30px;}
.mainTitle {font-family:var(--);font-size:24px;font-weight:bold;font-style:normal;color:#ffffff;line-height:normal;}
.marginLR {margin:0 160px;
margin: 0 8.33vw;}
.marginSubTitle {margin:0 400px;
margin:0 10.83vw;
}
.marginTitle {margin:0 300px;
margin:0 15.625vw;}
.marquee {font-size:15px;font-weight:normal;font-style:normal;color:#000000;margin: 0 auto;
overflow: hidden;
white-space: nowrap;
box-sizing: border-box;
display: block;
animation: marquee 20s linear infinite;}
.memberarea {font-size:13px;font-weight:bold;font-style:normal;color:#000;}
.menu.overlay a.rootMenu {font-size:24px;line-height:45px;font-weight:100;color:#000000;transition:0s;}
.menu.overlay a.rootMenu:hover {font-weight:400;}
.menu.overlay a.rootMenuSel {font-size:24px;line-height:45px;font-weight:400;color:#000000;}
.menuIcon {display:block;  width:34px; height:34px; }
.menuIconHide {display:block;  width:34px; height:34px; }
.menuSep {font-size:11px;font-weight:normal;font-style:normal;width:5px; height:32px; position:absolute;}
.menuTextCont {    text-align: center;
/*    margin-top: 8vh;*/
/*    height: 50vh;
    overflow-y: auto;*/
    z-index: 3;
    
    position: absolute;
    top: 120px;
    bottom: 100px;
    overflow-y: scroll;
    min-width: 30vw;}
.menuTextCont .followUs {color:#000000;}
.menuTextCont a.social {color:#000000;visibility: visible !important;
padding:0 10px;}
.menuTextCont a.social:hover {
padding:0 10px;}
.menuTextCont ul {padding-inline-start: 0px;
margin-block: 0;

    position: absolute;
    top: 50%;
    left: 50%;
    width:100%;
    transform: translate(-50%, -50%);}
.menuTextCont::-webkit-scrollbar {margin-left:10x;
  width: 10px;
opacity:0.1;
z-index:99;}
.menuTextCont::-webkit-scrollbar-thumb {background-color:#000000;opacity:0.5;
}
.menuTextCont::-webkit-scrollbar-thumb:hover {opacity:1;
cursor:pointer;}
.menu_icon {font-size:15px;font-weight:300;color:#ffffff;position:relative;letter-spacing:1.2px;}
.menu_icon:hover {color:#ffffff;}
.menu_icon:after {content:"MENU";
position:absolute;
left:100%;
padding-left:23px;
color:#fff;}
.mobBlogImg {    min-width: 120px;
    max-width: 50%;}
.mobOnly {display:none;}
.nav {position:fixed;top:0;left:0;right:0;
background-image: linear-gradient(rgba(13,15,19,.9), rgba(13,15,19,0));
z-index:60;
display:grid;
grid-template-columns:4fr 2fr 4fr;
align-items:center;
padding: 25px 85px;
transition:padding 0.5s, background-image 0.5s;}
.navPlaceHolder {clear:both;}
.newsletError {font-size:11px;font-weight:normal;font-style:normal;color:#cc0000;}
.newsletField {font-size:12px;font-weight:normal;font-style:normal;color:#000;border:1px solid #4c4c4c; height:23px; line-height:23px; padding:0px 5px;}
.newsletSubmit {font-size:12px;font-weight:normal;font-style:normal;color:#fff;background-color:#333333;border:1px solid #4c4c4c; cursor: pointer; height:25px; line-height:25px; padding:0px 10px;}
.newsletTitle {font-size:12px;font-weight:normal;font-style:normal;color:#000;margin-bottom:7px;}
.noMobile {}
.OffersBack {font-style:normal;background-color:#fcfcfc;padding:20px;}
.OfferTitle {font-size:30px;font-weight:300;font-style:normal;color:#363636;margin-bottom:20px;}
.paddBot100to0 {padding-bottom:100px;}
.padGal100 {padding-bottom:100px;}
.parallaxImage {font-style:normal;height:760px;
background-size:cover;
background-attachment:fixed;background-position: 50% 50%;}
.photoGalleryGrd {display:grid;
gap:50px;
gap: 2.6vw;
grid-template-columns:1fr 1fr 1fr;}
.photoshover {position:absolute;
background-color:rgba(255,255,255,.7);
background-color:rgba(226, 225, 220,.07);
top:0;left:0;right:0;bottom:0;
z-index: 10;
opacity: 0;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
background-position:50%;}
.photoshover:hover {opacity:1;}
.photoshover:after {content:"";
position:absolute;
width:50%;
height:5px;
background:#000000;
left:0;
bottom:0;
transform: translate(50%, 50%);}
.relative {font-style:normal;position:relative;}
.required {padding-bottom:10px;text-align:right;}
.restDescription {font-family:var(--default_font);font-size:40px;line-height:70px;text-align:center;}
.restForm {font-size:15px;line-height:27px;background-color:#e2e1dc;grid-column-start: 2;
grid-column-end: 3;
grid-row-start: 1;
grid-row-end: 3;
/*padding: 60px 70px;*/
padding: 3.125vw 3.65vw;}
.restGrid {display: grid;
/*row-gap: 100px;*/
padding: 0 50px;
grid-template-columns: 1fr 1fr;
justify-content: space-between;
justify-items: stretch;
align-items: center;
align-content: center;
/*column-gap:2.6vw;*/
padding-bottom: 180px;
/*gap: 2.6vw;*/
column-gap: 6.77vw;}
.restGridNof {display: grid;
/*row-gap: 100px;*/
padding: 0 50px;
grid-template-columns: 1fr;
justify-content: space-between;
justify-items: stretch;
align-items: center;
align-content: center;
/*column-gap:2.6vw;*/
padding-bottom: 180px;
/*gap: 2.6vw;*/
gap: 2vw;}
.restHours {font-size:21px;line-height:34px;margin-top: 30px;
text-decoration-line: underline;
text-decoration-thickness: 0.3px;letter-spacing:0.4px;text-align:center;}
.restImg {margin: 130px 0;
padding: 0 50px;}
.restMenu {grid-column-start: 1;
grid-column-end: 2;
grid-row-start: 2;
grid-row-end: 3;
display: grid;
justify-content: center;}
.restText {grid-column-start: 1;
grid-column-end: 2;
grid-row-start: 1;
grid-row-end: 2;letter-spacing:0.4px;}
.right {text-align:right;}
.roomBook {grid-column-start: 2;
grid-column-end: 3;
justify-content: end;
justify-items: end;
display: grid;}
.roomBookList {}
.roomBookList .bookSmall {font-size:14px;line-height:26px;font-weight:200;color:#000000;background-color:#f2f1ec;padding: 0px; border:none;display:inline-block; border-bottom:1px solid #000000;
margin: auto;
min-width: 100px;
text-transform: lowercase;text-align:center;}
.roomBookList .bookSmall:hover {padding: 0px; border:none;display:inline-block; border-bottom:1px solid #000000;
margin: auto;
min-width: 100px;
text-transform: lowercase;
background:#f2f1ec;
color:#000000;
font-size:14px;
line-height:26px;
font-weight:200;
}
.roomDescList {font-size:19px;line-height:30px;letter-spacing:0.4px;}
.roomDescription {font-family:var(--default_font);font-size:40px;line-height:70px;text-align:center;}
.roomFacilities {line-height:50px;grid-column-start: 1;
grid-column-end: 3;
position:relative;
padding:50px 0;letter-spacing:0.4px;}
.roomFacilities:before {content:"";
position:absolute;
top:0;
bottom:0;
left:-50px;
right:-50px;
background:#e2e1dc;
z-index:-1;}
.roomFacilities li {}
.roomFacilities li:before {content:"\f00c";
font-family: Font-Awesome;
padding-right:10px;}
.roomFacilities ul {list-style-type: none;
columns: 3;
-webkit-padding-start: 0;
margin-block-start: 0;
margin-block-end: 0;
column-gap: 100px;
column-gap: 12.21vw;}
.roomGallery {margin:130px 0;}
.roomGrid {display: grid;
row-gap: 100px;
row-gap: 5.21vw;
padding: 0 50px;
grid-template-columns: 1fr 0.54fr;
justify-content: space-between;
justify-items: stretch;
align-items: start;
align-content: start;
column-gap:2.6vw;
padding-bottom: 180px;}
.roomImgList {height:530px;
position:relative;}
.roomImgList .img {height: inherit;
background-position: center;
background-size: cover;}
.roomImgList .imgLink {}
.roomImgList .imgLink:before {content:"";
position:absolute;
background-color:rgba(255,255,255,.7);
background-color:rgba(226, 225, 220,.07);
top:0;left:0;right:0;bottom:0;
z-index: 10;
opacity: 0;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
background-position:50%;
z-index:1;}
.roomImgList .imgLink:after {content:"";
position:absolute;
width:50%;
height:5px;
background:#000000;
left:0;
bottom:0;
opacity:0;
transform: translate(50%, 50%);
z-index:2;}
.roomImgList .imgLink:hover:before {
opacity:1;}
.roomImgList .imgLink:hover:after {
opacity:1;}
.roomText {grid-column-start: 1;
grid-column-end: 2;letter-spacing:0.4px;}
.roomTitleList {font-size:22px;line-height:30px;letter-spacing:0.4px;}
.rpListPrice {font-size:14px;font-weight:500;color:#ffffff;position: absolute;background-color: rgba(0,0,0,0.2);text-align:center;
line-height:30px;z-index:2;bottom: 0;left: 0;right: 0;}
.rpTopTitle {font-size:22px;font-weight:600;color:#000000;padding-bottom:10px;}
.rPWebsiteTitle {font-size:16px;font-weight:400;color:#000000;padding:5px 5px 5px 8px;float:left;cursor:default;}
.searchResultsTitle {font-size:13px;font-weight:bold;font-style:Normal;color:#000;padding-top:4px; padding-bottom:4px; border-bottom:1px dotted #000;}
.securityGrid .formRowRes {    display: grid;
    column-gap: 50px;
    column-gap: 2.6vw;
    row-gap: 20px;
    grid-template-columns: 1fr 1fr;
    align-items: end;}
.sitemap {font-size:11px;font-weight:normal;font-style:normal;color:#000;}
.sizeInt {padding-bottom:5px;}
.splide__list {height: unset;}
.sticky {width: 100%;
top:0;
right:0;
left:0;
display: block;
position: fixed;
z-index: 60;
background-image: linear-gradient(rgba(242,241,236,1), rgba(242,241,236,1));
display:grid;
grid-template-columns:4fr 2fr 4fr;
align-items:center;
padding: 10px 85px;}
.sticky .bookNow {color:#000000;border-bottom:3px solid #000000;}
.sticky .bookNow:hover {color:#000;
border-bottom:3px solid #000000;}
.sticky .gridLogo .logo {filter:invert(1);}
.sticky .lang {color:#000000;}
.sticky .lang:hover {border-bottom:3px solid #000000;
color:#000;}
.sticky .langSel {color:#000000;border-bottom:3px solid #000000;}
.sticky .langSel:hover {border-bottom:3px solid #000000;
color:#000;}
.sticky .menu_icon {color:#000000;}
.sticky .menu_icon:after {color:#000;}
.sticky .topmenu {font-style:normal;}
.sticky2 {font-style:normal;width: 20%;
  height: 40px;
  top:44px;
right:2%;
  display: block;
  position: fixed;}
.subCatsFlex {font-style:normal;display: -webkit-flex;
   display: flex;
   -webkit-align-items: center;
   align-items: center;
   -webkit-justify-content: center;
   justify-content: center;
 -webkit-flex-direction: row;
   flex-direction: row;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-align-content: center;
   align-content: center;}
.subCatTitle {font-family:var(--secondary_font);font-size:45px;line-height:70px;font-weight:400;    font-size: 2.34vw;
    line-height: 3.65vw;text-align:center;}
.subCatTitle h1 {font-size:45px;line-height:70px;font-weight:400;    font-size: 2.34vw;
    line-height: 3.65vw;text-align:center;}
.subMenuExp {display:none!important;}
.tableAuto {font-style:normal;display:table;margin:auto;}
.tablet {display:none;}
.textLtoC {text-align:left;}
.textRtoC {text-align:right;}
.textRtoL {text-align:right;text-align:left;}
.top10 {font-style:normal;padding-top:10px;}
.top100 {font-style:normal;padding-top:100px;}
.top100to0 {padding-top:100px;}
.top15 {font-style:normal;padding-top:15px;}
.top20 {font-style:normal;padding-top:20px;}
.top25 {font-style:normal;padding-top:25px;}
.top30 {font-style:normal;padding-top:30px;}
.top40 {font-style:normal;padding-top:40px;}
.top50 {font-style:normal;padding-top:50px;}
.topmenu {text-align:center;}
.topMenuBar {background-color:#f2f1ec;padding:5px 30px;}
.topNoHeader {padding-top:130px;}
.treesBG {background-position-x: center;
background-position-y: 100%;
background-size: 100%;background-image:url(https://res.cloudinary.com/incom/image/upload/v1756813490/images/b9jyksouzdya8gfpmvoi.png);background-repeat:no-repeat;}
.treesScroll {}
.ul_submenu {background-color:#ffffff;}
.usefulText {font-size:11px;font-weight:normal;font-style:Normal;color:#000;}
.welcImgDown {}
.welcImgUp {}
.welcomeGrid {display:grid;
grid-template-columns: 1fr 1fr;
align-items: start;
column-gap: 80px;
column-gap: 4.17vw;
z-index:0;}
.welcomeGridL {display: grid;
row-gap: 40px;
margin:65px 0 -65px;}
.welcomeGridR {display: grid;
/*row-gap: 75px;*/
row-gap: 20px;
margin:0;}
.welcomeScroll {}
.welcomeText {font-weight:300;padding:0 100px 0 50px;
padding: 0 5.6vw 0 2.9vw;
height:0;
opacity:0;
overflow:hidden;
display:grid;
align-items: center;
align-content: center;letter-spacing:0.4px;text-align:center;}
.welcomeTitle {margin-top:100px;
margin-bottom:100px;
z-index:1;
position:relative;}
.wellGrid {display: grid;
grid-template-columns: 1.5fr 1fr;
justify-content: space-between;
justify-items: stretch;
align-items: center;
align-content: center;
padding-bottom: 180px;
column-gap: 6.77vw;
column-gap: 3.77vw;
grid-template-columns: 1.8fr 1fr;}
.wellGrid .clear {display:none;}
.wellGridL {}
.wellGridR {height: 100%;
display: grid;
/*gap: 5.6vw;*/
justify-items: center;
align-content: space-between;}
.wellGridR .clear {display:none;}
.wellGridR .img {background-position: center;
background-size: cover;
height: 60vw;height: 20vw;
width: 100%;
max-height: 960px;}
.wellnessSubtitle {font-size:40px;line-height:70px;font-weight:200;color:#ffffff;    font-size: 2.08vw;
    line-height: 3vw;}
.width70 {font-style:normal;width:70%;margin:auto;}
.widthLarge {max-width:1180px; margin:auto;}
.widthLarger {max-width:1600px;padding:0 20px;margin:0 auto;}
.widthSmall {max-width:1080px;margin:auto;}
.wow fadeIn {font-style:normal;}
.wow fadeInLeft {font-style:normal;}
.wow fadeInRight {font-style:normal;}
.wow fadeInUp {font-style:normal;}
.wow zoomIn {font-style:normal;}
@media (max-width: 1600px) {.accommodationGrid .marginTitle {}
.accommodationLR {margin:0 160px;
margin: 0 4.33vw;}
}
@media (max-width: 1366px) {.accommodationListGrid {display:grid;
grid-template-columns: 1fr 1fr;
gap:50px;}
.accommodationLR {margin:0 160px;
margin: 0 4.33vw;}
.expImgList {height:430px;}
.expListTitle {font-size:24px;line-height:24px;color:#ffffff;left: 40%;

}
.gastronomyGridL .more {margin-top: 10px;
margin-bottom: 10px;}
.gastronomyGridL .more:hover {margin-top: 10px;
margin-bottom: 10px;}
.gridBook {padding-right:0px;text-align:right;}
.roomImgList {height:430px;}
}
@media (max-width: 1280px) {.accommodationLR {margin:0 160px;
/*margin: 0 4.33vw;*/
margin: 0 4vw;}
.accommodationSlide-next {background-color:#f2f1ec;
width: 70px;
height: 70px;
transform: translate(80%,-50%);}
.accommodationSlide-next:hover {cursor:pointer;}
.accommodationSlide-prev {background-color:#f2f1ec;width: 70px;
height: 70px;
transform: translate(-80%,-50%);}
.accommodationSlide-prev:hover {cursor:pointer;}
.expListTitle {font-size:22px;line-height:22px;color:#ffffff;bottom: 0;
right: 0;
left: 40%;

}
.facilitiesGen ul {column-gap: 100px;
column-gap: 3vw;}
.gastronomySlide-next {background-color:#f2f1ec;
width: 70px;
height: 70px;
transform: translate(80%,-50%);}
.gastronomySlide-next:hover {cursor:pointer;}
.gastronomySlide-prev {background-color:#f2f1ec;width: 70px;
height: 70px;
transform: translate(-80%,-50%);}
.gastronomySlide-prev:hover {cursor:pointer;}
.headerGallery {margin:100px 0 130px;}
.homeSubtitle {font-size:28px;line-height:35px;}
.intGrid {grid-template-columns: 1fr ;
padding:0;

padding-bottom: 180px;}
.locImgText1 {font-size:16px;
padding:1.34vw;text-align:left;}
.locImgText2 {font-size:16px;line-height:25px;
padding:1.34vw;text-align:right;}
.marginLR {margin: 0 6vw;}
.menuTextCont ul {
    top: 55%;}
.nav {
/*grid-template-columns:1fr 1fr 1fr;*/
padding: 25px 45px;}
.restDescription {font-family:var(--default_font);font-size:30px;line-height:70px;text-align:center;}
.restGrid {grid-template-columns: 1fr 1fr;
padding:0;

padding-bottom: 180px;}
.restGridNof {grid-template-columns: 1fr;
padding:0;

padding-bottom: 180px;}
.roomDescription {font-family:var(--default_font);font-size:30px;line-height:70px;text-align:center;}
.roomFacilities ul {column-gap: 100px;
column-gap: 5.21vw;}
.roomGrid {grid-template-columns: 1fr 0.3fr;
padding:0;

padding-bottom: 180px;}
.sticky {/*
grid-template-columns:1fr 1fr 1fr;*/
padding: 25px 45px;}
.subCatTitle {font-size:28px;line-height:35px;font-weight:400;}
.subCatTitle h1 {font-size:28px;line-height:35px;font-weight:400;}
.wellGrid {grid-template-columns: 1fr;
padding:0;

gap: 5.6vw;
padding-bottom: 180px;}
.wellGridR .img {display:none;}
.wellnessSubtitle {font-size:40px;line-height:70px;font-weight:200;color:#ffffff;    font-size: 2.08vw;
    line-height: 3vw;}
.widthLarge {width:96%;margin:auto;}
}
@media (max-width: 1024px) {.accommodationLR {margin:0 160px;
margin: 0 4.33vw;}
.contactImg {width: 80%;
}
.expListTitle {font-size:20px;line-height:20px;color:#ffffff;bottom: 0;
right: 0;
left: 50%;

}
.exploreText {padding: 0 3.6vw 0 1.9vw;letter-spacing:0.4px;text-align:center;}
.gastronomyText {padding: 0 1.9vw 0 3.6vw;letter-spacing:0.4px;text-align:center;}
.gridBlog {float:left;width:50%;
margin-bottom:2%;}
.locationText {padding: 0 3.6vw 0 1.9vw;letter-spacing:0.4px;text-align:center;}
.menuTextCont ul {
    top: 50%;}
.welcomeText {padding: 0 3.6vw 0 1.9vw;letter-spacing:0.4px;text-align:center;}
}
@media (max-width: 860px) {.accommodationGrid .marginTitle {margin:0 5.625vw;}
.accommodationLR {margin:0 160px;
/*margin: 0 4.33vw;*/
margin: 0 7vw;}
.contactImg {width: 90%;
}
.deskMob {display:none;}
.desktop {display:none;}
.experiencesGrid {grid-template-columns: 1fr;
direction: revert;}
.expImgList {height:360px;
height: unset;
padding-bottom: 40px;}
.expListTitle {font-size:20px;line-height:20px;color:#ffffff;bottom: 0;
right: 0;
left: 40%;

}
.exploreGrid {grid-template-columns: 1fr;
gap: 4.17vw;}
.exploreGridL {order:2;}
.exploreGridR {order:1;}
.exploreText {margin:0 10%;letter-spacing:0.4px;text-align:center;}
.facilitiesGen {line-height:50px;grid-column-start: 1;
grid-column-end: 2;
position:relative;
padding:50px 0;letter-spacing:0.4px;}
.facilitiesGen:before {content:"";
position:absolute;
top:0;
bottom:0;
left:-50px;
right:-50px;
background:#e2e1dc;
z-index:-1;}
.facilitiesGen ul {column-gap: 100px;
column-gap: 5.21vw;
columns: 1;}
.flexCenter {flex-direction:column;
display: flex;
align-items: flex-start;}
.galleryGrid {
grid-template-columns:1fr 1fr;}
.gastronomyGrid {grid-template-columns: 1fr;
direction: revert;}
.gastronomyGridAlt {grid-template-columns: 1fr;
direction: revert;}
.gastronomyGridL .homeSubtitle {font-size: 28px;
line-height: 35px;}
.gastronomyGridR {display:none;}
.gastronomyListGrid {}
.gridBlog {}
h1 {margin:0px;font-family:var(--secondary_font);font-size:85px;line-height: 60px;font-weight:400;color:#000000;
    font-size: 5.42vw;
    line-height: 6.2vw;}
.headerGallery {margin:100px 0;}
.homeTitle {font-size:85px;line-height:100px;font-weight:300;    font-size: 5vw;
    line-height: 6vw;}
.homeTitle h1 {font-size:85px;line-height:60px;    font-size: 5vw;
    line-height: 6vw;}
.instaGrid {grid-template-columns:1fr 1fr;}
.intGrid {grid-template-columns: 1fr;
padding:0;

padding-bottom: 100px;
gap: 5.6vw;}
.locationGrid {grid-template-columns: 1fr;
gap: 4.17vw;
padding-bottom:0;}
.locationGridL {gap: 5vw;}
.locationMap {margin-top:0;
margin-bottom:0;}
.locationScroll .homeTitle {background-position: 0% 30%;
background-size: 3.8vw;}
.locationScroll .homeTitle:before {
}
.locationText {margin:0 10%;letter-spacing:0.4px;text-align:center;}
.marginLR {margin: 0 10vw;}
.marginSubTitle {margin:0 400px;
margin:0 10.83vw;}
.marginTitle {margin:0 300px;
margin:0 5.625vw;}
.menu_icon {}
.menu_icon:after {content:none;}
.mobOnly {display:block;
overflow: hidden;}
.nav {
/*grid-template-columns:1fr 1fr 1fr;*/
padding: 25px 25px;}
.photoGalleryGrd {
grid-template-columns:1fr 1fr;}
.restForm {font-size:15px;line-height:27px;background-color:#e2e1dc;grid-column-start: unset;
grid-column-end: unset;
grid-row-start: unset;
grid-row-end: unset;}
.restGrid {grid-template-columns: 1fr;
padding:0;

padding-bottom: 100px;
gap: 5.6vw;}
.restGridNof {grid-template-columns: 1fr;
padding:0;

padding-bottom: 100px;
gap: 5.6vw;}
.restMenu {grid-column-start: unset;
grid-column-end: unset;
grid-row-start: unset;
grid-row-end: unset;}
.restText {grid-column-start: unset;
grid-column-end: unset;
grid-row-start: unset;
grid-row-end: unset;letter-spacing:0.4px;}
.roomBook {grid-column-start: 1;
grid-column-end: 2;
justify-content: center;
justify-items: center;
display: grid;}
.roomFacilities {line-height:50px;grid-column-start: 1;
grid-column-end: 2;
position:relative;
padding:50px 0;letter-spacing:0.4px;}
.roomFacilities:before {content:"";
position:absolute;
top:0;
bottom:0;
left:-50px;
right:-50px;
background:#e2e1dc;
z-index:-1;}
.roomFacilities ul {column-gap: 100px;
column-gap: 5.21vw;
columns: 2;}
.roomGrid {grid-template-columns: 1fr;
padding:0;

padding-bottom: 100px;}
.roomImgList {height:360px;}
.tablet {display:block;
overflow: hidden;
padding-top: 10px;}
.treesBG {background-position-x: center;
background-position-y: 100%;
background-size: 100%;background-image:url(https://res.cloudinary.com/incom/image/upload/v1756813495/images/pyab7asuhidafzlxreqg.png);background-repeat:no-repeat;}
.welcImgDown {margin-left:10%;
margin-right:20%;}
.welcImgUp {margin-left:20%;
margin-right:10%;}
.welcomeGrid {display:grid;
grid-template-columns: 1fr;
align-items: start;
column-gap: 80px;
column-gap: 4.17vw;
z-index:0;}
.welcomeGridL {display: grid;
grid-template-columns: 1fr 1fr;
gap: 5vw;
margin: 35px 0 -35px;
align-items: center;}
.welcomeText {margin: 0 10%;letter-spacing:0.4px;text-align:center;}
.welcomeTitle {margin-top:50px;
margin-bottom:50px;
z-index:1;
position:relative;}
.wellGrid {grid-template-columns: 1fr;
padding:0;

padding-bottom: 100px;
gap: 5.6vw;}
.wellnessSubtitle {font-size:40px;line-height:70px;font-weight:200;color:#ffffff;    font-size: 2.08vw;
    line-height: 3vw;}
}
@media (max-width: 680px) {.accommodationGrid {padding-bottom: 35px;}
.accommodationGrid .marginTitle {margin:0 4px;}
.accommodationListGrid {display:grid;
grid-template-columns: 1fr;
gap:50px;}
.accommodationLR {/*margin:0 160px;
margin: 0 4.33vw;*/
margin:0 10px;}
.deskMob {}
.experiencesGrid {margin-top: 60px;}
.expImgList {margin-top: 20px;padding-bottom: 20px;}
.exploreGrid {margin-top: 60px;
row-gap: 30px;}
.exploreGridL {padding-bottom:0;}
.exploreGridR {row-gap: 30px;}
.exploreText {margin:0 5%;letter-spacing:0.4px;text-align:center;}
.facilitiesGen {line-height:50px;grid-column-start: 1;
grid-column-end: 2;
position:relative;
padding:25px 0;letter-spacing:0.4px;}
.facilitiesGen:before {
left:-10px;
right:-10px;}
.facilitiesGen ul {column-gap: 100px;
column-gap: 2.21vw;
columns: 1;}
.flexCenter {flex-direction:row;
display: flex;
align-items: center;}
.footerText {font-size: 14px;}
.formRowRes {padding-bottom:20px;}
.gastronomyGrid {margin-top: 5px;}
.gastronomyGridL {row-gap:30px;}
.gastronomyGridL .homeSubtitle {font-size: 21px;
line-height: 25px;}
.gastronomyListGrid {gap: 20px;}
.gastronomyText {font-weight:300;letter-spacing:0.7px;text-align:center;}
.grid10to100 {float:none;width:100%;}
.grid20to100 {float:none;width:100%;}
.grid30to100 {float:none;width:100%;}
.grid33to100 {float:none;width:100%;}
.grid35Contact {display:none;}
.grid40to100 {float:none;width:100%;clear:both;}
.grid50to100 {float:none;width:100%;}
.grid50Welcome {font-style:normal;width:100%;text-align:justify;padding-top:20px;}
.grid60to100 {float:left;width:100%;}
.grid70to100 {float:none;width:100%;}
.grid80to100 {float:none;width:100%;}
.grid90to100 {float:none;width:100%;}
.gridAcc {font-style:normal;width:100%;padding:10px;}
.gridBlog {width:100%;
margin-bottom:15px;}
.gridBookMobile {float:left; width: calc(25% - 15px); margin:0;position:absolute;z-index:1;left: calc(75% - 0px);}
.gridFormField {font-style:normal;float: left;width: 100%;margin: 0;display: table;}
.gridFormLabel {width: 100%;}
.gridGallery {}
.gridMapMobile {float:left; width: calc(25% - 0px); margin:0;position:absolute;z-index:1;left: calc(50% - 0px);}
.gridMenuMobile {float:left; width: calc(25% - 15px); margin:0;position:absolute;z-index:1;
left:15px;}
.gridPhoneMobile {float:left; width: calc(25% - 0px); margin:0;position:absolute;z-index:1;left: calc(25% - 0px);}
h1 {margin:0px;font-size:28px;font-weight:400;}
.homeSubtitle {font-size:21px;line-height:25px;}
.homeTextPoolPos {font-style:normal;background-color:#e2e1dc;position:static;transform: translate(0,0);width: 100%;}
.homeTitle {font-size:30px;line-height:40px;}
.homeTitle h1 {font-size:30px;line-height:40px;}
.hotelPrice-book {width:initial;margin:initial;padding:0px 0px;}
.hotelPrice-top {padding:5px 0px; background-color:#3b3b39;display:flex;justify-content:center;}
.hotelPrice-wrapper {width:100% !important;max-width: 100% !important;position: relative;bottom:0;right: 0px;z-index: 60;-moz-box-shadow: 0 3px 10px 0 #3d3d3d;-webkit-box-shadow: 0 3px 10px 0 #3d3d3d;box-shadow: 0 3px 10px 0 #3d3d3d;margin-bottom:20px;}
.hpBorder {border-bottom: 1px solid #c5c5c5;padding-bottom:4px;margin:6px 0px 5px 0px;display:flex;justify-content:space-evenly;}
.hPClose {display:none;}
.hpClubTitle {font-size: 15px;padding:5px 0px 5px 13px;width: 36%;}
.hpExtPrice {font-size: 15px;
    	line-height: normal;
    	font-weight: 600;
    	font-style: normal;
    	color: #222221;
    	float: left;
    	padding: 0 10px;}
.hPExtTitle {font-size: 15px;
    line-height: normal;
    font-weight: 400;
    font-style: normal;
    color: #222221;
    float: left;
    cursor: default;
    padding: 0 10px;}
.hPTopSubTitle {font-size: 14px;padding: 5px 10px 5px 10px;}
.hPTopTitle {font-size:18px;padding:3px 10px 0px 10px;cursor:default;}
.hpWebsitePrice {font-size: 21px;
    line-height: normal;
    font-weight: 700;
    font-style: normal;
    color: #5cbc63;
    padding: 5px;
    float: right;
animation-duration: 0.5s;
animation-name: changesize;
animation-iteration-count: infinite;
animation-direction: alternate;}
.hPWebsiteTitle {font-size: 16px;
    line-height: normal;
    font-weight: 400;
    font-style: normal;
    color: #222221;
    padding: 8px 5px 6px;
    float: left;
    cursor: default;}
.infoItemSep {display:none !important;}
.infoItemsGrid {display: grid !important;}
.instaGrid {margin-top: 35px;
margin-bottom:-50px;
gap: 20px;
grid-template-columns: 1fr;}
.intGrid {
gap: 20px;}
.locationGrid {margin-top: 40px;
gap: 30px;}
.locationScroll .homeSubtitle {font-family:var(--default_font);font-size:18px;font-size: 21px;
line-height: 25px;}
.locationScroll .homeTitle {background-position: 5% 12%;
background-size: 6vw;}
.locationScroll .homeTitle:before {
}
.locImgText1 {font-size:14px;
padding:0;text-align:left;}
.locImgText2 {font-size:14px;line-height:25px;
padding:0;text-align:right;}
.logo {filter:invert(1);}
.mainTitle {font-size:18px;font-weight:bold;font-style:normal;}
.map {height:21px; display:inline-block;  margin-right:7px; background-position:center left; line-height:21px;}
.marginLR {font-style:normal;margin:0 10px;}
.marginLR45 {margin:0 10px;}
.marginSubTitle {margin: 0 15px;}
.marginTitle {margin:0 4px;}
.menu.overlay a.rootMenu {font-size:15px;line-height:25px;font-weight:100;color:#000000;transition:0s;}
.menu.overlay a.rootMenu:hover {font-weight:400;}
.menuTextCont {    text-align: center;
    margin-top: 0;
/*    height: 50vh;
    overflow-y: auto;*/
    z-index: 3;
    width:100%;
    bottom: 30px;
    top: 80px;}
.menuTextCont ul {
    top: 50px;
    transform: translate(-50%, 0);}
.menu_icon {font-size:15px;color:#000000;position:relative;letter-spacing:1.2px;}
.menu_icon:hover {color:#000000;}
.menu_icon:after {content:none;}
.menu_ul {border-bottom:0px solid;padding-top: 15px !important;}
.mobOnly {}
.nav {position:relative;top:0px;left:0;right:0;z-index:67;
min-height:initial;
height:50px;
padding:0;
transition:top 0.1s;
background-image: linear-gradient(rgba(242, 241, 236, 1), rgba(242, 241, 236, 1));}
.noMobile {display:none;}
.paddBot100to0 {padding-bottom:0px;}
.padGal100 {padding-bottom:50px;}
.required {padding-bottom:10px;text-align:left;}
.restDescription {font-family:var(--default_font);font-size:24px;line-height:30px;text-align:center;}
.restGrid {
gap: 50px;}
.restGridNof {
gap: 50px;}
.roomDescription {font-family:var(--default_font);font-size:24px;line-height:30px;text-align:center;}
.rPWebsiteTitle {font-size:16px;font-weight:400;color:#000000;padding:5px 5px 5px 8px;float:left;cursor:default;
width:30%;}
.securityGrid .formRowRes {    display: block;
    column-gap: 50px;
    row-gap: 20px;
    grid-template-columns: 1fr 1fr;
    align-items: end;}
.sticky {width: 100%;
top:0;
right:0;
left:0;
display: flex;
position: fixed;
z-index: 1001;
padding-top:0px;}
.subCatsFlex {font-style:normal;display: -webkit-flex;
   display: flex;
   -webkit-align-items: center;
   align-items: center;
   -webkit-justify-content: center;
   justify-content: center;
 -webkit-flex-direction: column;
   flex-direction: column;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-align-content: center;
   align-content: center;}
.textLtoC {text-align:center;}
.textRtoC {text-align:center;text-align:center;}
.textRtoL {text-align:left;}
.top100to0 {padding-top:0px;}
.topNoHeader {padding-top:0;}
.ul_submenu {margin-left: 25px;}
.welcImgDown {margin-left:0%;
margin-right:0%;}
.welcImgUp {margin-left:0%;
margin-right:0%;}
.welcomeGridR {row-gap: 30px;}
.welcomeText {margin: 0 5%;letter-spacing:0.4px;text-align:center;}
.wellGrid {
gap: 50px;}
.wellnessSubtitle {font-size:40px;line-height:70px;font-weight:200;color:#ffffff;    font-size: 2.08vw;
    line-height: 3vw;}
.widthLarge {width:96%;margin:auto;}
.widthLarger {margin:0;}
}

@media (max-width: 1600px) {}
@media (max-width: 1366px) {}
@media (max-width: 1280px) {}
@media (max-width: 1024px) {}
@media (max-width: 860px) {}
@media (max-width: 680px) {}



html {
  scroll-padding-top: 8rem;
  scroll-behavior: smooth;
}

@media(max-width:680px){
    html {
      scroll-padding-top: 15rem;
    }
}
.blackLogo {
    filter:invert(1);
}
.blackNow {
    color: #000 !important;
    border-bottom: 2px solid !important; 
}
.blackLang {
    color: #000 !important;
}
a.lang.blackLang:hover, .blackLang:hover {
    border-bottom: 2px solid #000!important;
}
.blackLangsel {
    color: #000 !important;
    border-bottom: 2px solid !important;
}
.menu.overlay {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    background:#f2f1ec;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    /*z-index: 62;*/
    transform:translateY(100vh);
    /*transition:transform 0.8s ease-in-out;*/
    -webkit-transition: all .6s;
    transition: all .6s;
}
.menu.overlay.open {
    opacity: 1;
    visibility: visible;
    /*height: 100vh;*/
    overflow: hidden;
    transform:translateY(0);
    -webkit-transition: all .6s;
    transition: all .6s;
    
}

.menu__inner {
    /*width: calc(100% - 60px);
    height: calc(100% - 180px);*/
    /*top: 120px;*/
    height:100%;
    width:100%;
    /*overflow: hidden;*/
    overflow-y: hidden;
    /*left: 30px;*/
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    z-index: 2;
    /*cursor:none;*/
    margin-top:10vh;
}

.menu__inner:after {
    /*content: '';*/
    transform-origin: left;
    transition: all .6s;
    /*transform: scaleX(0);*/
    position: absolute;
    z-index: 1;
    width: calc(100% - 60px);
    height: calc(100% - 60px);
    left: 30px;
    top: 30px;
    background-color: rgba(0,0,0,.85);
}

.menu_wrapper {
    display: inline-flex;
    z-index: 1;
    position: relative;
}

.menu_wrapper.open {
    
}

.menuTextCont{
    text-align: center;
    z-index: 3;
    position: absolute;
    top: 120px;
    bottom: 100px;
    overflow: hidden;
    min-width: 30vw;
    width:100%;
}

.menu.overlay .menu__item{
    transform:translateY(100%) rotateX(90deg);
    transition:transform 0.8s ease-in-out 0.6s;
}

.menu.overlay.open .menu__item{
    transform:translateY(0%) rotateX(0deg);
}

.rootMenuSpan{
    /*cursor:none;*/
    position:relative;
}

/*.cursor{*/
/*    position: absolute;*/
    /*background-color: #fff;*/
    /*width: 6px;*/
    /*height: 6px;*/
    /*border-radius: 100%;*/
    /*z-index: 1;*/
    /*transition: 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform,*/
    /*    0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity;*/
/*    user-select: none;*/
/*    pointer-events: none;*/
/*    z-index: 10000;*/
    /*transform: scale(1);*/
/*    cursor:pointer;*/
/*}*/

.cursor_follower{
    position: absolute;
    background-color: rgba(255, 255, 255, 0.5);
    /*background-color: rgba(0, 0, 0, 0.9);*/
    backdrop-filter:invert(1);
    width: 60px;
    height: 60px;
    border-radius: 100%;
    z-index: 1;
    transition: transform 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33),
       visibility 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) ;
    user-select: none;
    pointer-events: none;
    z-index: 10000;
    transform: translate(-50%, calc(-50% - 4vh));
    visibility:hidden;
    top:0;
    bottom:0;
    right:0;
    left:0;
}

.cursor_follower.active{
    visibility:visible;
}

.menu.overlay a.rootMenu{
    font-family:var(--default__font);
    font-weight:400;
    border-bottom:1px solid transparent;
    display:table;
    margin:0 auto;
    font-size:18px;
    line-height:1.8;
   letter-spacing:4px;
   margin:8px auto;
   position:relative;
   
}
.menu.overlay a.rootMenu:before{
    content:'';
    position:absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: #000;
    transform:  scaleX(0);
    transition: transform .5s ease;
    visibility:hidden;
}
.menu.overlay a.rootMenu:hover{
    font-weight:400;
}

.menu.overlay a.rootMenu:hover:before{
    transform:  scaleX(1);
    visibility:visible;
}
.menu.overlay a.rootMenu:after{
    content:'';
    position:absolute;
    left: 0;
    bottom: 0;
    width: 50px;
    height: 50px;
    background:transparent;
    border-radius:100%;
    transform:  scaleX(0);
    transition: transform .5s ease;
    visibility:hidden;
    z-index:999;
    display:block;
}
.menu.overlay a.rootMenu:hover:after{
    transform:  scaleX(1.1);
    visibility:visible;
}
.menu.overlay a.rootMenuSel{
    font-family:var(--default__font);
    font-weight:400;
    border-bottom:2px solid;
    display:table;
    margin:0 auto;
}
.absMenuClass{
    position: absolute;
    top: 0;
    display: grid;
    align-items: center;
    justify-items: center;
    width: 100%;
    height: 50vh;
    z-index:-1;
}

.absMenuItem{
    position: absolute;
    display: table;
    color: #adadad;
    color:hsla(0,0%,68%,0.2);
    font-size: 12em;
    line-height:1em;
    letter-spacing:0.3em;
    z-index: -1;
    width: 100%;
    display: grid;
    margin: auto;
    height: 50vh;
    justify-items: center;
    align-items: center;
    font-family:var(--secondary_font);
    font-family:'Open Sans,sans-serif';
    text-align:center;
    opacity:0;
    /*transform:matrix(0, 0, 0, 0, 0, 0);*/
    /*transform:translate3d(50%,1%,0);*/
    transition:opacity 0.85s ease 0.35s;
    /*transition:translate3d 1s ease-in-out 0.55s;*/
}

.absMenuItem.active{
    /*transform:matrix(1, 0, 0, 1, 0, 0);*/
    /*transform:translate3d(0%,0%,0);*/
    opacity:1;
}
.callNow::before {
    content: '';
    color: white;
    border-color: white;
}

.bookNowMobile.open {
    color: #000;
    /*background-color: #fff;*/
}

.nav.open {
    position: fixed;
    top: 30px;
    background-color: transparent;
}

@media screen and (max-width:1600px){
    .absMenuItem{
        font-size:10em;
    }
}
@media screen and (max-width:1366px){ 
    .absMenuItem{
        font-size:8em;
    }
}

@media screen and (max-width:1280px){
    .menuTextCont{
        top: 10px;
        bottom: 50px;
    }
}

@media screen and (max-width:1180px){
    .absMenuItem{
        font-size:6em;
    }
    
    .menuTextCont{
        top:50px;
    }
}

@media screen and (max-width:1024px){
    
    
    .absMenuItem{
        font-size:6em;
        /*display:none;*/
    }


}

@media screen and (max-width:820px){
    .absMenuItem{
        font-size:10em;
        display:none;
    }
    .absMenuItem:nth-of-type(1){
        display:grid;
    }
    .menu.overlay a.rootMenu{
        font-size:25px;
    }
}


@media screen and (max-width:768px){
    .absMenuClass{
        height:60vh;
    }
}

@media screen and (max-width:680px){
    
    .menu.overlay{
        width:0;
        height:100%;
        transform:translateY(0);
        transform:translateX(-100%);
        transition: transform 0.8s ease-in-out;
        -webkit-transition: all .6s;
        transition: all .6s;
        
    }
    
    .menu.overlay.open{
        width:100%;
        transform:translateX(0);
        transition: transform 0.8s ease-in-out;
        -webkit-transition: all .6s;
        transition: all .6s;
    }
    
    .menu__inner{
        overflow-y:scroll;
        margin-top:22vh;
    }
    .menu__inner:after {
        content: '';
        transform-origin: left;
        transition: all .6s;
        /*transform: scaleX(0);*/
        position: absolute;
        z-index: 1;
        width: calc(100% - 60px);
        width: calc(100% - 30px);
        height: calc(100% - 30px);
        top: 15px;
        left: 15px;
        background-color: rgba(0,0,0,.85);
    }
    .menuTextCont{
        top: 0px;
        bottom:100px;
        overflow-y: scroll;
    }
     
    .menu.overlay a.rootMenu{   
        font-size: 16px;
        display: table;
        margin: 10px auto;
        width: auto;
        height: 0;
    }
    
    .absMenuClass{
        /*position:relative;*/
        /*display:none;*/
        height:100vh;
        
    }
    
    .absMenuItem:nth-of-type(1){
        font-size:8em;
        writing-mode: vertical-rl;
        text-orientation: upright;
        top:14vh;
    }

}

@media only screen and (min-device-height:700px){
    /*.menu.overlay {*/
    /*    display: flex;*/
    /*    align-items: center;*/
    /*    justify-content: center;*/
    /*    position: fixed;*/
        /*background: rgba(0,0,0,.6);*/
    /*    top: 0;*/
    /*    left: 0;*/
    /*    width: 0;*/
    /*    height: 100vh;*/
    /*    opacity: 0;*/
    /*    visibility: hidden;*/
    /*    -webkit-transition: all .6s;*/
    /*    transition: all .6s;*/
    /*    overflow: scroll;*/
        /*z-index: 62;*/
    /*}*/

}




.menu_icon{ width: 45px; height: 20px; display: table; position: relative; margin:5px 0px; -webkit-tap-highlight-color: rgba(0,0,0,0); }
.menu_icon>span{ display: block;	position: absolute; height: 2px; width: 100%; background: #fff; border-radius: 0px;	opacity: 1;	left: 0; transform: rotate(0deg) translate(0%,-50%); -webkit-transition:all 200ms ease-in-out; -moz-transition:all 200ms ease-in-out; -o-transition:all 200ms ease-in-out; transition:all 200ms ease-in-out; }
.sticky .menu_icon>span{ display: block;	position: absolute; height: 2px; width: 100%; background: #000; border-radius: 0px;	opacity: 1;	left: 0; transform: rotate(0deg) translate(0%,-50%); -webkit-transition:all 200ms ease-in-out; -moz-transition:all 200ms ease-in-out; -o-transition:all 200ms ease-in-out; transition:all 200ms ease-in-out; }
#nav{ position:relative; z-index:9; }
#nav>ul {list-style:none; margin:0; padding:0;margin-top:2px;}
#nav > a {display:none;}
#nav li {position:relative; margin:0; padding:0; display: inline-block; text-align: center;background:rgba(255,255,255,0.7);list-style-type:none;}
#nav li a{ display: block; cursor:pointer;-webkit-tap-highlight-color: rgba(0,0,0,0);box-sizing: border-box; -webkit-transition:all 300ms cubic-bezier(0,.5,3,1);	-moz-transition:all 300ms cubic-bezier(0,.5,.3,1);	-o-transition:all 300ms cubic-bezier(0,.5,.3,1); transition:all 300ms cubic-bezier(0,.5,.3,1); }

/* second level */
#nav li ul{	position: absolute; padding:0; display: none; overflow: hidden; z-index: 1; width: 100%; }
#nav li:hover ul{	/*display:block; show with jquery*/	left: 0;	right: 0; }
#nav li ul li{display: block;}
#nav li ul li a{ display: block;-webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-transition:all 300ms cubic-bezier(0,.5,3,1);	-moz-transition:all 300ms cubic-bezier(0,.5,.3,1);	-o-transition:all 300ms cubic-bezier(0,.5,.3,1); transition:all 300ms cubic-bezier(0,.5,.3,1); }
.clearfix::after{	content: ''; display: table; clear: both; }
#nav{position:initial;}
#nav:not( :target ) > a:first-of-type, #nav:target > a:last-of-type{	display: block;     display: grid; align-items: center; align-content: center; }
/* first level */
#nav > ul{ display: none; position: absolute; z-index:99999999999; left: 0; right: 0; }
#nav:target > ul, #nav > ul > li{display: block;}
/* second level */
#nav li ul{position: static;} 
.menu_icon > span:nth-child(1){ top:0%; width:44%;}
.menu_icon > span:nth-child(2){ top:50%;width:100%;}
.menu_icon > span:nth-child(3){ top:50%;width:100%;}
.menu_icon > span:nth-child(4){ top:100%; width:44%; left:56%;}
.menu_icon.open span:nth-child(1), .menu_icon.open span:nth-child(4){ width:0px;	left: 50%; opacity: 0; }
.menu_icon.open span:nth-child(2){ transform: rotate(45deg); }
.menu_icon.open span:nth-child(3){ transform: rotate(-45deg); }
.menu_icon{	display:none; }
.menu_icon.open span {background: #000; }
.menu_icon.open::after {color: #000; }
#nav>ul, #nav:target > ul{	display:none; }  

@media(max-width:680px){
    .menu_icon>span{ display: block;	position: absolute; height: 2px;	width: 100%; background: #000000; border-radius: 0px;	opacity: 1;	left: 0;	transform: rotate(0deg) translate(0%,-50%); -webkit-transition:all 200ms ease-in-out; -moz-transition:all 200ms ease-in-out; -o-transition:all 200ms ease-in-out; transition:all 200ms ease-in-out; }
}


   .gridMenuFlex {display:flex;}
   
   .stayBtn {margin-left:104px;}
   .btn-open {margin-left:30px;}
   a.stayBtn {color:#fff;}
  .btn-open, .stayBtn {
    position: relative;
    background-color: transparent;
    color: #fff;
    padding:0;
    padding-top: 2px;
    border: none;
    cursor: pointer;
    font-size: 15px;
    border-bottom: 2px solid transparent;
    font-weight: 300;
  }
  .sticky .btn-open, .sticky .stayBtn {
    color: #000 !important;
    border-bottom: 2px solid transparent !important;
  }
  .sticky .btn-open:hover, .sticky .stayBtn:hover {
    color: #000 !important;
    border-bottom: 2px solid !important; 
   }
  .btn-open:hover, .stayBtn:hover  {
    border-bottom: 2px solid #ffffff;
  }

  /* Overlay */
  .popup-overlay {
    position: fixed;
    inset: 0;
    background-color: rgba(0,0,0,0.7);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    z-index: 0;
  }

  .popup-overlay.active {
    opacity: 1;
    visibility: visible;
    z-index: 333;
  }

  /* Drawer (popup) */
  .drawer {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    height: auto;
    width: 100%;
    max-width: 400px;
    background-color: #fff;
    box-shadow: -4px 0 20px rgba(0,0,0,0.1);
    transform: translateX(-100%);
    transition: transform 1s ease-in-out;
    z-index: 5555;
    display: flex;
    flex-direction: column;
  }
  
  @media (max-width: 860px) {
    .stayBtn {margin-left: 33px;}
  }
  @media (min-width: 640px) {
    .drawer { max-width: 66.666%; }
  }

  @media (min-width: 768px) {
    .drawer { max-width: 50%; }
  }

  @media (min-width: 1024px) {
    .drawer { max-width: 400px; }
  }

  .drawer.active {
    transform: translateX(0);
  }

  /* Drawer header */
  .drawer-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 20px;
    border-bottom: 1px solid #bbb;
  }

  .drawer-header h2 {
    font-size: 1.25rem;
    font-weight: 600;
  }

  .btn-close {
    background: none;
    border: none;
    font-size: 18px;
    color: #000;
    cursor: pointer;
    transition: color 0.2s ease;
  }

  .btn-close:hover {
    color: #000;
  }

  /* Drawer content */
  .drawer-content {
    padding: 50px 20px 50px;
    overflow-y: auto;
    flex-grow: 1;
  }

  .resort {
    /*border: 1px solid #e5e7eb;
    border-radius: 8px;*/
    padding: 16px;
    margin-bottom: 16px;
    padding-left: 50px;
  }
  .resort:hover {
    background-color: rgba(0, 0, 0, .05);
    border-radius: 5px;
  }
  .resortFirst {
      display: block;
      background-size: contain;
      background-position: center;
      width: 173px;
      height: 100px;
      
  }
  .resortSecond {
      display: block;
      background-size: contain;
      background-position: center;
      width: 175px;
      height: 105px;
      
  }
  .resortThird {
      display: block;
      background-size: contain;
      background-position: center;
      width: 216px;
      height: 78px;
      margin-left: -5px;
      
  }
  .resortTitle {
      font-family: var(--secondary_font);
      font-weight: 300;
      font-size: 27px;
      line-height: 40px;
      color: #000;
      padding-top: 5px;
  }



    #gallery1111 .splide__arrow{border-radius:0;}
    #gallery1111 .imageAreaSlider {position: relative; padding-bottom: 45%; background-position: 50%;}
    
    
    .splide__arrows{
        position: absolute;
        display: table;
        margin: 0 auto;
        top: 50%;
        left: 0;
        bottom: 0;
        right: 0;
        height: 0;
        width: 100%;
/*        display:none;*/
    }
    .splide__arrows button{
        appearance: none;
        background-color: transparent;
        border: none;
        cursor: pointer;
    }
    
    /*.rightGridGallery:hover .splide__arrows{*/
    /*    display:block;*/
    /*}*/
    
    .gallery1111-prev svg{display:none !important;}
    .gallery1111-next svg{display:none !important;}
    
    
    
    .gallery1111-prev{
        position: absolute;
        top: 50%;
        display: block;
        left:1em;
        width:91px;
        height:73px;
    }
    .gallery1111-next{
        position: absolute;
        top: 50%;
        display: block;
        right:2.5em;
        width:91px;
        height:73px;
    }
    
    @media(max-width:860px){
        #gallery1111 .imageAreaSlider {padding-bottom: 75%;}
    }
    @media(max-width:680px){
        .splide__arrows{
            top:55%;
        }
        .imageAreaSlider{
            padding-bottom: 85%;
        }
    }
    
    .cursor_follower_gallery{
        position: absolute;
        /*background-color: rgba(0, 0, 0, 0.5);*/
        /*background-color: rgba(0, 0, 0, 0.9);*/
        /*backdrop-filter:invert(1);*/
        width: 91px;width: 70px;
        height: 91px;height: 70px;
        background-size: contain;
        border-radius: 100%;
        z-index: 1;
        transition: transform 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33),
           visibility 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) ;
        /*user-select: none;*/
        /*pointer-events: none;*/
        z-index: 10000;
        transform: translate(-50%, calc(-50% - 4vh));
        visibility:hidden;
        top:0;
        bottom:0;
        right:0;
        left:0;
    }
    
    .cursor_follower_gallery.active{
        visibility:visible;
    }
    


@media screen and (max-width:640px) {
    .fancybox-content iframe {
        width: 100%;
        height: 100%;
        overflow: hidden; /* hides native scrollbars */
        scrollbar-width: none;
    }
    
    html, body {
        scrollbar-width: none;
    }
}