/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */

/* Small menu. */

.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}

@media screen and (min-width: 37.5em) {
  .menu-toggle {
    display: none;
  }

  .main-navigation ul {
    display: flex;
  }
}
* {
  scrollbar-width: thin;
  scrollbar-color: var(--mainColor) #fff;
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
  display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  text-align: end;
  flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
  display: block;
}

/* DELETE LATER, ONLY TO FIX HEADER IN WP
--------------------------------------------- */
/* .post,
.page {
	margin: 1.5em 0 0 0;
} */

.updated:not(.published) {
  display: none;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
  margin: 0 0 1.5em;
}

.widget select {
  max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

.wp-caption-text {
  text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
  margin-bottom: 1.5em;
  display: grid;
  grid-gap: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  width: 100%;
}

.gallery-columns-2 {
  grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
  grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
  grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
  grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
  grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
  grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
  grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
  grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
  display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
  outline: 0;
}
h1.fntColorDark,
h2.fntColorDark,
.tGL.fntColorDark {
  font-weight: 700 !important;
  color: var(--mainColorLight) !important;
}
.tGL {
  font-weight: 700;
}

/* Alignments
--------------------------------------------- */
.alignleft {
  /*rtl:ignore*/
  float: left;

  /*rtl:ignore*/
  margin-right: 1.5em;
  margin-bottom: 1.5em;
}

.alignright {
  /*rtl:ignore*/
  float: right;

  /*rtl:ignore*/
  margin-left: 1.5em;
  margin-bottom: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5em;
}

/* ------------------------------------------------------------------------------- */
/* PAGE SPECIFIC STYLES*/
/* ------------------------------------------------------------------------------- */

html {
  scroll-behavior: smooth;
  overflow-x: hidden;
}

.scrollbar::-webkit-scrollbar {
  width: 2.5px !important;
  height: 2.5px !important;
  margin-left: -19px !important;
}
.scrollbar::-webkit-scrollbar-thumb {
  background: var(--mainColor) !important;
  border-radius: 0px !important;
  margin-left: 10px !important;
}
.scrollbar::-webkit-scrollbar-thumb:hover {
  background: red !important;
  box-shadow: 0 0 2px 1px rgba(56, 56, 56, 0) !important;
}
.scrollbar::-webkit-scrollbar-thumb:active {
  background-color: red !important;
}
.scrollbar {
  scroll-behavior: smooth;
}

/* .pageContents{
    max-width: 1536px;
} */

.page-width {
  max-width: 200rem;
  margin: 0 auto;
  padding-left: 5rem;
  padding-right: 5rem;
}

@font-face {
  font-family: "Montserrat";
  src: url("fonts/Montserrat/Montserrat-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Montserrat";
  src: url("fonts/Montserrat/Montserrat-Light.ttf") format("truetype");
  font-weight: lighter;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Montserrat";
  src: url("fonts/Montserrat/Montserrat-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "League Spartan";
  src: url("fonts/League_Spartan/LeagueSpartan-Light.ttf") format("truetype");
  font-weight: lighter;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Raleway";
  src: url("fonts/Raleway/Raleway-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Raleway";
  src: url("fonts/Raleway/Raleway-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Raleway";
  src: url("fonts/Raleway/Raleway-ExtraLight.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Raleway";
  src: url("fonts/Raleway/Raleway-Thin.ttf") format("truetype");
  font-weight: lighter;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Raleway";
  src: url("fonts/Raleway/Raleway-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Raleway";
  src: url("fonts/Raleway/Raleway-ExtraBold.ttf") format("truetype");
  font-weight: bolder;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Montserrat";
  src: url("fonts/Montserrat/Montserrat-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Montserrat";
  src: url("fonts/Montserrat/Montserrat-Thin.ttf") format("truetype");
  font-weight: lighter;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Montserrat";
  src: url("fonts/Montserrat/Montserrat-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --mainColor: #0176bc;
  --mainColorLight: #2187c4;
  --mainColorLighter: #a0cce6;
  --mainColorLightest: #dfeef7;
  --mainColorDarker: #0167a5;
  --mainColorBtn: #ff7a59;
  --white: #ffffff;
  --black: #000;
  --secondaryColor: #ff7a59;
  --secondaryColorLight: #ffffff;
  --secondaryColorDark: #d9d9d9;
  --secondaryColorLighter: #cecece;
  --secondaryColorExtra: #ff7a59;
  --fontGrey: #c5c5c5;
  --fontLight: #ffffff;
  --fontDark: #666666;
  --fontDarker: #959595;
  --fontColor: #6f9d34;
  --fontColorL: #d4ee9d;
  --headings-font: "Raleway";
  --regular-font: "Montserrat";
  --subtitlendHeaders-font: "Montserrat";
  --contndQLinks-font: "League Spartan";
  --parrafos: 18px;
  --ftrLinks: 17px;
  --parrafosP: 14px;
  --titulosG: 50px;
  --titulosG2: 60px;
  --titulosg: 40px;
  --titulosM: 38px;
  --titulosm: 35px;
  --titulosP: 19px;
  --titlesS: 27px;
  --rvw: 24px;
  --txtBtn: 20px;
  --subyHedars: 22px;
  --darkTransparency: rgba(56, 56, 56, 0.45);
  --lightTransparency: rgba(255, 255, 255, 0.3);
}

.fontP {
  font-size: var(--parrafos);
}

.bkng1stCol {
  background: linear-gradient(
    269.76deg,
    #88bb27 0.2%,
    #acd068 7.67%,
    #cae19e 20.12%,
    #eaf3d9 59.96%,
    #ffffff 90.33%
  );
}

.tGC {
  font-size: var(--titulosg);
  text-align: center;
}

.tGL {
  font-size: var(--titulosg);
  text-align: left;
}

.tGR {
  font-size: var(--titulosg);
  text-align: Right;
}

.tbooking {
  width: 80%;
  max-width: 30vw;
  line-height: 3rem;
  padding: 2rem 0;
  font-size: var(--titulosg);
}

@media screen and (max-width: 767.5px) {
  .tbooking {
    width: unset;
    max-width: 100%;
  }
}

@media screen and (max-width: 782px) {
  .bkng1stCol {
    background: unset;
  }

  .tGL,
  .tGR,
  .tGC {
    font-size: var(--titulosm);
    text-align: center;
  }
}

.trvw,
.textrvw {
  width: 30rem;
}

@media screen and (max-width: 787px) {
  .trvw,
  .textrvw {
    width: unset;
    text-align: center;
  }
}

.fontM {
  font-size: var(--titulosM);
}

@media screen and (max-width: 568px) {
  .fontM {
    font-size: /*var(--titulosm)*/ 30px;
  }
}

.fontG {
  font-size: var(--titulosG2);
}

.fonttP {
  font-size: var(--titulosP);
}

.fntCMain {
  color: var(--fontColor);
}

.fntCMainL {
  color: var(--fontColor);
}

.fntColorLight {
  color: var(--fontLight);
}

.fntColorDark {
  color: var(--fontDark);
}

.fntColorDarker {
  color: var(--fontDarker);
}

#menu-primary {
  display: flex;
  flex-direction: row;
  gap: 2rem;
  font-family: var(--subyHedars);
  font-weight: bold;
  text-shadow: 1px 1.5px 2px #d8d8d85e;
}

#menu-primary li {
  position: relative;
}

#menu-primary a {
  transition: 400ms;
}

li a {
  color: var(--white);
}

footer li a,
footer li a:not([href]) {
  color: white !important;
}

#menu-primary ul,
#menu-primary ul ul {
  display: none;
  position: absolute;
  top: 1.5em;
  left: 0;
  z-index: 99999;
  width: 280px;
  padding-right: 2.5rem;
  background: #fff;
  box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
  padding: 15px;
}

@media screen and (max-width: 991.5px) {
  #menu-primary {
    flex-direction: column;
    align-items: start;
    gap: 1rem;
    padding-left: 0;
    padding: 20px;
  }

  #menu-primary .menu-item-has-children i {
    margin-left: 1.5rem;
  }

  #menu-primary ul,
  #menu-primary ul ul {
    position: initial;
    padding-right: 0;
    background: none;
    box-shadow: none;
  }
}

@media screen and (min-width: 991.6px) and (max-width: 1182.22px) {
  #menu-primary {
    gap: 0.5rem;
  }
}

#menu-primary ul li {
  padding: 0.5rem 0;
  font-size: 15px;
}

