.hiddenTitle { opacity: 0; width: 0; height: 0; overflow: hidden; font-size: 1pt;}
/* -----------------
  font-family: "Viaoda Libre", serif;  font-family: "Sora", 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:90px 0; --color:#5e5752;  --color-heading-1:#73380e; --color-heading-2:#a37348; --border: 1px solid #e8e0d5;} 
.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: "Sora", sans-serif; font-size: 13pt; letter-spacing: 0px; font-weight: 400; line-height: 20pt; color: var(--color); text-align: justify; background: #fff; width: 100%; overflow: hidden; } p { padding: 5px 0; line-height: 21pt; } address { font-style: normal; }
html, body {  height: 100%;  -webkit-overflow-scrolling: touch; }
/* -------------------------- Reset   -------------------------- */
.header-top a:link, .header-top a:visited, .header-top { color: #fff; font-size: 12pt; line-height: 14pt; }
/* -------------------------- Common   -------------------------- */
.container-large, .container, .container-small { max-width: 1800px; width: calc(100% - 0px); padding: 0 100px; margin: 0 auto;} .container-large { max-width: 1800px;}
.container-full { width: calc(100% - 0px); max-width: 2000px; margin: 0 auto; padding: 0 100px; }
.container-small { max-width: 1400px; }
.container-sub { max-width: 1500px; margin: 0 auto; padding: 0 20px;} 
.container { max-width: 1600px;}
.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: 1200px; margin: 0 auto;} .clear { float: none; clear: both;}
.img-right { float: right; padding-left: 50px; padding-bottom: 50px;} .img-left { float: left; padding-right: 50px; padding-bottom: 40px;} .chbk { padding: 30px; text-align: center; font-size: 20pt;}
.round-img { border-radius: 50%; } 
/* -------------------------- Common   -------------------------- */
#intro { width: 100%; height: 100%; height: 100svh; position: fixed; left: 0; top: 0;  z-index: 1200; overflow: hidden;}
.hme-spacer { position: relative; width: 100%; height: 100svh;} .hme-align { position: relative; z-index: 1500; }
#site-logo-home, .intro-hmmp, .enter-btn { opacity: 0; animation: fadeAnim 1s ease forwards; animation-delay: 3.4s; transform: translateY(-20px);}
 .enter-btn { animation-delay: 3.8s;}
