:root {
--default_font:'Inter',sans-serif;
--secondary_font:'Libre Caslon Display',serif;
}

:root {
    --textDefault: #000000;
    --textDefaultMob: #000000;
    --bgDefault: #;
    --bgDefaultMob: #;
    --globalC1: #000000;
    --globalC2: #ffffff;
    --globalC3: #;
    --globalC4: #;
    --globalC5: #;
    --globalBG1: #596d86;
    --globalBG2: #ffffff;
    --globalBG3: #f3ede3;
    --globalBG4: #000000;
    --globalBG5: #dfd6c7;
}
input, button, textarea, select { font-family: inherit;}
body {
    padding: 0;
    margin: 0;
    overflow-x: hidden;
}
html,body{font-family:'Inter',sans-serif; font-size:14px; line-height:30px; 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;
}

@media (max-width: 1600px) {}
@media (max-width: 1440px) {}
@media (max-width: 1366px) {}
@media (max-width: 1280px) {}
@media (max-width: 1180px) {}
@media (max-width: 1024px) {}
@media (max-width: 820px) {}
@media (max-width: 768px) {}
@media (max-width: 680px) {}

.#contactPage .restaurantText {}
.* {font-style:normal;}*{box-sizing:border-box;}
.accBook {font-size:30px;background-color:#000000;margin:auto;
width:20%;}
.accFlex {}
.accGrid50BG {float:left; width:50%; position:relative;}
.accGrid50BG:before {content:"";
position:absolute;
background:#f3ede3;
width:114%;
height:110%;
top:-15%;
left:-22%; 
z-index:-2;}
.accGridL {float:left;width:18%;}
.accImgBG {position:relative;
}
.accImgBG:before {/*content:"";
position:absolute;
top:45px;
left:-18px; 
width:18px;
height:100%;
background:#f3ede3;*/}
.accList {font-style:Normal;}
.accList a.bookSmallInt {font-family:var(--default_font);font-size:14px;line-height:30px;font-weight:300;color:#000000;
color:#000000 !important;
margin: 0;
        letter-spacing: 0;
        text-transform: lowercase;text-align:left;}
.accList a.bookSmallInt:hover {
color:#000000 !important;}
.accMenuTitle {font-family:var(--secondary_font);font-size:30px;line-height:30px;color:#ffffff;display:inline-block; cursor:default;COLOR:#ffffff !important;}
.accMenuTitle:hover {COLOR:#dfd6c7;}
#accommodationSlide .splide__arrows {width:unset !important;
bottom:unset !important;
display: unset;
margin: unset;
top: 43%;}
#accommodationSlide .splide__arrows:before {content:none !important;}
#accommodationSlide a.bookSmallInt {font-family:var(--default_font);font-size:14px;line-height:30px;font-weight:300;color:#000000;
color:#000000 !important;
letter-spacing: 0;
    text-transform: lowercase;text-align:left;}
#accommodationSlide a.bookSmallInt:hover {
color:#000000 !important;
letter-spacing: 0;
    text-transform: lowercase;}