@media screen and (min-width: 991.6px) {
  #menu-primary li:hover > ul {
    display: block;
  }
}

@media screen and (min-width: 991.5px) {
  #menu-primary li i:hover + ul {
    display: block;
  }
}
@media (max-width: 992px) {
  #menu-primary .menu-item-has-children i.active::before {
    transform: rotate(90deg);
    transition: 400ms;
  }
  .sub-menu {
    display: none;
  }
  #menu-primary li {
    text-align: start;
  }
  #menu-primary li > i:hover {
    color: #000 !important;
  }
  #menu-primary ul,
  #menu-primary ul ul {
    padding-left: 0;
  }
  .scrollColor:hover {
    color: var(--mainColor) !important;
  }
}
#menu-primary,
#menu-primary ul {
  list-style-type: none;
}

.menu > ul li a {
  color: var(--secondaryColorLight);
}

.menu > ul li::marker {
  display: none;
}

.footer {
  padding: 2rem;
}

.footer-copyright {
  background: #035c92;
}

.footer-copyright p {
  font-size: 14px;
}

@media screen and (max-width: 767.5px) {
  .footer-copyright p {
    font-size: 12px;
  }
}

.footer-copyright a {
  color: var(--fontLight);
}

.footer-copyright a:hover {
  color: var(--secondaryColor);
}

.diffWeight p {
  font-size: 32px;
  color: var(--mainColorDarker);
}

#section2,
#section4,
#section6 {
  background: linear-gradient(90deg, var(--mainColorLight), var(--white) 92.6%);
}

#booking2 {
  padding: 50px 0 50px 4rem;
}

@media screen and (max-width: 767px) {
  #booking2 {
    background: linear-gradient(
      269.76deg,
      #88bb27 0.2%,
      #acd068 7.67%,
      #cae19e 20.12%,
      #eaf3d9 59.96%,
      #ffffff 90.33%
    );
    padding: unset;
  }
}

#logo {
  width: 13vw;
}

@media screen and (max-width: 568px) {
  #logo {
    width: 35vw;
  }
}

.hero {
  max-height: 100vh;
  max-width: 100vw;
  /* DELETE LATER, ONLY TO FIX WP BAR */
  /* margin-top: -32px; */
  padding: 0 0;
}

@media (max-width: 600px) {
  .hero video {
    width: 100%;
    height: 100vh;
    object-fit: cover;
  }
}
/* #bestSellers {
  padding: 0 4rem;
  margin-top: -3rem;
} */

@media screen and (max-width: 568px) {
  #bestSellers {
    padding: 50px 1rem !important;
    margin-top: unset;
  }
  #bestSellers .bsButton {
    padding-bottom: 0;
  }
  .bsImgContainer {
    width: 90% !important;
    margin: auto !important;
  }
}

.heroImage {
  width: 100%;
  height: 100%;
  object-fit: cover;
  min-height: 100vh;
}

.hero video {
  position: relative;
  min-width: 100%;
  min-height: 100%;
  /* top: 50%;
    left: 50%;
    width: auto;
    height: auto; */
}

a.anchor {
  display: block;
  position: relative;
  top: -195px;
  visibility: hidden;
}

.hero-owl-carousel {
  position: relative;
  width: 100vw;
  height: 100vh;
}

.hero-owl-carousel .owl-item img {
  display: block;
  width: auto;
  min-width: 100vw;
  min-height: 100vh;
}

.hero-owl-carousel .owl-item {
  height: 100% !important;
  width: 100%;
}

.overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgb(255 255 255 / 41%);
  z-index: 1;
}

.suboverlay {
  background-color: rgba(90, 90, 90, 0.41);
}

.topHeader {
  height: 37px;
  max-height: 37px;
  /* align-items: center; */
  justify-content: space-around;
  align-content: center;
  flex-wrap: wrap;
  background: #035c92;
  font-family: var(--regular-font);
}

.navbar-collapse {
  align-items: center;
  justify-content: center;
}

.navbar-nav {
  flex-direction: row;
  justify-content: center;
}

.navbar-nav > .nav-item > .nav-link {
  /* color: var(--fontLight) !important; */
  color: var(--fontDark);
  font-family: var(--headings-font);
  font-weight: lighter;
  flex-direction: row;
  display: inline-flex;
  transition: 400ms;
}

.navbar-nav > .nav-item > .nav-link:hover {
  color: var(--mainColorLight) !important;
}

/* .navbar a{
    color: var(--white);
} */

.cart-count {
  position: absolute;
  background: var(--mainColorDarker);
  width: 15px;
  height: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  font-size: 10px;
  right: -5px;
  bottom: -5px;
}
@media (min-width: 992px) {
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }
}

@media screen and (max-width: 992px) {
  .navbar-nav > .nav-item > .nav-link {
    color: var(--fontLight) !important;
    display: block;
    transition: 400ms;
  }

  #collapsibleNavbar {
    background-color: var(--mainColor);
  }

  .navIcons {
    flex-direction: row;
    justify-content: center !important;
  }

  .navStyleU img {
    filter: none !important;
  }
}
@media (max-width: 450px) {
  .cart-count {
    right: 4px;
  }
}
/* DELETE LATER, ONLY TO FIX WP BAR */
@media screen and (max-width: 782px) {
  .overlay {
    /* top: 46px; */
    bottom: -14px;
  }
}

.jumbotron {
  /* background-image: url('IMAGENES/HERO.jpg'); */
  /* background-size: cover; */
  background-color: transparent;
  height: 100vh;
  padding: 0;
  margin-bottom: 0;
}

@media (min-width: 576px) {
  .jumbotron {
    padding: 0;
  }
}

.jumbotron > .inner {
  position: relative;
  z-index: 2;
  /* margin-left: 2vw; */
  height: 100%;
  /* max-width: 100%; */
  width: 100vw;
}

.lead {
  color: var(--fontLight);
  font-size: var(--titulosM);
  padding-left: 4vw;
}

.herosText {
  padding-top: 12vh;
  font-size: var(--titulosM);
  /* padding-left: 3vw; */
  opacity: 1 !important;
  color: var(--fontLight);
  font-family: var(--subtitlendHeaders-font);
  text-align: center;
}

.heroTextH {
  /* padding-top: 17vh;
    padding-left: 3vw; */
  font-size: var(--titulosG);
  opacity: 1 !important;
  color: var(--fontLight);
  font-family: var(--headings-font);
  font-weight: lighter;
  max-width: 650px;
  line-height: 5rem;
  text-shadow: 1px 1.5px 2px grey;
}

