/* -----------------
  font-family: "Marcellus", serif;
--------------------- */

@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400..900;1,6..96,400..900&family=Literata:ital,opsz,wght@0,7..72,200..900;1,7..72,200..900&family=Quattrocento+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Space+Grotesk:wght@300..700&display=swap');

@import url(../fonts/stylesheet.css);


.hiddenTitle { width: 0; height: 0; overflow: hidden;}
/* Scrollbar Styling */
::-webkit-scrollbar {  width: 8px;  height: 8px; } 
::-webkit-scrollbar-track {  background-clip: content-box;  border: 2px solid transparent; }
::-webkit-scrollbar-thumb {  background-color: #000; }
::-webkit-scrollbar-thumb:hover {  background-color:  #000 }
::-webkit-scrollbar-corner, ::-webkit-scrollbar-track {  background-color: var(--titleColor); ; }
/*  */ 
.mobMenu { display: none;}
/* -------------------------- Reset   -------------------------- */
*, *::before, *::after {     box-sizing: border-box;  }
* {    margin: 0;  }
body {    line-height: 1.5;    -webkit-font-smoothing: antialiased;   }
picture, video, canvas, svg {    display: block;    max-width: 100%; height: auto; vertical-align: top;  }
img, svg {  max-width: 100%; height: auto; vertical-align: top; }
input, button, textarea, select {    font: inherit;  }
p, h1, h2, h3, h4, h5, h6 {    overflow-wrap: break-word;  }
ul, li, p, h1, h2, h3, h4, h5, h6, img, figure, article, section, figure, img  { padding: 0; margin: 0;}
ul, li, ol { list-style-type: none; } a:link, a:visited { text-decoration: none; color: var(--color); display: inline-block;}
:root { --gutter:120px 0; --gutter40:40px; --gutter60:60px 0; --gutter80:80px 0; --color:#1e1e1e; --titleColor:#416f31;  --border:1px solid #c9c7c7; --primaryButton:#1d407d; --mainTitle:#00416b  }
.flex-container {  display: flex;  flex-direction: row;  flex-wrap: wrap;  justify-content: space-between;  align-items: normal;  align-content: normal; }
.img-full { width: 100%; height: auto;} 
.text-cap { text-transform: uppercase;} .text-center { text-align: center; }
#page {       font-family: "Plus Jakarta Sans", sans-serif; font-size: 14pt; letter-spacing: 1px; font-weight: 500; line-height: 24px; color: var(--color); text-align: justify; background: #edf5e8; width: 100%; overflow: hidden;}
h1, h2, h3, h5, h4, h6, .hme-res-wrapp p {  /*  font-family: "Literata", serif; */  font-family: 'Elegant'; }
.hme-res-wrapp p { font-weight: 400;}

p { padding: 10px 0; line-height: 28px;} address { font-style: normal;}
/* -------------------------- Reset   -------------------------- */
/* -------------------------- Common   -------------------------- */
.container { max-width: 1400px; width: calc(100% - 0px); padding: 0; margin: 0 auto;}
.two-column-wrapp { gap: 60px; } .two-column { width: calc(50% - 30px);} .align-center { align-items: center; } .img-radius, .border-radius { border-radius: 25px; overflow: hidden;}
.full-link { position: absolute; left: 0; top: 0; z-index: 100; width: 100%; height: 100%;}
.spacer-image { padding: var(--gutter60)} .middle-text { max-width: 1000px; margin: 0 auto;} .clear { float: none; clear: both;}
/* -------------------------- Common   -------------------------- */
.hme-explore-wrapp, .hme-dining-wrapp, .hme-expe-slider { padding: var(--gutter); }
.header-wrapp { position: fixed; top: 0; left: 0; z-index: 6000; width: 100%; }
.header-align { padding: 15px 50px; position: relative; transition: all 0.5s ease;  background-color: rgba(237,245,232,0); align-items: center;}
.header-fix .header-align { padding: 12px 50px; background-color: rgba(237,245,232,1); }
.menu-header-fix .header-align {  background-color: rgba(237,245,232,0) !important; }
#site-logo:link, #site-logo:visited { display: block;  width: 230px; position: absolute; top: 0px; padding: 30px; transform: translateX(-50%); left: 50%; transition: all 0.5s ease; }
.sub-page #site-logo { background-color: rgba(237,245,232,1); height: auto; border-bottom-right-radius: 20px;	border-bottom-left-radius: 20px; transition: all 0.5s ease; padding: 17px 15px; width: 180px; }
.sub-page .header-align { background-color: rgba(237,245,232,1)} .sub-page .header-fix .header-align {  background-color: rgba(237,245,232,1)}
.menu-hide { opacity: 0 !important; visibility: none;}
#site-logo-overlay { display: block; width: 180px; position: fixed; top: 20px; left: 50%; transform: translateX(-50%);}
.header-fix #site-logo:link, #site-logo:visited { top: 0px; padding-top: 8px;} #site-logo svg { width: auto; height: auto;}
.sub-page .header-fix #site-logo { height: auto; padding-bottom: 0;}
#site-logo figure { position: relative; display: flex; justify-content: center; flex-wrap: wrap;}
#site-logo .logo-static { width: 100%; position: absolute; top: 0; left: 0; opacity: 1; } #site-logo .logo-icon { width: 68px; transform: translateX(-5px);  }
.header-fix #site-logo .logo-static { opacity: 0;  display: none;  }
.banner-wrapp { position: relative; padding-bottom: 0;}
.banner-wrapp:after, .bottom-shape::after,  .overview-mist-wrapp::after { content: ""; display: block; width: 100%; position: absolute; bottom: -2px; left: 0; z-index: 1500; background-image: url(../images/banner/banner-bg.webp); height: 331px; background-position: center bottom; background-size: 100% auto; background-repeat: no-repeat;}
.banner-caption { position: absolute; width: 100%; left: 50%; top: 0; transform: translate(-50%, 400px); z-index: 1200; text-align: center;}
.banner-wrapp:after, .bottom-shape::after { transition: all 0.5s ease; height: 331px; background-size: 100% 100%;}
/*.show-btm.banner-wrapp:after, .in-viewport.bottom-shape:after  { height: 331px;} */
.bottom-shape { height: 331px; position: absolute; bottom: 0; width: 100%;}

.menu-open #site-logo { display: none !important;  }





.banner-caption h1 span, .banner-caption h2 span {	color: transparent;	animation: blur 5s ease-out forwards; 	animation-delay: 2s; }
.banner-caption h1 span:nth-child(1) { 	animation-delay: 2.1s; }
.banner-caption h1  span:nth-child(2) { 	animation-delay: 2.2s;	}
.banner-caption h1 span:nth-child(3) { 	animation-delay: 2.3s;	}
.banner-caption h1 span:nth-child(4) {	animation-delay: 2.4s; }
.banner-caption h1 span:nth-child(5) {	animation-delay: 2.5s; }
.banner-caption h1 span:nth-child(6) {	animation-delay: 2.6s; }
.banner-caption h1 span:nth-child(7) {	animation-delay: 2.7s; }
.banner-caption h2 span { animation-delay: 2.5;}
.banner-caption h2 span:nth-child(1) {	animation-delay: 2.6s; }
.banner-caption h2  span:nth-child(2) {	animation-delay: 2.7s; }
.banner-caption h2 span:nth-child(3) {	animation-delay: 2.8s;	}
.banner-caption h2 span:nth-child(4) {	animation-delay: 2.9s;	}
@keyframes blur {
	0%		{text-shadow:  0 0 100px #fff; opacity:0;}
	100%		{text-shadow:  0 0 0px #fff; opacity: 1;}
/*	20%		{text-shadow:  0 0 0px #fff;}
	80%		{text-shadow:  0 0 0px #fff;}
	100%		{opacity: 1;}
	95%		{text-shadow:  0 0 90px #fff;}
	100%	{text-shadow:  0 0 100px #fff; opacity:0;} */
}
.round-logo-text, .round-logo { width: 280px; position: absolute; bottom: -113px; left: 50%; transform: translateX(-50%); z-index: 2000; }
.round-logo figure, .round-logo-text figure { position: relative;}
.round-logo-text { bottom: 162px; }
.round-logo-text-white { mix-blend-mode:luminosity; z-index: 2100;}
#log-letter { opacity: 1;  transition: all 0.5s eae; }
.header-fix #log-letter  { opacity: 0; animation: logoLeteerANim 0.5s ease; animation-delay: 0.5s;}
@keyframes  logoLeteerANim {
0% { display: block; }
100% { display: none; }
}
.rnd-logo-text-anim { position: absolute; left: 0; top:auto; z-index: 100; animation: rotate-animation 25s infinite linear; }
@keyframes rotate-animation {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.hme-res-wrapp { padding: 160px 0 0px;} .hme-res-wrapp article { max-width: 1200px; margin: 0 auto;  }
.welcome-wrapp { position: relative; z-index: 1200;  align-items: center; width: 100%; background-image: url(../images/welcome-bg.webp); background-repeat: repeat-x; background-size: cover; color: #fff;}
.welcome-title { width: 1000px; margin: 0 auto; padding-top: 80px; } .welcome-left, .welcome-right { width: calc(50% - 0px); } .welcome-right figrue { width: 360px;}
.welcome-left { padding-right: 60px; left: 0; position: absolute; bottom: -250px;} .welcome-right { padding-left: 60px; padding-bottom: 150px; } .welcome-content-wrapp { padding-top: 100px; position: relative; justify-content: flex-end;}
.welcome-right figure {  margin-bottom: 200px;}
.welcome-left p, .welcome-right p { font-size: 24pt; line-height: 33pt;} .welcome-left p { padding-bottom: 120px;}
.hme-villa-banner  { position: relative; } .hme-villa-heading  { position: absolute; bottom:0 ; left: 0; text-align: center; width: 100%;}
.hme-stay-wrapp { padding: var(--gutter); background-color: #edf5e8;  }
.hme-explore-wrapp { /* background-image: url(../images/hme-explore-bottom.webp); */ background-repeat: no-repeat; background-position:center bottom; background-color: #fff; padding-bottom:0; }

.hme-stay-wrapp { padding-top: 60px;}
.hme-explor-blk { align-items: center;  } .hme-explor-blk article, .hme-explor-blk figure { width: calc(50% - 0px);}
.hme-explor-blk article { padding-right: 80px;} .hme-explor-blk:nth-child(odd) article { padding-left: 80px; } .hme-explor-blk-center { margin: var(--gutter60); }
.hme-explor-blk:nth-child(odd) { flex-direction: row-reverse; }
.explr-hme-bottom {  position: relative; height: auto; }
.explr-hme-video-top { width: 100%; position: absolute; z-index: 500; top: 0; left: 0;}
.explr-hme-bottom video {
  width: 100%; /* Makes the video take up the full width of its parent container */
  height: auto; /* Maintains the video's aspect ratio */
  display: block; /* Removes any extra space below the video element */
}
.hme-dining-wrapp { padding-bottom: 60px; }
.hme-testi-wrapp .container, .middle-text { max-width: 1000px; margin: 0 auto; }
.hme-dining-image { max-width: 1700px; margin: 0 auto; padding:50px 60px 0 60px; }
.hme-testi-wrapp { position: relative; padding: var(--gutter);  padding-top: 0px; }
.overview-mist-wrapp { position: relative; padding-bottom: 80px;}
.hme-testi-wrapp .bottom-shape::after, .overview-mist-wrapp::after { background-image: url(../images/page-section-white.webp); }
.hme-testi-wrapp .container { position: relative; z-index: 1800; } .hme-expe-slider { background-color: #fff; }
.expe-slider figure { position: relative; } .expe-slider figcaption { position: absolute; top: 40px; left: 0; width: 100%; text-align: center; }
.footer-wrapp { background-color: #052918; font-size: 11.5pt; } .footer-top { padding: 60px 0; color: #fff;}
.footer-left, .footer-right { width: calc(50% - 0px);} 
.footer-address { position: relative; align-items: center;} .f-menu { padding-right: 250px;}
.f-menu a:link, .f-menu a:visited { display: block; padding: 8px 0; color: #afafaf;}
.footer-address a:link, .footer-address a:visited { color: #afafaf;}
.footer-address { color: #afafaf } 
.footer-address p { padding: 5px 0 5px 40px; }
.f-logo { width: calc(200px - 0px); transform: translateX(-100px);}
.f-loc, .f-call, .f-mail { background-image: url(../images/icons/f-loc.webp); background-repeat: no-repeat; background-position: left 10px;}
.f-call { background-image: url(../images/icons/f-call.webp); background-position: left 8px; } .f-mail  { background-image: url(../images/icons/f-mail.webp); background-position: left 8px; }
.cpr-wrapp { background-color: #06301c; padding: 35px 0; color: #a5ada8; } .design a:link, .design a:visited {  color: #a5ada8; }
.header-right { gap: 20px;} #sub-page, .overview-mist-wrapp, .sub-bottom-wrapp { padding: var(--gutter80); }
#sub-page { background-color: #fff } 
.page-title { text-align: center; color: var(--titleColor); padding-bottom: 20px; border-bottom: 1px solid #d2d2d2; }
.sub-page-content { padding: var(--gutter60);  padding-bottom: 0;}
.overview-twoClmn-wrapp { align-items: center; padding: 20px ;}
.overview-top-cnt, .overview-top-image { width:calc(50% - 0px);}
.overview-twoClmn-wrapp:nth-child(odd) .overview-top-cnt { padding-right: 100px;}
.overview-twoClmn-wrapp:nth-child(even)  { flex-direction: row-reverse; }
.overview-twoClmn-wrapp:nth-child(even) .overview-top-cnt { padding-left: 100px;}
.overview-top { padding: 0 80px 80px 80px;}
.overview-parallax { height: 420px; background-image: url(../images/overview-parallax-image.webp); background-position: center top; background-size: cover; background-attachment: fixed;}
.overview-mist-wrapp {  padding-bottom:0px; }
.overivew-mist-image { padding: 45px 0 60px;}
.villas-landing-wrapp { gap:80px} .villas-land-block { width: calc(50% - 40px); text-align: center;}
.tariff-wrapp { gap: 30px; justify-content: center;} .villas-tariff-block { width: calc(33.333% - 30px);}
.land-btns-block { justify-content: center; gap: 10px; position: absolute; bottom: 0; left: 0; width: 100%; z-index: 120;}
.villas-land-block .align { position: relative; padding-bottom: 22px;}
.facil-wrapp  { gap: 40px;} .facil-block { width: calc(50% - 20px); text-align-last:center; } .facil-block article { padding: 25px 50px; padding-bottom: 0; }
.villa-single-wrapp { max-width: 1100px; margin: 0 auto;}
.room-single-menu ul { justify-content: center;} .room-single-menu li { transition: all 0.5s ease; display: block; margin: 5px 0;  } .room-single-menu a:link, .room-single-menu a:visited { display: block; padding: 10px 20px 10px 25px; font-size: 13pt; position: relative; border-radius: 15px; overflow: hidden;  }
.room-single-menu li { padding: 0 4px;}
.room-single-menu a:link, .room-single-menu a:visited { border:1px solid #c7cba2; border-radius: 5px;}
.room-single-menu a::before { content: ""; display: block; position: absolute; width: 0; height: 100%; left: 0; top: 0; transition: all 0.5s ease; background-color: #c7cba2;}
.room-single-menu li:hover a:before { width: 100%; }  .room-single-menu li a span { position: relative; z-index: 100;}

.room-single-menu a.active:before { background-color: #c7cba2; width: 100%; border-color: #fff;}

.villa-main-wrapp { padding: var(--gutter60);}
.image-thumb-gallery ul { justify-content: center;}
.image-thumb-gallery li { display: block; width: calc(25% - 0px); padding: 40px 10px 0 10px; } .image-thumb-gallery li figure { border-radius: 15px; overflow: hidden;}
.villa-attributes { background-color: #faf8d9; padding: 45px; border-radius: 20px;}
.attributes-top { align-items: center; } .attrib-list { padding-top: 25px; gap:30px} .attrib-list ul { width: calc(50% - 15px);}
.attrib-list li, .listing li { display: block; padding: 10px 0 10px 15px; position: relative; font-size: 12.5pt;} 
.attrib-list li::before, .listing li::before { content: ""; display: block; position: absolute; left: 0; top: 17px; background-color: #d1d0bf; width: 8px; height: 8px; border-radius: 50%;}
.experi-blk { padding: 30px; width: calc(100% - 0px); border: var(--border); margin-left: 0px; margin-top: 0px; }
.experi-blk figure { float: right; margin:20px 0px 15px 35px; }
.experi-blk:nth-child(even) figure { float: left; margin-left: 0px; margin-right: 35px; }


.expe-gallery ul {gap: 20px;} .expe-gallery li { display: block; width: calc(33% - 10px);}
.experi-blk-full { width: calc(100% - 0px);}
.contact-wrapp {  border: var(--border);}
.contact-address {width: calc(45% - 0px); text-align: center; padding: 50px 0;}
.google-map { width: calc(55% - 0px); } .google-map {  position: relative } .google-map iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.cnt-logo {padding-bottom: 20px;}
.cnt-logo img  { width: 150px;} .distance-chart { font-size: 12.5pt; padding-top: 20px; }
.distance-chart { border-top: var(--border); margin-top: 20px; padding-left:25px; padding-right: 25px; }
.form-group td, .booking-form select.form-control~.form-label  { font-size: 13pt; }
.booking-form select.form-control~.form-label { padding-right: 45px;}
.paxGroup { margin-top: 15px;}
.booking-form .input-not-empty select.form-control~.form-label { font-size: 10pt;}
.booking-form select.form-control { padding-right: 15px;}
.booking-form .flex-container.paxGroup { flex-wrap: nowrap; width: 100%;}
.pax-item-pax, .pax-item-adult, .pax-item { width: calc(100% - 0px); padding-right: 0px; white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis; } .booking-form .submit-btn { background-color: var(--titleColor);}
.villas-tariff-block figure { position: relative; border-radius: 10px; overflow: hidden; } .villas-tariff-block figcaption { font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; position: absolute; right: 0; bottom: 0; padding: 10px 25px; border: 3px; background-color: var(--titleColor); color: #fff; font-weight: 400;}
.facil-block-full { text-align: center; border: var(--border); width: calc(100% - 0px); padding: 45px; background-color: #f9fff6;}
.gallery-menu {    border: 1px solid #f3f3f3;    border-left: none;    border-right: none; }
.gallery-menu ul {    justify-content: center; }
.gallery-menu a:link, .gallery-menu a:visited {    display: block;    padding: 20px 25px;    text-transform: uppercase; }
.gallery-menu a.active:link, .gallery-menu a.active:visited {    font-weight: 600;    background-color: rgba(0,0,0,0.1); }
.gallery-block {    padding-top: 40px ; } .gallery-block ul {    gap: 15px; }
.gallery-block li {    display: block;    width: calc(25% - 15px); }
.gallery-block img {    border-radius: 10px; }
.video-gallblk { width: 1000px; margin: 0 auto;} .video-gallery-block, .downloads-wrapp { padding-top: 50px;}
.stay-text-hme { padding: var(--gutter60); padding-top: 0; text-align-last: center; max-width: 1200px; margin: 0 auto; } .stay-text-hme p { line-height:28pt; font-size: 20pt; color: #064527;}

.tcblock { padding-top: 30px; border-top: var(--border); margin-top: 60px; }

/* ------------------------------------- */
h1, h2, h3, h4, h5 { letter-spacing: 2px; font-weight: 400;}
.hme-res-wrapp article p { font-size: 22pt;  text-align: center;  line-height: 34pt; color: #064527; }
.hme-villa-heading { color: #fff; font-size: 100pt; font-weight: 500; line-height:70pt;}
.widget-title { font-size: 40pt; line-height: 40pt; text-transform: uppercase; font-weight: 500; padding-bottom: 25px; }
.hme-mist-city-head { font-size: 30pt; line-height: 30pt;}
.widget-title span, .hme-mist-city-head span { display: block; font-size: 18pt;   line-height: 22pt; }
.small-heading { color: #909846; font-size: 28pt; line-height: 30pt; text-transform: uppercase; padding-bottom: 25px; }
.hme-mist-city-head {opacity: 0.5; padding-bottom: 45px; letter-spacing: 5px;}
.widget-title-med { font-size: 30pt; padding-bottom: 35pt; text-align: center; text-transform: uppercase; }
.expe-slider h4 { font-size: 22pt; } .expe-slider a:link, .expe-slider a:visited { color: #fff;}
.contact-heading { color:#507061; font-size: 16pt; text-transform: uppercase; padding-bottom: 20px; }
.banner-caption h1, .banner-caption h2 { color: #fff; letter-spacing: 5px;} 
.banner-caption h1 { font-size: 40pt; line-height: 40pt;} .banner-caption  h2 { font-size: 30pt; line-height: 30pt; padding-top: 10px; }
.page-title h1 { font-size: 34pt; line-height: 38pt; text-transform: uppercase; } .page-title h2 { font-size: 12pt; display: block; color:#3f423d; padding-bottom: 5px;}
.page-caption { text-align: center; text-transform: uppercase; color: var(--titleColor); font-size: 28pt; line-height: 30pt; padding-bottom: 30px;}
.sub-heading { font-size: 36pt; padding-bottom: 30px; line-height: 36pt; } .acc-slide-title { text-align: center; padding-top: 25px; text-transform: uppercase;}
.villa-land-title { font-size: 20pt; padding-bottom: 30px; text-transform: uppercase;}
.menu-heading  { color: #fff; font-size: 22px; width: 100%; padding-bottom: 15px; text-transform: uppercase;}
.villa-name { color: #909846; text-transform: uppercase; padding-bottom: 30px; font-size: 22pt; }
.attributes-top h3 { color: #444a06; font-size: 20pt;} .attributes-top span { display: block; font-size: 14pt; padding: 10px 0 0 0;}
.distance-chart h3 { font-size: 16pt; padding-bottom: 5px;} .distance-chart td { padding: 5px;}
.villa-tariff-title { text-align: center; padding: 15px 0; font-size: 16pt; text-transform: uppercase; }
.facil-block h3, .expe-title { color:#909846; text-transform: uppercase; padding: 10px 0; font-size: 18pt; text-align: left; line-height: 28pt; }
.testi-hme-cnt h4 { font-size: 20pt; padding-bottom: 15px;}

.testi-star { padding-bottom: 20px;}

/* ------------------------------------- */
.side-btns-block { gap: 10px; }
.btn a:link, .btn a:visited{ display: block; padding: 12px 30px; border-radius: 20px; font-size: 11pt; text-transform: uppercase; border: 1px solid rgba(255,255,255,0.4);  color: #fff;} 
.green-btn a:link, .green-btn a:visited { background-color: #416f31; transition: all 0.5s ease;} .orange-btn a:link,  .orange-btn a:visited { background-color: #e98402; transition: all 0.5s ease; }
.book-now-btn a:link, .book-now-btn a:visited { display: block; position: relative; background-color: #e98402; padding: 10px 30px; border-radius: 20px; color: #fff; text-transform: uppercase; font-size: 10pt; transition: all 0.5s ease; }
.book-now-btn a:hover { background-color: #b2690a;}
.green-btn a:hover { background-color: #457a33; }  .orange-btn a:hover { background-color: #bd7518; }

/* -------------------------- slick slider reset ---------------------------- */
.slider-nav { text-align: center;  max-width: 1000px; margin: 0 auto; padding-bottom: 35px; }
.slider-nav a:link, .slider-nav a:visited  { display: inline-block; padding:10px 25px;  font-size: 12pt; text-transform: uppercase; border: 1px solid #cedbcf; border-radius: 9px; margin: 8px 1px; font-weight: 500; }
.slider-nav a.active:link, .slider-nav a.active:visited { color: var(--color); background-color: #e2e3cd;}
.slick-next, .slick-prev, .slick-next:hover, .slick-prev:hover { right: 0; background-image: url(../images/icons/right-arrow.webp); width: 60px; height: 60px; background-size: cover; background-repeat: no-repeat; z-index: 200; opacity: 1; visibility: visible; display: block;}
.slick-prev, .slick-prev:hover { background-image: url(../images/icons/left-arrow.webp); right: auto; left: 0;}
.slick-prev:before, .slick-next:before { display: none; }
.slide-image { position: relative; border-radius: 40px; overflow: hidden;}
.slide-image a { display: block; position: relative;} 
.slide-image a::after { content: ""; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0+33,0.21+99 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 33%,rgba(0,0,0,0.3) 80%,rgba(0,0,0,0.5) 100%) /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
z-index: 100; }
.slide-image figcaption { position: absolute; bottom: 0; width: calc(100% - 0px); padding:0px 80px 50px 80px; z-index: 120; }
.slide-room-name { color: #fff; font-size: 30pt; text-transform: uppercase; line-height: 30pt;  }
.booknow-top a:link, .booknow-top a:visited { text-transform: uppercase; font-size: 11.5pt; padding: 10px 25px; color: #fff; border-radius: 8px;}
/* -------------------------- slick slider reset ---------------------------- */
/* ------------- primary menu ------------- */
.primary-menu { } .primary-menu li { display: inline-block; padding: 0;} 
.primary-menu {     padding: 0;   }
.primary-menu nav div, .resorts-sing-menu nav div {        }
.primary-menu ul, .resorts-sing-menu ul {    margin: 0px;    padding: 0px;    list-style-type: none;    position: relative; }
.primary-menu ul {  }
.primary-menu ul li {    display: inline-block; }
.primary-menu ul li a:link, .primary-menu ul li a:visited { 
  letter-spacing: 1px;  display: block; text-transform: uppercase; padding: 38px 15px; font-size: 12.5pt;   font-weight: 600;    }
.primary-menu ul li a:hover, .primary-menu ul li a.active:link, .primary-menu ul li a.active:visited, .services-single-page .dpMenuWhat a:link, .services-single-page .dpMenuWhat a:visited {  color: var(--titleColor);  }
.primary-menu ul li.dpMenu ul, .resorts-sing-menu ul li.dpMenu ul {    position: absolute;    min-width: auto;    width: 540px;    display:none; opacity: 0; box-shadow: 3px 3px 35px 0px rgba(0,0,0,0.45);  background:#fff; border-radius: 4px;  left: -35px;   }
.primary-menu ul li.dpMenu ul::before, .resorts-sing-menu ul li.dpMenu ul::before { content: ""; display: block; position: relative; z-index: 120; 
  width: 0px;   height: 0px;  border-style: solid;  border-width: 0 9px 16px 9px;  border-color: transparent transparent #fff transparent;  transform: rotate(0deg); transform: translate(30px, -15px); display: none}
   .primary-menu ul li.dpMenu-small ul, .resorts-sing-menu ul li.dpMenu-small ul,
  .primary-menu ul li.dpMenu-small ul li a, .resorts-sing-menu ul li.dpMenu-small ul li a
  { width: 190px; }
.primary-menu ul li.dpMenu ul li, .resorts-sing-menu ul li.dpMenu ul li {    display: block;      color: #000; }
.primary-menu ul li.dpMenu ul li:last-child a,  .resorts-sing-menu ul li.dpMenu ul li:last-child a { /* border: none !important; */ }
.primary-menu ul li.dpMenu:hover ul, .resorts-sing-menu ul li.dpMenu:hover ul {    display: flex;  animation: mymove 0.5s forwards; animation-delay: 0.2s; opacity: 0; transform: translateY(-2px);} 
@keyframes mymove {
    0% { opacity: 0; transform: translateY(-15px); }
    100% {opacity: 1; transform: translateY(-4px); }
}
.resorts-sing-menu ul li ul { padding: 30px 0 !important;  }
.primary-menu ul li .dpMenu:hover ul li, .resorts-sing-menu ul li .dpMenu:hover ul li { transition: all 0.5s ease; transform: translateY(100px); opacity: 1; padding: 60px; }
.primary-menu ul li ul li ul {    display: block !important; }
.primary-menu ul li ul li a, .resorts-sing-menu ul li ul li a {    width: calc(100%  - 0px); text-transform: uppercase;      padding:16px 20px !important;     border-bottom: var(--border); border-color: rgba(134, 102, 57, 0.2);; text-align:  left; }
.primary-menu ul li ul li.subDpMenu ul { display: none !important; }
.primary-menu ul li ul li.subDpMenu:hover ul { display: block !important; right: -196px; top: 40px;}
.dpMenu ul li a:link, .dpMenu ul li a:visited { color:var(--color) !important; letter-spacing: 0.5px;  font-size: 13px !important; }
.dpMenu ul li a:link span, .dpMenu ul li a:visited span { color:var(--color) !important; text-transform: capitalize;}
.resorts-sing-menu ul li ul.valle-dpM { margin-top: 20px !important;}
.primary-menu ul li .dpMenu:hover ul li, .resorts-sing-menu ul li .dpMenu:hover ul li { display: none !important; opacity: 0 !important; background-color: red;}
.primary-menu ul li.dpmenuHotel ul li { padding: 0 !important;}
.primary-menu ul li.dpmenuHotel ul li a:link, .primary-menu ul li.dpmenuHotel ul li a:visited { padding: 2px 0 2px 40px !important; display: block; width: calc(100% - 0px); text-transform: uppercase; }
.primary-menu ul li.dpmenuHotel .hote-res-hd { padding-left: 0 !important; }
.primary-menu ul li.dpmenuHotel ul li { display: block;}
.nav-hotel-menu { top: 47px; }
.primary-menu ul li ul li a:link, .primary-menu ul li ul li a:visited {  font-size: 11.5pt !important; }
.primary-menu ul li.dpmenuHotel ul li a:hover, .hote-res-menu a:hover { color: #fff !important }
.primary-menu ul li ul li a:link, .primary-menu ul li ul li a:visited, .primary-menu ul li.dpmenuHotel ul li a:link, .primary-menu ul li.dpmenuHotel ul li a:visited, .hote-res-menu a:link, .hote-res-menu a:visited  {   text-transform: uppercase;  text-align: left }
.primary-menu ul li.dpmenuHotel ul li a:link, .primary-menu ul li.dpmenuHotel ul li a:visited, .hote-res-menu a:link, .hote-res-menu a:visited  { }
.primary-menu ul li.dpMenu ul, .resorts-sing-menu ul li.dpMenu ul { padding: 12px 0 11px 0 !important }
.primary-menu ul li ul li a:hover, .primary-menu ul li ul li a.active:link, .primary-menu ul li ul li a.active:visited { }
.primary-menu ul li ul li:hover .menu-images-epoxy, 
.primary-menu ul li ul li:hover .menu-images-grouting,
.primary-menu ul li ul li:hover .menu-images-fitting { opacity: 1; z-index: 100;}
.primary-menu-full ul li a:link, .primary-menu-full ul li a:visited { font-size: 11.5pt; font-weight: 500;}
.primary-menu ul li.dpMenu ul li { width: calc(50% - 0px);}
/* ------------- primary menu ------------- */
/* -------------------------------------- Owl slider --------------------------- */
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
 .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/* -------------------------------------- Owl slider --------------------------- */
/* ---------------- menu --------------------- */
.hamburger {  width: 30px;   }
.hamburger .line {  width: 30px;  height: 2px;  background-color: #013333;  display: block;  margin: 5px auto;  -webkit-transition: all 0.3s ease-in-out;  -o-transition: all 0.3s ease-in-out;   transition: all 0.3s ease-in-out; }
.hamburger:hover {  cursor: pointer;}
/* ONE */
#hamburger-1.is-active .line:nth-child(2) {  opacity: 0;}
#hamburger-1.is-active .line:nth-child(1) {  -webkit-transform: translateY(6px) rotate(45deg);  -ms-transform: translateY(6px) rotate(45deg);  -o-transform: translateY(6px) rotate(45deg);   transform: translateY(6px) rotate(45deg);}
#hamburger-1.is-active .line:nth-child(3) {  -webkit-transform: translateY(-9px) rotate(-45deg);  -ms-transform: translateY(-9px) rotate(-45deg);  -o-transform: translateY(-9px) rotate(-45deg);  transform: translateY(-9px) rotate(-45deg); }
/* ------------------------------ */
.menu-overlay { position: fixed; width: 100%; height: 100vh; z-index: 4500;transform: translateX(-100%); transition: all 0.2s ease; top: 0; left: 0; }
.menu-overlay .align { position: relative; width: 100%; height: 100%; align-items: center;  background-color: #f8f9f1;  background-image: url(../images/vrindhavan-menu-bg.webp); background-repeat: no-repeat; background-position: center center; background-size: cover; opacity: 0; } 
.menu-links { width: 350px; padding: 0px;   } 
.menu-links-villas { width: 650px; padding-left: 100px; border-left: 1px solid rgba(255,255,255,0.2); }
.menu-contact {  width: 100%; text-align: center; padding-top: 50px; margin-top: 50px; border-top: 1px solid rgba(255,255,255,0.2)}
.menu-links a:link, .menu-links a:visited { display: block; padding: 15px 0 15px 30px; position: relative;   } .menu-links a:hover { color:var(--titleColor); }
.menu-contact a:link, .menu-contact, .menu-contact a:visited, .menu-links a:link, .menu-links a:visited { color: #fff;}
.menu-links li a::before { content: ""; display: block; background-color: #fff; position: absolute; width: 5px; height: 5px; border-radius: 50%; left: 12px; top: 23px; opacity: 0.5;}
.menu-overlay.menu-open { transform: translateX(0);  }
.primary-menu-overlay { width: 1100px; margin:200px auto 0 auto }
.menu-overlay.menu-open .align {animation: menuRevealAnim 0.5s ease forwards; animation-delay: 0.2s ; }
@keyframes menuRevealAnim  { 
  0% { opacity: 0;}
  100% { opacity: 1; }
}
.menu-header-fix .primary-menu { visibility: hidden; opacity: 0;}
.menu-header-fix .booknow-top a:link, .menu-header-fix .booknow-top a:visited { color: #fff; }
#hamburger-1.is-active .line:nth-child(3), #hamburger-1.is-active .line:nth-child(1) { background-color: #fff; }
.fancybox__container { z-index: 1000001; } 
/* ------------------ menu rolls ------- */
#site-logo-scrl img { width: 150px; height: auto; position: relative; z-index: 100;}
#site-logo-scrl {position: absolute; left: 50px; top: 10px; padding:0 20px 20px 20px;} .header-wrapp-sub { justify-content: right;}
#site-logo-scrl:after { position: absolute; content: ""; display: block; width: 100%; left: 0; bottom: 0; background-color: rgba(237,245,232,1); height: 79px; border-bottom-right-radius: 30px; border-bottom-left-radius: 30px; transition: all .5s ease; box-shadow: 0px 3px 4px 0px rgba(0,0,0,0);}
.header-wrapp {  box-shadow: 0px 3px 4px 0px rgba(0,0,0,0); }
.header-fix.header-wrapp  { box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.2);}
.header-fix #site-logo-scrl:after { bottom: 9px; background-color: rgba(237,245,232,1); box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.2); }
 .menu-header-fix   { box-shadow: 0px 3px 4px 0px rgba(0,0,0,0) !important} 

.home-page #site-logo-scrl { top: 1px;}

.header-scroll-section { display: none; opacity: 0; align-items: center; position: relative; width: 100%;}
.header-fix .primary-menu-scrl-hide, .header-fix #site-logo { animation: hmeScrlHide 0.5s forwards; opacity: 1; }
@keyframes hmeScrlHide {
	0% { opacity: 1; }
	100% { opacity: 0;  margin-top: -200px;}

}
.header-fix .header-scroll-section {  opacity: 0; transform: translateY(30px);  animation: hmeScrlShow 0.5s forwards;  display: flex;}
@keyframes hmeScrlShow {
	10% {  opacity: 0; transform: translateY(30px);  }
	11% { opacity: 0; transform: translateY(30px); }
	100% { opacity: 1; transform: translateY(0px);  }
}
.primary-menu-full { position: absolute; left: 50%; transform: translateX(-50%); width: 1045px; }
.header-right  { transition: all 0.5s ease;}
.header-fix  .header-right { position: absolute; right: 50px;}
/* ------------------ menu rolls ------- */
/* -------------- Smo ----------------- */
.cpr-wrapp .align { position: relative;}
.home-page .smo { position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
.sub-page  .cpr-wrapp .align  { flex-direction: row-reverse;}
.smo {     margin-top: 0px;    justify-content: center; }
.smo ul {    justify-content: center;}
.smo li, .smo-banner li {    display: block;    margin: 0 10px;    padding: 0;}
.smo svg, .smo-banner svg {    fill: #6a8377 }
.smo a:link, .smo a:visited, .smo-banner a:link, .smo-banner a:visited {     display: block; }
.smo li svg, .smo-banner li svg {    width: 10px;    height: auto; }
.smo li:nth-child(2n) svg {    width: 20px;}
.smo li:nth-child(3n) svg {    width: 19px;}
.smo li:nth-child(4n) svg {   width: 28px;}
.smo li:nth-child(5n) svg {    width: 30px; }
 .owl-carousel .owl-nav .owl-next span, .owl-carousel .owl-nav .owl-prev span { border-radius: 50%; text-indent: -9999px; display: block; width: 50px; height: 50px; background-image: url(../images/icons/right-arrow.webp); background-size: 100% auto; }
 .owl-carousel .owl-nav .owl-prev span  {  background-image: url(../images/icons/left-arrow.webp); }
  .owl-carousel .owl-nav .owl-next:hover, .owl-carousel .owl-nav .owl-prev:hover { background: none; background-color: transparent;}
   .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { position: absolute; top: 50%; transform: translateY(-50%); padding-bottom: 60px;}
   .owl-carousel .owl-nav .owl-next { right: -40px;} .owl-carousel .owl-nav .owl-prev { left: -40px;}

.hme-testi-wrapp  .owl-carousel .owl-nav .owl-next { right: -80px;}
 .hme-testi-wrapp   .owl-carousel .owl-nav .owl-prev { left: -80px;}




 .sidebar-treat, .tab-menu-edn-video { position: absolute; width: calc(360px - 0px); height: 100%; padding: 30px; border-radius: 15px; background-image: url(../images/sidebar-bg.webp); background-repeat: repeat-x;  }
.sidebar-treat a:link, .sidebar-treat a:visited { display: block; padding: 15px 15px; color: var(--whiteColor); text-transform: uppercase; font-size: 12pt; margin: 5px 0; }
.tab-menu-edn-video .tabs-list li { padding: 15px 15px; text-align: left; font-size: 12pt; background-color: transparent !important; border: none !important; }
.sidebar-treat a.active:link, .sidebar-treat a.active:visited,
.tab-menu-edn-video .tabs-list li.tab-active { background-color: var(--primaryColor) !important; border-radius: 10px !important;  letter-spacing: 1px;  }
   


 .round-logo-text, .round-logo {
        width: 225px; bottom:-96px
    }

    .round-logo-text {
    bottom: 125px;
}



.welcome-image-panning { width: 366px; height: 366px; background-image: url(../images/welcome-image-2-new.webp); border-radius: 50%; overflow: hidden; 
    background-repeat: repeat-x;
    background-position: 0 50%;
    background-size: auto 100%;
    animation: pan-x 100s linear infinite;

}



  @keyframes pan-x {
    from { background-position: 0 50%; }
    to   { background-position: 1000px 50%; } /* large value -> steady pan */
  }

  /* pause on hover */
  .pan-bg:hover { animation-play-state: paused; }

  /* respect motion preference */
  @media (prefers-reduced-motion: reduce) {
    .pan-bg { animation: none; }
  }



 .welcome-kanthallor-image { overflow: hidden; border-radius: 50%; width: 492px; height: 492px; z-index: 1200; position: relative;}
  .welcome-kanthallor-image img { transition: all 10s ease; transform: scale(2);}

    .welcome-kanthallor-image.animation-active  img {transform: scale(1);}

    .welcome-wrapp .container { position: relative; z-index: 1200;}


   .welcome-kanthallor-image, .welcome-right figure { border: 3px solid rgba(255,255,255,0.3);}
.banner-wrapp-sub { padding-top:75px; }


.sub-page #sub-page { background-color: rgba(237,245,232,1);}

.expe-slider figure::after { content: ""; display: block; position: absolute; width: 100%; height: 100%;

    left: 0;
    top: 0;


/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.5+0,0+43,0+100 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 43%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */



}

.expe-slider figcaption {z-index: 100;}

.welcome-wrapp .fog-holder { }
.welcome-wrapp::after { content: ""; display: block; width: 100%; height: 200px; 
  
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#edf5e8+0,edf5e8+100&1+0,1+19,0+58,0+100 */
background: linear-gradient(to bottom,  rgba(237,245,232,1) 0%,rgba(237,245,232,1) 19%,rgba(237,245,232,0) 58%,rgba(237,245,232,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */



  top: 0; left: 0; position: absolute; z-index: 800;




}