/* -----------------
 font-family: "Bebas Neue", sans-serif;
  font-family: "Quicksand", sans-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   -------------------------- */
*, *::before, *::after {     box-sizing: border-box;  }
* {    margin: 0;  }
body {    line-height: 1.5;    -webkit-font-smoothing: antialiased;   }
picture, video, canvas, svg {    display: block;    max-width: 100%; height: auto; vertical-align: top;  }
img, svg {  max-width: 100%; height: auto; vertical-align: top; }
input, button, textarea, select {    font: inherit;  }
p, h1, h2, h3, h4, h5, h6 {    overflow-wrap: break-word;  }
ul, li, p, h1, h2, h3, h4, h5, h6, img, figure, article, section, figure, img  { padding: 0; margin: 0;}
ul, li, ol { list-style-type: none; } a:link, a:visited { text-decoration: none; color: var(--color); display: inline-block;}
:root { --gutter:90px 0; --gutter40:40px; --gutter60:60px 0; --color:#323232;  --primarColor:#fff; --secondaryColor:#f4c254; --tertiaryColor:#0d1a47; 
  --titleColor:#2d388e; --colorOpt1:#96d9f2;  --colorOpt2:#fab728; --border:1px solid #959595  }
.flex-container {  display: flex;  flex-direction: row;  flex-wrap: wrap;  justify-content: space-between;  align-items: normal;  align-content: normal; }
.full-image { width: 100%; height: auto;} 
.text-cap { text-transform: uppercase;} .text-center { text-align: center; }
#page {   font-family: "Quicksand", sans-serif; font-size: 14.5pt; font-weight: 500; line-height: 22px; color: var(--color); text-align: justify;}
p { padding: 10px 0; line-height: 28px;} address { font-style: normal;}
/* -------------------------- Reset   -------------------------- */
/* -------------------------- Common   -------------------------- */
.container { max-width: 1800px; width: calc(100% - 0px); padding: 0 100px; margin: 0 auto;}
.two-column-wrapp { gap: 60px; } .two-column { width: calc(50% - 30px);} .align-center { align-items: center; } .img-radius, .border-radius { border-radius: 15px;}
.full-link { position: absolute; left: 0; top: 0; z-index: 100; width: 100%; height: 100%;}
.spacer-image { padding: var(--gutter60)} .middle-text { max-width: 1000px; margin: 0 auto;}
/* -------------------------- Common   -------------------------- */
.hme-cruises-wrapp, .hme-riverbell-wel-wrapp, .hme-testi-wrapp, .footer-wrapp, .hb-room-wrapp, .hb-living-wrapp, .sub-page-btm-nav, .villa-top-image-wrapp, .what-set-aprats-wrapp { padding: var(--gutter); }
.sub-page-btm-nav, .footer-wrapp, .villa-top-image-wrapp { padding-bottom: 0;}
.header-wrapp { background-color: var(--secondaryColor); position: fixed; top: 0; left: 0; z-index: 12000; width: 100%;}
.header-wrapp  .container { max-width: 8000px; justify-content: flex-end; }
.site-logo {position: absolute; width: calc(180px - 0px); background-color: var(--tertiaryColor); left: 100px; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; transition: all 0.5s ease;  } 
.header-fix .site-logo { width: calc(130px - 0px); }
.hme-exper-widget { padding: var(--gutter); padding-left: 0; padding-right: 0;}
.site-logo a:link, .site-logo a:visited { display: block;  padding:20px;  }

.welcome-wrapp { padding: var(--gutter); padding-top: 0px;}
.welcome-wrapp article { background-image: url(../images/welcome-left.webp); padding: 30px 40px 30px 510px; background-size: 350px 350px; background-position: 80px center; background-repeat: no-repeat;}
.hme-cruises-wrapp { background-color: #e6e8ec;   background-repeat: repeat-x; background-position: bottom center; padding-bottom: 0; }
.ripple-overlay-wrapp { position: relative;} 
.ripple-area { height: 680px;  background-repeat: repeat-x; background-position: bottom center; }
.hme-cruises-wrapp, .ripple-area { background-image: url(../images/page-loader-bg.webp); }
.ripple-text { position: absolute; width: 100%; top: 40px; z-index: 5000;  mix-blend-mode: screen;}
.child {  left: 0;  transform: translateY(0); opacity: 0;} .ripple-overlay { position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; width: 968px; height: 399px; z-index: 100; background-image: url(../images/home-houseboat-bottom-overlay.webp);  background-repeat: repeat-x; background-position: bottom center; }
.hme-criuses-top { align-items: center; padding: var(--gutter40); padding-top: 0; padding-left: 0; padding-right: 0;}
.home-cruises-blk { padding: 10px; background-color: #fff;} .home-cruises-blk img { }
.home-cruises-blk figure { position: relative;}
.home-cruises-blk article { padding: 80px 80px; background-image: url(../images/houseboat-illustration.webp); background-repeat: no-repeat; background-position: left center; background-size: 400px 187px; padding-left: 450px;}
.hme-hb-images { gap: 40px; padding:var(--gutter);} .hme-hb-images figure { width: calc(50% - 20px);}
.hme-riverbell-wel-wrapp article { padding: 0 30px 0 100px;}
.hme-expe-image { padding: var(--gutter60); padding-bottom: 0; padding-left: 0; padding-right: 0;}
.home-alappuzha-wrapp, .page-seperater-overview { background-image: url(../images/home-alappuzha-loc-imgae.webp); background-repeat: repeat-x; background-position: center center; height: 758px; justify-content: center; color: #fff; position: relative;
  background-size: 160%; 
  background-repeat: no-repeat;   background-position-x: 100%; 
  background-position-y: center;
}
.home-alappuzha-wrapp p { max-width: 500px; text-align: right;}
.home-alappuzha-wrapp .container { position: relative; z-index: 100;}
.home-alappuzha-wrapp:after, .home-alappuzha-wrapp:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.home-alappuzha-wrapp:after { background-color: #151d58; opacity: 0.3; mix-blend-mode: darken;}
.page-bottom-align { background-image: url(../images/page-bottom-bg.webp); background-position: center bottom; background-repeat: repeat-x; } 
.hme-gallery figure { padding-top: 15px;} 
footer, footer a:link, footer a:visited { color: #e2e9f6;} .footer-top figure { padding-bottom: 15px;}
.footer-top .align { position: relative;} .btm-loc { position: absolute; left: 50%; top: 0; transform: translateX(-50%);}
.footer-menu-wrapp { padding: 180px 0 50px 0;  border-bottom: 1px solid rgba(255,255,255,0.2);}
.footer-wrapp { padding-top: 52px;} .cpr-wrapp, .footer-menu-wrapp { font-size: 11pt; }
.footer-menu a:link, .footer-menu a:visited { display: block; padding: 4px 0 4px 15px; position: relative;}
.footer-menu a::after { content: ""; display: block; background-image: url(../images/icon/footer-arrow.webp); background-repeat: no-repeat; background-position: left center; width: 6px; height: 9px; position: absolute; left: 0; top: 11px; }
.footer-menu-wrapp p { padding: 0 0 10px; }
.footer-menu-wrapp .align { position: relative; background-image: url(../images/footer-logo.webp); background-repeat: no-repeat; background-position: right center;}
.footer-address { position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
.cpr-wrapp { padding: 35px 0 35px 0; background-color: #1e3064;}
.experience-slider figure { position: relative;}
.experience-slider figcaption { position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; }
.home-banner { position: relative;} 
.banner-caption { position: absolute;  z-index: 10000; bottom: 130px; left: 0; width: 100%;  color: #fff; text-shadow: 1px 3px 5px rgba(0,0,0,0.53);}

.banner-slider-hold { position: absolute; top: 0; left: 0; width: 100%;}




#sub-page { padding: 80px 0 ;} .sub-page-content { padding: var(--gutter60); padding-bottom: 0;}



.overview-top figure { padding: 0 80px 0 20px;}
.founders-group:nth-child(odd) figure { padding: 0 0 0 20px;}
.founders-group:nth-child(odd) {  flex-direction: row-reverse;}
.founders-group:nth-child(even) { padding-top: 50px; padding-bottom: 60px;}
.founders-group:nth-child(even) figure  { padding: 0 20px 0 0;} 
.sub-page-btm-nav figure { position: relative;}
.sub-page-btm-nav figcaption { position: absolute; bottom: 0; width: 100%; left: 0; }
.page-seperater-overview { height: 400px; background-image: url(../images/overview-btm-strip.webp);}
.house-boat-slider-wrapp, .villa-top-image-wrapp { position: relative;}
.villa-top-image-wrapp { padding: var(--gutter60); padding-bottom: 0;}
.what-set-aprats-wrapp { padding: var(--gutter60); background-color: #f9e0a9; padding-top: 0; }
.house-boat-slider-wrapp:after { content: ""; display: block; position: absolute;  background-color: #f9e0a9; width: 100%;  height: 340px; bottom: 0; left: 0;} .house-boat-slider-wrapp .container { position: relative; z-index: 100;}
.lSSlideOuter .lSPager.lSGallery img { border-radius: 10px;} .lSSlideOuter .lSPager.lSGallery { padding-top: 20px; margin: 0 auto;} .lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li.active { filter: grayscale(100%); opacity: 0.8;} .houseboat-sepration { background-image: url(../images/traditionally-designed-boat-with-a-moon-deck.webp); background-repeat: no-repeat; background-position: top center;  background-color: #516785; 
  background-repeat: no-repeat; } .houseboat-sepration .container { height: 600px;}
.hb-room-wrapp, .villa-accom-wrapp { background-color:var(--tertiaryColor); color: #fff;} .hb-room-image, .hb-living-image { padding: var(--gutter60); padding-bottom: 0;}
.hb-othr-details article { padding: 15px 0;} .hb-othr-details p { padding-top: 0;} 
.hb-othr-details-left figure { padding-top: 30px;}  .hb-othr-details-right figure, .villa-activ-left figure  { padding-bottom: 40px;}
.villa-page #sub-page { padding-bottom: 0;}
.villa-top-image-wrapp .container { position: relative; z-index: 100; color: #fff;}
.villa-blue-box { padding: var(--gutter60); background-color: var(--tertiaryColor); color: #fff;}
.villa-room-strip { background-image: url(../images/villa/villa-room-image-strip.webp); background-position: center center; height: 600px;}
.what-set-aprats-wrapp, .hb-room-wrapp, .hb-living-wrapp, .villa-accom-wrapp , .houseboat-top, .villa-top-content, .villa-amen-wrapp, .villa-activity-group, .villa-others-wrapp, .other-experience-wrapp, .experiences-wrapp  { padding: var(--gutter60);} .experiences-wrapp   {  background-color: #f2f5fb;}
.other-experience-wrapp { padding-bottom: 100px; margin-bottom: 0;}
.hb-room-image { padding: 30px 0; } .hb-living-image, .villa-top-image-wrapp {padding-top: 30px; }
.houseboat-top, .villa-top-content  { padding-top: 0;} .villa-activity-group { padding-bottom: 0; }
.villa-others-wrapp  { background-color: #e6e8ec; }
.villa-activ-right figure { padding-top: 40px; }
.villa-activity-group p, .villa-other-block p { padding: 0;} .villa-activity-group article { padding: 20px 0; } 
.villa-other-block article { padding: 15px 0;}
.villa-other-block:nth-child(odd) { flex-direction: row-reverse; padding-bottom: 40px;}
.facilities-four-column { gap: 20px;} .facil-block-fc { width: calc(33.333% - 20px);} .facil-block-fc img { width: 100%;}
.facil-block-ayurveda {  position: relative; align-items: center; margin: var(--gutter40); margin-left: 0; margin-right: 0; overflow: hidden;  width: 100%;}
.facil-block-ayurveda::after { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.5; }
.facil-block-ayurveda h3 { position: absolute; width: 100%; text-align: center;} .facilities-four-column { padding-top: 30px;}
.facil-two-column { gap: 20px;} .facil-two-column .two-column { width: calc(50% - 20px);}
.page-seperater-hb { background-image: url(../images/houseboat-seperator.webp); background-position: center center; }
#sub-page  { 
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,9db5cb+98&0+65,0.17+100 */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(190,206,221,0) 65%,rgba(157,181,203,0.16) 98%,rgba(157,181,203,0.17) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.experiences-wrapp, .experience-block ul { gap: 20px; } .experience-block, .experience-block li { width: calc(50% - 20px); } 
.experience-block li { display: block; padding: 2px 0 2px 15px; position: relative; } .experience-block { width: calc(60% - 20px); } .compli-image { width: calc(40% - 20px); }
.experience-block li::before { content: ""; display: block; width: 6px; height: 6px; border-radius: 50%; background-color: var(--titleColor); position: absolute; left: 0px; top: 11px; }
.other-experience-wrapp { background-color: #e6e8ec;  }
.experi-page #sub-page, .overview-page #sub-page { padding-bottom: 0; }  .other-experience-wrapp .container { gap:0px;   }
.other-expe { width: calc(50% - 0px); display: block;  border: 1px solid #c2c6cf; margin-left: 0px; margin-top: -1px;  text-align: center; }
.other-expe article  { padding: 34px; }
.other-expe-content { width: calc(60% - 0px); gap: 0;} .other-expe-image { width: calc(40% - 0px); padding-left: 50px; background-image: url(../images/other-expe-image.webp); background-position: center center; background-size: cover;}
.other-expe:last-child { width: calc(100% - 0px);}
.other-experience-wrapp .container { padding-top: 60px;} .experi-top-items { padding-bottom: 80px;}
.gallery-menu { border: 1px solid #f3f3f3; border-left: none; border-right: none;}
.gallery-menu ul { justify-content: center; } .gallery-menu a:link, .gallery-menu a:visited { display: block; padding: 20px 25px; text-transform: uppercase;}
.gallery-menu a.active:link, .gallery-menu a.active:visited { font-weight: 600; background-color: rgba(0,0,0,0.1); }

.gallery-block { padding-top: 40px ;} .gallery-block ul { gap: 15px;} .gallery-block li { display: block; width: calc(25% - 15px); } .gallery-block img { border-radius: 10px;}
.contact-wrapp { background-color: #fff; } .address-wrapp p {padding: 3pxs;}
.contact-logo { padding: 20px; background-color: var(--tertiaryColor); border-radius: 20px; width: 150px; margin: 0 auto 15px auto; text-align: center;}
.address-wrapp, .googlemap { width: calc(50% - 0px); padding: 45px 0; text-align: center;}
.googlemap { position: relative; min-height: 500px;} .googlemap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.houseboat-sepration .align, .hb-room-image, .hb-living-image, .hb-room-image {position: relative; height: 100%;}
.home-cruises-blk figure { position: relative;}

.houseboat-sepration .book-btn, .hb-room-image  .book-btn, .hb-living-image .book-btn, .hb-room-image .book-btn, .home-cruises-blk .knw-btn { position: absolute; right: 0; bottom: 100px;} .hb-room-image  .book-btn, .hb-living-image .book-btn { right: 80px;}
.why-choose-us-wrapp { padding: var(--gutter); background-color: #e6e8ec;}

.testi-block { padding: 30px; width: calc(50% - 0px); border: 1px solid #efefef; margin-left: 0px; margin-top: -1px; }

.testi-block p { position:relative;  text-indent: 15px; }
.testi-block p:before { background-image:url(../images/icon/quote-top.png); background-repeat:no-repeat; width:17px; height:17px; content:""; display:inline-block  }
.testi-block p span { background-image:url(../images/icon/quote-close.png); background-repeat:no-repeat; background-position:right top; padding-right:25px; width:17px; height:14px }
.clientName { font-size:20pt; padding-top:10px; text-align:right;  margin-top:5px; color:var(--titleColor) }

footer a:link, footer a:visited { transition: all 0.5s ease; }
footer a:hover { opacity: 0.7; }
.hme-exper-widget figure { border-radius: 12px; overflow: hidden; position: relative; }
.hme-exper-widget figure::after { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0,0,0,1); z-index: 10;}
.hme-exper-widget figure:hover::after { background-color: rgba(0,0,0,0.5);}
.banner-wrapp { position: relative;}
.hb-banner-caption {  position: absolute; width: 100%; z-index: 100; left: 0; bottom: 50px; text-align: center; text-shadow: 1px 3px 5px rgba(0,0,0,0.53);}
.villa-tp-images { padding-top: 60px;}
/* ------------------------ Floating btns sidebar ----------------- */
.right-sidebar {   position: fixed;  top: 50%;  right: 0;  transform: translateY(-50%);  display: flex;  flex-direction: column;  gap: 0px;  z-index: 999; }
.sidebar-item {  position: relative;  width: 50px;  height: 50px;  background: #2d388e;  color: white;  border-radius:0;  display: flex;  align-items: center;  justify-content: center;   cursor: pointer;  overflow: visible; }
.sidebar-item .label {  position: absolute;  right: 100%;  margin-right: 0px;  background: #2d388e;  color: white;  padding:19px 20px;  border-radius: 0px;  white-space: nowrap;
  opacity: 0;  transform: translateX(10px);  transition: opacity 0.3s ease, transform 0.3s ease;  pointer-events: auto; /* Make label clickable */  text-decoration: none;  font-size: 13pt; font-weight: 400; line-height: 8pt; visibility: hidden; }
.sidebar-item:hover .label {  opacity: 0;  transform: translateX(10); visibility: visible; animation:sideanim 0.5s forwards; animation-delay:0.2s ; }
.sidebar-item .label:hover {  background: #555; } 
.sidebar-item-call, .sidebar-item-call .label { background-color: #176eb4;}
.sidebar-item-mail, .sidebar-item-mail .label  { background-color: #27b2e4;}
@keyframes sideanim {
  0% {opacity: 0;  transform: translateX(10); }
    100% {opacity: 1;  transform: translateX(0); }
}
/* ------------------------ Floating btns sidebar ----------------- */

.testi-slide-wrapp { padding: 45px 230px; padding-bottom: 0;  position: relative; overflow-x: hidden;}
.testi-slide-wrapp:before, .testi-slide-wrapp:after { content: ""; display: block; background-image: url(../images/icon/quote-left.webp); width: 150px;  height: 152px; background-size: 100% auto; background-repeat: no-repeat; position: absolute; left: 0; top: 0;} .testi-slide-wrapp:after { left: auto; right: 0; }
.view-gall-btn, .read-more-btn { padding: 45px 0; text-transform: uppercase; } .view-gall-btn a:link, .view-gall-btn a:visited, .read-more-btn a:link, .read-more-btn a:visited { display: inline-block; position: relative; padding-bottom: 5px; color: var(--tertiaryColor);}  .read-more-btn { padding-bottom: 0;}
.view-gall-btn a:after, .view-gall-btn a:before, .read-more-btn a:after, .read-more-btn a:before { position: absolute; content: ""; display: block; width: 100%; height: 1px; background: var(--tertiaryColor);; bottom: 0; transition: all 0.5s ease;}
.view-gall-btn a:before, .read-more-btn a:before { transform: scale(0); background-color:var(--secondaryColor); z-index: 100;} .view-gall-btn a:hover:before, .read-more-btn a:hover:before { transform: scale(1);}

/* -------------------- all titles --------------------- */
.welcome-title, .hme-criuses-top, h1, h2, h3, h4, h5, .circle-btn,  .footer-title,  .experience-slider figcaption  {  font-family: "Bebas Neue", sans-serif; letter-spacing: 2px; font-weight: 500; }
.welcome-title { padding-bottom: 25px; color: var(--titleColor); gap: 15px; text-transform: uppercase; font-size: 60pt; line-height: 47pt; align-items: flex-end; justify-content:flex-start; }
.welcome-title span  { font-size: 30pt; line-height: 30pt;}
.widget-title, .hme-criuses-top { color: var(--tertiaryColor);}
.widget-title-small, .overview-title, .page-title, .small-title  { color: var(--titleColor);}
.widget-title h2 { font-size: 36pt; line-height: 36pt; } .widget-title {padding-bottom: 10px;}
.widget-title h3, .hme-loc-title, .hme-criuses-top  h2, .home-testi-title h4  { font-size: 56pt; line-height: 50pt; }
.hme-alleppey-name { font-size: 100pt; text-align: right;}
.footer-menu-wrapp p.footer-title { width: 100%; padding-bottom: 25px; font-size: 22pt;}
.footer-top { font-size: 17pt;} 
.home-testi-title h3 { font-size: 22pt; padding-bottom: 15px; line-height: 22pt;} 
.testi-guestname { font-size: 20pt; padding-bottom: 15px;}
.experience-slider figcaption { font-size: 28pt; color: #fff; padding-bottom: 30px;}
.banner-caption h1 { font-size: 46pt; line-height: 46pt;} .banner-caption h4 { font-size: 80pt; line-height: 80pt;} .banner-caption h5 { font-size: 68pt; line-height: 68pt; }
.page-title { font-size: 40pt; padding-bottom: 40px; border-bottom: var(--border); text-align: center; }
.overview-title { padding-bottom: 20px; } .overview-title h2 {  font-size: 36pt; line-height: 36pt; } .overview-title h3 { font-size: 26pt; line-height: 26pt; }
.sub-page-btm-nav h5, .small-title { font-size: 26pt; padding-bottom: 20px; line-height: 26pt;} .sub-page-btm-nav h5 { color: #fff; padding-left: 40px; padding-bottom: 35px;}
.hb-sep-cap { color: #fff; padding-top:80px;} .hb-sep-cap h4  { font-size: 33pt; line-height: 33pt; padding-bottom: 10px;} .hb-sep-cap h5 { font-size: 40pt; line-height: 40pt;}
.villa-activity-group .small-title, .villa-other-block .small-title, .facil-wrapp  .small-title, .experience-block  .small-title, .experi-top-items .small-title { font-size: 22pt; padding-bottom: 15px;}
.hb-room-wrapp .small-title, .villa-accom-wrapp .widget-title { color: #fff;}
.facil-block-ayurveda h3 { font-size: 28pt; color: #fff;  z-index: 100;}

.other-expe .small-title { font-size: 20pt; padding-bottom: 5px;}
.contact-title { font-size: 20pt; padding-bottom: 15px; }
.right-sidebar a:link, .footer-top a:visited { font-weight: 600;}
.hb-capTtle { font-size: 18pt; color: var(--secondaryColor);}
.hb-banner-caption { color: #fff;}
.hb-banner-caption h2 { font-size: 42pt; line-height: 42pt; }

.hb-banner-caption h3 { font-size: 80pt; line-height: 80pt; }

.hb-banner-caption h4 { font-size: 68pt; line-height: 68pt; }
.houseboat-top .small-title { line-height: 40pt;}
.small-title-hb .frist-cap { font-size: 26pt; line-height: 28pt;}
.small-title-hb .snd-cap { font-size: 30pt; line-height: 40pt;}
.small-title-hb .trd-cap { font-size: 38pt; line-height: 42pt;}
.small-title-hb { padding-bottom: 20px; color: var(--tertiaryColor);}
/* -------------------- all titles --------------------- */

/* -------------------- all btns --------------------- */
.rm-btn { padding-top: 15px;}
.btn-group { justify-content: center; gap: 20px; padding-top: 25px;}
.circle-btn:link, .circle-btn:visited { transition: all 0.5s ease; transform: translateY(0); display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; width: 90px; height: 90px; border-radius: 50%; background-color: rgba(14,180,229,0.8); font-size: 14pt;}
.knw-btn:link, .knw-btn a:visited { background-color: var(--colorOpt1);} .book-btn:link, .book-btn:visited { background-color: var(--colorOpt2);}
.circle-btn:hover { transform: translateY(-10px);}

.home-cruises-blk .knw-btn  { right: 50px; bottom: 80px;}
.home-cruises-blk .knw-btn:link, .home-cruises-blk .knw-btn:visited { background-color: rgba(14,180,229,0.8); color: #fff;}

/* -------------------- all btns --------------------- */

/* ------------- primary menu ------------- */
.primary-menu {  font-family: "Bebas Neue", sans-serif;  } .primary-menu li { display: inline-block; padding: 0;} 

.primary-menu {     padding: 0;   }
.primary-menu nav div, .resorts-sing-menu nav div {        }
.primary-menu ul, .resorts-sing-menu ul {    margin: 0px;    padding: 0px;    list-style-type: none;    position: relative; }
.primary-menu ul {  }
.primary-menu ul li {    display: inline-block; }
.primary-menu ul li a:link, .primary-menu ul li a:visited { letter-spacing: 1px;  display: block; text-transform: uppercase; padding: 20px 20px; color: var(--color); font-size: 14pt; font-weight: 500;   }
.primary-menu ul li a:hover, .primary-menu ul li a.active:link, .primary-menu ul li a.active:visited, .services-single-page .dpMenuWhat a:link, .services-single-page .dpMenuWhat a:visited {  color: var(--titleColor);  }
.primary-menu ul li.dpMenu ul, .resorts-sing-menu ul li.dpMenu ul {    position: absolute;    min-width: auto;    width: 400px;    display: none; opacity: 0; box-shadow: 3px 3px 35px 0px rgba(0,0,0,0.45);  background:#fff; border-radius: 4px;    }
.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: block;  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: 360px;       padding:11px 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:#8c8c8c !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: 11pt !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 !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 { }
.menu-images { position: absolute; top: 0; right: 0; width: 200px; height: 100%;  background-image: url(../images/menu-waterproofing.webp);}
.menu-images-epoxy, 
.menu-images-grouting,
.menu-images-fitting
 { opacity: 0; background-image: url(../images/menu-epoxy.webp); transition: all 0.5s ease; }
 .menu-images-grouting { background-image: url(../images/menu-grouting.webp);}
 .menu-images-fitting { background-image: url(../images/menu-fitting.webp);}
.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 ------------- */

/* -------------------------------------- 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 --------------------------- */

.owl-carousel .owl-nav button.owl-next span, .owl-carousel .owl-nav button.owl-prev span { font-size: 28pt; display: block; border: 1px solid #8d93a8; color: var(--tertiaryColor); width: 40px; height: 40px; text-align: center; line-height: 30px;  border-radius: 50%;} .owl-carousel .owl-nav button.owl-next:hover, .owl-carousel .owl-nav button.owl-prev:hover { background: none !important;}
.banner-slider-hold .owl-dots {position: absolute; width: 100%; left: 0; bottom: 50px;}
.banner-slider-hold .owl-theme .owl-dots .owl-dot span { width: 14px; height: 14px; }
.banner-slider-hold  .owl-theme .owl-dots .owl-dot.active span, .banner-slider-hold .owl-theme .owl-dots .owl-dot:hover span { background-color: var(--tertiaryColor);}


.fancybox__container{
z-index: 1000001;
}
.fancybox__thumbs {
  display: none !important;
}



.cpr-wrapp .container { position: relative;}

.smo ul {    justify-content: center; } .smo li, .smo-banner li {    display: block;    margin: 0 10px;    padding: 0; }
.smo svg, .smo-banner svg {    fill: #fff; opacity: 0.8; }
.smo a:link, .smo a:visited, .smo-banner a:link, .smo-banner a:visited {    display: block; }
.smo li svg, .smo-banner li svg {    width: 10px;    height: auto; } 
.smo li:nth-child(2n) svg {    width: 20px; } .smo li:nth-child(3n) svg {    width: 28px; }
.smo li:nth-child(4n) svg {    width: 28px; } .smo li:nth-child(5n) svg {    width: 30px; }
.smo-footer {position: absolute; left: 50%; top: 0; transform: translateX(-50%);}
.sub-page .smo-footer { left: auto; transform: translateX(0); right: 100px;}


.video-th-gall { width: 100%; height: 500px;  margin: 0 auto; position: relative; }
.video-th-gall iframe {position: absolute; top: 0; left: 0; width: 100%; height:  100%;}