.smHeader,
a:hover {
  color: var(--mainColorLight);
}

.smFooter {
  margin-top: 1.7rem;
}

.smFooter i {
  font-size: 1.5rem;
}

.smFooter a {
  color: white;
  transition: 400ms;
}

.smFooter a:hover {
  color: var(--mainColorLighter);
}

.smFollow {
  position: relative;
  top: -7rem;
}

@media screen and (max-width: 568px) {
  .smFollow {
    top: -12rem;
  }
}

.ftrTitle {
  font-family: "Raleway";
  color: white;
  font-weight: bold;
}

@media screen and (max-width: 992px) {
  .topHeader {
    background-color: var(--mainColorLight);
  }

  .heroTextH {
    max-width: unset;
    line-height: 4rem;
  }
}

@media screen and (max-width: 768px) {
  .heroTextH {
    font-size: var(--titulosm);
    max-width: unset;
    line-height: 3rem;
  }
}

@media screen and (max-width: 568px) {
  .heroTextH {
    font-size: 28px;
  }
}

.navbar {
  box-shadow: 0px 0px 0px 0px transparent;
}

@media screen and (max-width: 992px) {
  .navbar {
    margin-top: 37px;
    padding-left: 15px;
    padding-right: 15px;
  }
}

.navStyleU {
  box-shadow: 0px 0px 0px 0px transparent;
  background: transparent;
}

.navStyleD {
  box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;
  background: var(--secondaryColorLight);
}

/* @media screen and (max-width: 992px) {
  .navStyleU {
    background: #ffffffe8;
  }
} */

.logged-in .navbar-fixed-top {
  top: 3px;
}

.navbar-toggler {
  background-color: var(--mainColorLight) !important;
  border: 1px solid #62626285;
}
@media (max-width: 600px) {
  .navbar-toggler {
    font-size: 12px;
  }
}
/*DELETE LATER - ONLY TO  SEE BAR UNDER WP BAR*/

/* .fixed-top{
    top: 32px;
} */

@media screen and (min-width: 782px) {
  .fixed-top {
    padding-left: 6vw;
    padding-right: 8vw;
  }
}

h1,
h2,
h3,
h4,
h5 {
  font-family: var(--headings-font);
  font-weight: lighter;
  color: var(--fontDark);
}

.subtitle {
  font-family: var(--subtitlendHeaders-font);
}

p {
  font-family: var(--regular-font);
  font-size: var(--parrafos);
  word-break: break-word;
}

.subndLinkHeaders {
  font-family: var();
}

i {
  padding: 0 5px;
  font-style: inherit;
}

li {
  font-family: var(--regular-font);
}

a {
  /*color: var(--white);*/
  color: var(--fontDark);
}

.topHeader a {
  color: var(--white);
}

ul.navbar-nav.navIcons {
  gap: 0.5rem;
}

/* .navIcons a{
    color: var(--mainColor);
} */

li > i {
  color: var(--white);
}

li > i:hover {
  color: var(--secondaryColor);
}

.navIcon1,
.topColor {
  color: var(--white);
}

.topColor:hover,
.navIcons a:hover {
  color: var(--secondaryColor) !important;
}

.scrollColor {
  color: var(--fontDark);
}

.scrollColor:hover {
  color: var(--secondaryColor) !important;
}

.navIcon2 {
  color: var(--mainColorBtn) !important;
}

.navIcon2:hover {
  color: var(--mainColorLight) !important;
}

.navIcons1:hover {
  color: var(--secondaryColor);
}

@media (max-width: 992.5px) {
  .navIcon1 {
    color: var(--secondaryColor);
  }
}

@media (min-width: 992.5px) {
  #menu-primary > li > ul a {
    color: var(--fontDark);
  }
}

#genLink {
  text-decoration: none;
  transition: 400ms;
  position: relative;
}

/*-------------------- PULSE ANIMATION ----------------------------*/

.pulse {
  animation: pulse 3s ease 0s infinite normal forwards;
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}

/*-----------------------------------------------------------------*/

a:hover {
  color: var(--mainColorLighter);
  text-decoration: none;
}
a:hover > p::content,
a:hover > i,
a:hover > img,
a:hover > li::content {
  box-shadow: 0 4px 16px var(--mainColor);
  transition: all 0.2s ease;
}

.qlinks li::before {
  content: "●";
  color: white;
  display: inline-block;
  width: 1em;
  /* margin-left: -1em */
}

@media (max-width: 767.5px) {
  .qlinks li::before {
    display: none;
  }
}

.bgLight {
  padding: 28px 0px 0 0px;
  background: var(--secondaryColorLight);
}

.formOverlap {
  position: relative;
  right: 3.5rem;
  z-index: 1;
  box-shadow: rgba(0, 0, 0, 0.15) -4.95px 1.95px 2.6px;
  padding-bottom: 7px;
  background: linear-gradient(
    360deg,
    var(--mainColorLighter) 0%,
    rgb(255 255 255) 112.96%
  );
  border-radius: 40px;
}

@media screen and (max-width: 767.5px) {
  .bgLight {
    background-color: var(--mainColorLightest);
    padding: 4rem 0px;
    margin: 0 !important;
    border-radius: 41px;
    overflow: hidden;
  }

  .formOverlap {
    box-shadow: unset;
    z-index: 0;
    position: static;
    left: 0;
    padding-bottom: 0;
    padding-top: 0;
    background: transparent;
  }
}
.row {
  margin: 0;
}

.breadcrumb {
  background-color: transparent;
  color: var(--fontLight);
  font-family: var(--regular-font);
  justify-content: center;
  padding: 0;
}

.breadcrumb a {
  color: var(--mainColorLighter);
  font-weight: bold;
  text-decoration: none;
}

.breadcrumb-item + .breadcrumb-item::before {
  color: var(--mainColorLighter);
  font-weight: bold;
}

#section1 {
  overflow: hidden;
  position: relative;
  max-height: 55vh;
  min-height: 50vh;
}

section {
  overflow: hidden;
  position: relative;
  padding: 50px 4rem;
}

@media (max-width: 520px) {
  section {
    padding: 50px 1rem;
  }
  .page-width {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

#aboutUs {
  /* background: linear-gradient(180.73deg, #0176bc 30.72%, #18cce7 70.36%); */
  background-image: linear-gradient(
    to left bottom,
    #0176b7,
    #008cc7,
    #00a1d4,
    #00b7df,
    #18cce7
  );
  /*padding: 0;*/
  margin-top: -5rem;
}

@media screen and (max-width: 568px) {
  #aboutUs {
    margin-top: 0;
  }
  #aboutUs .p-md-5 {
    padding: 0 !important;
  }
}

#benefits .fontP {
  max-width: 900px;
  margin: auto;
}

#shop {
  background: linear-gradient(
    360deg,
    rgba(0, 174, 160, 0.1) 0%,
    rgba(255, 255, 255, 0) 112.96%
  );
  padding: 0;
}

#reviews {
  padding: 0 0;
}
@media (max-width: 600px) {
  #reviews {
    padding: 0px 1rem;
  }
}
.rwbg {
  background: linear-gradient(
    270deg,
    var(--mainColor) 0%,
    var(--mainColorLight) 6.5%,
    var(--mainColorLighter) 35%,
    var(--mainColorLightest) 66%,
    var(--white) 100%
  );
  position: absolute;
  width: 100%;
  height: 50%;
}

#newsletters {
  padding: 3rem;
  transition: 400ms;
  min-height: 350px;
}

