:root {
  --fontPrimary: "Noto Sans", sans-serif;
  --fontTitles: "Figtree", sans-serif;
  --fontKolibri: "kolibri";
  --color-body: #02090b;
  --colorPrimary: #0c2b39;
  --colorPrimaryLight: #ced5d7;
  --colorSecondary: #96774a;
  --colorSand: #d0b58d;
  --colorSandLight: #faf8f4;
  --colorCaribbeanLight: #f3fbfd;
  --colorCaribbean: #8ad8ef;
  --colorPoolBlue: #0073c8;
  --box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
  --colorGreen: #7fa9ae;
}
@font-face {
  font-family: "kolibri";
  src: url("/dam/multiHotel-majesticresorts/fonts/kolibri-webfont.ttf");
  font-weight: 900;
  font-style: normal;
}
/*Estilos genéricos*/
.center {
  text-align: center !important;
}
.left {
  text-align: left !important;
}
.right {
  text-align: right !important;
}
.m0Auto {
  margin: 0 auto !important;
}
.mTop20 {
  margin-top: 20px !important;
}
.mTop30 {
  margin-top: 30px !important;
}
.mTop40 {
  margin-top: 40px !important;
}
.mTop60 {
  margin-top: 60px !important;
}
.mTop80 {
  margin-top: 80px !important;
}
.mTop100 {
  margin-top: 100px !important;
}
.mTop120 {
  margin-top: 120px !important;
}
.mBT20 {
  margin-bottom: 20px !important;
}
.mBT40 {
  margin-bottom: 40px !important;
}
.mBT60 {
  margin-bottom: 60px !important;
}
.mBT80 {
  margin-bottom: 80px !important;
}
.mBT120 {
  margin-bottom: 120px !important;
}
.padd20 {
  padding: 30px 20px !important;
}
.padd6030 {
  padding: 60px 30px !important;
}
.paddTop20 {
  padding-top: 20px !important;
}
.paddBT20 {
  padding-bottom: 20px !important;
}
.paddTop40 {
  padding-top: 40px !important;
}
.paddBT40 {
  padding-bottom: 40px !important;
}
.paddTop60 {
  padding-top: 75px !important;
}
.paddTop120 {
  padding-top: 120px !important;
}
.paddBT120 {
  padding-bottom: 120px !important;
}
.paddBT60 {
  padding-bottom: 60px !important;
}
.w50 {
  width: 50% !important;
}
.w60 {
  width: 60% !important;
}
.w70 {
  width: 70% !important;
}
.w80 {
  width: 80% !important;
}
.w90 {
  width: 92% !important;
}
.colorPrimary {
  color: var(--colorPrimary) !important;
}
.colorSecondary {
  color: var(--colorSecondary) !important;
}
.colorSand {
  color: var(--colorSand) !important;
}
.bgPrimary {
  background: var(--colorPrimary) !important;
}
.bgSecondary {
  background: var(--colorSecondary) !important;
}
.bgLight {
  background: var(--colorSandLight) !important;
}
.bgPurple {
  background: #a66481;
}
.bgLightBlue {
  background: var(--colorCaribbeanLight) !important;
}
.bgGreen {
  background: var(--colorGreen) !important;
}
.bTopSecondary {
  border-top: 5px solid var(--colorSecondary);
}
.fontPrimary {
  font-family: var(--fontPrimary) !important;
}
.fontBold {
  font-family: var(--fontPrimary) !important;
  font-weight: 700 !important;
}
.italic {
  font-style: italic !important;
}
.fontDemi {
  font-family: var(--fontPrimary) !important;
  font-weight: 600;
}
.uppercase {
  text-transform: uppercase !important;
}
.white {
  color: #fff !important;
}
.grayscale {
  filter: grayscale(100%);
}
.list-circle .fa-circle {
  font-size: 10px;
  color: var(--colorSecondary);
}
.htt-text-image ul {
  list-style-type: none;
}
.img-responsive {
  max-width: 100%;
  width: 100%;
  height: auto;
  object-fit: cover;
}
.carousel-inner img {
  object-fit: cover;
}
.ofcover {
  object-fit: cover !important;
}
html,
body {
  overflow-x: hidden;
}
p {
  margin-bottom: 0;
}
a {
  text-decoration: none;
  font-family: var(--fontPrimary);
  font-weight: 400;
  color: var(--color-body);
}
a:focus {
  outline: none;
}
body {
  color: var(--color-body);
  font-size: 16px;
}
html body,
body p,
.htt-text-image p,
.htt-text-image ul li,
.mybooking-content-text {
  font-size: 16px;
  line-height: 150%;
  font-family: var(--fontPrimary);
  font-weight: 400;
}
body .htt-text-image p {
  margin-bottom: 8px;
}
body .htt-text-image .list-services p {
  margin-bottom: 20px;
  padding-left: 10px;
  position: relative;
}
body .htt-text-image .list-services p:before {
  content: "\f111";
  position: absolute;
  left: 0;
  font-size: 5px;
  font-family: "fontAwesome";
}
body h1,
body h2,
body h3 {
  line-height: 120%;
}
body h1 {
  font-size: 3.5rem;
}
body h2,
p.title {
  font-size: 3rem;
}
h2.title-p {
  font-size: 16px;
  line-height: 150%;
  font-family: var(--fontPrimary);
  font-weight: 400;
}
body h3 {
  font-size: 2.5rem;
}
body p.title,
body h1,
body h2,
body h3 {
  font-family: var(--fontTitles);
  font-weight: 100;
  background: none;
  color: var(--colorPrimary);
  text-align: left;
  font-style: normal;
  /*text-transform:capitalize;*/
}
body p.sub-title-gold,
body h3.sub-title-gold,
body p.sub-title,
body h2.sub-title-gold,
body h1.sub-title-gold,
body h1.sub-title {
  color: var(--colorPrimary);
  font-size: 32px;
  font-family: var(--fontTitles);
  font-weight: 100;
  margin-top: 12px;
  line-height: 1.2em;
  /* text-transform:capitalize;*/
}
body p.sub-title,
.title-prev,
body p.title-prev {
  color: var(--colorPrimary);
}
body p.sub-title-medium,
body h3.sub-title-medium {
  font-size: 32px;
  font-family: var(--fontPrimary);
  font-weight: 600;
  color: var(--colorPrimary);
  font-style: normal !important;
}
body p.sub-title a {
  font-size: 24px;
  color: var(--colorPrimary);
}
body p.credits,
body p.credits a {
  color: #999;
  font-size: 14px;
}
a.viewMore {
  color: var(--colorSecondary);
}
.faRotate {
  transform: rotate(90deg);
}
.text-transform-none {
  text-transform: none !important;
}
.indent {
  margin-left: 12px;
}
span[data-fancybox] {
  cursor: pointer;
}
.fancybox__caption {
  display: none !important;
}
html.with-fancybox {
  overflow: hidden !important;
}
.title-prev,
body p.title-prev {
  display: block;
  text-transform: uppercase;
  font-size: 21px;
  font-family: var(--fontTitles);
  font-weight: 100;
}
.title-section {
  position: relative;
}
.htt-text-image:has(.title-section) {
  width: 70%;
  margin: 0 auto;
}
/*.title-section:before, .title-section:after{
    border-top: 1px solid #dfdfdf;
    content: "";
    margin: 0 auto;
    position: absolute;
    top: 79%;
    bottom: 0;
    width: 40%;
    z-index: -1;
}
.title-section:before{
    left: -130%;
    right: 0;
}
.title-section:after{
    right: -130%;
    left:0;
}*/
#buttonShowSearcherScroll,
#buttonShowSearcherMobile {
  background-color: var(--colorSand) !important;
  font-family: var(--fontPrimary);
  color: var(--color-body) !important;
  text-transform: capitalize !important;
  padding: 15px 20px !important;
}
#buttonShowSearcherScroll:hover,
#buttonShowSearcherMobile:hover {
  background-color: var(--colorPrimary) !important;
  color: #fff !important;
}
#buttonShowSearcherScroll {
  box-shadow: 6px 8px 0px 0px rgb(0 0 0 / 28%) !important;
}
#app-container > div > div {
  box-shadow: none !important;
  padding: 0 !important;
}
#search-button-container-selector {
  color: var(--color-body) !important;
}
/*Alert*/
.alert-majestic {
  background: var(--colorPrimary);
  padding: 8px;
}
.col:has(.alert-majestic) {
  padding: 0 !important;
}
/*Footer generic*/
.footer .mybooking-content span.bi-cart-fill {
  color: #fff;
}
.mybooking-content-text {
  color: #fff;
}
.redes-footer {
  display: flex;
  justify-content: center;
}
.redes-footer i {
  margin-right: 5px;
  font-size: 18px;
  background: var(--colorSecondary);
  padding: 5px;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.footer .copy {
  border-top: 1px solid #fff;
}
.footer p,
.footer a {
  color: #fff;
}
/*Top header*/
.top-header {
  box-shadow: var(--box-shadow);
  padding: 10px 5%;
}
.top-header > .row {
  align-items: center;
}
.access-right > .row {
  float: right;
  align-items: center;
}
.top-header .mybooking-content-text {
  display: none;
}
.access-right > .row > .col {
  padding: 0 10px;
  flex: auto;
  width: auto;
}
.person-login-text {
  display: none;
}
.bi-person-fill::before {
  font-size: 18px;
  color: var(--color-body);
}
.htt-language-selector button {
  float: right;
}
.options-selector-language {
  min-width: fit-content !important;
}
.group-languages-texts {
  margin-right: 8px;
}
.group-languages-texts .btn-secondary.open-selector-language {
  background: transparent;
  border: 0;
  color: var(--color-body);
  font-family: var(--fontTitles);
  font-weight: 100;
  position: relative;
  font-style: normal;
  padding: 0;
  font-size: 16px !important;
}
.open-selector-language span {
  position: relative;
  letter-spacing: 0.5px;
}
.open-selector-language span:after {
  position: absolute;
  top: 3px;
  right: -10px;
  font-size: 8px;
  content: "\f078";
  font-family: "FontAwesome";
  color: #666;
}
p.topBanner {
  color: #ffffff;
  font-size: 1.3em;
  letter-spacing: 6px;
  line-height: 27px;
  text-align: center;
}
span.preCheckHeader {
  color: var(--colorSecondary) !important;
}
/*.preCheckHeader a {
    background: var(--colorSand);
    color: #fff !important;
    padding: 8px;
    text-decoration:none;
    transition:.3s background;
}*/
.preCheckHeader a:hover {
  background: var(--colorPrimary);
}
span.topBannerText {
  font-family: var(--fontPrimary) !important;
  color: #fff;
  text-align: center;
  line-height: 1em;
  letter-spacing: 1px;
  font-size: 15px;
  position: relative;
}
/*Menu*/
.logo-header {
  padding-left: 20px;
}
.menu-logo {
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.57) 0%,
    rgba(50, 51, 49, 0.25) 100%
  );
  height: 120px;
  position: absolute;
  backdrop-filter: blur(2px);
  width: 100%;
  z-index: 3;
}
.menu-logo img {
  margin-top: 20px;
}
.editMode .menu-logo {
  position: relative;
  height: auto;
}
.menu-logo > .container-fluid {
  padding-right: 0;
  padding-left: 0;
}
.logo-menu img {
  margin-top: 18px;
}
.top-bar-menu {
  float: right;
  width: fit-content;
  margin-top: 0;
  height: 160px;
  margin-right: 0;
  margin-left: 0;
  padding-right: 0;
  padding-left: 0;
}
.top-bar-menu div.htt-text-image {
  display: flex;
  flex-wrap: wrap;
  width: auto;
}
.top-bar-menu div.htt-text-image .col {
  width: auto;
  border-right: 1px solid rgb(255 255 255 / 20%);
  color: white;
  height: 120px;
  padding: 0px 15px 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0;
  margin-left: 0;
  flex: none;
  transition: 0.3s all;
}
.top-bar-menu
  div.htt-text-image
  .col:hover:not(.top-bar-menu div.htt-text-image .col:first-child) {
  background: var(--colorSecondary) !important;
}
.top-bar-menu .dropDown {
  position: relative;
}
.top-bar-menu .btn-access-book {
  padding-bottom: 8px;
}
.inner-btn-book img {
  margin: 0 auto;
  padding: 8px;
  max-width: 80px;
  height: auto;
  display: block;
}
.inner-btn-book .txt-btn-access {
  color: white;
  text-align: center;
  font-family: var(--fontPrimary) !important;
  margin-top: 1px;
  font-size: 16px;
  cursor: pointer;
}
.inner-btn-book .txt-btn-access a {
  color: #fff;
  text-decoration: none;
}
.dropDown-menu-box {
  position: absolute;
  min-width: 420px;
  right: -25% !important;
  left: auto;
  background-color: rgb(12 43 57 / 90%);
  border-radius: 4px;
  box-shadow: var(--box-shadow);
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  visibility: hidden;
  opacity: 0;
  margin-top: 0px;
}
.dropDown-menu {
  margin: 0;
  padding: 0 13px;
  list-style: none;
}
.header-drop p span {
  display: inline;
  color: white;
  font-size: 14px;
  letter-spacing: 0.09em;
  float: right;
  margin-left: 19px;
}
.pull-right a {
  color: white;
  font-size: 15px !important;
  padding: 0;
}
.header-drop {
  padding: 0;
  background: #0c2b39;
  border-radius: 4px 4px 0 0;
  height: 60px;
}
.header-drop p {
  padding: 19px;
  text-transform: uppercase;
  font-size: 16px;
  color: white !important;
  text-align: left;
}
.dropDown-menu-box:before {
  content: "";
  background-color: transparent;
  border-right: 8px solid transparent;
  position: absolute;
  border-left: 8px solid transparent;
  border-bottom: 8px solid #0c2b39;
  border-top: 8px solid transparent;
  top: -15px;
  right: 10%;
}
.dropDown-menu-box:after {
  content: "";
  background-color: transparent;
}
.dropDown-item {
  font-size: 13px;
  padding: 13px 0;
  text-align: left;
  font-weight: 500;
  color: #909dc2;
  cursor: pointer;
  position: relative;
  border-bottom: 1px solid #e0e2e9;
}
.dropDown-item-icon {
  width: 15px;
  height: 15px;
  position: absolute;
  right: 0px;
  fill: #8995b6;
}
.dropDown-item:hover {
  color: #3d6def;
}
.dropDown-item:last-of-type {
  border-bottom: 0;
}
.dropDown--active .dropDown-menu-box {
  visibility: visible;
  opacity: 1;
  margin-top: 5px;
  min-width: 410px;
}
.dropDown-menu-box img {
  padding: 0;
  background: transparent;
}
.dropDown-item:before {
  content: "";
  position: absolute;
  width: 3px;
  height: 28px;
  left: -13px;
  top: 50%;
  transform: translateY(-50%);
  display: none;
}
.dropDown-item:hover:before {
  display: block;
}
.cuadroTelf {
  background: transparent;
  padding: 16px 11px 6px 11px !important;
  border-bottom: 1px solid rgb(204 204 204 / 32%);
  font-family: var(--fontCorpo);
  transition: 0.5s all;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.cuadroTelf:hover {
  background: rgb(0 0 0 / 46%);
}
.top-bar-menu .pull-left,
.top-bar-menu .pull-right {
  display: flex;
}
.pull-right a:hover {
  color: white;
}
.header-drop p span a {
  color: white;
}
.header-drop p span a:hover {
  color: #b59461;
}
.header-drop p:before {
  content: "\f095";
  margin-right: 7px;
  font-family: "fontAwesome";
  font-size: 11px;
  color: white;
  border: 1px solid white;
  background: #b59461;
  padding: 6px;
  border-radius: 50%;
}
.cuadroTelf img {
  margin: 6px 0 10px 6px;
  display: inline;
}
.cuadroTelf span {
  color: white;
  font-size: 13px !important;
  padding: 0;
  margin-right: 5px;
  margin-left: 5px;
  font-family: var(--fontPrimary);
}
.cuadroTelf:last-child {
  border-bottom: 0px;
}
.col.col-extras-top {
  position: relative;
}
.col.col-extras-top .subMenu-extras {
  background: #ffffff;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  box-shadow: var(--box-shadow);
  animation: animopac 1s forwards;
  display: none;
}
.animopac {
  animation: animopac 1s forwards;
}
@keyframes animopac {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.delay {
  animation: animopac 2s forwards;
}
@keyframes delay {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.col.col-extras-top:hover .subMenu-extras {
  display: flex;
}
.col.col-extras-top .subMenu-extras a {
  padding: 12px;
}
.col.col-extras-top .subMenu-extras a:first-child {
  border-bottom: 1px solid lightgrey;
}
.topBarMenuBook div.htt-text-image .col.col-offers-top {
  background: var(--colorSand);
}
#navIconCustom {
  width: 60px;
  height: 45px;
  z-index: 5001;
  margin-top: 3vh;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  /*transform: rotate(0deg) translate(-50%, -50%);*/
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
}
#navIconCustom span {
  display: block;
  position: absolute;
  height: 4px;
  width: 63%;
  background: #ffffff;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
#navIconCustom span:nth-child(1) {
  top: 0px;
}
#navIconCustom span:nth-child(2) {
  top: 9px;
}
#navIconCustom span:nth-child(3) {
  top: 18px;
}
#navIconCustom.open span:nth-child(1) {
  top: 18px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

