/* -----------------
  font-family: "Quattrocento", serif;
--------------------- */
.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   ----------
  /* -------------------------------------------------------------------------------------------- 
                                Mobile menu (mmenu)
  -------------------------------------------------------------------------------------------- */
  #hamburger {    left: 20px;    position: fixed;    top: 20px;    z-index: 5;}
  #page, body > .submenu {}
  #page {    box-shadow: none;    position: relative;    width: 100%;  }
  html.mm-opened #page {    overflow: hidden; }
  body.header #page {    background-position: calc(50% + 730px) -750px;}
  html, body{ padding: 0; margin: 0;}

  .content{   text-align: center; padding: 150px 50px 50px 50px; }
  
*, *::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 {  --gutter60:60px 0; --gutter:120px 0; --color:#32402a; --border:1px solid #e2e7d6; --primaryBtn:#9aa370; --titleColor:#9aa371 } 
.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; }  .large-text { font-size: 18pt; line-height: 28pt; padding-top: 20px; color: #856f57;}
.text-cap { text-transform: uppercase; } .text-center { text-align-last: center; }
#page {    font-family: "Quattrocento", serif;  font-size: 14pt; letter-spacing: 1px; font-weight: 400; line-height: 24pt; color: var(--color); text-align: justify; background-image: url(../images/home-bg.webp); background-position: center top; width: 100%;  } p { padding: 5px 0; line-height: 22pt;  } address { font-style: normal; }
.page-left { background-image: url(../images/home-bg-left.webp); background-position: left top; background-repeat: repeat-y;}
.page-right { background-image: url(../images/home-bg-right.webp); background-position: right top; background-repeat: repeat-y;}
.img-border { border-radius: 15px; }
/* -------------------------- Reset   -------------------------- */
.header-top a:link, .header-top a:visited, .header-top { color: #fff; font-size: 12.5pt; line-height: 14pt; }
/* -------------------------- Common   -------------------------- */
.container-large, .container { max-width: 1600px; width: calc(100% - 0px); padding: 0 100px; margin: 0 auto;} .container-large { max-width: 1900px;}
.container-full { width: calc(100% - 0px);  margin: 0 auto;}
.two-column-wrapp { gap: 120px; } .two-column { width: calc(50% - 60px);} .two-column-odd { flex-direction: row-reverse;} .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,  #sub-page { padding: var(--gutter60)} .middle-text { max-width: 1100px; margin: 0 auto;} .clear { float: none; clear: both;}
.img-right { float: right; padding-left: 80px;} .img-left { float: left; padding-right: 80px;}

.chbk { padding: 30px; text-align: center; font-size: 20pt;}
/* -------------------------- Common   -------------------------- */
.header-wrapp-home, .header-wrapp { position: fixed; top: 0; left: 0; width: 100%; z-index: 6000;  }
.header-wrapp-home  {padding: 30px 0 0 0;}
.header-wrapp-home .align, .header-wrapp .align { margin: 0 50px;  position: relative; width: calc(100% - 100px);}
.header-wrapp-home .align {justify-content: center;  }
.hme-top-btns { position: absolute; right: 0; gap: 20px;}
.header-right { gap: 15px; } .hme-head-left { position: absolute; left: 0;}
.header-wrapp-home {     opacity: 1;    transform: translateY(0px); } 
.header-hide {    animation: headerScrollHide 0.5s forwards; }
@keyframes headerScrollHide {
    0% {        opacity: 1;        transform: translateY(0px);     }
    100% {        opacity: 1;        transform: translateY(-150px);    }
}
.header-wrapp {    background-color: rgba(255,255,255,0); } 
.header-wrapp, .site-loago-sub, .logo-show-scroll, .logo-hide-scroll {    transition: all 0.5s ease; } 
.header-fix.header-wrapp {    padding: 15px 0;    background-color: rgb(237 232 226); }
#site-logo { width: 200px; }  .header-home-hide {    transform: translateY(-150px);    opacity: 0;    transition: all 0.5s ease; }
.header-fix.header-home-hide {    transform: translateY(0px);    opacity: 1 }
.header-right a:link, .header-right a:visited { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; text-transform: uppercase; font-size: 11pt; line-height: 11pt;}
.header-wrapp::after { content: ""; display: block; width: 100%; height: 0px; z-index: 100; position: absolute; left: 0; bottom: -10px; transition: all 0.5s ease; 
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.14+0,0+100 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.14) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
} .header-fix.header-wrapp::after { height: 10px;}
.home-banner-wrapp { position: relative; width: 100%;          height: 100vh;   /* fallback */   height: 100dvh;  /* modern browsers */ 
  background-image: url(../images/banner/eletaria-home-banner-min.webp); background-repeat: no-repeat; background-position: center center; background-size: cover; }
.site-caption { position: absolute; width: 100%; text-align: center; top: 50%; left: 0; z-index: 400;}
.explore-btn { position: absolute; z-index: 400; bottom: 30px; text-align: center; width: 100%; text-align: center; left: 0; }
.welcome-title h2 { text-align: center;} .welcome-title h2 span { display: block }
.hme-sty-cnt-left, .hme-sty-cnt-right, .welcome-text, .welcome-image, .event-img-home, .event-hme-cnt, .dining-image, .hme-dini-cnt,
.hme-ayur-image, .hme-ayur-content, .hme-amen-left, .hme-amen-right, .footer-menu, .footer-address, .events-block article, .events-block  figure, .welcome-video { width: calc(50% - 0px);}
.hme-dini-cnt p, .welcome-text { padding-left: 100px;}
.dining-image, .hme-dini-cnt p { padding-right: 50px;}
.footer-menu { padding-right: 120px;} .footer-address { padding-left: 50px;}
/* .welcome-content-wrapp .container { background-image: url(../images/welcome-image.webp); background-repeat: no-repeat; background-position: right center; background-size: auto 100%;  padding-top: 40px; padding-bottom: 20px;} */
.hme-stay-wrapp { background-image: url(../images/stay-with-bg.webp);}
.hme-sty-cnt-left, .hme-sty-cnt-right { color: #fff;}
.hme-sty-cnt-left {  align-items: flex-end; display: flex; flex-wrap: wrap;  }
.event-hme-cnt, .hme-sty-cnt-left { padding-right: 110px; }
.hme-ayur-content  { padding-left: 110px; }
.hme-stay-images { background-color: #fff; padding: 10px; }
.hme-stay-wrapp { position: relative; }
.stay-ivy-top, .stay-ivy-right { position: absolute; top: -38px; z-index: 1220; left: 300px; width: 390px; }
.stay-ivy-right { top: auto; left: auto; right: 0; bottom: -80px; width: 90px;}
.home-events-wrapp{ background-image: url(../images/hme-events-bg.webp); background-position:center bottom; }
.hme-event-title { font-size: 40pt; line-height: 36pt; padding-bottom: 40px; text-transform: uppercase; }
.stay-hme-btm { position: relative; } .event-ivy { position: absolute; left: 0; top: -50px;}  .hme-dining-wrapp { }
.hme-ding-ayur-bg { background-image: url(../images/home-bg-2.webp);  background-position: center top; }
.footer-stay-wrapp { background-image: url(../images/footer-slide-bg.webp); background-position: center top; background-repeat: repeat-x; }
.hme-ayur-wrapp { position: relative; } .hme-ayur-wrapp::after { content: ""; display: block; width: 100%; position: absolute; top: 0; left: 0; height: 100%; background-color: rgba(0,0,0,0.13); }
.hme-ayur-image { padding-right: 50px; } .hme-ayur-wrapp .container, .home-amenities-wrapp .container { position: relative; z-index: 100; }
.home-amenities-wrapp { background-image: url(../images/facilities-home-bg-new.webp); background-position: center center; position: relative;
  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}
.home-amenities-wrapp:before { content: ""; display: block; width: 100%; height: 100%; position: absolute;  left: 0; top: 0;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#073f20+0,073f20+50,073f20+100&0.92+18,0+100 */
background: linear-gradient(to right,  rgba(7,63,32,0.92) 0%,rgba(7,63,32,0.92) 18%,rgba(7,63,32,0.56) 50%,rgba(7,63,32,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */


}
.ameni-hme-lisitn img { max-width: 86px;}


.hme-amen-leaf { position: absolute; left: 0; top: -100px; z-index: 100;} .hme-places-slider figure { border-radius: 30px; overflow: hidden; } .hme-places-slider { padding-top: 25px;} .hme-laces-item figcaption { position: absolute; width: 100%; left: 0; top: 30px; z-index: 1000;}
.footer-bg { background-image: url(../images/footer-bg.webp); background-position: top center; position: relative; }
.footer-ivy { position: absolute; top:-100px; right: 0; z-index: 100; width: 100px; }
.hme-thekkady-content { padding: var(--gutter60); padding-bottom: 0;}
.hme-thekkady-content article { max-width: 1000px; margin: 0 auto; }
.ameni-hme-lisitn li { display: block; width: calc(25% - 0px); padding: 16px 0; } 
.hme-around-res-wrapp, .footer-bg { background-color: #e6e4da; }
.hme-thekkady-content .widget-title h2, .page-title  { background-image: url(../images/icons/title-ivy.webp); background-repeat: no-repeat; background-position: center bottom; padding-bottom: 70px;}
.footer-logo { text-align: center; padding-bottom: 80px; }
.footer-top { justify-content: center; gap: 30px; padding-bottom: 80px;  } .footer-menu-wrapp { padding: 50px 0; border: 1px solid #57574e; border-left: none; border-right: none; }
.footer-menu a:link, .footer-menu a:visited { display: block; padding: 1px 0; padding-left: 15px; position: relative; }
.footer-menu a::after { content: ""; display: block; width: 5px; height: 11px; background-image: url(../images/icons/fm-arrow.webp); background-repeat: no-repeat; position: absolute; left: 0; top: 11px;}
.cpr-wrapp { padding: 45px 0;} .btm-call, .btm-mail { background-image: url(../images/icons/btm-call.webp); padding-left: 45px; background-repeat: no-repeat; background-size: 40px 40px; padding-top: 5px;padding-bottom: 5px; } .btm-mail { background-image: url(../images/icons/btm-mail.webp); }
.banner-sub { padding-top: 93px;} .footer-stay-wrapp { position: relative; }
.accom-land-wrapp { gap: 60px;} .accom-land-blk { width: calc(50% - 30px); padding-bottom: 30px; background-color: #fff;} .events-block article { padding-right: 60px;}
.mid-text { text-align: center; max-width: 1200px; margin:0 auto; }
#sub-page, .about-top-align {  background: linear-gradient(0deg,rgba(230, 228, 218, 1) 8%, rgba(230, 228, 218, 0.68) 51%, rgba(230, 228, 218, 0) 100%);}
.about-bottom { background-color: #e6e4da; position: relative; padding-bottom: 150px;}
.about-seperator {} 
.abt-idukki-dam { background-color: #ecece7; padding: 60px; border-radius: 20px; max-width: 1200px; margin:0 auto; }
.abt-idukki-dam-block { position: absolute; bottom: 0; left: 0; width: 100%;}
.sub-page-footer .footer-title { display: none; }
.btm-room-slide { position: relative;} .btm-room-slide figcaption { position: absolute; bottom: 40px; text-align: center; width: 100%; left:0; z-index: 100;}
 .about-two-column { padding: 50px 0 0 0;} .facil-items ul { gap: 15px;} .facil-items li { display: block; width: calc(25% - 15px);} .facil-items  img { border-radius: 10px;}
.other-facil { padding-top: 15px;} .other-facil ul { width: calc(33.33% - 0px); justify-content: flex-start; }
.other-facil li { display: block; position: relative; padding: 3px 0 3px 15px; position: relative; }
.other-facil li:before { content: ""; display: block; width: 5px; height: 5px; background-color: var(--color); position: absolute; left: 0; top: 16px; border-radius: 50%;}
.sub-page-footer { border-top: 1px solid #bed9ae; } .places-block {padding: 30px 0; align-items: center; }
.places-block article, .places-block figure { width: calc(40% - 0px); }
.places-block article { width: calc(60% - 0px); }
.places-block:nth-child(even)  { flex-direction: row-reverse;}
.places-block:nth-child(odd) article { padding-right: 50px; }
.places-block:nth-child(even) article  { padding-left: 50px; }
.room-meu ul { justify-content: center; gap: 5px;}
.room-meu li { display: block;}
.room-meu a:link, .room-meu a:visited { display: block; padding: 10px 20px; color: #443f3f; text-transform: uppercase; font-weight: 600; border-radius: 5px; letter-spacing: 3px;}
.room-meu a:hover, .room-meu a.active:link, .room-meu a.active:visited { background-color: #959878; color: #fff; }
.room-cnt-hold-wrapp { padding: 50px 0 100px 0;  
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e6e4da+0,e6e4da+100&0+0,0+78,1+100 */
background: linear-gradient(to bottom,  rgba(230,228,218,0) 0%,rgba(230,228,218,0) 78%,rgba(230,228,218,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ 
} .room-gallery ul {padding-top: 50px; justify-content: center; gap: 20px;} .room-gallery li { display: block; width: calc(25% - 20px);}
.room-content-wrpp article { max-width: 1000px; margin: 0 auto; padding-top: 55px; }
.facil-wrapp { background-color: #f3f2ed; }
.facil-listing { padding-top: 10px; }
.facil-listing li, .listing li { display: block; padding: 3px 0 3px 15px; position: relative; }
.facil-listing li:before, .listing li:before { content: ""; display: block; width: 8px; height: 8px; background-color: #aba9a9; border-radius: 50%; position: absolute; left: 0; top: 14px; }
.tariff-listing { padding: 50px 0; }
.contact-wrapp { padding: 0px; border:1px solid #afcba3; } .gmap, .contact-wrapp .align { position: relative; }
.contact-address { position: absolute; left: 0;  padding: 50px; width: 500px; } .contact-address p { margin: 10px 0;} .contact-address figure { padding-bottom: 20px; }
.gmapWrapp { padding-left: 500px; width: calc(100% - 0px); }  .gmap { height: 600px;  } .gmap iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.welcome-title {padding-bottom: 45px; }  .footer-address span { text-transform: uppercase; font-size: 12.5pt; } 
.welcome-wrapp, .home-align, .hme-stay-wrapp, .home-events-wrapp, .hme-ayur-wrapp, .hme-dining-wrapp, .home-amenities-wrapp, .hme-around-res-wrapp { padding: var(--gutter); }
.sub-page-content, .facil-wrapp { padding: var(--gutter60); }
.footer-stay-wrapp { padding: 80px 0 110px;} #sub-page { padding-bottom: 110px; }
.home-align, .home-events-wrapp, .hme-around-res-wrapp, .sub-page-content {padding-bottom: 0;} .hme-dining-wrapp { padding-top: 0; }
.home-amenities-wrapp, .hme-laces-item, .hme-laces-item figure { position: relative; }
.home-amenities-wrapp { padding: 120px 0; }
.accom-land-wrapp { padding: 50px 0; }
.tariff-table table { width: calc(100% - 0px); border-collapse: collapse; }
.tariff-table th { padding: 15px 0; background: #213718; color: #fff; text-align: center; }
.tariff-table td{ padding: 15px 15px; border: 1px solid #afcba3; }
.banner-slider-wrpp .align {position: relative; }
.home-banner-align { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; }
.temperature-table { max-width: 1000px; margin: 0 auto; width: 100%; padding-top: 60px;}
.temperature-table table { width: 100%; border-collapse: collapse; margin-top: 15px;}
.temperature-table td, .temperature-table th { padding: 10px; border: 1px solid #b6bbab; }
.dining-wrapp article { width: calc(50% - 0px); padding-right: 50px;}
.dining-wrapp figure { width: calc(50% - 0px);}

.hme-amen-title-nw h2 { font-size: 22pt; padding-bottom: 45px;}

.vandamedu-climate-block h3 { font-size: 18pt; font-weight: 600; padding-bottom: 10px; }



/* ------------------------------ Gallery --------------------------- */
.gallery-menu {     border: 1px solid #d1c8bd;    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;}
.down-eb-cn {    padding: 50px 25px;    border: 1px solid #f4f1e8;    max-width: 400px;    margin: 0 auto;}
.down-eb-cn-img img {    width: 110px;}
.down-icon table {    width: 100%;    padding: 5px 20px;    background-color: #ededed;}
.down-eb-cn-img {    text-align: center;    padding-bottom: 30px;}
/* ------------------------------ Gallery --------------------------- */

/* --------------------- All tilte ---------------- */
h1, h2, h3, h4, h5 { font-weight: 500; letter-spacing: 1px; }
.site-caption h1 { font-size: 24pt; text-transform: uppercase; color: #fff;  line-height: 38pt; letter-spacing: 8px;  }
.welcome-title h2 { font-weight: 500; letter-spacing: 3px;}
.hme-stay-title h2 { color: #fff; }
.wel-t-1 { color: #69723e; font-size: 18pt; line-height: 18pt;}
.wel-t-2 { color: #213718; font-size: 38pt; line-height: 42pt; padding: 10px;}
.wel-t-3 { color: #213718; font-size: 22pt; line-height: 24pt;}
.main-text { font-size: 16pt; line-height: 28pt;}
.welc-main-text { font-size: 24pt; line-height: 34pt; padding-top: 15px;}
.widget-title h2, .hme-amen-cap h3 { font-size: 40pt; line-height: 48pt; }
.hme-sty-cnt-right p { font-size: 16pt; line-height: 22pt; padding-bottom: 35px;}
.hme-stay-images h3 { color: var(--color); font-size: 20pt; padding: 15px 0 15px 0;  text-transform: uppercase; }
.hme-dining-title h3 { font-size: 26pt; padding-top: 15px;}
.widget-title  { padding-bottom: 40px;  } .hme-dining-title { padding-bottom: 50px;}
.hme-ayur-title { background-image: url(../images/icons/ayurveda-title-image.webp); background-repeat: no-repeat; background-position: top center; padding-top: 117px;}
.ameni-hme-lisitn p { line-height: 15pt; color: #fff; font-size: 12pt; }
.hme-amen-cap h3 { }
.hme-laces-item figcaption, .btm-room-slide h5 { font-size: 20pt; text-transform: uppercase; text-align: center; }
.footer-title { padding: 170px 0;} .footer-title h2 { color: #213718; font-size: 40pt; line-height: 46pt; }
footer, footer a:link, footer a:visited { color: #ceccc2 }
.footer-menu-wrapp, .cpr-wrapp { font-size: 11.5pt; }
.footer-top { font-size: 15pt;}
.hme-amen-title h2, .hme-amen-right, .hme-laces-item figcaption { color: #fff; }
.btm-room-slide h5 { color: #fff;}
.accLandCnt h2 { text-transform: uppercase; font-size: 20pt; padding: 20px 0; }
.page-title h1 { color: #213718; font-size: 38pt; line-height: 38pt;  }
.page-title p { color: #69723e; text-transform: uppercase; }
.small-title h3, .room-head { font-size: 20pt; font-weight: 600; padding-bottom: 10px; } 
.room-head { font-size: 24pt; padding-bottom: 15px; }
/* --------------------- All tilte ---------------- */
.explore-btn a:link, .explore-btn a:visited { color: #fff; text-transform: uppercase; }
.knwMreBtn, .bookNowBtn { width: 180px; text-align: center; margin: 0 auto; padding-top: 45px; }
.knwMreBtn a:link, .knwMreBtn a:visited, .bookNowBtn a:link, .bookNowBtn a:visited  { display: block; background-color: var(--primaryBtn); border-radius: 20px; color: #fff; text-transform: uppercase; font-size: 12pt; padding: 10px 0;}
.bookNowBtn a:link, .bookNowBtn a:visited  { background-color: #ce8c3f; }
.hme-laces-item:link, .hme-laces-item:visited { display: block; border-radius: 15px; overflow: hidden; }
.btn-group { justify-content: center; gap: 30px; }
.btn-group .knwMreBtn, .btn-group .bookNowBtn { margin: 0; }
.accLandCnt .knwMreBtn, .accLandCnt .bookNowBtn  {padding: 0; }
/* ------------- primary menu ------------- */
.primary-menu { position: relative; z-index: 1555; } .primary-menu li, .secondary-menu li, .disclosure-menu li { display: inline-block; padding: 0;} 
.primary-menu {     padding: 0;   }
.primary-menu nav div, .resorts-sing-menu nav div {        }
.primary-menu ul, .secondary-menu ul, .disclosure-menu ul {    margin: 0px;    padding: 0px;    list-style-type: none;    position: relative; }
.primary-menu ul li.dpMenu, .disclosure-menu li.dpMenu { position: relative;}
.primary-menu ul {  }
.primary-menu ul li, .disclosure-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:40px 15px; font-size: 13pt; line-height: 14pt;   font-weight: 600; color: var(--color);   }
.primary-menu ul li a:hover, .primary-menu ul li a.active:link, .primary-menu ul li a.active:visited {  color:var(--color);  }
.primary-menu ul li a.active:link, .primary-menu ul li a.active:visited {  }
.primary-menu ul li.dpMenu ul, .disclosure-menu ul li.dpMenu ul {    position: absolute;    min-width: auto;    width: 240px;    display: none; opacity: 0; box-shadow: 3px 3px 35px 0px rgba(0,0,0,0.45);  background:#fff; border-radius: 4px;  left: 0px;  flex-wrap: wrap;  }
.primary-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(-2px); }
}
.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: 10.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: 10px 0 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(100% - 0px);}
.secondary-menu li a:link, .secondary-menu li a:visited { display: block; padding: 25px 15px; transition: all 0.5s ease;}
 .primary-menu ul li a:link,  .primary-menu ul li a:visited { transition: all 0.5s ease; }
.header-fix .secondary-menu li a:link, .header-fix .secondary-menu li a:visited { padding: 15px 15px;}
.header-fix .primary-menu ul li a:link, .header-fix .primary-menu ul li a:visited  { padding: 20px 15px;} 
.secondary-menu li a.active:link, .secondary-menu li a.active:visited { background-color: #1f204e; color: var(--yellowColor);}
.secondary-menu li a:hover { color: var(--yellowColor);}
.primary-menu ul li.dpMenu-academic  ul { width: 500px; left: -250px; } .primary-menu ul li.dpMenu-academic  ul li { width: calc(50% - 0px);}
.primary-menu ul li.dpMenu-academic:hover, .primary-menu ul li.dpMenu:hover { background-color: rgba(0,0,0,0.1);}
.primary-menu ul li.dpMenu-academic a:hover, .primary-menu ul li.dpMenu a:hover { background-color: transparent;}
/* ------------- 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 --------------------------- */
/* ----------------------------- */
.home-page .smo { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.sub-page .cpr-wrapp .align {  align-items: center; flex-direction: row-reverse;}
.cpr-wrapp .align { position: relative; }
.smo {     margin-top: 0px;    justify-content: center; }
.smo ul {    justify-content: center;}
.smo li, .smo-banner li {    display: block;    margin: 0 2px;    padding: 0;}
.smo svg, .smo-banner svg {    fill: #fff }
.smo a:link, .smo a:visited, .smo-banner a:link, .smo-banner a:visited {     display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 42px; height: 42px;  }
.smo li svg, .smo-banner li svg {    width: 9px;    height: auto; }
.smo li:nth-child(2n) svg {    width: 18px;}
.smo li:nth-child(3n) svg {    width: 15px;}
.smo li:nth-child(4n) svg {   width: 20px;}
.smo li:nth-child(5n) svg {    width: 30px; }
.fancybox__container { z-index: 1000001; } 
.owl-carousel .owl-nav button.owl-next span, .owl-carousel .owl-nav button.owl-prev span { display: block;    font-size: 60pt; color: var(--titleColor); height: auto; }
.owl-carousel .owl-nav button.owl-next span:hover, .owl-carousel .owl-nav button.owl-prev span:hover { color: var(--color);}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev { position: absolute; top: 50%; left: -50px; transform: translateY(-50%);}
.owl-carousel .owl-nav button.owl-next  { left: auto; right: -50px;}
.owl-carousel .owl-nav button.owl-next:hover, .owl-carousel .owl-nav button.owl-prev:hover { background-color: transparent; }
/* ---------------------- fixed-botom ----------------- */
.fixed-bottom-mobile { display: block; position: fixed; z-index: 12000; bottom: 0; width: 100%; left: 0; padding: 0; background-color: #fff; box-shadow: 0px -2px 5px -2px rgba(0,0,0,0.3);}
.btm-left-btns a:link, .btm-left-btns a:visited { display: flex; align-items: center;height: 100%; position: relative;}
.btm-left-btns span { display: block; padding:0 25px 0 15px; text-transform: uppercase; line-height: 12pt;}
.btm-left-btns svg { width: 30px; height: auto; fill: var(--color);} .btm-loc-btn svg { width: 16px;} .btm-call-btn svg { width: 24px;} .btm-mail-btn svg { width: 26px; margin-top: 3px; }  .fixed-bottom-mobile .align { } .btm-home-btn, .btm-loc-btn, .btm-mail-btn, .btm-call-btn { margin:0;}
.btm-enq-btn a:link, .btm-enq-btn a:visited  { display: block; padding: 15px 20px; background-color: #275089; color: #fff; text-transform: uppercase;  }
.booknow-top { display: none;} 
.fixed-bottom-mobile .align { position: relative; padding:15px 30px;}
.btm-enq-btn { position: absolute; right: 0; top: 0;}
.btm-left-btns { width: calc(100% - 0px); padding-right: 120px; justify-content: space-between; }
/* ---------------------- fixed-botom ----------------- */
.readmore-btn a:link, .readmore-btn a:visited,.readmore-btn-red a:link, .readmore-btn-red a:visited,.page-menu a.active:link, .page-menu a.active:visited,.foot-menu a:link, .foot-menu a:visited { transition: all 0.5s ease; opacity: 1;}
.readmore-btn a:link, .readmore-btn a:visited { filter: grayscale(0); transform: translateY(0); }
.readmore-btn a:hover { filter: grayscale(50%); opacity: 0.8; transform: translateY(-5px);}
.footer-address a:link, .footer-address a:visited { color: #fff;} .foot-menu a:hover, .page-menu a:hover { opacity: 0.7;}
.bannerslider .owl-dots { bottom: 40px; position: absolute; width: 100%;}
.bannerslider.owl-theme .owl-dots .owl-dot span { width: 15px; height: 15px; background: #a97d7a;}
.bannerslider.owl-theme .owl-dots .owl-dot.active span { opacity: 0.4;}
/* ------------------------------ */
.menu-overlay { position: fixed; width: 100%; height: 100%; transform: translateX(-100%); transition: all 0.2s ease; top: 0; left: 0;display: none; }
.menu-overlay .align { position: relative; width: 100%; height: 100%; align-items: center;  background-color: #f8f9f1;  background-image: url(../images/menu-bg.webp); background-repeat: no-repeat; background-position: center center; background-size: cover; opacity: 0; } 
.menu-overlay .align:after { content: ""; display: block; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); position: absolute; top: 0; left: 0; }
.menu-links { width: calc(45% - 0px); padding: 0px 45px 0 0;   } 
.menu-links-villas { width: calc(55% - 0px);         padding: 0 0 0 45px; 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: 10px 0 10px 30px; position: relative; line-height: normal;   } .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: 19px; opacity: 0.5;}
.menu-overlay.menu-open { transform: translateX(0);  }
.primary-menu-overlay {        width: 880px; margin: 0 auto; margin-top: 180px;    }
#overlay-menu-app.menu-open { display: flex; z-index: 35000;}
.menu-links {gap: 60px; width: calc(50% - 0px);}
.menu-links.menu-links-villas  { width: calc(300px - 0px);}
.menu-links ul { width: calc(50% - 60px);}
.menu-links.menu-links-villas  ul { width: calc(100% - 0px);}
.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; }
.menu-heading { color: #fff;    font-size: 22px;    width: 100%;    padding-bottom: 15px;    text-transform: uppercase;}
.menu-overlay .container { position: relative; z-index: 100;}
.menuMobTitle { color: #fff; font-size: 16pt; padding-bottom: 15px;}

/* ---------------- menu --------------------- */
.hamburger {  width: 36px;   }
.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), #hamburger-3.is-active .line:nth-child(2) {  opacity: 0;}
#hamburger-1.is-active .line:nth-child(1), #hamburger-3.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), #hamburger-3.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); }
/* ------------------------------ */
.header-wrapp.menu-header-fix { background-image: none !important;}
.home-page .smo.smo-baner { position: absolute; z-index: 4000; right: 15px; top: auto; left: auto; bottom: 60px; transform: translate(0,0); }
.home-page .smo.smo-baner ul { flex-direction: column; gap: 10px;}
.home-page .smo.smo-baner li { display: block; border: 1px solid #fff; border-radius: 50%; }
.home-page .smo.smo-baner svg { fill:#fff} 
.ui-state-highlight, .ui-widget-content .ui-state-highlight {    background: #009548 !important;    color: #fff !important; }
.site-caption h1 {  animation: blurAnim  2s ease forwards;  filter: blur(6px); animation-delay: 0.5s; }
@keyframes  blurAnim {
0% {     filter: blur(6px);}
20% {     filter: blur(6px);}
100% {    filter: blur(0px);}
}
.header-wrapp-home, .explore-btn, .site-caption  {opacity: 0; animation:fadeInAnim 2s ease forwards; animation-delay: 1s; }
.site-caption  { animation-delay: 0.2s; }
@keyframes  fadeInAnim {
0% {  opacity: 0;   }
100% { opacity: 1;  }
}
.primary-menu ul li.dpMenu ul, .resorts-sing-menu ul li.dpMenu ul {     width: 600px; }
.menu-images {    position: absolute;    top: 0;    right: 0;    width: 300px;    height: 100%;     background-image: url(../images/rooms/premium-room.webp);    background-size: cover; }
.menu-cottage, .menu-tee, .menu-std  {    opacity: 0;    background-image: url(../images/rooms/deluxe-cottages.webp);    transition: all 0.5s ease; }
.menu-premium-room { background-image: url(../images/rooms/premium-room.webp);}
.menu-cottage  {    background-image: url(../images/rooms/standard-rooms.webp); }
.menu-tee {    background-image: url(../images/rooms/tended.webp); }
.menu-std { background-image: url(../images/rooms/deluxe-cottages.webp);}
.primary-menu ul li ul li:hover  .menu-premium-room, .primary-menu ul li ul li:hover .menu-cottage, 
.primary-menu ul li ul li:hover .menu-tee, .primary-menu ul li ul li:hover .menu-std { opacity: 1;     z-index: 100; }
.hamburger.is-active .line { background-color: #fff; }
.owl-theme .owl-dots { position: absolute; left: 0; width: 100%; bottom: 0; }
.owl-theme .owl-dots .owl-dot span { width: 15px; height: 15px; }
#site-logo-mobile { position: absolute; width: 250px; top: 30px; left: 50%; transform: translateX(-50%); z-index: 11000; text-align: center;}
#site-logo-home.menu-hide:link, #site-logo-home.menu-hide:visited, 
.menu-hide, .menu-header-hide, .header-hide { display: none;}#site-logo-mobile
.top-call img, .top-booking img { width: 23px;}
/* -------------------------------------- Btn Effects --------------------------------- */
.knwMreBtn a:link, .knwMreBtn a:visited, .bookNowBtn a:link, .bookNowBtn a:visited, .knwMreBtn, .bookNowBtn, .hme-laces-item img  { transition: all 0.5s ease; }
.knwMreBtn, .bookNowBtn { transform: translateY(0);}
.knwMreBtn:hover, .bookNowBtn:hover { transform: translateY(-10px); }
.knwMreBtn a:hover { background-color: #575e34; } .bookNowBtn a:hover { background-color: #976122; }
.hme-laces-item img  { transform: scale(1); } .hme-laces-item:hover img  { transform: scale(1.1); }
/* -------------------------------------- Btn Effects --------------------------------- */

.menu-hams-mob-over-lay { position: absolute;     top: 21px;
    right: 21px; z-index: 1500;}

.menu-hams-mob-over-lay .line {
    width: 30px;
    height: 2px;
    background-color: #fff; }