.nwsForm #btn-submit:hover {
  background: var(--mainColor);
  transition: 400ms;
}

@media screen and (max-width: 767px) {
  #newsletters {
    background-size: cover;
    padding: 3rem 3rem 0 3rem;
  }
}

#newsletters .wpcf7-spinner {
  position: absolute;
}

.nwsForm {
  /* margin: 25px 15vw; */
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

@media screen and (max-width: 767px) {
  .nwsForm {
    margin: 0 0 9rem 0;
  }
}

/* .ftrBG{
	 background: linear-gradient(360deg, rgba(0, 174, 160, 0.1) 0%, rgba(255, 255, 255, 0) 117.87%);
     background-size: contain, cover;
    background-repeat: no-repeat;
    background-position: left;
} */

#booking {
  color: var(--fontDark);
  background-color: transparent;
  min-height: 24rem;
  top: -6rem;
  z-index: 2;
  position: relative;
  background-size: cover;
}

@media screen and (min-width: 1404px) {
  #booking {
    aspect-ratio: 100/27;
    top: -7vw;
  }
}

@media screen and (max-width: 767.5px) {
  #booking {
    color: var(--fontDark);
    top: 0;
    /* aspect-ratio: unset; */
  }
}
@media (max-width: 600px) {
  #bookingModal h2 {
    font-size: 18px !important;
  }
  #booking {
    background-color: #f8fbf3;
    background-image: none !important;
  }
}
.bking1Text {
  margin-top: -2.5rem;
}

@media screen and (max-width: 568px) {
  .bking1Text {
    margin-top: unset;
  }
}

.nslTitle {
  font-weight: lighter;
  font-family: var(--headings-font);
}

@media screen and (max-width: 568px) {
  .nslTitle {
    margin-bottom: 0.9rem;
  }
}

#socialMedia i {
  font-size: 1.6rem;
  padding: 1rem;
}

.smTitles {
  position: absolute;
  z-index: 1;
}

.smExtras {
  max-width: 15rem;
}

@media screen and (max-width: 767px) {
  .smTitles {
    position: unset;
    text-align: center;
  }

  .smExtras {
    max-width: unset;
    text-align: center;
  }
}

.smrow a,
.regLink {
  color: var(--mainColor);
  transition: 400ms;
}

.smrow a:hover,
.regLink:hover {
  color: var(--secondaryColor);
}

.hero .smrow {
  font-size: 2rem;
}

.hero .smrow a {
  margin-right: 1rem;
}
.hero .smrow a:last-child {
  margin-right: 0;
}
#sb_instagram .sbi_item a,
#sb_instagram img {
  border-radius: 200px 200px 0px 0px;
}

#contact {
  color: var(--fontDark);
}

.contact-btn .wpcf7-spinner {
  display: none;
}

.subsForm {
  display: flex;
  justify-content: center;
}
.title-form {
  background: var(--mainColor);
  color: #fff;
  width: max-content;
  display: flex;
  width: 100%;
  justify-content: center;
  margin: auto auto 15px;
}
.page-template-page-contact #section3 .btnGrad:hover {
  background: var(--mainColor);
  transition: 400ms;
}
@media screen and (max-width: 568px) {
  .subsForm {
    margin-top: 1.5rem;
  }
  .page-template-page-contact iframe {
    height: 300px;
  }
}

.imgCornerR {
  border-radius: 0 315px 0 0;
}

.imgCornerL {
  border-radius: 190px 0 0 0;
}

.imgCorners {
  border-radius: 144px 144px 25px 25px;
  background-color: var(--secondaryColorDark);
  width: 246px;
  height: 256px;
  overflow: hidden;
}

.bnfImage {
  height: 100%;
  width: 100%;
  transition: 900ms;
  display: flex;
  justify-content: center;
  align-items: center;
}

.bnfImage:hover {
  transform: scale(1.2);
  transition: 900ms;
}

.bgImgCover {
  background-size: cover;
  background-repeat: no-repeat;
}

.form-control {
  padding: 14px 26px;
  border-radius: 25px;
  /*box-shadow: 0px 3px 3px 0px var(--secondaryColor);*/
  min-width: 10rem;
}

#btn-submit {
  padding: 10px 3rem 10px 3rem !important;
}

@media screen and (max-width: 767px) {
  #btn-submit {
    margin-left: 0;
    width: 100%;
  }
}

.btn3 {
  text-decoration: none;
  border: none;
  background-size: 200% 100%;
  background-image: linear-gradient(
    to right,
    transparent 50%,
    var(--mainColorLighter) 50%
  );
  transition: background-position 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0.1s,
    color 0.5s ease 0s, background-color 1s ease;
}

.btn3:hover {
  color: var(--fontLight);
  background-color: var(--mainColorLighter);
  background-position: -100% 100%;
}

.btn4 {
  text-decoration: none;
  border: none;
  background-size: 200% 100%;
  background-image: linear-gradient(
    to right,
    transparent 50%,
    var(--mainColorLight) 50%
  );
  transition: background-position 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0.1s,
    color 0.5s ease 0s, background-color 1s ease;
}

.btn4:hover {
  color: var(--fontLight);
  background-color: var(--mainColorLight);
  background-position: -100% 100%;
}

/* BUTTON GRADIENT
------------------------------------------- */
.button {
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #e6c68e !important;
  padding: 0.7em 2em !important;
  color: var(--secondaryColorLight) !important;
  font-size: 1.2em;
  cursor: pointer;
  outline: none;
  overflow: hidden;
  border-radius: 100px !important;
  border: 1.5px solid var(--secondaryColorLight);
}

.btnGrad {
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: var(--mainColorBtn);
  padding: 0.7em 2em;
  color: var(--secondaryColorLight);
  font-size: 1.2em;
  cursor: pointer;
  outline: none;
  overflow: hidden;
  border-radius: 100px;
  border: 1.5px solid var(--secondaryColorLight);
}
.btnGrad span {
  text-transform: capitalize !important;
}

.btnGradT {
  background: transparent;
}
.button.btnGrad {
  overflow: hidden !important;
  font-weight: 300 !important;
}
@media screen and (max-width: 767px) {
  .btnGradT {
    background: #e6c68e;
  }
}

.btnGrad span {
  position: relative;
  pointer-events: none;
}