@keyframes fadeAnim { 
  to { opacity: 1; transform: translateY(0px);}
}
.intro-bg { position: absolute; width: 100%; height: 100%; background-image: url(../images/banner/intro-bg.webp); background-position: center center; left: 0; top: 0; animation: introZoom 4s ease forwards; animation-delay: 4s; transform: scale(1.4);
}
@keyframes introZoom {
  to { transform: scale(1);}
}
/* --------------------------------------- */
.logo-color-0{fill:#0D71BA;}	.logo-color-1{fill:#00BAC6;}	.logo-color-2{fill:#E28A5F;}	.logo-color-3{fill:#20B573;}
.home-header {position: absolute; z-index: 1800; top: 0; left: 0; width: 100%; padding: 30px 0 ;

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


}





#site-logo-home:link, #site-logo-home:visited  { display: block; width: 170px; transition: all 0.5s ease; height: 104px; overflow: hidden;  margin-left: 0;  } 



.header-fix-home #site-logo-home:link, .header-fix-home  #site-logo-home:visited  { display: block; width: 150px; height: 45px; margin-left: -50px;  } 

.logo-text { transition: all 0.5s ease; opacity: 1; visibility: visible; }
.header-fix-home .logo-text { transition: all 0.5s ease; opacity: 0; visibility: hidden; height: 0;}



#site-logo-home svg, #site-logo-home	.logo-color-0, #site-logo-home	.logo-color-1, #site-logo-home	.logo-color-2, 	#site-logo-home .logo-color-3 { fill:#fff }
.header-wrarpp .container { max-width: calc(1700px - 0px);}
.header-wrarpp { position: fixed; z-index: 12000;  background-image: url(../images/header-bg.webp); background-position: center top; padding: 10px 0 0 0; width: calc(100% - 0px);} 
.header-wrapp-home{  opacity: 0; transform: translateY(-80px); 
display: none; }

.head-home-alig { width: calc(100% - 0px);}

.header-wrapp-home.header-fix-home,  .header-wrapp-home.header-fix-home-click {   animation:hmHeadAnim 1s ease forwards; animation-delay: 0.3s; display: flex;  }
@keyframes hmHeadAnim  {
  0% { display: flex; opacity: 0; transform: translateY(-20px); }
  100% { display: flex; opacity: 1; transform: translateY(0px); }
} 
.header-wrapp-home .primary-menu-align { display: none; opacity: 0; height: 0;   }

.header-wrapp-home .primary-menu-align.is-active{  animation:showMenuAnim 1s ease forwards; animation-delay: 0.3s; display: flex; width: 100%; }

@keyframes showMenuAnim {
  0% { opacity: 0; height: 0;}
  100% { opacity: 1; height: 60px;}

}

.tbook-btn { margin-right: 15px;}

#site-logo { width: calc(180px - 0px); margin: 0 auto; transition: all 0.5s ease;}  #site-logo svg { width: 100%;}
.header-wrapp-home #site-logo, .header-fix #site-logo { width: calc(130px - 0px);}
.header-wrapp-home #site-logo { height: 37px; overflow: hidden;}

.header-wrapp-home #site-logo { height: 37px; overflow: hidden;}

.header-wrapp-home #site-logo.is-active { height: 67px; }


.header-top { position: relative; background-image: url(../images/htop.webp); background-repeat: no-repeat; background-position: center bottom; padding-bottom: 10px;}
.topcall a:link, .topcall a:visited { color: var(--color);}
.header-wrapp-home { }
.intro-bottom-wrapp { position: absolute; bottom: 100px; width: 100%; color: #fff;}
.hme-pet-wrapp { background-image: url(../images/icons/pet-pattern.webp); background-repeat: no-repeat; background-position: center top;}
.hme-pet-text { max-width: 990px; margin: 0 auto; }
.home-header .align { position: relative;}
.home-header .container-full, .header-wrarpp .container-full {padding: 0 50px;}
.intro-hmmp { position: absolute; top: 0; right:0px;}
.intro-hmmp .hamburger  { width: 55px;}
.intro-hmmp .hamburger .line { background-color: #fff;}
.intro-hmmp .hamburger .line:first-child, .intro-hmmp .hamburger .line:last-child { margin-right: 25px;}
.intro-hmmp .hamburger .line:first-child { margin-bottom: 8px;}  .intro-hmmp .hamburger .line:last-child { margin-top: 8px;}
.intro-hmmp-2 { right: 50px; top: 50px;}
.intro-hmmp-2  .hamburger .line { background-color: var(--color);}
/* --------------------------------------- */
.hme-banner {   border: 8px solid rgba(255,255,255,0.2); background-color: rgba(255,255,255,0.2); border-radius: 20px; overflow: hidden; padding-bottom: 50px;}
.hme-banner-wrapp { background-image: url(../images/banner-bg.webp); background-position: left top; background-repeat: repeat-x; }
.hme-welcome-wrapp { background-image: url(../images/welcome-bg.webp); background-color: #fff; background-position: center bottom; background-repeat: no-repeat; padding:50px 0 100px;}
.welcomme-title { background-image: url(../images/icons/welcome-title.webp); background-repeat: no-repeat; background-position: center top; padding-top: 50px; padding-bottom: 80px;}
.welcome-content { width: calc(371px - 0px);} .welcome-content figure { padding: 40px 0;}
.hme-exper-align { position: relative; width: calc(1200px - 0px); margin: 0 auto; padding-top: 280px; text-align: center;}
.hme-exper-title { position: absolute; top: 0; left: 0; z-index: 100; width: 100%;}
.hme-stay-wrapp { background-image: url(../images/hme-accomodation-bg.webp); background-repeat: no-repeat; background-position: center top; }
.widget-title { padding-bottom: 35px;} .title-icon { padding-bottom: 15px;}
.accom-cmn-text { padding-top: 500px; max-width: 900px; margin: 0 auto;}
.hme-pattern-bg { background-image: url(../images/hme-pattern-bg.webp); background-repeat: repeat-x; background-position: center top; padding-top: 180px; background-color: #fff; }
.container-align { max-width: 1300px; margin: 0 auto;}
.hme-testi-blk { text-align: center;}.hme-dining-wrapp { position: relative;}.hme-din-img, .hme-dining-cnt { width: calc(33.33% - 0px);}
.hme-dining-cnt { padding: 0 50px;}
.hme-dining-lImg { padding-top: 60px;  position: absolute; width: 100%; text-align: center; left:0 ; }
.hme-dining-wrapp { position: relative; padding-bottom: 285px; z-index: 180;}
.hme-seperater-shaped, .about-bottom-seperator { position: relative; background-image: url(../images/home-seperator.webp); background-position: center center; background-size: cover; background-attachment: fixed; height: 1000px;} .about-bottom-seperator { height: 900px;}
.hme-seperater-shaped:before, .hme-seperater-shaped::after,
.about-bottom-seperator:before, .about-bottom-seperator::after
{ content: ""; display: block; position: absolute; width: 100%; top: 0; left: 0; background-image: url(../images/hme-sep-top.webp); background-position: center bottom; background-repeat: no-repeat; height:194px;}
.hme-seperater-shaped::after, .about-bottom-seperator::after { top: auto; bottom: 0; background-image: url(../images/hme-sep-bottom.webp); background-position: center top;}
.hme-resort-amen-wrapp { position: relative; z-index: 150;}
.hme-resort-amen-wrapp .sub-title {position: absolute; width: 100%; top: -100px; left: 0;}
.amen-slider-wrapp { padding-top: 30px;}
.amen-slide-item { background-color: #f4f0eb;  }
.amen-slide-item, .amen-slide-item  figure {border-radius: 10px !important; overflow: hidden; }
.amen-slide-item article { padding: 20px 30px;}
.hme-in-res-block { gap:50px;} .hme-inres-item { width: calc(20% - 50px);}
.otsldAl { transition: all 0.5s ease; position: relative;}
.otsldAl span { display: block; position: absolute; top: 30px; left: 0; z-index: 100; width: 100%; text-align: center;}
.out-door-slider.owl-carousel.owl-drag .owl-item .otsldAl { margin-bottom: 130px;}
.out-door-slider.owl-carousel.owl-drag .owl-item.active.center .otsldAl{ margin-top: 130px; margin-bottom: 0; }
.out-ddor-slider-wrapp { position: relative;}
.hme-out-title { width: calc(100% - 0px); position: absolute; top: 0; left: 0; z-index: 1200; text-align: center;}
.cannon-image { padding: 80px 0 0 0;}
.footer-wrapp { background-image: url(../images/footer-bg.webp); background-position: center bottom; background-repeat: repeat-x; background-color: #ffff; }
.footer-top { padding:100px 0 60px 0; }
.footer-top,  .footer-center { background:url(../images/footer-border.webp); background-position: center bottom; background-repeat: repeat-x;}
.foot-logo svg { width: 190px;}
.foot-call, .foot-mail { text-align: center;} .foot-call figure, .foot-mail figure { padding-bottom: 5px;}
.footer-center { padding: 60px 0;}
.footer-menu-wrapp, .foot-contact { width: calc(50% - 0px);}
.foot-menu { padding-right: 80px;} .foot-contact  { padding-left: 80px;}
.foot-menu a:link, .foot-menu a:visited { display: block; padding:7px 0;}
.cpr-wrapp { padding: 40px 0;}
.footer-elements { position: relative;}
.flImg { position: absolute; left: 0; top: 0;}
.fRImg { position: absolute; right: 0; top: 0;}
.topcall { position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
#sub-content { padding: 80px 0;}
.page-title { padding-bottom: 30px; background-image: url(../images/icons/title-pattern.webp); background-repeat: no-repeat; background-position: center bottom; margin-bottom: 40px;}
.cnt-group-sec, .res-concept-wrapp { padding: 60px 0;}
.about-eco-wrapp { background-image: url(../images/ecosystem-bg.webp); background-position: center top; padding: 80px 0; background-repeat: repeat-x;}
.middle-content-sub { max-width: 1100px; margin: 0 auto;}
.eco-sys-three-column-wrapp { gap: 60px; } .echo-three { width: calc(33.3333% - 60px);}.echo-three-two { width: calc(66.3333%  - 60px);}.accom-land-page { padding: 80px 0;} .accomm-land-group { position: relative; padding: 40px 0;}
.acc-land-img { width: calc(60% - 0px);}
.accm-land-cnt { width: calc(50%  - 0px); position: absolute; background-color: rgba(242,237,232,0.9); padding: 40px; border-radius: 20px; right: 0;}
.room-land-btns { padding-top: 30px;} .room-land-btns ul { justify-content: flex-end; gap: 20px;}
.accomm-land-group:nth-child(even) .accm-land-cnt { left: 0; right: auto;}
.accomm-land-group:nth-child(even) { justify-content: flex-end; }
.exper-cnt { padding: 10px 0;} .in-house-img { width: calc(50%  - 0px);}
.exp-twocolumn-cnt, .inhoue-content, .expe-two-item { width: calc(50%  - 0px);}
.in-house-img { padding-left: 60px;} .in-house-img img, .exper-top-img img, .experience-gallery  img, .expe-img img { border-radius: 60px;}
.exper-top-img { padding-top: 20px;}
.in-h-exp-wrapp .align:nth-child(odd) { flex-direction: row-reverse; }
.in-h-exp-wrapp .align:nth-child(odd) .in-house-img { padding-left: 0; padding-right: 60px;}
.in-h-exp-wrapp .align, .experi-twoc-c-align, .expe-two-group, .facili-restaurant, .room-facili-wrapp { padding: 60px 0; background-image: url(../images/page-sep.webp); background-repeat: repeat-x;}
.experi-twoc-c-align { gap: 80px;}
.experi-twoc-c-align .inhoue-content { width: calc(50%  - 40px); }
.expe-two-item { padding-bottom: 60px;}
.expe-two-item:nth-child(odd) { padding-right: 40px;} .expe-two-item:nth-child(even) { padding-left: 40px; background-image: url(../images/page-sep-ver.webp); background-repeat: repeat-y; background-position: left center;} 
.experience-gallery ul { gap: 40px;} .experience-gallery li { display: block; width: calc(33.333% - 40px);}
.experience-gallery  { padding-bottom: 80px;}
.room-facili-wrapp { padding-top: 0; background-image: none;} 
.facili-restaurant .two-column-warpp { flex-direction: row-reverse;}
.listing li { display: block; padding: 5px 0 5px 10px; position: relative;}
.listing li:before { content: ""; display: block; width: 4px; height: 4px; background-color:var(--color); border-radius: 50%; position: absolute; left: 0; top: 16px;}
.rooom-menu ul { gap: 0px; justify-content: center;}
.rooom-menu li { display: block;} .rooom-menu a:link, .rooom-menu a:visited { display: block; text-transform: uppercase; padding: 10px 20px; position: relative;}
.rooom-menu a::after { content: ""; display: block; width: 1px; height: 15px; position: absolute; right: -1px; top:15px; background-color: var(--color);}
.rooom-menu li:last-child a::after { display: none;}
.single-room-page #sub-content { padding-top: 250px;}
.room-image-goroup { padding: 30px 0 80px 0;}
.room-gall { padding-top: 60px;}
.room-gall ul { gap: 20px; justify-content: center;}  .room-gall li { display: block; width: calc(25% - 20px);}
.room-gall img { border-radius: 20px;}
.facili-other-wrapp { background-image: url(../images/common-facilities.webp); background-position: center center;  background-repeat: no-repeat; background-color: #d4b498; }
.other-facil { width: calc(50% - 0px); padding: 80px 60px; 
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+50,ffffff+100&0+0,0.17+16,0.34+50,0+100 */
background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.17) 16%,rgba(255,255,255,0.34) 50%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  }
.amen-game-wrapp { background-image: url(../images/amenities-game-bg.webp); background-repeat: no-repeat; background-position: left center; background-size: cover; margin: 40px 0 ;}
.amen-game-wrapp article { width: calc(50% - 0px); padding: 80px 0;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+50,ffffff+100&0+0,0.17+16,0.34+50,0+100 */
background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.17) 16%,rgba(255,255,255,0.34) 50%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.amen-game-wrapp .container { justify-content: flex-end; color: #000;}
.foot-address-wrapp address { line-height: 28pt;}
.dining-group figure { margin: 15px 0 30px;}
.places-wrapp article { padding-top: 20px;}
.odd-section { flex-direction: row !important;}
/* --------------------------- */
.location-wrapp { background-color: #fff; padding-right: 60px;}
.location-content { padding-left: 40px; border-left: var(--border);} .location-wrapp figure { padding-right: 40px;}
.contact-wrapp {    padding: 0px; margin-bottom: 80px;    border: var(--border); }
.gmap, .contact-wrapp .align {    position: relative; }
.contact-address {    position: absolute;    left: 0;    padding: 50px;    width: 550px; }
.contact-address p {    margin: 10px 0; }
.contact-address figure {    padding-bottom: 20px; }
.gmapWrapp {    padding-left: 550px;    width: calc(100% - 0px);}
.gmap {    height: 600px;}
.gmap iframe {    position: absolute;    left: 0;    top: 0;    width: 100%;    height: 100%;}
.contact-logo {    text-align: center;}
.contact-logo svg {    width: 200px; margin: 0 auto; }
/* --------------------------- */
.sub-banner-wrapp { padding-top: 180px;}
.about-page-bg { position: relative;}
.about-page-bg:before, .about-page-bg::after { content: ""; display: block; background-image: url(../images/icons/about-leaf-left.webp); width: 300px; height: 300px; background-size: 100% auto; position: absolute; left: 0; top: 650px; background-repeat: no-repeat;}
.about-page-bg::after {  background-image: url(../images/icons/about-leaf-right.webp); left: auto; right: 0; top: 300px;}
.room-faciliteis-wrapp { background-image: url(../images/room-facilities-bg.webp); background-repeat: no-repeat; background-position: center center; padding: 110px 0; margin: 80px 0; background-color: #efe3d7; }
.room-facil { width: calc(50% - 0px); padding-left: 100px;} .room-faciliteis-wrapp .container { justify-content: flex-end;}
.room-facil li { display: block; padding: 5px 0 5px 20px; margin: 5px 0; position: relative;} .room-facil li::before { content: ""; display: block; width: 8px; height: 8px; background-color: #ad9783; border-radius: 50%; position: absolute; left: 5px; top: 16px; }
.room-slide-hold a:link, .room-slide-hold a:visited { display: block; position: relative; border-radius: 8px; overflow: hidden;}
.room-slide-hold h3 { position: absolute; width: 100%; text-align: center; z-index: 100; left: 0; bottom: 0; font-weight: 300; font-size: 16pt; letter-spacing: 1pt; padding: 15px 0; color: #fff;  background-color: rgba(0,0,0,0.4); }
.hme-experience-wrapp,  .hme-stay-wrapp, .hme-pet-wrapp, .hme-exper-wrapp, .room-slider-wrapp   { padding: var(--gutter);}
.hme-experience-wrapp, .hme-stay-wrapp, .hme-pet-wrapp, .hme-exper-wrapp, .out-ddor-slider-wrapp { background-color: #fff; }
.in-h-exp-wrapp { padding-top: 80px;}
.hme-rooms-slider-wrapp, .testi-chair, .scenic-spot { padding-top: 50px;}
.hme-exper-align { padding-bottom: 70px;}
.sub-title, .testi-chair  { padding-bottom: 50px;}
.sub-title {}
.hme-dining-cnt .sub-title { padding-bottom: 20px;}
.img-border { border-radius: 12px; }
/* ---------------------- testimonials ------------------------------ */
.testi-slider-block { padding:35px 0 0 0; max-width: 1100px; margin: 0 auto; position: relative; }
.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; 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;}
.guestName { text-align: right; background-image: url(../images/footer-border.webp); background-repeat: no-repeat; background-position: 10px center; margin: 10px 0 20px; }
.testi-pg-block .guestName span { background-color: #fff; display: inline-block; padding: 0 20px; }
/* ---------------------- testimonials ------------------------------ */
/* --------------------- All tilte ---------------- */
h1, h2, h3, h4 { letter-spacing: 3pt;  font-weight: 500}
.welcomme-title h2 { padding-top: 10px; font-size: 44pt; line-height: 44pt; }
.welcomme-title h2 span, .welcome-content h3 span, .widget-title span, .sub-title span { display: block; font-size: 16pt; padding-bottom:  15px; line-height: 16pt;}
.welcome-content h3 { font-size: 32pt; padding-bottom: 20px; line-height: 36pt;}
.widget-title h2 { font-size: 44px; }  .widget-title span { font-size: 18pt;}
.intro-caption h1 {  font-size: 56pt; line-height: 56pt; }
.intro-caption  .cap1 { display: block; font-size: 32pt; }
.inward-text p, .hme-pet-text p { font-size: 14pt; line-height: 25pt; }
.inward-text p {max-width: 1000px; margin: 0 auto;}
.widget-title h2 { font-size: 48pt; line-height: 55pt;} .widget-title h2 span { display: block; padding-bottom: 10px;}
.sub-title { font-size: 36pt; line-height: 42pt; }
.hme-pet-text h4 { padding-top: 35px; color: var(--color-heading-2); font-size: 20pt; padding-bottom: 10px;}
.amen-slide-item h3,  .hme-testi-blk h4 { font-size: 18pt; font-weight: 400; padding-bottom: 5px; }
.hme-inres-item p, .otsldAl span { font-size: 14pt;}
.otsldAl span { color: #fff;}
.footer-wrapp  { font-size: 12pt;}
.foot-title { font-size: 14pt; font-weight: 400; text-transform: uppercase; padding-bottom: 15px;}
 .hme-testi-blk h4  { padding-bottom: 15px;}
.page-title h1, .widget-title-sub h2 { font-size: 36pt; line-height: 44pt; } .page-title h1 span, .widget-title-sub h2 span { display: block; font-size: 12pt; line-height: 14pt;padding-bottom: 5px;}
.main-text { padding: 60px 0;}
.small-heading { font-size: 30pt; padding-bottom: 40px;}
.lrg-text { font-size: 15pt; line-height: 24pt;}
.out-ddor-slider-wrapp-sub { position: relative;}
.room-name-acc { font-size: 22pt; padding-bottom: 15px;}
.page-caption { font-size: 26pt; padding-bottom: 25px; font-style: italic; font-weight: 600;}
.exper-cnt h4 { letter-spacing: 1pt; font-size: 16pt; padding-bottom: 10px;}
.sub-caption { font-size: 22pt; font-weight: 500; padding-bottom: 25px;}
.widget-title-sub { padding-bottom: 40px;}
.welcomme-title h2, .welcome-content h3, .widget-title h2, .sub-title,  .page-title, .widget-title-sub, .small-heading, .sub-title, .page-caption { color: var(--color-heading-1);} 
.welcomme-title h2 span, .welcome-content h3 span, .widget-title h2 span, .sub-title span, .amen-slide-item h3, .hme-inres-item,  .page-title span, .widget-title-sub span, .room-name-acc, .exper-cnt h4, .sub-caption {  color: var(--color-heading-2); }
.widget-title-sub, .welcomme-title, .welcome-content h3, .widget-title, .intro-bottom-wrapp, .widget-title h2, .sub-title, .hme-pet-text h4, .page-title, .small-heading, .sub-title, .room-name-accm, .page-caption, .sub-caption  {    font-family: "Viaoda Libre", serif;}
.no-sapce-btm, .sub-title span { padding-bottom: 0;} .no-sapce-top { padding-top: 0;}
.eco-sys-three-column-wrapp .sub-title { text-align: left; padding-bottom: 10px;}
.amen-game-wrapp .container, .amen-game-wrapp .sub-caption { color: #000;}
/* --------------------- All tilte ---------------- */ 
.enter-btn { padding-top: 150px;}
.enter-btn a:link, .enter-btn a:visited { color: #fff; font-size: 16pt; letter-spacing: 2pt; }
.rm-btn { padding-top: 40px; width: 150px;}
.rm-btn a:link, .rm-btn a:visited { display: block; padding: 10px 0; border-radius: 15px; border:var(--border); font-size: 11pt; line-height: normal; transition: all 0.5s ease; transform: translateY(0);}

.hme-testi-wrapp .rm-btn a:link, .hme-testi-wrapp .rm-btn a:visited { border-color: #cfc5b4; }

.room-land-btns a:link , .room-land-btns a:visited { transition: all 0.5s ease; transform: translateY(0); display: block; padding: 14px 25px; text-transform: uppercase; border: 1px solid #e4d9cc; font-size: 10pt; line-height: normal; border-radius: 10px; }
.room-land-btns a:hover, .rm-btn a:hover { transform: translateY(-10px);}
.amen-game-wrapp h4 { padding: 15px 0;}
.btn-center { margin: 0 auto;}
/* ------------- primary menu ------------- */
.primary-menu { margin: 0 auto;  z-index: 1500; width: 100%; text-align: center; } .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:22px 9px; font-size: 11pt; 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 ------------- */
/* -------------------------------------- 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 --------------------------- */
/* ----------------------------- */
.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: var(--color) }
.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; } 
.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;}
.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: 30px; top: 50%; transform: translateY(-50%);} .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 ----------------- */
/* ------------------------------ 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: 15px; }
.gallery-block li {    display: block;    width: calc(25% - 15px);}
.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 --------------------------- */
.fullLink:link, .fullLink:visited { display: block; position:absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 150; }
.no-space-btm { padding-bottom: 0 !important;} .no-space-top { padding-top: 0 !important;}
.places-block { padding: 50px 0; border-bottom: 1px solid rgba(0,0,0,0.2);}
.small-title { font-size: 18pt; }
.places-block figure, .places-block article { width: calc(50% - 0px);} 
.places-block article { padding-left: 60px; } 
.places-block:nth-child(odd) { flex-direction: row-reverse; }
.places-block:nth-child(odd) article { padding-left: 0px; padding-right: 60px; }
.places-block:first-child { padding-top: 0;} 
.booking-form { border: 1px solid #ebeae9;}
.booking-form .form-control  { border-bottom: 1px solid #ebeae9;}
.heroSlider.owl-theme .owl-dots { position: absolute; bottom: 30px; width: 100%; }
.heroSlider.owl-theme .owl-dots .owl-dot.active span, .heroSlider.owl-theme .owl-dots .owl-dot:hover span {    background: #d96715; }
.owl-carousel .owl-nav button.owl-next span, .owl-carousel .owl-nav button.owl-prev span { background-image: url(../images/icons/arrow-left.webp); background-repeat: no-repeat; width: 45px; height: 45px; background-size: cover; color: rgba(255,255,255,0); }
.owl-carousel .owl-nav button.owl-next span { background-image: url(../images/icons/arrow-right.webp);}
.owl-carousel .owl-nav button.owl-next span:hover, .owl-carousel .owl-nav button.owl-prev span:hover { color: rgba(255,255,255,0) !important; }
.header-right { position: absolute; right: 0; row-gap: 15px;}
.topcall { margin-right: 20px;}
.topcall a:link, .topcall a:visited { display: flex; gap: 10px; flex-direction: row; align-items: center; font-size: 12pt;}
.topcall svg { width: 25px; fill: #075E54;}
.tbook-btn a:link, .tbook-btn a:visited { font-size: 12pt; text-transform: uppercase; color: var(--color);  }
.rm-btn a:link, .rm-btn a:visited { transition: all 0.5s ease; background-color: rgba(0,0,0,0);}
.rm-btn a:hover { background-color: rgba(0,0,0,0.1);}
.foot-call, .foot-mail { font-size: 14pt;}
.foot-call figure, .foot-mail figure { padding-bottom: 10px;}
.over-btm-wrapp { padding-top: 80px;} 


.hme-pet-wrapp { position: relative;}
.hme-pet-wrapp:after, .hme-pet-wrapp:before { content: ""; display: block; background-image: url(../images/icons/hme-pet.webp); background-repeat: no-repeat; background-size: 100% auto; width: 229px; height: 449px; position: absolute; right: 0; top: 30px;}

 .hme-pet-wrapp:before { right: auto; left: 15px; background-image: url(../images/icons/hme-pet-flower.webp);}



    .mask {
  overflow: hidden;
}

.word {
  display: inline-block;
  margin-right: 6px;
  opacity: 0;
  transform: translateY(50px) scale(1.05);
  filter: blur(8px);
  transition: all 3s cubic-bezier(0.77, 0, 0.175, 1);
}

.word.show {
  opacity: 1;
  transform: translateY(0) scale(1);
  filter: blur(0);
}




.intro-hmmp-clock { }

.home-header .hamburger .line  { background-color: #fff;}

.home-header .menu-hams-mob { right: 0;}

.home-header { transition: all 0.5s ease;}
.home-header.header-fix-home { padding: 15px 0;}