#navIconCustom.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

#navIconCustom.open span:nth-child(3) {
  top: 18px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
/*Menu lateral*/
body .containerMenuAccordion div#accordion p,
body .containerMenuAccordion div#accordion ul li,
body .containerMenuAccordion div#accordion ul li a,
body .containerMenuAccordion div#accordion p a {
  font-family: var(--fontTitles);
  font-size: 18px;
  margin-top: 3px;
  margin-bottom: 0px;
  font-size: 18px;
  font-weight: 200;
}
.containerMenuAccordion div#accordion ul {
  background: none;
  list-style-type: none;
  padding-left: 15px;
}
.containerMenuAccordion .accordionHeader:hover {
  background-color: var(--colorSecondary);
  color: #fff;
}
.containerMenuAccordion .accordionHeader:hover p,
.containerMenuAccordion .accordionHeader:hover p a {
  color: #fff;
}
.containerMenuAccordion .ui-accordion .ui-accordion-content {
  padding: 14px;
}
.containerMenuAccordion .accordionHeader {
  background: none;
  border: none;
  padding: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12156862745098039);
  border-radius: 0px;
  transition: 0.5s all;
  cursor: pointer;
}
.accordionHeader:last-child {
  border-bottom: none;
}
div#accordion i {
  float: right;
  font-size: 16px;
  margin-top: 2px;
}
.containerMenuAccordion .accordionHeader:hover i {
  color: #fff !important;
}
.containerMenuAccordion .accordionBody,
.containerMenuAccordion .toggleSubMenu {
  display: none;
}
.containerMenuAccordion .accordionBody ul li {
  background: none;
}
.accordionBody ul li:last-child {
  border-bottom: none;
}
.accordionBody ul li {
  padding: 10px;
  border-bottom: 1px solid lightgrey;
}
.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  padding: 0.5em 0.5em 0.5em 0.7em;
  font-size: 100%;
}
.accordionBody ul li a {
  transition: 0.5s all;
}
.accordionBody ul li a:hover {
  padding-left: 0.5em;
}
.containerMenuAccordion li.toggleMenu {
  cursor: pointer;
}
.accordion-button:focus {
  box-shadow: none;
  background-color: transparent;
  border: none;
}
/*Stage*/
.stage {
  position: relative;
}
section.stage .container-fluid .col {
  padding: 0 !important;
}
.container-hero img.img-responsive {
  height: 58vh;
  object-fit: cover;
  filter: brightness(0.65);
}
.hero75 .container-hero img.img-responsive {
  height: 70vh;
}
.grid-container-hero video {
  height: 75vh;
  width: 100%;
  object-fit: cover;
}
.container-hero {
  position: relative;
}
.hero-txt {
  position: absolute;
  top: 50%;
  width: 100%;
  padding: 0 20px;
  transform: translate(0, -50%);
  padding-top: 120px;
}
.hero-txt h1 span,
.hero-txt p span {
  font-size: 24px;
  font-family: var(--fontTitles) !important;
  letter-spacing: 1px;
}
.stage h1.title-hero,
.stage p.title-hero {
  text-shadow: 2px 8px 6px rgb(0 0 0 / 83%);
}
h1.title-hero,
p.title-hero {
  font-family: var(--fontTitles) !important;
  font-weight: 100;
  text-transform: uppercase;
  color: #fff;
  font-size: 3.5rem;
  line-height: 100%;
}
h1.transparent {
  color: transparent !important;
  font-size: 16px !important;
}
.flex-title-hero {
  display: flex;
  justify-content: center;
  align-items: center;
}
.hero-txt:has(.flex-title-hero) {
  top: 35%;
  transform: none;
  padding-top: 0;
}
.flex-title-hero > div:first-child {
  border-right: 1px solid #fff;
}
.flex-title-hero > div {
  padding: 0 60px;
}
.flex-title-hero .title-hero {
  font-size: 44px;
  line-height: 50px;
  font-weight: 300 !important;
  text-transform: uppercase;
}
/*Body*/