.btnGrad::before {
  --size: 0;
  content: "";
  position: absolute;
  left: var(--x);
  /* top: var(--y);*/
  top: 0;
  width: var(--size);
  height: var(--size);
  background: radial-gradient(circle closest-side, #e24822, transparent);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  transition: width 0.2s ease, height 0.2s ease;
}

.btnGrad:hover::before {
  --size: 400px;
}
.btnGrad:hover {
  color: #fff;
}
/* BUTTON CSS
------------------------------------------- */

.btn2 {
  display: inline-block;

  font: 900 var(--txtBtn) var(--regular-font);
  text-decoration: none;

  color: var(--fontLight);
  background-color: var(--mainColor);
  /* border:1px solid rgba(28, 190, 131, 1); */
  border: none;
  border-radius: 50px;

  padding: 14px 1em;
  margin: 5px;
  min-width: 15rem;

  background-size: 200% 100%;
  background-image: linear-gradient(
    to right,
    transparent 50%,
    var(--mainColorLighter) 50%
  );
  transition: background-position 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0.1s,
    color 0.5s ease 0s, background-color 1s ease;
}

.btn2:hover {
  color: var(--fontLight);
  background-color: var(--mainColorLighter);
  background-position: -100% 100%;
}

.checkContact .wpcf7-not-valid-tip {
  position: absolute;
  top: 18px;
  width: 20rem;
}

@media screen and (max-width: 992px) {
  .wpcf7-submit {
    /* max-width: 100%; */
    min-width: -moz-available;
    min-width: -webkit-fill-available;
  }
}

.btnHeader {
  padding: 10px 1.2em 10px 50px;
}

@media screen {
  .btnHeader {
    padding: 10px 1.2em;
  }
}

.srvcImg {
  width: 100%;
  border-radius: 50% 25px 25px 25px;

  height: 320px;
  object-fit: cover;
}
.all-services .fnt-main {
  padding: 0 22px;
}
@media (max-width: 600px) {
  .all-services .fnt-main {
    padding: 0 22px;
  }
}
/* BUTTON CSS
------------------------------------------- */

.bg-image {
  background-size: cover;
  background-position: top;
  min-width: 100%;
  min-height: 100%;
  background-repeat: no-repeat;
}

.abtus-icons {
  padding: 35px;
  min-width: fit-content;
}

.abtus-icons .bg-image {
  background-size: contain;
  width: 60px;
  height: 60px;
  background-repeat: no-repeat;
  width: 57px;
  height: 57px;
}

@media screen and (max-width: 767.5px) {
  .abtus-icons {
    padding: 29px;
  }

  .abtus-icons .bg-image {
    width: 40px;
    height: 40px;
  }

  .abtus-icons p {
    font-size: var(--txtBtn);
  }
}

.contact-btn .wpcf7-spinner {
  display: none;
}

.btn {
  color: var(--fontLight);
  font-weight: bold;
  font-size: var(--txtBtn);
  width: 16vw;
  min-width: fit-content;
  background-color: var(--mainColor);
  border-radius: 25px;
  /* margin: 2rem; */
  /* outline: 1px var(--fontLight) solid; */
  /* outline-offset: -5px; */
  padding-top: 10px;
  padding-bottom: 10px;
}

.btn:hover {
  color: var(--mainColorLighter);
  /* box-shadow: 0 4px 16px var(--mainColor); */
  transition: all 0.2s ease;
}

/* .btn:focus{
    color: var(--fontLight);
    background-color: var(--mainColor);
    box-shadow: none;
    outline: 1px var(--fontLight) solid;
} */

button:focus:not(:focus-visible) {
  outline: none;
}

.rpterBtn {
  color: var(--fontLight);
  /* font-weight: bold; */
  font-size: var(--txtBtn);
  width: 31vw;
  min-width: 280px;
  border-radius: 50px;
  margin: 0.5rem;
  /* outline: 1px var(--fontLight) solid; */
  /* outline-offset: -5px; */
  padding-top: 15px;
  padding-bottom: 15px;
  display: flex;
  justify-content: space-between;
  padding-left: 1.5rem;
  padding-right: 0.5rem;
  align-items: center;
}

.rpterBtn:hover {
  background-color: var(--secondaryColorLight);
  color: var(--mainColor);
}

.logoFooter {
  width: 13.938rem;
  max-width: 100%;
  /* margin-top: -1vw; */
  margin-top: -95px;
}

@media screen and (max-width: 568px) {
  /* .itemCenter p{
    margin-top: 20px;
    } */

  .logoFooter {
    margin-top: -140px;
    width: 63vw;
  }
}

.form-control:focus {
  border-color: var(--mainColorLighter);
  box-shadow: 0 0 0 0.2rem rgba(70, 152, 63, 0.25);
}

.card-title {
  text-align: center;
  color: var(--white);
  font-weight: bold;
  background-color: var(--mainColor);
  border-radius: 25px;
}

.ftrContact {
  text-align: start;
}

.ftrContact i {
  color: white;
  margin-right: 0.5rem;
}

@media screen and (max-width: 767px) {
  .ftrContact {
    text-align: center;
  }
}

.footLink {
  line-height: 2rem;
}

/*--------------------------------------------------------------
# Reviews Carousel
--------------------------------------------------------------*/

/* .owl-carousel-center .owl-stage-outer {
    height: 100%;
} */

.caruProfile {
  /*position: relative; */
  border-radius: 100px;
  height: 70px;
  width: 70px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  /* top: 230px; */
  /* left: 16rem; */
  /*z-index: 1;*/
}

.caruselText {
  background-color: var(--secondaryColorLight);
  border-radius: 230px 0 0 0;
  max-width: 518px;
  height: 32rem;
  border: 1px solid #d9d9d9;
  /* max-width: 660px; */
  /* max-height: 350px; */
  /* height: 100%;*/
}

@media screen and (min-width: 767px) {
  .owl-carousel-center .owl-item {
    /* box-shadow: 0 15px 45px -20px rgb(0 0 0 / 73%); */
    /*transform: scale(0.9);*/
    /* opacity: 0.5; */
    transition: all 1.2s;
    /* top: 2rem; */
  }

  /* .owl-carousel-center .center{
        transform: scale(1);
        opacity: 1;
        top: 0;
    } */
}

.caruselName {
  /*background: linear-gradient(180deg, var(--black) 0%, var(--fontGrey) 100%); */
  /* position: relative; */
  /* font-family: Raleway; */
  color: var(--black);
  /* top: 10rem; */
  /* right: -2vw; */
  /* height: 27px; */
  text-align: center;
  z-index: 2;
  font-weight: bold;
  width: 100%;
}

/* .caruselNameHor{
    position: relative;
    background: linear-gradient(90deg, var(--black) 0%, var(--fontGrey) 100%);
    font-family: Kanit;
    color: var(--white);
    width: 300px;
    padding-top: 2px;
    text-align: center;
    max-inline-size: 100%;
} */

.itemCenter {
  opacity: 0.8;
  /* box-shadow: 7px 11px 0px 0px #D88100; */
  /* max-width: 430px; */
  height: 225px;
  /* margin-left: 111px; */
  /* top: -1rem; */
  padding-left: 5rem;
  padding-right: 5rem;
  /*position: relative;*/
  /* top: -3rem; */
  text-align: center;
  overflow-y: auto;
}

.decoRight {
  height: 29px;
  width: 39px;
  background-repeat: no-repeat;
  /* position: absolute;
    top: 8rem;
    right: 14rem; */
}

.decoLeft {
  height: 29px;
  width: 39px;
  background-repeat: no-repeat;
  /* position: absolute; */
  /* top: 8rem;
    right: 46rem; */
}

.decoQuote {
  position: relative;
  padding-left: 2vw;
  padding-right: 2vw;
  top: -9rem;
}

@media screen and (max-width: 768px) {
  /* .itemCenter{
        margin-top: -139px;
    } */

  .caruselText {
    margin-left: 15vw;
    width: 90%;
  }

  .caruselName {
    margin-left: 0;
    width: 100%;
    text-align: center;
    left: 4px;
    top: 6rem;
  }

  .caruProfile {
    /* top: 205px; */
    /* left: 27vw; */
    top: 158px;
    height: 130px;
    width: 130px;
  }

  .itemCenter {
    top: -5rem;
  }
}

@media (max-width: 568px) {
  .itemCenter {
    margin-left: 11vw;
    margin-top: 0px;
    padding-top: 0px;
    max-width: 100%;
    height: 141px;
    margin-left: unset;
    padding-left: 10vw;
    padding-right: 10vw;
    top: -7.5rem;
  }

  .decoQuote {
    top: -16rem;
  }

  .caruselName {
    height: 27px;
    margin-left: 14vw;
    top: 3rem;
  }

  .caruProfile {
    /* top: 205px; */
    /* left: 27vw; */
    top: 158px;
    height: 130px;
    width: 130px;
  }

  /* .decoRight{
        top: 5rem;
        right: 1rem;
    }

    .decoLeft{
        top: 5rem;
        right: 18rem;
    } */
}

.itemCenter p {
  padding: 10px;
  /*font-weight: bold;*/
}

.itemCenter image {
  width: 100%;
  height: 100%;
  padding: 10px;
}

.caruVideo {
  /* margin-top: 20px; */
  border-radius: 230px 0 0 0;
  /* width: 518px; */
  height: 32rem;
}

.caruVideos {
  /* width: 660px; */
  /* height: 258px; */
  /* max-width: 660px; */
  /* max-height: 350px; */
  /* margin-left: 45px; */
  border-radius: 230px 0 0 0;
  width: 518px;
  height: 32rem;
  background-color: var(--secondaryColorLight);
}

@media screen and (max-width: 992px) {
  .caruVideos {
    /* height: 350px; */
    /* width: 90%; */
    /* margin-left: -4px; */
    max-height: 100%;
  }
}

.caruVideo .caruselName {
  top: 28rem;
  position: absolute;
  min-height: fit-content;
}

@media (max-width: 568px) {
  .caruVideo .caruselName {
    /* margin-top: -3rem;
        margin-left: -1rem; */
    /* top: 24.5rem; */
    margin-left: 0vw;
  }

  /* .caruVideo {
        margin-top: -1.7rem;
        margin-left: calc(100% - 110%);
        margin-left: -1.5rem;
    } */
}

.owl-carousel-center .owl-dots {
  z-index: 1;
  position: relative;
  top: 10rem;
}

.owl-carousel-center .owl-dots .owl-dot.active span {
  background: linear-gradient(
    101.26deg,
    #e2836a 18.35%,
    #59820d 18.35%,
    #adcd2a 102.79%
  );
  border: 0.5px solid gray;
}

@media (max-width: 768px) {
  .owl-carousel-center .owl-dots {
    display: none;
  }
}

@media (max-width: 568px) {
  .owl-carousel-center .owl-dots {
    display: none;
    top: 24rem;
  }
}

.owl-carousel-center .item {
  text-align: center;
  /* background: var(--white); */
  overflow-y: auto;
}

.rvwCaruCol {
  padding: 5rem 0;
}

@media (max-width: 568px) {
  .rvwCaruCol {
    padding: 0 0;
  }
}

#owlishVideo {
  max-inline-size: 660px;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  /* height: 352px; */
  /* border-radius: 25px; */
  width: 100%;
  border-radius: 230px 0 0 0;
  /* width: 518px; */
  height: 32rem;
}

