/* -----------------
 font-family: "Unbounded", sans-serif;
--------------------- */
a img {  display: block; } a {  outline: none; } a:focus-visible {  outline: none; }
a {  text-decoration: none;  outline: none; }
a img {  display: block;  border: 0;  backface-visibility: hidden;  transform: translateZ(0);}
.orange-logo-icon{fill:#F16F11;}.orange-logo-path{fill:#FFFFFF;}
.mobile-menu { display: none; }
.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; } .about-parvathy-wrapp  { padding: var(--gutter80); }
/* -------------------------- 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 {  --gutter60:30px 0; --gutter80:40px 0;  --gutter:60px 0; --color:#655648; --brandColor:#f16f11; --titleColor:#665749;; --border:1px solid #e2e7d6; } 
.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: "Unbounded", sans-serif;  font-size: 12.5pt; letter-spacing: 0px; font-weight: 300; line-height: 24pt; color: var(--color); text-align: left; background: #f6f4f4; width: 100%; overflow: hidden; } p { padding: 5px 0; line-height: 22pt; } address { font-style: normal; }
/* -------------------------- Reset   -------------------------- */
.header-top a:link, .header-top a:visited, .header-top { color: #fff; font-size: 12pt; line-height: 14pt; }
/* -------------------------- Common   -------------------------- */
.container-large, .container { max-width: 1700px; width: calc(100% - 0px); padding: 0 30px; margin: 0 auto;} .container-large { max-width: 1800px;}
.container-full { width: calc(100% - 0px); max-width: 2000px; margin: 0 auto; padding: 0 20px; }
.container-sub { max-width: 1500px; margin: 0 auto; padding: 0 20px;} 
.two-column-wrapp { gap: 30px; } .two-column { width: calc(100% - 0px);} .align-center { align-items: center; } .img-radius, .border-radius { border-radius: 15px; 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: 1200px; margin: 0 auto;} .clear { float: none; clear: both;}
.img-right { float: right; padding-left: 80px;} .chbk { padding: 30px; text-align: center; font-size: 20pt;}
.round-img { border-radius: 50%; } 
/* -------------------------- Common   -------------------------- */
/* ----------------------------- home banner animations ----------------------------------- */
/* ----------------------------- home banner animations ----------------------------------- */
.site-logo  { transition: all 0.5s ease; }
.foot-logo { width: 130px; display: none;}
.contact-logo, .foot-logo, .site-logo {  filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.2));}
.home-page .header-wrapp { visibility: hidden; opacity: 0; transform: translateY(-80px);transition-delay: 0.2s; }
.home-page .header-wrapp.active { visibility: visible; opacity: 1; transform: translateY(0px); }
.header-wrapp { position: fixed; top: 0; left: 0; z-index: 12000; width: 100%; transition: all 0.5s ease;  transition: all 0.5s ease;  } .header-wrapp .align, .home-top-align { position: relative;}
.header-wrapp-home { position: absolute; top: 0; left: 0; z-index: 12000; width: 100%; transition: all 0.5s ease;  transition: all 0.5s ease;  }
.header-wrapp, .header-wrapp-home {   padding: 20px 20px; }
.header-wrapp-home .align { align-items: flex-start; justify-content: center;}
.header-wrapp.header-sub .align { align-items: flex-start;}
.header-sub   { background-color: rgba(255,255,255,0.8); height: 80px; transition: all 0.5s ease; }
.header-sub .site-logo { transform: translateY(-15px);}
.header-fix.header-sub {background-color: rgba(255,255,255,1); }
.home-page .header-wrapp.header-fix { background-color: #f6f4f4; padding: 20px;}
.header-wrapp.header-fix:after { content: ""; display: block; height: 12px; 
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.34+1,0+100 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.34) 0%,rgba(0,0,0,0.34) 1%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    width: calc(100% - 0px); left: 0; position: absolute; bottom: -12px;}
.home-top-align { overflow: hidden;}
.header-wrapp .align {   position: relative; height: 34px;   }
.site-logo:link, .site-logo:visited { display: block; width: 90px; z-index: 100; }
.intro-wrapper {   position: relative; height: 100vh; height: 100svh; }
.intro-overlay {  position: absolute;  inset: 0; height: 100%; width: 100%; }
.intro-image { position: relative; height: 100%; background-image: url(../images/banner/marthoma-retreat-main-banner.webp); background-repeat: no-repeat; width: 100%; background-size: cover; background-position: center center; background-attachment: fixed;}
.intro-lady { position: absolute; right: 0px; bottom: 0; height: 50%;  z-index: 14000;  display: none; }
.intro-lady img { width: auto; height: 100%;}
.intro-caption { position: absolute; top: 50%; transform: translateY(-50%); padding: 0 30px; width: calc(100% - 0px); }
.welcome-wrapp { text-align: center;} .welcome-title { padding-bottom: 40px;} .welcome-title { padding-bottom: 20px;}
.hme-room-align { align-items: baseline;}
.welcome-wrapp article { max-width: 1200px; margin: 0 auto;}
.welcome-flower { width: 100px; margin: 0 auto; padding-top: 20px;}
.hme-room-content-block, .hme-room-content { width: calc(100% - 0px); margin-right: 0px; position: relative; text-align: center; }
.room-hd-btm { position: absolute; bottom: 0; width: 100%; text-align: center; }
.widget-title-small span { display: block;}
.testimonial article { padding: 30px 0; border-bottom: 1px solid #d1cabc;}
.star-icon { padding: 20px 0; width: 91px; margin: 0 auto;}
.home-munnar-wrapp article { padding: 40px 0; border-bottom: 1px solid #d1cabc; border-top: 1px solid #d1cabc; text-align: center; }
.hme-meeting-blk figcaption, .hme-dining-blk figcaption  { position: absolute; top: 0; left: 0; width: 100%; text-align: center; color: #fff; z-index: 150;}
.hme-meeting-blk figcaption { top: auto; bottom: 60px;}
.hme-dining-blk figcaption { height: 100%; flex-direction: column;}
.hme-others-wrapp { background-image: url(../images/home-others-bg.webp); background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative; padding: 35px 0; }
.hme-others-wrapp::before { content: ""; display: block; width: 100%; position: absolute; top: 0; left: 0; height: 100%; background-color: rgba(145, 130, 110, 0.8);}
.hme-others-block{ color: #fff; position: relative; z-index: 100; }
.hme-places-block { display: none;}
.hme-others-block article { padding: 20px 0;}
.hme-places-nr-block { flex-direction: column; justify-content: center; } .footer-wrapp { background-color: #ebe2d6; }
.widget-title, .welcome-title, .widget-title-small, .grv-icon { padding-bottom: 20px;}
.testim-wrapp { max-width: 2000px; margin: 0 auto;}
.hme-explr-expe-wrapp .align { align-items: center;}
.footer-top, .footer-menu-wrapp { padding: 30px 0; border-bottom: 1px solid #e0d8cd;}
.footer-top { display: none;}
.cpr-wrapp { padding: 30px 0 80px;}
.footer-head { width: 100%;} .footer-menu-wrapp .container {     align-items: baseline; }
.foot-menu a:link, .foot-menu a:visited { display: block; padding: 0px 0 0px 15px;}
.foot-address p { line-height: 22pt;} .foot-menu-links  { width: 451px;} .foot-menu-more-links { width: 200px;}
.header-wrapp .align { align-items: center;}
.address-align  address:first-child { width: calc(40% - 0px);}
.address-align  address { width: calc(60% - 0px);}
 .foot-address {     width: 671px; }
.hme-places-block figcaption, .hme-places-nr-block figcaption { position: absolute; bottom: 30px; left: 0; width: calc(100% - 0px); z-index: 100; color: #fff; text-align: center;  }
.foot-mail, .foot-call { background-image: url(../images/icons/footer-mail.webp); background-repeat: no-repeat; background-position: left center; padding-left: 30px; background-size: 20px 20px;}
.foot-call{ background-image: url(../images/icons/footer-call.webp); }
.hme-room-content { z-index: 150;}
.hover-img { opacity: 0; position: absolute; top: 0; left: 0; z-index: 100; transition: all 0.5s ease; display: none;}
.image-Effect:hover .hover-img {opacity: 1;}
.abtDard-content  { padding: 50px 0;}
.sub-page-btm-wrapp { background-color:#f7eee2; }
.image-slid-efect figcaption { position: absolute; bottom: 30px; width: 100%; text-align: center; z-index: 150; }
.facil-img-gall { display: flex; gap: 30px;}
.facil-top-block-odd { flex-direction: row-reverse;}
.room-menu ul { justify-content: center; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; } 
.room-menu a:link, .room-menu a:visited { display: block; padding: 12px 25px; text-transform: uppercase; letter-spacing: 2pt; font-weight: 400; position: relative;}
.room-menu a::after { content: ""; display: block; width: 2px; height: 15px; top: 50%; right: 0; transform: translateY(-50%); position: absolute; background-color: #0b0b0b; }
.room-menu li:last-child a::after { display: none;}
.room-banner { padding-top: 100px;}
.testi-slider-block { padding:35px 0 0 0; max-width: 1100px; margin: 0 auto; position: relative; text-align: center;}
.testi-slider-block::before, .testi-slider-block::after, .testi-pg-block .quote-first::before, .testi-pg-block .quote-last:before  { content: ""; display: block; position: absolute; left: -70px; top: 15px; background:url(../images/icons/quote-left.webp); background-repeat: no-repeat; background-size: 100% auto; width: 60px; height: 46px; }
.testi-slider-block::after  { left: auto; right: -70px; background-size: 100% auto; background:url(../images/icons/quote-right.webp); background-repeat: no-repeat;  }
.testi-pg-block { padding: 30px 0; text-align: center; width: calc(100% - 0px);}
.testi-pg-block .quote-first { padding-left: 50px;} .testi-pg-block .quote-last { padding-right: 40px;}
.testi-pg-block .quote-first, .testi-pg-block .quote-last { display: inline-block; position: relative; } 
.testi-pg-block .quote-first::before, .testi-pg-block .quote-last:before { width: 35px; background-position: top center; left: 3px; top: -5px; }
.testi-pg-block .quote-last:before  { left: auto; right: -3px;  background:url(../images/icons/quote-right.webp); background-size: 100% auto; background-repeat: no-repeat  }
.testi-pg-block p { line-height: 30pt;}
.testi-pg-block .guestName span {  background-color:#f6f4f4; padding-left: 30px; position: relative; z-index: 100;}
.guestName {
    font-size: 16pt; padding-top: 15px; text-align: right; position: relative;
}
.guestName::before {    content: "";    display: block;    width: 100%;    position: absolute;    left: 0;    top: 33px;    width: 100%;    height: 1px;    background-color: #dfcba8;
}
.room-name h2 { padding: 40px 0 30px;}
.room-image-gallery { justify-content: center; gap: 30px; padding-top: 35px;} 
.location-wrapp, .room-content  { padding: 20px 0;}
.amen-items {padding-top: 30px; border-top: 1px solid #dfd2c0;} .amen-items figure { margin-bottom: 5px;}
.amen-items ul { gap:20px; justify-content: center; }
.amen-items li { width: calc(50% - 20px); line-height: 16pt;}
.distance-chart th { background-color: #da883b; font-weight: 400; padding:10px 15px; color: #fff; }
.distance-chart table { width: 100%;}
.distance-chart td { padding: 10px 15px; border-top: 1px solid #dfd2c0; }
.facilities-wrapp li { display: block; padding: 5px 0 5px 25px; position: relative;}
.facilities-wrapp li:after { content: ""; display: block; position: absolute; top: 17px; left: 5px; width: 8px; height: 8px; background-color: var(--color); border-radius: 50%; opacity: 0.8image-Effect;}
.hme-room-suite-block, .testim-wrapp, .hme-meeting-blk figure, .hme-dining-blk figure,.hme-places-block figure, .hme-places-nr-block figure, .prel, 
.image-slid-efect figure  { position: relative;}
.home-banner-wrapp, .welcome-wrapp, .hme-stay-wrapp, .home-munnar-wrapp, .hme-explo-wrapp, .hme-explr-expe-wrapp { padding: var(--gutter); }
.subPage, .sub-page-btm-wrapp, .page-gallery, .facil-img-gall, .places-visit-wrapp { padding: var(--gutter80);}
.subPage { padding-top: 60px;}
.facil-img-gall { display: none; padding-bottom: 0;}
#site-logo-mobile {    width: 100%;    position: relative;    margin: 0 auto;    z-index: 11000;    text-align: center;} 
#site-logo-mobile img { width: 100px; margin: 0 auto;}
.testi-hme-image, .header-btns .book-btn { display: none;}
.hme-dining-blk { margin-top: 45px;}
.home-banner-wrapp { padding-top: 70px;}
.home-banner-wrapp .container-full { padding: 0;}
/* --------------------- All tilte ---------------- */
h1, h2, h3, h4, h5 { font-weight: 400; letter-spacing: 3px; line-height: normal;}
.intro-caption h1 { color: #fff;  text-transform: uppercase;  font-size: clamp(24px, 5vw, 40px); line-height: 34pt; }
.widget-title h2 {   font-size: clamp(28px, 5vw, 50px); letter-spacing: 2pt; line-height: 38pt; color: var(--titleColor); opacity: 0.4;}
.welcome-title h1 {  font-size: clamp(28px, 5vw, 40px);  line-height: 27pt; }
.hme-room-content-block h3 {  font-size: clamp(16px, 5vw, 30px);  padding-bottom: 20px; font-weight: 300;}
.room-hd { font-size: clamp(14px, 5vw, 26px);  font-weight: 300; color: #fff; z-index: 100; padding-bottom: 30px; padding-left: 15px; padding-right: 15px;  }
.widget-title-small h2  { font-size: clamp(28px, 5vw, 30px);  line-height: 33pt;}
.widget-title-small span {  font-size: clamp(22px, 5vw, 20px); }
.testimonial-slider p, .testimonial-slider h3 { font-size: 12pt; line-height: 24pt; font-weight: 300;}
footer  { font-size: 11pt;} .footer-top { font-size: 12.5pt;}
.footer-head { font-size: clamp(16px, 5vw, 20px); font-weight: 300; padding-bottom: 20px; }
.hme-room-content-block h3, .testimonial-slider h3 { text-transform: uppercase; }
.widget-title-small, .page-btm-title  h2 { font-size: clamp(16px, 5vw, 30px);  }
.hme-dining-blk h2 { padding-top: 60px; opacity: 0.5;} .hme-dining-blk h3 { padding-bottom: 60px;}
.hme-others-block h2 { font-size: clamp(22px, 5vw, 20pt); text-transform: uppercase;    line-height: 26pt;font-weight: 300; padding-bottom: 30px;} 
.large-text {  font-size: 13pt; line-height:40px; padding:30px 0; letter-spacing: 2px; border-top:1px solid #a69d8f; border-bottom:1px solid #a69d8f; }
.hme-others-block h3 { font-size: clamp(22px, 5vw, 30px); font-weight: 300; padding-bottom: 15px; }
.hme-places-block h2, .hme-places-nr-block h3 { font-size: clamp(14pt, 5vw, 18pt); text-transform: uppercase; line-height: 33pt; font-weight: 300; }
.hme-places-nr-block h2 { font-size: clamp(18pt, 5vw, 20pt); line-height: 30pt; text-transform: uppercase; text-align: center; padding-bottom: 40px; color: #665749; opacity: 0.5; }
.foot-top-hd { font-size: clamp(16pt, 5vw, 17pt); text-transform: uppercase; color: #a39380; }
.page-title h1 {  font-size: clamp(16pt, 5vw, 28pt); line-height: normal;}
.page-title  { padding-bottom: 40px;} .page-title figure { padding-top: 10px;}
.sub-title {  font-size: clamp(18pt, 5vw, 20pt); font-weight: 300;  padding-bottom: 10px;}
.imp-text, .small-head h2 {      font-size: 12pt;
    line-height: 22pt; } .small-head h2  { font-size: 16pt;}
.page-btm-title, .accom-land h2, .room-name h2 {  font-size: clamp(13pt, 5vw,16pt); line-height:23pt; padding-bottom: 20px; }
.page-btm-title h2 { }
.image-slid-efect a:link, .image-slid-efect a:visited { color: #fff;  font-size: clamp(12pt, 5vw,18pt); letter-spacing: 2pt; }
.dard-prj h3 { text-align: left; line-height: 22pt;}
    .dard-prj article, .dard-prj figure {        padding: 10px 0;    }        .dard-prj h3 {        padding-bottom: 10px;    }    .accom-land {        padding-top: 40px;    }
/* --------------------- All tilte ---------------- */ 
.book-btn a:link, .book-btn a:visited, .view-btn a:link, .view-btn a:visited
{ background-color: #da883b; display: block; padding: 12px 25px; border-radius: 25px; color: #fff; text-transform: uppercase; font-size: 8pt; line-height: 10pt; letter-spacing: 2pt; }
.top-call svg { width: 30px; fill: #655648;} .top-call { height: 30px;}
.header-btns {gap: 10px; align-items: center;}
.view-btn { width: 210px; margin: 0 auto; padding-top: 30px;}
.accom-btn-wrapp {padding-top: 20px; justify-content: center; gap: 10px;}
.deta-btn:link, .deta-btn:visited, .book-la-btn:link, .book-la-btn:visited { display: block; color: #fff; border-radius: 15px; padding: 2px 30px; text-transform: uppercase; font-size: 10pt; }
.deta-btn:link, .deta-btn:visited { background-color: #da883b;} .book-la-btn:link, .book-la-btn:visited { background-color: #2e4217;}
.book-btn a:link, .book-btn a:visited, .view-btn a:link, .view-btn a:visited { transition: all 0.5s ease;  }
.book-btn a:link, .book-btn a:visited, .view-btn a:link, .view-btn a:visited  { transform: translateY(0px); border: 1px solid rgba(255,255,255,0);}
.book-btn a:hover, .view-btn a:hover { background-color: #bd6f26; transform: translateY(-10px); border-radius: 15px; border: 1px solid rgba(255,255,255,1); }
/* ------------- primary menu ------------- */
.primary-menu { display: none; position: absolute; left: 130px;  z-index: 1500; width: calc(1006px - 0px); } .primary-menu li { display: inline-block; padding: 0;}   
.primary-menu ul, .resorts-sing-menu ul {margin: 0px;padding: 0px;list-style-type: none;position: relative; }
.primary-menu ul li {display: inline-block; position: relative; }
.primary-menu ul li a:link, .primary-menu ul li a:visited { 
  letter-spacing: 1px;  display: block; text-transform: uppercase; padding: 10px 5px; font-size: 10pt; line-height: 14pt;   font-weight: 400; color: #000; letter-spacing: 1px;    }
.primary-menu ul li a:hover, .primary-menu ul li a.active:link, .primary-menu ul li a.active:visited {  color:#171514;  }
.primary-menu ul li.dpMenu ul, .resorts-sing-menu ul li.dpMenu ul {position: absolute;min-width: auto;width: 250px;display: none; opacity: 0; box-shadow: 3px 3px 35px 0px rgba(0,0,0,0.45);  background:#fff; border-radius: 4px;  left: 0px;   }
.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; flex-wrap: wrap;  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.dpMenu ul, .resorts-sing-menu ul li.dpMenu ul { padding: 10px 0 0 !important }
.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); display: block;}
/* ------------- primary menu ------------- */
/* ----------------------------- */
.desing { display: none; }
.home-page .desing { display: block;}
.cpr-wrapp .align { position: relative; flex-direction: column; justify-content: center; text-align: center;}
.sub-page .cpr-wrapp .align { flex-direction: row-reverse;}
.smo ul {justify-content: center;}
.smo li, .smo-banner li {display: block;margin: 0 10px;padding: 0;}
.smo svg, .smo-banner svg {fill: #b99b8e }
.smo a:link, .smo a:visited, .smo-banner a:link, .smo-banner a:visited { display: block;  width: 30px; height: 30px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; border-radius: 50%; }
.smo li svg, .smo-banner li svg {width: 9px;height: auto; }
.smo li:nth-child(2n) svg {width: 19px;}
.smo li:nth-child(3n) svg {width: 19px;}
.smo li:nth-child(4n) svg {   width: 23px;}
.smo li:nth-child(5n) svg {width: 30px; }
.fancybox__container { z-index: 1000001; } 
.name-size-block {width: 100%; text-align: left;}
.small-head-cap { font-size: 15pt; font-weight: 600; color:rgb(204, 141, 59); padding-bottom: 10px; text-align: left; letter-spacing: 1px;}
/* ------------------------------ */
.menu-overlay {   position: fixed;width: 100%;height: 100%;z-index: 120000;transform: translateX(-100%);transition: all 0.2s ease;top: 0; left: 0; visibility: hidden; }
.menu-overlay .align {position: relative;width: 100%;height: 100dvh;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.2);position: absolute;top: 0;left: 0; }
.menu-links {width: calc(calc(470px - 0px));padding: 0px 45px 0 0; } .menu-links ul { width: calc(50% - 0px);}
.menu-links-villas {width:calc(320px - 0px);padding: 0 0 0 45px;border-left: 1px solid rgba(255,255,255,0.2); }
.menu-links-villas ul { width: calc(100% - 0px); text-align:left;}
.menu-contact {width: 100%;text-align: center;padding-top: 30px;margin-top: 30px;border-top: 1px solid rgba(255,255,255,0.2) }
.menu-links a:link, .menu-links a:visited {display: block;  font-size: 11.5pt;   padding: 8px 0 8px 30px;position: relative;line-height: normal;  font-weight: 300;}
.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: 16px;top: 18px;opacity: 0.5; }
.menu-overlay.menu-open {transform: translateX(0); visibility: visible; }
.primary-menu-overlay {width: 840px;margin: 0 auto; }
.menu-overlay.menu-open .align {animation: menuRevealAnim 0.5s ease forwards;animation-delay: 0.2s; z-index: 1200; }
@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: 20px;width: 100%;padding-bottom: 0px;text-transform: uppercase; font-weight: 400; }
.menu-overlay .container {position: relative;z-index: 100; }
.menurmBTn { padding-top: 10px; }
.menurmBTn a:after {content: ""; display: inline-block; margin-left: 10px;   border: solid #fff;   border-width: 0 2px 2px 0;   display: inline-block;  padding: 3px;   transform: rotate(-45deg);   -webkit-transform: rotate(-45deg); }
.menu-overlay .align { flex-direction: column; align-items: center; justify-content: center; gap: 100px; }
.menu-hams-mob-over-lay {    position: absolute;    top: 21px;    right: 21px;    z-index: 15000;}
.menu-hams-mob { position: absolute; right: 0; top: 2px;} .header-btns { padding-right: 50px;}
/* ---------------- menu --------------------- */
.hamburger {width: 36px; }
.hamburger .line {width: 30px;height: 2px;background-color: #6f7272;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; }
.menu-overlay.menu-open .hamburger .line { background-color: var(--brandColor);}
.hamburger:hover {cursor: pointer; }
/* ONE */
.hamburger.is-active .line:nth-child(2) {opacity: 0; }
.hamburger.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); }
/* ONE */
.hamburger.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); }
/* ------------------------------ */
/* .owl-theme .owl-nav.disabled+.owl-dots { position: absolute; bottom: 40px; width: 100%; text-align: center; } */
.owl-theme .owl-dots .owl-dot span {width: 15px;height: 15px; } 
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #ccaaa0; }
/* ---------------------- fixed-botom ----------------- */
.fixed-bottom-mobile {  display: none; opacity: 0; position: fixed;  bottom: 0;width: 100%;left: 0;padding: 0;background-color: #e1d9bf;box-shadow: 0px -2px 5px -2px rgba(0,0,0,0.3);  z-index: 102200; }
.btm-left-btns a:link, .btm-left-btns a:visited {display: flex;align-items: center;height: 100%;position: relative; }
.btm-left-btns span {  font-family: "Poppins", sans-serif;   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;}
.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: 20px 20px;background-color: #e1d9bf;color: #fff;text-transform: uppercase; font-size: 12pt; line-height: 12pt;}
.booknow-top {display: none; }
.fixed-bottom-mobile .align {position: relative;  }
.btm-enq-btn {position: absolute;right: 0;top: 0; }
.btm-left-btns {width: calc(100% - 0px);padding-right: 120px;justify-content: space-between;
}
.hide-mobF {display: block;animation: footMoAni 1s ease forwards;animation-delay: 0.2s;z-index: 15000;  opacity: 0; }
@keyframes  footMoAni {
to {opacity: 1; }
}
    .footer-quick-cnct li svg {
        width: 16px;
    }
    .footer-quick-cnct li {
        width: calc(50% - 0px);
        display: flex;
        flex-direction: row;
        justify-content: center;
        flex-wrap: wrap;
        text-align: center;
        padding: 10px 0;
        position: relative;
    }
        .footer-quick-cnct li span {
        font-size: 12pt;
        display: inline-block;
        padding-left: 10px;
    }
    .fulLink:visited, .fulLink:link {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
}
.footer-quick-cnct li { background-color:#da883b;  color: #fff;}
.footer-quick-cnct li:first-child {
        background-color:#4d1824;
    }
.footer-quick-cnct li svg { fill: #fff;}
/* ------------------------------ 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: 15px 10px 15px 10px;    text-transform: uppercase; font-size: 10pt; letter-spacing: 2px;}
.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: 10px; }
.gallery-block li {    display: block;    width: calc(50% - 10px);}
.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 --------------------------- */
/* ------------------------- intro animation ---------------------------- */
/* .intro-image { animation: introIANim 20s ease forwards; transform: scale(1.6); } */
.intro-image  { background-image: url(../images/banner/marthoma-retreat-main-banner-v1.webp);  background-repeat: repeat-x;   /* 3. Apply the custom animation */
  animation: slideLeft 160s linear infinite;
}
/* 4. Match the 'to' position with your background-size width */
@keyframes slideLeft {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -1800px 0; /* Moves left. Use 600px to move right */
  }
}
@keyframes introIANim  { 
to { transform: scale(1); }
}
.intro-caption .line{
  overflow: hidden;
}
.intro-caption span{
  display: block;
  transform: translateY(100%);
}
.intro-lady img {  animation: introLady 2s ease forwards; opacity: 0.001; animation-delay: 1s;   will-change: transform; }
@keyframes introLady  { 
to { opacity: 1;}
}
.site-logo-intro, .home-page .header-btns {opacity: 0; animation: introFade 1s ease forwards; animation-delay: 0.5s; transform: translateY(-10px); }
@keyframes introFade  { 
to { opacity: 1; transform: translateY(0);}
}
.intro-lady { animation: introLadyMov 10s ease infinite;   }
@keyframes introLadyMov  { 
0% { transform: translateX(-5px); }
50% { transform: translateX(5px); }
100% { transform: translateX(-5px); }
}
.fade-up-gsp {
  opacity:0;
  transform: translateY(40px);
}
/* ---------------------------- Slick slider --------------------------------- */
.slick-list,.slick-slider,.slick-track{position:relative;display:block}.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{top:0;left:0;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-initialized .slick-slide,.slick-slide img{display:block}.slick-arrow.slick-hidden,.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
/* -------------------------- */
@charset 'UTF-8';.slick-dots,.slick-next,.slick-prev{padding:0;display:block;position:absolute}.slick-dots li,.slick-dots li button,.slick-next,.slick-prev{cursor:pointer;width:20px;height:20px}.slick-dots li button:before,.slick-next:before,.slick-prev:before{font-family:slick;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-loading .slick-list{background:url('./ajax-loader.gif') center center no-repeat #fff}.slick-dots li button,.slick-next,.slick-next:focus,.slick-next:hover,.slick-prev,.slick-prev:focus,.slick-prev:hover{color:transparent;background:0 0;outline:0}@font-face{font-family:slick;font-weight:400;font-style:normal;src:url('./fonts/slick.eot');src:url('./fonts/slick.eot?#iefix') format('embedded-opentype'),url('./fonts/slick.woff') format('woff'),url('./fonts/slick.ttf') format('truetype'),url('./fonts/slick.svg#slick') format('svg')}.slick-next,.slick-prev{font-size:0;line-height:0;top:50%;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);border:none}.slick-dots li button:focus:before,.slick-dots li button:hover:before,.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{font-size:20px;line-height:1;opacity:.75;color:#fff}.slick-prev{left:-25px}[dir=rtl] .slick-prev{right:-25px;left:auto}.slick-prev:before,[dir=rtl] .slick-next:before{content:'←'}.slick-next:before,[dir=rtl] .slick-prev:before{content:'→'}.slick-next{right:-25px}[dir=rtl] .slick-next{right:auto;left:-25px}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{bottom:-25px;width:100%;margin:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;margin:0 5px;padding:0}.slick-dots li button{font-size:0;line-height:0;display:block;padding:5px;border:0}.slick-dots li button:focus,.slick-dots li button:hover{outline:0}.slick-dots li button:before{font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:.25;color:#000}.slick-dots li.slick-active button:before{opacity:.75;color:#000}
/* ---------------------------- Slick slider --------------------------------- */
.fullLink:link,.fullLink:visited{display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:150}
.foot-menu{display:none}
.foot-address{text-align:center}
.footer-menu-wrapp .container{justify-content:center}
.no-space-top{padding-top:0}
.no-space{padding:0}
.no-space-btm{padding-bottom:0}
.hme-room-content{position:absolute;top:0;left:0;height:100%;width:calc(100% - 0px);color:#fff;flex-direction:column}
.hme-room-content-block article{padding:30px 30px 0}
.hme-room-suite-block{margin-top:30px}
.header-sub{height:auto}
.page-banner{padding-top:75px}
.hme-explr-expe-wrapp .align{flex-direction:column-reverse}
.menu-overlay .container{position:relative;z-index:100;display:flex;flex-wrap:wrap}
.menu-overlay .primary-menu-overlay,.menu-overlay .menu-contact{width:calc(100% - 0px)}
.menu-overlay .menu-contact{margin-top:25px;border:none;border-top:1px solid #fff3;font-size:10pt}
.menu-overlay .align{gap:40px}
.menu-links ul{width:calc(50% - 0px)}
.menu-links,.hme-testi-block,.hme-testi-overlay{width:calc(100% - 0px)}
.menu-overlay .container{padding:0 15px}
.menu-links a:link,.menu-links a:visited{font-size:10pt}
.contact-logo img{width:100px}
.contact-address,.gmapWrapp,.distance-chart,.distance-chart table,.location-content{width:calc(100% - 0px)}
.gmapWrapp{margin-top:40px}
.gmap{position:relative;height:350px}
.gmap iframe{position:absolute;top:0;left:0;width:100%;height:100%}
.home-banner-wrapp .owl-dots{position:absolute;bottom:0;width:100%}
.hme-room-content p,.room-menu{display:none}
.hme-meeting-blk h2{font-size:14pt}
.room-name h2{padding:0 0 30px}
.small-head h2{padding-bottom:15px}
.smo li,.smo-banner li{margin:0 3px}
.header-wrapp-home .header-btns{display:none}
.home-page .header-wrapp .align{align-items:flex-start}
.accom-land-two-colmn{padding:60px}
.accom-land-two-colmn:nth-child(even){background-color:#fff}
.room-gall ul{padding-top:15px;gap:20px}
.room-gall li{display:block;width:calc(50% - 10px)}
.land-amen-list ul{gap:10px;justify-content:left;padding:30px 0 20px}
.land-amen-list li{width:calc(33.33% - 10px);display:flex;align-items:center;gap:10px;padding:3px 0;font-size:12pt;text-align:left}
.land-amen-list li img{width:25px}
.mouse{width:15px;height:30px;border:1px solid #333;border-radius:50px;position:relative;margin:0 auto}
.mouse::before{content:"";width:5px;height:5px;position:absolute;top:5px;left:50%;transform:translateX(-50%);background-color:#333;border-radius:50%;opacity:1;animation:wheel 2s infinite;-webkit-animation:wheel 2s infinite}
@keyframes wheel {
to{opacity:0;top:25px}
}
@-webkit-keyframes wheel {
to{opacity:0;top:25px}
}
.scroll-wrapp{position:absolute;left:50%;bottom:30px;z-index:1200000;display:flex;flex-wrap:wrap;justify-content:center;flex-direction:column}
.scroll-wrapp span{display:block;font-size:9pt}
.header-wrapp-show-home{z-index:22000}
.scroll-wrapp a:link,.scroll-wrapp a:visited{position:absolute;z-index:100;top:0;left:0;width:100%;height:100%}
.distace-tables{gap:15px}
.distace-tables table{width:calc(50% - 15px)}
.room-pagination{text-align:center}
.swiper-pagination-bullet{background:#ccaaa0;width:15px;height:15px}
.swiper-button-prev:after,.swiper-button-next:after{content:'';background-image:url(../images/icons/prevoius.webp);display:block;width:19px;height:60px;background-repeat:no-repeat;background-size:100% auto}
.swiper-button-next:after{background-image:url(../images/icons/next.webp)}
.home-banner-wrapp .container-full{padding:0}
.heroSlider{padding:0 50px}
.book-btn a:link, .book-btn a:visited, .view-btn a:link, .view-btn a:visited { text-align: center;}