#accommodationSlide a.bookSmallInt:before {content:none;}
.accommodationSlide-box {position:absolute;
border:none;
background-color:transparent;
    bottom: -20%;
    transform: translateY(-50%);
    width: 30px;
    height:50px;
    z-index: 1;
    right: 50%;
background-image:url(https://res.cloudinary.com/incom/image/upload/v1756813926/images/kmowd0bcqhx8c7sr7710.png);background-repeat:no-repeat;}
.accommodationSlide-next {position:absolute;
border:none;
background-color:transparent;
    width: 23px;
    height:106px;
    z-index: 1;
   right: -55px;
   transform: translate(0, -50%);
    cursor:pointer;
    
    transition:all 0.5s;background-image:url(https://overron-cdn.b-cdn.net/images/styles/793_R1710.png);background-repeat:no-repeat;}
.accommodationSlide-next:hover {right:-60px;background-image:url(https://overron-cdn.b-cdn.net/images/styles/793_R7737_rim.png);background-repeat:no-repeat;}
.accommodationSlide-next svg {display:none !important;}
.accommodationSlide-prev {position:absolute;
border:none;
background-color:transparent;
    width: 23px;
    height:106px;
    z-index: 1;
   left: -55px;
   transform: translate(0, -50%);
    cursor:pointer;
    
    transition:all 0.5s;background-image:url(https://overron-cdn.b-cdn.net/images/styles/794_R3332.png);background-repeat:no-repeat;}
.accommodationSlide-prev:hover {left:-60px;background-image:url(https://overron-cdn.b-cdn.net/images/styles/794_R1579_rim.png);background-repeat:no-repeat;}
.accommodationSlide-prev svg {display:none !important;}
.accommodationTitle {max-width:700px;
margin:0 20%;}
.accommodationTitle h1 {font-family:var(--secondary_font);font-size:50px;line-height:60px;font-weight:400;color:#000000;position:relative; background:none; padding-top:10px;letter-spacing:2px;}
.accommodationTitle h1:after {    content: "";
    content:none;
    position: absolute;
    background: #;
    width: 237px;
    height: 9px;
    top: 45%;
    right: 0;}
.accWidthLarger { max-width:1600px;padding:0 0px;margin:0 auto; padding-bottom:100px;}
.addressBox {position:relative; display:block; top:0;
transform: translate(0, 15%);
    position: absolute;
    display: block;
    width: 507px;
    height: 377px;
    background:#596d86;
    right: 0;
    bottom: 0;
    z-index: 1;
    margin-top: 90px;}
.addresstext {font-family:var(--default_font);font-size:16px;line-height:30px;font-weight:300;color:#ffffff;padding: 0 25px;
    padding-bottom: 30px;
    margin: auto;
    align-items: center;
    align-content: center;
    height: inherit;}
.addresstitle {font-size:14px;font-weight:normal;font-style:normal;color:#000;}
.allRooms {font-family:var(--secondary_font);font-size:50px;line-height:60px;font-weight:400;color:#ffffff;position:relative; background:none;letter-spacing:4px;}
.allRoomsInternal h1 {font-family:var(--secondary_font);font-size:50px;line-height:60px;font-weight:400;color:#000000;position:relative; background:none; padding-top:10px;
margin-right:5%;letter-spacing:2px;}
.allRoomsText {color:#ffffff;width: 100%;
display:table;
margin:0 auto;
text-align:center;}
.allRoomsWrapper {width:150px;display:table;margin:auto;}
.artTitleBG {float:left; width:70%; position:relative;
}
.artTitleBG:before {content:"";
position:absolute;
background:#dfd6c7;
width:100%;
height:130%;
top:-15%;
left:-22%; 
z-index:-2;}
.artTitleBG h1 {font-family:var(--secondary_font);font-size:50px;line-height:60px;font-weight:400;color:#000000;position:relative; background:none; padding-top:10px;
margin-right:5%;letter-spacing:2px;text-align:left;}
.beachR {float:left;width:30%;
padding-right:210px;}
.beachText {font-family:var(--secondary_font);font-size:63px;line-height:72px;font-weight:400;margin-left:11.5%;
padding-top:100px;text-align:left;}
.beachTextAbs {position:relative;
top:0;
bottom:0;
right:0;
left:0;
/*display:table;*/
margin:0 125px;
height:200px;}
.blogImage {margin: 0 20px 0 55px;
display:table; 
position:relative;}
.blogImage:before {content:"";
position:absolute;
right:-5%;
top:-5%;
background:#948261;
width:150px;
height:150px;
z-index:-1;}
.blogImage:after {content:"";
position:absolute;
left:-5%;
bottom:-5%;
background:#948261;
width:150px;
height:150px;
z-index:-1;}
.blogImageLeft {margin: 0 55px 0 0px;
display:table; 
position:relative;}
.blogImageLeft:before {content:"";
position:absolute;
right:-5%;
top:-5%;
background:#948261;
width:150px;
height:150px;
z-index:-1;}
.blogImageLeft:after {content:"";
position:absolute;
left:-5%;
bottom:-5%;
background:#948261;
width:150px;
height:150px;
z-index:-1;}
.blogImgBG {position:relative;
min-width:120px;}
.blogImgBG:before {content:"";
position:absolute;
top:15px;
left:-18px; 
width:18px;
height:106%;
background:#948261;}
.blogLinkMenuSel .exploreListTitle {color:#948261;border-bottom:1px solid #948261;}
.botaddresstext {font-size:12px;font-weight:normal;font-style:normal;color:#000;}
.botGallery {padding-bottom:100px;}
.breakfastBGRight {position:relative;}
.breakfastBGRight:after {content:"";
position:absolute;
display:block;
width:219px;
height:870px;
right:0;
top:0;}
.breakfastBGRight .splide__arrows {position:absolute;
display:table;
margin:0 auto;
left:-4%;
right:0;
    width: 270px;
    bottom: -5%;}
.breakfastBGRight .splide__slide {}
.breakfastBGRight:after {    background-size: initial;
    background-position-x: right;
    background-position-y: 80%;background-image:url(https://overron-cdn.b-cdn.net/images/styles/1443_R6731.jpg);background-repeat:no-repeat;}
.breakfastRight {margin:0 23% 0 7%;
padding-top:70px;
position:relative;}
.breakfastRight .homeTitle br {}
.breakfastText {width: 50%;
margin-left: 16%;text-align:justify;}
.breakImg2 {position:absolute;
display:block;
top:50px;
bottom:0;}
.bx-pager {font-style:normal;right:5%; width:auto !important;}
.capacityInternal {font-family:var(--default_font);font-size:24px;line-height:30px;font-weight:200;padding-bottom:60px;}
.capacityTitle {font-family:var(--default_font);font-size:16px;line-height:30px;font-weight:400;}
.capSize {float:right;margin:0;text-align:right;}
.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;}
.categoryHeaderText {max-width: 875px;
margin: 0px 22%;
padding-top:50px;text-align:justify;}
.categoryTitle {position:relative;
padding-bottom:50px;}
.categoryTitle:before {content:"";
display:inline-block;
width:16%;
height:240px;
background:#596d86;
position:absolute;
top:0;
bottom:0;
left:0;
z-index:-1;}
.categoryTitle:after {content:"";
display:inline-block;
width:38%;
height:240px;
background:#596d86;
position:absolute;
top:0;
bottom:0;
right:0;
z-index:-1;}
.catListBG {background-color:#f3ede3;padding:80px 30px 0;
z-index:-5;
margin-bottom:100px;}
.center {text-align:center;}
.centerGallery {display:block;
position:relative;
left:2%;}
.checkTimes .restaurantDetails {}
.date {font-size:11px;font-weight:normal;font-style:normal;color:#424244;}
.defaultImgDetail {display:table;
margin:-12% 0 0 10%;
width:75%;
position:relative;}
.defaultImgDetail:before {content:"";
position:absolute;
right:-7%;
top:-5%;
background:#596d86;
width:150px;
height:150px;
z-index:-1;}
.defaultImgDetail:after {content:"";
position:absolute;
left:-7%;
bottom:-5%;
background:#596d86;
width:150px;
height:150px;
z-index:-1;}
.detailsBGLeft {position:relative; 
margin:10% 0 4%;}
.detailsBGLeft:before {content:"";
position:absolute;
display:block;
width:100%;
height:265px;
top:30%;
background:#f3ede3;
z-index:-3;}
.detailsBGLeft:after {content:"";
position:absolute;
display:block;
width:219px;
height:930px;
left:0;
bottom:0;
background:#f3ede3;
z-index:-2;}
.detailsButton {position: relative;
padding-left: 12%;text-align:left;}
.detailsGridRight {position:relative; top:-70px;}
.detailsImg1 {max-width:650px;}
.detailsImg2 {max-width:350px; position:relative; top:-30px; right:-30%;}
.detailsImg3 {max-width:400px; margin:0 auto;}
.detailsImg4 {max-width:470px; position:relative; top:-70px; left:5%;}
.detailsText {width: 60%;
margin-left: 9%;
position:relative;
padding:14% 0;text-align:justify;}
.detailsTitle {font-family:var(--secondary_font);font-size:60px;line-height:90px;font-weight:400;color:#000000;position:relative; letter-spacing:2px;}
.displayDetails1024 {float:left; width:33.33%; margin:0px;}
.displayDetails680 {float:left; width:33.33%; margin:0px;}
.DocBG {display:block;
padding:50px 50px 100px;
background:#f6f4f1;
}
.dropDown {	width: 0;
	height: 0;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-top: 12px solid #f3ede3;
	display:inline-block;
	margin-left:20%;
	transition: transform 1s ease;
	cursor:pointer;}
.dropUp {	width: 0;
	height: 0;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-top: 12px solid #f3ede3;
	display:inline-block;
	margin-left:20%;
	transition: transform 1s ease;
	transform:rotate(180deg);
	}
#exploreArrows .splide__arrows {position:absolute;
display:table;
margin:0 auto;
left:0;
right:0;
    width: 270px;
    bottom: -10%;}
.exploreBlogMenu {display:block;}
.exploreBtn {}
.exploreCont {width:100%;position:relative;}
.exploreCont:after {content:'';
position:absolute;
background-color:#f0e9dc;
height:255px;width:100%;
z-index:-1;top:165px;}
.exploreImgBG {position:relative;
width:100%;
/*width:475px;*/}
.exploreImgBG:before {/*content:"";
position:absolute;
top:45px;
left:-18px; 
width:18px;
height:100%;
background:#f3ede3;*/}
.exploreL {float:left; width:20%; margin:0;
padding-bottom:80px;}
.exploreListTitle {font-family:var(--secondary_font);font-size:20px;font-weight:400;padding: 10px 10px 0;
text-align:left;}
.exploreListTitle:hover {border-bottom:1px solid #;
color:#;}
.exploreR {float:left; width:80%; margin:0;
padding-top:80px;z-index:1;}
.exploreR .splide__list {}
.exploreRecTitle {font-family:var(--secondary_font);font-size:24px;font-weight:400;text-align:center;}
.exploreSlide-next {position:absolute;
border:none;
background-color:transparent;
    bottom: 10px;
    transform: translateY(-50%);
    width: 120px;
    height:50px;
    z-index: 1;
    right: 0;
    cursor:pointer;
    
    transition:all 0.5s;background-image:url(https://res.cloudinary.com/incom/image/upload/v1756813927/images/fowjikvaxmyctnv7tota.png);background-repeat:no-repeat;}
.exploreSlide-next:hover {right:-10px;}
.exploreSlide-next svg {display:none !important;}
.exploreSlide-prev {position:absolute;
border:none;
background-color:transparent;
    bottom:10px;
    transform: translateY(-50%);
    width: 120px;
    height:50px;
    z-index: 1;
   left: 0;
    cursor:pointer;
    
    transition:all 0.5s;background-image:url(https://res.cloudinary.com/incom/image/upload/v1756813928/images/erqomqtfrgkpsl63lpn5.png);background-repeat:no-repeat;}
.exploreSlide-prev:hover {left:-10px;}
.exploreSlide-prev svg {display:none !important;}
.exploreTitle {font-family:var(--secondary_font);font-size:50px;line-height:60px;font-weight:400;color:#000000;position:relative; background:none; padding-left:25px;z-index:1;padding-bottom:60px;letter-spacing:4px;}
.facilities {}
.facilities ul {-webkit-columns: 190px;
-moz-columns: 190px;
columns: 190px;
-webkit-column-gap: 5em;
-moz-column-gap: 5em;
column-gap: 5em; 
padding-inline-start:20px;}
.facilitiesGridR {float:left;width:45%; margin-left:1%;}
.facilitiesText {padding:35px 135px 35px 0px; 
position:relative;
width:95%;text-align:justify;}
.facilitiesTitle {font-family:var(--default_font);font-size:28px;line-height:30px;font-weight:300;color:#000000;position:relative;}
.flexBox {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;
row-gap:40px;}
.flexBox1024 {}
.flexBox768 {}
.flexBoxBeach {display: -webkit-flex;
display: flex;
 -webkit-flex-direction: row;
 flex-direction: row;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
-webkit-align-items: center;
 align-items: center;
-webkit-justify-content: center;
justify-content: center;
width:100%; margin:auto;}
.flexBoxCenter {display: -webkit-flex;
display: flex;
 -webkit-flex-direction: row;
 flex-direction: row;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
-webkit-align-items: center;
 align-items: center;
-webkit-justify-content: center;
justify-content: center;
width:100%; margin:auto;}
.flexBoxUseful {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: flex-start;
justify-content: flex-start;
width:100%; margin:auto;
padding-top:100px;}
.flexColumn {display:flex;
flex-direction:column;}
.followUs {font-size:20px;font-weight:normal;font-style:normal;color:#4b4b4b;text-align:center;
padding-bottom:10px;}
.footerBG {display:block;
position:relative;
width:100%;}
.footerBG:before {content:"";
display:block;
position:absolute;
width:100%;
height:31%;
background:#dfd6c7;
top:31%;
z-index:-2;}
.footerBottom {width:100%;padding:0 6.4%;margin:0 auto;border-top:1px solid black;}
.footerGrid1 {float:left;width:27.5%;}
.footerGrid2 {float:left;width:31%;}
.footerGrid3 {float:left;width:34%;}
.footerResponsive {width:100%;display:flex;
align-items:center;
justify-content:end;}
.footerText {font-size:16px;font-weight:300;color:#000000;}
.footerTitle {font-size:22px;font-weight:normal;font-style:normal;color:#ffffff;}
.footerTop {width:100%;
/*padding-left:6.4%;*/}
.formerror {font-size:14px;font-weight:400;color:#9d2d2d;padding:5px; }
.formfields {width:100%;}
.formfieldsRes {
    width: 100%;
    height: 40px;
    border: 1px solid #948261;
    padding: 0 10px;
    background: 0 0;}
.formrequired {float:left;text-align:left;}
.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: #596d86;
border: none;
border-radius: 3px;
cursor: pointer;
outline: none;}
.formsubmit {position:relative;
width:113px;
height:39px;
padding:16px 24px; 
display:inline-block;
padding-bottom:40px;
cursor:pointer;

    background-color: transparent;
    border: none;
    color: white;
    margin: 0 auto;text-align:center;}
.formsubmit:before {content:"";
width:113px;
height:39px;
border:1px solid #596d86;
position:absolute;
top:9px;
left:-5px;
z-index:1;
transform: translate(0,0);
transition:transform 300ms ease-in-out;}
.formsubmit:after {content:"";
width:113px;
height:39px;
background:#;
position:absolute;
top:2px;
right:-5px;
z-index:-1;
transform: translate(0,0);
transition:transform 300ms ease-in-out;}
.formsubmit:hover {padding:15px 24px 40px;}
.formsubmit:hover:before {
transform: translate(5px,-5px);
transition:transform 300ms ease-in-out;}
.formsubmit:hover:after {background:#f3ede3;
transform: translate(-4px,3px);
transition:transform 300ms ease-in-out;}
.formsubmitRes {color:#ffffff;position:relative;
width:170px;
height:39px;
padding:16px 24px; 
display:inline-block;
padding-bottom:40px;
cursor:pointer;
border:0;
background:transparent;text-align:center;}
.formsubmitRes:hover {color:#000;}
.formsubmitRes:before {content:"";
width:170px;
height:39px;
border:1px solid #596d86;
position:absolute;
top:9px;
left:-5px;
z-index:1;
transform: translate(0,0);
transition:transform 300ms ease-in-out;}
.formsubmitRes:after {content:"";
width:170px;
height:39px;
background:#948261;
position:absolute;
top:2px;
right:-5px;
z-index:-1;
transform: translate(0,0);
transition:transform 300ms ease-in-out;}
.formsubmitRes:hover {padding:16px 24px 40px;}
.formsubmitRes:hover:before {
transform: translate(5px,-5px);
transition:transform 300ms ease-in-out;}
.formsubmitRes:hover:after {background:#f3ede3;
transform: translate(-4px,3px);
transition:transform 300ms ease-in-out;}
.formtext {font-size:15px;line-height:20px;font-weight:400;color:#000000;width: 100%;display: block;padding-bottom: 10px;}
.formtitle {font-size:14px;font-weight:bold;font-style:Normal;color:#000;padding-bottom:7px; padding-top:12px;}
.formTitle {font-family:var(--default_font);font-size:28px;line-height:30px;font-weight:500;color:#000000;position:relative;text-align:left;}
.galleryTitle {font-family:var(--default_font);font-size:28px;line-height:30px;font-weight:500;color:#000000;position:relative;text-align:left;}
.galleryTitle:before {content:"";
position:absolute;
background:#f3ede3;
width:245px;
height:80px;
bottom:-12px;
left:-11%;
z-index:-2;}
.gastGrid40 {float:left; width:40%; margin:0px;}
.gastImgMobile {}
#gastronomySlide .splide__arrows {}
#gastronomySlide .splide__arrows:before {content:none !important;}
.gastronomySlide-next {position:absolute;
border:none;
background-color:transparent;
    bottom: 10px;
    transform: translateY(-50%);
    width: 95px;
    height:33px;
    z-index: 1;
    right:0;
    cursor:pointer;
    
    transition:all 0.5s;background-image:url(https://overron-cdn.b-cdn.net/images/styles/1050_R8341.png);background-repeat:no-repeat;}
.gastronomySlide-next:hover {right:-10px;background-image:url(https://overron-cdn.b-cdn.net/images/styles/1050_R3014_rim.png);background-repeat:no-repeat;}
.gastronomySlide-next svg {display:none !important;}
.gastronomySlide-prev {position:absolute;
border:none;
background-color:transparent;
    bottom:10px;
    transform: translateY(-50%);
    width: 95px;
    height:33px;
    z-index: 1;
    left: 0;
    cursor:pointer;
    
    transition:all 0.5s;background-image:url(https://overron-cdn.b-cdn.net/images/styles/1051_R6311.png);background-repeat:no-repeat;}
.gastronomySlide-prev:hover {left:-10px;background-image:url(https://overron-cdn.b-cdn.net/images/styles/1051_R8559_rim.png);background-repeat:no-repeat;}
.gastronomySlide-prev svg {display:none !important;}
.genText {padding:35px 135px 35px 165px; 
position:relative;text-align:justify;}
.genText:before {content:"";
display:block;
position:absolute;
background:#f3ede3;
width:53%;
height:120%;
top:-40px;
bottom:0;
left:0;
right:0;
z-index:-3;
}
.genWidthLarger { max-width:1600px;padding:0 0px;margin:0 auto; padding-bottom:30px;}
.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%;}
.grid100 {width:100%; margin:0;}
.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;}
.grid30Right {float:right; /*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%;}
.grid33to100CR {float:left;width:33.33%;}
.grid35 {font-style:normal;float:left; width:35%; margin:0;}
.grid35Contact {float:left;width:30%;}
.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;}
.grid50break {float:left; width:50%; margin:0px; position:relative;}
.grid50to100 {float:left;width:50%;}
.grid60 {font-style:normal;float:left; width:60%; margin:0;}
.grid60to100 {float:left;width:60%;}
.grid70right {float:right; width:70%; margin:0px;}
.grid70to100 {float:left;width:70%;}
.grid70to100 {float:left; width:70%; margin:0;}
.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%;}
.gridAcc {float:left;width:33.33%; margin-bottom:30px;}
.gridAcc .capacityInternal {font-family:var(--default_font);font-size:16px;line-height:30px;font-weight:400;}
.gridBlog {font-style:normal;float:left;width:33.33%;padding:0 10px;margin-bottom: 20px;}
.gridBlogAttached {float:left;width:75%; margin-left:7%;}
.gridBlogMenu {    float: left;
    width: 18%;
    margin: 0;}
.gridBook {float:left;width:25%;}
.gridContactBG {font-size:18px;line-height:30px;font-weight:500;color:#ffffff;background-color:#596d86;padding:30px;
position:relative;
text-align:center;}
.gridContactBG:before {content: "";
    position: absolute;
    right: -9%;
    top: -12%;
    background: #f3ede3;
    width: 150px;
    height: 150px;
    z-index: -1;}
.gridContactBG:after {content: "";
    position: absolute;
    left: -9%;
    bottom: -12%;
    background: #f3ede3;
    width: 150px;
    height: 150px;
    z-index: -1;}
.gridDetails {float:left; width:33.33%; margin:0px;}
.gridFormField {flex:1;min-width:250px;}
.gridFormFieldItem {margin: auto 10px;font-weight:400;}
.gridFormLabel {width: 100%;}
.gridFormLabelItem {font-style:normal;width: 95%;margin: auto;}
.gridGallery {float:left;width:25%;padding:15px;}
.gridGalleryInstagram {font-style: normal;
float: left;
width: 16%;
padding: 10px;
position:relative;}
.gridGalleryItemInstagram {font-style:Normal;}
.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;}
.gridListButtonsAcc {display:grid;
grid-template-columns:1fr 1fr;
justify-items:center;}
.gridLogo {float:left;width:50%;margin:0;}
.gridLogoRel {position:relative;
top:-30px;}
.gridMenu {float:left;width:25%;margin:0;}
.gridoffers {font-style:normal;float:left; width:30%; margin:0;}
.gridTopLinks {font-style:normal;float:right;padding:0 20px;}
.gridTopPage {display:grid;
grid-template-columns:1fr 2fr 1fr;
align-items:center;}
.gridTopPage .logoFooter {filter:invert(1);}
.gridWelcomeLeft {float:left;width:40%;}
h1 {margin:0px;font-family:var(--secondary_font);font-size:34px;font-weight:400;color:#000000;}
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;}
.headerTitle {font-style:normal;padding-bottom:30px;}
.homeAccBG {position:relative;text-align:center;}
.homeAccBG:before {content:"";
z-index:-3;
position:absolute;
background:#000000;
top:-35%;
bottom:0;
right:0;
left:-12%;
width:130%;
height:500px;}
.homeAccCont {padding:4% 0 10%;}
.homeAccGridL {float:left;width:25%;padding-right: 0%; position:relative;left:0%;top:70px;
padding:25px;
z-index:10;}
.homeAccGridL:before {content:"";
z-index:-3;
position:absolute;
background:#000000;
top:-35%;
bottom:0;
right:0;
left:0%;
width:102.5%;
height:620px;}
.homeAccGridNew {background-color:#ffffff;float:left;width:100%;position:relative;
padding-top:95px;
padding-bottom:165px;}
.homeAccGridR {float:left;width:75%;}
.homeExploreGridL {float:left;width:25%;padding-right: 0%; position:relative;left:0%;top:70px;}
.homeExploreGridL:before {content:"";
z-index:-3;
position:absolute;
background:#000000;
top:-20%;
bottom:0;
right:0;
left:0%;
width:102.5%;
height:620px;}
.homeSubtitle {font-size:46px;font-weight:300;color:#000000;}
.homeTitle {font-family:var(--secondary_font);font-size:60px;line-height:normal;font-weight:400;color:#000000;position:relative; background:none;letter-spacing:4px;}
.homeTitleNoBefore {font-family:var(--secondary_font);font-size:60px;line-height:normal;font-weight:400;color:#000000;position:relative; background:none;letter-spacing:4px;}
.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 {position:relative;padding-bottom:100%;}
.imageFooterBG {position:relative;
display:block;
width:100%;
height:100%;}
.imageFooterBG:before {content:"";
position:absolute;
top:-5%;
left:-5%;
width:95%;
height:95%;
background:#dfd6c7;
z-index:-1;}
.instaPadBot {padding-bottom:40px;}
.intBookButton {margin-left:8%;}
.justify {text-align:justify;text-align:justify;}
.langWrapper {color:#ffffff;background-color:#596d86;/*padding-left: 20px;*/
line-height:20px;
display:table;
margin:30px auto 25px ;
padding:8px 20px;}
.lazyload {font-style:normal;opacity:0;}
.lazyloaded {font-style:normal;opacity: 1;transition: opacity 500ms;}
.lazyloading {font-style:normal;opacity:0;}
.leftSocial {float:left;
margin:0;
}
.logoMenu {display:table; margin:0 auto; padding:10px 10px 40px 10px;}
.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;}
.marginDetails {margin:0 0px 0 25px;}
.marginLR {font-style:normal;margin:0 135px;}
.marginLR100 {margin:0 100px;}
.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;}
.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 {}
.menuTextCont a.bookNow {font-family:var(--secondary_font);font-size:24px;line-height:27px;font-weight:400;color:#ffffff;background-color:#596d86;padding:30px 60px;display:block;margin:30px auto 25px;
position:relative;
border:1px solid transparent;
border-radius:4px;
background:#596d86;
text-transform: capitalize;}
.menuTextCont a.bookNow:hover {border:1px solid #000000;
background:transparent;
color:#000000;padding:30px 60px;display:block;margin:30px auto 25px;border-radius:4px;
font-size:24px;
font-family: var(--secondary_font);}
.menuTextCont a.bookNow:before {content:"\f073";
font-family: "Font-Awesome" !important;
    font-size: 20px;
    line-height:25px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    padding: 30px;}
.menuTextCont a.bookNow:after {display:none;}
.menuTextCont a.bookNowMobile {font-family:var(--secondary_font);font-size:24px;line-height:27px;font-weight:400;color:#000000;background-color:#596d86;padding:30px 60px;display:block;margin:30px auto 25px;
position:relative;
border:1px solid transparent;
border-radius:4px;
background:#596d86;}
.menuTextCont a.bookNowMobile:hover {border:1px solid #596d86;
background:#596d86;
color:#000000;padding:30px 60px;display:block;margin:30px auto 25px;border-radius:4px;}
.menuTextCont a.bookNowMobile:before {content:"\f073";
font-family: "Font-Awesome" !important;
    font-size: 20px;
    line-height:25px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    padding: 30px;}
.menuTextCont a.bookNowMobile:after {display:none;}
.menuTextCont a.bookNowMobile:hover:after {display:none;}
.menu_icon {}
.menu_icon:before {background-color: transparent !important;}
.MessageGrid {    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 30px;}
.mobBlogImg {position:relative;
min-width:120px;}
.mobBlogImg:before {content:"";
position:absolute;
top:15px;
left:-18px; 
width:18px;
height:106%;
background:#948261;}
.mobImgBg {height:100vw;
width:100%;}
.mobImgBg .img {background-size: cover;
background-position: center;
height: 100%;
background-repeat: no-repeat;}
.moreButton {position: relative; /*left: -18%;*/ float:right; bottom: -50px;text-align:left;}
.moreButtonBreak {
    position: relative;
    left: 3%;
    bottom: -160px;text-align:left;}
.moreRoomsTitle {font-family:var(--secondary_font);font-size:60px;line-height:30px;font-weight:400;position:relative;
padding-bottom:50px;
margin-left:60px;}
.nav {position:fixed;
top:0;
left:0;
right:0;
background:transparent;
z-index:60;
padding:0 25px;}
.nav .open {}
.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 {}
.noOverflow {overflow:hidden;}
.offerListbg {padding:80px 30px 80px;
z-index:-5;
margin-bottom:70px;}
.OffersBack {font-style:normal;background-color:#fcfcfc;padding:20px;}
.OfferTitle {font-size:30px;font-weight:300;font-style:normal;color:#363636;margin-bottom:20px;}
.paddBott100to80 {padding-bottom:100px;}
.paddBottResponsive {padding-bottom:100px;}
.padding200 {padding-bottom:200px;}
.paddingAcc {padding-top:150px;
padding-bottom:100px;}
.paddingBottomForm {padding-bottom:130px;}
.paddingBreak {padding-bottom:180px;}
.paddingDetailsHome {padding-bottom:100px;}
.paddingInternalMob {padding-bottom:200px;}
.paddingLogoFooter {    margin-top: 140px;
    padding-left: 50px;
    padding-bottom: 0px;}
.paddingPool {padding-bottom:100px;}
.paddingSpa {padding-bottom:0;}
.parallaxImage {height:760px;
background-size:cover;
background-attachment:fixed;background-position: 50% 50%;}
.pdfsSection {/* float: left; */
margin: 0;
display: flex;
padding: 50px 50px 50px;
display: grid;
grid-template-columns: 300px 300px 300px 300px;
column-gap: 50px;
justify-content: center;}
.photoGalleryBG {position:relative;}
.photoshover {position:absolute;background-color:rgba(0,0,0,.5);
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%;background-image:url(https://res.cloudinary.com/incom/image/upload/v1756813924/images/oynklxyaks6bwwpebako.png);background-repeat:no-repeat;}
.photoshover:hover {opacity:1;}
.photoshoverInsta {position: absolute;
    background-color: rgba(0,0,0,.5);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    opacity: 0;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    background-position: 50%;
    background-repeat: no-repeat;
    display: inline-flex;
    align-items: center;
    align-content: center;}
.photoshoverInsta:hover {opacity:1;}
.photoshoverInsta:before {content:"\f004  45";
    font-family: Font-Awesome;
    display: inline-table;
    margin: 0 auto;
    vertical-align: middle;
    position: relative;
    color:#ffffff;}
.photoshoverInsta:after {    content:"\e914  5";
    font-family: Font-Awesome;
    display: inline-table;
    margin: 0 auto;
    vertical-align: middle;
    position: relative;
    color:#ffffff;}
.relative {font-style:normal;position:relative;}
.reservationBG {padding: 60px 70px 45px;
background:#;
position:relative;
z-index:0;}
.restaurantDetails {color:#ffffff;background-color:#596d86;padding:50px 50px 60px 50px;
padding-left:100px;
max-width:460px;
position:relative;}
.restaurantDetails:before {content:"\f017";
font-family: Font-Awesome;
color: #ffffff;
font-size:22px;
line-height:30px;
position:absolute;
top:60px;
left:60px;}
.restaurantText {padding:35px 135px 35px 165px; 
position:relative;
width:95%;text-align:justify;}
.restaurantText:before {content:"";
display:block;
position:absolute;
background:#f3ede3;
width:35%;
height:120%;
top:-40px;
bottom:0;
left:0;
right:0;
z-index:-3;
}
.RestProgTitle {font-family:var(--default_font);font-size:28px;line-height:30px;font-weight:500;color:#ffffff;padding-top:6px;}
.right {text-align:right;}
.rightToCenter {text-align:right;}
.roomImgDetail {display:table;
margin:0 0 0 10%;
width:65%;
position:relative;}
.roomImgDetail:before {content:"";
position:absolute;
top:-20px;
left:-20px;
background:#596d86;
width:98%;
height:90%;
z-index:-1;}
.roomsIntText {    width: 95%;
    margin-left: 8%;
    padding-bottom:50px;text-align:justify;}
.roomsLineHor {position:relative;
padding-bottom:50px;}
.roomsSubCatsBG {position:relative;}
.roomsSubCatsBG:before {content:"";
position:absolute;
background:#596d86;
width:100%;
height:90%;
top:6%;
left:0;
right:0;
z-index:-2;}
.roomTitleSlider {font-family:var(--secondary_font);font-size:26px;line-height:normal;font-weight:400;text-align:right;}
.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: 30px;
    row-gap: 20px;
    grid-template-columns: 1fr 1fr;
    align-items: end;}
.services {}
.services ul {-webkit-columns: 190px;
-moz-columns: 190px;
columns: 190px;
    column-count: 2;
-webkit-column-gap: 5em;
-moz-column-gap: 5em;
column-gap: 5em; 
padding-inline-start:55px;}
.servicesBG {padding: 60px 110px 45px;
background:#;
position:relative;
z-index:0;
display:grid;
grid-template-columns:1fr 2fr;}
.servicesL {}
.servicesR {font-style:Normal;}
.servicesTitle {font-family:var(--default_font);font-size:28px;line-height:30px;font-weight:300;color:#000000;position:relative;
padding-left:30px;}
.servicesTitle:before {content:"";
position:absolute;
background:#948261;
width: 9px;
    height: 237px;
    display: block;
    top: 10px;
    left: 0%;}
.showLessButton {position: relative; bottom: -10px;text-align:right;}
.sitemap {font-size:11px;font-weight:normal;font-style:normal;color:#000;}
.socialDesk {font-family:var(--default_font);font-size:14px;line-height:normal;}
.socialSection {padding: 50px 50px 0 0;}
.splide__arrows {position:absolute;
display:table;
margin:0 auto;
left:0;
right:0;
    width: 270px;
    bottom: -120px;}
.splide__list {height: unset !important;}
.splide__pagination__page.is-active {background-color: #596d86 !important;}
.sticky {width: 100%;
top:0;
right:0;
left:0;
display: block;
position: fixed;
z-index: 60;
background:linear-gradient(180deg,rgba(0 0 0/70%) 0%,rgba(0 0 0/10%) 100%);}
.sticky .booknow {color:#ffffff;background:transparent;}
.sticky .booknow:hover {color:#fff;}
.sticky .booknow:after {border-bottom: 3px solid #ffffff;}
.sticky .bookNowMobile {font-weight:400;color:#ffffff;background:transparent;}
.sticky .bookNowMobile:hover {color:#fff;}
.sticky .bookNowMobile:after {border-bottom: 3px solid #ffffff;}
.sticky .logo {max-width:150px;
padding:10px;}
.sticky .logo:hover {max-width:150px;
padding:10px;}
.sticky .menu_icon {margin: 41px 30px 25px 16px;}
.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;}
.subMenu {}
.tableAuto {font-style:normal;display:table;margin:auto;}
.textLtoC {text-align:left;}
.textRtoC {text-align:right;}
.textRtoL {text-align:right;text-align:left;}
.top10 {font-style:normal;padding-top:10px;}
.top100 {padding-top:100px !important;}
.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;}
.top75 {padding-top:75px;}
.topBlog {padding-top:40px;}
.topBotPad {padding-top:50px;
padding-bottom:100px;}
.topDefaultFacilities {padding-top:0px;}
.topDefaultRecord {padding-top:50px;}
.topGastSlider {padding-top:170px;}
.topGastSlider .gridWelcomeLeft {}
.topLinksSection {display: inline-flex;}
.topLinksSection a.rootMenu {font-size:15px;color:#000000;padding: 0 15px 0 0;
position: relative;
margin-right: 15px;}
.topLinksSection a.rootMenu:hover {color:#;
padding: 0 15px 0 0;
position: relative;
margin-right: 15px;
font-size:15px;}
.topLinksSection a.rootMenu:before {content:none;}
.topLinksSection a.rootMenu:after {content:"/";
position:absolute;
color:#000000;
font-size:20px;
/*top:-25%;*/
right:-2%;}
.topLinksSection a.rootMenu:hover:before {content:none;}
.topLinksSection a.rootMenu:hover:after {
content:"/";
position:absolute;
color:#000000;
font-size:20px;
/*top:-25%;*/
right:-2%;}
.topLinksSection a.rootMenu:last-of-type {}
.topLinksSection a.rootMenu:last-of-type:after {content:none;}
.topLinksSection a.rootMenuSel {font-size:15px;padding: 0 15px 0 0;
position: relative;
margin-right: 15px;}
.topLinksSection a.rootMenuSel:hover {color:#;
padding: 0 15px 0 0;
position: relative;
margin-right: 15px;
font-size:15px;}
.topLinksSection a.rootMenuSel:before {content:none;}
.topLinksSection a.rootMenuSel:after {content:"/";
position:absolute;
color:#000000;
font-size:20px;
/*top:-25%;*/
right:-2%;}
.topLinksSection a.rootMenuSel:hover:before {content:none;}
.topLinksSection a.rootMenuSel:hover:after {
content:"/";
position:absolute;
color:#000000;
font-size:20px;
/*top:-25%;*/
right:-2%;}
.topmenu {text-align:center;}
.topMenuBar {background-color:#596d86;padding:5px 30px;}
.topMobile {}
.topMobile .logoFooter {max-width:75%;}
.topNoHeader {padding-top:120px;
border-bottom:2px solid #000000;}
.topPool {padding-top:50px;}
.ul_submenu {background-color:#ffffff;list-style-type:none; position:relative;}
.usefulText {font-size:11px;font-weight:400;color:#000;column-gap:5px;

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: flex-start;
justify-content: flex-start;
width:100%; margin:auto;
padding-top:100px;}
.welcomeBGRight {position:relative;}
.welcomeBGRight:after {content:"";
position:absolute;
display:block;
width:124px;
height:995px;
right:0;
bottom:-40px;
/*background:#e9ce9b;*/}
.welcomeBGRight:after {    background-position-x: right;
    background-size: initial;background-image:url(https://overron-cdn.b-cdn.net/images/styles/1442_R1226.jpg);background-repeat:no-repeat;}
.welcomeRight {margin:0 27% 0 17%;
padding-top:100px;
position:relative;}
.welcomeText {/*    width: 85%;
    margin-left: 8%;
    padding-left:85px;*/text-align:justify;}
.welcomeTitle {font-size:26px;font-weight:300;color:#000000;}
.welcomeTitle h1 {font-family:var(--default_font);font-size:47px;line-height:normal;font-weight:100;color:#000000;position:relative; background:none;letter-spacing:4px;}
.welcomeTitle h2 {font-family:var(--secondary_font);font-size:60px;line-height:normal;font-weight:400;color:#000000;position:relative; background:none;
padding-bottom:130px;letter-spacing:5px;}
.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) {. {}
.accWidthLarger {padding:0 20px;
padding-bottom:100px;}
.addressBox {}
.beachText {font-family:var(--secondary_font);font-size:63px;line-height:70px;margin-left:11%;text-align:left;}
.beachTextAbs {position:relative;
top:0;
bottom:0;
right:0;
left:0;

margin:0 auto;
height:200px;
width:80%;}
.breakfastBGRight {position:relative;}
.breakfastBGRight:after {content:"";
position:absolute;
display:block;
width:10%;
height:100%;
right:0;
top:0;}
.breakfastRight {margin:0 20% 0 8%;
padding-top:0px;
position:relative;
padding-bottom:80px;}
.detailsGridRight {position:relative; top:-30px;}
.detailsImg1 {width:100%;}
.detailsImg2 {width:60%;}
.detailsImg3 {width:75%;}
.detailsImg4 {width:90%;
top:-100px;}
.detailsText {width: 75%;
margin-left: 9%;
position:relative;
padding:14% 0;text-align:justify;}
.detailsTitle {font-family:var(--secondary_font);font-size:49px;line-height:65px;font-weight:400;color:#000000;position:relative; letter-spacing:2px;}
.exploreL {float:left; width:25%; margin:0;
padding-bottom:50px;}
.exploreR {float:left; width:70%; margin:0;
padding-top:130px;z-index:1;}
.exploreTitle {font-family:var(--secondary_font);padding-bottom:30px;}
.facilitiesText {padding:35px 70px; 
position:relative;
width:95%;text-align:justify;}
.galleryTitle {font-family:var(--default_font);font-size:28px;line-height:30px;font-weight:500;color:#000000;position:relative;
padding-left:15px;text-align:left;}
.galleryTitle:before {content:"";
position:absolute;
background:#f3ede3;
width:245px;
height:80px;
bottom:-12px;
left:-11%;
z-index:-2;}
.genText {padding:35px 70px; 
position:relative;text-align:justify;}
.genText:before {content:"";
display:block;
position:absolute;
background:#f3ede3;
width:53%;
height:120%;
top:-40px;
bottom:0;
left:0;
right:0;
z-index:-3;
}
.genWidthLarger {    padding: 0 20px;
    padding-bottom: 30px;}
.grid30Right {float:right; width:35%; margin:0;}
.homeAccCont {padding:4% 0 12%;}
.homeAccGridL {float:left;width:25%;padding-right: 0%; position:relative;left:0%;top:70px;
padding:25px;
z-index:10;}
.homeAccGridL:before {    content: "";
    z-index: -3;
    position: absolute;
    background: #948261;
    top: -12%;
    bottom: 0;
    right: 0;
    left: 0;
    width: 101%;
    height: 115%;}
.menuTextCont a.bookNow {font-family:var(--secondary_font);font-size:24px;line-height:27px;font-weight:400;color:#ffffff;padding:30px 60px;display:block;margin:30px auto 25px;
position:relative;
border:1px solid transparent;
border-radius:4px;
font-style: normal;}
.menuTextCont a.bookNow:hover {border:1px solid #000000;
background:transparent;
color:#000000;padding:30px 60px;display:block;margin:30px auto 25px;border-radius:4px;}
.menuTextCont a.bookNow:before {content:"\f073";
font-family: "Font-Awesome" !important;
    font-size: 20px;
    line-height:25px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    padding: 30px;}
.moreButtonBreak {
    position: relative;
    left: 3%;
    bottom: -50px;text-align:left;}
.moreRoomsTitle {font-family:var(--secondary_font);font-size:55px;line-height:30px;font-weight:400;position:relative;
padding-bottom:50px;
margin-left:60px;}
.restaurantText {padding:35px 70px; 
position:relative;
width:95%;text-align:justify;}
.restaurantText:before {content:"";
display:block;
position:absolute;
background:#f3ede3;
width:35%;
height:120%;
top:-40px;
bottom:0;
left:0;
right:0;
z-index:-3;
}
.roomsIntText {    width: 95%;
    margin-left: 0%;text-align:justify;}
.topGastSlider {padding-top:00px;}
.welcomeBGRight {position:relative;}
.welcomeBGRight:after {content:"";
position:absolute;
display:block;
width:124px;
height:870px;
right:0;
bottom:-40px;
/*background:#e9ce9b;*/}
.welcomeRight {margin:0 17% 0 8%;
padding-top:0px;
position:relative;}
.welcomeTitle h2 {font-size:55px;position:relative; background:none;}
}
@media (max-width: 1440px) {.addressBox {position:relative; display:block; top:0;
width:100%;}
.addresstext {font-family:var(--default_font);font-size:16px;line-height:30px;font-weight:300;color:#ffffff;padding-bottom:30px; position:relative;
/*bottom:90px;*/}
.beachR {float:left;width:30%;
padding-right:150px;}
.breakfastBGRight .splide__slide {height:780px;}
.breakfastRight .homeTitle br {display:none;}
.detailsText {text-align:justify;}
.exploreTitle {font-family:var(--secondary_font);padding-bottom:0px;}
.welcomeText {/*    width: 85%;
    margin-left: 5%;
    padding-left:85px;*/text-align:justify;}
.welcomeTitle h2 {font-family:var(--secondary_font);font-size:55px;line-height:normal;font-weight:400;color:#000000;padding-bottom:115px;letter-spacing:5px;}
}
@media (max-width: 1366px) {. {}
.accGrid50BG {float:left; width:50%; position:relative;}
.accGrid50BG:before {content:"";
position:absolute;
background:#f3ede3;
width:100%;
height:110%;
top:-15%;
left:-3%; 
z-index:-2;}
.accImgBG {position:relative;
}
.accImgBG:before {/*content:"";
position:absolute;
top:30px;
left:-20px; 
width:20px;
height:510px;
background:#f3ede3;*/}
.accommodationTitle {margin:0 12%;}
.accommodationTitle h1 {font-family:var(--secondary_font);font-size:46px;line-height:60px;font-weight:400;color:#000000;position:relative; background:none; padding-top:10px;letter-spacing:2px;}
.accommodationTitle h1:after {    content: "";
    content:none;
    position: absolute;
    background: #;
    width: 237px;
    height: 9px;
    top: 45%;
    right: 0;}
.accWidthLarger {padding:0 20px;
padding-bottom:100px;}
.allRoomsInternal h1 {font-family:var(--secondary_font);font-size:46px;line-height:60px;font-weight:400;color:#000000;position:relative; background:none; padding-top:10px;
margin-right:5%;letter-spacing:2px;}
.beachR {padding-top:10%;}
.beachText {font-family:var(--secondary_font);font-size:46px;line-height:60px;margin-left:11%;text-align:left;}
.beachTextAbs {position:relative;
top:0;
bottom:0;
right:0;
left:0;
margin:0 auto;
height:200px;
width:80%;}
.breakfastBGRight {position:relative;}
.breakfastBGRight:after {content:"";
position:absolute;
display:block;
width:5%;
height:100%;
right:0;
bottom:-15%;
z-index:-2;}
.breakfastBGRight .splide__slide {height:850px;}
.breakfastRight {margin: 0 8%;
padding-top: 0;
position: relative;}
.breakfastRight .homeTitle br {display:block;}
.breakfastText {width: 70%;
margin-left: 5%;text-align:justify;}
.breakImg2 {position:absolute;
display:block;
top:0px;
bottom:0;}
.categoryHeaderText {margin:0 20%;
text-align:justify;}
.categoryTitle {position:relative;
padding-bottom:50px;}
.categoryTitle:before {content:"";
display:inline-block;
width:10%;
height:240px;
background:#596d86;
position:absolute;
top:0;
bottom:0;
left:0;
z-index:-1;}
.categoryTitle:after {content:"";
display:inline-block;
width:34%;
height:240px;
background:#596d86;
position:absolute;
top:0;
bottom:0;
right:0;
z-index:-1;}
.detailsBGLeft {position:relative; 
margin:10% 0 0%;}
.detailsBGLeft:before {content:"";
position:absolute;
display:block;
width:100%;
height:265px;
top:20%;
background:#f3ede3;
z-index:-3;}
.detailsBGLeft:after {content:"";
position:absolute;
display:block;
width:219px;
height:930px;
left:0;
bottom:0;
background:#f3ede3;
z-index:-2;}
.detailsGridRight {position:relative; top:-105px;}
.detailsImg1 {width:90%;}
.detailsImg2 {width:80%; right:0;}
.detailsImg3 {width:90%;}
.detailsImg4 {width:80%; top:-30px;}
.detailsText {width: 80%;
margin-left: 5%;
position:relative;
padding:20% 0;text-align:justify;}
.detailsTitle {font-family:var(--secondary_font);font-size:46px;line-height:60px;font-weight:400;color:#000000;position:relative; letter-spacing:2px;}
.exploreImgBG {}
.exploreImgBG:before {/*content:"";
position:absolute;
top:45px;
left:-18px; 
width:18px;
height:100%;
background:#f3ede3;*/}
.exploreTitle {font-family:var(--secondary_font);font-size:40px;line-height:50px;font-weight:400;color:#000000;position:relative; background:none; padding:0 15px;letter-spacing:4px;}
.facilitiesText {padding:35px 70px; 
position:relative;
width:95%;text-align:justify;}
.footerGrid1 {float:left;width:32%;}
.galleryTitle {font-family:var(--default_font);font-size:28px;line-height:30px;font-weight:500;color:#000000;position:relative;
padding-left:15px;text-align:left;}
.galleryTitle:before {content:"";
position:absolute;
background:#f3ede3;
width:245px;
height:80px;
bottom:-12px;
left:-11%;
z-index:-2;}
.genText {padding:35px 70px; 
position:relative;text-align:justify;}
.genText:before {content:"";
display:block;
position:absolute;
background:#f3ede3;
width:53%;
height:120%;
top:-40px;
bottom:0;
left:0;
right:0;
z-index:-3;
}
.genWidthLarger {    padding: 0 20px;
    padding-bottom: 30px;}
.grid30Right {float:right; width:40%; margin:0;}
.grid70right {float:right; width:60%; margin:0px;}
.gridAcc {float:left;width:50%;}
.gridBlogMenu {    float: left;
    width: 16%;
    margin: 0;
    margin-left:2%;}
.homeAccCont {padding:5% 0 12%;}
.homeAccGridL {float:left;width:25%; position:relative;left:0%;top:70px; padding:20px;}
.homeAccGridL:before {content:"";
z-index:-3;
position:absolute;
background:#000000;
top:-25%;
bottom:0;
right:0;
left:0%;
width:100.6%;
height:620px;}
.homeExploreGridL {float:left;width:25%; position:relative;left:0%;top:0px; padding:10px;}
.homeExploreGridL:before {content:"";
z-index:-3;
position:absolute;
background:#000000;
top:-20%;
bottom:0;
right:0;
left:0%;
width:100.6%;
height:620px;}
.homeTitle {font-family:var(--secondary_font);font-size:46px;line-height:70px;font-weight:400;color:#000000;position:relative; background:none;letter-spacing:4px;}
.homeTitleNoBefore {font-family:var(--secondary_font);font-size:46px;line-height:70px;font-weight:400;color:#000000;position:relative; background:none;letter-spacing:4px;}
.moreButton {left:0;text-align:left;}
.moreButtonBreak {
    position: relative;
    left: 0%;
    bottom: -40px;text-align:left;}
.paddingAcc {padding-bottom:100px;}
.paddingBreak {padding-bottom:120px;}
.pdfsSection {grid-template-columns: 300px 300px 300px;}
.photoGalleryBG {position:relative;}
.restaurantText {padding:35px 70px; 
position:relative;
width:95%;text-align:justify;}
.restaurantText:before {content:"";
display:block;
position:absolute;
background:#f3ede3;
width:35%;
height:120%;
top:-40px;
bottom:0;
left:0;
right:0;
z-index:-3;
}
.roomsIntText {    width: 95%;
    margin-left: 0%;text-align:justify;}
.topGastSlider {padding-top:170px;}
.welcomeBGRight {position:relative;}
.welcomeBGRight:after {width:5%;
height:140%;}
.welcomeRight {margin:0 12% 0 8%;
padding-top:0px;
position:relative;}
.welcomeText {/*    width: 85%;*/text-align:justify;}
.welcomeTitle h2 {font-size:46px;position:relative; background:none;}
}
@media (max-width: 1280px) {.addressBox {position:relative; display:block; top:-40px;margin-left: 20px;}
.addresstext {font-family:var(--default_font);font-size:16px;line-height:30px;font-weight:300;color:#ffffff;bottom:0;}
.breakfastBGRight .splide__slide {height:755px;}
.detailsBGLeft {position:relative; 
margin:10% 0 0%;}
.detailsBGLeft:before {content:"";
position:absolute;
display:block;
width:100%;
height:265px;
top:18%;
background:#f3ede3;
z-index:-3;}
.detailsBGLeft:after {content:"";
position:absolute;
display:block;
width:219px;
height:930px;
left:0;
bottom:0;
background:#f3ede3;
z-index:-2;}
.detailsGridRight {position:relative; top:-90px;}
.detailsImg3 {width:80%;}
.detailsImg4 {width:80%; top:-50px;}
.displayDetails1024 {display:none;}
.displayDetails680 {float:left; width:50%; margin:0px;}
.exploreCont {}
.exploreCont:after {
height:200px;}
.exploreL {padding-bottom:90px;}
.exploreR {/*width:80%;*/}
.exploreTitle {font-family:var(--secondary_font);font-size:35px;line-height:45px;font-weight:400;color:#000000;position:relative; background:none; padding:0 15px;letter-spacing:4px;}
.grid30Right {float:right; width:45%; margin:0;}
.grid70right {float:right; width:70%; margin:0px;}
.gridDetails {float:left; width:50%; margin:0px;}
.homeAccCont {padding:9% 0 12%;}
.homeAccGridL {float:left;width:25%; position:relative;left:0%;top:70px; padding:20px;}
.homeAccGridL:before {top:-12%;
height:600px;}
.homeExploreGridL {float:left;width:25%; position:relative;left:0%;top:0px; padding:10px;}
.homeExploreGridL:before {top:-20%;
height:500px;}
.marginDetails {margin:0 0px 0 25px;
padding: 0 5%;}
.photoGalleryBG {position:relative;}
.restaurantDetails {color:#ffffff;background-color:#596d86;padding:50px 30px 60px 50px;
padding-left:70px;
max-width:460px;
position:relative;}
.restaurantDetails:before {content:"\f017";
font-family: Font-Awesome;
color: #ffffff;
font-size:22px;
line-height:30px;
position:absolute;
top:60px;
left:30px;}
.topGastSlider {padding-top:80px;}
.topLinksSection a.rootMenu {}
.topLinksSection a.rootMenuSel {}
.welcomeTitle h2 {font-size:46px;position:relative; background:none;}
.widthLarge {width:96%;margin:auto;}
}
@media (max-width: 1180px) {.accommodationTitle h1 {font-family:var(--secondary_font);font-size:42px;line-height:60px;font-weight:400;color:#000000;position:relative; background:none; padding-top:10px;letter-spacing:2px;}
.accommodationTitle h1:after {    content: "";
    content:none;
    position: absolute;
    background: #;
    width: 237px;
    height: 9px;
    top: 45%;
    right: 0;}
.addressBox {}
.allRoomsInternal h1 {font-family:var(--secondary_font);font-size:42px;line-height:60px;font-weight:400;color:#000000;position:relative; background:none; padding-top:10px;
margin-right:5%;letter-spacing:2px;}
.beachR {padding-right:100px;}
.breakfastBGRight .splide__slide {height:815px;}
.detailsGridRight {position:relative; top:-70px;}
.welcomeTitle h2 {font-size:46px;position:relative; background:none;
padding-bottom: 85px;}
}
@media (max-width: 1024px) {.accFlex {}
.accGrid50BG {float:left; width:50%; position:relative;}
.accGrid50BG:before {content:"";
position:absolute;
background:#f3ede3;
width:100%;
height:110%;
top:-15%;
left:-4%; 
z-index:-2;}
.accGridL {float:left;width:25%;}
.accImgBG {position:relative;
}
.accMenuTitle {font-family:var(--secondary_font);font-size:25px;line-height:30px;color:#ffffff;display:inline-block;COLOR:#ffffff !important;}
.accMenuTitle:hover {COLOR:#dfd6c7;}
.addressBox {position:relative; display:block; top:0px;
margin-top:0;height:450px;max-width:285px;}
.allRooms {font-family:var(--secondary_font);font-size:40px;line-height:50px;font-weight:400;color:#ffffff;position:relative; background:none;letter-spacing:4px;}
.beachText {font-family:var(--secondary_font);font-size:40px;line-height:55px;margin-left:11%;text-align:left;}
.beachTextAbs {position:relative;
top:0;
bottom:0;
right:0;
left:0;
margin:0 auto;
height:200px;
width:90%;}
.breakfastBGRight .splide__slide {height:665px;}
.breakfastRight {margin: 0 0 0 8%;
padding-top: 0;
position: relative;}
.breakImg2 {}
.detailsBGLeft {position:relative; 
margin:0% 0 0%;}
.detailsBGLeft:before {content:"";
position:absolute;
display:block;
width:100%;
height:265px;
top:25%;
background:#f3ede3;
z-index:-3;}
.detailsBGLeft:after {content:"";
position:absolute;
display:block;
width:219px;
height:930px;
left:0;
bottom:0;
background:#f3ede3;
z-index:-2;}
.detailsButton {position: relative;
left: 0;
display:table;
margin:0 auto;text-align:left;}
.detailsText {width: 80%;
margin-left: 5%;
position:relative;
padding:15% 0;text-align:justify;}
.detailsTitle {font-family:var(--secondary_font);font-size:40px;line-height:55px;font-weight:400;color:#000000;position:relative; letter-spacing:2px;}
.displayDetails1024 {display:none;}
.displayDetails680 {float:left; width:50%; margin:0px;}
.exploreCont {}
.exploreCont:after {content:'';
position:absolute;
background-color:#f0e9dc;
height:255px;width:100%;
z-index:-1;top:50px;}
.exploreImgBG {}
.exploreImgBG:before {/*content:"";
position:absolute;
top:45px;
left:-18px; 
width:18px;
height:100%;
background:#f3ede3;*/}
.exploreL {float:left; width:100%; margin:0;
padding-bottom:0;margin-top:65px;text-align:center;}
.exploreR {float:left; width:100%; margin:0;
padding-top:30px;z-index:1;}
.exploreTitle {font-family:var(--secondary_font);font-size:30px;line-height:40px;font-weight:400;color:#000000;position:relative; background:none; padding:0 25px;letter-spacing:4px;}
.facilities ul {-webkit-columns: 130px;
-moz-columns: 130px;
columns: 130px;
-webkit-column-gap: 3em;
-moz-column-gap: 3em;
column-gap: 3em; 
padding-inline-start:20px;}
.facilitiesGridR {float:left;width:50%; margin-left:0%;}
.flexBox1024 {display: -webkit-flex;
display: flex;
 -webkit-flex-direction: row;
 flex-direction: row;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
-webkit-align-items: center;
 align-items: center;
-webkit-justify-content: center;
justify-content: center;
width:100%; margin:auto;}
.flexBoxUseful {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: flex-start;
justify-content: flex-start;
width:100%; margin:auto;
padding-top:40px;}
.footerBG {display:block;
position:relative;
width:100%;}
.footerBG:before {content:"";
display:block;
position:absolute;
width:100%;
height:25%;
background:#dfd6c7;
top:36%;
z-index:-2;}
.footerGrid1 {width:30%;margin-top:0;}
.footerGrid2 {width:30%;
margin:0 3%;}
.footerGrid3 {width:30%;}
.grid30Right {float:right; width:50%; margin:0;}
.grid30to100 {float:left;width:40%;}
.grid35Contact {float:left;width:40%;}
.grid50break {width:45%;}
.grid70right {float:right; width:75%; margin:0px;}
.grid70to100 {float:left;width:60%;}
.gridBlog {width:50%;}
.gridDetails {float:left; width:50%; margin:0px;}
.gridGalleryInstagram {font-style: normal;
float: left;
width: 32%;
padding: 10px;
position:relative;}
.gridLogoRel {position:relative;
top:0px;
display:table;
margin:0 auto;}
.homeAccGridL {float:left;width:30%; position:relative;left:0%;top:70px; }
.homeAccGridR {float:left;width:70%;}
.homeExploreGridL {float:left;width:30%;padding-right: 0%; position:relative;left:0%;top:0px;}
.homeTitle {font-family:var(--secondary_font);font-size:40px;line-height:55px;font-weight:400;color:#000000;position:relative; background:none;letter-spacing:4px;}
.homeTitleNoBefore {font-family:var(--secondary_font);font-size:40px;line-height:55px;font-weight:400;color:#000000;position:relative; background:none;letter-spacing:4px;}
.imageFooterBG {}
.imageFooterBG:before {content:"";
position:absolute;
top:-3%;
left:-3%;
width:95%;
height:95%;
background:#dfd6c7;
z-index:-1;}
.marginDetails {margin:0 25px 0 25px;
padding:0;}
.paddingBreak {padding-bottom:100px;}
.paddingLogoFooter {padding-bottom:40px;}
.paddingSpa {padding-bottom:100px;}
.pdfsSection {grid-template-columns: 300px 300px;}
.photoGalleryBG {position:relative;}
.roomsSubCatsBG {position:relative;}
.roomsSubCatsBG:before {content:"";
position:absolute;
background:#596d86;
width:100%;
height:90%;
top:5%;
left:0;
right:0;
z-index:-2;}
.roomTitleSlider {font-family:var(--secondary_font);font-size:22px;}
.services ul {-webkit-columns: 190px;
-moz-columns: 190px;
columns: 190px;
    column-count: 1;
-webkit-column-gap: 5em;
-moz-column-gap: 5em;
column-gap: 5em; 
padding-inline-start:55px;}
.servicesBG {padding: 60px 60px 45px;
background:#;
position:relative;
z-index:0;
display:grid;
grid-template-columns:1fr 2fr;
column-gap:70px;}
.socialSection {padding: 0 50px 0 0;}
.textRtoC {text-align:right;}
.top75 {padding-top:30px;}
.topGastSlider {padding-top:60px;}
.topPool {padding-top:30px;}
.usefulText {font-size:11px;font-weight:400;color:#000;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: flex-start;
justify-content: flex-start;
width:100%; margin:auto;
padding-top:40px;}
.welcomeBGRight {position:relative;}
.welcomeBGRight:after {width:5%;
height:120%;}
.welcomeText {/*    width: 90%;
    margin-left: 0%;
    padding-left:65px;*/text-align:justify;}
.welcomeTitle h1 {font-family:var(--default_font);font-size:40px;line-height:55px;color:#000000;position:relative; background:none;letter-spacing:4px;}
.welcomeTitle h2 {font-size:40px;position:relative; background:none;}
}
@media (max-width: 820px) {.accGrid50BG {float:left; width:100%; position:relative; padding:0 20px;text-align:center;}
.accGrid50BG:before {content:"";
position:absolute;
background:#f3ede3;
width:100%;
height:110%;
top:-15%;
left:0%; 
z-index:-2;}
.accImgBG {position:relative;
}
.accImgBG:before {/*content:"";
position:absolute;
top:15px;
left:-20px; 
width:20px;
height:100%;
background:#f3ede3;*/}
.accommodationTitle h1 {font-family:var(--secondary_font);font-size:35px;line-height:60px;font-weight:400;color:#000000;position:relative; background:none; padding-top:10px;letter-spacing:2px;}
.accommodationTitle h1:after {    content: "";
    content:none;
    position: absolute;
    background: #;
    width: 237px;
    height: 9px;
    top: 45%;
    right: 0;
}
.accWidthLarger {padding:0 20px;
padding-bottom:40px;}
.addressBox {position:relative; display:block; top:0px;
padding:20px;height:410px;
margin-top:0;transform: unset;
max-width:100%;}
.addresstext {font-family:var(--default_font);font-size:16px;line-height:30px;font-weight:300;color:#ffffff;padding-bottom:0px; position:relative;}
.allRoomsInternal h1 {font-family:var(--secondary_font);font-size:35px;line-height:60px;font-weight:400;color:#000000;position:relative; background:none; padding-top:10px;
margin-right:5%;letter-spacing:2px;}
.artTitleBG {float:left; width:100%; position:relative;
}
.artTitleBG:before {content:"";
position:absolute;
background:#dfd6c7;
width:100%;
height:130%;
top:-15%;
left:-22%; 
z-index:-2;}
.artTitleBG h1 {font-family:var(--secondary_font);font-size:50px;line-height:60px;font-weight:400;color:#000000;position:relative; background:none; padding-top:10px;
margin-right:5%;letter-spacing:2px;text-align:center;}
.beachR {padding-right:0;padding-top:0;
margin-left:45%;}
.beachText {font-family:var(--secondary_font);font-size:35px;line-height:45px;margin-left:4%;
margin-right:4%;text-align:left;}
.beachTextAbs {position:relative;
top:0;
bottom:0;
right:0;
left:0;
margin:0 auto;
height:200px;
width:90%;}
.blogImage {margin: 50px 20px 50px 20px;
display:table; 
position:relative;}
.blogImage:before {content:"";
position:absolute;
right:-5%;
top:-5%;
background:#948261;
width:150px;
height:150px;
z-index:-1;}
.blogImage:after {content:"";
position:absolute;
left:-5%;
bottom:-5%;
background:#948261;
width:150px;
height:150px;
z-index:-1;}
.blogImageLeft {margin: 0 20px 70px 20px;
display:table; 
position:relative;}
.blogImageLeft:before {content:"";
position:absolute;
right:-5%;
top:-5%;
background:#948261;
width:150px;
height:150px;
z-index:-1;}
.blogImageLeft:after {content:"";
position:absolute;
left:-5%;
bottom:-5%;
background:#948261;
width:150px;
height:150px;
z-index:-1;}
.botGallery {padding-bottom:50px;}
.breakfastBGRight {position:relative;}
.breakfastBGRight:after {content:"";
position:absolute;
display:block;
width:5%;
height:100%;
right:0;
bottom:-15%;
z-index:-2;}
.breakfastBGRight .splide__arrows {position:absolute;
display:table;
margin:0 auto;
left:0%;
right:0;
    width: 270px;
    bottom: -5%;}
.breakfastBGRight .splide__slide {height:750px;}
.categoryHeaderText {padding-top:30px;text-align:justify;}
.categoryTitle {position:relative;
padding-bottom:50px;}
.categoryTitle:before {content:"";
display:inline-block;
width:10%;
height:240px;
background:#596d86;
position:absolute;
top:0;
bottom:0;
left:0;
z-index:-1;}
.categoryTitle:after {content:"";
display:inline-block;
width:25%;
height:240px;
background:#596d86;
position:absolute;
top:0;
bottom:0;
right:0;
z-index:-1;}
.checkTimes .restaurantDetails {margin-top:90px;}
.defaultImgDetail {display:table;
margin:20% 0 0 10%;
width:75%;
position:relative;}
.defaultImgDetail:before {content:"";
position:absolute;
right:-7%;
top:-5%;
background:#596d86;
width:150px;
height:150px;
z-index:-1;}
.defaultImgDetail:after {content:"";
position:absolute;
left:-7%;
bottom:-5%;
background:#596d86;
width:150px;
height:150px;
z-index:-1;}
.detailsBGLeft {position:relative; 
margin:0;
padding-top:140px;}
.detailsBGLeft:before {content:"";
position:absolute;
display:block;
width:100%;
height:265px;
top:30%;
background:#f3ede3;
z-index:-3;}
.detailsBGLeft:after {content:"";
position:absolute;
display:block;
width:219px;
height:930px;
left:0;
bottom:0;
background:#f3ede3;
z-index:-2;}
.detailsButton {position: relative;
left: 0;
display:table;
margin:0 auto;text-align:left;}
.detailsText {width: 80%;
margin-left: 5%;
position:relative;
padding:15% 0;text-align:justify;}
.detailsTitle {font-family:var(--secondary_font);font-size:36px;line-height:45px;font-weight:400;color:#000000;position:relative; letter-spacing:2px;}
.exploreBtn {padding-bottom:80px;}
.exploreCont {width:100%;position:relative;}
.exploreCont:after {content:'';
position:absolute;
background-color:#f0e9dc;
height:255px;width:100%;
z-index:-1;top:50px;}
.exploreImgBG {}
.exploreImgBG:before {/*content:"";
position:absolute;
top:45px;
left:-18px; 
width:18px;
height:100%;
background:#f3ede3;*/}
.exploreR .splide__list {flex-direction:column;
align-items:center;
width:50%;margin:auto !important;}
.exploreTitle {font-family:var(--secondary_font);font-size:36px;line-height:50px;font-weight:400;color:#000000;position:relative; background:none; padding:0 25px;letter-spacing:4px;}
.facilities ul {-webkit-columns: 190px;
-moz-columns: 190px;
columns: 190px;
-webkit-column-gap: 5em;
-moz-column-gap: 5em;
column-gap: 5em; 
padding-inline-start:20px;}
.facilitiesGridR {float:left;width:100%; margin-left:0%; margin-top:130px; padding:0 50px;}
.facilitiesText {padding:0; 
position:relative;
width:100%;text-align:justify;}
.facilitiesTitle {font-family:var(--default_font);font-size:28px;line-height:30px;font-weight:300;color:#000000;position:relative;}
.flexBox768 {display: -webkit-flex;
display: flex;
 -webkit-flex-direction: row;
 flex-direction: row;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
-webkit-align-items: center;
 align-items: center;
-webkit-justify-content: center;
justify-content: center;
width:100%; margin:auto;}
.flexBoxUseful {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;
padding-top:0px;
padding:55px 0 20px;}
.footerBG {display:block;
position:relative;
width:100%;}
.footerBG:before {content:"";
display:block;
position:absolute;
width:100%;
height:19%;
background:#dfd6c7;
top:16%;
z-index:-2;}
.footerGrid1 {width: 100%;
    grid-column-start: 1;
    grid-column-end: 3;
    display: grid;
    grid-row-start: 1;
    grid-row-end: 2;}
.footerGrid2 {    width: 100%;
    margin: 0 0%;
    grid-column-start: 1;
    grid-column-end: 2;
    display: grid;
    grid-row-start: 2;
    grid-row-end: 2;}
.footerGrid3 {    width: 100%;
    grid-column-start: 2;
    grid-column-end: 3;
    display: grid;
    grid-row-start: 2;
    grid-row-end: 2;}
.footerResponsive {    display: grid;
    align-items: center;
    justify-content: end;
    grid-template-columns: 50fr 50fr;}
.grid30Right {float:right; width:100%; margin:0;}
.grid30to100 {float:left;width:100%;}
.grid33to100 {float:left;width:100%;}
.grid35Contact {display:none;}
.grid50to100 {float:none;width:100%;}
.grid60to100 {float:left;width:100%;}
.grid70to100 {float:left; width:100%; margin:0;}
.gridAcc {width:100%;padding:10px;}
.gridBook {width:33.333%;
display:flex;
flex-direction:row-reverse;
align-items:baseline;
padding-right:20px;}
.gridGallery {float:left;width:33.33%;padding:10px;}
.gridLogo {width:33.333%;}
.gridLogoRel {position:relative;
top:0px;
display:table;
margin:0 auto;text-align:center;}
.gridMenu {width:33.333%;}
.gridWelcomeLeft {float:left;width:65%; order:1; margin-left:0%;margin-top:10%;}
.homeAccCont {padding:4% 0 15%;}
.homeAccGridL {float:left;width:100%;padding-right: 0%; position:relative;left:0%;top:00px;
    margin: 20px;
    padding: 40px 20px;}
.homeAccGridL:before {content:"";
z-index:-3;
position:absolute;
background:#000000;
top:0%;
bottom:0;
right:0;
left:0%;
width:100%;
height:100%;}
.homeAccGridNew {background-color:#ffffff;float:left;width:100%;position:relative;
padding-top:65px;
padding-bottom:180px;}
.homeAccGridR {float:left;width:100%; padding:30px 20px 0;}
.homeExploreGridL {float:left;width:100%;padding-right: 0%; position: relative;
    left: 0;
    top: 0;
    margin: 20px;
    padding: 30px;text-align:center;}
.homeExploreGridL:before {content:"";
z-index:-3;
position:absolute;
background:#000000;
top:0%;
bottom:0;
right:0;
left:0%;
width:100%;
height:100%;}
.homeTitle {font-family:var(--secondary_font);font-size:36px;line-height:60px;font-weight:400;color:#000000;position:relative; background:none;letter-spacing:4px;}
.imageFooterBG {position:relative;
display:table;
margin:0 auto;
width:90%;
height:50%;}
.imageFooterBG:before {content:"";
position:absolute;
top:-5%;
left:-5%;
width:95%;
height:95%;
background:#dfd6c7;
z-index:-1;
display:none;}
.intBookButton {margin-left:0; display:table; margin:0 auto;}
.langWrapper {color:#ffffff;background-color:#596d86;// padding-left: 20px;
line-height:20px;
display:table;
margin:0px auto 25px ;
padding:8px 26px;
margin-right:0;}
.leftSocial {float:left;
margin:0;
width:100%;
margin:0 auto;
display:table;}
.menuTextCont a.bookNow {font-family:var(--secondary_font);font-size:24px;line-height:27px;font-weight:400;color:#ffffff;padding:30px 60px;display:block;margin:30px auto 25px;
position:relative;
border:1px solid transparent;
border-radius:4px;
font-style: normal;}
.menuTextCont a.bookNow:hover {border:1px solid #000000;
background:transparent;
color:#000000;padding:30px 60px;display:block;margin:30px auto 25px;border-radius:4px;font-style: normal;}
.menuTextCont a.bookNow:before {content:"\f073";
font-family: "Font-Awesome" !important;
    font-size: 20px;
    line-height:25px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    padding: 30px;}
.MessageGrid {    display: grid;
    grid-template-columns: 1fr;
    column-gap: 50px;}
.moreButton {bottom:-20px;text-align:left;}
.nav {position:fixed;
top:0;
left:0;
right:0;
background:transparent;
z-index:60;
padding:0 8px 0 0;}
.paddBott100to80 {padding-bottom:60px;}
.paddBottResponsive {padding-bottom:50px;}
.padding200 {padding-bottom:130px;}
.paddingBreak {padding-bottom:0px;}
.paddingDetailsHome {padding-bottom:100px;}
.paddingLogoFooter {padding-bottom:60px;
margin-top: 40px;}
.paddingPool {padding-bottom:50px;}
.paddingSpa {padding-bottom:100px;
padding-top:50px;}
.parallaxImage {font-style: normal;
height: 360px;
background-repeat: no-repeat;
background-attachment: unset;
background-position: 50% 0%;}
.pdfsSection {grid-template-columns: 300px;
}
.restaurantDetails {color:#ffffff;background-color:#596d86;padding:50px 30px 60px 50px;
padding-left:100px;
max-width:460px;
position:relative;
display:table; 
margin:0 auto;
margin-top:120px;
width:100%;}
.restaurantDetails:before {content:"\f017";
font-family: Font-Awesome;
color: #ffffff;
font-size:22px;
line-height:30px;
position:absolute;
top:60px;
left:50px;}
.roomImgDetail {display:table;
margin:0 auto;
width:65%;
position:relative;}
.roomImgDetail:before {content:"";
position:absolute;
top:-20px;
left:-20px;
background:#f3ede3;
width:98%;
height:90%;
z-index:-1;}
.roomsIntText {    width: 100%;
    margin-left: 0%;
    padding-top:170px;text-align:justify;}
.roomsLineHor {position:relative;
}
.roomsSubCatsBG {position:relative;}
.roomsSubCatsBG:before {content:"";
position:absolute;
background:#596d86;
width:100%;
height:80%;
top:0;
left:0;
right:0;
z-index:-2;}
.roomTitleSlider {font-family:var(--secondary_font);font-size:26px;line-height:normal;font-weight:400;padding-left:0px;text-align:right;}
.servicesBG {padding: 60px 35px 45px;
background:#;
position:relative;
z-index:0;
display:grid;
grid-template-columns:1fr 1.5fr;
column-gap:70px;
margin-top:50px;}
.sticky .menu_icon {margin: 41px 30px 25px 45px;}
.textLtoC {text-align:center;}
.textRtoC {text-align:center;}
.top100 {padding-top:60px !important;}
.topBlog {padding-top:0px;}
.topBotPad {padding-bottom:50px;}
.topGastSlider .gridWelcomeLeft {display:none;}
.usefulText {font-size:11px;font-weight:400;color:#000;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;
padding-top:0px;
padding:55px 0 20px;}
.welcomeBGRight {position:relative;}
.welcomeBGRight:after {width:5%;
height:115%;}
.welcomeTitle h1 {font-family:var(--default_font);font-size:36px;line-height:normal;font-weight:100;color:#000000;position:relative; background:none;letter-spacing:12px;}
}
@media (max-width: 768px) {. {}
. {font-family:var(--default_font);}
.accFlex {}
.accGrid50BG {float:left; width:100%; position:relative;}
.accGrid50BG:before {content:"";
position:absolute;
background:#f3ede3;
width:100%;
height:110%;
top:-15%;
left:0%; 
z-index:-2;}
.accGridL {float:left;width:15%;}
.accImgBG {position:relative;
}
.addressBox {position:relative; display:block; top:0px;}
.addresstext {font-family:var(--default_font);font-size:16px;line-height:30px;font-weight:300;color:#ffffff;text-align:center;}
.breakfastText {width: 85%;
margin-left: 0%;text-align:justify;}
.capSize {float:unset;margin:0;text-align:right;}
.detailsTitle {font-family:var(--secondary_font);font-size:35px;line-height:45px;font-weight:400;color:#000000;position:relative; letter-spacing:2px;}
.exploreImgBG {position:relative;}
.exploreImgBG:before {/*content:"";
position:absolute;
top:45px;
left:-18px; 
width:18px;
height:100%;
background:#f3ede3;*/}
.exploreTitle {font-family:var(--secondary_font);font-size:40px;line-height:50px;font-weight:400;color:#000000;position:relative; background:none; padding:0 25px;letter-spacing:4px;}
.facilities ul {-webkit-columns: 190px;
-moz-columns: 190px;
columns: 190px;
-webkit-column-gap: 5em;
-moz-column-gap: 5em;
column-gap: 5em; 
padding-inline-start:20px;}
.footerBG {display:block;
position:relative;
width:100%;}
.footerBG:before {content:"";
display:block;
position:absolute;
width:100%;
height:19%;
background:#dfd6c7;
top:16%;
z-index:-2;}
.grid30Right {float:right; width:100%; margin:0;}
.grid33to100 {float:left;width:100%;}
.grid50to100 {float:none;width:100%;}
.grid60to100 {float:left;width:100%;}
.grid70right {float:right; width:85%; margin:0px;}
.gridBook {float:left;}
.gridGallery {float:left;width:33.33%;padding:10px;}
.gridLogoRel {position:relative;
top:0px;
display:table;
margin:0 auto;text-align:center;}
.gridWelcomeLeft {float:left;width:60%; order:1}
.homeAccGridL {}
.homeAccGridR {}
.homeExploreGridL {}
.homeTitle {font-family:var(--secondary_font);font-size:36px;line-height:60px;font-weight:400;color:#000000;position:relative; background:none;letter-spacing:4px;}
.homeTitleNoBefore {font-family:var(--secondary_font);font-size:48px;line-height:60px;font-weight:400;color:#000000;position:relative; background:none;letter-spacing:4px;}
.imageFooterBG {}
.imageFooterBG:before {content:"";
position:absolute;
top:-5%;
left:-5%;
width:95%;
height:95%;
background:#dfd6c7;
z-index:-1;}
.intBookButton {margin-left:0; display:table; margin:0 auto;}
.langWrapper {color:#ffffff;background-color:#596d86;// padding-left: 20px;
line-height:20px;
display:table;
margin:0px auto 25px ;
padding:8px 26px;
margin-right:0;}
.menuTextCont a.bookNow {font-family:var(--secondary_font);font-size:24px;line-height:27px;font-weight:400;color:#ffffff;padding:30px 60px;display:block;margin:30px auto 25px;
position:relative;
border:1px solid transparent;
border-radius:4px;

font-style: normal;}
.menuTextCont a.bookNow:hover {border:1px solid #000000;
background:transparent;
color:#000000;padding:30px 60px;display:block;margin:30px auto 25px;border-radius:4px;font-style: normal;}
.menuTextCont a.bookNow:before {content:"\f073";
font-family: "Font-Awesome" !important;
    font-size: 20px;
    line-height:25px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    padding: 30px;}
.nav {}
.roomsIntText {    width: 100%;
    margin-left: 0%;text-align:justify;}
.roomsLineHor {position:relative;}
.roomsSubCatsBG {position:relative;}
.roomsSubCatsBG:before {content:"";
position:absolute;
background:#596d86;
width:100%;
height:80%;
top:0;
left:0;
right:0;
z-index:-2;}
.roomTitleSlider {font-family:var(--secondary_font);font-size:26px;line-height:30px;font-weight:500;padding-left:0px;}
.textLtoC {text-align:center;}
.textRtoC {text-align:center;}
.welcomeBGRight {position:relative;}
.welcomeTitle h2 {font-size:48px;position:relative; background:none;}
}
@media (max-width: 680px) {.accBook {font-size:20px;}
.accFlex {display:flex;flex-direction:column-reverse;}
.accGrid50BG {float:initial; }
.accGridL {float:left;width:100%;margin-top:10px;}
.accImgBG {position:relative;
}
.accImgBG:before {/*content:"";
position:absolute;
top:15px;
left:-20px; 
width:20px;
height:100%;
background:#f3ede3;*/}
.accList a.bookSmallInt {font-family:var(--default_font);font-size:14px;line-height:30px;font-weight:300;color:#000000;background: unset !important;
margin: 0;
        letter-spacing: 0;
        text-transform: lowercase;text-align:left;}
.accList a.bookSmallInt:hover {color: #;}
.accList a.bookSmallInt:before {content:none;}
.accList a.bookSmallInt:after {content:none;}
.accommodationSlide-next {bottom: -20px;background-size: contain;height: 30px;width: 90px;}
.accommodationSlide-next:hover {right:-10px;}
.accommodationSlide-prev {bottom: -20px;background-size: contain;height: 30px;width: 90px;}
.accommodationSlide-prev:hover {left:-10px;}
.accommodationTitle h1 {font-family:var(--secondary_font);font-size:32px;line-height:60px;font-weight:400;color:#000000;position:relative; background:none; padding-top:10px;letter-spacing:2px;text-align:center;}
.accommodationTitle h1:after {display:none;}
.accWidthLarger {padding: 0 20px;
padding-bottom:10px;}
.addressBox {margin:0;
padding:0;
width:unset;}
.addresstext {font-family:var(--default_font);font-size:16px;line-height:30px;font-weight:300;color:#ffffff;padding-bottom:0px; position:relative;text-align:center;}
.allRoomsInternal h1 {font-family:var(--secondary_font);font-size:30px;line-height:40px;font-weight:400;color:#000000;position:relative; background:none; padding-top:10px;
margin-right:0%;letter-spacing:2px;}
.artTitleBG {float:left; width:100%; position:relative;
margin-bottom:50px;}
.artTitleBG:before {content:"";
position:absolute;
background:#dfd6c7;
width:100%;
height:130%;
top:-15%;
left:-22%; 
z-index:-2;}
.artTitleBG h1 {font-family:var(--secondary_font);font-size:30px;line-height:40px;font-weight:400;color:#000000;position:relative; background:none; padding-top:10px;
margin-right:0%;letter-spacing:2px;text-align:center;}
.beachR {padding-right:0px;
margin:0;

width: 100%;
display: grid;
margin: initial;
justify-content: center;
justify-items: center;
}
.beachText {font-family:var(--secondary_font);font-size:25px;line-height:40px;margin-left:8%; padding-bottom:20px;
padding-top:50px;text-align:center;}
.beachTextAbs {position:relative;
top:0;
bottom:0;
right:0;
left:0;
margin:0 auto;
display:table;
height:200px;
width:90%;}
.breakfastBGRight {position:relative;}
.breakfastBGRight:after {content:"";
position:absolute;
display:block;
width:5%;
height:100%;
right:0;
bottom:0%;
z-index:-2;}
.breakfastBGRight .splide__arrows {bottom:0;}
.breakfastBGRight .splide__slide {height:900px;}
.breakfastRight {margin:0 5% 0 5%;text-align:center;}
.capacityInternal {font-family:var(--default_font);font-size:20px;line-height:30px;font-weight:200;padding-bottom:60px;}
.capacityTitle {font-family:var(--default_font);font-size:16px;line-height:30px;font-weight:400;position:relative;
/*top:45px;*/}
.capSize {float:initial;margin:0;text-align:center;}
.categoryHeaderText {margin: 0 20px;text-align:justify;}
.categoryTitle {position:relative;
padding-bottom:0px;}
.categoryTitle:before {content:"";
display:inline-block;
width:10%;
height:240px;
background:#596d86;
position:absolute;
top:0;
bottom:0;
left:0;
z-index:-1;}
.categoryTitle:after {content:"";
display:inline-block;
width:10%;
height:240px;
background:#596d86;
position:absolute;
top:0;
bottom:0;
right:0;
z-index:-1;}
.catListBG {background-color:#f3ede3;padding:80px 0px 0;
z-index:-5;
margin-bottom:100px;}
#contactPage .restaurantText {margin-bottom:20px;}
.detailsBGLeft {position:relative; 
margin:1% 0 0%;}
.detailsBGLeft:before {content:"";
position:absolute;
display:block;
width:100%;
height:230px;
height: 130px;
top:29%;
top: 50%;
background:#f3ede3;
z-index:-3;}
.detailsBGLeft:after {content:"";
position:absolute;
display:block;
width:5%;
height:100%;
left:0;
bottom:-8px;
background:#f3ede3;
z-index:-2;}
.detailsImg4 {width:120%; top:-50px;
width: calc(100% + 50px);
left:-25px;
right:-25px;}
.detailsText {width: 80%;
margin-left: 5%;
position:relative;
padding:10% 0;text-align:justify;}
.detailsTitle {font-family:var(--secondary_font);font-size:28px;line-height:35px;font-weight:400;color:#000000;position:relative; 
padding-left:20px;
padding-left:0;
padding-bottom:0px;letter-spacing:2px;text-align:center;}
.displayDetails680 {display:none;}
#exploreArrows .splide__arrows {    width: 210px;
    bottom: 20px;
    bottom:-50px;}
.exploreBlogMenu {display:grid !important;
grid-template-columns:1fr 1fr;
grid-template-columns:1fr;
column-gap:50px;
margin:0 10px;}
.exploreBtn {padding-bottom:60px}
.exploreImgBG {position:relative;}
.exploreImgBG:before {/*content:"";
position:absolute;
top:45px;
left:-18px; 
width:18px;
height:100%;
background:#f3ede3;*/}
.exploreR {padding-top:15px;}
.exploreR .splide__list {flex-direction:column;
align-items:center;
width:100%;}
.exploreSlide-next {bottom: -20px;background-size: contain;height: 30px;width: 90px;}
.exploreSlide-next:hover {right:-10px;}
.exploreSlide-prev {bottom: -20px;background-size: contain;height: 30px;width: 90px;}
.exploreSlide-prev:hover {left:-10px;}
.exploreTitle {font-family:var(--secondary_font);font-size:30px;line-height:45px;font-weight:400;color:#000000;position:relative; background:none; padding:0 35px;letter-spacing:2px;text-align:center;}
.facilitiesGridR {float:left;width:100%; margin-left:0%; margin-top:50px; padding:0 30px;}
.facilitiesTitle {font-family:var(--default_font);font-size:28px;line-height:30px;font-weight:300;color:#000000;position:relative;}
.flexBoxUseful {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;}
.footerBG {display:block;
position:relative;
width:100%;}
.footerBG:before {content:"";
display:block;
position:absolute;
width:100%;
background:#dfd6c7;
height: 21%;
top: 16%;
z-index:-2;}
.footerText {font-size: 14px;
padding:0 20px;}
.formRowRes {margin-bottom:15px !important;}
.galleryTitle {font-family:var(--default_font);font-size:25px;line-height:30px;font-weight:500;color:#000000;position:relative;
padding-left:15px;text-align:left;}
.galleryTitle:before {content:"";
position:absolute;
background:#f3ede3;
width:30%;
height:70px;
bottom:-12px;
left:-11%;
z-index:-2;}
.gastGrid40 {float:left; width:100%; margin:0px;text-align:center;}
.gastImgMobile {    width: 90%;
    margin-top: 9rem;
    margin-top: 110px;
    margin-left: -5%;
    width: 110%;}
.gastronomySlide-next {bottom: -20px;background-size: contain;height: 30px;width: 90px;}
.gastronomySlide-next:hover {right:-10px;}
.gastronomySlide-prev {bottom: -20px;background-size: contain;height: 30px;width: 90px;}
.gastronomySlide-prev:hover {left:-10px;}
.genText {padding:0 20px 35px 20px; 
position:relative;text-align:justify;}
.genText:before {content:"";
display:block;
position:absolute;
background:#f3ede3;
width:70%;
height:110%;
top:-40px;
bottom:0;
left:0;
right:0;
z-index:-3;
}
.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;}
.grid70right {float:right; width:100%; margin:0px;}
.grid70to100 {float:none;width:100%;}
.grid70to100 {float:left; width:100%; margin:0;}
.grid80to100 {float:none;width:100%;}
.grid90to100 {float:none;width:100%;}
.gridAcc {width:100%;padding:0px;}
.gridAcc .capacityInternal {font-family:var(--default_font);font-size:16px;line-height:30px;font-weight:400;position:relative;
/*top:45px;*/}
.gridBlog {width:100%;}
.gridDetails {float:left; width:100%; margin:0px;}
.gridFormField {font-style:normal;float: left;width: 100%;margin: 0;display: table;}
.gridFormLabel {width: 100%;}
.gridGallery {width:100%; padding:10px;}
.gridGalleryInstagram {font-style: normal;
float: left;
width: 50%;
padding: 10px;
position:relative;}
.gridListButtonsAcc {display:grid;
grid-template-columns:1fr;
justify-items:center;
row-gap:30px;}
.gridLogoRel {position:relative;
top:0px;
display:block;
margin:0 auto;text-align:center;}
.gridWelcomeLeft {float:left;width:80%; order:1; padding-top:30px;
    z-index: 1;
    width: 110%;}
h1 {margin:0px;font-size:24px;font-weight:400;}
.homeAccCont {padding:40px 0 25%;}
.homeAccGridL {float:left;width:100%; position:relative;left:0%;top:0px; padding-bottom:70px;}
.homeAccGridL:before {content:"";
z-index:-3;
position:absolute;
background:#000000;
top:-15%;
bottom:0;
right:0;
left:0%;
width:100%;
height:110%;}
.homeAccGridNew {background-color:#ffffff;padding-bottom:50px;}
.homeAccGridR {float:left;width:100%; padding:30px 0px 0;}
.homeExploreGridL {float:left;width:100%;padding-right: 0%; position:relative;left:0%;top:0px; padding-bottom:70px; padding-left:0;}
.homeExploreGridL:before {content:"";
z-index:-3;
position:absolute;
background:#000000;
top:-15%;
bottom:0;
right:0;
left:0%;
width:100%;
height:110%;}
.homeTextPoolPos {font-style:normal;background-color:#ffffff;position:static;transform: translate(0,0);width: 100%;}
.homeTitle {font-family:var(--secondary_font);font-size:30px;line-height:40px;font-weight:400;color:#000000;position:relative; background:none;letter-spacing:3px;}
.homeTitleNoBefore {font-family:var(--secondary_font);font-size:30px;line-height:40px;font-weight:400;color:#000000;position:relative; background:none;
padding: 0 5%;letter-spacing:3px;text-align:center;}
.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;}
.imageFooterBG {position:relative;
display:table;
margin:0 auto;
width:75%;
height:50%;}
.imageFooterBG:before {content:"";
position:absolute;
top:-5%;
left:-5%;
width:95%;
height:95%;
background:#dfd6c7;
z-index:-1;
display:none;}
.instaPadBot {padding-bottom:0px;}
.langWrapper {color:#ffffff;background-color:#596d86;padding-left: 0;padding:10px;border-bottom:0px solid #f0f0f0; margin:0 auto; }
.leftSocial {float:left;
margin:0;
width:100%;
margin:10px auto 0;
display:table;}
.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;}
.marginLR100 {margin:0 10px;}
.marginLR45 {margin:0 10px;}
.menuTextCont {padding: 0 20px !important;}
.menuTextCont a.bookNow {font-size:18px;font-weight:400;color:#ffffff;padding:10px 40px; display:flex; margin:16px 0;font-style: normal;}
.menuTextCont a.bookNow:hover {padding:10px 40px; display:flex; margin:16px 0;font-style: normal;}
.menuTextCont a.bookNow:before {font-size:18px;
padding:10px;}
.menuTextCont a.bookNowMobile {font-size:18px;font-weight:400;color:#ffffff;background-color:#596d86;padding:10px 40px; display:flex; margin:16px 0;}
.menuTextCont a.bookNowMobile:hover {padding:10px 40px; display:flex;
margin:5px 0 16px;font-size: 18px;color:#fff;}
.menuTextCont a.bookNowMobile:before {font-size:18px;
padding:10px;}
.menuTextCont a.bookNowMobile:after {display:none;}
.menuTextCont a.bookNowMobile:hover:before {padding:10px;}
.menuTextCont a.bookNowMobile:hover:after {display:none;}
.menu_ul {background-color:#ffffff;border-bottom:2px solid;padding-top: 15px !important;
margin-block-start: 0;
padding-top: 0;
margin-block-end: 0;
padding-top: 0 !important;}
.mobImgBg .img {}
.moreButton {text-align:center; right:unset; left:unset; float:unset;text-align:left;}
.moreButtonBreak {text-align:left;}
.moreRoomsTitle {font-family:var(--secondary_font);font-size:35px;line-height:55px;font-weight:400;position:relative;
padding-bottom:50px;
margin-left:0;}
.nav {position:fixed;
top:0;
left:0;
right:0;
background:transparent;
z-index:60;
padding:0 0px;}
.nav .open {position:fixed;
top:0px;}
.noMobile {display:none;}
.offerListbg {padding:50px 0px;
z-index:-5;
margin-bottom:80px;}
.paddBott100to80 {padding-bottom:0px;}
.padding200 {padding-bottom:80px;
padding-bottom: 30px;}
.paddingAcc {padding-top:50px;
padding-bottom:0px;}
.paddingBottomForm {padding-bottom:80px;}
.paddingInternalMob {padding-bottom:100px;}
.parallaxImage {height: 180px;
height: 300px;
background-size: cover;
height: 100vw;}
.pdfsSection {grid-template-columns: 300px;
row-gap:20px;justify-content: start;}
.photoGalleryBG {position:relative;}
.reservationBG {padding: 60px 20px 45px;
background:#;
position:relative;
z-index:0;}
.restaurantText {padding:0px 20px 35px; 
position:relative;
width:100%;
margin-bottom:80px;text-align:justify;}
.restaurantText:before {content:"";
display:block;
position:absolute;
background:#f3ede3;
width:70%;
height:110%;
top:-40px;
bottom:0;
left:0;
right:0;
z-index:-3;
}
.rightToCenter {text-align:center;}
.roomImgDetail {display:table;
margin:0 auto;
width:95%;
position:relative;}
.roomImgDetail:before {content:"";
position:absolute;
top:-20px;
left:-20px;
width:98%;
height:90%;
z-index:-1;}
.roomsIntText {padding-top:0;text-align:justify;}
.roomsLineHor {}
.roomsSubCatsBG {position:relative;}
.roomsSubCatsBG:before {content:"";
position:absolute;
background:#596d86;
width:100%;
height:100%;
top:0;
left:0;
right:0;
z-index:-2;}
.roomTitleSlider {font-family:var(--secondary_font);font-size:26px;line-height:30px;font-weight:500;padding:0 20px;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: grid;
    column-gap: 30px;
    row-gap: 0px;
    grid-template-columns: 1fr;
    align-items: end;}
.servicesBG {padding: 60px 35px 45px;
background:#;
position:relative;
z-index:0;
display:grid;
grid-template-columns:1fr;
column-gap:70px;
margin-top:30px;
row-gap:50px;}
.socialSection {padding: 0 30px 0 30px;}
.splide__arrows {
    width: 210px !important;
    bottom: -20px !important;
    top: unset !important;}
.splide__list {/*height:auto !important;*/}
.sticky {position:fixed;
background:linear-gradient(180deg,rgba(0 0 0/70%) 0%,rgba(0 0 0/10%) 100%);}
.sticky .menu_icon {margin: 25px 0px 10px 30px;}
.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;}
.subMenu {
display: grid !important;
justify-content: flex-start;}
.textLtoC {text-align:center;}
.textRtoC {text-align:center;text-align:center;}
.textRtoL {text-align:left;}
.top75 {padding-top:0px;}
.topBotPad {padding-bottom:0px;}
.topDefaultFacilities {padding-top:20px;}
.topDefaultRecord {padding-top:20px;}
.topGastSlider {padding-top:30px;}
.topGastSlider .gridWelcomeLeft {padding-top:0;}
.topLinksSection a.rootMenu {font-size:15px;}
.topLinksSection a.rootMenu:hover {font-size:15px;}
.topLinksSection a.rootMenuSel {font-size:15px;}
.topLinksSection a.rootMenuSel:hover {font-size:15px;}
.topNoHeader {padding-top:85px; background:none;
border-bottom:2px solid #000000;}
.ul_submenu {margin-left: 25px;
padding-inline-start:0;
margin-left:0;}
.usefulText {font-size:11px;font-weight:400;color:#000;padding:10px 0;

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;text-align:center;}
.welcomeBGRight {position:relative;}
.welcomeBGRight:after {height:110%;
width:10%;
bottom:0;}
.welcomeText {/*    width: 100%;
    margin-left: 0;
    padding-right:25px;
    padding-left:15px;*/text-align:justify;}
.welcomeTitle h1 {font-family:var(--default_font);font-size:30px;line-height:40px;font-weight:100;color:#000000;position:relative; background:none;letter-spacing:3px;text-align:center;}
.welcomeTitle h2 {font-size:30px;position:relative; background:none;
padding-bottom:35px;letter-spacing:3px;text-align:center;}
.widthLarge {width:100%;margin:auto;padding:0 20px;}
.widthLarger {width:100%; margin:0; padding:0 20px;}
}


a:link, a:visited {
    /*color:#ffffff;*/
}
html {
  scroll-padding-top: 8rem;
  scroll-behavior: smooth;
}

@media(max-width:680px){
    html {
      scroll-padding-top: 15rem;
    }
}
/*.menu.overlay {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    background: rgba(255,255,255,.9);
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .35s,visibility .35s,height .35s;
    transition: opacity .35s,visibility .35s,height .35s;
    overflow: hidden;
    z-index: 62;
}
.menu.overlay.open {
    opacity: 1;
    visibility: visible;
    height: 100%;
    width:100%;
    
}*/
#nav {
    position:relative;
    z-index:999;
}

#nav .open:before {
    /*height:100vh;*/
    width:100%;
    background:#596d86;
    z-index:-1;
}

#nav .open span{
    background:#596d86;
}

.menu.overlay {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    background: rgba(255,255,255,1);
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .6s;
    transition: all .6s;
    overflow: hidden;
    z-index: 62;
}
.menu.overlay.open {
    opacity: 1;
    visibility: visible;
    width: 100%;
    width: 650px;
    overflow: hidden;
    /*overflow-y:scroll;*/
}
.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;
}

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

.menuTextCont {
    max-width:840px;
    width:100%;
    margin-top: 0vh;
    max-width: 515px;
    padding-left: 40px;
    margin: auto;
}

.menuTextCont ul{
    list-style-type:none;
    padding-inline-start:0;
}

.logoMenuGrid{
    display: grid;
    grid-template-columns: 3fr 1fr;
    grid-template-columns: 1fr;
    align-items: end;
    justify-items: start;
}

.menuTextCont .logoPaddMenu{
   max-width:150px;
}

.MenuSocialGrid{
    display:grid;
    grid-template-columns:2fr 1fr;
    grid-template-columns:1fr;
    align-items:start;
}

.tableAutoSocial{
    display:table;
    margin:0 auto;
}

.socialCont{
    display:grid;
    grid-template-columns:1fr 1fr;
    align-items: center;
    justify-items: center;
}

.socialCont .social{
    border:0;
    font-size:25px;
    padding:0 10px;
}

.socialCont .social:hover{
    border:0;
    font-size:25px;
    padding:0 10px;
}


@media screen and (max-width:1024px){

    .menuTextCont{
        width:80%;
        margin-top:15vh;
        margin: auto;
    }
}

@media screen and (max-width:820px){

    .menuTextCont{
        margin-top:15vh;
        /*margin: auto;*/
    }
}


@media screen and (max-height:900px){
    .menu__inner{
        /*overflow-y:scroll;*/
        align-items: start;
    }
    
    .menu.overlay.open{
        /*overflow-y:scroll;*/
    }
    .menuTextCont{
        margin-top: 5vh;
        margin: auto;
    }
    .menuTextCont a.bookNow{
        margin: 0px auto 15px !important;
        padding: 10px 60px !important;
    }
    .menuTextCont a.bookNow:before{
        padding: 10px 20px !important;
    }
}

@media screen and (max-width:680px){
    .menu.overlay.open{
       width: 100%;
    }
    .menuTextCont{
        position: absolute;
        z-index: 3;
        width: 100%;
        bottom: 10px;
        top: 40px;
        /*padding: 0 40px;*/
        overflow-y: scroll;
        margin-top: 5vh;
    }
    
    .nav.open {
        position:fixed;
        top:15px;
        background:rgb(255,255,255);
    }
    
    .nav.open .topMobile{
        position:relative;
    }
    
    .nav.open .bookNowMobile{
        margin-top:5px;
    }
    
    .logoMenuGrid{
        grid-template-columns:1fr;
    }
    
    .menuTextCont .logoPaddMenu{
        max-width:200px;
        display:table;
        margin:0 auto;
    }
    
    .MenuSocialGrid{
        grid-template-columns:1fr;
    }
    
    .socialCont {
        order:0;
        padding-top:0px;
    }
    
    .menu_ul{
        order:1;
        border-bottom:0;
    }
    .mobileGRIDlangs{
        display: grid;
        grid-template-columns: 1fr 1fr;
        align-items: center;
     /*   background: #f3ede3;*/
        padding: 10px 0;
        margin-top:15px;
        margin-top:0;
    }
    
    .socialCont .social{
        line-height:15px;
    }
}


.menu_icon{ width: 40px; height: 35px; display: table; position: relative; margin: 41px 30px 25px 16px; -webkit-tap-highlight-color: rgba(0,0,0,0); }
.menu_icon>span{ display: block;	position: absolute; height: 3px; width: 100%; background: #fff; border-radius: 3px;	opacity: 1;	left: 0;  -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; }
.menu_icon:before{content:''; background-color:#000000; position:absolute; top:-12px; bottom:0; right:0; left:-16px; width:45px; height:45px;}
#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; z-index:999; }
/* 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.open span{height: 1px; width: 100%; background: #596d86;}
.menu_icon.open:before{ background-color:transparent !important; }
.menu_icon > span:nth-child(1){ top:25%; opacity:0 }
.menu_icon > span:nth-child(2){ top:25%;}
.menu_icon > span:nth-child(3){ top:25%;}
.menu_icon > span:nth-child(4){ top:50%;}
.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; }
#nav>ul, #nav:target > ul{	display:none; }  

@media(max-width:820px){
    .menu_icon{margin: 41px 30px 25px 45px;}
}


@media(max-width:680px){
    .menu_icon>span{ display: block;	position: absolute; height: 3px;	width: 100%; background: #fff; border-radius: 0px;	opacity: 1;	left: 0; -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; }
    .menu_icon{margin: 25px 0 10px 30px;}
    .menu_icon:before{background-color:#000000;}
    .menu_icon.open span{height: 1px; width: 100%; background: #596d86;}
    .menu_icon.open:before{ background-color:transparent ; }
}


    .splide__pagination {
        z-index: 0;
    }

    .videoContainer {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .videoLoader {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 40;
        display: flex;
        align-items: center;
        justify-content: center;
        opacity: 0.9;
        background: repeating-linear-gradient(45deg, #fafafa, #fafafa 2px, #fff 2px, #fff 8px);
    }

    .fast-spin {
        -webkit-animation: fa-spin .5s infinite linear;
        animation: fa-spin .5s infinite linear;
    }

    .splide__progress {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
    }

    .splide__progress__bar {
        background: rgba(0, 0, 0, 0.2);
        height: 4px;
    }


    input[type='checkbox'] {
        background-color: transparent;
        accent-color: #9d6f17;
    }
    input[type='checkbox']:checked {
        box-shadow: 0px 0px 0px 0px rgba(0,0,0,1);
    }
    /*input[type="checkbox"]:checked::before {*/
    /*    transform: scale(1);*/
    /*}*/




.honeypot {
    display: none !important;
}



    .modal {
        display: none; /* Hidden by default */
        position: fixed;
        z-index: 1000;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.6);
    }
    
    /* Modal box */
    .modal-content-weather {
        background-color: #fff;
        margin: 10% auto;
        width: 300px;
        border-radius: 0;
        position: relative;
    }
    
    .modal-content-currency {
        background-color: #fff;
        margin: 10% auto;
        width: 150px;
        border-radius: 0;
        position: relative;
    }
    
    .modal-content-time {
        background-color: #fff;
        margin: 10% auto;
        width: 350px;
        border-radius: 0;
        position: relative;
    }
    
    /* Close button */
    .close {
        color: #aaa;
        float: right;
        font-size: 24px;
        cursor: pointer;
        position:absolute;
        right:0;
        top:0;
        background:#fff;
        height: 30px;
        width: 30px;
        display: flex;
        justify-content: center;
    }
    
    .close:hover {
        color: #000;
    }
    
    div.aw-widget-current-inner {
        padding:0 !important;
    }
    


@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;
    }
}