.caruVideoButton {
  border-radius: 25px;
  position: relative;
  z-index: 2;
  display: block;
  top: -50%;
  left: 45%;
  color: var(--secondaryColorLight);
  background-color: var(--mainColor);
  border: none;
  height: 49px;
  width: 48px;
  font-size: 27px;
  padding: 0;
}

.caruVideoButton:hover {
  color: var(--secondaryColorLight);
  background-color: var(--mainColorLighter);
}

.caruVideos video {
  object-fit: cover;
}

@media screen and (max-width: 568px) {
  #owlishVideo {
    height: 70%;
    top: 29.5%;
    max-inline-size: 100%;
    width: -webkit-fill-available;
  }

  .caruVideoButton {
    top: 125px;
    left: 148px;
    height: 50px;
    width: 50px;
    font-size: 31px;
    padding: 0;
  }
}

@media screen and (max-width: 992px) {
  /* #owlishVideo {
        top: 26%;
        max-inline-size: 300px;
    } */

  .caruVideoButton {
    top: -56%;
    left: 50%;
    border: none;
    height: 50px;
    width: 50px;
    font-size: 31px;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .caruVideos {
    width: 100%;
  }

  #owlishVideo {
    /* left: 45px; */
    /* max-inline-size: 100%; */
    top: 45%;
  }

  .caruVideoButton {
    top: 161px;
    left: 11vw;
  }
}

@media screen and (max-width: 992px) {
  /* #owlishVideo {
        top: 26%;
        max-inline-size: 300px;
    } */

  .caruVideoButton {
    top: 185px;
    left: 346px;
    border: none;
    height: 50px;
    width: 50px;
    font-size: 31px;
  }
}

@media screen and (max-width: 768px) {
  /* #owlishVideo {
        top: 48%;
        max-inline-size: 300px;
    } */

  .caruVideoButton {
    top: -50%;
    left: 46%;
    height: 50px;
    width: 50px;
    font-size: 31px;
    padding: 0;
  }
}

@media screen and (min-width: 992px) and (max-width: 1094px) {
  #owlishVideo {
    left: 0px;
    top: 128.5px;
  }

  .caruVideoButton {
    top: -60%;
    left: 45%;
    height: 50px;
    width: 50px;
    font-size: 31px;
    padding: 0;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .caruselNameHor {
    top: -34px;
  }
}

@media screen and (max-width: 568px) {
  #owlishVideo {
    height: 100%;
    top: 50%;
    max-inline-size: 100%;
    width: -webkit-fill-available;
    width: 100%;
  }

  .caruVideoButton {
    top: -50%;
    /* left: 153px; */
    height: 50px;
    width: 50px;
    font-size: 31px;
    padding: 0;
  }
}

@media screen and (max-width: 430px) {
  .caruVideos {
    width: 300px;
  }
}

.owl-carousel-center .item-video {
  margin-top: 2rem;
}

/* .owl-carousel-center .owl-item{
    padding: 20px;
    width: 660px !important;
    height: 350px;
}

@media screen and (max-width: 768px) {
    .owl-carousel-center .owl-item {
        padding: 4rem;
    }

    .owl-carousel-center .owl-item img {
        margin-bottom: 20px;
    }
} */

.owl-carousel-center .owl-nav {
  margin-top: -18rem;
  z-index: 1;
  position: relative;
  left: -29rem;
}

.owl-carousel-center .owl-next {
  font-size: 90px !important;
  color: var(--lightTransparency) !important;
  position: relative;
  top: -2rem;
  left: 53rem;
}

.owl-carousel-center .owl-prev {
  font-size: 90px !important;
  color: var(--lightTransparency) !important;
  position: relative;
  top: -2rem;
  left: 4rem;
}

@media screen and (max-width: 992px) {
  .owl-carousel-center .owl-nav {
    margin-top: -22rem;
    z-index: 1;
    position: relative;
    left: -24.5rem;
  }

  .owl-carousel-center .owl-prev {
    display: none;
  }

  .owl-carousel-center .owl-next {
    left: 45rem;
  }
}

@media screen and (max-width: 768px) {
  .owl-carousel-center .owl-nav {
    margin-top: -22rem;
    z-index: 1;
    position: relative;
    left: -21.7rem;
  }

  .owl-carousel-center .owl-prev {
    display: none;
  }

  .owl-carousel-center .owl-next {
    left: 94vw;
  }
}

@media screen and (max-width: 568px) {
  .owl-carousel-center .owl-nav {
    margin-top: -23rem;
    z-index: 1;
    position: absolute;
    position: relative;
    left: -14rem;
  }

  /* .owl-carousel-center .owl-prev{

    } */

  .owl-carousel-center .owl-next {
    left: 24rem;
  }
}

