* {
  outline: none;
}
:where(:focus-visible) {
  outline: 2px solid rgba(var(--ring-color), var(--ring-alpha, 1));
  outline-offset: 1px;
}
select:not([multiple]) {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
  background-position: right 0.5rem center;
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
}
[type=checkbox]:checked,
[type=radio]:checked {
  border-color: transparent;
  background-color: currentColor;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}
[type=checkbox]:checked {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
}
[type=radio]:checked {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
}
[type=checkbox]:checked:focus-visible,
[type=checkbox]:checked:hover,
[type=radio]:checked:focus-visible,
[type=radio]:checked:hover {
  border-color: transparent;
  background-color: currentColor;
}
[type=checkbox]:indeterminate {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
  border-color: transparent;
  background-color: currentColor;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}
[type=checkbox]:indeterminate:focus-visible,
[type=checkbox]:indeterminate:hover {
  border-color: transparent;
  background-color: currentColor;
}
[type=file]:focus {
  outline: 1px auto -webkit-focus-ring-color;
}
[type=range]:focus,
[type=range]:focus-visible {
  outline: 0;
}
[type=range]:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px rgba(var(--z-layer-bg), var(--z-layer-bg-alpha, 1)), 0 0 0 0.25rem rgba(var(--brand-color), 0.2);
}
[type=range]:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px rgba(var(--z-layer-bg), var(--z-layer-bg-alpha, 1)), 0 0 0 0.25rem rgba(var(--brand-color), 0.2);
}
[type=range]:focus::-webkit-slider-thumb {
  transition: background-color var(--transition-duration), border-color var(--transition-duration), box-shadow var(--transition-duration), color var(--transition-duration), text-decoration-color var(--transition-duration), opacity var(--transition-duration), transform var(--transition-duration), visibility var(--transition-duration) 0s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
[type=range]:focus::-moz-range-thumb {
  transition: background-color var(--transition-duration), border-color var(--transition-duration), box-shadow var(--transition-duration), color var(--transition-duration), text-decoration-color var(--transition-duration), opacity var(--transition-duration), transform var(--transition-duration), visibility var(--transition-duration) 0s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.breeze-gallery.caption [data-caption]:not([data-caption=""])::after {
  content: attr(data-caption);
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  padding: 1px 5px;
  background: rgb(var(--base-bg, 255, 255, 255));
}
.breeze-gallery.opened {
  top: 0;
  left: 0;
  position: fixed;
  z-index: 999;
  width: 100%;
  height: 100vh;
  padding: 10px;
  box-sizing: border-box;
  background: rgb(var(--base-bg, 255, 255, 255));
}
.breeze-gallery.opened .close {
  background: rgba(var(--base-bg, 255, 255, 255), .6);
  display: block;
  right: 3px;
  top: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
}
.breeze-gallery.opened .controls {
  visibility: visible;
}
.breeze-gallery.opened .stage {
  flex-grow: 1;
  overflow: hidden !important;
}
.breeze-gallery.opened .stage:not(.video) .main-image-wrapper {
  cursor: default;
}
.breeze-gallery.opened .stage > div:first-child,
.breeze-gallery.opened .stage > div:first-child picture {
  margin: 0 auto;
  max-height: 100%;
}
.breeze-gallery.opened .stage > div:first-child,
.breeze-gallery.opened .stage > div:first-child picture,
.breeze-gallery.opened .stage > div:first-child .main-image-wrapper {
  align-items: normal;
}
.breeze-gallery.opened .stage > div:first-child img {
  object-fit: contain;
}
.breeze-gallery.opened .thumbnails.hidden {
  display: flex;
}
@media (orientation: landscape) {
  .breeze-gallery.opened {
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-end;
  }
  .breeze-gallery.opened .thumbnails {
    flex-direction: column;
    flex-wrap: nowrap;
    order: -1;
    max-height: 550px;
    margin: 0 5px 0 0;
    padding-right: 10px;
    padding-bottom: 0;
    overflow-y: overlay;
  }
  .breeze-gallery.opened .stage {
    height: 100%;
    flex-shrink: 1;
  }
  .breeze-gallery.opened .thumbnails {
    max-height: none;
    height: 100%;
    justify-content: flex-start;
  }
}
:root {
  --magnifier-gap: var(--gallery-columns-gap, 10px);
}
.image-magnifier-lens,
.image-magnifier-stage {
  direction: ltr;
  pointer-events: none;
  overflow: hidden;
  opacity: 0;
  visibility: visible !important;
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1), 0 1px 6px rgba(0, 0, 0, 0.06);
}
.image-magnifier-lens.magnifier-active,
.image-magnifier-stage.magnifier-active {
  opacity: 1;
}
.image-magnifier-lens div,
.image-magnifier-stage div {
  transform: translate3d(0, 0, 0);
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.image-magnifier-lens img[src=''],
.image-magnifier-stage img[src=''] {
  opacity: 0;
}
.image-magnifier-lens {
  border: 1px solid rgba(0, 0, 0, 0.4);
}
.image-magnifier-lens.circle {
  border-radius: 9999px;
}
.image-magnifier-lens div {
  background: rgba(255, 255, 255, 0.4);
}
.image-magnifier-stage {
  z-index: 999;
  background: #fff;
}
.image-magnifier-stage div {
  transition: 100ms transform ease-out;
}
@media (prefers-reduced-motion) {
  .image-magnifier-stage div {
    transition: none;
  }
}
.magnifier .breeze-gallery:not(.opened) .stage,
.magnifier .breeze-gallery .images {
  -webkit-touch-callout: none;
}
.magnifier .main-image,
.magnifier .images .item > img {
  backface-visibility: hidden;
  transition: filter 100ms linear;
}
.magnifier-stage-inner .image-magnifier-lens {
  opacity: 0;
}
.magnifier-stage-inner .image-magnifier-stage {
  box-shadow: none;
}
.magnifier-stage-inner:has(.stage .loading-mask) .image-magnifier-stage {
  opacity: 0;
}
.magnifier-stage-inner .breeze-gallery .next,
.magnifier-stage-inner .breeze-gallery .prev {
  z-index: 1000;
}
.magnifier-stage-inner.magnifier-active .product.media .main-image-wrapper {
  z-index: 100;
}
:not(.magnifier-stage-inner).magnifier-active .product.media .stage,
:not(.magnifier-stage-inner).magnifier-active .product.media .images .item {
  z-index: 100;
}
.magnifier-active .product.media .main-image,
.magnifier-active .product.media .images .magnifier-active > img {
  filter: grayscale(100%) opacity(60%);
}
[data-mage-init*='"collapsible":'] > [data-role=content],
.modal-inner-wrap,
.block.filter .filter-content,
.block.filter .filter-title strong::after,
.actions-secondary a,
.toolbar .sorter-action,
.toolbar .modes a,
.pages a.page,
.pages .action.next,
.pages .action.previous,
.minicart-items .actions a,
.navigation-wrapper,
.nav-toggle span::after,
.navigation .parent > a .ui-icon,
.navigation .parent > a::after,
.product-social-links a,
.cart.table a.action,
.cart.table .action-gift::after,
.cart-tax-total::after,
.totals-tax-summary .amount .price::before {
  transition: background-color var(--transition-duration), border-color var(--transition-duration), box-shadow var(--transition-duration), color var(--transition-duration), text-decoration-color var(--transition-duration), opacity var(--transition-duration), transform var(--transition-duration), visibility var(--transition-duration) 0s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.breeze-block-sidebar > .title,
.breeze-block-sidebar .block-title,
.block > .title,
.block .block-title {
  color: rgba(var(--block-title-color), var(--block-title-alpha, 1));
  background: rgba(var(--block-title-bg), var(--block-bg-alpha, 1));
}
.breeze-block-sidebar .block-content,
.block .block-content {
  background: rgb(var(--block-content-bg), var(--block-content-bg-alpha, 1));
}
.breadcrumbs li::after {
  background-color: currentColor;
  -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" /></svg>') no-repeat 50% 50%;
  -webkit-mask-size: 0.75rem 0.75rem;
}
.swatch-option-tooltip {
  transition: background-color var(--transition-duration), border-color var(--transition-duration), box-shadow var(--transition-duration), color var(--transition-duration), text-decoration-color var(--transition-duration), opacity var(--transition-duration), transform var(--transition-duration), visibility var(--transition-duration) 0s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  padding: var(--dropdown-padding);
  width: var(--dropdown-width);
  transform-origin: top;
  transform: scale(0.95);
  z-index: 850;
  visibility: hidden;
  margin-top: 0.125rem;
  color: rgba(var(--z-layer-color), var(--z-layer-color-alpha, 1));
  background: rgba(var(--z-layer-bg), var(--z-layer-bg-alpha, 1));
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(var(--base-color), var(--divider-alpha, .1));
  text-align: left;
}
.swatch-option-tooltip[style*="block"] {
  z-index: 851;
  opacity: 1;
  pointer-events: all;
  visibility: visible;
  transform: scale(1);
  top: auto;
}
.field-tooltip-content,
.dropdown.options .dropdown,
.tooltip.wrapper .tooltip.content,
.minicart-wrapper .mage-dropdown-dialog,
.minisearch .search-autocomplete,
.map-popup,
.navigation .submenu {
  transition: background-color var(--transition-duration), border-color var(--transition-duration), box-shadow var(--transition-duration), color var(--transition-duration), text-decoration-color var(--transition-duration), opacity var(--transition-duration), transform var(--transition-duration), visibility var(--transition-duration) 0s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  padding: var(--dropdown-padding);
  width: var(--dropdown-width);
  transform-origin: top;
  transform: scale(0.95);
  z-index: 850;
  visibility: hidden;
  margin-top: 0.125rem;
  color: rgba(var(--z-layer-color), var(--z-layer-color-alpha, 1));
  background: rgba(var(--z-layer-bg), var(--z-layer-bg-alpha, 1));
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(var(--base-color), var(--divider-alpha, .1));
  text-align: left;
}
.breeze .field-tooltip-content,
.breeze .dropdown.options .dropdown,
.breeze .tooltip.wrapper .tooltip.content,
.breeze .minicart-wrapper .mage-dropdown-dialog,
.breeze .minisearch .search-autocomplete,
.breeze .map-popup,
.breeze .navigation .submenu {
  display: block !important;
}
.field-tooltip-content[aria-hidden="false"],
.dropdown.options .dropdown[aria-hidden="false"],
.tooltip.wrapper:hover .tooltip.content,
.tooltip.wrapper:focus .tooltip.content,
.minicart-wrapper .mage-dropdown-dialog[style=""],
.minicart-wrapper .mage-dropdown-dialog[style*="block"],
.minisearch .search-autocomplete:not(:empty):not([style*="display:none"]):not([style*="display: none"]),
.map-popup.active,
.navigation .submenu.shown,
.navigation .submenu[aria-expanded="true"]:not([aria-hidden]),
body:not(.breeze) .navigation .submenu[aria-expanded="true"]:not([aria-hidden]) .submenu {
  z-index: 851;
  opacity: 1;
  pointer-events: all;
  visibility: visible;
  transform: scale(1);
  top: auto;
}
.dropdown.options .dropdown > li > a,
.dropdown.options .dropdown > ul > li > a,
.minisearch .search-autocomplete [role="listbox"] li,
.navigation :where(li[class*=level]) > a {
  --divider-alpha: 0.05;
  cursor: pointer;
}
.dropdown.options .dropdown > li > a:hover,
.dropdown.options .dropdown > ul > li > a:hover,
.minisearch .search-autocomplete [role="listbox"] li:hover,
.navigation :where(li[class*=level]) > a:hover {
  background: rgba(var(--base-color), var(--divider-alpha, .1));
}
[data-collapsible] > [data-role="title"],
[data-role="collapsible"] > [data-role="title"],
[data-mage-init*='"collapsible":'] > [data-role="title"],
.block-collapsible-nav > .title,
.dropdown.options .toggle,
.minicart-wrapper .action.showcart {
  cursor: pointer;
}
[data-collapsible] > [data-role="title"]::after,
[data-role="collapsible"] > [data-role="title"]::after,
[data-mage-init*='"collapsible":'] > [data-role="title"]::after,
.block-collapsible-nav > .title::after,
.dropdown.options:not(.no-chevron) .toggle::after {
  transition: background-color var(--transition-duration), border-color var(--transition-duration), box-shadow var(--transition-duration), color var(--transition-duration), text-decoration-color var(--transition-duration), opacity var(--transition-duration), transform var(--transition-duration), visibility var(--transition-duration) 0s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  background-color: currentColor;
  -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" /></svg>') no-repeat 50% 50%;
  -webkit-mask-size: 1.5rem 1.5rem;
}
:where(input:not([type=range])):focus,
:where(input:not([type=range])):focus-visible,
textarea:focus,
textarea:focus-visible,
select:focus,
select:focus-visible {
  --input-border-color: var(--brand-color);
  --input-outline-color: var(--input-border-color);
  --input-shadow-spread: 1px;
  outline: 2px solid rgba(var(--input-outline-color), var(--input-outline-alpha));
  outline-offset: 2px;
}
:where(input:not([type=range])):-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 var(--input-shadow-spread, 0) rgba(var(--input-border-color), var(--input-border-alpha)), 0 0 0 30px rgba(var(--muted-bg), var(--muted-bg-alpha, 1)) inset;
  -webkit-text-fill-color: rgba(var(--input-color), var(--input-alpha));
}
.listing-grid-item-actions-primary-absolute .product-item-details .actions-primary .stock,
button,
.action.primary,
input[type='submit'],
input[type='reset'],
input[type='button'],
.pagebuilder-button-primary,
.pagebuilder-button-secondary,
.pagebuilder-button-link {
  transition: background-color var(--transition-duration), border-color var(--transition-duration), box-shadow var(--transition-duration), color var(--transition-duration), text-decoration-color var(--transition-duration), opacity var(--transition-duration), transform var(--transition-duration), visibility var(--transition-duration) 0s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
@media (hover: hover) {
  button:hover,
  .action.primary:hover,
  input[type='submit']:hover,
  input[type='reset']:hover,
  input[type='button']:hover,
  .pagebuilder-button-primary:hover,
  .pagebuilder-button-secondary:hover,
  .pagebuilder-button-link:hover {
    --button-bg-alpha: var(--button-hover-bg-alpha);
    text-decoration: none !important;
  }
}
button:focus-visible,
.action.primary:focus-visible,
input[type='submit']:focus-visible,
input[type='reset']:focus-visible,
input[type='button']:focus-visible,
.pagebuilder-button-primary:focus-visible,
.pagebuilder-button-secondary:focus-visible,
.pagebuilder-button-link:focus-visible {
  --button-border-alpha: 1;
  z-index: 10;
  outline: 2px solid rgba(var(--ring-color), var(--ring-alpha, 1));
  outline-offset: 2px;
}
@media (hover: hover) {
  .pagebuilder-button-link:hover {
    text-decoration: underline !important;
    --button-bg: transparent;
    --button-border-color: transparent;
    --button-color: var(--link-color);
  }
}
@media (hover: hover) {
  .button-ghost button:hover,
  .button-ghost .pagebuilder-button-primary:hover,
  .button-ghost .pagebuilder-button-secondary:hover {
    --button-bg-alpha: .1;
    --button-color: var(--base-color);
  }
}
.product-options-wrapper .action.back {
  --button-bg: var(--base-bg);
  --button-border-color: var(--base-bg);
  padding: 0 !important;
  background: transparent !important;
  color: inherit !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  font-size: inherit !important;
  text-transform: inherit !important;
  border: 0 !important;
  border-radius: 0 !important;
  text-align: left;
}
.product-options-wrapper .action.back:focus-visible {
  outline: 2px solid rgba(var(--ring-color), var(--ring-alpha, 1));
  outline-offset: 1px;
}
.button-close,
.ui-dialog.popup .action.close,
.modal-header .action-close,
.block-minicart .action.close {
  float: right;
  --button-bg: var(--base-bg);
  --button-border-color: var(--base-bg);
  padding: 0 !important;
  background: transparent !important;
  color: inherit !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  font-size: inherit !important;
  text-transform: inherit !important;
  border: 0 !important;
  border-radius: 0 !important;
  text-align: left;
  opacity: .7;
  cursor: pointer;
}
.button-close:focus-visible,
.ui-dialog.popup .action.close:focus-visible,
.modal-header .action-close:focus-visible,
.block-minicart .action.close:focus-visible {
  outline: 2px solid rgba(var(--ring-color), var(--ring-alpha, 1));
  outline-offset: 1px;
}
.button-close::before,
.ui-dialog.popup .action.close::before,
.modal-header .action-close::before,
.block-minicart .action.close::before {
  display: block;
  content: '';
  width: 1.75rem;
  height: 1.75rem;
  background-color: currentColor;
  -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" /></svg>') no-repeat 50% 50%;
  -webkit-mask-size: 1.5rem 1.5rem;
}
.button-close span,
.ui-dialog.popup .action.close span,
.modal-header .action-close span,
.block-minicart .action.close span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.minicart-items .details-qty .update-cart-item {
  font-size: 0.75rem;
  line-height: 1rem;
  padding: 0.25rem 0.5rem;
}
.minicart-items .details-qty .item-qty {
  font-size: 0.75rem;
  line-height: 1rem;
  padding: 0.25rem;
  width: auto;
  flex-grow: 0;
}
.minicart-items-wrapper::after {
  pointer-events: none;
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 1rem;
  background: linear-gradient(rgba(var(--z-layer-bg), 0), rgba(var(--z-layer-bg), .8));
}
.modal-content::-webkit-scrollbar,
.minicart-items-wrapper > .minicart-items::-webkit-scrollbar {
  width: 0.375rem;
  height: 0.375rem;
}
.modal-content::-webkit-scrollbar-track,
.minicart-items-wrapper > .minicart-items::-webkit-scrollbar-track {
  background-color: rgb(var(--scrollbar-bg));
  border-radius: 24rem;
}
.modal-content::-webkit-scrollbar-thumb,
.minicart-items-wrapper > .minicart-items::-webkit-scrollbar-thumb {
  background-color: rgb(var(--scrollbar-color));
  border-radius: 24rem;
}
.loading-mask .loader,
.load.indicator::before,
.product-item-info-image-loading .product-item-photo::before {
  animation: rotate var(--spinner-duration) linear infinite;
  width: var(--spinner-size);
  height: var(--spinner-size);
  border: var(--spinner-border-width) solid rgb(var(--spinner-border-color));
  border-top-color: transparent;
  border-radius: 50%;
}
[data-mage-init*='"tabs":'] > [data-role="collapsible"] {
  cursor: pointer;
}
[data-mage-init*='"tabs":'] > [data-role="collapsible"]:hover {
  --muted-alpha: .9;
  --muted-bg-alpha: .5;
  background: rgba(var(--muted-bg), var(--muted-bg-alpha, 1));
}
@media (max-width: 767.98px) {
  [data-mage-init*='"tabs":'] > [data-role="collapsible"]::after {
    transition: background-color var(--transition-duration), border-color var(--transition-duration), box-shadow var(--transition-duration), color var(--transition-duration), text-decoration-color var(--transition-duration), opacity var(--transition-duration), transform var(--transition-duration), visibility var(--transition-duration) 0s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    background-color: currentColor;
    -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" /></svg>') no-repeat 50% 50%;
    -webkit-mask-size: 1.5rem 1.5rem;
  }
}
[data-mage-init*='"tabs":'] > [data-role="collapsible"][aria-expanded="true"],
[data-mage-init*='"tabs":'] > [data-role="collapsible"]:nth-child(1):not([aria-expanded]) {
  --muted-alpha: .9;
  background: rgba(var(--muted-bg), var(--muted-bg-alpha, 1));
}
[data-mage-init*='"tabs":'] > [data-role="collapsible"][aria-expanded="true"]:hover,
[data-mage-init*='"tabs":'] > [data-role="collapsible"]:nth-child(1):not([aria-expanded]):hover {
  --muted-bg-alpha: 1;
}
[data-content-type="tabs"] .tab-header {
  cursor: pointer;
}
[data-content-type="tabs"] .tab-header:hover {
  --muted-alpha: .9;
  --muted-bg-alpha: .5;
  background: rgba(var(--muted-bg), var(--muted-bg-alpha, 1));
}
[data-content-type="tabs"] .tab-header.active {
  --muted-alpha: .9;
  background: rgba(var(--muted-bg), var(--muted-bg-alpha, 1));
}
[data-content-type="tabs"] .tab-header.active:hover {
  --muted-bg-alpha: 1;
}
[data-mage-init*='"tabs":'] > [data-role="content"] {
  transition: background-color var(--transition-duration), border-color var(--transition-duration), box-shadow var(--transition-duration), color var(--transition-duration), text-decoration-color var(--transition-duration), opacity var(--transition-duration), transform var(--transition-duration), visibility var(--transition-duration) 0s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
[data-content-type="tabs"] .tabs-content > div {
  transition: background-color var(--transition-duration), border-color var(--transition-duration), box-shadow var(--transition-duration), color var(--transition-duration), text-decoration-color var(--transition-duration), opacity var(--transition-duration), transform var(--transition-duration), visibility var(--transition-duration) 0s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.minicart-items .details-qty .update-cart-item span,
.minicart-items .action.edit span,
.minicart-items .action.delete span,
.review-control-vote label span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.mobile-header-panel .switcher .label {
  position: static;
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  overflow: visible;
  clip: auto;
  white-space: normal;
}
.block-minicart .items-total {
  font-size: 1.5rem;
  line-height: 2rem;
}
.block-minicart .block-content > .actions a.action {
  color: #1373e6;
  text-decoration: none;
}
.block-minicart .block-content > .actions a.action:hover {
  --link-alpha: 1;
  text-decoration: underline;
}
.popup-authentication .block-new-customer p {
  margin-bottom: 0.75rem;
}
.popup-authentication .block-new-customer ul {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.popup-authentication .block-new-customer ul {
  padding-left: 1.25rem;
}
.popup-authentication .block-new-customer ul {
  list-style: disc;
}
.breeze-z-layer,
.breeze-dropdown,
.field-tooltip-content,
.dropdown.options .dropdown,
.tooltip.wrapper .tooltip.content,
.minicart-wrapper .mage-dropdown-dialog,
.minisearch .search-autocomplete,
.map-popup,
.navigation .submenu,
.swatch-option-tooltip {
  color: rgba(var(--base-color), var(--base-alpha, 1));
  --base-color: 17, 24, 39;
  --base-alpha: 1;
  --headings-color: var(--base-color);
  --headings-alpha: 1;
  --link-color: var(--blue);
  --link-alpha: 0.85;
  --muted-bg: 243, 244, 246;
  --muted-bg-alpha: 1;
  --ring-color: var(--brand-color);
  --ring-alpha: 1;
  --button-bg: var(--brand-color);
  --button-border-color: var(--button-bg);
  --button-color: 255, 255, 255;
  --input-color: 17, 24, 39;
  --input-alpha: 1;
  --input-bg: var(--base-bg);
  --input-bg-alpha: 1;
  --input-border-color: 156, 163, 175;
  --input-border-alpha: 1;
}
div.mage-error,
div.field-error {
  margin-top: 0.125rem;
  font-size: .9rem;
  color: rgba(var(--danger-color), var(--danger-alpha, 1));
}
.field-tooltip {
  --dropdown-width: 18rem;
  --dropdown-padding: 0.5rem 0.75rem;
}
.field-tooltip-action::before {
  background-color: currentColor;
  -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8.228 9c.549-1.165 2.03-2 3.772-2 2.21 0 4 1.343 4 3 0 1.4-1.278 2.575-3.006 2.907-.542.104-.994.54-.994 1.093m0 3h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /></svg>') no-repeat 50% 50%;
  -webkit-mask-size: 1.25rem 1.25rem;
}
.ui-datepicker .ui-datepicker-calendar td {
  padding: 0;
}
.ui-datepicker-trigger::before {
  background-color: currentColor;
  -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" /></svg>') no-repeat 50% 50%;
  -webkit-mask-size: 1.5rem 1.5rem;
}
.shadow-sm {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
.shadow {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}
.shadow-md {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
.shadow-lg {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.shadow-xl {
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
.shadow-2xl {
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}
.shadow-sm-around {
  box-shadow: 0 1px 9px 0 rgba(0, 0, 0, 0.05);
}
.shadow-around {
  box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.1), 0 1px 5px 0 rgba(0, 0, 0, 0.06);
}
.shadow-md-around {
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1), 0 1px 6px rgba(0, 0, 0, 0.06);
}
.shadow-lg-around {
  box-shadow: 0 4px 15px -2px rgba(0, 0, 0, 0.1), 0 1px 6px rgba(0, 0, 0, 0.05);
}
.shadow-xl-around {
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1), 0 5px 10px rgba(0, 0, 0, 0.04);
}
.shadow-2xl-around {
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.25);
}
@keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
[data-mage-init*='"collapsible":'] > [data-role=content][aria-hidden=false] {
  height: auto;
  visibility: visible;
  opacity: 1;
  overflow: visible;
  position: static;
}
.block-collapsible-nav .title {
  cursor: pointer;
}
.block-collapsible-nav .content a:hover {
  text-decoration: none;
  --base-bg-alpha: .8;
  background: rgba(var(--base-bg), var(--base-bg-alpha, 1));
}
@media (min-width: 768px) {
  .block-collapsible-nav .content {
    position: sticky;
    top: 0.5rem;
    left: 0;
  }
}
@media (min-width: 640px) {
  .ui-dialog.popup {
    width: 24rem;
  }
}
.ui-dialog.popup .action.close {
  position: absolute;
  z-index: 101;
  right: 0.5rem;
  top: 0.5rem;
}
.dropdown.options .block-title {
  padding: 0;
  border: 0;
  margin-bottom: 0.5rem;
}
.dropdown.options .subtitle {
  display: block;
  margin-bottom: 0.75rem;
  color: rgba(var(--base-color), var(--muted-alpha, .6));
}
.dropdown.options .product-item + .product-item {
  margin-top: 1rem;
}
.dropdown.options .actions-toolbar {
  justify-content: center;
  margin-top: 1rem;
}
.dropdown.options .empty {
  font-weight: 500;
}
:root {
  --dropdown-padding: 0.5rem;
  --dropdown-width: 11rem;
}
.dropdown-lg {
  --dropdown-padding: 0.75rem 1rem;
  --dropdown-width: 18rem;
}
.dropdown-xl,
.map-popup {
  --dropdown-padding: 0.75rem 1rem;
  --dropdown-width: 20rem;
}
.modals-overlay,
.modal-custom-overlay {
  transition: background-color var(--transition-duration), border-color var(--transition-duration), box-shadow var(--transition-duration), color var(--transition-duration), text-decoration-color var(--transition-duration), opacity var(--transition-duration), transform var(--transition-duration), visibility var(--transition-duration) 0s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  inset: 0;
  margin: 0 !important;
  padding: 0 !important;
  position: fixed;
  visibility: hidden;
  content: '';
  z-index: 810;
  opacity: 0;
  pointer-events: none;
  background: rgba(var(--z-overlay-bg), var(--z-overlay-bg-alpha, .8));
}
._show ~ .modals-overlay,
._show ~ .modal-custom-overlay {
  opacity: 1;
  pointer-events: all;
  visibility: visible;
}
body.breeze._has-modal,
body.breeze._has-modal-custom {
  overflow: hidden;
}
.modal-slide,
.modal-popup,
.modal-custom {
  --modal-max-width: 500px;
  --modal-max-height: 85vh;
  --modal-padding-x: 1rem;
  --modal-padding-y: var(--modal-padding-x);
  inset: 0;
  position: fixed;
  z-index: 900;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  padding: 1.75rem;
}
@media (min-width: 768px) {
  .modal-slide,
  .modal-popup,
  .modal-custom {
    --modal-padding-x: 2rem;
  }
}
.modal-slide._show,
.modal-popup._show,
.modal-custom._show {
  pointer-events: auto;
  visibility: visible;
}
@media (min-width: 640px) {
  .modal-slide,
  .modal-popup,
  .modal-custom {
    justify-content: center;
  }
}
.modal-slide[data-type="slide"] {
  width: 100%;
  padding: 0;
  align-items: flex-end;
  padding-left: 1.75rem;
  left: auto !important;
}
.modal-inner-wrap {
  display: flex;
  flex-direction: column;
  padding: 0 !important;
  margin: 0 !important;
  width: 100%;
  max-width: var(--modal-max-width);
  max-height: var(--modal-max-height);
  max-height: -webkit-fill-available;
  background: rgba(var(--z-layer-bg), var(--z-layer-bg-alpha, 1));
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1), 0 5px 10px rgba(0, 0, 0, 0.04);
  opacity: 0;
}
.modal-xl .modal-inner-wrap {
  --modal-max-width: 850px;
}
@media (max-width: 767.98px) {
  .modal-inner-wrap {
    transform: translateY(10px);
  }
}
@media (min-width: 768px) {
  .modal-inner-wrap {
    transform: scale(0.97);
  }
}
[data-type="slide"] .modal-inner-wrap {
  width: 100%;
  height: 100%;
  max-width: 420px;
  max-height: none;
  border-radius: 0;
  transform: translateX(100%);
}
._show .modal-inner-wrap {
  transform: none;
  opacity: 1;
}
.modal-header,
.modal-content,
.modal-footer {
  padding: 0 var(--modal-padding-x);
}
.modal-header,
.modal-footer {
  flex-shrink: 0;
  padding-top: var(--modal-padding-y);
  position: relative;
  z-index: 10;
}
.modal-header h1 {
  font-size: 1.5rem;
  line-height: 2rem;
}
.modal-header .action-close {
  background: rgba(var(--base-bg), var(--base-bg-alpha, 1));
  position: absolute;
  top: calc(var(--modal-padding-y) / 3);
  right: calc(var(--modal-padding-x) / 3);
}
.modal-content {
  overflow: auto;
  overscroll-behavior: contain;
}
.modal-content:last-child {
  padding-bottom: var(--modal-padding-y);
}
.modal-content .message .button-close {
  display: none;
}
.modal-footer {
  padding-bottom: var(--modal-padding-y);
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
}
.page-header .action.skip {
  --base-color: 17, 24, 39;
  --base-alpha: 1;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 40;
  text-align: center;
  background: rgba(var(--base-bg), var(--base-bg-alpha, 1));
  color: rgba(var(--base-color), var(--base-alpha, 1));
}
.page-header .action.skip:hover {
  text-decoration: underline;
}
.page-header .action.skip:focus-within {
  outline: none;
  border-bottom: 1px solid rgba(var(--base-color), var(--divider-alpha, .1));
  padding: 0.375rem 2.5rem;
}
.loading-mask,
.load.indicator {
  inset: 0;
  margin: auto;
  position: fixed;
  z-index: 800;
  --base-bg-alpha: .6;
  background: rgba(var(--base-bg), var(--base-bg-alpha, 1));
  display: flex;
  align-items: center;
  justify-content: center;
}
body > .loading-mask,
body > .load.indicator {
  z-index: 990;
}
body > .loading-mask {
  position: fixed !important;
}
.loading-mask .loader {
  flex-shrink: 0;
  flex-grow: 0;
}
.loading-mask .loader p,
.loading-mask .loader img {
  display: none;
}
.loading-mask + .loading-mask {
  opacity: 0;
}
.load.indicator::before {
  content: '';
  display: block;
}
.load.indicator span {
  display: none;
}
._block-content-loading {
  position: relative;
}
.tooltip.wrapper {
  --dropdown-width: 16rem;
  --dropdown-padding: 0.5rem 0.75rem;
}
.tooltip.wrapper .tooltip.toggle {
  cursor: help;
}
.tooltip.wrapper .subtitle {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 400;
  display: block;
  margin-bottom: 0.5rem;
}
@media (max-width: 767.98px) {
  .tooltip.wrapper {
    --dropdown-width: 12rem;
  }
}
.towishlist::before {
  background-color: currentColor;
  -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z" /></svg>') no-repeat 50% 50%;
  -webkit-mask-size: 1.5rem 1.5rem;
}
.tocompare::before {
  background-color: currentColor;
  -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 6l3 1m0 0l-3 9a5.002 5.002 0 006.001 0M6 7l3 9M6 7l6-2m6 2l3-1m-3 1l-3 9a5.002 5.002 0 006.001 0M18 7l3 9m-3-9l-6-2m0-2v2m0 16V5m0 16H9m3 0h3" /></svg>') no-repeat 50% 50%;
  -webkit-mask-size: 1.5rem 1.5rem;
}
.action.print::before {
  background-color: currentColor;
  -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 17h2a2 2 0 002-2v-4a2 2 0 00-2-2H5a2 2 0 00-2 2v4a2 2 0 002 2h2m2 4h6a2 2 0 002-2v-4a2 2 0 00-2-2H9a2 2 0 00-2 2v4a2 2 0 002 2zm8-12V5a2 2 0 00-2-2H9a2 2 0 00-2 2v4h10z" /></svg>') no-repeat 50% 50%;
  -webkit-mask-size: 1.5rem 1.5rem;
}
.action.mailto::before {
  background-color: currentColor;
  -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" /></svg>') no-repeat 50% 50%;
  -webkit-mask-size: 1.5rem 1.5rem;
}
.popup-authentication .modal-inner-wrap {
  --modal-max-width: 850px;
}
.popup-authentication .block-authentication {
  padding: 0 1rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (min-width: 768px) {
  .popup-authentication .block-authentication {
    flex-direction: row;
    gap: 2rem;
  }
  .popup-authentication .block-authentication > .block {
    flex-grow: 1;
    flex-basis: 0;
  }
}
.block .block-title .counter {
  color: rgba(var(--base-color), var(--muted-alpha, .6));
}
.block-compare .action.delete,
.filter .action.remove,
.sidebar .action.delete,
.sidebar .action.remove {
  color: rgba(var(--base-color), var(--muted-alpha, .6));
}
.block-compare .action.delete::before,
.filter .action.remove::before,
.sidebar .action.delete::before,
.sidebar .action.remove::before {
  background-color: currentColor;
  -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" /></svg>') no-repeat 50% 50%;
  -webkit-mask-size: 1rem 1rem;
}
.breadcrumbs a:hover {
  text-decoration: underline;
}
.dropdown .header.links {
  flex-direction: column;
  gap: 0;
}
.mobile-header-panel {
  margin-top: 1rem;
  padding-top: 0.5rem;
  border-top: 1px solid rgba(var(--base-color), var(--divider-alpha, .1));
}
.mobile-header-panel .heading,
.mobile-header-panel .switcher-label {
  display: block;
  text-transform: uppercase;
  font-size: 1.5rem;
  font-weight: 600;
  color: rgba(var(--base-color), var(--muted-alpha, .6));
}
.mobile-header-panel .switcher .label {
  font-size: 1.1rem;
}
.mobile-header-panel .switcher,
.mobile-header-panel .header-panel-info {
  margin-top: 1rem;
  padding: 0 0.5rem;
  display: flex;
  gap: 0.75rem;
}
.mobile-header-panel .switcher a:not(.toggle),
.mobile-header-panel .header-panel-info a:not(.toggle) {
  width: 100%;
  padding: 5px 0px;
}
.mobile-header-panel .switcher + .switcher {
  margin-top: 0.5rem;
}
.mobile-header-panel .header-panel-info {
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  margin-top: 20px;
}
.mobile-header-panel .icon-whatsapp {
  content: '';
  background-color: currentColor;
  -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-whatsapp" viewBox="0 0 16 16"> <path d="M13.601 2.326A7.854 7.854 0 0 0 7.994 0C3.627 0 .068 3.558.064 7.926c0 1.399.366 2.76 1.057 3.965L0 16l4.204-1.102a7.933 7.933 0 0 0 3.79.965h.004c4.368 0 7.926-3.558 7.93-7.93A7.898 7.898 0 0 0 13.6 2.326zM7.994 14.521a6.573 6.573 0 0 1-3.356-.92l-.24-.144-2.494.654.666-2.433-.156-.251a6.56 6.56 0 0 1-1.007-3.505c0-3.626 2.957-6.584 6.591-6.584a6.56 6.56 0 0 1 4.66 1.931 6.557 6.557 0 0 1 1.928 4.66c-.004 3.639-2.961 6.592-6.592 6.592zm3.615-4.934c-.197-.099-1.17-.578-1.353-.646-.182-.065-.315-.099-.445.099-.133.197-.513.646-.627.775-.114.133-.232.148-.43.05-.197-.1-.836-.308-1.592-.985-.59-.525-.985-1.175-1.103-1.372-.114-.198-.011-.304.088-.403.087-.088.197-.232.296-.346.1-.114.133-.198.198-.33.065-.134.034-.248-.015-.347-.05-.099-.445-1.076-.612-1.47-.16-.389-.323-.335-.445-.34-.114-.007-.247-.007-.38-.007a.729.729 0 0 0-.529.247c-.182.198-.691.677-.691 1.654 0 .977.71 1.916.81 2.049.098.133 1.394 2.132 3.383 2.992.47.205.84.326 1.129.418.475.152.904.129 1.246.08.38-.058 1.171-.48 1.338-.943.164-.464.164-.86.114-.943-.049-.084-.182-.133-.38-.232z"/> </svg>') no-repeat 50% 50%;
  -webkit-mask-size: 1.5rem 1.5rem;
  width: 15px;
  margin-right: 2px;
  vertical-align: middle;
}
.mobile-header-panel .icon-mail {
  content: '';
  background-color: currentColor;
  -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" /></svg>') no-repeat 50% 50%;
  -webkit-mask-size: 1.5rem 1.5rem;
  width: 15px;
  min-width: 15px;
  margin-right: 2px;
  vertical-align: middle;
}
.mobile-header-panel .icon-user {
  content: '';
  background-color: currentColor;
  -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z" /></svg>') no-repeat 50% 50%;
  -webkit-mask-size: 1.5rem 1.5rem;
  width: 15px;
  margin-right: 2px;
  vertical-align: middle;
}
.mobile-header-panel .icon-user-add {
  content: '';
  background-color: currentColor;
  -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M18 9v3m0 0v3m0-3h3m-3 0h-3m-2-5a4 4 0 11-8 0 4 4 0 018 0zM3 20a6 6 0 0112 0v1H3v-1z" /> </svg>') no-repeat 50% 50%;
  -webkit-mask-size: 1.5rem 1.5rem;
  width: 15px;
  margin-right: 2px;
  vertical-align: middle;
}
@media (max-width: 767.98px) {
  .block.filter .filter-content {
    left: 0;
    top: 0;
    bottom: 0;
    width: 24rem;
    z-index: 850;
    max-width: calc(100vw - 4rem);
    background: rgba(var(--z-layer-bg), var(--z-layer-bg-alpha, 1));
    color: rgba(var(--z-layer-color), var(--z-layer-color-alpha, 1));
    transform: translateX(-100%);
    overscroll-behavior: contain;
    overflow: auto;
    padding: 1rem;
  }
  .active.block.filter .filter-content,
  .filter-active .block.filter .filter-content {
    transform: translateX(0);
    visibility: visible;
  }
  .block.filter .filter-title strong::before {
    transition: background-color var(--transition-duration), border-color var(--transition-duration), box-shadow var(--transition-duration), color var(--transition-duration), text-decoration-color var(--transition-duration), opacity var(--transition-duration), transform var(--transition-duration), visibility var(--transition-duration) 0s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    inset: 0;
    margin: 0 !important;
    padding: 0 !important;
    position: fixed;
    visibility: hidden;
    content: '';
    z-index: 810;
    opacity: 0;
    pointer-events: none;
    background: rgba(var(--z-overlay-bg), var(--z-overlay-bg-alpha, .8));
  }
  .active.block.filter .filter-title strong::before,
  .filter-active .block.filter .filter-title strong::before {
    opacity: 1;
    pointer-events: all;
    visibility: visible;
  }
  .block.filter .filter-title strong::after {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    position: fixed;
    z-index: 811;
    color: rgba(var(--base-bg), var(--base-bg-alpha, 1));
    content: '';
    width: 1.5rem;
    height: 1.5rem;
    top: 1.25rem;
    left: min(calc(24rem + 1.125rem), calc(100vw - 2.75rem));
    background-color: currentColor;
    -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" /></svg>') no-repeat 50% 50%;
    -webkit-mask-size: 1.5rem 1.5rem;
    transform: translateX(-20px);
  }
  .active.block.filter .filter-title strong::after,
  .filter-active .block.filter .filter-title strong::after {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transform: translateX(0);
  }
}
@media (min-width: 768px) {
  .column.main .block.filter .filter-options-content {
    transition: background-color var(--transition-duration), border-color var(--transition-duration), box-shadow var(--transition-duration), color var(--transition-duration), text-decoration-color var(--transition-duration), opacity var(--transition-duration), transform var(--transition-duration), visibility var(--transition-duration) 0s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    padding: var(--dropdown-padding);
    width: var(--dropdown-width);
    transform-origin: top;
    transform: scale(0.95);
    z-index: 850;
    visibility: hidden;
    margin-top: 0.125rem;
    color: rgba(var(--z-layer-color), var(--z-layer-color-alpha, 1));
    background: rgba(var(--z-layer-bg), var(--z-layer-bg-alpha, 1));
    border: 1px solid rgba(var(--base-color), var(--divider-alpha, .1));
    text-align: left;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  }
  .breeze .column.main .block.filter .filter-options-content {
    display: block !important;
  }
  .column.main .block.filter .filter-options-content[aria-hidden=false] {
    z-index: 851;
    opacity: 1;
    pointer-events: all;
    visibility: visible;
    transform: scale(1);
    top: auto;
  }
  .column.main .block.filter .filter-options-content .item {
    --divider-alpha: 0.05;
    cursor: pointer;
    display: flex;
  }
  .column.main .block.filter .filter-options-content .item:hover {
    background: rgba(var(--base-color), var(--divider-alpha, .1));
  }
}
.block.filter a:hover {
  text-decoration: underline;
}
.block.filter .filter-title {
  cursor: initial;
}
.block.filter .filter-title::after {
  -webkit-mask: none;
}
@media (min-width: 768px) {
  .block.filter .filter-content,
  .block.filter .filter-title strong::after {
    transition: none;
  }
}
@media (max-width: 767.98px) {
  .block.filter [data-role="title"] {
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
  }
  .block.filter .filter-title::before {
    background-color: currentColor;
    -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M3 3a1 1 0 011-1h12a1 1 0 011 1v3a1 1 0 01-.293.707L12 11.414V15a1 1 0 01-.293.707l-2 2A1 1 0 018 17v-5.586L3.293 6.707A1 1 0 013 6V3z" clip-rule="evenodd" /></svg>') no-repeat 50% 50%;
    -webkit-mask-size: 1.25rem 1.25rem;
  }
  .block.filter .filter-content {
    padding: 1rem 1.5rem;
  }
}
.product-item-name a:hover {
  text-decoration: underline;
}
.actions-secondary a:hover {
  --muted-alpha: .6;
}
.actions-secondary a::before {
  -webkit-mask-size: 1.5rem;
}
.pages .action.previous::before,
.pages .action.next::before,
.sorter-action::before {
  background-color: currentColor;
  -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 10l7-7m0 0l7 7m-7-7v18" /></svg>') no-repeat 50% 50%;
  -webkit-mask-size: 1.5rem 1.5rem;
}
.toolbar .sort-desc::before {
  transform: rotate(180deg);
}
.toolbar .sorter-action:hover {
  --muted-alpha: .6;
}
.toolbar .modes a:hover {
  --muted-alpha: .6;
}
.toolbar .mode-grid::before {
  background-color: currentColor;
  -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2V6zM14 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V6zM4 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2v-2zM14 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2z" /></svg>') no-repeat 50% 50%;
  -webkit-mask-size: 1.5rem 1.5rem;
}
.toolbar .mode-list::before {
  background-color: currentColor;
  -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 10h16M4 14h16M4 18h16" /></svg>') no-repeat 50% 50%;
  -webkit-mask-size: 1.5rem 1.5rem;
}
.pages a.page:hover {
  background: rgba(var(--muted-bg), var(--muted-bg-alpha, 1));
}
.pages .action.next::before {
  transform: rotate(90deg);
}
.pages .action.previous::before {
  transform: rotate(-90deg);
}
.pages .action.next:hover,
.pages .action.previous:hover {
  --muted-alpha: .6;
}
.minicart-wrapper .mage-dropdown-dialog {
  width: 20rem;
  max-width: 90vw;
  display: block !important;
  padding: 0.75rem 1rem;
  transform-origin: top right;
}
.minicart-wrapper .showcart {
  --spinner-size: 1rem;
}
.block-minicart .block-title {
  float: left;
  padding: 0;
  border: 0;
}
.block-minicart .block-title .qty {
  display: none;
}
.block-minicart .block-content {
  clear: both;
  display: flex;
  flex-direction: column;
}
.block-minicart .action.close {
  position: absolute;
  top: 0.625rem;
  right: 0.625rem;
}
.block-minicart .items-total {
  font-weight: 500;
  display: none;
}
.block-minicart .subtitle {
  display: none;
}
.block-minicart .subtitle.empty {
  padding: 0.5rem 0 0;
  display: flex;
}
.block-minicart .subtotal {
  display: flex;
  justify-content: space-between;
  margin: 0.5rem 0;
  font-weight: 500;
  text-align: right;
}
.block-minicart .block-content > .actions {
  margin: 0.25rem 0;
  text-align: center;
}
.block-minicart .block-content > .actions .action.checkout {
  width: 100%;
  padding: 0.625rem;
}
.block-minicart .block-content > .actions .action.checkout ~ div:not(:empty) {
  margin-top: 0.5rem;
  display: flex;
  gap: 0.5rem;
}
.minicart-items-wrapper {
  position: relative;
  height: auto !important;
  max-height: none !important;
  margin: 1rem 0;
}
.minicart-items-wrapper > .minicart-items {
  max-height: 35vh;
  height: 100%;
  overflow: auto;
  overscroll-behavior: contain;
  padding: 0 0.25rem 0.375rem;
  margin: 0 0 0 -0.25rem;
}
.modal-slide[data-type="slide"] .minicart-items-wrapper > .minicart-items {
  max-height: none;
}
.minicart-items-wrapper .message {
  margin-top: 0.25rem;
}
.minicart-items li.product-item + li {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(var(--base-color), var(--divider-alpha, .1));
}
.minicart-items li.product-item > div.product {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 0.75rem;
}
.minicart-items li.product-item > div.product > :nth-child(1) {
  max-width: 30%;
}
.minicart-items li.product-item > div.product > :nth-child(2) {
  max-width: calc(70% - 0.75rem);
  flex-grow: 1;
}
.minicart-items li.product-item > div.product .message {
  width: 100%;
}
.minicart-items li.product-item > div.product .message:last-child {
  margin: 0;
}
.minicart-items .product.options .toggle {
  justify-content: flex-start;
}
.minicart-items .product-item-photo,
.minicart-items .product-image-container {
  flex-shrink: 0;
}
.minicart-items .product-image-container {
  border: 1px solid rgba(var(--base-color), var(--divider-alpha, .1));
}
.minicart-items .subtotal,
.minicart-items .price-container {
  margin: 0.25rem 0;
}
.minicart-items .details-qty {
  color: rgba(var(--base-color), var(--muted-alpha, .6));
  margin: 0.25rem 0;
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
.minicart-items .details-qty .item-qty {
  color: rgba(var(--base-color), var(--muted-alpha, .6));
  width: 2.5rem;
  border-color: transparent;
  margin-left: -0.25rem;
}
.minicart-items .details-qty .update-cart-item::before {
  content: '';
  display: block;
  width: 1rem;
  height: 1rem;
  background-color: currentColor;
  -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" /></svg>') no-repeat 50% 50%;
  -webkit-mask-size: 1rem 1rem;
}
.minicart-items .actions {
  display: flex;
  gap: 0.125rem;
  position: absolute;
  bottom: 0.5rem;
  right: 0;
}
.minicart-items .actions a {
  display: flex;
  --muted-alpha: .2;
  color: rgba(var(--base-color), var(--muted-alpha, .6));
}
.minicart-items .action.edit::before,
.minicart-items .action.delete::before {
  content: '';
  display: block;
  width: 1.5rem;
  height: 1.5rem;
}
.minicart-items .action.edit::before {
  background-color: currentColor;
  -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z" /></svg>') no-repeat 50% 50%;
  -webkit-mask-size: 1.25rem 1.25rem;
}
.minicart-items .action.delete::before {
  background-color: currentColor;
  -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" /></svg>') no-repeat 50% 50%;
  -webkit-mask-size: 1.25rem 1.25rem;
}
.minicart-items .actions a:hover {
  --muted-alpha: .4;
}
.minisearch .label::before {
  position: relative;
  cursor: pointer;
}
.minisearch.active .control {
  display: block;
  z-index: 40;
  left: 0;
  right: 0;
}
.minisearch.active .actions {
  display: flex;
  z-index: 41;
}
.minisearch .search-autocomplete {
  right: auto;
}
.minisearch .search-autocomplete [role="listbox"] li {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.minisearch .search-autocomplete [role="listbox"] li.selected {
  background: rgba(var(--muted-bg), var(--muted-bg-alpha, 1));
}
.minisearch .search-autocomplete [role="listbox"] .amount {
  opacity: .5;
}
.message {
  background: rgb(var(--message-bg));
  color: rgb(var(--message-color));
  border-color: rgb(var(--message-border-color, var(--message-color)), var(--message-border-alpha, .1));
}
.message a {
  color: rgb(var(--message-color)) !important;
}
.message a:hover {
  text-decoration: none !important;
}
.message > .button-close::before {
  -webkit-mask-size: 1.75rem 1.75rem;
}
.message.success {
  --message-bg: var(--green-muted);
  --message-color: var(--green);
}
.message.success::before {
  background-color: currentColor;
  -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" /></svg>') no-repeat 50% 50%;
  -webkit-mask-size: 1.25rem 1.25rem;
}
.message.info,
.message.warning,
.message.notice {
  --message-bg: var(--blue-muted);
  --message-color: var(--blue);
}
.message.info::before,
.message.warning::before,
.message.notice::before {
  background-color: currentColor;
  -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z" clip-rule="evenodd" /></svg>') no-repeat 50% 50%;
  -webkit-mask-size: 1.25rem 1.25rem;
}
.message.error {
  --message-bg: var(--red-muted);
  --message-color: var(--red);
}
.message.error::before {
  background-color: currentColor;
  -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7 4a1 1 0 11-2 0 1 1 0 012 0zm-1-9a1 1 0 00-1 1v4a1 1 0 102 0V6a1 1 0 00-1-1z" clip-rule="evenodd" /></svg>') no-repeat 50% 50%;
  -webkit-mask-size: 1.25rem 1.25rem;
}
.map-popup {
  transition: opacity var(--transition-duration), visibility var(--transition-duration) 0s;
  width: 100%;
  right: auto;
  left: 0;
}
.map-popup.active {
  z-index: 950;
  /* Move above modal since map can be triggered within the modal */
}
.map-popup .action.tocart {
  width: 100%;
}
.map-popup-wrapper.ui-dialog .action.close {
  z-index: 951;
}
.map-form-addtocart {
  margin: 0.5rem 0;
}
.actual-price {
  font-weight: 500;
}
.additional-addtocart-box {
  margin: 0.5rem 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.additional-addtocart-box:empty {
  display: none;
}
.additional-addtocart-box > div {
  max-width: calc(50% - 0.25rem);
}
@media (max-width: 639.98px) {
  .navigation-wrapper {
    left: 0;
    top: 0;
    bottom: 0;
    width: 24rem;
    z-index: 850;
    max-width: calc(100vw - 4rem);
    background: rgba(var(--z-layer-bg), var(--z-layer-bg-alpha, 1));
    color: rgba(var(--z-layer-color), var(--z-layer-color-alpha, 1));
    transform: translateX(-100%);
    overscroll-behavior: contain;
    overflow: auto;
    padding: 1rem;
  }
  .nav-open .navigation-wrapper {
    transform: translateX(0);
    visibility: visible;
  }
  .nav-toggle::before {
    transition: background-color var(--transition-duration), border-color var(--transition-duration), box-shadow var(--transition-duration), color var(--transition-duration), text-decoration-color var(--transition-duration), opacity var(--transition-duration), transform var(--transition-duration), visibility var(--transition-duration) 0s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    inset: 0;
    margin: 0 !important;
    padding: 0 !important;
    position: fixed;
    visibility: hidden;
    content: '';
    z-index: 810;
    opacity: 0;
    pointer-events: none;
    background: rgba(var(--z-overlay-bg), var(--z-overlay-bg-alpha, .8));
  }
  .nav-open .nav-toggle::before {
    opacity: 1;
    pointer-events: all;
    visibility: visible;
  }
  .nav-toggle span::after {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    position: fixed;
    z-index: 811;
    color: rgba(var(--base-bg), var(--base-bg-alpha, 1));
    content: '';
    width: 1.5rem;
    height: 1.5rem;
    top: 1.25rem;
    left: min(calc(24rem + 1.125rem), calc(100vw - 2.75rem));
    background-color: currentColor;
    -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" /></svg>') no-repeat 50% 50%;
    -webkit-mask-size: 1.5rem 1.5rem;
    transform: translateX(-20px);
  }
  .nav-open .nav-toggle span::after {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transform: translateX(0);
  }
}
@media (min-width: 640px) {
  .navigation-wrapper {
    transition: none;
  }
}
.nav-toggle {
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
}
@media (max-width: 639.98px) {
  .nav-before-open .nav-toggle span {
    clip: unset;
  }
}
.navigation li > a {
  position: relative;
}
.navigation .parent > a .ui-icon,
.navigation .parent > a::after {
  content: '';
  position: absolute;
  right: 0.125rem;
  top: 50%;
  margin-top: -0.75rem;
  width: 1.5rem;
  height: 1.5rem;
  background-color: currentColor;
  -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" /></svg>') no-repeat 50% 50%;
  -webkit-mask-size: 0.75rem 0.75rem;
}
.navigation .parent > a .ui-icon {
  -webkit-mask-size: 1rem 1rem;
}
@media (max-width: 639.98px) {
  .navigation-wrapper .navigation {
    clear: both;
    padding: 0.5rem 0;
  }
  .navigation-wrapper .navigation > ul {
    margin: 0;
  }
  .navigation-wrapper li > a {
    padding: 0.5rem;
  }
  .navigation-wrapper .submenu {
    padding: 0 0 0 1rem;
    width: auto;
    top: -9999px;
    border: 0;
    box-shadow: none;
    background: none;
    transform: scale(1);
  }
  body:not(.breeze) .navigation-wrapper .submenu,
  .navigation-wrapper .submenu.shown,
  .navigation-wrapper .submenu[aria-expanded="true"]:not([aria-hidden]) {
    position: static !important;
    transform: scale(1);
  }
  body:not(.breeze) .navigation-wrapper .submenu .ui-icon {
    display: none;
  }
  body:not(.breeze) .navigation-wrapper .submenu[aria-expanded="true"]:not([aria-hidden]) .submenu {
    display: block !important;
  }
  .navigation-wrapper .parent > a::after {
    display: none;
  }
  .navigation-wrapper .opened > a .ui-icon {
    transform: rotate(90deg);
  }
}
@media (min-width: 640px) {
  .navigation-wrapper .opened > a {
    background: rgba(var(--base-color), var(--divider-alpha, .1));
  }
  .navigation-wrapper a.level-top:hover,
  .navigation-wrapper .opened > a.level-top {
    background: rgba(var(--base-color), var(--divider-alpha, .1));
  }
  .navigation-wrapper .parent > a .ui-icon {
    display: none;
  }
  .navigation-wrapper .parent > a::after {
    transition: none;
  }
  .navigation-wrapper .parent.level-top > a::after {
    transform: rotate(90deg);
  }
  .navigation-wrapper .submenu {
    width: 13rem;
    top: -9999px;
    left: -9999px;
    right: auto;
    border-color: rgba(var(--base-color), var(--divider-alpha, .1));
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  }
  .navigation-wrapper .submenu.shown {
    top: 100%;
    left: 0;
  }
  .navigation-wrapper .submenu .submenu.shown {
    top: -0.125rem !important;
    left: calc(100% - 1rem) !important;
  }
}
.slick-next::before,
.slick-prev::before {
  background-color: currentColor;
  -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" /></svg>') no-repeat 50% 50%;
  -webkit-mask-size: 1.5rem 1.5rem;
}
.slick-prev::before {
  transform: scaleX(-1);
}
#html-body [data-show-button="hover"]:hover button {
  opacity: 1;
  visibility: visible;
}
.product-social-links a:hover {
  --muted-alpha: .8;
}
.bundle-wrapper {
  display: flex;
  gap: 1rem;
  flex-direction: column;
}
@media (min-width: 768px) {
  .bundle-wrapper {
    align-items: flex-start;
    flex-direction: row;
  }
  .bundle-wrapper > div {
    width: 50%;
  }
  .bundle-wrapper .block-bundle-summary {
    position: sticky;
    top: 0;
    right: 0;
  }
}
.bundle-wrapper .product-addto-links {
  display: none;
}
.fieldset-bundle-options .title,
.block-bundle-summary .title,
.block-bundle-summary .subtitle {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 500;
  margin-bottom: 1rem;
  padding: 0.75rem 0;
  border-bottom: 1px solid rgba(var(--base-color), var(--divider-alpha, .1));
}
.product-options-wrapper .action.back {
  color: rgba(var(--base-color), var(--base-alpha, 1)) !important;
}
.product-options-wrapper .action.back:hover {
  text-decoration: underline !important;
}
.product-options-wrapper .field.option > .label {
  font-weight: 500;
}
.product-options-wrapper .field.option + .field {
  margin-top: 1.5rem;
}
.product-options-wrapper .field.qty {
  margin-top: 0.5rem;
}
.block-bundle-summary .content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.block-bundle-summary .product.name,
.block-bundle-summary .stock {
  display: none;
}
.block-bundle-summary .product-image-container {
  margin-bottom: 0.75rem;
}
.block-bundle-summary .product-details {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.block-bundle-summary .price-box {
  font-size: 1.5rem;
  line-height: 2rem;
}
.block-bundle-summary .bundle-summary {
  order: -1;
}
.block-bundle-summary .subtitle {
  display: none;
}
.block-bundle-summary .bundle.items li {
  margin-top: 0.375rem;
}
@media (min-width: 768px) {
  .block-bundle-summary .content {
    gap: 0.5rem;
  }
  .block-bundle-summary .bundle-summary {
    order: initial;
  }
  .block-bundle-summary .subtitle {
    display: block;
    border: 0;
    padding: 0;
  }
}
.rating-result::before,
.rating-result > span::before {
  background-color: currentColor;
  -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" /></svg>') no-repeat 50% 50%;
  -webkit-mask-size: 1.25rem 1.25rem;
  -webkit-mask-repeat: repeat-x;
  -webkit-mask-position: 0 50%;
}
.rating-result > span {
  color: rgb(var(--yellow));
}
.review-control-vote::before,
.review-control-vote label::before {
  background-color: currentColor;
  -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" /></svg>') no-repeat 50% 50%;
  -webkit-mask-size: 1.5rem 1.5rem;
  -webkit-mask-repeat: repeat-x;
  -webkit-mask-position: 0 50%;
}
.review-control-vote label:hover,
.review-control-vote input:checked + label,
.review-control-vote input:focus-visible + label {
  opacity: 1;
}
.review-control-vote input:focus-visible + label {
  outline: 2px solid rgba(var(--ring-color), var(--ring-alpha, 1));
  outline-offset: 1px;
}
.review-control-vote label {
  cursor: pointer;
  color: rgb(var(--yellow));
  height: 1.5rem;
  left: 0;
}
.review-control-vote label::before {
  content: '';
  position: absolute;
  inset: 0;
}
.review-control-vote .rating-1 {
  z-index: 5;
  width: 1.5rem;
}
.review-control-vote .rating-2 {
  z-index: 4;
  width: 3rem;
}
.review-control-vote .rating-3 {
  z-index: 3;
  width: 4.5rem;
}
.review-control-vote .rating-4 {
  z-index: 2;
  width: 6rem;
}
.review-control-vote .rating-5 {
  z-index: 1;
  width: 7.5rem;
}
.review-field-ratings .mage-error + .mage-error {
  display: none;
}
.search-terms a:hover {
  text-decoration: underline;
}
.swatch-option-tooltip {
  font-size: 0.875rem;
  line-height: 1.25rem;
  right: auto;
  transform-origin: bottom;
  width: auto;
  text-align: center;
  padding: 0.25rem;
  min-width: 2rem;
}
.swatch-option.selected::before {
  box-shadow: 0 0 0 2px inset rgba(var(--brand-color), var(--brand-alpha, 1)), 0 0 0 3px inset #ffffff;
}
.swatch-option.disabled::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(to left top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 42%, #ffffff 43%, #ffffff 46%, #ff5216 47%, #ff5216 53%, #ffffff 54%, #ffffff 57%, rgba(255, 255, 255, 0) 58%, rgba(255, 255, 255, 0) 100%);
}
.product-item-info-image-loading .product-item-photo::before {
  content: '';
  border-color: rgba(var(--base-color), var(--base-alpha, 1));
  border-top-color: transparent;
  opacity: .3;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -0.75rem;
  margin-left: -0.625rem;
}
.product-item-info-image-loading .product-item-photo img,
.product-item-info-image-loading .product-item-photo picture {
  opacity: .5;
}
.form-cart .action-edit::before {
  background-color: currentColor;
  -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z" /></svg>') no-repeat 50% 50%;
  -webkit-mask-size: 1.25rem 1.25rem;
}
.form-cart .action-delete::before {
  background-color: currentColor;
  -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" /></svg>') no-repeat 50% 50%;
  -webkit-mask-size: 1.25rem 1.25rem;
}
.cart.table a.action:hover {
  --muted-alpha: .6;
}
.cart.table .action-gift::after {
  background-color: currentColor;
  -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" /></svg>') no-repeat 50% 50%;
  -webkit-mask-size: 0.75rem 0.75rem;
  transform: rotate(90deg);
}
.cart.table .action-gift._active::after {
  transform: rotate(-90deg);
}
.cart-tax-total {
  cursor: pointer;
}
.cart-tax-total::after {
  background-color: currentColor;
  -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" /></svg>') no-repeat 50% 50%;
  -webkit-mask-size: 0.75rem 0.75rem;
}
.cart-tax-total-expanded::after {
  transform: rotate(-90deg);
}
.totals-tax-summary {
  cursor: pointer;
}
.totals-tax-summary .amount .price::before {
  background-color: currentColor;
  -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" /></svg>') no-repeat 50% 50%;
  -webkit-mask-size: 0.75rem 0.75rem;
  transform: rotate(90deg);
}
.totals-tax-summary.expanded .amount .price::before {
  transform: rotate(-90deg);
}
@media all and (min-width: 1024px), print {
  .breeze-gallery.opened {
    padding: 30px;
  }
}
html {
  background-color: #d8eeff;
  font-size: 62.5%;
  /* = 10px */
  line-height: 1.3;
  overflow-x: hidden;
}
body {
  background-color: #d8eeff;
  font-size: 1.6rem;
  /* = 16px */
  font-family: 'Manrope';
}
body b,
body strong {
  font-weight: 600;
}
@media (max-width: 767.98px) {
  .page.messages {
    padding: 0px 30px;
  }
}
body.page-layout-1column:not(.cms-index-index) .page-title-wrapper {
  margin: 0px;
}
body.page-layout-1column:not(.cms-index-index) .page-wrapper {
  background-image: url("../images/hero.jpg");
  background-repeat: no-repeat;
  background-position: top;
  background-size: 100%;
}
body.page-layout-1column:not(.cms-index-index).cms-page-view .page-main {
  margin: 60px auto;
  padding: 40px;
  border-radius: 31px;
  background-color: white;
}
body.page-layout-1column:not(.cms-index-index).cms-page-view .page-main h1 span {
  font-family: 'PPHatton';
  font-size: 3.2rem;
  line-height: 3rem;
  font-weight: 300;
  color: black;
  margin-bottom: 40px;
  position: relative;
  display: inline-block;
}
.page-header {
  z-index: 99;
  color: white;
}
.page-header .logo {
  flex-basis: 20%;
  text-align: center;
}
@media (max-width: 767.98px) {
  .page-header .logo {
    flex-basis: 36%;
    margin-top: 5px;
  }
}
.page-header .navigation-wrapper,
.page-header .nav-toggle {
  flex-basis: 42%;
}
@media (max-width: 767.98px) {
  .page-header .navigation-wrapper,
  .page-header .nav-toggle {
    flex-basis: 32%;
    width: 85%;
  }
}
.panel.wrapper {
  display: none;
}
nav.navigation {
  color: white;
  flex-basis: 38%;
}
nav.navigation ul > li {
  order: 1;
}
nav.navigation ul > li.level0 {
  order: 90;
}
nav.navigation a {
  color: white;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 300;
  padding: 10px 25px;
  border-radius: 20px;
  font-size: 12px;
}
nav.navigation a:hover {
  background: #ffffff4d;
}
@media (max-width: 1279.98px) {
  nav.navigation a {
    padding: 10px 10px;
  }
}
@media (max-width: 767.98px) {
  nav.navigation a {
    color: #1373e6;
    text-align: left;
    background: transparent;
    padding: 10px;
    display: block;
  }
}
.header .nav-user a {
  font-family: 'Manrope';
  font-size: 1.5rem;
  text-transform: uppercase;
  font-weight: 400;
  border-radius: 20px;
  border: 1px solid white;
  letter-spacing: 1px;
  margin: auto;
  margin-top: 20px;
  padding: 10px 41px;
  display: inline-block;
  cursor: pointer;
  transition: background-color 0.5s, border-color 0.5s;
  background-color: transparent;
  color: white;
  font-size: 12px;
  padding: 10px 25px;
}
.header .nav-user a.transparent {
  background-color: transparent;
  color: white;
}
.header .nav-user a.transparent:hover {
  background-color: white;
  color: black;
  text-decoration: none;
}
.header .nav-user a.white {
  background-color: white;
  color: black;
}
.header .nav-user a.white:hover {
  background-color: #1373e6;
  border-color: #1373e6;
  text-decoration: none;
  color: white;
}
.header .nav-user a.outline {
  background-color: white;
  color: black;
  border-color: #ccc;
}
.header .nav-user a.outline:hover {
  background-color: white;
  border-color: #1373e6;
  text-decoration: none;
}
.header .nav-user a.dark {
  border: 1px solid #1373e6;
  background-color: #1373e6;
  border-color: #1373e6;
  color: white;
}
.header .nav-user a.dark:hover {
  background-color: #0e5bb7;
  border-color: #0e5bb7;
  color: white;
  text-decoration: none;
}
.header .nav-user a.big {
  padding: 16px 40px;
  font-size: 1.8rem;
  border-radius: 40px;
}
.header .nav-user a.disable {
  background-color: white;
  color: #1373e6;
  border-color: #1373e6;
  pointer-events: none;
}
.header .nav-user a.disable:hover {
  background-color: white;
  color: #1373e6;
  border-color: #1373e6;
}
.header .nav-user a:hover {
  background-color: white;
  color: black;
  text-decoration: none;
}
.header .nav-user .dropdown.switcher-dropdown {
  width: 100%;
  border-radius: 20px;
}
.header .nav-user .dropdown.switcher-dropdown a {
  color: black;
  margin: 0px;
  padding: 8px 20px;
  text-transform: capitalize;
}
.header .nav-user .dropdown.switcher-dropdown a:hover {
  text-decoration: underline;
}
@media (max-width: 767.98px) {
  .header .nav-user {
    display: none;
  }
}
.header .nav-booknow {
  margin-left: 5px;
  text-align: center;
}
.header .nav-booknow a {
  font-family: 'Manrope';
  font-size: 1.5rem;
  text-transform: uppercase;
  font-weight: 400;
  border-radius: 20px;
  border: 1px solid white;
  letter-spacing: 1px;
  margin: auto;
  margin-top: 20px;
  padding: 10px 41px;
  display: inline-block;
  cursor: pointer;
  transition: background-color 0.5s, border-color 0.5s;
  border: 1px solid #1373e6;
  color: white;
  background-color: #1373e6;
  border-color: #1373e6;
}
.header .nav-booknow a.transparent {
  background-color: transparent;
  color: white;
}
.header .nav-booknow a.transparent:hover {
  background-color: white;
  color: black;
  text-decoration: none;
}
.header .nav-booknow a.white {
  background-color: white;
  color: black;
}
.header .nav-booknow a.white:hover {
  background-color: #1373e6;
  border-color: #1373e6;
  text-decoration: none;
  color: white;
}
.header .nav-booknow a.outline {
  background-color: white;
  color: black;
  border-color: #ccc;
}
.header .nav-booknow a.outline:hover {
  background-color: white;
  border-color: #1373e6;
  text-decoration: none;
}
.header .nav-booknow a.dark {
  border: 1px solid #1373e6;
  background-color: #1373e6;
  border-color: #1373e6;
  color: white;
}
.header .nav-booknow a.dark:hover {
  background-color: #0e5bb7;
  border-color: #0e5bb7;
  color: white;
  text-decoration: none;
}
.header .nav-booknow a.big {
  padding: 16px 40px;
  font-size: 1.8rem;
  border-radius: 40px;
}
.header .nav-booknow a.disable {
  background-color: white;
  color: #1373e6;
  border-color: #1373e6;
  pointer-events: none;
}
.header .nav-booknow a.disable:hover {
  background-color: white;
  color: #1373e6;
  border-color: #1373e6;
}
.header .nav-booknow a:hover {
  background-color: #0e5bb7;
  border-color: #0e5bb7;
  color: white;
  text-decoration: none;
}
.header .nav-booknow a span {
  font-size: 12px;
}
@media (max-width: 767.98px) {
  .header .nav-booknow {
    flex-basis: 32%;
  }
  .header .nav-booknow .action {
    height: 65px;
    width: 65px;
    border-radius: 50px;
    margin: 0px;
    padding: 0px;
    margin-right: 10px;
    margin-left: auto;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 12px;
    -moz-box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 12px;
    -webkit-box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 12px;
  }
  .header .nav-booknow .action span {
    display: inline-block !important;
    font-size: 1.2rem;
    line-height: 1.3rem;
    margin-top: 5px;
  }
  .header .nav-toggle::after {
    -webkit-mask-size: 30px 30px;
    width: 60px;
    height: 60px;
  }
}
.page-layout-our-routes-layout .switcher .nav-booknow,
.page-layout-yacht-americas-route .switcher .nav-booknow {
  display: none;
}
.account-dropdown > .action::before,
.wishlist-dropdown > .action::before,
.minicart-wrapper .action.showcart::before {
  width: 4rem;
  height: 4rem;
  -webkit-mask-size: 4rem 4rem;
}
.manrope {
  font-family: 'Manrope';
}
.pphatton {
  font-family: 'PPHatton';
}
.shadow {
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 12px;
  -moz-box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 12px;
  -webkit-box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 12px;
}
.header.content {
  align-items: center;
  justify-content: space-between;
  max-width: 100%;
}
.header.content nav.navigation {
  margin-right: auto;
}
.header.content nav.navigation a {
  font-size: 1.3rem;
}
.header.content .switcher-account {
  margin-left: auto;
}
@media (max-width: 1279.98px) {
  .header.content {
    padding: .375rem 2rem;
  }
}
.css-blurry-gradient {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 0%);
  width: 800px;
  height: 800px;
  border-radius: 50% 22% 40% 80%;
  filter: blur(100px);
  background: radial-gradient(circle at 50% 50%, #4c00ff, rgba(76, 0, 255, 0));
  opacity: 0.2;
}
body.cms-index-index {
  background-image: url("../images/hero.jpg");
  background-color: #d8eeff;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: contain;
  text-align: center;
}
@media (max-width: 767.98px) {
  body.cms-index-index {
    background-image: url("../images/hero-mobile.jpg");
  }
}
body.cms-index-index .page-title-wrapper {
  display: none;
}
/* The hero image */
.hero-image {
  /* Use "linear-gradient" to add a darken background effect to the image (photographer.jpg). This will make the text easier to read */
  background-image: url("../images/hero.jpg");
  /* Set a specific height */
  display: none;
  width: 100%;
  height: 100%;
  bottom: 0px;
  left: 0px;
  right: 0px;
  /* Position and center the image to scale nicely on all screens */
  background-position: top center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  z-index: 10;
}
.hero-content {
  text-align: center;
  margin-top: 100px;
  overflow: hidden;
  position: relative;
  z-index: 9;
}
@media (max-width: 767.98px) {
  .hero-content {
    margin-top: 55px;
  }
}
.hero-content img {
  margin: auto;
}
.hero-content h1 img {
  max-width: 970px;
}
@media (max-width: 767.98px) {
  .hero-content h1 img {
    max-width: 100%;
  }
}
.clouds {
  width: 100vw;
  left: calc(-50vw + 50%);
  padding-bottom: 25%;
  position: relative;
  z-index: 4;
}
.clouds .bg {
  background-image: url("../images/nubes-long.png");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  top: 0px;
  z-index: 4;
}
.clouds .bird-1 {
  position: absolute;
  left: 10%;
  top: 0px;
  z-index: 1;
}
@media (max-width: 767.98px) {
  .clouds .bird-1 {
    width: 30%;
    top: -10px;
  }
}
.clouds .bird-2 {
  position: absolute;
  left: 30%;
  top: 40px;
  z-index: 1;
}
@media (max-width: 767.98px) {
  .clouds .bird-2 {
    width: 30%;
    top: 0px;
  }
}
.clouds .bird-3 {
  position: absolute;
  left: 80%;
  top: 10px;
  z-index: 1;
}
@media (max-width: 767.98px) {
  .clouds .bird-3 {
    width: 30%;
    top: -10px;
    right: 6px;
    left: auto;
  }
}
h1 span {
  font-size: 0.1px;
  color: #d8eeff;
}
section.titles h2 {
  text-transform: uppercase;
  color: black;
  font-size: 2rem;
  font-weight: 300;
  letter-spacing: 1px;
  margin-bottom: 15px;
  display: block;
}
@media (max-width: 767.98px) {
  section.titles h2.magical {
    font-size: 1.5rem;
    margin-top: 38px;
  }
}
section.titles h3 {
  color: black;
  font-size: 4.4rem;
  font-weight: 300;
  display: block;
}
@media (max-width: 767.98px) {
  section.titles h3 {
    font-size: 2rem;
    line-height: 2.2rem;
  }
  section.titles h3.voyage {
    font-size: 3rem;
    line-height: 3.4rem;
    max-width: 60%;
    margin: auto;
  }
}
.homepage-featured-trip {
  margin-top: 100px;
  margin-bottom: 0px;
  overflow: visible;
  position: relative;
  z-index: 3;
}
@media (max-width: 767.98px) {
  .homepage-featured-trip {
    margin-top: 100px;
  }
}
.homepage-featured-trip .grid {
  border: 2px solid #ffffff;
  border-radius: 50px;
  align-items: center;
  background-color: white;
}
.homepage-featured-trip .grid-element {
  display: flex;
  position: relative;
}
.homepage-featured-trip .pill1 {
  width: 57%;
  border-radius: 12rem;
  margin: auto;
  margin-bottom: 40px;
  background-image: url("../images/featured02.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.homepage-featured-trip .pill1:before {
  content: '';
  padding-bottom: 164%;
  display: block;
}
.homepage-featured-trip .pill2 {
  width: 85%;
  border-radius: 18rem;
  margin: auto;
  margin-bottom: -50px;
  margin-top: -50px;
  background-image: url("../images/featured03.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left center;
  position: relative;
  -webkit-box-shadow: 0px 0px 105px 0px rgba(102, 119, 201, 0.9);
  -moz-box-shadow: 0px 0px 105px 0px rgba(102, 119, 201, 0.9);
  box-shadow: 0px 0px 105px 0px rgba(102, 119, 201, 0.9);
  filter: brightness(76%);
}
.homepage-featured-trip .pill2:before {
  content: '';
  padding-bottom: 167%;
  display: block;
}
.homepage-featured-trip .pill3 {
  width: 66%;
  border-radius: 16rem;
  margin: auto;
  margin-bottom: 10px;
  background-image: url("../images/featured03.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.homepage-featured-trip .pill3:before {
  content: '';
  padding-bottom: 148%;
  display: block;
}
.homepage-featured-trip .pill2-content {
  position: absolute;
  top: 0px;
  left: -20px;
  right: -20px;
  bottom: 0px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 767.98px) {
  .homepage-featured-trip .pill2-content {
    left: 0px;
    right: 0px;
  }
}
.homepage-featured-trip .pill2-content .pill-price {
  margin-top: auto;
  margin-bottom: 0px;
}
.homepage-featured-trip .pill-title {
  font-family: 'PPHatton';
  font-size: 16rem;
  font-weight: 300;
  color: white;
  margin-bottom: 20px;
  letter-spacing: 1px;
  line-height: 1;
}
@media (max-width: 767.98px) {
  .homepage-featured-trip .pill-title {
    font-size: 9rem;
  }
}
.homepage-featured-trip .pill-date {
  font-family: 'Manrope';
  font-size: 2rem;
  font-weight: 500;
  color: white;
  margin-bottom: 5px;
  letter-spacing: 1px;
}
.homepage-featured-trip .pill-price {
  font-family: 'Manrope';
  font-size: 2rem;
  font-weight: 400;
  color: white;
  margin-bottom: 20px;
  letter-spacing: 1px;
}
.pill-button {
  font-family: 'Manrope';
  font-size: 1.5rem;
  text-transform: uppercase;
  font-weight: 400;
  border-radius: 20px;
  border: 1px solid white;
  letter-spacing: 1px;
  margin: auto;
  margin-top: 20px;
  padding: 10px 41px;
  display: inline-block;
  cursor: pointer;
  transition: background-color 0.5s, border-color 0.5s;
}
.pill-button.transparent {
  background-color: transparent;
  color: white;
}
.pill-button.transparent:hover {
  background-color: white;
  color: black;
  text-decoration: none;
}
.pill-button.white {
  background-color: white;
  color: black;
}
.pill-button.white:hover {
  background-color: #1373e6;
  border-color: #1373e6;
  text-decoration: none;
  color: white;
}
.pill-button.outline {
  background-color: white;
  color: black;
  border-color: #ccc;
}
.pill-button.outline:hover {
  background-color: white;
  border-color: #1373e6;
  text-decoration: none;
}
.pill-button.dark {
  border: 1px solid #1373e6;
  background-color: #1373e6;
  border-color: #1373e6;
  color: white;
}
.pill-button.dark:hover {
  background-color: #0e5bb7;
  border-color: #0e5bb7;
  color: white;
  text-decoration: none;
}
.pill-button.big {
  padding: 16px 40px;
  font-size: 1.8rem;
  border-radius: 40px;
}
.pill-button.disable {
  background-color: white;
  color: #1373e6;
  border-color: #1373e6;
  pointer-events: none;
}
.pill-button.disable:hover {
  background-color: white;
  color: #1373e6;
  border-color: #1373e6;
}
.beach {
  background-image: url("../images/beach.jpg");
  background-size: cover;
  background-position: bottom;
  background-repeat: no-repeat;
  position: relative;
  text-align: center;
  padding-top: 140px;
}
@media (max-width: 767.98px) {
  .beach {
    background-size: contain;
    padding-top: 30px;
  }
}
.beach img {
  margin: auto;
}
.beach .embark {
  padding: 100px 0px;
}
.beach .embark img {
  max-width: 850px;
}
@media (max-width: 767.98px) {
  .beach .embark img {
    max-width: 100%;
  }
}
@media (max-width: 767.98px) {
  .beach .embark {
    margin: 0px 30px;
    padding-top: 70px;
    padding-bottom: 100px;
  }
}
.our-routes-slider {
  padding: 0px 30px;
  position: relative;
  margin-left: -30px;
  margin-right: -30px;
  margin-bottom: 80px;
}
@media (max-width: 767.98px) {
  .our-routes-slider {
    padding: 0px 10px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 20px;
  }
}
.our-routes-slider .slick-list {
  padding: 30px 0px;
}
.our-routes-slider-item-link {
  padding-bottom: 140%;
  background-image: url("../images/slider01.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 30px;
  display: block;
  position: relative;
}
.our-routes-slider-item-link .our-routes-special-message {
  position: absolute;
  top: 10px;
  display: inline-block;
  background: white;
  text-align: center;
  border-radius: 30px;
  padding: 3px 20px;
  color: #1373e6;
  font-weight: 600;
  font-size: 1.5rem;
  letter-spacing: 1px;
  margin-left: auto;
  margin-right: auto;
  left: 50%;
  transform: translate(-50%);
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 12px;
  -moz-box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 12px;
  -webkit-box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 12px;
}
.our-routes-slider-item-link.coming-soon {
  cursor: pointer;
}
.our-routes-slider-item-link .our-routes-slider-info {
  background: white;
  border-radius: 30px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 25px 30px;
  margin-bottom: -2px;
}
.our-routes-slider-item-link .our-routes-slider-info .our-routes-label {
  position: absolute;
  background: #1373e6;
  height: 50px;
  width: 50px;
  right: 30px;
  border-radius: 50px;
  top: 16px;
  padding: 12px;
  line-height: 14px;
  color: white;
  font-size: 12px;
}
@media (max-width: 767.98px) {
  .our-routes-slider-item-link .our-routes-slider-info {
    padding: 25px 25px;
  }
}
.our-routes-slider-item-link .our-routes-slider-info .our-routes-slider-info-name {
  font-family: 'PPHatton';
  text-align: center;
  flex-basis: 100%;
  font-size: 3.4rem;
  padding-bottom: 15px;
  border-bottom: 1px solid #aaa;
  margin-bottom: 15px;
  font-weight: 300;
}
.our-routes-slider-item-link .our-routes-slider-info .our-routes-slider-info-date {
  flex-grow: 1;
  flex-basis: 100%;
  text-align: center;
  font-family: 'Manrope';
  font-size: 1.8rem;
  align-self: flex-end;
}
.our-routes-slider-item-link .our-routes-slider-info .our-routes-slider-info-price {
  flex-grow: 1;
  text-align: center;
  font-family: 'Manrope';
  font-size: 2rem;
  flex-basis: 100%;
  font-weight: 500;
  margin-top: 20px;
}
.our-routes-slider-item-link .our-routes-slider-info .our-routes-slider-info-price .price-box {
  display: flex;
  flex-direction: row;
  gap: 10px;
  justify-content: center;
}
.our-routes-slider-item-link .our-routes-slider-info .our-routes-slider-info-price .price-box .old-price {
  order: 1;
}
.our-routes-slider-item-link .our-routes-slider-info .our-routes-slider-info-price .price-box .special-price {
  order: 2;
  color: #1373e6;
}
.our-routes-slider-item-link .our-routes-slider-info .our-routes-slider-info-price .price-box .old-price span.price-wrapper {
  text-decoration: line-through;
  font-size: 1.4rem;
}
.our-routes-slider-item-link .our-routes-slider-info .our-routes-slider-info-price .price-box .old-price .price-label {
  display: none;
}
.our-routes-slider-item-link .our-routes-slider-info .our-routes-slider-button {
  flex-basis: 100%;
  text-align: center;
}
.our-routes-slider-item-link .our-routes-slider-info .our-routes-slider-button div {
  width: 100%;
}
.products-related .our-routes-slider-item-link .our-routes-slider-info .our-routes-slider-info-price .price-box {
  justify-content: flex-start;
}
.products-related.products-grid .product-items .coming-soon a {
  cursor: pointer;
}
.slick-arrow {
  width: 60px;
  height: 60px;
  background: white;
  border-radius: 60px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 12px;
  -moz-box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 12px;
  -webkit-box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 12px;
}
section.our-routes {
  position: relative;
  background: #faf3e3;
}
@media (max-width: 767.98px) {
  section.our-routes {
    padding-bottom: 40px;
  }
}
.our-routes-header {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 50px;
}
@media (max-width: 767.98px) {
  .our-routes-header {
    justify-content: center;
    margin-bottom: 10px;
  }
}
.our-routes-header .our-routes-header-title {
  text-align: left;
  font-size: 5rem;
  font-family: 'PPHatton';
  font-weight: 300;
}
@media (max-width: 767.98px) {
  .our-routes-header .our-routes-header-title {
    font-size: 3rem;
  }
}
.our-routes-header-button {
  margin-right: 0px;
  text-align: center;
  display: inline-block;
}
.our-routes-header-button.mobile {
  z-index: 99;
  position: relative;
  margin-top: 0px;
}
.mediaboxes {
  position: relative;
  background-image: url("../images/media-background-transparency.png");
  background-size: cover;
  background-position: bottom;
  background-repeat: no-repeat;
  display: block;
}
.mediaboxes .container {
  position: relative;
  padding-bottom: 60%;
  display: block;
}
@media (max-width: 767.98px) {
  .mediaboxes .container {
    padding-bottom: 100%;
  }
}
.mediaboxes .media-compass {
  position: absolute;
  top: 11%;
  left: 6%;
  z-index: 9;
}
@media (max-width: 767.98px) {
  .mediaboxes .media-compass {
    width: 26%;
    top: 40px;
  }
}
.mediaboxes .media-video {
  display: block;
  position: absolute;
  top: 20%;
  left: 0;
  border-radius: 35px;
  background-image: url("../images/media-video-background.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 60%;
  z-index: 7;
}
.mediaboxes .media-video .button-play {
  background: white;
  border-radius: 60px;
  height: 60px;
  width: 60px;
  line-height: 60px;
  text-align: center;
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  top: 0px;
  display: flex;
  align-items: center;
  margin: auto;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 12px;
  -moz-box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 12px;
  -webkit-box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 12px;
}
.mediaboxes .media-video .button-play i {
  margin: auto;
}
@media (max-width: 1279.98px) {
  .mediaboxes .media-video {
    left: 50px;
  }
}
@media (max-width: 767.98px) {
  .mediaboxes .media-video {
    width: 90%;
    left: 0px;
    right: 0px;
    margin: auto;
    margin-bottom: 40px;
    top: 90px;
  }
}
.mediaboxes .media-video:before {
  content: "";
  display: block;
  padding-top: 65%;
}
.mediaboxes .media-photo01 {
  display: block;
  position: absolute;
  top: 61%;
  right: 8%;
  border-radius: 35px;
  background-image: url("../images/media-photo01-background.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 36%;
  z-index: 5;
}
@media (max-width: 1279.98px) {
  .mediaboxes .media-photo01 {
    top: 18%;
  }
}
.mediaboxes .media-photo01:before {
  content: "";
  display: block;
  padding-top: 63%;
}
.mediaboxes .media-photo02 {
  display: block;
  position: absolute;
  top: 26%;
  right: 11%;
  border-radius: 35px;
  background-image: url("../images/media-photo02-background.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 26%;
}
@media (max-width: 1279.98px) {
  .mediaboxes .media-photo02 {
    top: 31%;
  }
}
.mediaboxes .media-photo02:before {
  content: "";
  display: block;
  padding-top: 90%;
}
.travel-style {
  display: flex;
  gap: 10%;
  align-content: center;
}
@media (max-width: 767.98px) {
  .travel-style {
    flex-direction: column;
    position: relative;
    z-index: 9;
    padding: 0px 20px;
  }
}
.travel-style .travel-style-flex {
  display: flex;
  align-items: center;
  gap: 30px;
  justify-content: space-around;
  padding: 0px;
}
@media (max-width: 767.98px) {
  .travel-style .travel-style-flex {
    flex-direction: column;
  }
}
.travel-style .travel-style-title {
  text-align: left;
  font-size: 5rem;
  font-family: 'PPHatton';
  font-weight: 300;
  white-space: nowrap;
  margin-bottom: 20px;
}
@media (max-width: 767.98px) {
  .travel-style .travel-style-title {
    font-size: 3rem;
  }
}
.travel-style .travel-style-cards {
  display: flex;
  gap: 3%;
  align-content: center;
}
@media (max-width: 767.98px) {
  .travel-style .travel-style-cards {
    flex-direction: column;
    gap: 20px;
    margin-bottom: 50px;
  }
}
.travel-style .travel-style-card {
  background-color: white;
  border-radius: 30px;
  padding: 4% 6%;
  flex-basis: 50%;
  text-align: left;
}
@media (max-width: 767.98px) {
  .travel-style .travel-style-card {
    padding: 30px;
    border-radius: 20px;
  }
}
.travel-style .travel-style-card .travel-style-card-title {
  text-align: left;
  font-size: 3rem;
  font-family: 'PPHatton';
  font-weight: 300;
  padding-bottom: 20px;
  border-bottom: 1px solid #666666;
  margin-bottom: 20px;
}
.travel-style .travel-style-card .travel-style-card-text {
  font-family: 'Manrope';
  font-size: 2rem;
  font-weight: 400;
}
.homepage-ready {
  border-radius: 3rem;
  position: relative;
  margin-top: 7%;
  margin-bottom: 16%;
}
@media (max-width: 767.98px) {
  .homepage-ready {
    padding: 0px 20px;
  }
  .homepage-ready .text-content {
    padding: 20px;
  }
}
.homepage-ready .ready-title {
  font-family: 'PPHatton';
  font-size: 5rem;
  font-weight: 300;
  color: black;
}
@media (max-width: 767.98px) {
  .homepage-ready .ready-title {
    font-size: 3rem;
  }
}
.homepage-ready .ready-text {
  font-family: 'Manrope';
  font-size: 1.6rem;
  font-weight: 400;
}
.homepage-ready .ready-text p {
  margin-top: 30px;
}
@media (max-width: 767.98px) {
  .homepage-ready .ready-text {
    line-height: 2.4rem;
  }
}
.homepage-ready .grid {
  border: 2px solid #ffffff;
  border-radius: 50px;
  background-color: white;
}
@media (max-width: 767.98px) {
  .homepage-ready .grid {
    border-radius: 30px;
  }
}
.homepage-ready .grid-element {
  display: flex;
  position: relative;
}
@media (max-width: 767.98px) {
  .homepage-ready .grid-element:first-child:before {
    content: '';
    display: block;
    width: 100%;
    padding-bottom: 95%;
  }
}
.homepage-ready .grid-element.text-content {
  flex-direction: column;
  justify-content: left;
  text-align: left;
  padding: 80px;
}
@media (max-width: 767.98px) {
  .homepage-ready .grid-element.text-content {
    padding: 25px;
  }
}
.homepage-ready .grid-element .pill-button {
  margin-left: 0px;
  margin-top: 30px;
}
.homepage-ready .pill1 {
  width: 14%;
  border-radius: 18rem;
  margin: auto;
  margin-bottom: 40px;
  background-image: url("../images/ready-media-01.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 6;
  position: absolute;
  left: -5%;
  top: 40%;
}
.homepage-ready .pill1:before {
  content: '';
  padding-bottom: 164%;
  display: block;
}
@media (max-width: 767.98px) {
  .homepage-ready .pill1 {
    left: 4%;
    top: 100px;
  }
}
.homepage-ready .pill2 {
  width: 19%;
  border-radius: 18rem;
  margin: auto;
  background-image: url("../images/ready-media-02-alt.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left center;
  position: relative;
  z-index: 5;
  position: absolute;
  left: 9%;
  top: -3%;
}
.homepage-ready .pill2:before {
  content: '';
  padding-bottom: 164%;
  display: block;
}
@media (max-width: 767.98px) {
  .homepage-ready .pill2 {
    top: -20px;
    left: 17%;
  }
}
.homepage-ready .pill3 {
  width: 45%;
  border-radius: 18rem;
  margin: auto;
  margin-bottom: 10px;
  background-image: url("../images/ready-media-03.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 4;
  position: absolute;
  left: 60%;
  top: 8%;
}
.homepage-ready .pill3:before {
  content: '';
  padding-bottom: 164%;
  display: block;
}
@media (max-width: 767.98px) {
  .homepage-ready .pill3 {
    width: 37%;
    top: 20px;
  }
}
.homepage-ready .pill4 {
  width: 54%;
  border-radius: 18rem;
  margin: auto;
  background-image: url("../images/ready-media-04.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left center;
  position: relative;
  z-index: 3;
  -webkit-box-shadow: 0px 0px 105px 0px rgba(102, 119, 201, 0.9);
  -moz-box-shadow: 0px 0px 105px 0px rgba(102, 119, 201, 0.9);
  box-shadow: 0px 0px 105px 0px rgba(102, 119, 201, 0.9);
  position: absolute;
  left: 22%;
  top: 10%;
}
.homepage-ready .pill4:before {
  content: '';
  padding-bottom: 164%;
  display: block;
}
@media (max-width: 767.98px) {
  .homepage-ready .pill4 {
    top: 40px;
  }
}
.navigate {
  position: relative;
  margin-top: 16%;
  margin-bottom: 8%;
}
.navigate .grid {
  gap: 3rem;
}
.navigate .navigate-title {
  font-family: 'PPHatton';
  font-size: 4rem;
  font-weight: 300;
  color: black;
  text-align: left;
  margin-bottom: 3%;
}
.navigate .navigate-card {
  width: 100%;
  border-radius: 4rem;
  display: flex;
  align-items: end;
  background-size: cover;
  position: relative;
  overflow: hidden;
}
.navigate .navigate-card .navigate-title {
  color: white;
  font-family: 'PPHatton';
  font-size: 3rem;
  font-weight: 300;
  margin-left: 8%;
  margin-right: 8%;
  margin-bottom: 8%;
  text-align: center;
  text-shadow: 0 0 7px #000000;
  position: relative;
  z-index: 9;
}
@media (max-width: 767.98px) {
  .navigate .navigate-card .navigate-title {
    text-align: center;
    width: 100%;
  }
}
.navigate .navigate-card:before {
  content: '';
  padding-bottom: 64%;
  display: block;
}
.navigate .navigate-card:after {
  content: '';
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  top: 0px;
  display: block;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(255, 0, 0, 0));
}
.navigate .navigate-card.card01 {
  background-image: url("../images/navigate-media-01.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left center;
}
.navigate .navigate-card.card02 {
  background-image: url("../images/navigate-media-02.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left center;
}
.navigate .navigate-card.card03 {
  background-image: url("../images/navigate-media-03.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left center;
}
.navigate .navigate-card.card04 {
  background-image: url("../images/navigate-media-04.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left center;
}
.navigate .navigate-card.card05 {
  background-image: url("../images/navigate-media-05.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left center;
}
.navigate .navigate-card.card06 {
  background-image: url("../images/navigate-media-06.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left center;
}
@media (max-width: 767.98px) {
  .navigate {
    padding: 0px 20px;
  }
}
.flotilla {
  padding-bottom: 53%;
  background-image: url("../images/sirens-background-v2.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom center;
  position: relative;
}
.flotilla .boats {
  margin: auto;
  width: 58%;
  vertical-align: top;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
}
.flotilla .boats img {
  max-width: unset;
  width: 100%;
}
.team {
  position: relative;
  padding-bottom: 10%;
  padding-top: 80px;
  margin-top: 100px;
}
.team .container {
  position: relative;
}
.team:before {
  width: 100vw;
  position: absolute;
  text-align: center;
  content: '';
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: calc(-50vw + 50%);
  background-color: #05408f;
  background-color: #d7edfe;
  background: #05408f;
  background: -moz-linear-gradient(180deg, #05408f 0%, #618dc1 31%, #d4edff 83%, #d4edff 100%);
  background: -webkit-linear-gradient(180deg, #05408f 0%, #618dc1 31%, #d4edff 83%, #d4edff 100%);
  background: linear-gradient(180deg, #05408f 0%, #618dc1 31%, #d4edff 83%, #d4edff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#05408f", endColorstr="#d4edff", GradientType=1);
}
.team .grid {
  gap: 3rem;
  position: relative;
}
.team .grid .grid-element {
  position: relative;
  width: 100%;
  height: 100%;
}
.team .team-title {
  font-family: 'PPHatton';
  font-size: 4.3rem;
  color: white;
  text-align: center;
  z-index: 10;
  position: relative;
  margin-bottom: 15px;
  font-weight: 200;
}
.team .team-subtitle {
  margin-bottom: 50px;
  font-size: 2rem;
  font-weight: 400;
  color: white;
}
.team .team-slider {
  margin-left: -10px;
  margin-right: -10px;
  padding: 0px 30px;
  position: relative;
}
@media (max-width: 767.98px) {
  .team .team-slider {
    margin-left: 0px;
    margin-right: 0px;
  }
}
.team .team-card-wrapper {
  width: 20%;
  position: relative;
  padding-bottom: 30%;
}
@media (max-width: 767.98px) {
  .team .team-card-wrapper {
    width: 50%;
    padding-bottom: 130%;
  }
}
.team .team-card {
  border-radius: 12rem;
  overflow: hidden;
  padding-bottom: 160%;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.team .team-card:after {
  content: '';
  display: block;
  background: #84aad1;
  background: -moz-linear-gradient(176deg, rgba(132, 170, 209, 0) 0%, rgba(132, 170, 209, 0) 50%, #1373e6 100%);
  background: -webkit-linear-gradient(176deg, rgba(132, 170, 209, 0) 0%, rgba(132, 170, 209, 0) 50%, #1373e6 100%);
  background: linear-gradient(176deg, rgba(132, 170, 209, 0) 0%, rgba(132, 170, 209, 0) 50%, #1373e6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#84aad1", endColorstr="#1373e6", GradientType=1);
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 3;
}
.team .team-card .team-info {
  position: absolute;
  bottom: 13%;
  color: white;
  display: flex;
  gap: 5px;
  left: 0px;
  right: 0px;
  flex-direction: column;
  z-index: 9;
}
.team .team-card .team-info .team-title {
  font-family: 'PPHatton';
  font-size: 2.2rem;
  color: white;
  font-weight: 200;
  margin-bottom: 0px;
}
.team .team-card .team-info .team-name {
  font-family: 'Manrope';
  font-size: 2rem;
  font-weight: 300;
  color: white;
}
/*=========== CATEGORY ROUTE PAGE ==================*/
.page-layout-yacht-americas-route {
  background-color: #f7fcff;
}
.page-layout-yacht-americas-route .find-out-more {
  padding-top: 60px;
}
@media (max-width: 767.98px) {
  .page-layout-yacht-americas-route #maincontent + .container {
    padding: 20px;
  }
}
.page-layout-yacht-americas-route .section-title {
  color: black;
  font-family: 'PPHatton';
  font-size: 16rem;
  line-height: 20rem;
}
.page-layout-yacht-americas-route .page-header {
  position: absolute;
  left: 0px;
  right: 0px;
}
.page-layout-yacht-americas-route .product-image-hero {
  position: relative;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
}
.page-layout-yacht-americas-route .product-image-hero:before {
  content: '';
  display: block;
  padding-bottom: 50%;
}
@media (max-width: 767.98px) {
  .page-layout-yacht-americas-route .product-image-hero:before {
    padding-bottom: 0px;
    height: 100vh;
  }
}
.page-layout-yacht-americas-route .product-image-hero .product-hero-info {
  margin: auto;
}
.page-layout-yacht-americas-route .product-image-hero .product-hero-info .product-hero-name {
  font-family: 'PPHatton';
  color: white;
  font-size: 16rem;
  line-height: 20rem;
  font-weight: 300;
  margin: 0px;
  padding-bottom: 0px;
  display: block;
}
@media (max-width: 767.98px) {
  .page-layout-yacht-americas-route .product-image-hero .product-hero-info .product-hero-name {
    font-size: 8rem;
    line-height: 10rem;
  }
}
.page-layout-yacht-americas-route .product-image-hero .product-hero-info .product-hero-dates {
  color: white;
  margin-left: 14px;
  font-size: 2rem;
  margin-bottom: 20px;
}
@media (max-width: 767.98px) {
  .page-layout-yacht-americas-route .product-image-hero .product-hero-info {
    padding: 0px 30px;
  }
}
.page-layout-yacht-americas-route .hero-image-union:before {
  content: '';
  background-color: #f7fcff;
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  height: 4vw;
  margin-top: -4vw;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  display: block;
  position: relative;
  z-index: 9;
}
.page-layout-yacht-americas-route .route-main-info-container {
  display: grid;
  grid-template-columns: 1fr 1.5fr;
  gap: 50px;
  margin-bottom: 80px;
}
@media (max-width: 767.98px) {
  .page-layout-yacht-americas-route .route-main-info-container {
    grid-template-columns: 1fr;
    padding: 20px;
  }
}
.page-layout-yacht-americas-route .route-main-info-container .route-main-info-text {
  position: relative;
}
.page-layout-yacht-americas-route .route-main-info-container .route-main-info-text h1 {
  font-family: 'PPHatton';
  font-size: 3.8rem;
  line-height: 4.2rem;
  font-weight: 300;
  margin: 0px;
  margin-bottom: 15px;
}
.page-layout-yacht-americas-route .route-main-info-container .route-main-info-text .route-main-label {
  position: absolute;
  background: #1373e6;
  height: 50px;
  width: 50px;
  right: 0px;
  border-radius: 50px;
  top: 0px;
  padding: 12px;
  line-height: 14px;
  color: white;
  font-size: 12px;
}
.page-layout-yacht-americas-route .route-main-info-container .route-main-info-text .starting-price {
  margin-bottom: 10px;
}
.page-layout-yacht-americas-route .route-main-info-container .route-main-info-text .starting-price .price-box {
  display: flex;
  flex-direction: row;
  gap: 10px;
  justify-content: flex-start;
}
.page-layout-yacht-americas-route .route-main-info-container .route-main-info-text .starting-price .price-box .old-price {
  order: 1;
}
.page-layout-yacht-americas-route .route-main-info-container .route-main-info-text .starting-price .price-box .special-price {
  order: 2;
  color: #1373e6;
}
.page-layout-yacht-americas-route .route-main-info-container .route-main-info-text .starting-price .price-box .old-price span.price-wrapper {
  text-decoration: line-through;
  font-size: 1.4rem;
}
.page-layout-yacht-americas-route .route-main-info-container .route-main-info-text .starting-price .price-box .old-price .price-label {
  display: none;
}
.page-layout-yacht-americas-route .route-main-info-container .route-main-info-text .short-description {
  font-size: 1.6rem;
  line-height: 2.6rem;
}
.page-layout-yacht-americas-route .route-main-info-container .route-main-info-text .starting-price {
  font-size: 2rem;
  line-height: 2.9rem;
  color: #1373e6;
}
.page-layout-yacht-americas-route .route-main-info-container .route-main-info-text .remaining {
  font-weight: bold;
  color: #1373e6;
  margin-right: 0px;
  margin-left: auto;
}
.page-layout-yacht-americas-route .route-main-info-container .route-main-info-text .full-yacht-notice {
  line-height: 2.5rem;
  margin-top: 40px;
  margin-bottom: 30px;
  font-size: 1.4rem;
  padding-left: 26px;
}
.page-layout-yacht-americas-route .route-main-info-container .route-main-info-text .full-yacht-notice b {
  white-space: nowrap;
}
.page-layout-yacht-americas-route .route-main-info-container .route-main-info-text form.addtocart-form {
  display: flex;
  align-items: center;
  gap: 10px;
}
.page-layout-yacht-americas-route .route-main-info-container .route-main-info-text form.addtocart-form fieldset[data-quantity] {
  width: 150px;
  height: auto;
  margin: 0px;
}
.page-layout-yacht-americas-route .route-main-info-container .route-main-info-text form.addtocart-form fieldset[data-quantity] input {
  height: 60px;
  line-height: 60px;
  border-radius: 37px;
}
.page-layout-yacht-americas-route .route-main-info-container .route-main-info-text form.addtocart-form fieldset[data-quantity] button.add,
.page-layout-yacht-americas-route .route-main-info-container .route-main-info-text form.addtocart-form fieldset[data-quantity] button.sub {
  background-position-y: 10px;
  height: 46px;
}
.page-layout-yacht-americas-route .route-main-info-container .route-main-info-text form.addtocart-form .book-now-button {
  margin-top: 0px;
  margin-left: 0px;
}
.page-layout-yacht-americas-route .route-main-info-container .route-main-info-text .available-dates {
  margin: 20px 0px;
  margin-top: 40px;
}
.page-layout-yacht-americas-route .route-main-info-container .route-main-info-text .available-dates .accomodation-icon {
  margin-right: 10px;
}
.page-layout-yacht-americas-route .route-main-info-container .route-main-info-text .available-dates .available-dates-title {
  padding-left: 20px;
}
.page-layout-yacht-americas-route .route-main-info-container .route-main-info-text .available-dates .available-dates-item {
  font-weight: bold;
  padding: 20px 0px;
  border-bottom: 1px solid #e4e4e4;
  background: white;
  margin: 13px 0px;
  border-radius: 19px;
  padding: 10px 24px;
  border: 0px;
  display: flex;
  align-items: center;
  width: 100%;
}
.page-layout-yacht-americas-route .route-main-info-container .route-main-info-text .available-dates .available-dates-item .pill-button {
  margin: 0px;
  margin-left: auto;
  margin-right: 0px;
}
.page-layout-yacht-americas-route .route-main-info-container .route-main-info-text .available-dates .available-dates-item i {
  font-size: 20px;
  margin-right: 10px;
}
.page-layout-yacht-americas-route .route-main-info-container .route-main-info-media .gallery-images {
  display: block;
}
.page-layout-yacht-americas-route .route-main-info-container .route-main-info-media .only-video {
  background-size: cover;
  border-radius: 32px;
  width: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  padding-bottom: 60%;
  display: block;
}
.page-layout-yacht-americas-route .route-main-info-container .route-main-info-media .only-video .button-play {
  background: white;
  border-radius: 60px;
  height: 60px;
  width: 60px;
  line-height: 60px;
  text-align: center;
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  top: 0px;
  display: flex;
  align-items: center;
  margin: auto;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 12px;
  -moz-box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 12px;
  -webkit-box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 12px;
}
.page-layout-yacht-americas-route .route-main-info-container .route-main-info-media .only-video .button-play i {
  margin: auto;
}
.page-layout-yacht-americas-route .route-main-info-container .route-main-info-media .route-media-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px;
  height: 600px;
  position: relative;
}
@media (max-width: 767.98px) {
  .page-layout-yacht-americas-route .route-main-info-container .route-main-info-media .route-media-grid {
    grid-template-columns: 1fr;
    height: 300px;
    grid-auto-rows: 1.4fr 1fr;
  }
}
.page-layout-yacht-americas-route .route-main-info-container .route-main-info-media .route-media-grid .left-grid,
.page-layout-yacht-americas-route .route-main-info-container .route-main-info-media .route-media-grid .right-grid {
  display: grid;
  grid-auto-rows: 1fr;
  gap: 15px;
}
@media (max-width: 767.98px) {
  .page-layout-yacht-americas-route .route-main-info-container .route-main-info-media .route-media-grid .right-grid {
    grid-template-columns: 1fr 1fr;
  }
}
.page-layout-yacht-americas-route .route-main-info-container .route-main-info-media .route-media-grid .left-grid-image,
.page-layout-yacht-americas-route .route-main-info-container .route-main-info-media .route-media-grid .right-grid-bottom,
.page-layout-yacht-americas-route .route-main-info-container .route-main-info-media .route-media-grid .right-grid-top {
  background-size: cover;
  border-radius: 32px;
  width: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
}
.page-layout-yacht-americas-route .route-main-info-container .route-main-info-media .route-media-grid .left-grid-image .button-play,
.page-layout-yacht-americas-route .route-main-info-container .route-main-info-media .route-media-grid .right-grid-bottom .button-play,
.page-layout-yacht-americas-route .route-main-info-container .route-main-info-media .route-media-grid .right-grid-top .button-play {
  background: white;
  border-radius: 60px;
  height: 60px;
  width: 60px;
  line-height: 60px;
  text-align: center;
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  top: 0px;
  display: flex;
  align-items: center;
  margin: auto;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 12px;
  -moz-box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 12px;
  -webkit-box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 12px;
}
.page-layout-yacht-americas-route .route-main-info-container .route-main-info-media .route-media-grid .left-grid-image .button-play i,
.page-layout-yacht-americas-route .route-main-info-container .route-main-info-media .route-media-grid .right-grid-bottom .button-play i,
.page-layout-yacht-americas-route .route-main-info-container .route-main-info-media .route-media-grid .right-grid-top .button-play i {
  margin: auto;
}
.page-layout-yacht-americas-route .route-main-info-container .route-main-info-media .see-gallery {
  position: absolute;
  bottom: 15px;
  right: 15px;
}
.page-layout-yacht-americas-route .section-title {
  font-family: 'PPHatton';
  font-size: 3.2rem;
  line-height: 3rem;
  font-weight: 300;
  color: black;
  margin-bottom: 40px;
  position: relative;
}
.page-layout-yacht-americas-route .itinerary {
  padding: 100px 0px;
  position: relative;
  border-radius: 12px;
}
.page-layout-yacht-americas-route .itinerary:before {
  content: '';
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  background-color: #d8eeff;
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
}
@media (max-width: 767.98px) {
  .page-layout-yacht-americas-route .itinerary {
    padding-top: 50px;
  }
}
.page-layout-yacht-americas-route .itinerary .map {
  border-radius: 35px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.page-layout-yacht-americas-route .itinerary .map-content {
  display: flex;
  flex-direction: column;
  min-height: 0;
  flex: 1;
}
.page-layout-yacht-americas-route .itinerary .map-image {
  width: calc(65% + 1px);
}
@media (max-width: 767.98px) {
  .page-layout-yacht-americas-route .itinerary .map-image {
    width: 100%;
  }
}
.page-layout-yacht-americas-route .itinerary .map-sidebar {
  position: absolute;
  width: 35%;
  padding: 30px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  background-color: white;
  border-radius: 35px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 767.98px) {
  .page-layout-yacht-americas-route .itinerary .map-sidebar {
    position: unset;
    width: 100%;
    margin-top: -20px;
    z-index: 2;
    position: relative;
    border-radius: 35px;
  }
}
.page-layout-yacht-americas-route .itinerary .map-subtitle {
  color: black;
  margin-bottom: 10px;
  font-size: 1.2rem;
  color: #999;
  letter-spacing: 2px;
}
.page-layout-yacht-americas-route .itinerary .map-numbers {
  display: flex;
  flex-direction: row;
  gap: 5px;
  margin-bottom: 10px;
}
.page-layout-yacht-americas-route .itinerary .map-numbers .map-number {
  width: 30px;
  height: 30px;
  border-radius: 50px;
  line-height: 30px;
  border: 1px solid #999;
  text-align: center;
  cursor: pointer;
}
.page-layout-yacht-americas-route .itinerary .map-numbers .map-number.active {
  background-color: #1373e6;
  color: white;
  border-color: #1373e6;
}
.page-layout-yacht-americas-route .itinerary .map-title {
  font-family: 'PPHatton';
  font-size: 3rem;
  line-height: 4rem;
  font-weight: 300;
  color: black;
  margin-bottom: 15px;
}
.page-layout-yacht-americas-route .itinerary .map-description {
  font-size: 1.6rem;
  line-height: 2.3rem;
  margin-bottom: 30px;
  flex-grow: 1;
  overflow: auto;
}
.page-layout-yacht-americas-route .itinerary .map-gallery {
  margin-bottom: 0px;
  margin-top: auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: flex-end;
  grid-gap: 15px;
}
.page-layout-yacht-americas-route .itinerary .map-gallery img {
  border-radius: 10px;
}
.page-layout-yacht-americas-route section.yacht-options {
  position: relative;
  padding: 100px 0px;
}
@media (max-width: 767.98px) {
  .page-layout-yacht-americas-route section.yacht-options {
    padding-top: 50px;
  }
  .page-layout-yacht-americas-route section.yacht-options .page-main {
    padding: 30px;
  }
  .page-layout-yacht-americas-route section.yacht-options .container {
    padding: 0px 30px;
  }
}
.page-layout-yacht-americas-route section.yacht-options:before {
  width: 100vw;
  position: absolute;
  text-align: center;
  content: '';
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: calc(-50vw + 50%);
  background-color: #d8eeff;
}
.page-layout-yacht-americas-route section.yacht-options .yacht-options-wrapper {
  margin-left: 0px;
  margin-right: 0px;
}
.page-layout-yacht-americas-route section.yacht-options .yacht-options-wrapper .yachts-image-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 15px;
  height: calc(100% - 40px);
  height: 350px;
  position: relative;
}
.page-layout-yacht-americas-route section.yacht-options .yacht-options-wrapper .yachts-image-grid .grid-title {
  height: 40px;
  line-height: 40px;
  font-weight: bold;
}
.page-layout-yacht-americas-route section.yacht-options .yacht-options-wrapper .yachts-image-grid .image-container {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 8px;
  display: none;
}
.page-layout-yacht-americas-route section.yacht-options .yacht-options-wrapper .yachts-image-grid .image-container:nth-child(1) {
  display: block;
  grid-column: 1;
  grid-row: 1;
}
.page-layout-yacht-americas-route section.yacht-options .yacht-options-wrapper .yachts-image-grid .image-container:nth-child(2) {
  display: block;
  grid-column: 2;
  grid-row: 1;
}
.page-layout-yacht-americas-route section.yacht-options .yacht-options-wrapper .yachts-image-grid .image-container:nth-child(3) {
  display: block;
  grid-column: 3;
  grid-row: 1 / span 2;
}
.page-layout-yacht-americas-route section.yacht-options .yacht-options-wrapper .yachts-image-grid .image-container:nth-child(4) {
  display: block;
  grid-column: 1;
  grid-row: 2;
}
.page-layout-yacht-americas-route section.yacht-options .yacht-options-wrapper .yachts-image-grid .image-container:nth-child(5) {
  display: block;
  grid-column: 2;
  grid-row: 2;
}
.page-layout-yacht-americas-route section.yacht-options .yacht-options-wrapper .yachts-image-grid .see-gallery {
  position: absolute;
  bottom: 10px;
  right: 10px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 12px;
  -moz-box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 12px;
  -webkit-box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 12px;
}
.page-layout-yacht-americas-route section.yacht-options .yacht-options-item-wrapper {
  position: relative;
  padding: 20px 10px;
  padding-bottom: 0px;
  display: grid;
  grid-template-columns: 1fr 3fr;
  background: white;
  border-radius: 25px;
  padding: 25px 26px;
  gap: 50px;
}
@media (max-width: 767.98px) {
  .page-layout-yacht-americas-route section.yacht-options .yacht-options-item-wrapper {
    grid-template-columns: 1fr;
  }
  .page-layout-yacht-americas-route section.yacht-options .yacht-options-item-wrapper .yachts-image-grid {
    grid-template-columns: 1fr 1fr;
  }
  .page-layout-yacht-americas-route section.yacht-options .yacht-options-item-wrapper .yachts-image-grid .image-container:nth-child(1),
  .page-layout-yacht-americas-route section.yacht-options .yacht-options-item-wrapper .yachts-image-grid .image-container:nth-child(2),
  .page-layout-yacht-americas-route section.yacht-options .yacht-options-item-wrapper .yachts-image-grid .image-container:nth-child(3),
  .page-layout-yacht-americas-route section.yacht-options .yacht-options-item-wrapper .yachts-image-grid .image-container:nth-child(4) {
    grid-column: auto;
    grid-row: auto;
  }
  .page-layout-yacht-americas-route section.yacht-options .yacht-options-item-wrapper .yachts-image-grid .image-container:nth-child(5) {
    display: none;
  }
}
.page-layout-yacht-americas-route section.yacht-options .yacht-options-slider-item {
  display: flex;
  flex-direction: column;
  border-radius: 30px;
}
.page-layout-yacht-americas-route section.yacht-options .yacht-options-slider-item-image {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 30px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  display: block;
  width: 100%;
  position: relative;
}
.page-layout-yacht-americas-route section.yacht-options .yacht-options-slider-item-image:before {
  content: "";
  display: block;
  padding-top: 80%;
}
.page-layout-yacht-americas-route section.yacht-options .yacht-options-slider-gallery {
  width: 100%;
  display: grid;
  flex-wrap: wrap;
}
.page-layout-yacht-americas-route section.yacht-options .yacht-options-slider-info {
  width: 100%;
  display: grid;
  position: relative;
  grid-template-columns: 1fr;
}
.page-layout-yacht-americas-route section.yacht-options .yacht-options-slider-info .yacht-options-slider-info-name {
  font-family: 'PPHatton';
  text-align: left;
  flex-basis: 100%;
  font-size: 2.4rem;
  padding-bottom: 15px;
  border-bottom: 1px solid #aaa;
  margin-bottom: 15px;
  font-weight: 300;
}
.page-layout-yacht-americas-route section.yacht-options .yacht-options-slider-info .yacht-options-slider-info-detail {
  display: flex;
  margin-bottom: 10px;
  align-items: center;
}
.page-layout-yacht-americas-route section.yacht-options .yacht-options-slider-info .yacht-options-slider-info-detail i {
  margin-right: 4px;
}
.page-layout-yacht-americas-route section.yacht-options .yacht-options-slider-info .yacht-options-slider-info-button {
  margin-bottom: 0px;
  margin-top: auto;
}
.page-layout-yacht-americas-route .whats-included {
  position: relative;
  padding-bottom: 30px;
}
.page-layout-yacht-americas-route .whats-included .whats-included-wrapper {
  border: 2px solid white;
  position: relative;
  padding: 50px;
  border-radius: 30px;
}
.page-layout-yacht-americas-route .whats-included:before {
  width: 100vw;
  position: absolute;
  text-align: center;
  content: '';
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: calc(-50vw + 50%);
  background-color: #d8eeff;
}
.page-layout-yacht-americas-route .whats-included .services-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 30px 15px;
  position: relative;
  margin-top: 30px;
}
@media (max-width: 767.98px) {
  .page-layout-yacht-americas-route .whats-included .services-list {
    grid-template-columns: 1fr;
  }
}
.page-layout-yacht-americas-route .whats-included .services-list .service-item {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.page-layout-yacht-americas-route .whats-included .services-list .service-item .service-icon {
  margin-right: 30px;
  width: 40px;
}
.page-layout-yacht-americas-route .whats-included .services-list .service-item .service-name {
  font-size: 1.8rem;
  font-weight: 600;
}
.page-layout-yacht-americas-route .more-information {
  position: relative;
  padding: 100px 0px;
}
.page-layout-yacht-americas-route .more-information .services-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 30px;
  position: relative;
  margin-top: 30px;
}
@media (max-width: 767.98px) {
  .page-layout-yacht-americas-route .more-information .services-list {
    grid-template-columns: 1fr;
  }
}
.page-layout-yacht-americas-route .more-information .services-list .service-item {
  display: flex;
  flex-direction: column;
  padding: 30px;
  padding-bottom: 45px;
  border-radius: 30px;
  background-color: white;
}
.page-layout-yacht-americas-route .more-information .services-list .service-item .service-title {
  font-size: 1.8rem;
  font-weight: 600;
  margin-bottom: 20px;
}
.page-layout-yacht-americas-route .more-information .services-list .service-item .service-content {
  font-size: 1.8rem;
  font-weight: 400;
}
.page-layout-yacht-americas-route .more-information .services-list .service-item .service-content ul {
  padding-left: 20px;
  list-style: disc;
}
.page-layout-yacht-americas-route .more-information .services-list .service-item .service-content a {
  color: #1373e6;
}
.page-layout-yacht-americas-route .more-information .services-list .service-item .service-content a:hover {
  text-decoration: underline;
}
.footer-middle {
  background-color: white;
}
.footer-middle .footer-copyright {
  text-align: center;
  font-size: 1.2rem;
  padding: 14px 15px;
  background: white;
  border-top: 1px solid #f0f0f0;
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: var(--container-max-width);
  margin: auto;
  align-items: center;
}
@media (max-width: 767.98px) {
  .footer-middle .footer-copyright {
    flex-direction: column;
    gap: 20px;
  }
}
.footer-middle .footer-copyright .laveramente {
  color: #004792;
  font-weight: 500;
  font-size: 1.4rem;
}
.footer-middle .footer-copyright .laveramente img {
  margin-left: 5px;
}
.footer-middle .footer-grid {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr;
  gap: 10px;
  padding: 60px 0px;
  text-align: center;
  margin-top: 0px;
}
.footer-middle .footer-grid .footer-column {
  color: black;
  text-align: left;
}
.footer-middle .footer-grid .footer-column p {
  margin-bottom: 10px;
}
.footer-middle .footer-grid .footer-column strong {
  font-weight: 800;
}
@media (max-width: 767.98px) {
  .footer-middle .footer-grid .footer-column {
    padding: 20px 30px;
  }
}
.footer-middle .footer-grid .footer-column:first-child {
  text-align: center;
}
@media (max-width: 1279.98px) and (min-width: 768px) {
  .footer-middle .footer-grid {
    grid-template-columns: 1.5fr 1fr 1fr 1fr;
    padding: 60px 8rem;
  }
  .footer-middle .footer-grid:first-child {
    text-align: center;
  }
}
@media (max-width: 767.98px) {
  .footer-middle .footer-grid {
    grid-template-columns: 1fr;
  }
}
/*========= CATEGORY PAGE OUR ROUTES ==================*/
.page-layout-our-routes-layout {
  background-color: #d8eeff;
}
.page-layout-our-routes-layout .page-header {
  position: absolute;
  left: 0px;
  right: 0px;
}
.page-layout-our-routes-layout h1 {
  margin: 0px;
  margin: auto;
}
.page-layout-our-routes-layout .page-main {
  padding-top: 50px;
}
.page-layout-our-routes-layout .category-image-hero {
  position: relative;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
  text-align: center;
}
.page-layout-our-routes-layout .category-image-hero img {
  max-width: 500px;
}
@media (max-width: 767.98px) {
  .page-layout-our-routes-layout .category-image-hero img {
    max-width: 90%;
  }
}
.page-layout-our-routes-layout .category-image-hero:before {
  content: '';
  display: block;
  padding-bottom: 30%;
}
@media (max-width: 767.98px) {
  .page-layout-our-routes-layout .category-image-hero:before {
    padding-bottom: 50px;
    height: 104vh;
  }
}
.page-layout-our-routes-layout .hero-image-union:before {
  content: '';
  background-color: #d8eeff;
  height: 4vh;
  margin-top: -4vh;
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
  display: block;
  position: relative;
  z-index: 9;
}
.page-layout-our-routes-layout .products-grid {
  margin-bottom: 5vw;
}
.page-layout-our-routes-layout .products-grid .product-items {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 30px;
}
@media (max-width: 767.98px) {
  .page-layout-our-routes-layout .products-grid .product-items {
    grid-template-columns: 1fr;
  }
}
.page-layout-our-routes-layout .products-grid .product-items .product-item {
  width: 100%;
}
.page-layout-our-routes-layout .products-grid .product-items .product-item.coming-soon a {
  cursor: default;
}
.page-layout-our-routes-layout .products-grid .our-routes-slider-item-link {
  padding-bottom: 140%;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 12px;
  -moz-box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 12px;
  -webkit-box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 12px;
  position: relative;
}
.page-layout-our-routes-layout .products-grid .our-routes-slider-item-link .our-routes-special-message {
  position: absolute;
  top: 10px;
  display: inline-block;
  background: white;
  text-align: center;
  border-radius: 30px;
  padding: 3px 20px;
  color: #1373e6;
  font-weight: 600;
  font-size: 1.5rem;
  letter-spacing: 1px;
  margin-left: auto;
  margin-right: auto;
  left: 50%;
  transform: translate(-50%);
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 12px;
  -moz-box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 12px;
  -webkit-box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 12px;
}
body.category-book-now .bookgrid {
  display: grid;
  grid-template-columns: 1fr 4fr;
  gap: 20px;
}
body.category-book-now .card-selected {
  margin-bottom: 20px;
}
body.category-book-now .choose-route,
body.category-book-now .choose-yacht,
body.category-book-now .choose-date {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-bottom: 30px;
}
body.category-book-now .book-horizontal-card {
  background: white;
  border-radius: 20px;
  padding: 20px 30px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
}
body.category-book-now .book-route-card {
  padding: 0px;
}
body.category-book-now .book-route-card .book-route-card-image {
  padding-bottom: 9%;
  width: 15%;
  background-size: contain;
}
body.category-book-now .book-route-card .book-route-card-info {
  padding: 20px 30px;
}
body.customer-account-login .page-title-wrapper,
body.customer-account-create .page-title-wrapper {
  margin: 0px;
}
body.customer-account-login .page-wrapper,
body.customer-account-create .page-wrapper {
  background-image: url("../images/beach.jpg");
  background-image: url("../images/hero.jpg");
  background-repeat: no-repeat;
  background-position: right;
  background-size: cover;
}
@media (max-width: 767.98px) {
  body.customer-account-login .page-wrapper,
  body.customer-account-create .page-wrapper {
    background-position: top;
    background-size: 158%;
  }
  body.customer-account-login .page-wrapper .page-main,
  body.customer-account-create .page-wrapper .page-main {
    padding: 0px;
  }
}
@media (max-width: 767.98px) {
  body.customer-account-login .page-wrapper .columns,
  body.customer-account-create .page-wrapper .columns {
    background-image: url("../images/beach.jpg");
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100%;
  }
}
body.customer-account-login .login-container,
body.customer-account-create .login-container {
  margin: 60px auto;
  padding: 40px;
  border-radius: 31px;
}
body.customer-account-login .login-container .pill-button,
body.customer-account-create .login-container .pill-button {
  margin-left: 0px;
}
body.customer-account-login .login-container button.pill-button,
body.customer-account-create .login-container button.pill-button {
  margin-right: 5px;
  margin-top: 0px;
  text-align: center;
}
@media (max-width: 767.98px) {
  body.customer-account-login .login-container,
  body.customer-account-create .login-container {
    margin-bottom: 140px;
  }
  body.customer-account-login .login-container .block-new-customer,
  body.customer-account-create .login-container .block-new-customer {
    margin-top: 40px;
    border-top: 1px solid #ccc;
    padding-top: 40px;
  }
  body.customer-account-login .login-container .block-new-customer .pill-button,
  body.customer-account-create .login-container .block-new-customer .pill-button {
    width: 100%;
    text-align: center;
  }
}
body.customer-account-login #block-customer-login-heading,
body.customer-account-create #block-customer-login-heading,
body.customer-account-login #block-new-customer-heading,
body.customer-account-create #block-new-customer-heading {
  color: black;
  font-size: 4.4rem;
  font-weight: 300;
  font-family: 'PPHatton';
  margin-bottom: 25px;
  display: block;
  line-height: 4.7rem;
}
body.customer-account-create .form-create-account {
  position: relative;
  z-index: 2;
  margin: 60px auto;
  padding: 40px;
  border-radius: 31px;
}
body.customer-account-create .form-create-account .pill-button {
  margin-left: 0px;
}
body.customer-account-create .form-create-account button.pill-button {
  margin-right: 5px;
}
@media (max-width: 767.98px) {
  body.customer-account-create .form-create-account {
    margin-bottom: 140px;
  }
}
body.customer-account-create .fieldset .legend span {
  color: black;
  font-size: 3.9rem;
  font-weight: 300;
  font-family: 'PPHatton';
  margin-bottom: 25px;
  display: block;
  line-height: 4rem;
  margin-top: 28px;
}
input[type="email"],
input[type="text"],
input[type="date"],
input[type="password"],
input[type="telephone"],
input[type="number"],
input[type="tel"],
textarea {
  padding: 5px;
  line-height: 30px;
  border: 1px solid #ccc;
}
.field.choice {
  margin-top: 15px;
}
.field .control select {
  border-color: #ccc;
  padding: 9px 5px;
}
.field.required > .label,
.field._required > .label {
  margin-bottom: 7px;
  color: #4a4a4a;
}
@media (max-width: 767.98px) {
  .visible-xs {
    display: block !important;
  }
  .hidden-xs {
    display: none !important;
  }
}
/*===  MY ACCOUNT =====*/
body.account .page-title-wrapper {
  margin: 0px;
}
body.account .page-wrapper {
  background-image: url("../images/hero.jpg");
  background-repeat: no-repeat;
  background-position: right;
  background-size: cover;
}
@media (max-width: 767.98px) {
  body.account .page-wrapper {
    background-position: top;
    background-size: 158%;
  }
  body.account .page-wrapper .page-main {
    padding: 0px;
  }
}
@media (max-width: 767.98px) {
  body.account .page-wrapper .page-main {
    background-image: url("../images/beach.jpg");
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100%;
  }
}
body.account .page-wrapper .columns {
  background: white;
  margin: 60px auto;
  padding: 40px;
  border-radius: 31px;
}
@media (max-width: 767.98px) {
  body.account .page-wrapper .columns {
    margin-bottom: 100px;
    padding: 20px;
    display: flex;
    flex-direction: column;
  }
  body.account .page-wrapper .columns .column {
    order: 2;
  }
  body.account .page-wrapper .columns .sidebar {
    order: 1;
    border: 1px solid #ccc;
    padding: 8px 10px;
    border-radius: 20px;
  }
}
body.account .actions-toolbar .action.primary {
  font-family: 'Manrope';
  font-size: 1.5rem;
  text-transform: uppercase;
  font-weight: 400;
  border-radius: 20px;
  border: 1px solid white;
  letter-spacing: 1px;
  margin: auto;
  margin-top: 20px;
  padding: 10px 41px;
  display: inline-block;
  cursor: pointer;
  transition: background-color 0.5s, border-color 0.5s;
  border: 1px solid #1373e6;
  background-color: #1373e6;
  border-color: #1373e6;
  color: white;
  margin-left: 0px;
}
body.account .actions-toolbar .action.primary.transparent {
  background-color: transparent;
  color: white;
}
body.account .actions-toolbar .action.primary.transparent:hover {
  background-color: white;
  color: black;
  text-decoration: none;
}
body.account .actions-toolbar .action.primary.white {
  background-color: white;
  color: black;
}
body.account .actions-toolbar .action.primary.white:hover {
  background-color: #1373e6;
  border-color: #1373e6;
  text-decoration: none;
  color: white;
}
body.account .actions-toolbar .action.primary.outline {
  background-color: white;
  color: black;
  border-color: #ccc;
}
body.account .actions-toolbar .action.primary.outline:hover {
  background-color: white;
  border-color: #1373e6;
  text-decoration: none;
}
body.account .actions-toolbar .action.primary.dark {
  border: 1px solid #1373e6;
  background-color: #1373e6;
  border-color: #1373e6;
  color: white;
}
body.account .actions-toolbar .action.primary.dark:hover {
  background-color: #0e5bb7;
  border-color: #0e5bb7;
  color: white;
  text-decoration: none;
}
body.account .actions-toolbar .action.primary.big {
  padding: 16px 40px;
  font-size: 1.8rem;
  border-radius: 40px;
}
body.account .actions-toolbar .action.primary.disable {
  background-color: white;
  color: #1373e6;
  border-color: #1373e6;
  pointer-events: none;
}
body.account .actions-toolbar .action.primary.disable:hover {
  background-color: white;
  color: #1373e6;
  border-color: #1373e6;
}
body.account .actions-toolbar .action.primary:hover {
  background-color: #0e5bb7;
  border-color: #0e5bb7;
  color: white;
  text-decoration: none;
}
/*==== CONTACT ===========*/
body.contact-index-index .page-title-wrapper {
  margin: 0px;
}
body.contact-index-index .page-wrapper {
  background-image: url("../images/hero.jpg");
  background-repeat: no-repeat;
  background-position: right;
  background-size: cover;
}
@media (max-width: 767.98px) {
  body.contact-index-index .page-wrapper {
    background-position: top;
    background-size: 158%;
  }
  body.contact-index-index .page-wrapper .page-main {
    padding: 0px;
  }
}
@media (max-width: 767.98px) {
  body.contact-index-index .page-wrapper .page-main {
    background-image: url("../images/beach.jpg");
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100%;
  }
}
body.contact-index-index .page-wrapper .form.contact {
  background: white;
  margin: 60px auto;
  padding: 40px;
  border-radius: 31px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 12px;
  -moz-box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 12px;
  -webkit-box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 12px;
}
@media (max-width: 767.98px) {
  body.contact-index-index .page-wrapper .form.contact {
    margin-bottom: 100px;
  }
}
body.contact-index-index .page-wrapper .form.contact .action.submit.primary {
  font-family: 'Manrope';
  font-size: 1.5rem;
  text-transform: uppercase;
  font-weight: 400;
  border-radius: 20px;
  border: 1px solid white;
  letter-spacing: 1px;
  margin: auto;
  margin-top: 20px;
  padding: 10px 41px;
  display: inline-block;
  cursor: pointer;
  transition: background-color 0.5s, border-color 0.5s;
  border: 1px solid #1373e6;
  background-color: #1373e6;
  border-color: #1373e6;
  color: white;
}
body.contact-index-index .page-wrapper .form.contact .action.submit.primary.transparent {
  background-color: transparent;
  color: white;
}
body.contact-index-index .page-wrapper .form.contact .action.submit.primary.transparent:hover {
  background-color: white;
  color: black;
  text-decoration: none;
}
body.contact-index-index .page-wrapper .form.contact .action.submit.primary.white {
  background-color: white;
  color: black;
}
body.contact-index-index .page-wrapper .form.contact .action.submit.primary.white:hover {
  background-color: #1373e6;
  border-color: #1373e6;
  text-decoration: none;
  color: white;
}
body.contact-index-index .page-wrapper .form.contact .action.submit.primary.outline {
  background-color: white;
  color: black;
  border-color: #ccc;
}
body.contact-index-index .page-wrapper .form.contact .action.submit.primary.outline:hover {
  background-color: white;
  border-color: #1373e6;
  text-decoration: none;
}
body.contact-index-index .page-wrapper .form.contact .action.submit.primary.dark {
  border: 1px solid #1373e6;
  background-color: #1373e6;
  border-color: #1373e6;
  color: white;
}
body.contact-index-index .page-wrapper .form.contact .action.submit.primary.dark:hover {
  background-color: #0e5bb7;
  border-color: #0e5bb7;
  color: white;
  text-decoration: none;
}
body.contact-index-index .page-wrapper .form.contact .action.submit.primary.big {
  padding: 16px 40px;
  font-size: 1.8rem;
  border-radius: 40px;
}
body.contact-index-index .page-wrapper .form.contact .action.submit.primary.disable {
  background-color: white;
  color: #1373e6;
  border-color: #1373e6;
  pointer-events: none;
}
body.contact-index-index .page-wrapper .form.contact .action.submit.primary.disable:hover {
  background-color: white;
  color: #1373e6;
  border-color: #1373e6;
}
body.contact-index-index .page-wrapper .form.contact .action.submit.primary:hover {
  background-color: #0e5bb7;
  border-color: #0e5bb7;
  color: white;
  text-decoration: none;
}
/*+++ BOOK PRODUCT BOOK ****/
body.book-product-book .page-title-wrapper {
  margin: 0px;
}
body.book-product-book .book-form-title {
  font-family: 'PPHatton';
  font-size: 3.2rem;
  line-height: 3rem;
  font-weight: 300;
  color: black;
  margin-top: 30px;
  margin-bottom: 20px;
  position: relative;
}
body.book-product-book .page-wrapper {
  background-image: url("../images/hero.jpg");
  background-repeat: no-repeat;
  background-position: top;
  background-size: 100% !important;
}
@media (max-width: 767.98px) {
  body.book-product-book .page-wrapper {
    background-position: top;
    background-size: 158%;
  }
  body.book-product-book .page-wrapper .page-main {
    padding: 0px;
  }
}
body.book-product-book .columns {
  background: white;
  margin: 60px auto;
  padding: 40px;
  border-radius: 31px;
}
@media (max-width: 767.98px) {
  body.book-product-book .columns {
    margin-bottom: 100px;
    padding: 20px;
  }
}
body.book-product-book .route-option .icon-world {
  content: '';
  background-color: currentColor;
  -webkit-mask: url('data:image/svg+xml,<svg class="w-6 h-6 text-gray-800 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 21 20"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6.487 1.746c0 4.192 3.592 1.66 4.592 5.754 0 .828 1 1.5 2 1.5s2-.672 2-1.5a1.5 1.5 0 0 1 1.5-1.5h1.5m-16.02.471c4.02 2.248 1.776 4.216 4.878 5.645C10.18 13.61 9 19 9 19m9.366-6h-2.287a3 3 0 0 0-3 3v2m6-8a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/></svg>') no-repeat 50% 50%;
  -webkit-mask-size: 1.5rem 1.5rem;
  width: 15px;
  margin-right: 5px;
  vertical-align: middle;
  color: #1373e6;
}
body.book-product-book .card-date .icon-calendar {
  content: '';
  background-color: currentColor;
  -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" /></svg>') no-repeat 50% 50%;
  -webkit-mask-size: 1.5rem 1.5rem;
  width: 15px;
  margin-right: 5px;
  vertical-align: middle;
  color: #1373e6;
}
body.book-product-book .booknow-grid {
  gap: 20px;
  margin-bottom: 60px;
  grid-template-columns: 1fr 1fr 1fr;
}
@media (max-width: 767.98px) {
  body.book-product-book .booknow-grid {
    grid-template-columns: 1fr;
  }
}
body.book-product-book .booknow-grid .booknow-option {
  display: flex;
  align-items: center;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 12px;
  -moz-box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 12px;
  -webkit-box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 12px;
  padding: 20px;
  border-radius: 30px;
  cursor: pointer;
}
body.book-product-book .booknow-grid .booknow-option.selected,
body.book-product-book .booknow-grid .booknow-option:hover {
  background-color: #1373e6;
  color: white;
}
body.book-product-book .booknow-grid .booknow-option.selected i,
body.book-product-book .booknow-grid .booknow-option:hover i {
  color: white;
}
body.book-product-book .booknow-grid .card-type {
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 12px;
  -moz-box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 12px;
  -webkit-box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 12px;
  border-radius: 30px;
  cursor: pointer;
  overflow: hidden;
}
body.book-product-book .booknow-grid .card-type .card-type-wrapper {
  padding: 20px;
  flex-direction: column;
  display: flex;
  align-items: center;
}
body.book-product-book .booknow-grid .card-type .image {
  width: 100%;
  margin-bottom: 0px;
  background-size: cover;
}
body.book-product-book .booknow-grid .card-type .image:before {
  content: '';
  display: block;
  width: 100%;
  padding-bottom: 50%;
}
body.book-product-book .booknow-grid .card-type .title {
  font-family: 'PPHatton';
  font-size: 2.2rem;
  line-height: 2.4rem;
  font-weight: 300;
  width: 100%;
  margin-bottom: 15px;
}
body.book-product-book .booknow-grid .card-type .yacht-info-grid {
  display: grid;
  text-align: left;
  gap: 5px;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  margin-bottom: 20px;
}
body.book-product-book .booknow-grid .card-type .yacht-info-grid .fullcol {
  grid-column: 1 / -1;
}
body.book-product-book .booknow-grid .card-type .yacht-info-grid .yacht-value {
  margin-bottom: 20px;
}
body.book-product-book .booknow-grid .card-type .yacht-info-grid .tright {
  text-align: right;
  font-size: 3rem;
}
body.book-product-book .booknow-grid .card-type .yacht-info-grid .price-value {
  font-weight: 600;
}
body.book-product-book .booknow-grid .card-type .addtocart-form {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 0px;
  margin-top: auto;
  border-top: 1px solid #ccc;
  padding-top: 20px;
}
body.book-product-book .booknow-grid .card-type .addtocart-form .reserve-title {
  text-align: center;
  font-weight: bold;
  font-family: 'PPHatton';
  font-weight: 300;
  font-size: 20px;
}
body.book-product-book .booknow-grid .card-type .addtocart-form .reserve-subtitle {
  margin-top: 5px;
  text-align: center;
}
body.book-product-book .booknow-grid .card-type .pill-button {
  width: 100%;
}
body.book-product-book .booknow-grid .card-type .label-extras {
  margin-top: 15px;
  display: inline-block;
}
body.book-product-book .booknow-grid .card-type .field.choice {
  margin-top: 0px;
  margin-bottom: 10px;
}
body.book-product-book .yacht-model {
  display: grid;
  grid-template-columns: 1fr 2fr;
}
/* SWIPERS GENERAL*/
:root {
  --swiper-pagination-bottom: 0px;
  --swiper-navigation-size: 15px;
  --swiper-navigation-sides-offset: 0px;
}
.swiper {
  padding-bottom: 25px;
}
.swiper-button-next,
.swiper-button-prev {
  width: 60px;
  height: 60px;
  background: white;
  border-radius: 60px;
  line-height: 60px;
  text-align: center;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 12px;
  -moz-box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 12px;
  -webkit-box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 12px;
}
.swiper-button-next .swiper-button-next::after,
.swiper-button-prev .swiper-button-next::after {
  margin-left: 6px;
  color: black;
}
.swiper-button-next .swiper-button-prev::after,
.swiper-button-prev .swiper-button-prev::after {
  margin-right: 6px;
  color: black;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  display: none !important;
}
/* ====== DATA QUANTITY ========*/
[data-quantity] {
  position: relative;
  width: 100%;
  padding: 0;
  margin-top: 10px;
  margin-bottom: 14px;
  border: 0;
}
[data-quantity] legend {
  display: none;
}
[data-quantity] input {
  font-size: 18px;
  height: 4rem;
  padding: 0 4rem;
  border-radius: 2rem;
  background: #fff;
  color: #222;
  text-align: center;
  width: 100%;
  box-sizing: border-box;
  font-weight: lighter;
  border: 1px solid #ccc;
}
[data-quantity] input:focus {
  outline: none;
  box-shadow: 0 5px 55px -10px rgba(0, 0, 0, 0.2), 0 0 4px #3fb0ff;
  /* Allows border radius on focus */
}
[data-quantity] input[type=number]::-webkit-inner-spin-button,
[data-quantity] input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
[data-quantity] input[type=number] {
  -moz-appearance: textfield;
}
[data-quantity] button {
  position: absolute;
  width: 2.8rem;
  height: 2.8rem;
  top: 0.6rem;
  display: block;
  padding: 0;
  margin: 0;
  border: 0;
  background: #ffffff url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="50"><path d="M17 25h16M67 25h16M75 17v16" fill="none" stroke="rgb(59,69,66)" stroke-width="1.5px" stroke-linecap="round" stroke-linejoin="round" /></svg>') no-repeat 0 0;
  background-size: 5.6rem 2.8rem;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  border-radius: 1.4rem;
  cursor: pointer;
  transition: opacity 0.15s;
  opacity: 1;
  z-index: 1;
}
[data-quantity] button:active {
  background-position-y: 1px;
  box-shadow: inset 0 2px 12px -4px #c5d1d9;
}
[data-quantity] button:focus {
  outline: none;
}
[data-quantity] button:hover {
  opacity: 1;
}
[data-quantity] button.sub {
  left: 0.6rem;
}
[data-quantity] button.add {
  right: 0.6rem;
  background-position-x: -2.8rem;
}
/* NEW ICONS*/
.icon-calendar {
  content: '';
  background-color: currentColor;
  -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" /></svg>') no-repeat 50% 50%;
  -webkit-mask-size: 1.5rem 1.5rem;
  width: 15px;
  margin-right: 5px;
  vertical-align: middle;
  color: #1373e6;
}
.icon-play {
  content: '';
  background-color: currentColor;
  -webkit-mask: url('data:image/svg+xml,<svg viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg" > <path fill-rule="evenodd" clip-rule="evenodd" d="M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21ZM12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23Z" fill="currentColor" /> <path d="M16 12L10 16.3301V7.66987L16 12Z" fill="currentColor" /></svg>') no-repeat 50% 50%;
  -webkit-mask-size: 30px 30px;
  width: 30px;
  margin-right: 30px;
  vertical-align: middle;
  color: #1373e6;
}
.icon-bed {
  content: '';
  background-color: currentColor;
  -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24" viewBox="0 0 24 24" width="24"><g><path d="M0,0h24v24H0V0z" fill="none"/></g><g><path d="M21,10.78V8c0-1.65-1.35-3-3-3h-4c-0.77,0-1.47,0.3-2,0.78C11.47,5.3,10.77,5,10,5H6C4.35,5,3,6.35,3,8v2.78 C2.39,11.33,2,12.12,2,13v6h2v-2h16v2h2v-6C22,12.12,21.61,11.33,21,10.78z M14,7h4c0.55,0,1,0.45,1,1v2h-6V8C13,7.45,13.45,7,14,7 z M5,8c0-0.55,0.45-1,1-1h4c0.55,0,1,0.45,1,1v2H5V8z M4,15v-2c0-0.55,0.45-1,1-1h14c0.55,0,1,0.45,1,1v2H4z"/></g></svg>') no-repeat 50% 50%;
  -webkit-mask-size: 1.75rem 1.75rem;
  width: 15px;
  margin-right: 3px;
  vertical-align: middle;
  color: black;
}
.icon-shower {
  content: '';
  background-color: currentColor;
  -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24" viewBox="0 0 24 24" width="24"><g><path d="M0,0h24v24H0V0z" fill="none"/></g><g><circle cx="8" cy="17" r="1"/><circle cx="12" cy="17" r="1"/><circle cx="16" cy="17" r="1"/><path d="M13,5.08V3h-2v2.08C7.61,5.57,5,8.47,5,12v2h14v-2C19,8.47,16.39,5.57,13,5.08z"/><circle cx="8" cy="20" r="1"/><circle cx="12" cy="20" r="1"/><circle cx="16" cy="20" r="1"/></g></svg>') no-repeat 50% 50%;
  -webkit-mask-size: 1.75rem 1.75rem;
  width: 17px;
  margin-right: 3px;
  vertical-align: middle;
  color: black;
}
.icon-passengers {
  content: '';
  background-color: currentColor;
  -webkit-mask: url('data:image/svg+xml,<svg class="w-6 h-6 text-gray-800 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.333 6.764a3 3 0 1 1 3.141-5.023M2.5 16H1v-2a4 4 0 0 1 4-4m7.379-8.121a3 3 0 1 1 2.976 5M15 10a4 4 0 0 1 4 4v2h-1.761M13 7a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm-4 6h2a4 4 0 0 1 4 4v2H5v-2a4 4 0 0 1 4-4Z"/></svg>') no-repeat 50% 50%;
  -webkit-mask-size: 1.5rem 1.5rem;
  width: 15px;
  margin-right: 3px;
  vertical-align: middle;
  color: black;
}
.icon-year {
  content: '';
  background-color: currentColor;
  -webkit-mask: url('data:image/svg+xml,<svg class="w-6 h-6 text-gray-800 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20"><path stroke="currentColor" stroke-linejoin="round" stroke-width="2" d="M10 6v4l3.276 3.276M19 10a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/></svg>') no-repeat 50% 50%;
  -webkit-mask-size: 1.5rem 1.5rem;
  width: 15px;
  margin-right: 3px;
  vertical-align: middle;
  color: black;
}
.icon-ac {
  content: '';
  background-color: currentColor;
  -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M22 11h-4.17l3.24-3.24-1.41-1.42L15 11h-2V9l4.66-4.66-1.42-1.41L13 6.17V2h-2v4.17L7.76 2.93 6.34 4.34 11 9v2H9L4.34 6.34 2.93 7.76 6.17 11H2v2h4.17l-3.24 3.24 1.41 1.42L9 13h2v2l-4.66 4.66 1.42 1.41L11 17.83V22h2v-4.17l3.24 3.24 1.42-1.41L13 15v-2h2l4.66 4.66 1.41-1.42L17.83 13H22z"/></svg>') no-repeat 50% 50%;
  -webkit-mask-size: 1.5rem 1.5rem;
  width: 15px;
  margin-right: 3px;
  vertical-align: middle;
  color: black;
}
.icon-width {
  content: '';
  background-color: currentColor;
  -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-arrow-autofit-width" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 12v-6a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v6" /><path d="M10 18h-7" /><path d="M21 18h-7" /><path d="M6 15l-3 3l3 3" /><path d="M18 15l3 3l-3 3" /></svg>') no-repeat 50% 50%;
  -webkit-mask-size: 1.5rem 1.5rem;
  width: 15px;
  margin-right: 3px;
  vertical-align: middle;
  color: black;
}
/*=== HOMEPAGE CLOUDS ======*/
.clouds-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 6;
}
.cloud,
.nube {
  position: absolute;
}
.cloud01 {
  -webkit-animation: animateCloud 160s linear infinite ;
  -moz-animation: animateCloud 160s linear infinite ;
  animation: animateCloud 160s linear infinite ;
}
.cloud02 {
  left: -10%;
  -webkit-animation: animateCloud 120s linear infinite, sideWays 4s ease-in-out;
  -moz-animation: animateCloud 120s linear infinite, sideWays 4s ease-in-out;
  animation: animateCloud 120s linear infinite, sideWays 4s ease-in-out;
  top: 300px;
}
.cloud03 {
  left: 50%;
  -webkit-animation: animateCloud 180s linear infinite ;
  -moz-animation: animateCloud 180s linear infinite ;
  animation: animateCloud 180s linear infinite ;
  top: 500px;
}
.cloud04 {
  left: -20%;
  -webkit-animation: animateCloud 190s linear infinite ;
  -moz-animation: animateCloud 190s linear infinite ;
  animation: animateCloud 190s linear infinite ;
  top: 1200px;
}
.cloud05 {
  left: 60%;
  -webkit-animation: animateCloud 120s linear infinite, sideWays 4s ease-in-out infinite;
  -moz-animation: animateCloud 120s linear infinite, sideWays 4s ease-in-out infinite;
  animation: animateCloud 120s linear infinite, sideWays 4s ease-in-out infinite;
  top: 810px;
}
.cloud06 {
  left: 30%;
  -webkit-animation: animateCloud 180s linear infinite ;
  -moz-animation: animateCloud 180s linear infinite ;
  animation: animateCloud 180s linear infinite ;
  top: 900px;
}
/* KEYFRAMES */
@-webkit-keyframes animateCloud {
  0% {
    margin-left: 0;
  }
  100% {
    margin-left: 100%;
  }
}
@-moz-keyframes animateCloud {
  0% {
    margin-left: 0;
  }
  100% {
    margin-left: 100%;
  }
}
@keyframes animateCloud {
  0% {
    margin-left: 0;
  }
  100% {
    margin-left: 100%;
  }
}
/* FLOTILLA ANIMATION */
.boats {
  -webkit-animation: animateBoat 560s linear infinite ;
  -moz-animation: animateBoat 560s linear infinite ;
  animation: animateBoat 560s linear infinite ;
}
@-webkit-keyframes animateBoat {
  0% {
    margin-left: -10%;
  }
  100% {
    margin-left: 100%;
  }
}
@-moz-keyframes animateBoat {
  0% {
    margin-left: -10%;
  }
  100% {
    margin-left: 100%;
  }
}
@keyframes animateBoat {
  0% {
    margin-left: -10%;
  }
  100% {
    margin-left: 100%;
  }
}
/*+++ BOOK PRODUCT CHECKOUT PAYMENT ****/
body.checkout-index-index .page-title-wrapper {
  margin: 0px;
}
body.checkout-index-index .control .note {
  font-size: 1.3rem;
}
body.checkout-index-index .checkout-notice {
  padding: 20px 0px 30px;
  line-height: 1.5;
  font-size: 16px;
}
body.checkout-index-index .page-wrapper {
  background-image: url("../images/hero.jpg");
  background-repeat: no-repeat;
  background-position: top;
  background-size: 100%;
}
body.checkout-index-index .page-wrapper .opc > li {
  padding: 15px 0px;
}
@media (max-width: 767.98px) {
  body.checkout-index-index .page-wrapper {
    background-position: top;
    background-size: 158%;
  }
  body.checkout-index-index .page-wrapper .page-main {
    padding: 0px;
  }
  body.checkout-index-index .page-wrapper .opc > li {
    padding: 0px;
  }
}
@media (max-width: 767.98px) {
  body.checkout-index-index .page-wrapper .page-main {
    background-image: url("../images/beach.jpg");
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100%;
  }
}
body.checkout-index-index dl dd + dt {
  margin-top: 0px;
}
body.checkout-index-index dl.item-options {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 5px;
  align-items: center;
}
body.checkout-index-index .minicart-items .product-image-wrapper img {
  max-width: 50px;
  border-radius: 3px;
}
body.checkout-index-index .columns {
  background: white;
  margin: 60px auto;
  padding: 40px;
  border-radius: 31px;
}
@media (max-width: 767.98px) {
  body.checkout-index-index .columns {
    margin-bottom: 100px;
    padding: 20px;
  }
}
body.checkout-index-index .page-main > .columns {
  grid-template-areas: "title" "main" "sidebar" "additional";
}
body.checkout-index-index .page-main > .columns > .main .checkout-container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
body.checkout-index-index .page-main > .columns > .main .checkout-container .opc-wrapper {
  flex-basis: calc(70% - 30px);
  order: 1;
  padding-right: 30px;
}
@media (max-width: 767.98px) {
  body.checkout-index-index .page-main > .columns > .main .checkout-container .opc-wrapper {
    order: 3;
    padding-right: 0px;
    flex-basis: 100%;
  }
}
body.checkout-index-index .page-main > .columns > .main .checkout-container #opc-sidebar {
  flex-basis: 30%;
  order: 2;
}
@media (max-width: 767.98px) {
  body.checkout-index-index .page-main > .columns > .main .checkout-container #opc-sidebar {
    flex-basis: 100%;
  }
}
body.checkout-index-index .page-main > .columns > .main .checkout-container #opc-sidebar .table-totals {
  border-top: 1px solid #ccc;
}
body.checkout-index-index .page-main > .columns > .main .checkout-container #opc-sidebar .table-totals tr.totals.sub th,
body.checkout-index-index .page-main > .columns > .main .checkout-container #opc-sidebar .table-totals tr.totals.sub td {
  padding-top: 10px;
}
body.checkout-index-index .page-title-wrapper {
  grid-area: title;
  margin-bottom: 20px;
}
body.checkout-index-index .page-title-wrapper h1 span {
  font-size: 4rem;
  font-family: 'PPHatton';
  font-weight: 300;
  color: black;
}
body.checkout-index-index .payment-method:not(:last-child) {
  border-bottom: 1px solid #e7e7e7;
  padding-bottom: 5px;
}
body.checkout-index-index .payment-method-content .action.checkout {
  font-family: 'Manrope';
  font-size: 1.5rem;
  text-transform: uppercase;
  font-weight: 400;
  border-radius: 20px;
  border: 1px solid white;
  letter-spacing: 1px;
  margin: auto;
  margin-top: 20px;
  padding: 10px 41px;
  display: inline-block;
  cursor: pointer;
  transition: background-color 0.5s, border-color 0.5s;
  border: 1px solid #1373e6;
  color: white;
  padding: 16px 40px;
  font-size: 1.8rem;
  border-radius: 40px;
  background-color: #1373e6;
  border-color: #1373e6;
  margin-top: 0px;
  margin-right: 0px;
}
body.checkout-index-index .payment-method-content .action.checkout.transparent {
  background-color: transparent;
  color: white;
}
body.checkout-index-index .payment-method-content .action.checkout.transparent:hover {
  background-color: white;
  color: black;
  text-decoration: none;
}
body.checkout-index-index .payment-method-content .action.checkout.white {
  background-color: white;
  color: black;
}
body.checkout-index-index .payment-method-content .action.checkout.white:hover {
  background-color: #1373e6;
  border-color: #1373e6;
  text-decoration: none;
  color: white;
}
body.checkout-index-index .payment-method-content .action.checkout.outline {
  background-color: white;
  color: black;
  border-color: #ccc;
}
body.checkout-index-index .payment-method-content .action.checkout.outline:hover {
  background-color: white;
  border-color: #1373e6;
  text-decoration: none;
}
body.checkout-index-index .payment-method-content .action.checkout.dark {
  border: 1px solid #1373e6;
  background-color: #1373e6;
  border-color: #1373e6;
  color: white;
}
body.checkout-index-index .payment-method-content .action.checkout.dark:hover {
  background-color: #0e5bb7;
  border-color: #0e5bb7;
  color: white;
  text-decoration: none;
}
body.checkout-index-index .payment-method-content .action.checkout.big {
  padding: 16px 40px;
  font-size: 1.8rem;
  border-radius: 40px;
}
body.checkout-index-index .payment-method-content .action.checkout.disable {
  background-color: white;
  color: #1373e6;
  border-color: #1373e6;
  pointer-events: none;
}
body.checkout-index-index .payment-method-content .action.checkout.disable:hover {
  background-color: white;
  color: #1373e6;
  border-color: #1373e6;
}
body.checkout-index-index .payment-method-content .action.checkout:hover {
  background-color: #0e5bb7;
  border-color: #0e5bb7;
  color: white;
  text-decoration: none;
}
body.checkout-index-index .payment-method-content .action.checkout span {
  font-weight: bold;
  letter-spacing: 1px;
}
body.checkout-index-index #payment_form_payflowpro {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
body.checkout-index-index #payment_form_payflowpro .field.type {
  flex-basis: 100%;
}
body.checkout-index-index #payment_form_payflowpro .field.number {
  flex-basis: 100%;
}
body.checkout-index-index #payment_form_payflowpro .field.number input[name="payment[cc_number]"] {
  width: 100%;
}
body.checkout-index-index #payment_form_payflowpro .field.date {
  flex-basis: auto;
}
body.checkout-index-index #payment_form_payflowpro .field.date .select-month {
  height: 42px;
}
body.checkout-index-index #payment_form_payflowpro .field.date .select-year {
  height: 42px;
}
body.checkout-index-index #payment_form_payflowpro .field.date > .control {
  margin-top: 0.8rem;
}
body.checkout-index-index #payment_form_payflowpro .field.cvv {
  flex-basis: calc(50% - 5px);
}
body.checkout-index-index .authentication-wrapper {
  display: none;
}
body.checkout-index-index .opc-progress-bar {
  display: none;
}
body.checkout-index-index .opc-estimated-wrapper {
  display: none;
}
body.checkout-index-index .field-select-billing > label {
  display: none !important;
}
body.checkout-index-index #co-payment-form > fieldset.fieldset {
  display: flex;
  flex-direction: column;
}
body.checkout-index-index #co-payment-form > fieldset.fieldset .checkout-billing-address {
  order: 2;
}
body.checkout-index-index #co-payment-form > fieldset.fieldset .opc-payment {
  order: 3;
}
body.checkout-index-index #co-payment-form hr {
  display: none;
}
body.checkout-index-index #co-payment-form > .fieldset > .legend {
  display: none;
}
body.checkout-index-index #co-payment-form .legend {
  padding-bottom: 10px;
}
body.checkout-index-index #co-payment-form .payment-method-content {
  padding: 20px;
  border: 1px solid #ccc;
  border-radius: 20px;
}
body.checkout-index-index #co-payment-form .checkout-billing-address {
  border-bottom: 1px solid #ccc;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
body.checkout-index-index #co-payment-form .checkout-billing-address > label.label {
  font-weight: bold;
  padding-bottom: 5px;
  margin-bottom: 5px;
  display: inline-block;
}
body.checkout-index-index #co-payment-form .payment-method._active.payment-method-content {
  padding: 20px;
  display: block;
  border: 1px solid #ccc;
  border-radius: 20px;
}
body.checkout-index-index #co-payment-form .payment-method._active.payment-method-content .action.primary.checkout {
  font-family: 'Manrope';
  font-size: 1.5rem;
  text-transform: uppercase;
  font-weight: 400;
  border-radius: 20px;
  border: 1px solid white;
  letter-spacing: 1px;
  margin: auto;
  margin-top: 20px;
  padding: 10px 41px;
  display: inline-block;
  cursor: pointer;
  transition: background-color 0.5s, border-color 0.5s;
  padding: 16px 40px;
  font-size: 1.8rem;
  border-radius: 40px;
  margin-left: auto;
  margin-right: 0px;
}
body.checkout-index-index #co-payment-form .payment-method._active.payment-method-content .action.primary.checkout.transparent {
  background-color: transparent;
  color: white;
}
body.checkout-index-index #co-payment-form .payment-method._active.payment-method-content .action.primary.checkout.transparent:hover {
  background-color: white;
  color: black;
  text-decoration: none;
}
body.checkout-index-index #co-payment-form .payment-method._active.payment-method-content .action.primary.checkout.white {
  background-color: white;
  color: black;
}
body.checkout-index-index #co-payment-form .payment-method._active.payment-method-content .action.primary.checkout.white:hover {
  background-color: #1373e6;
  border-color: #1373e6;
  text-decoration: none;
  color: white;
}
body.checkout-index-index #co-payment-form .payment-method._active.payment-method-content .action.primary.checkout.outline {
  background-color: white;
  color: black;
  border-color: #ccc;
}
body.checkout-index-index #co-payment-form .payment-method._active.payment-method-content .action.primary.checkout.outline:hover {
  background-color: white;
  border-color: #1373e6;
  text-decoration: none;
}
body.checkout-index-index #co-payment-form .payment-method._active.payment-method-content .action.primary.checkout.dark {
  border: 1px solid #1373e6;
  background-color: #1373e6;
  border-color: #1373e6;
  color: white;
}
body.checkout-index-index #co-payment-form .payment-method._active.payment-method-content .action.primary.checkout.dark:hover {
  background-color: #0e5bb7;
  border-color: #0e5bb7;
  color: white;
  text-decoration: none;
}
body.checkout-index-index #co-payment-form .payment-method._active.payment-method-content .action.primary.checkout.big {
  padding: 16px 40px;
  font-size: 1.8rem;
  border-radius: 40px;
}
body.checkout-index-index #co-payment-form .payment-method._active.payment-method-content .action.primary.checkout.disable {
  background-color: white;
  color: #1373e6;
  border-color: #1373e6;
  pointer-events: none;
}
body.checkout-index-index #co-payment-form .payment-method._active.payment-method-content .action.primary.checkout.disable:hover {
  background-color: white;
  color: #1373e6;
  border-color: #1373e6;
}
body.checkout-index-index #co-payment-form .discount-code {
  order: 4;
  padding: 20px;
  border: 1px solid #ccc;
  border-radius: 20px;
  margin-bottom: 20px;
  margin-top: 30px;
}
body.checkout-index-index #co-payment-form .discount-code .field.choice {
  margin-top: 0px;
  display: flex;
  justify-content: space-between;
}
body.checkout-index-index #co-payment-form .discount-code .form-discount {
  align-items: center;
  gap: 0.5rem;
  justify-content: space-between;
}
body.checkout-index-index #co-payment-form .discount-code .payment-option-inner {
  width: 100%;
}
body.checkout-index-index #co-payment-form .discount-code .payment-option-inner .input-text {
  width: 100%;
}
body.checkout-index-index #co-payment-form .discount-code .actions-toolbar .action {
  height: 40px;
}
body.checkout-index-index #co-payment-form .field.field-select-billing label {
  font-weight: 600;
}
body.checkout-index-index #co-payment-form .payment-group .step-title {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ccc;
  font-weight: bold;
  margin-top: 25px;
}
body.checkout-index-index #co-payment-form .action.action-update {
  font-family: 'Manrope';
  font-size: 1.5rem;
  text-transform: uppercase;
  font-weight: 400;
  border-radius: 20px;
  border: 1px solid white;
  letter-spacing: 1px;
  margin: auto;
  margin-top: 20px;
  padding: 10px 41px;
  display: inline-block;
  cursor: pointer;
  transition: background-color 0.5s, border-color 0.5s;
  background-color: white;
  color: black;
  border-color: #ccc;
  margin-left: auto;
  margin-right: 0px;
}
body.checkout-index-index #co-payment-form .action.action-update.transparent {
  background-color: transparent;
  color: white;
}
body.checkout-index-index #co-payment-form .action.action-update.transparent:hover {
  background-color: white;
  color: black;
  text-decoration: none;
}
body.checkout-index-index #co-payment-form .action.action-update.white {
  background-color: white;
  color: black;
}
body.checkout-index-index #co-payment-form .action.action-update.white:hover {
  background-color: #1373e6;
  border-color: #1373e6;
  text-decoration: none;
  color: white;
}
body.checkout-index-index #co-payment-form .action.action-update.outline {
  background-color: white;
  color: black;
  border-color: #ccc;
}
body.checkout-index-index #co-payment-form .action.action-update.outline:hover {
  background-color: white;
  border-color: #1373e6;
  text-decoration: none;
}
body.checkout-index-index #co-payment-form .action.action-update.dark {
  border: 1px solid #1373e6;
  background-color: #1373e6;
  border-color: #1373e6;
  color: white;
}
body.checkout-index-index #co-payment-form .action.action-update.dark:hover {
  background-color: #0e5bb7;
  border-color: #0e5bb7;
  color: white;
  text-decoration: none;
}
body.checkout-index-index #co-payment-form .action.action-update.big {
  padding: 16px 40px;
  font-size: 1.8rem;
  border-radius: 40px;
}
body.checkout-index-index #co-payment-form .action.action-update.disable {
  background-color: white;
  color: #1373e6;
  border-color: #1373e6;
  pointer-events: none;
}
body.checkout-index-index #co-payment-form .action.action-update.disable:hover {
  background-color: white;
  color: #1373e6;
  border-color: #1373e6;
}
body.checkout-index-index #co-payment-form .action.action-update:hover {
  background-color: white;
  border-color: #1373e6;
  text-decoration: none;
}
body.checkout-index-index #co-payment-form .action.action-cancel {
  font-family: 'Manrope';
  font-size: 1.5rem;
  text-transform: uppercase;
  font-weight: 400;
  border-radius: 20px;
  border: 1px solid white;
  letter-spacing: 1px;
  margin: auto;
  margin-top: 20px;
  padding: 10px 41px;
  display: inline-block;
  cursor: pointer;
  transition: background-color 0.5s, border-color 0.5s;
  background-color: white;
  color: black;
  border-color: #ccc;
  margin-left: auto;
  margin-right: 0px;
  margin-left: 10px;
}
body.checkout-index-index #co-payment-form .action.action-cancel.transparent {
  background-color: transparent;
  color: white;
}
body.checkout-index-index #co-payment-form .action.action-cancel.transparent:hover {
  background-color: white;
  color: black;
  text-decoration: none;
}
body.checkout-index-index #co-payment-form .action.action-cancel.white {
  background-color: white;
  color: black;
}
body.checkout-index-index #co-payment-form .action.action-cancel.white:hover {
  background-color: #1373e6;
  border-color: #1373e6;
  text-decoration: none;
  color: white;
}
body.checkout-index-index #co-payment-form .action.action-cancel.outline {
  background-color: white;
  color: black;
  border-color: #ccc;
}
body.checkout-index-index #co-payment-form .action.action-cancel.outline:hover {
  background-color: white;
  border-color: #1373e6;
  text-decoration: none;
}
body.checkout-index-index #co-payment-form .action.action-cancel.dark {
  border: 1px solid #1373e6;
  background-color: #1373e6;
  border-color: #1373e6;
  color: white;
}
body.checkout-index-index #co-payment-form .action.action-cancel.dark:hover {
  background-color: #0e5bb7;
  border-color: #0e5bb7;
  color: white;
  text-decoration: none;
}
body.checkout-index-index #co-payment-form .action.action-cancel.big {
  padding: 16px 40px;
  font-size: 1.8rem;
  border-radius: 40px;
}
body.checkout-index-index #co-payment-form .action.action-cancel.disable {
  background-color: white;
  color: #1373e6;
  border-color: #1373e6;
  pointer-events: none;
}
body.checkout-index-index #co-payment-form .action.action-cancel.disable:hover {
  background-color: white;
  color: #1373e6;
  border-color: #1373e6;
}
body.checkout-index-index #co-payment-form .action.action-cancel:hover {
  background-color: white;
  border-color: #1373e6;
  text-decoration: none;
}
body.checkout-index-index #co-payment-form .action.action-edit-address {
  font-family: 'Manrope';
  font-size: 1.5rem;
  text-transform: uppercase;
  font-weight: 400;
  border-radius: 20px;
  border: 1px solid white;
  letter-spacing: 1px;
  margin: auto;
  margin-top: 20px;
  padding: 10px 41px;
  display: inline-block;
  cursor: pointer;
  transition: background-color 0.5s, border-color 0.5s;
  background-color: white;
  color: black;
  border-color: #ccc;
  margin-left: auto;
  margin-right: 0px;
}
body.checkout-index-index #co-payment-form .action.action-edit-address.transparent {
  background-color: transparent;
  color: white;
}
body.checkout-index-index #co-payment-form .action.action-edit-address.transparent:hover {
  background-color: white;
  color: black;
  text-decoration: none;
}
body.checkout-index-index #co-payment-form .action.action-edit-address.white {
  background-color: white;
  color: black;
}
body.checkout-index-index #co-payment-form .action.action-edit-address.white:hover {
  background-color: #1373e6;
  border-color: #1373e6;
  text-decoration: none;
  color: white;
}
body.checkout-index-index #co-payment-form .action.action-edit-address.outline {
  background-color: white;
  color: black;
  border-color: #ccc;
}
body.checkout-index-index #co-payment-form .action.action-edit-address.outline:hover {
  background-color: white;
  border-color: #1373e6;
  text-decoration: none;
}
body.checkout-index-index #co-payment-form .action.action-edit-address.dark {
  border: 1px solid #1373e6;
  background-color: #1373e6;
  border-color: #1373e6;
  color: white;
}
body.checkout-index-index #co-payment-form .action.action-edit-address.dark:hover {
  background-color: #0e5bb7;
  border-color: #0e5bb7;
  color: white;
  text-decoration: none;
}
body.checkout-index-index #co-payment-form .action.action-edit-address.big {
  padding: 16px 40px;
  font-size: 1.8rem;
  border-radius: 40px;
}
body.checkout-index-index #co-payment-form .action.action-edit-address.disable {
  background-color: white;
  color: #1373e6;
  border-color: #1373e6;
  pointer-events: none;
}
body.checkout-index-index #co-payment-form .action.action-edit-address.disable:hover {
  background-color: white;
  color: #1373e6;
  border-color: #1373e6;
}
body.checkout-index-index #co-payment-form .action.action-edit-address:hover {
  background-color: white;
  border-color: #1373e6;
  text-decoration: none;
}
body.checkout-index-index #co-payment-form .fieldset.address {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: baseline;
}
body.checkout-index-index #co-payment-form .fieldset.address .field {
  flex-basis: 100%;
}
body.checkout-index-index #co-payment-form .fieldset.address .field[name="billingAddressshared.firstname"],
body.checkout-index-index #co-payment-form .fieldset.address .field[name="billingAddresspayflowpro.firstname"] {
  margin-right: 1%;
  flex-basis: 49%;
}
@media (max-width: 767.98px) {
  body.checkout-index-index #co-payment-form .fieldset.address .field[name="billingAddressshared.firstname"],
  body.checkout-index-index #co-payment-form .fieldset.address .field[name="billingAddresspayflowpro.firstname"] {
    margin-right: 0;
    flex-basis: 100%;
  }
}
body.checkout-index-index #co-payment-form .fieldset.address .field[name="billingAddressshared.lastname"],
body.checkout-index-index #co-payment-form .fieldset.address .field[name="billingAddresspayflowpro.lastname"] {
  flex-basis: 50%;
}
@media (max-width: 767.98px) {
  body.checkout-index-index #co-payment-form .fieldset.address .field[name="billingAddressshared.lastname"],
  body.checkout-index-index #co-payment-form .fieldset.address .field[name="billingAddresspayflowpro.lastname"] {
    margin-right: 0;
    flex-basis: 100%;
  }
}
body.checkout-index-index #co-payment-form .fieldset.address .field[name="billingAddressshared.country_id"],
body.checkout-index-index #co-payment-form .fieldset.address .field[name="billingAddresspayflowpro.country_id"] {
  margin-right: 1%;
  flex-basis: 49%;
}
@media (max-width: 767.98px) {
  body.checkout-index-index #co-payment-form .fieldset.address .field[name="billingAddressshared.country_id"],
  body.checkout-index-index #co-payment-form .fieldset.address .field[name="billingAddresspayflowpro.country_id"] {
    margin-right: 0;
    flex-basis: 100%;
  }
}
body.checkout-index-index #co-payment-form .fieldset.address .field[name="billingAddressshared.region_id"],
body.checkout-index-index #co-payment-form .fieldset.address .field[name="billingAddresspayflowpro.region_id"] {
  flex-basis: 50%;
}
@media (max-width: 767.98px) {
  body.checkout-index-index #co-payment-form .fieldset.address .field[name="billingAddressshared.region_id"],
  body.checkout-index-index #co-payment-form .fieldset.address .field[name="billingAddresspayflowpro.region_id"] {
    margin-right: 0;
    flex-basis: 100%;
  }
}
body.checkout-index-index #co-payment-form .fieldset.address .field[name="billingAddressshared.city"],
body.checkout-index-index #co-payment-form .fieldset.address .field[name="billingAddresspayflowpro.city"] {
  margin-right: 1%;
  flex-basis: 49%;
}
@media (max-width: 767.98px) {
  body.checkout-index-index #co-payment-form .fieldset.address .field[name="billingAddressshared.city"],
  body.checkout-index-index #co-payment-form .fieldset.address .field[name="billingAddresspayflowpro.city"] {
    margin-right: 0;
    flex-basis: 100%;
  }
}
body.checkout-index-index #co-payment-form .fieldset.address .field[name="billingAddressshared.postcode"],
body.checkout-index-index #co-payment-form .fieldset.address .field[name="billingAddresspayflowpro.postcode"] {
  flex-basis: 50%;
}
@media (max-width: 767.98px) {
  body.checkout-index-index #co-payment-form .fieldset.address .field[name="billingAddressshared.postcode"],
  body.checkout-index-index #co-payment-form .fieldset.address .field[name="billingAddresspayflowpro.postcode"] {
    margin-right: 0;
    flex-basis: 100%;
  }
}
body.checkout-index-index .checkout-notice {
  line-height: 2.3rem;
  margin-top: 10px;
}
.customer-account-forgotpassword .form.password.forget {
  margin: 60px auto;
  padding: 40px;
  border-radius: 30px;
}
.customer-account-forgotpassword .form.password.forget .action.submit.primary {
  font-family: 'Manrope';
  font-size: 1.5rem;
  text-transform: uppercase;
  font-weight: 400;
  border-radius: 20px;
  border: 1px solid white;
  letter-spacing: 1px;
  margin: auto;
  margin-top: 20px;
  padding: 10px 41px;
  display: inline-block;
  cursor: pointer;
  transition: background-color 0.5s, border-color 0.5s;
  border: 1px solid #1373e6;
  background-color: #1373e6;
  border-color: #1373e6;
  color: white;
}
.customer-account-forgotpassword .form.password.forget .action.submit.primary.transparent {
  background-color: transparent;
  color: white;
}
.customer-account-forgotpassword .form.password.forget .action.submit.primary.transparent:hover {
  background-color: white;
  color: black;
  text-decoration: none;
}
.customer-account-forgotpassword .form.password.forget .action.submit.primary.white {
  background-color: white;
  color: black;
}
.customer-account-forgotpassword .form.password.forget .action.submit.primary.white:hover {
  background-color: #1373e6;
  border-color: #1373e6;
  text-decoration: none;
  color: white;
}
.customer-account-forgotpassword .form.password.forget .action.submit.primary.outline {
  background-color: white;
  color: black;
  border-color: #ccc;
}
.customer-account-forgotpassword .form.password.forget .action.submit.primary.outline:hover {
  background-color: white;
  border-color: #1373e6;
  text-decoration: none;
}
.customer-account-forgotpassword .form.password.forget .action.submit.primary.dark {
  border: 1px solid #1373e6;
  background-color: #1373e6;
  border-color: #1373e6;
  color: white;
}
.customer-account-forgotpassword .form.password.forget .action.submit.primary.dark:hover {
  background-color: #0e5bb7;
  border-color: #0e5bb7;
  color: white;
  text-decoration: none;
}
.customer-account-forgotpassword .form.password.forget .action.submit.primary.big {
  padding: 16px 40px;
  font-size: 1.8rem;
  border-radius: 40px;
}
.customer-account-forgotpassword .form.password.forget .action.submit.primary.disable {
  background-color: white;
  color: #1373e6;
  border-color: #1373e6;
  pointer-events: none;
}
.customer-account-forgotpassword .form.password.forget .action.submit.primary.disable:hover {
  background-color: white;
  color: #1373e6;
  border-color: #1373e6;
}
.customer-account-forgotpassword .form.password.forget .action.submit.primary:hover {
  background-color: #0e5bb7;
  border-color: #0e5bb7;
  color: white;
  text-decoration: none;
}
.checkout-onepage-success .page-wrapper {
  background-image: url("../images/hero.jpg");
  background-repeat: no-repeat;
  background-position: top;
  background-size: 100%;
}
@media (max-width: 767.98px) {
  .checkout-onepage-success .page-wrapper {
    background-position: top;
    background-size: 158%;
  }
  .checkout-onepage-success .page-wrapper .page-main {
    padding: 0px;
  }
}
@media (max-width: 767.98px) {
  .checkout-onepage-success .page-wrapper .page-main {
    background-image: url("../images/beach.jpg");
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100%;
  }
}
.checkout-onepage-success .columns {
  background: white;
  margin: 60px auto;
  padding: 40px;
  border-radius: 31px;
}
@media (max-width: 767.98px) {
  .checkout-onepage-success .columns {
    margin-bottom: 100px;
    padding: 20px;
  }
}
.checkout-onepage-success .columns .checkout-success,
.checkout-onepage-success .columns #registration {
  border: 0px;
  box-shadow: unset;
}
.checkout-onepage-success .columns .action.primary,
.checkout-onepage-success .columns .action.primary.continue {
  font-family: 'Manrope';
  font-size: 1.5rem;
  text-transform: uppercase;
  font-weight: 400;
  border-radius: 20px;
  border: 1px solid white;
  letter-spacing: 1px;
  margin: auto;
  margin-top: 20px;
  padding: 10px 41px;
  display: inline-block;
  cursor: pointer;
  transition: background-color 0.5s, border-color 0.5s;
  border: 1px solid #1373e6;
  background-color: #1373e6;
  border-color: #1373e6;
  color: white;
}
.checkout-onepage-success .columns .action.primary.transparent,
.checkout-onepage-success .columns .action.primary.continue.transparent {
  background-color: transparent;
  color: white;
}
.checkout-onepage-success .columns .action.primary.transparent:hover,
.checkout-onepage-success .columns .action.primary.continue.transparent:hover {
  background-color: white;
  color: black;
  text-decoration: none;
}
.checkout-onepage-success .columns .action.primary.white,
.checkout-onepage-success .columns .action.primary.continue.white {
  background-color: white;
  color: black;
}
.checkout-onepage-success .columns .action.primary.white:hover,
.checkout-onepage-success .columns .action.primary.continue.white:hover {
  background-color: #1373e6;
  border-color: #1373e6;
  text-decoration: none;
  color: white;
}
.checkout-onepage-success .columns .action.primary.outline,
.checkout-onepage-success .columns .action.primary.continue.outline {
  background-color: white;
  color: black;
  border-color: #ccc;
}
.checkout-onepage-success .columns .action.primary.outline:hover,
.checkout-onepage-success .columns .action.primary.continue.outline:hover {
  background-color: white;
  border-color: #1373e6;
  text-decoration: none;
}
.checkout-onepage-success .columns .action.primary.dark,
.checkout-onepage-success .columns .action.primary.continue.dark {
  border: 1px solid #1373e6;
  background-color: #1373e6;
  border-color: #1373e6;
  color: white;
}
.checkout-onepage-success .columns .action.primary.dark:hover,
.checkout-onepage-success .columns .action.primary.continue.dark:hover {
  background-color: #0e5bb7;
  border-color: #0e5bb7;
  color: white;
  text-decoration: none;
}
.checkout-onepage-success .columns .action.primary.big,
.checkout-onepage-success .columns .action.primary.continue.big {
  padding: 16px 40px;
  font-size: 1.8rem;
  border-radius: 40px;
}
.checkout-onepage-success .columns .action.primary.disable,
.checkout-onepage-success .columns .action.primary.continue.disable {
  background-color: white;
  color: #1373e6;
  border-color: #1373e6;
  pointer-events: none;
}
.checkout-onepage-success .columns .action.primary.disable:hover,
.checkout-onepage-success .columns .action.primary.continue.disable:hover {
  background-color: white;
  color: #1373e6;
  border-color: #1373e6;
}
.checkout-onepage-success .columns .action.primary:hover,
.checkout-onepage-success .columns .action.primary.continue:hover {
  background-color: #0e5bb7;
  border-color: #0e5bb7;
  color: white;
  text-decoration: none;
}
.faq-list .faq-item {
  border-bottom: 1px solid #ccc;
}
.faq-list .faq-item h3.faq-title {
  padding: 5px 0px 10px;
}
.faq-list .faq-item .faq-answer {
  padding-left: 5px;
}
.page-layout-about-us-layout {
  background-color: #d7edfe;
}
.page-layout-about-us-layout .about-us-image-hero {
  position: relative;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  justify-content: center;
  padding-top: 18%;
  padding-bottom: 10%;
}
@media (max-width: 767.98px) {
  .page-layout-about-us-layout .about-us-image-hero {
    padding-top: 40%;
  }
}
.page-layout-about-us-layout .about-us-image-hero:after {
  position: absolute;
  content: '';
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background: black;
  opacity: 0.3;
  z-index: 3;
}
.page-layout-about-us-layout .about-us-image-hero h1 span {
  position: relative;
  z-index: 5;
  text-align: center;
  font-family: 'PPHatton';
  color: white;
  font-size: 10rem;
  line-height: 11rem;
  font-weight: 300;
}
@media (max-width: 767.98px) {
  .page-layout-about-us-layout .about-us-image-hero h1 span {
    font-size: 5rem;
    line-height: 5rem;
  }
}
.page-layout-about-us-layout .about-us-image-hero .subtitle {
  padding-top: 30px;
  font-size: 2rem;
  color: white;
  font-weight: 500;
  position: relative;
  z-index: 9;
}
@media (max-width: 767.98px) {
  .page-layout-about-us-layout .about-us-image-hero .subtitle {
    font-size: 1.5rem;
    margin-bottom: 80px;
    padding: 0px 20px;
  }
}
.page-layout-about-us-layout .gallery-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 20px;
}
.page-layout-about-us-layout .gallery-grid .gallery-image {
  border-radius: 20px;
  overflow: hidden;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 150%;
}
@media (max-width: 767.98px) {
  .page-layout-about-us-layout .gallery-grid {
    grid-template-columns: 1fr 1fr;
    padding: 0px 40px;
  }
}
.page-layout-about-us-layout .about-us-text {
  font-size: 2rem;
  max-width: 800px;
  margin: auto;
  margin-bottom: 60px;
  line-height: 3rem;
  color: #505050;
}
@media (max-width: 767.98px) {
  .page-layout-about-us-layout .about-us-text {
    font-size: 1.5rem;
    line-height: 2.2rem;
    padding: 0px 40px;
  }
}
.page-layout-about-us-layout .hero-image-union:before {
  content: '';
  background-color: #d8eeff;
  height: 4vh;
  margin-top: -4vh;
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
  display: block;
  position: relative;
  z-index: 9;
}
.page-layout-about-us-layout .page-main {
  padding-top: 50px;
  padding-bottom: 0px;
  text-align: center;
}
@media (max-width: 767.98px) {
  .page-layout-about-us-layout .page-main {
    padding-top: 20px;
  }
}
.page-layout-about-us-layout .page-header {
  position: absolute;
  left: 0px;
  right: 0px;
}
.page-layout-about-us-layout .columns {
  display: none;
}
.page-layout-about-us-layout .memorial {
  padding: 10px 0px 350px;
  color: white;
  position: relative;
}
@media (max-width: 767.98px) {
  .page-layout-about-us-layout .memorial {
    padding: 10px 0px 60px;
  }
}
.page-layout-about-us-layout .memorial .quote {
  position: relative;
  font-family: 'PPHatton';
  font-size: 2.5em;
  margin-bottom: 15px;
  color: #1059b1;
  font-weight: 300;
}
.page-layout-about-us-layout .memorial .author {
  position: relative;
  font-size: 1em;
  color: #50504F;
}
.page-layout-about-us-layout .beach {
  width: 100vw;
  left: calc(-50vw + 50%);
  margin: auto;
  text-align: center;
  background-position: top;
}
@media (max-width: 767.98px) {
  .page-layout-about-us-layout .beach {
    background-position: bottom;
  }
}
.page-layout-about-us-layout #payflow_advanced-iframe {
  height: 1000px;
}