/*Tabs*/
.nav-tabs {
  width: 90%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  border: none !important;
}
.nav-tabs button.nav-link {
  padding: 15px 25px;
  color: var(--colorPrimary);
  background: #f8f4ef;
  transition: 0.3s all;
  font-size: 21px;
  border-radius: 0;
  margin: 0 10px;
  text-transform: none;
  min-width: 220px;
  font-family: var(--fontPrimary);
}
.nav-tabs button.nav-link.active,
.nav-tabs button.nav-link:hover {
  background: var(--colorSand);
  color: var(--color-body);
}
.swiper:not(.swiperHeroHome) {
  padding-bottom: 10px !important;
}
.swiper.justify-content-center .swiper-wrapper {
  justify-content: center;
}
.dropdown button.dropdown-toggle {
  width: 100%;
  background: var(--colorPrimary);
  border-radius: 0;
  padding: 10px;
  font-size: 21px;
}
/*Faqs*/
.faqs .accordion-item {
  border: none !important;
  margin-bottom: 5px;
}
.faqs .accordion-item .accordion-button {
  border-radius: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  font-size: 18px;
  padding-left: 0;
  display: flex;
  align-items: flex-start;
}
.faqs .accordion-button::after,
.faqs .accordion-button.collapsed::after {
  background-image: none !important;
  font-size: 14px;
  transform: none !important;
}
.faqs .accordion-button::after {
  content: "\f077";
  font-size: 14px;
  font-family: "fontAwesome";
}
.faqs .accordion-button.collapsed::after {
  content: "\f078";
  font-family: "fontAwesome";
}
.faqs .accordion-button:not(.collapsed) {
  background-color: transparent;
  box-shadow: none;
}
.faqs .accordion-button:focus {
  box-shadow: none;
}
.faqs .accordion-button:hover,
.tabs-faqs-resorts .accordion-button {
  z-index: 1;
}
.accordion-button:not(.collapsed) {
  color: var(--colorPrimary);
}
/*Swiper ofertas*/
.swiper-offers .swiper-slide {
  padding: 0 20px;
  height: auto;
}
.swiper-offers .swiper-slide .offer,
.column-offers .offer {
  height: 100%;
  background: var(--colorPrimary);
  display: flex;
  flex-direction: column;
}
.swiper-offers .swiper-slide img.img-responsive,
.column-offers .offer img.img-responsive {
  height: 200px;
}
.offer .text-offer {
  padding: 20px;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.offer .text-offer p,
.offer .text-offer a {
  color: #fff;
  flex: 1;
}
.offer .text-offer p.title-offer {
  text-transform: uppercase;
  font-size: 1.1rem;
}
.swiper-offers .swiper-button-next,
.swiper-offers .swiper-button-prev {
  width: 30px;
  height: 30px;
  background: var(--colorSecondary);
  border-radius: 50%;
  color: #fff;
}
.swiper-offers .swiper-button-next:after,
.swiper-offers .swiper-button-prev:after {
  font-size: 18px;
  font-family: fontawesome;
  content: "\f04b";
}
.swiper-offers .swiper-button-prev {
  transform: rotate(180deg);
  left: 0;
}
.swiper-offers .swiper-button-next {
  right: 0;
}
/*Swiper services*/
.swiper-services-home .service {
  background: #faf8f4;
  padding-bottom: 20px;
  -webkit-box-shadow: var(--box-shadow);
  -moz-box-shadow: var(--box-shadow);
  box-shadow: var(--box-shadow);
}
body h3.title-service {
  text-transform: none;
  font-family: var(--fontTitles);
  font-size: 1.5rem;
}
.swiper-services-home .service > div:first-child {
  overflow: hidden;
}
.swiper-services-home .service:hover img.img-responsive {
  transition: 0.5s transform;
}
.swiper-services-home .service:hover img.img-responsive {
  transform: scale(1.1);
}
.swiper-services-home .service a {
  color: var(--colorPrimary);
  font-weight: 300;
}
/*Resorts*/
.tabs-resorts .swiper {
  padding: 0 8px 60px 8px;
}
.tabs-resorts .swiper .img-resort img.img-responsive {
  max-height: 200p;
}
.swiper-slide:has(.resort) {
  height: auto;
}
.resort {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.resort .img-resort {
  position: relative;
}
.resort .logo-resort {
  position: absolute;
  top: 0;
  left: 0;
  width: 130px;
  height: 130px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.resort .logo-resort img {
  max-width: 110px;
  height: auto;
}
.tabs-resorts .swiper-slide {
  height: auto;
}
.tabs-resorts .swiper-slide .resort {
  height: 100%;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--colorPrimaryLight);
}
.resort .text-resort {
  padding: 20px;
  background: transparent;
  box-shadow: var(--box-shadow);
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.text-offer p,
.text-offer a,
.text-resort p,
.text-resort p a {
  color: var(--colorPrimary);
}
.text-offer p.title-offer,
.text-resort p.title-resort,
h3.title-resort {
  text-transform: uppercase;
  font-size: 1.2rem;
  font-weight: 500;
}
.destinations img.img-responsive {
  max-height: 350px;
}
.tabs-resorts .text-resort p.title-resort a {
  color: var(--colorPrimary);
}
/*Backgrounds*/
.box-bg,
.grid-call-center {
  background: var(--colorSandLight);
  border: 1px solid var(--colorSand);
  padding: 60px 30px;
}
.col:has(.grid-call-center) {
  padding-left: 0;
  padding-right: 0;
}
.grid-call-center {
  border: none;
  border-top: 1px solid var(--colorSand);
}
.box-bg-sand-light {
  background: var(--colorSandLight);
}
.box-bg-secondary {
  background: var(--colorSecondary);
  padding: 30px;
}
.box-bg-primary {
  background: var(--colorPrimary);
  padding: 30px;
}
.box-bg-light-blue {
  background: var(--#F3FBFD);
}
.box-bg-caribbean {
  background: var(--colorCaribbean);
}
.grid-bg-txt {
  position: relative;
}
.bg-txt {
  display: none;
  font-size: 28em;
  position: absolute;
  top: 30%;
  right: 0;
  opacity: 0.08;
  font-family: var(--fontKolibri) !important;
  color: var(--colorPrimary);
}
/*Banners*/
.banner {
  position: relative;
}
.absolute-banner {
  position: absolute;
  width: 20vw;
  left: 10%;
  top: 50%;
  transform: translate(0, -50%);
}
/*Overlays*/
.overlay-bottom {
  position: relative;
}
.overlay-bottom img {
  min-height: 320px;
}
.overlay-bottom .overlay {
  position: absolute;
  background: rgba(6, 29, 37, 0.7);
  bottom: 0;
  left: 0;
  padding: 30px;
  width: 100%;
}
body .overlay-bottom .overlay p {
  font-size: 24px;
  font-family: var(--fontPrimary);
  font-weight: 400;
}
.overlay-resort {
  position: relative;
}
.overlay-resort .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  transition: 0.3s all;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px;
}
.overlay-resort .overlay a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.overlay-resort .overlay:hover {
  background: rgba(0, 0, 0, 0.2);
}
body .overlay-resort h3 {
  font-style: normal;
  font-weight: 400 !important;
}
.overlay h3.white {
  color: #fff !important;
}
.overlay-resort h4,
.overlay-resort h3 span {
  font-family: var(--fontPrimary);
  font-size: 24px;
  line-height: 28.8px;
  font-weight: 300;
  text-transform: uppercase;
  display: block;
}
/*Swiper*/
.swiper-pagination {
  position: relative;
  margin-top: 20px;
}
.swiper-pagination-bullet {
  background: var(--colorPrimary);
  margin: 0 6px !important;
  width: 10px;
  height: 10px;
}
.swiper-pagination-bullet-active {
  width: 12px;
  height: 12px;
}
.swiper-menu-mobile {
  padding-bottom: 20px;
}
.swiper-scrollbar {
  bottom: 0 !important;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  height: 5px !important;
}
.swiper-scrollbar-drag {
  background: var(--colorPrimary);
}
/*Call center*/
body .grid-call-center p {
  font-size: 21px;
}
.grid-call-center .flex-cols,
.grid-call-center .phones-bottom {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
.grid-call-center .flex-cols .phone a {
  font-size: 4rem;
  font-family: var(--fontPrimary);
  font-weight: 600;
}
.grid-call-center .flex-cols p span {
  display: block;
}
/*Blocks*/
.block-shadow {
  padding: 25px;
  -webkit-box-shadow: var(--box-shadow);
  -moz-box-shadow: var(--box-shadow);
  box-shadow: var(--box-shadow);
}
.block-shadow:has(form) {
  background: #f6f6f6;
}
.border-bottom-secondary {
  border-bottom: 16px solid var(--colorSand);
}
/*Forms*/
form fieldset .row {
  background: #f6f6f6;
  padding: 20px;
  margin: 10px 0;
}
form fieldset p {
  color: var(--colorSecondary);
}
form fieldset > p {
  font-size: 21px;
}
form p.required {
  margin-bottom: 20px;
  display: none;
}
form .form-first p.required span {
  display: none;
}
form .form-first p.required {
  display: block;
}
.title-form {
  padding: 0 32px;
}
.bgSecondary .col:has(form),
.bgSecondary .container-fluid:has(form),
.bgSecondary .col:has(.title-form) {
  padding-left: 0;
  padding-right: 0;
}
.bgSecondary form fieldset p {
  color: #fff;
}
body .bgSecondary form label {
  color: #fff;
}
form input[type="submit"] {
  background: var(--colorPrimary);
  border: none;
}
form input[type="submit"]:hover {
  background: var(--colorSecondary);
  border: 1px solid #fff;
}
.bgSecondary form fieldset .row {
  background: transparent;
}
form .form-row input[type="text"],
form .form-row input[type="password"],
form .form-row select,
form .form-row input[type="date"],
form .form-row input[type="submit"],
form .form-row input[type="time"] {
  height: 50px;
  border-radius: 0;
}
form .form-row input[type="submit"] {
  background: var(--colorSecondary);
  border: none;
  transition: 0.3s background;
}
form .form-row input[type="submit"]:hover {
  background: var(--colorPrimary);
}
form .form-row input[type="text"],
form .form-row input[type="password"],
form .form-row select,
form .form-row input[type="date"],
form .form-row textarea {
  background: rgba(255, 255, 255, 0.5803921568627451);
  border: 1px solid #c2c2c2;
  width: 100%;
  color: var(--color-body);
}
form .form-row {
  display: flex;
  flex-direction: column;
}
form .form-row,
form .button-wrapper {
  margin-top: 12px;
}
form .button-wrapper {
  text-align: right;
}
form a {
  color: var(--colorSecondary);
}
form .form-item:has(input[type="checkbox"]) {
  display: flex;
  align-items: flex-start;
}
form .form-row input[type="checkbox"] {
  margin-right: 8px;
}
.no-space > .row > div {
  padding-left: 0;
  padding-right: 0;
}
.ic-discount {
  mix-blend-mode: multiply;
}
/*Carousel*/
.carousel-control-prev,
.carousel-control-next {
  top: auto;
  bottom: -40px;
  width: 50px;
  display: flex;
  align-items: flex-start;
}
.carousel-control-next {
  right: calc(50% - 54px);
}
.carousel-control-prev {
  left: calc(50% - 54px);
}
.carousel-control-next-icon,
.carousel-control-prev-icon {
  background-color: var(--colorPrimary);
}
.carousel-visible .block-shadow {
  box-shadow: inset var(--box-shadow);
}
.carousel-visible .block-shadow {
  min-height: 300px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
/*Landings*/
.imgLove {
  height: auto;
  width: 250px;
  position: absolute;
  bottom: 60px;
  left: 60px;
}
/*Terms and conditions*/
.terms,
#offer-terms .accordion-body p {
  font-style: italic;
  color: var(--color-body);
  font-size: 15px;
}
/*Customer area*/
.customer-area-menu ul {
  display: flex;
  justify-content: center;
  gap: 20px;
}
.customer-area-menu a {
  padding: 15px 25px;
  color: var(--colorPrimary);
  background: #f8f4ef;
  transition: 0.3s all;
  font-size: 21px;
  border-radius: 0;
  margin: 0 10px;
  text-transform: none;
  min-width: 220px;
  font-family: var(--fontPrimary);
}
.customer-area-menu a.active,
.customer-area-menu a:hover {
  background: var(--colorSand);
  color: var(--color-body);
}
/*cms-btn-up-mov*/
.cms-btn-up-mov {
  position: fixed;
  width: 48px;
  height: 48px;
  opacity: 0.8;
  bottom: 100px;
  right: 20px;
  background: var(--colorSand);
  border-radius: 50% !important;
  border: 3px solid #fff;
  text-align: center;
  padding: 10px;
  transition: 0.5s all;
  display: none;
  z-index: 5;
  color: #fff;
}
.cms-btn-up-mov i {
  font-size: 21px;
  transition: 0.5s all;
}
.cms-btn-up-mov:hover i {
  font-size: 23px;
}
/*Nota motor*/
.note-searcher-mobile .note{
    display:none !important;
}
.editMode .note-searcher-mobile .note{
    display:block !important;
}
.note-searcher,
.note-searcher-mobile {
  padding: 10px;
  background: #ecf0f1;
  cursor: pointer;
  transition: 0.5s all;
}
.note-searcher p,
.note-searcher strong,
.note-searcher-mobile p,
.note-searcher-mobile strong {
  color: var(--color-body);
  font-size: 15px !important;
  text-align: center;
  margin-top: 7px;
}
.note-searcher p strong,
.note-searcher-mobile p strong {
  color: var(--colorSecondary);
}
.note-searcher i.fa.fa-chevron-up,
.note-searcher-mobile i.fa.fa-chevron-up {
  color: var(--colorSecondary);
  font-size: 10px;
  transition: transform 0.3s;
}
.note-searcher i.fa.fa-chevron-up.note-down,
.note-searcher-mobile i.fa.fa-chevron-up.note-down {
  transform: rotate(-180deg);
}
.note-searcher .fade-element,
.note-searcher-mobile .fade-element-mobile {
  display: none;
  border-top: 1px solid #ced5d7;
  margin-top: 11px;
}
/*Footer*/
.footer {
  background: var(--colorPrimary);
}
.footer .mybooking-wrapper {
  margin-bottom: 8px;
}
#talkdesk-chat-widget-trigger {
  border: 3px solid rgba(255, 255, 255, 0.8);
}

@media (min-width: 1366px) {
  .swiper-services-home .swiper-slide {
    flex: 1;
  }
  .swiper-services-home .swiper-pagination-bullet {
    background: transparent !important;
  }
  .swiper-menu-mobile .swiper-slide {
    width: auto !important;
  }
}
@media (min-width: 1280px) {
  /*.swiper-offers .swiper-slide-active {
        padding-left: 40px;
    }*/
  .swiper-offers .swiper {
    padding: 10px;
  }
  .swiper-offers .swiper-slide-next + .swiper-slide {
    padding-right: 40px;
  }
  .swiper-offers .swiper-slide-next {
    padding: 0 20px;
  }
}
@media (min-width: 1024px) {
  .note-searcher-mobile:not(.editMode .note-searcher-mobile) {
    display: none;
  }
}
@media (min-width: 992px) {
  .menu-select-mobile .dropdown {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .top-header {
    padding: 10px;
  }
  .top-bar-menu div.htt-text-image .col {
    padding: 0px 2px 5px;
  }
  .inner-btn-book .txt-btn-access {
    font-size: 14px;
  }
  .top-bar-menu div.htt-text-image .col.last-col {
    padding: 0 0 0 10px;
  }
  .inner-btn-book img {
    max-width: 70px;
  }
}
@media (min-width: 768px) {
  .header {
    position: relative;
    z-index: 3;
  }
  .containerMenuAccordion div#accordion {
    padding: 2rem 2rem 2rem 2rem;
    box-shadow: var(--box-shadow);
    /*width: max-content;*/
    top: 13vh;
    border-radius: 1px;
    margin: 0 auto;
    background: rgba(255, 255, 255, 0.95);
    float: right;
    position: absolute;
    right: 0;
    overflow: hidden;
    display: none;
    width: 400px;
  }
  .editMode .containerMenuAccordion div#accordion {
    position: relative;
  }
  .no-space > .row > div .htt-text-image,
  .no-space > .row > div .htt-text-image img.img-responsive,
  .no-space > .row > div > .container-fluid {
    height: 100%;
  }
  .no-space > .row > div > .container-fluid {
    display: flex;
    align-items: center;
  }
  .two-cols {
    column-count: 2;
    column-gap: 8vw;
  }
  /* .two-cols li{
         break-after: avoid;
     }*/
  .grid-flex-center > .row {
    display: flex;
    justify-content: center;
  }
  .grid-flex-center > .row > div {
    align-self: center;
  }
  .grid-flex-center:has(.resort) > .row > div {
    align-self: flex-start;
  }
  .footer .mybooking-content span.bi-cart-fill {
    display: none;
  }
}
@media (max-width: 1440px) {
  .w50 {
    width: 60% !important;
  }
  .w60 {
    width: 70% !important;
  }
  .w70,
  .htt-text-image:has(.title-section) {
    width: 80% !important;
  }
  .w80 {
    width: 90% !important;
  }
  .w90 {
    width: 95% !important;
  }
  body h1,
  h1.title-hero,
  p.title-hero {
    font-size: 2.8rem;
  }
  body h2,
  p.title {
    font-size: 2.5rem;
  }
  body h3 {
    font-size: 1.8rem;
  }
  .containerMenuAccordion div#accordion {
    top: 17vh;
    padding: 1rem 2rem;
  }
  .container-hero img.img-responsive {
    height: 75vh;
  }
  .hero75 .container-hero img.img-responsive {
    height: 82vh;
  }
  /*.hero-txt{
        top:30%;
        transform:none;
    }*/
  .nav-tabs button.nav-link {
    padding: 9px 25px;
  }
}
@media (max-width: 1440px) and (min-width: 1200px) {
  body .top-bar-menu div.htt-text-image .col {
    padding: 0px 10px 7px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1366px) {
  .top-bar-menu div.htt-text-image .col.first-col {
    display: none;
  }
}
@media (max-width: 1680px) {
  .absolute-banner {
    width: 30vw;
  }
}
@media (max-width: 1366px) {
  .absolute-banner {
    width: 45vw;
    left: 5%;
  }
  .w50,
  .w60 {
    width: 70% !important;
  }
  .hero-m5 .flex-title-hero {
    padding-left: 0;
  }
}
@media (max-width: 1199px) {
  .absolute-banner {
    position: relative;
    width: 90%;
    left: 5%;
    top: -50px;
    transform: none;
  }
  .banner img.img-responsive/*,.swiper-offers .swiper-slide img.img-responsive*/ {
    min-height: 300px;
    object-position: 70%;
  }
  .grid-call-center .flex-cols,
  .grid-call-center .phones-bottom {
    flex-wrap: wrap;
  }
  .w50,
  .w60,
  .w70 {
    width: 80% !important;
  }
  .overlay-resort img.img-responsive {
    min-height: 280px;
  }
}
@media (max-width: 1024px) {
  .w50,
  .w60,
  .w70,
  .w80,
  .w90,
  .htt-text-image:has(.title-section) {
    width: 98% !important;
  }
  /*.hero-txt{
        top:45%;
        transform:none;
    }*/
  .container-hero img.img-responsive,
  .hero75 .container-hero img.img-responsive {
    height: 40vh;
  }
  body h1,
  h1.title-hero,
  p.title-hero {
    font-size: 2rem;
  }
  .hero-txt h1 span,
  .hero-txt p span {
    font-size: 18px;
  }
  body h2,
  p.title {
    font-size: 1.75rem;
  }
  body h3 {
    font-size: 1.5rem;
  }
  body p.sub-title-medium {
    font-size: 24px;
  }
  .flex-title-hero > div {
    padding: 0 30px;
  }
  .container-hero:has(.flex-title-hero) img.img-responsive {
    height: 45vh;
  }
  .hero-txt:has(.flex-title-hero) {
    top: 35%;
  }
  .swiper-offers > .row > .col {
    padding: 0;
  }
  .swiper-offers.paddTop60 {
    padding-top: 20px !important;
  }
  .overlay-resort h3 {
    font-size: 36px;
    line-height: 42px;
  }
  .overlay-resort h4 {
    font-size: 21px;
    line-height: 24px;
  }
  .swiper.justify-content-center .swiper-wrapper {
    justify-content: flex-start;
  }
  .top-bar-menu div.htt-text-image .col.col-extras-top {
    display: none;
  }
  .carousel-item img {
    height: 200px;
    object-fit: cover;
  }
  .resorts-location .carousel-item img {
    height: auto;
  }
  .grid-call-center .flex-cols .phone a {
    font-size: 2.5rem;
  }
  body .htt-text-image .list-services p {
    margin-bottom: 10px;
  }
  .resorts-location > .row > div > div {
    padding: 0 !important;
  }
  form fieldset .row {
    padding: 20px 15px;
  }
  .titleFooter {
    margin-top: 20px;
  }
  .swiper-services-home.mTop60 {
    margin-top: 20px !important;
  }
  .footer .col {
    padding-left: 0 !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .redes-footer {
    justify-content: flex-start;
  }
  .hero-m5 .flex-title-hero {
    margin-top: 100px;
  }
  /* #buttonShowSearcherScroll{
        top:15% !important;
    }*/
}
@media (max-width: 991px) {
  .menu-select-mobile a:not(.menu-select-mobile .dropdown-menu a) {
    display: none !important;
  }
  body .dropdown:hover .dropdown-menu {
    display: none;
  }
  .menu-select-mobile .dropdown:hover .dropdown-menu.show-tab-menu,
  .dropdown:hover .dropdown-menu.show {
    display: block;
  }
  .menu-select-mobile .dropdown {
    width: 100%;
    margin-top: 25px;
  }
  .menu-select-mobile .dropdown button {
    width: 100%;
    border-radius: 0;
    background: var(--colorPrimary);
    padding: 12px;
    font-size: 21px;
  }
  .dropdown-menu {
    width: 100%;
  }
  .dropdown-item.active {
    background-color: var(--colorSecondary);
  }
  .menu-resort .menu-select-mobile a {
    height: auto !important;
    text-align: center;
    font-size: 18px !important;
  }
  .banner-destiny p.left {
    text-align: center !important;
  }
}
@media (max-width: 767px) {
  .menu-logo {
    display: none;
  }
  .logo-header {
    padding-left: 0;
  }
  .top-header {
    padding: 10px;
  }
  .top-header,
  .offcanvas-body,
  .offcanvas-header {
    background: var(--colorPrimary);
  }
  .group-languages-texts .btn-secondary.open-selector-language {
    width: 100%;
    text-align: right;
  }
  .container-hero img.img-responsive,
  .hero75 .container-hero img.img-responsive {
    height: 22vh;
  }
  .stage .title-hero img {
    max-width: 90%;
    height: auto;
  }
  .flex-title-hero {
    flex-direction: column;
  }
  .hero-m5 .flex-title-hero {
    max-width: 95%;
  }
  .hero-m5 .flex-title-hero > div:first-child {
    border-right: none;
    border-bottom: 1px solid #0d2b39;
  }
  .hero-m5 .flex-title-hero > div:first-child img {
    max-height: none;
    height: auto;
    max-width: 150px;
  }
  .flex-title-hero > div:first-child img {
    max-height: 170px;
    width: auto;
  }
  .flex-title-hero .title-hero {
    font-size: 40px;
    line-height: 44px;
  }
  .container-hero:has(.flex-title-hero) img.img-responsive {
    height: 65vh;
  }
  .hero-txt:has(.flex-title-hero) {
    top: 10%;
  }
  .flex-title-hero > div:first-child {
    margin-bottom: 10px;
    border-right: none;
    border-bottom: 1px solid #fff;
  }
  .hero-m5 .flex-title-hero > div {
    padding: 10px;
  }
  #accordion,
  #accordion a,
  .open-selector-language span,
  .open-selector-language span:after {
    color: #fff;
  }
  .containerMenuAccordion div#accordion {
    padding: 1rem 0;
  }
  .containerMenuAccordion div#accordion ul {
    padding-left: 6px;
  }
  body .containerMenuAccordion div#accordion ul li a,
  body .containerMenuAccordion div#accordion ul li {
    font-size: 16px;
  }
  .offcanvas-body {
    padding: 1rem 10px !important;
  }
  .offcanvas-body .navbar-nav {
    padding-right: 0 !important;
  }
  .containerMenuAccordion .accordionHeader {
    border-bottom: 1px solid #fff;
  }
  .containerMenuAccordion .accordionHeader:last-child {
    border-bottom: none;
  }
  .containerMenuAccordion .accordionHeader p,
  .containerMenuAccordion .toggleMenu {
    position: relative;
  }
  .htt-language-selector button {
    float: none;
  }
  .group-languages-texts {
    float: right;
    z-index: 2;
  }
  .containerMenuAccordion {
    margin-top: 30px;
  }
  .navbar-nav .dropdown:hover .dropdown-menu {
    background: var(--colorSecondary);
    border-radius: 0;
  }
  .navbar-nav .dropdown-item {
    color: #fff;
  }
  .navbar-toggler-icon,
  .offcanvas-header .btn-close {
    filter: brightness(0) invert(1);
  }
  .bi-person-fill::before {
    font-size: 24px;
    color: #fff;
    margin-top: 8px;
  }
  body .footer p,
  body .footer p.left {
    text-align: center !important;
  }

  body p.sub-title-gold,
  body p.sub-title,
  body h2.sub-title-gold,
  body h1.sub-title-gold,
  body h3.sub-title-gold {
    font-size: 1.6rem;
  }
  body p.sub-title a {
    font-size: 18px;
  }
  div#accordion .accordionHeader p i {
    float: none;
    font-size: 16px;
    position: absolute;
    right: 0;
    top: 20%;
  }
  /*.hero-txt{
        top:20%;
        transform:none;
    }*/
  .hero-txt {
    padding-top: 0;
  }
  body .containerMenuAccordion div#accordion p {
    text-align: left !important;
  }
  /*img.img-responsive{
        min-height:300px;
    }*/
  img.img-responsive.error {
    min-height: auto;
  }
  .block-shadow {
    padding: 20px 10px;
  }
  body .grid-call-center p {
    display: flex;
    flex-direction: column;
  }
  form fieldset .row .col {
    flex-basis: 100%;
  }
  .carousel-visible .block-shadow {
    min-height: 500px;
  }
  .grid-call-center .flex-cols .phone a {
    font-size: 2rem;
  }
  #talkdesk-chat-widget-trigger {
    bottom: 65px;
  }
  .cms-btn-up-mov {
    bottom: 135px;
  }
  .footer {
    padding-bottom: 60px;
  }
  .footer .copy > .row > .col {
    flex-basis: 100%;
  }
  .footer .copy > .row > .col .left {
    text-align: center !important;
  }
  .footer .mybooking-wrapper {
    display: flex;
    justify-content: center;
  }
  .note-searcher-mobile p strong:nth-child(2) {
    display: block;
  }
}
.footer .mybooking-content span.bi-cart-fill {
    display: none !important;
}

.marryMePrice{
    color: #898989;
    font-weight: 300;
    font-style: italic;
}
.newSize .title-includes{
    font-size: 1.6rem !important;
}