@media screen and (max-width: 411px) {
  .owl-carousel-center .owl-prev {
    display: none !important;
  }

  .owl-carousel-center .owl-next {
    display: none !important;
  }
}

/* .owl-carousel-center .owl-prev:hover {
    background-color: transparent;
    text-decoration: none;
    color: var(--secondaryColor) !important;
}

.owl-carousel-center .owl-next:hover {
    background-color: transparent;
    text-decoration: none;
    color: var(--secondaryColor) !important;
} */

.owl-theme .owl-nav [class*="owl-"]:hover {
  background: transparent;
  color: var(--mainColorLighter) !important;
}

/* .owl-theme .owl-nav [class*="owl-"]:hover {
    background: transparent;
} */

/*--------------------------------------------------------------
# Value cards
--------------------------------------------------------------*/
.valueCard {
  width: 100%;
  border-bottom: solid var(--mainColor);
  height: 30rem;
  border-radius: 55px 0 0;
}
.content-all-values {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 5rem;
}
.item-value {
  margin: auto;
}
@media screen and (max-width: 568px) {
  .content-all-values {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 2rem;
  }
  .valueCard {
    width: 18rem;
    height: auto;
  }
  .card-text {
    text-align: center;
    height: 100%;
  }
  .valueCard .scrollbar {
    height: 100% !important;
  }
}

/*--------------------------------------------------------------
# FAQ cards
--------------------------------------------------------------*/

.cardFaqs {
  max-height: 320px;
  overflow: auto;
  margin: 10px 0;
  outline: 2px var(--secondaryColorLight) solid;
  outline-offset: -4px;
  /*max-width: 350px; */
  background-color: var(--light);
  border-radius: 25px;
}

.cardFaqs .card-header {
  padding: 0;
}

.cardFaqs button {
  font-size: 1rem;
  padding: 0.75rem 1.25rem;
}

.collapsed {
  background-color: var(--secondaryColorExtra) !important;
}

.btn-link {
  color: var(--fontDark);
  background-color: transparent;
  border: none;
  font-family: var(--regular-font);
  font-weight: bold;
}

.btn-link:hover {
  color: var(--mainColorLight);
  text-decoration: none;
}

.btn-link:focus {
  text-decoration: none;
}

@media screen and (max-width: 1188px) {
  .shpCards {
    margin: 40px 0;
  }
}

/*--------------------------------------------------------------
# 1st Carousel
--------------------------------------------------------------*/

.fCaru {
  width: 85vw;
}

@media screen and (min-width: 1440px) {
  .fCaru {
    max-width: 1440px;
  }
}

/* .fCaru .active:has(+ .center){
    bottom: 7rem;
} */

.fCaru .center {
  margin-top: 3rem;
}

.fCaru .center + .owl-item {
  margin-top: 6rem;
}

@media screen and (max-width: 767px) {
  .fCaru .center {
    margin-top: unset;
  }

  .fCaru .center + .owl-item {
    margin-top: unset;
  }
}

#sb_instagram {
  overflow: hidden !important;
  overflow-y: hidden !important;
}

/* 1s, 4th, 7th */
#sb_instagram .sbi_item:nth-child(3n-2) {
  padding: 3rem !important;
  margin-top: 10rem !important;
}

@media screen and (max-width: 568px) {
  #sb_instagram .sbi_item:nth-child(3n-2) {
    padding: 2rem !important;
    margin-top: 1.5rem !important;
  }
}

/* 3rd,6th,9th */
#sb_instagram .sbi_item:nth-child(3n) {
  padding: 3rem !important;
}

/* 2nd,5th,8th */
#sb_instagram .sbi_item:nth-child(3n-1) {
  padding: 3rem !important;
  margin-top: 5rem !important;
}

.fCaru .item {
  object-fit: cover;
  flex-shrink: 0;
  min-width: 100%;
  min-height: 100%;
}

.fCaru .owl-item {
  /*background-color: var(--secondaryColorLight);
    border-radius: 35px;
    width: 396.533px;
    margin-right: 19px;*/
  /*box-shadow: 0px 5px 3px -1px #959595;*/
  /*height: 222px;*/
  margin-bottom: 43px;
  /*margin-right: 19px;
    margin-left: -3px;*/
  transition: 0.5s ease;
  /* animation: fadeInAnimation ease 0.5s; */
}

@keyframes fadeInAnimation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.fCaru .owl-stage {
  left: 0.77rem;
}

/*
.fCaru .owl-stage-outer {
    max-height: 262px;
}*/

.fCaruImg {
  width: 100%;
  height: 100%;
  /* align-items: center; */
  background-size: cover !important;
  background-repeat: no-repeat;
  background-position: center !important;
  transition: 1000ms;
}

@media screen and (max-width: 568px) {
  .fCaruImg {
    width: 100%;
    height: 100%;
  }

  .fCaru .owl-item {
    margin-left: -3.5px;
  }
}

.fCaruImg:hover {
  transform: scale(1.2);
  transition: 900ms;
}

.fCaru h2 {
  color: var(--white);
  text-align: center;
  padding: 5rem 0;
  margin: 0;
  font-style: italic;
  font-weight: 300;
}

.fCaruPrice {
  display: block;
  position: relative;
  /* background-color: var(--mainColor); */
  /* padding: 2px 34px; */
  top: 3rem;
  width: fit-content;
  color: var(--fontDark);
  font: light var(--headings-font);
  left: 15rem;
  font-size: 32px;
}

.fCaruPrice::before {
  content: "$";
  color: var(--fontColor);
  margin-right: 5px;
}

.fCaru .owl-dots .owl-dot.active span {
  background: var(--mainColorLight);
}

.deco1 {
  height: 0.2rem;
  background: var(--mainColor);
}

.fCaruName {
  position: relative;
  margin-top: unset;
  font-weight: bold;
  color: #333333;
  font-size: var(--titulosP);
  /* margin-bottom: unset; */
  /* text-align: right; */
  /* max-width: 200px; */
  /* left: 11rem; */
  /* top: -6rem;*/
}

.abtUs-img {
  width: 196px;
  height: 200px;
  position: relative;
  top: -116px;
  overflow: hidden;
}

.bs1stCol {
  padding: 0 8vw;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  position: absolute;
  top: -25px;
  z-index: 1000;
}

.bsheader {
  font-family: var(--headings-font);
  text-align: end;
  width: 27rem;
  font-weight: 300;
  font-size: var(--titulosg);
}

.bsText {
  width: 41rem;
  text-align: end;
}

.bsButton {
  position: relative;
  top: -10rem;
  z-index: 1;
  max-width: 37rem;
}

@media screen and (max-width: 768px) {
  .bsButton {
    position: unset;
    padding: 2rem;
  }

  .bs1stCol {
    position: unset;
  }

  .bsheader {
    text-align: center;
    width: unset;
  }

  .bsText {
    width: unset;
    text-align: center;
  }
}

.bsImgContainer {
  width: 23rem;
  height: 28rem;
  /* position: relative; */
  /* top: -147px; */
  overflow: hidden;
  border-radius: 50% 50% 0 0;
  /* display: flex;*/
}

/* @media screen and (max-width: 724px) {
    .fCaruName{
        left: 26vw;
    }

    .fCaruPrice{
        left: 48vw;
    }
} */

@media screen and (max-width: 568px) {
  .fCaruName {
    max-width: unset;
    left: 0rem;
    top: -1rem;
    padding-right: 11px;
    padding-left: 11px;
  }

  /* .fCaruPrice {
        left: 9vw;
        font-size: var(--titlesS);
        top: 6rem;
    } */

  .bsImgContainer {
    /* width: 204px; */
    height: 24rem;
    /* top: 0px;
        position: absolute; */
  }
}

.bs-button {
  height: 70px;
  width: 70px;
  position: relative;
  bottom: -11rem;
  left: calc(100% - 57%);
  background-color: var(--mainColorLight);
  border-radius: 50px;
  padding: 0;
  font-size: 30px;
}

@media screen and (max-width: 1440px) {
  .bs-button {
    left: calc(100% - 56%);
  }
}

@media screen and (max-width: 1024px) {
  .bs-button {
    left: calc(100% - 59%);
  }
}

@media screen and (max-width: 724px) {
  .bs-button {
    left: calc(100% - 56%);
  }
}

@media screen and (max-width: 568px) {
  .bs-button {
    left: calc(100% - 58%);
  }
}

/*--------------------------------------------------------------
# Shop Items
--------------------------------------------------------------*/

.catBtn {
  height: 60px;
  width: 60px;
  left: 272px;
  line-height: 0.5;
  top: 10rem;
  display: block;
  position: relative;
  border-radius: 50px;
  font-size: 25px;
}

.catImg {
  background-size: contain;
  background-position: center;
  width: 172px;
  height: 200px;
  top: -7.7rem;
}

.catName {
  margin-top: unset;
  margin-bottom: unset;
  font-size: var(--rvw);
  max-width: 200px;
  left: 6rem;
  top: -19.3rem;
  line-height: 29px;
  text-align: end;
}

.catPrice {
  top: 2.5rem;
  left: 10rem;
}

/*--------------------------------------------------------------
# Button Float
--------------------------------------------------------------*/

#scrollTop {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 99;
  font-size: 1.125rem; /*18px;*/
  border: none;
  outline: none;
  background-color: var(--mainColor);
  color: var(--white);
  cursor: pointer;
  padding: 10px 20px;
  transition: 400ms;
  border-radius: 4px;
}

@media screen and (max-width: 568px) {
  #scrollTop {
    right: 7px;
  }
}

#scrollTop:hover {
  background-color: var(--secondaryColor);
  transition: 400ms;
}

.wrapper-buttons-float {
  position: fixed;
  bottom: 80px;
  right: 23px;
  z-index: 11;
  display: flex;
  flex-direction: column;
  align-items: end;
  gap: 1rem;
  opacity: 0;
  pointer-events: none;
  transition: 400ms;
  border-radius: 0px;
}

@media screen and (max-width: 568px) {
  .wrapper-buttons-float {
    bottom: 80px;
    right: 11px;
  }
}

.Social_float {
  color: var(--secondaryColorLight);
}

.Social_float__icon {
  border-radius: 25px;
}

.Social_float__redes > li:nth-child(1) > a:nth-child(1) {
  border-radius: 25px 25px 0 0;
}

.Social_float:hover .Social_float__icon {
  border-radius: 0 0 25px 25px;
  transition: 400ms;
}

.Social_float__icon,
.Social_float a {
  background-color: var(--mainColor);
  color: var(--white);
  font-size: 20px;
  width: fit-content;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 400ms;
}

.Social_float__redes {
  opacity: 0;
  pointer-events: none;
  transition: 400ms;
  position: absolute;
  bottom: 100%;
  margin-left: 0;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.Social_float__redes a {
  margin-bottom: -15px;
  pointer-events: none;
  transition: 400ms;
}

.Social_float__redes li:first-child {
  border-radius: 0px;
  overflow: hidden;
}

.Social_float:hover a {
  margin-bottom: 0;
  pointer-events: all;
}
/*
 .Social_float:hover .Social_float__icon {
    border-radius: 0px 0px 10px 10px;
 }

  .Social_float__redes > li:nth-child(1) {
      border-radius: 10px 10px 0 0;
  }*/

.Social_float a:hover {
  background-color: var(--mainColorBtn);
  color: var(--secondaryColorLight);
}

.Social_float:hover .Social_float__redes {
  opacity: 1;
  pointer-events: all;
}

.Social_float__redes svg {
  width: 15px;
  fill: var(--secondaryColorLight);
}

.Social_float__icon svg {
  fill: var(--secondaryColorLight);
  width: 20px;
}

.Social_float span {
  padding: 10px;
}

@media screen and (max-width: 767px) {
  .item-link span .tooltip {
    display: none !important;
  }
  .item-link span.tooltip {
    display: none !important;
  }
}

/* @media (max-width: 600px) {
     .Social_float__redes {
            opacity: 1;
            pointer-events: all;
            display: none;
         }

         .Social_float a {
          margin-bottom: 0;
          pointer-events: all;
      }

 } */

.page-id-2202 .wrapper-buttons-float {
  display: none;
}

/*----------------------------------------
 Modal Booking
------------------------------------------- */

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  /*z-index: 1;*/ /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0, 0, 0); /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
}

/* Modal Header */
.modal-header {
  padding: 2px 16px;
  background-color: var(--mainColorLighter);
  color: var(--fontLight);
}

/* Modal Body */
.modal-body {
  padding: 0;
}
.modal-body .col-12 {
  padding: 2px 16px;
  justify-content: space-evenly;
}

/* Modal Footer */
.modal-footer {
  padding: 2px 16px;
  background-color: var(--mainColorLighter);
  color: var(--fontLight);
  justify-content: center;
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: var(--secondaryColorLight);
  margin: auto;
  padding: 0;
  border: 1px solid #888;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  animation-name: animatetop;
  animation-duration: 0.4s;
  margin-top: 10rem;
}
.modal-xl {
  max-width: 1200px;
}
/* The Close Button */
.close {
  color: var(--mainColorDarker);
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

/* Add Animation */
@keyframes animatetop {
  from {
    top: -300px;
    opacity: 0;
  }
  to {
    top: 0;
    opacity: 1;
  }
}

/**/
.navbar-dark img,
.navStyleU img {
  filter: brightness(0) invert(1);
}
.navStyleD.navbar-dark img {
  filter: none !important;
}
a {
  text-decoration: none;
}

/**/
/*

.custom-iframe .related.products,
.custom-iframe #newsletters,
.custom-iframe #contact,
.custom-iframe .footer-copyright,
.custom-iframe header,
.custom-iframe .hero-subpages,
.custom-iframe #scrollTop {
	display: none;
}
.custom-iframe .custom-single .button-to-cart, .custom-iframe .button-checkout {
	display: flex !important;
	align-items: center;
}
.custom-iframe #main {
	margin-top: 0;
}
#bookingModal iframe {
	width: 100%;
	height: 80vh;
	border: none;
}*/
/**/
.amelia-v2-booking #amelia-container.am-fs__wrapper {
  max-width: 100% !important;
  width: 100%;
  height: 560px;
  margin: 0 !important;
  box-shadow: none !important;
}
#amelia-step-booking0 {
  margin: 0 !important;
}

@media (max-width: 600px) {
  .am-appointment-times.am-scroll {
    overflow-x: hidden;
  }
  #am-confirm-booking .el-input {
    max-width: max-content;
  }
  #amelia-app-booking0 {
    overflow-x: hidden;
  }
  .el-form-item.am-select-service-option.is-required.am-select-stepByStepForm-selectServiceForm {
    width: 100%;
    overflow-x: hidden;
  }
}

.navStyleD #menu-primary i {
  color: #666;
}