@charset "UTF-8";
/* should be defined in parent and child theme main CSS file - used in conditions inside other CSS files */
@font-face {
  font-family: "fontello";
  font-display: fallback;
  src: url("../assets/font/fontello.eot?42644609");
  src: url("../assets/font/fontello.eot?42644609#iefix") format("embedded-opentype"), url("../assets/font/fontello.woff2?42644609") format("woff2"), url("../assets/font/fontello.woff?42644609") format("woff"), url("../assets/font/fontello.ttf?42644609") format("truetype"), url("../assets/font/fontello.svg?42644609#fontello") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../assets/font/fontello.svg?42644609#fontello') format('svg');
  }
}
*/
[class^=icon-]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: 0.2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-facebook:before {
  content: "\e800";
} /* '' */
.icon-pinterest:before {
  content: "\e801";
} /* '' */
.icon-twitter:before {
  content: "\e802";
} /* '' */
.icon-instagram:before {
  content: "\e803";
} /* '' */
.icon-globe:before {
  content: "\e804";
} /* '' */
.icon-ok:before {
  content: "\e805";
} /* '' */
.icon-cancel:before {
  content: "\e806";
} /* '' */
.icon-minus:before {
  content: "\e807";
} /* '' */
.icon-plus:before {
  content: "\e808";
} /* '' */
.icon-right-open-big:before {
  content: "\e809";
} /* '' */
.icon-left-open-big:before {
  content: "\e80a";
} /* '' */
.icon-right-open-mini:before {
  content: "\e80b";
} /* '' */
.icon-left-open-mini:before {
  content: "\e80c";
} /* '' */
.icon-down-open-mini:before {
  content: "\e80d";
} /* '' */
.icon-up-open-mini:before {
  content: "\e80e";
} /* '' */
.icon-down-open-big:before {
  content: "\e80f";
} /* '' */
.icon-up-open-big:before {
  content: "\e810";
} /* '' */
.icon-down-dir:before {
  content: "\e811";
} /* '' */
.icon-up-dir:before {
  content: "\e812";
} /* '' */
.icon-left-dir:before {
  content: "\e813";
} /* '' */
.icon-right-dir:before {
  content: "\e814";
} /* '' */
.icon-search-1:before {
  content: "\e815";
} /* '' */
.icon-phone:before {
  content: "\e816";
} /* '' */
.icon-cog:before {
  content: "\e817";
} /* '' */
.icon-down-open:before {
  content: "\e818";
} /* '' */
.icon-left-open:before {
  content: "\e819";
} /* '' */
.icon-right-open:before {
  content: "\e81a";
} /* '' */
.icon-up-open:before {
  content: "\e81b";
} /* '' */
.icon-zoom-out:before {
  content: "\e81c";
} /* '' */
.icon-zoom-in:before {
  content: "\e81d";
} /* '' */
.icon-calendar:before {
  content: "\e81e";
} /* '' */
.icon-book-open:before {
  content: "\e81f";
} /* '' */
.icon-chat:before {
  content: "\e820";
} /* '' */
.icon-clock:before {
  content: "\e821";
} /* '' */
.icon-angle-left:before {
  content: "\e822";
} /* '' */
.icon-angle-right:before {
  content: "\e823";
} /* '' */
.icon-angle-up:before {
  content: "\e824";
} /* '' */
.icon-angle-down:before {
  content: "\e825";
} /* '' */
.icon-users:before {
  content: "\e826";
} /* '' */
.icon-menu:before {
  content: "\e827";
} /* '' */
.icon-location:before {
  content: "\e828";
} /* '' */
.icon-bed:before {
  content: "\e829";
} /* '' */
.icon-male:before {
  content: "\e82a";
} /* '' */
.icon-credit-card:before {
  content: "\e82b";
} /* '' */
.icon-linkedin:before {
  content: "\e82c";
} /* '' */
.icon-print:before {
  content: "\e82d";
} /* '' */
.icon-resize-horizontal:before {
  content: "\e82e";
} /* '' */
.icon-heart-empty:before {
  content: "\e82f";
} /* '' */
.icon-download:before {
  content: "\e830";
} /* '' */
.icon-file-pdf:before {
  content: "\e831";
} /* '' */
.icon-megaphone:before {
  content: "\e832";
} /* '' */
.icon-angle-circled-left:before {
  content: "\e833";
} /* '' */
.icon-angle-circled-right:before {
  content: "\e834";
} /* '' */
.icon-angle-circled-up:before {
  content: "\e835";
} /* '' */
.icon-angle-circled-down:before {
  content: "\e836";
} /* '' */
.icon-youtube:before {
  content: "\e837";
} /* '' */
.icon-link-ext:before {
  content: "\e838";
} /* '' */
.icon-doc-text:before {
  content: "\e839";
} /* '' */
.icon-tag:before {
  content: "\e83a";
} /* '' */
.icon-direction:before {
  content: "\e83b";
} /* '' */
.icon-comment-alt2:before {
  content: "\e83c";
} /* '' */
.icon-down:before {
  content: "\e83d";
} /* '' */
.icon-left:before {
  content: "\e83e";
} /* '' */
.icon-right:before {
  content: "\e83f";
} /* '' */
.icon-up:before {
  content: "\e840";
} /* '' */
.icon-bookmark-empty:before {
  content: "\f097";
} /* '' */
.icon-magic:before {
  content: "\f0d0";
} /* '' */
.icon-money:before {
  content: "\f0d6";
} /* '' */
.icon-sort:before {
  content: "\f0dc";
} /* '' */
.icon-mail-alt:before {
  content: "\f0e0";
} /* '' */
.icon-sitemap:before {
  content: "\f0e8";
} /* '' */
.icon-code:before {
  content: "\f121";
} /* '' */
.icon-mic:before {
  content: "\f130";
} /* '' */
.icon-calendar-empty:before {
  content: "\f133";
} /* '' */
.icon-bullseye:before {
  content: "\f140";
} /* '' */
.icon-youtube-play:before {
  content: "\f16a";
} /* '' */
.icon-skype:before {
  content: "\f17e";
} /* '' */
.icon-moon:before {
  content: "\f186";
} /* '' */
.icon-lifebuoy:before {
  content: "\f1cd";
} /* '' */
.icon-share:before {
  content: "\f1e0";
} /* '' */
.icon-newspaper:before {
  content: "\f1ea";
} /* '' */
.icon-chart-line:before {
  content: "\f201";
} /* '' */
.icon-leanpub:before {
  content: "\f212";
} /* '' */
.icon-diamond:before {
  content: "\f219";
} /* '' */
.icon-ship:before {
  content: "\f21a";
} /* '' */
.icon-clone:before {
  content: "\f24d";
} /* '' */
.icon-hand-pointer-o:before {
  content: "\f25a";
} /* '' */
.icon-hashtag:before {
  content: "\f292";
} /* '' */
.icon-handshake-o:before {
  content: "\f2b5";
} /* '' */
.icon-user-circle-o:before {
  content: "\f2be";
} /* '' */
.icon-gplus:before {
  content: "\f30f";
} /* '' */
/*
Način korištenja:
@if ($slider-style == elegant) {} @else {}
*/
/*
Primjer korištenja mixina:
.class {
    @include mixin;
}

Primjer ekstendanja klase drugom klasom:
.class {
    @extend .class2;
}
*/
.animate.fadeIn {
  transition: all 0.8s 0.2s;
  transition-property: opacity, transform;
  opacity: 0;
  -webkit-transform: translate(0, 50px);
  transform: translate(0, 50px);
}
.animate.fadeIn.animated {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

/* Media queries definition */
.icon {
  position: relative;
  display: inline-block;
  text-decoration: none;
  margin: 0 5px;
  padding: 10px;
  font-size: 16px;
  line-height: 1;
  font-family: Fontello;
  transition: all 0.2s;
}
@media (min-width: 1920px) {
  .icon {
    font-size: 0.8888888889vw;
  }
}
@media (min-width: 1920px) {
  .icon {
    padding: 0.5555555556vw;
  }
}
.icon.fa-facebook:after {
  content: "\e800";
}
.icon.fa-instagram:after {
  content: "\e803";
}
.icon.fa-linkedin:after {
  content: "\e82c";
}
.icon.fa-youtube:after {
  content: "\e837";
}
.icon.icon-info-blue {
  background: url(../img/icons/info-blue.svg) center center no-repeat;
  background-size: 16px;
  transform: translateY(4px);
}
@media (min-width: 1920px) {
  .icon.icon-info-blue {
    background-size: 0.75vw;
  }
}
.icon.icon-info-gray {
  background: url(../img/icons/info-gray.svg) center center no-repeat;
  background-size: 16px;
  transform: translateY(4px);
}
@media (min-width: 1920px) {
  .icon.icon-info-gray {
    background-size: 0.75vw;
  }
}
.icon.icon-info-white {
  background: url(../img/icons/info-white.svg) center center no-repeat;
  background-size: 16px;
  transform: translateY(4px);
}
@media (min-width: 1920px) {
  .icon.icon-info-white {
    background-size: 0.75vw;
  }
}
.icon:after {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.hasicon:before, .hasicon:after {
  font-family: Fontello;
}
.hasicon:before {
  margin-right: 5px;
}
.hasicon:after {
  margin-left: 5px;
}
.hasicon.data-phone:before {
  content: "\e816";
}

/*@import "font/fontawesome/scss/fontawesome.scss";
@import "font/fontawesome/scss/solid.scss";
@import "font/fontawesome/scss/brands.scss";*/
/**
 * Owl Carousel v2.2.0
 * Copyright 2013-2016 David Deutsch
 * Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE)
 */
.owl-carousel, .owl-carousel .owl-item {
  -webkit-tap-highlight-color: transparent;
  position: relative;
}

.owl-carousel {
  display: none;
  width: 100%;
  z-index: 1;
}

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d;
}

.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
  display: none;
}

.no-js .owl-carousel, .owl-carousel.owl-loaded {
  display: block;
}

.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}

.owl-carousel.owl-hidden {
  opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}

.owl-carousel.owl-rtl {
  direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
  float: right;
}

.owl-carousel .animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
  z-index: 0;
}

.owl-carousel .owl-animated-out {
  z-index: 1;
}

.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.owl-height {
  transition: height 0.5s ease-in-out;
}

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 0.4s ease;
}

.owl-carousel .owl-item img.owl-lazy {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url(owl.video.play.png) no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: -webkit-transform 0.1s ease;
  transition: transform 0.1s ease;
}

.owl-carousel .owl-video-play-icon:hover {
  -webkit-transform: scale(1.3, 1.3);
  -ms-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
  display: none;
}

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 0.4s ease;
}

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}

/**
 * Owl Carousel v2.2.0
 * Copyright 2013-2016 David Deutsch
 * Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE)
 */
.owl-theme .owl-dots, .owl-theme .owl-nav {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-nav {
  margin-top: 10px;
}

.owl-theme .owl-nav [class*=owl-] {
  color: #FFF;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #D6D6D6;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
}

.owl-theme .owl-nav [class*=owl-]:hover {
  background: #869791;
  color: #FFF;
  text-decoration: none;
}

.owl-theme .owl-nav .disabled {
  opacity: 0.5;
  cursor: default;
}

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px;
}

.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
}

.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #D6D6D6;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 0.2s ease;
  border-radius: 30px;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #869791;
}

/*'vendors/jquery.fancybox';*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

@font-face {
  font-family: "Carbona";
  src: url("../assets/font/carbona/Carbona-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Carbona";
  src: url("../assets/font/carbona/Carbona-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Carbona";
  src: url("../assets/font/carbona/Carbona-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Carbona";
  src: url("../assets/font/carbona/Carbona-Slanted.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Carbona";
  src: url("../assets/font/carbona/Carbona-SlantedSemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Carbona";
  src: url("../assets/font/carbona/Carbona-SlantedBold.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
h1,
h2,
h3,
.title {
  line-height: 1.2;
  font-family: "Carbona", sans-serif;
}

h1 {
  font-size: 40px;
  margin: 40px 0 25px;
}
@media (min-width: 1920px) {
  h1 {
    font-size: 2.2222222222vw;
  }
}
@media (min-width: 551px) {
  h1 {
    margin: 50px 0 55px;
  }
}

h2 {
  font-size: 36px;
}
@media (min-width: 1920px) {
  h2 {
    font-size: 2vw;
  }
}

h3 {
  font-size: 26px;
}
@media (min-width: 1920px) {
  h3 {
    font-size: 1.4444444444vw;
  }
}

.pre-heading {
  display: block;
  margin-bottom: 15px;
  font-size: 16px;
  letter-spacing: 2px;
  font-weight: 500;
  text-transform: uppercase;
}

.title {
  display: block;
  margin-bottom: 15px;
  font-size: 24px;
  font-weight: bold;
}
@media (min-width: 1920px) {
  .title {
    font-size: 1.3333333333vw;
  }
}
@media (min-width: 769px) {
  .title {
    margin-bottom: 20px;
  }
}

p {
  font-size: 16px;
}
@media (min-width: 1920px) {
  p {
    font-size: 0.8888888889vw;
  }
}

.footerSticky p {
  font-size: 12px;
}
@media (min-width: 1920px) {
  .footerSticky p {
    font-size: 0.6666666667vw;
  }
}

.page-content p,
.pageContent p,
.promoBoxSimple p {
  margin-top: 0;
  margin-bottom: 27px;
  font-size: 16px;
}
@media (min-width: 1920px) {
  .page-content p,
  .pageContent p,
  .promoBoxSimple p {
    margin-bottom: 1.5vw;
  }
}
@media (min-width: 1920px) {
  .page-content p,
  .page-content li,
  .pageContent p,
  .pageContent li,
  .promoBoxSimple p,
  .promoBoxSimple li {
    font-size: 0.8888888889vw;
  }
}
.page-content h1,
.pageContent h1,
.promoBoxSimple h1 {
  font-size: 56px;
  line-height: 1.2;
  font-weight: 800;
}
@media (min-width: 1920px) {
  .page-content h1,
  .pageContent h1,
  .promoBoxSimple h1 {
    font-size: 2.3vw;
  }
}
.page-content h2,
.pageContent h2,
.promoBoxSimple h2 {
  font-size: 32px;
  line-height: 1.2;
  font-weight: 800;
  margin-bottom: 15px;
}
@media (min-width: 1920px) {
  .page-content h2,
  .pageContent h2,
  .promoBoxSimple h2 {
    font-size: 1.7777777778vw;
  }
}
@media (min-width: 1920px) {
  .page-content h2,
  .pageContent h2,
  .promoBoxSimple h2 {
    margin-bottom: 0.8333333333vw;
  }
}
.page-content h3,
.pageContent h3,
.promoBoxSimple h3 {
  font-size: 26px;
  line-height: 1.2;
  margin-bottom: 15px;
}
@media (min-width: 1920px) {
  .page-content h3,
  .pageContent h3,
  .promoBoxSimple h3 {
    font-size: 1.4444444444vw;
  }
}
@media (min-width: 1920px) {
  .page-content h3,
  .pageContent h3,
  .promoBoxSimple h3 {
    margin-bottom: 0.8333333333vw;
  }
}
.page-content h4,
.pageContent h4,
.promoBoxSimple h4 {
  font-size: 22px;
  line-height: 1.2;
  margin-bottom: 15px;
}
@media (min-width: 1920px) {
  .page-content h4,
  .pageContent h4,
  .promoBoxSimple h4 {
    font-size: 1.2222222222vw;
  }
}
@media (min-width: 1920px) {
  .page-content h4,
  .pageContent h4,
  .promoBoxSimple h4 {
    margin-bottom: 0.8333333333vw;
  }
}
.page-content h5,
.pageContent h5,
.promoBoxSimple h5 {
  font-size: 20px;
  line-height: 1.2;
  margin-bottom: 10px;
}
@media (min-width: 1920px) {
  .page-content h5,
  .pageContent h5,
  .promoBoxSimple h5 {
    font-size: 1.1111111111vw;
  }
}
@media (min-width: 1920px) {
  .page-content h5,
  .pageContent h5,
  .promoBoxSimple h5 {
    margin-bottom: 0.5555555556vw;
  }
}
.page-content h6,
.pageContent h6,
.promoBoxSimple h6 {
  font-size: 18px;
  line-height: 1.2;
  margin-bottom: 10px;
}
@media (min-width: 1920px) {
  .page-content h6,
  .pageContent h6,
  .promoBoxSimple h6 {
    font-size: 1vw;
  }
}
@media (min-width: 1920px) {
  .page-content h6,
  .pageContent h6,
  .promoBoxSimple h6 {
    margin-bottom: 0.5555555556vw;
  }
}

.single-post .pageContent h1 {
  font-size: 38px;
}
@media (min-width: 1920px) {
  .single-post .pageContent h1 {
    font-size: 2.3vw;
  }
}

.pageContent .mainContent > h2 {
  margin: 40px 0px 40px 0px;
}
@media (min-width: 1920px) {
  .pageContent .mainContent > h2 {
    margin: 2.2222222222vw 0vw 2.2222222222vw 0vw;
  }
}

.pageContent .wp-block-columns h3 {
  font-size: 20px;
  margin-bottom: 15px;
}
@media (min-width: 1920px) {
  .pageContent .wp-block-columns h3 {
    font-size: 1.1111111111vw;
  }
}
@media (min-width: 1920px) {
  .pageContent .wp-block-columns h3 {
    margin-bottom: 0.8333333333vw;
  }
}

a {
  color: inherit;
}

*,
*:before,
*:after {
  box-sizing: border-box;
}

html {
  scroll-behavior: auto !important;
  scrollbar-gutter: stable;
}

html,
body {
  overflow-x: clip;
}

body {
  margin: 0;
  background-color: #F5F5F5;
}

body,
button,
input,
select,
textarea {
  color: #0A0D4A;
  font-family: "Carbona", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  font-display: fallback;
}
@media (min-width: 1920px) {
  body,
  button,
  input,
  select,
  textarea {
    font-size: 0.7777777778vw;
  }
}

input:not([type=checkbox]),
select,
textarea {
  box-shadow: none;
  -webkit-appearance: none;
}

textarea:focus,
select:focus,
input:focus,
figure:focus,
audio:focus {
  outline: 0;
}

::-webkit-input-placeholder {
  color: rgba(0, 0, 60, 0.6);
}

:-moz-placeholder {
  color: rgba(0, 0, 60, 0.6);
  opacity: 1;
}

::-moz-placeholder {
  color: rgba(0, 0, 60, 0.6);
  opacity: 1;
}

:-ms-input-placeholder {
  color: rgba(0, 0, 60, 0.6);
}

input:focus::-webkit-input-placeholder,
select:focus::-webkit-input-placeholder {
  color: rgba(0, 0, 60, 0.6);
  opacity: 0.5;
}

input:focus:-moz-placeholder,
select:focus:-moz-placeholder {
  color: rgba(0, 0, 60, 0.6);
  opacity: 0.5;
}

input:focus::-moz-placeholder,
select:focus::-moz-placeholder {
  color: rgba(0, 0, 60, 0.6);
  opacity: 0.5;
}

input:focus:-ms-input-placeholder,
select:focus:-ms-input-placeholder {
  color: rgba(0, 0, 60, 0.6);
  opacity: 0.5;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

blockquote,
q {
  quotes: "" "";
}
blockquote:before, blockquote:after,
q:before,
q:after {
  content: "";
}

hr {
  background-color: rgba(6, 17, 32, 0.1019607843) !important;
  margin-top: 5em !important;
  margin-bottom: 5em !important;
  border: 0 none !important;
  height: 1px;
}

td,
th {
  text-align: left;
  vertical-align: top;
  padding: 5px;
  line-height: 1.1em;
}

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */
}

a > img {
  display: block;
}

a {
  text-decoration: none;
}
.page-content a {
  text-decoration: underline; /* WP content part underline links */
}

figure {
  margin: 1em 0;
  /* Extra wide images within figure tags don't overflow the content area. */
}

ul,
ol {
  margin: 0 0 1.5em 0;
}
ul li,
ol li {
  margin-bottom: 0.5em;
}

ul {
  list-style: disc;
}
nav ul, .nav ul, .main-nav ul, .menu ul, .main-menu ul, ul.menu {
  list-style: none;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

dt {
  font-weight: bold;
}

dd {
  margin: 0 1.5em 1.5em;
}

table {
  margin: 0 0 1.5em;
  width: auto;
}
table.w100 {
  width: 100%;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

/* Clearfix */
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  *zoom: 1;
}

.content {
  width: 100%;
  position: relative;
  margin: 0 auto;
  padding: 10px clamp(20px, 8.86px + 2.857vw, 50px);
}
.content.slider {
  padding: 10px 0;
}

@media (min-width: 1530px) {
  section > .content,
  .section > .content {
    max-width: 87%;
  }
}

.centered {
  text-align: center;
}
.mainContent .centered {
  margin-left: auto;
  margin-right: auto;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-x-hidden {
  overflow-x: hidden;
}

.overflow-y-hidden {
  overflow-y: hidden;
}

.grid,
[class*=col-],
[class*=row-] {
  display: grid;
}

.col-2 {
  grid-template-columns: repeat(2, minmax(0, auto));
}

.col-3 {
  grid-template-columns: repeat(3, minmax(0, auto));
}

.col-4 {
  grid-template-columns: repeat(4, minmax(0, auto));
}

.col-5 {
  grid-template-columns: repeat(5, minmax(0, auto));
}

.col-6 {
  grid-template-columns: repeat(6, minmax(0, auto));
}

.flex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
}
.flex-3 > div {
  width: 100%;
  margin: 0;
}
@media (min-width: 551px) {
  .flex-3 > div {
    width: 46%;
    margin: 0 2%;
  }
}
@media (min-width: 861px) {
  .flex-3 > div {
    width: 29.333%;
  }
}
.flex-4 > div {
  width: 100%;
  margin: 0;
}
@media (min-width: 551px) {
  .flex-4 > div {
    width: 46%;
    margin: 0 2%;
  }
}
@media (min-width: 861px) {
  .flex-4 > div {
    width: 29.333%;
  }
}
@media (min-width: 1920px) {
  .flex-4 > div {
    width: 21%;
  }
}

img.cover {
  object-fit: cover;
}

.block {
  display: block;
}

.textRight {
  text-align: right;
}

p {
  margin: 18px 0;
}

/* Footer uvijek na dnu !!! */
/* Struktura sajta mora biti:
<body>
<div class="contentWrapper">
    <div class="mainContent">
        All content here...
    </div>
    <div class="site-footer"></div>
</div>
</body>
*/
.deskRes .contentWrapper {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.deskRes .mainContent {
  flex-grow: 1;
  flex-shrink: 0;
}
.deskRes .site-footer {
  flex-shrink: 0;
}

#loader {
  position: fixed;
  z-index: 10001;
  left: 50%;
  top: 50vh;
  width: 120px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#loader_cover,
#loader {
  transition: opacity 0.4s ease;
  will-change: opacity;
}

body.loaded #loader_cover,
body.loaded #loader {
  opacity: 0;
  pointer-events: none;
}

.hidden {
  display: none !important;
}

/* Primjeri css grida */
/* Prvi stupac auto, drugi 400px */
/*.entryText {

    @include fablet {
        grid-template-columns: auto 400px;
    }
}*/
/* 3 stupca jednake širine sa razmakom od 10px */
/*grid-template-columns: auto auto auto;
ili
grid-template-columns: repeat(3, auto);
grid-gap: 10px;*/
.site-header {
  height: calc(100vh - 166px);
}
@media (min-width: 1920px) {
  .site-header {
    height: calc(100vh - 8.7vw);
  }
}
.site-header.simple {
  -webkit-box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.4);
  box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.4);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.site-header.simple .content:not(.centered) {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: left;
  align-items: center;
}
.site-header.simple .content.centered {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.site-header.simple .content * {
  color: #fff;
}
.site-header.simple .content h2 {
  margin: 0;
}
.single .site-header, .archive .site-header, .page:not(.home) .site-header {
  -webkit-box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.2);
  position: relative;
  height: auto;
  min-height: 50vh;
}
@media (min-width: 769px) {
  .single .site-header, .archive .site-header, .page:not(.home) .site-header {
    height: 50vh;
  }
}
.single .site-header .content, .archive .site-header .content, .page:not(.home) .site-header .content {
  max-width: 900px;
  height: auto;
  color: #fff;
  padding-bottom: 40px;
}
@media (min-width: 769px) {
  .single .site-header .content, .archive .site-header .content, .page:not(.home) .site-header .content {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
}
@media (min-width: 1920px) {
  .single .site-header .content, .archive .site-header .content, .page:not(.home) .site-header .content {
    max-width: 50.4%;
  }
}
.single .site-header h1, .archive .site-header h1, .page:not(.home) .site-header h1 {
  font-size: 40px;
  margin: 25px 0px 25px 0px;
}
@media (min-width: 1024px) {
  .single .site-header h1, .archive .site-header h1, .page:not(.home) .site-header h1 {
    font-size: 56px;
  }
}
@media (min-width: 1920px) {
  .single .site-header h1, .archive .site-header h1, .page:not(.home) .site-header h1 {
    font-size: 3.1111111111vw;
  }
}
@media (min-width: 1920px) {
  .single .site-header h1, .archive .site-header h1, .page:not(.home) .site-header h1 {
    margin: 1.3888888889vw 0vw 1.3888888889vw 0vw;
  }
}
.single .site-header p, .archive .site-header p, .page:not(.home) .site-header p {
  font-size: 24px;
  line-height: 1.3;
}
@media (min-width: 1920px) {
  .single .site-header p, .archive .site-header p, .page:not(.home) .site-header p {
    font-size: 1.3333333333vw;
  }
}
.home .site-header {
  -webkit-box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.2);
}
.home .site-header h1 {
  font-size: 40px;
  color: #fff;
}
@media (min-width: 1024px) {
  .home .site-header h1 {
    font-size: 56px;
    text-align: center;
  }
}
@media (min-width: 1920px) {
  .home .site-header h1 {
    font-size: 3.1111111111vw;
  }
}
.page-template-page-sales-front .site-header {
  height: calc(100vh - 166px) !important;
}
@media (min-width: 1920px) {
  .page-template-page-sales-front .site-header {
    height: calc(100vh - 8.7vw) !important;
  }
}
.page-template-page-boatlist-charter .site-header h1, .page-template-page-boatlist-charter-landing .site-header h1 {
  text-align: center;
}
.site-header.slider .item {
  -webkit-box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.6);
  box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.6);
}
.site-header.slider .content:not(.centered) {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: left;
  align-items: center;
}
.site-header.slider .content.centered {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.site-header.slider .content * {
  color: #fff;
}
.site-header.slider .content h2 {
  margin: 0;
}
.site-header .headerContent {
  width: 90vw;
  max-width: 1200px;
  position: absolute;
  z-index: 10;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media (min-width: 1920px) {
  .site-header .headerContent {
    max-width: 66.6666666667vw;
  }
}
.site-header .text {
  max-width: 550px;
}
@media (min-width: 1920px) {
  .site-header .text {
    max-width: 40%;
  }
}

.page-template-page-volvopenta .site-header .content {
  text-align: center;
}

@media (min-width: 1530px) {
  .home .headerContent {
    max-width: 53.66667vw;
  }
}

.page-template.page-template-page-boatlist-charter-landing .site-header > .content > h1,
.page-template.page-template-page-boatlist-charter-landing .site-header > .content > p {
  max-width: unset !important;
}

.mainContent {
  margin-bottom: 0;
  padding-bottom: 0;
}

.mainInsideContent {
  margin-bottom: 100px;
}

.boatDetail h1 {
  margin-bottom: 20px;
}
@media (min-width: 1920px) {
  .boatDetail h1 {
    margin-bottom: 1.1111111111vw;
  }
}
.boatDetail .subTitle {
  color: #62717a;
  display: block;
  margin-bottom: 20px;
}
@media (min-width: 1920px) {
  .boatDetail .subTitle {
    margin-bottom: 1.1111111111vw;
  }
}
.boatDetail .subTitle,
.boatDetail h2 {
  max-width: 780px;
}
@media (min-width: 1920px) {
  .boatDetail .subTitle,
  .boatDetail h2 {
    max-width: 70%;
  }
}
.boatDetail .baseInfo {
  font-size: 12px;
  color: rgba(6, 17, 32, 0.6);
  padding-bottom: 20px;
}
@media (min-width: 1920px) {
  .boatDetail .baseInfo {
    font-size: 0.6666666667vw;
  }
}
@media (min-width: 1920px) {
  .boatDetail .baseInfo {
    padding-bottom: 1.1111111111vw;
  }
}
.boatDetail .baseInfo:before {
  font-family: "Fontello";
  content: "\e828";
  padding-right: 5px;
  color: #0A0D4A;
}
@media (min-width: 1920px) {
  .boatDetail .baseInfo:before {
    padding-right: 0.2777777778vw;
  }
}
.boatDetail .itemTitle {
  font-weight: 700;
}
.boatDetail .itemValue {
  color: rgba(0, 0, 60, 0.6);
  text-align: right;
}
.boatDetail .boatDescription,
.boatDetail .boatInventory {
  font-size: 16px;
}
@media (min-width: 1920px) {
  .boatDetail .boatDescription,
  .boatDetail .boatInventory {
    font-size: 0.8888888889vw;
  }
}

@media (min-width: 551px) {
  .boatInventoryTextual {
    column-count: 2;
    grid-column-gap: 3vw;
  }
}
.boatInventoryTextual p:first-of-type {
  margin-top: 0;
}

.galleryModal .modal {
  width: 100vw;
  height: 100vh;
  left: 0;
  top: 0;
  transform: none;
  max-width: unset;
}

.boatDetailDataHolder {
  display: flex;
  flex-wrap: wrap;
}

.boatDetailData {
  flex: 1;
  font-size: 16px;
  min-width: 0;
}
@media (min-width: 1920px) {
  .boatDetailData {
    font-size: 0.8888888889vw;
  }
}

.boatSpecification ul {
  margin: 0 !important;
  padding: 0 !important;
}
@media (min-width: 769px) {
  .boatSpecification ul {
    column-count: 2;
    column-gap: 50px;
  }
}
@media (min-width: 1920px) {
  .boatSpecification ul {
    column-gap: 2.7777777778vw;
  }
}
.boatSpecification li {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid rgba(6, 17, 32, 0.1019607843);
  margin: 0;
  padding: 10px 0;
}
@media (min-width: 1920px) {
  .boatSpecification li {
    padding: 0.5555555556vw 0;
  }
}
.boatSpecification .itemTitle {
  padding-right: 10px;
}
@media (min-width: 1920px) {
  .boatSpecification .itemTitle {
    padding-right: 0.5555555556vw;
  }
}
.boatSpecification .itemValue span {
  display: block;
  padding-bottom: 20px;
  text-align: right;
}
@media (min-width: 1920px) {
  .boatSpecification .itemValue span {
    padding-bottom: 1.1111111111vw;
  }
}
.boatSpecification .itemValue span:first-letter {
  text-transform: uppercase;
}

.boatDetail .boatCardDetail .listLarge {
  display: block;
}
.boatDetail .boatCardDetail .boatInfoItems {
  margin: 50px 0 20px 0;
  flex-wrap: wrap;
  font-size: 12px;
}
@media (min-width: 1920px) {
  .boatDetail .boatCardDetail .boatInfoItems {
    font-size: 0.6666666667vw;
  }
}
@media (min-width: 1920px) {
  .boatDetail .boatCardDetail .boatInfoItems {
    margin: 2.7777777778vw 0 1.1111111111vw 0;
  }
}
.boatDetail .boatCardDetail .boatInfoItems div {
  margin-right: 20px;
  margin-bottom: 30px;
  position: relative;
  padding: 0;
}
@media (min-width: 1920px) {
  .boatDetail .boatCardDetail .boatInfoItems div {
    margin-right: 1.1111111111vw;
    margin-bottom: 1.6666666667vw;
  }
}
.boatDetail .boatCardDetail .boatInfoItems div:before {
  background-position: left top;
}
.boatDetail .boatCardDetail .boatInfoItems .label {
  display: block;
  margin-bottom: 3px;
}
.boatDetail .boatCardDetail .equipmentSet {
  display: flex;
  align-items: center;
}

.extras h3,
.obligatoryExtras h3 {
  font-size: 16px;
}
@media (min-width: 1920px) {
  .extras h3,
  .obligatoryExtras h3 {
    font-size: 0.8888888889vw;
  }
}
.extras .checkSelect,
.obligatoryExtras .checkSelect {
  border-bottom: 1px solid rgba(6, 17, 32, 0.1019607843);
}
.extras .selectContent,
.obligatoryExtras .selectContent {
  display: flex;
  justify-content: space-between;
}
.extras .check-container,
.obligatoryExtras .check-container {
  margin: 0;
  padding: 15px 0 15px 32px;
}
@media (min-width: 1920px) {
  .extras .check-container,
  .obligatoryExtras .check-container {
    padding: 0.8333333333vw 0 0.8333333333vw 1.7777777778vw;
  }
}
.extras .check-container:hover,
.obligatoryExtras .check-container:hover {
  background-color: #fafafa;
}
.extras .check-mark,
.obligatoryExtras .check-mark {
  /*top: 50%;
  transform: translateY(-50%);*/
  top: 18px;
}
@media (min-width: 1920px) {
  .extras .check-mark,
  .obligatoryExtras .check-mark {
    top: 0.9vw;
  }
}
.extras .selectItemPrice,
.obligatoryExtras .selectItemPrice {
  font-weight: 600;
  white-space: nowrap;
}
.extras .numberOfItems,
.obligatoryExtras .numberOfItems {
  display: flex;
  align-items: center;
  padding: 0 0 10px 33px;
}
@media (min-width: 1920px) {
  .extras .numberOfItems,
  .obligatoryExtras .numberOfItems {
    padding: 0 0 0.5555555556vw 1.8333333333vw;
  }
}
.extras .numberOfItems label:not(.radio-container):not(.check-container),
.obligatoryExtras .numberOfItems label:not(.radio-container):not(.check-container) {
  padding-left: 0 !important;
  padding-right: 10px;
  font-weight: normal;
  font-size: 14px;
}
@media (min-width: 1920px) {
  .extras .numberOfItems label:not(.radio-container):not(.check-container),
  .obligatoryExtras .numberOfItems label:not(.radio-container):not(.check-container) {
    font-size: 0.7777777778vw;
  }
}
.extras .numberOfItems input,
.obligatoryExtras .numberOfItems input {
  border-color: rgba(6, 17, 32, 0.1019607843);
  max-width: 50px;
  font-size: 14px;
}
@media (min-width: 1920px) {
  .extras .numberOfItems input,
  .obligatoryExtras .numberOfItems input {
    font-size: 0.7777777778vw;
  }
}
@media (min-width: 1920px) {
  .extras .numberOfItems input,
  .obligatoryExtras .numberOfItems input {
    max-width: 2.7777777778vw;
  }
}
.extras .selectItemName,
.obligatoryExtras .selectItemName {
  padding-right: 5px;
}

.page-template-page-detail-charter.calculationDetailsOpen .topBar,
.page-template-page-detail-charter.calculationDetailsOpen .navBar,
.page-template-page-detail-charter.calculationDetailsOpen .shareWrapper,
.page-detail-charter.calculationDetailsOpen .topBar,
.page-detail-charter.calculationDetailsOpen .navBar,
.page-detail-charter.calculationDetailsOpen .shareWrapper {
  display: none;
}

.page-template-page-detail-charter.ultraMobRes .searchFormInHeaderHolderWrapper .content,
.page-detail-charter.ultraMobRes .searchFormInHeaderHolderWrapper .content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.page-template-page-detail-charter.ultraMobRes .searchFormInHeaderHolderWrapper .back,
.page-detail-charter.ultraMobRes .searchFormInHeaderHolderWrapper .back {
  position: static;
  left: unset;
  top: unset;
  transform: unset;
}
.page-template-page-detail-charter .searchFormInHeaderHolderWrapper,
.page-detail-charter .searchFormInHeaderHolderWrapper {
  background-color: #f5f5f4;
  padding: 20px 0;
  position: relative;
}
@media (min-width: 1920px) {
  .page-template-page-detail-charter .searchFormInHeaderHolderWrapper,
  .page-detail-charter .searchFormInHeaderHolderWrapper {
    padding: 1.1111111111vw 0;
  }
}
.page-template-page-detail-charter .searchFormInHeaderHolderWrapper .back,
.page-detail-charter .searchFormInHeaderHolderWrapper .back {
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.page-template-page-detail-charter .searchFormInHeaderHolderWrapper .back:after,
.page-detail-charter .searchFormInHeaderHolderWrapper .back:after {
  font-family: "Fontello";
  content: "\e83e";
  color: #0A0D4A;
  font-size: 22px;
}
@media (min-width: 1920px) {
  .page-template-page-detail-charter .searchFormInHeaderHolderWrapper .back:after,
  .page-detail-charter .searchFormInHeaderHolderWrapper .back:after {
    font-size: 1.2222222222vw;
  }
}

.ultraMobRes.page-template-page-detail-charter .searchFormInHeaderHolderWrapper,
.ultraMobRes.page-detail-charter .searchFormInHeaderHolderWrapper {
  padding: 0;
}

.additionalEquipment {
  padding-top: 40px;
  border-bottom: 1px solid rgba(6, 17, 32, 0.1019607843);
}
@media (min-width: 1920px) {
  .additionalEquipment {
    padding-top: 2.2222222222vw;
  }
}
.additionalEquipment.active {
  border-bottom: 0 none;
}
.additionalEquipment .expandTitle {
  font-weight: 600;
  padding-bottom: 20px;
  font-size: 16px;
}
@media (min-width: 1920px) {
  .additionalEquipment .expandTitle {
    font-size: 0.8888888889vw;
  }
}
@media (min-width: 1920px) {
  .additionalEquipment .expandTitle {
    padding-bottom: 1.1111111111vw;
  }
}

.additionalInformation p {
  font-size: 16px;
}
@media (min-width: 1920px) {
  .additionalInformation p {
    font-size: 0.8888888889vw;
  }
}
.additionalInformation .additionalInformationWrapper {
  border-bottom: 1px solid rgba(6, 17, 32, 0.1019607843);
}
.additionalInformation .additionalInformationWrapper.active {
  border-bottom-color: transparent;
}
.additionalInformation .additionalInformationWrapper.base {
  padding-bottom: 20px;
  margin-bottom: 20px;
}
@media (min-width: 1920px) {
  .additionalInformation .additionalInformationWrapper.base {
    padding-bottom: 1.1111111111vw;
  }
}
@media (min-width: 1920px) {
  .additionalInformation .additionalInformationWrapper.base {
    margin-bottom: 1.1111111111vw;
  }
}
.additionalInformation .additionalInformationWrapper.faq a {
  display: block;
  padding: 20px 0px 20px 0px;
  color: inherit;
}
@media (min-width: 1920px) {
  .additionalInformation .additionalInformationWrapper.faq a {
    padding: 1.1111111111vw 0vw 1.1111111111vw 0vw;
  }
}
.additionalInformation .expandTitle {
  font-weight: 600;
  padding: 20px 0px 20px 0px;
}
@media (min-width: 1920px) {
  .additionalInformation .expandTitle {
    padding: 1.1111111111vw 0vw 1.1111111111vw 0vw;
  }
}
.additionalInformation .moreLink {
  font-weight: 500;
  color: inherit;
  text-decoration: none;
}

.download {
  font-size: 16px;
  color: #62717a;
}
@media (min-width: 1920px) {
  .download {
    font-size: 0.8888888889vw;
  }
}
.download a {
  display: inline-block;
  padding: 0px 0px 10px 0px;
  color: inherit;
  text-decoration: underline;
}
@media (min-width: 1920px) {
  .download a {
    padding: 0vw 0vw 0.5555555556vw 0vw;
  }
}

.boatItemList h3 {
  font-size: 16px;
  margin: 0px 0px 8px 0px;
}
@media (min-width: 1920px) {
  .boatItemList h3 {
    font-size: 0.8888888889vw;
  }
}
@media (min-width: 1920px) {
  .boatItemList h3 {
    margin: 0vw 0vw 0.4444444444vw 0vw;
  }
}
.boatItemList ul {
  margin-bottom: 30px;
}
@media (min-width: 1920px) {
  .boatItemList ul {
    margin-bottom: 1.6666666667vw;
  }
}

.boatPrice .amount {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0.04rem;
  color: #62717a;
}
@media (min-width: 1920px) {
  .boatPrice .amount {
    font-size: 1.3333333333vw;
  }
}

.boat-video,
.boat-vrtour {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  margin-bottom: 50px;
}
@media (min-width: 1920px) {
  .boat-video,
  .boat-vrtour {
    margin-bottom: 2.7777777778vw;
  }
}
.boat-video iframe,
.boat-vrtour iframe {
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 0;
  width: 100% !important;
  height: 100% !important;
}

.boat-price-detail {
  padding: 30px 0px 30px 0px;
}
@media (min-width: 1920px) {
  .boat-price-detail {
    padding: 1.6666666667vw 0vw 1.6666666667vw 0vw;
  }
}
.boat-price-detail .priceLabel {
  font-weight: 700;
  font-size: 28px;
  line-height: 1;
  display: block;
  margin-bottom: 15px;
}
@media (min-width: 1920px) {
  .boat-price-detail .priceLabel {
    font-size: 1.5555555556vw;
  }
}
@media (min-width: 1920px) {
  .boat-price-detail .priceLabel {
    margin-bottom: 0.8333333333vw;
  }
}
.boat-price-detail .amount {
  font-weight: 700;
  font-size: 24px;
  color: #62717a;
}
@media (min-width: 1920px) {
  .boat-price-detail .amount {
    font-size: 1.3333333333vw;
  }
}
.boat-price-detail .boat-discounted {
  opacity: 0.4;
}
.boat-price-detail .boat-discounted .amount.amount-crossed {
  text-decoration: line-through;
}

/* Amada Mia etc rich template */
.boatDetail.luxuryBoat {
  background: url("../img/karta_jadrana.gif") center center no-repeat;
  background-attachment: fixed;
  background-size: contain;
  /* Most colors */
  /* crewCard */
}
.boatDetail.luxuryBoat .site-header {
  min-height: 70vh;
  margin-bottom: 0;
}
.boatDetail.luxuryBoat .site-header > .content {
  z-index: 2;
  position: relative;
  max-width: 93.4% !important;
  margin: 0 auto;
}
@media (min-width: 1920px) {
  .boatDetail.luxuryBoat .site-header > .content {
    top: 42% !important;
  }
}
@media (min-width: 1920px) {
  .boatDetail.luxuryBoat .site-header > .content {
    top: 42% !important;
  }
}
@media (min-width: 1920px) {
  .boatDetail.luxuryBoat .site-header > .content {
    top: 42% !important;
  }
}
.boatDetail.luxuryBoat .site-header > .content > p {
  font-size: 20px;
  max-width: 30vw;
}
@media (min-width: 1920px) {
  .boatDetail.luxuryBoat .site-header > .content > p {
    font-size: 1.1111111111vw;
  }
}
.boatDetail.luxuryBoat .site-header > .content > p, .boatDetail.luxuryBoat .site-header > .content > h1 {
  max-width: 90vw !important;
}
@media (min-width: 1024px) {
  .boatDetail.luxuryBoat .site-header > .content > p, .boatDetail.luxuryBoat .site-header > .content > h1 {
    max-width: 50vw !important;
  }
}
@media (min-width: 1530px) {
  .boatDetail.luxuryBoat .site-header > .content > p, .boatDetail.luxuryBoat .site-header > .content > h1 {
    max-width: 40vw !important;
  }
}
@media (min-width: 1920px) {
  .boatDetail.luxuryBoat .site-header > .content > p, .boatDetail.luxuryBoat .site-header > .content > h1 {
    max-width: 40vw !important;
  }
}
.boatDetail.luxuryBoat .site-header > .content h1 {
  font-size: 64px;
}
@media (min-width: 1920px) {
  .boatDetail.luxuryBoat .site-header > .content h1 {
    font-size: 3.5555555556vw;
  }
}
.boatDetail.luxuryBoat .boatInfoItems {
  background-color: #5c636d;
  color: #fff;
  position: relative;
  padding-top: 15px;
}
@media (min-width: 1024px) {
  .boatDetail.luxuryBoat .boatInfoItems {
    padding-top: 0;
    background-color: rgba(6, 17, 32, 0.5);
    margin-top: -47px;
  }
}
@media (min-width: 1920px) {
  .boatDetail.luxuryBoat .boatInfoItems {
    margin-top: -2.611vw;
  }
}
.boatDetail.luxuryBoat .boatInfoItems .content {
  display: flex;
  flex-wrap: wrap;
}
.boatDetail.luxuryBoat .boatInfoItems .content > div {
  padding: 2px 10px 2px 38px;
  margin-right: 30px;
  margin-bottom: 15px;
}
@media (min-width: 1920px) {
  .boatDetail.luxuryBoat .boatInfoItems .content > div {
    padding: 0.1111111111vw 0.5555555556vw 0.1111111111vw 2.1111111111vw;
  }
}
@media (min-width: 1920px) {
  .boatDetail.luxuryBoat .boatInfoItems .content > div {
    margin-right: 1.6666666667vw;
  }
}
@media (min-width: 1024px) {
  .boatDetail.luxuryBoat .boatInfoItems .content > div {
    margin-bottom: 0;
  }
}
.boatDetail.luxuryBoat .boatInfoItems .location {
  background: url("../img/icons/lux/location_icon.svg") left center no-repeat;
}
.boatDetail.luxuryBoat .boatInfoItems .cabins {
  background: url("../img/icons/lux/cabins_icon.svg") left center no-repeat;
}
.boatDetail.luxuryBoat .boatInfoItems .guests {
  background: url("../img/icons/lux/guests_icon.svg") left center no-repeat;
}
.boatDetail.luxuryBoat .boatInfoItems .bathrooms {
  background: url("../img/icons/lux/bath_icon.svg") left center no-repeat;
}
.boatDetail.luxuryBoat .boatInfoItems .crew {
  background: url("../img/icons/lux/crew_icon.svg") left center no-repeat;
}
.boatDetail.luxuryBoat .boatInfoItems .fieldWithTooltip .tooltip {
  transform: translate(-6px, -8px);
}
@media (min-width: 1920px) {
  .boatDetail.luxuryBoat .boatInfoItems .fieldWithTooltip .tooltip {
    transform: translate(-0.3333vw, -0.4444vw);
  }
}
.boatDetail.luxuryBoat .boatInfoItems .brochureDownload {
  display: none;
}
@media (min-width: 1024px) {
  .boatDetail.luxuryBoat .boatInfoItems .brochureDownload {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    background: #96BEF9 url("../img/icons/lux/download_icon.svg") left 20px bottom 16px no-repeat;
    padding: 20px 10px 50px 10px;
    border-top-left-radius: 16px;
    color: #fff;
    font-size: 18px;
    line-height: 1.3;
    font-weight: bolder;
    display: inline-block;
    width: auto;
    text-decoration: none;
    margin-bottom: 0;
    transition: opacity 0.2s;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .boatDetail.luxuryBoat .boatInfoItems .brochureDownload {
    padding: 1.1111111111vw 0.5555555556vw 2.7777777778vw 0.5555555556vw;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .boatDetail.luxuryBoat .boatInfoItems .brochureDownload {
    font-size: 1vw;
  }
}
@media (min-width: 1920px) {
  .boatDetail.luxuryBoat .boatInfoItems .brochureDownload {
    border-top-left-radius: 0.8888vw;
    background: #96BEF9 url("../img/icons/lux/download_icon.svg") left 1.111vw bottom 0.8vw no-repeat;
    padding: 20px 20px 50px 20px;
  }
}
@media (min-width: 1920px) and (min-width: 1920px) {
  .boatDetail.luxuryBoat .boatInfoItems .brochureDownload {
    padding: 1.1111111111vw 1.1111111111vw 2.7777777778vw 1.1111111111vw;
  }
}
.boatDetail.luxuryBoat .boatInfoItems .brochureDownload:hover {
  opacity: 0.95;
}
.boatDetail.luxuryBoat .boatInfoItems .brochureDownload .boatName {
  white-space: nowrap;
}
.boatDetail.luxuryBoat .submenuWrapper {
  display: none;
}
@media (min-width: 1024px) {
  .boatDetail.luxuryBoat .submenuWrapper {
    display: block;
    position: sticky;
    top: -1px;
    z-index: 6;
    background-color: #fff;
    border-bottom: 1px solid rgba(6, 17, 32, 0.10196);
    margin-bottom: 45px;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .boatDetail.luxuryBoat .submenuWrapper {
    margin-bottom: 2.5vw;
  }
}
.boatDetail.luxuryBoat .submenuWrapper.pinned {
  -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.1);
}
.calculationDetailsOpen .boatDetail.luxuryBoat .submenuWrapper {
  display: none;
}
.boatDetail.luxuryBoat .submenuWrapper .content {
  display: flex;
  justify-content: space-between;
}
.boatDetail.luxuryBoat .submenuPart {
  color: #0A0D4A;
  display: flex;
  align-items: center;
  font-weight: bold;
  padding-left: 54px;
  background: url("../img/icons/lux/amada_mia_logo.svg") left center no-repeat;
}
@media (min-width: 1920px) {
  .boatDetail.luxuryBoat .submenuPart {
    padding-left: 3vw;
  }
}
.boatDetail.luxuryBoat .submenuPart a {
  margin-right: 20px;
}
@media (min-width: 1920px) {
  .boatDetail.luxuryBoat .submenuPart a {
    margin-right: 1.1111111111vw;
  }
}
.boatDetail.luxuryBoat .submenuPart a:hover {
  color: #5c636d;
}
.boatDetail.luxuryBoat .pricePart {
  display: flex;
}
.boatDetail.luxuryBoat .pricePart .price {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #5c636d;
  margin-right: 80px;
}
@media (min-width: 1920px) {
  .boatDetail.luxuryBoat .pricePart .price {
    margin-right: 4.4444444444vw;
  }
}
.boatDetail.luxuryBoat .pricePart .price .priceValue {
  font-size: 18px;
  font-weight: bold;
}
@media (min-width: 1920px) {
  .boatDetail.luxuryBoat .pricePart .price .priceValue {
    font-size: 1vw;
  }
}
.boatDetail.luxuryBoat .pricePart .price .priceInfo {
  font-size: 12px;
}
@media (min-width: 1920px) {
  .boatDetail.luxuryBoat .pricePart .price .priceInfo {
    font-size: 0.6666666667vw;
  }
}
.boatDetail.luxuryBoat .pricePart .bttn {
  margin: 10px 0px 10px 0px;
}
@media (min-width: 1920px) {
  .boatDetail.luxuryBoat .pricePart .bttn {
    margin: 0.5555555556vw 0vw 0.5555555556vw 0vw;
  }
}
@media (min-width: 551px) {
  .boatDetail.luxuryBoat .gallery {
    margin-top: 5px;
  }
}
@media (min-width: 551px) and (min-width: 1920px) {
  .boatDetail.luxuryBoat .gallery {
    margin-top: 0.2777777778vw;
  }
}
.boatDetail.luxuryBoat .brochureLink:not(.bttn) {
  display: none;
}
.boatDetail.luxuryBoat .brochureLink:not(.bttn) + hr {
  display: none;
}
.boatDetail.luxuryBoat .brochureLink.bttn {
  background-image: url("../img/icons/lux/download_icon.svg");
  background-position: left 12px center;
  background-repeat: no-repeat;
  padding-left: 40px;
}
@media (min-width: 1920px) {
  .boatDetail.luxuryBoat .brochureLink.bttn {
    padding-left: 2.2222222222vw;
  }
}
@media (min-width: 1920px) {
  .boatDetail.luxuryBoat .brochureLink.bttn {
    background-position: left 0.6666vw center;
  }
}
.boatDetail.luxuryBoat .bttn:not(.outline) {
  background-color: #0A0D4A;
}
.boatDetail.luxuryBoat .bttn:not(.outline):hover {
  background-color: #96BEF9 !important;
}
.boatDetail.luxuryBoat .expand .expandTitle:after {
  color: #0A0D4A;
}
.boatDetail.luxuryBoat .radio-container input:checked ~ .radio-mark,
.boatDetail.luxuryBoat .check-container input:checked ~ .check-mark {
  background-color: #0A0D4A;
}
.boatDetail.luxuryBoat .slider.simple .owl-prev,
.boatDetail.luxuryBoat .slider.simple .owl-next,
.boatDetail.luxuryBoat .carousel.simple .owl-prev,
.boatDetail.luxuryBoat .carousel.simple .owl-next {
  background-color: #0A0D4A;
  border-color: #0A0D4A;
}
.boatDetail.luxuryBoat .pricesandAvailability .offerItem:hover,
.boatDetail.luxuryBoat .pricesandAvailability .offerItem.selected:not(.notpainted) {
  background-color: #0A0D4A;
  border-color: #0A0D4A;
}
.boatDetail.luxuryBoat .pricesandAvailability .offerItem:hover .offerDiscountedPrice,
.boatDetail.luxuryBoat .pricesandAvailability .offerItem.selected:not(.notpainted) .offerDiscountedPrice {
  color: #fff !important;
}
.boatDetail.luxuryBoat .pricesandAvailability .offerItem:not(.disabled) .offerDiscountedPrice {
  color: #0A0D4A;
}
.boatDetail.luxuryBoat .pricesandAvailability .boatInfo .equipmentList li:before {
  color: #0A0D4A;
}
@media (min-width: 769px) {
  .boatDetail.luxuryBoat .crewCardWrapper {
    display: flex;
  }
}
.boatDetail.luxuryBoat .crewCard {
  position: relative;
  background: radial-gradient(#111 50%, #000 100%);
  overflow: hidden;
  cursor: pointer;
  font-size: 14px;
}
@media (min-width: 1920px) {
  .boatDetail.luxuryBoat .crewCard {
    font-size: 0.7777777778vw;
  }
}
@media (min-width: 769px) {
  .boatDetail.luxuryBoat .crewCard {
    width: 33.3333%;
  }
}
@media (min-width: 769px) {
  .boatDetail.luxuryBoat .crewCard:nth-child(1) {
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
  }
}
@media (min-width: 1920px) {
  .boatDetail.luxuryBoat .crewCard:nth-child(1) {
    border-top-left-radius: 0.88888vw;
    border-bottom-left-radius: 0.88888vw;
  }
}
@media (min-width: 769px) {
  .boatDetail.luxuryBoat .crewCard:nth-child(3) {
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
  }
}
@media (min-width: 1920px) {
  .boatDetail.luxuryBoat .crewCard:nth-child(3) {
    border-top-right-radius: 0.88888vw;
    border-bottom-right-radius: 0.88888vw;
  }
}
.boatDetail.luxuryBoat .crewCard.skipper .crewTitle {
  background: url("../img/icons/lux/crew_members_skipper.svg") center top no-repeat;
}
.boatDetail.luxuryBoat .crewCard.hostess .crewTitle {
  background: url("../img/icons/lux/crew_members_hostess.svg") center top no-repeat;
}
.boatDetail.luxuryBoat .crewCard.chef .crewTitle {
  background: url("../img/icons/lux/crew_members_chef.svg") center top no-repeat;
}
.boatDetail.luxuryBoat .crewCard img {
  transform: scale(1.3);
  transition: 0.3s ease-out;
  opacity: 0.5;
  object-fit: cover;
  height: 100%;
}
.boatDetail.luxuryBoat .crewCard:hover {
  cursor: auto;
}
.boatDetail.luxuryBoat .crewCard:hover img {
  transform: scale(1.1) translateY(-20px);
  opacity: 0.3;
}
.boatDetail.luxuryBoat .overlay {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  padding: 15px 15px 15px 15px;
  text-align: center;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
@media (min-width: 1920px) {
  .boatDetail.luxuryBoat .overlay {
    padding: 0.8333333333vw 0.8333333333vw 0.8333333333vw 0.8333333333vw;
  }
}
.boatDetail.luxuryBoat .crewTitle {
  transform: translateY(20px);
  transition: transform 0.25s ease-out;
  padding-top: 37px;
}
@media (min-width: 1920px) {
  .boatDetail.luxuryBoat .crewTitle {
    padding-top: 2.0555555556vw;
  }
}
.boatDetail.luxuryBoat .crewName {
  transform: translateY(30px);
  transition: transform 0.25s ease-out 0.1s;
  font-size: 18px;
  font-weight: 600;
}
@media (min-width: 1920px) {
  .boatDetail.luxuryBoat .crewName {
    font-size: 1vw;
  }
}
.boatDetail.luxuryBoat .crewLinkHolder {
  transform: translateY(30px);
  opacity: 0;
  transition: all 0.25s ease-out 0.2s;
}
.boatDetail.luxuryBoat .crewLink {
  display: inline-block;
  padding: 5px 30px 5px 15px;
  background: #96BEF9;
  border-radius: 1000px;
  color: #fff;
  text-decoration: none;
  font-size: 14px !important;
  font-weight: normal !important;
}
@media (min-width: 1920px) {
  .boatDetail.luxuryBoat .crewLink {
    padding: 0.2777777778vw 1.6666666667vw 0.2777777778vw 0.8333333333vw;
  }
}
@media (min-width: 1920px) {
  .boatDetail.luxuryBoat .crewLink {
    font-size: 0.77777vw !important;
  }
}
.boatDetail.luxuryBoat .crewLink:hover {
  background-color: #96BEF9;
}
.boatDetail.luxuryBoat .crewLink:after {
  font-size: 12px;
  transform: translateY(-50%);
  top: 50%;
}
@media (min-width: 1920px) {
  .boatDetail.luxuryBoat .crewLink:after {
    font-size: 0.6666666667vw;
  }
}
.boatDetail.luxuryBoat .moreText {
  display: none;
}
.boatDetail.luxuryBoat .crewCard:hover .overlay .crewTitle {
  transform: translateY(-60px);
}
.boatDetail.luxuryBoat .crewCard:hover .overlay .crewName {
  transform: translateY(-50px);
}
.boatDetail.luxuryBoat .crewCard:hover .overlay .crewLinkHolder {
  opacity: 1;
  transform: translateY(-30px);
}
.boatDetail.luxuryBoat .boat-video,
.boatDetail.luxuryBoat .boat-vrtour {
  border-radius: 24px;
}
@media (min-width: 1920px) {
  .boatDetail.luxuryBoat .boat-video,
  .boatDetail.luxuryBoat .boat-vrtour {
    border-radius: 1.333vw;
  }
}

div:has(.subTitle) > h2 {
  margin-bottom: 10px;
}
@media (min-width: 1920px) {
  div:has(.subTitle) > h2 {
    margin-bottom: 0.5555555556vw;
  }
}

.site-footer {
  background-color: #f5f5f4;
  color: #0A0D4A;
  font-size: 90%;
  text-align: center;
}
.site-footer hr {
  background-color: #0A0D4A;
  margin-bottom: 45px;
}
.site-footer a {
  color: #0A0D4A;
}
.site-footer a:hover {
  opacity: 0.8;
}
.site-footer .logo {
  display: inline-block;
  margin: 40px 0px 40px 0px;
  font-size: 37px;
  font-weight: bold;
}
@media (min-width: 1920px) {
  .site-footer .logo {
    margin: 2.2222222222vw 0vw 2.2222222222vw 0vw;
  }
}
@media (min-width: 1920px) {
  .site-footer .logo {
    font-size: 2.0555555556vw;
  }
}
.site-footer .logo img {
  width: 140px;
}
.site-footer .brands {
  background-color: #fff;
}
.site-footer .signature {
  background-color: #fff;
  margin-top: 35px;
  padding: 20px 0px 20px 0px;
  font-size: 12px;
  display: none;
}
@media (min-width: 1920px) {
  .site-footer .signature {
    margin-top: 1.9444444444vw;
  }
}
@media (min-width: 1920px) {
  .site-footer .signature {
    padding: 1.1111111111vw 0vw 1.1111111111vw 0vw;
  }
}
@media (min-width: 1920px) {
  .site-footer .signature {
    font-size: 0.6666666667vw;
  }
}
.site-footer .signature .content {
  padding-top: 0;
  padding-bottom: 0;
}

.footerLogos {
  background-color: #f5f5f4;
  padding-bottom: 130px;
}
.footerLogos .content {
  padding: 30px 20px 30px 20px;
  display: flex;
  justify-content: center;
  align-content: center;
  flex-wrap: wrap;
  gap: 3rem;
}
@media (min-width: 1920px) {
  .footerLogos .content {
    padding: 1.6666666667vw 1.1111111111vw 1.6666666667vw 1.1111111111vw;
  }
}
.footerLogos .content a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 40%;
}
@media (min-width: 551px) {
  .footerLogos .content a {
    width: 27%;
  }
}
@media (min-width: 769px) {
  .footerLogos .content a {
    width: 20%;
  }
}
@media (min-width: 1024px) {
  .footerLogos .content a {
    width: 13%;
  }
}
@media (min-width: 1920px) {
  .footerLogos .content a {
    width: 10%;
  }
}

.site-footer .brands a {
  border-radius: 0px !important;
}

#chat-widget-container {
  left: -6px !important;
  right: unset !important;
  bottom: 2px !important;
}
.page-detail-charter.ultraMobRes #chat-widget-container {
  bottom: 83px !important;
}
.calculationDetailsOpen #chat-widget-container {
  display: none;
}
@media (min-width: 1920px) {
  #chat-widget-container {
    left: -0.3333333333vw !important;
    bottom: 0.1111111111vw !important;
  }
}

#cookiescript_injected {
  z-index: 2147483639 !important;
}

.grecaptcha-badge {
  bottom: 73px !important;
}
@media (min-width: 1920px) {
  .grecaptcha-badge {
    bottom: 4.0555555556vw !important;
  }
}

#chat-widget-minimized {
  transform: translateY(12px);
}
@media (min-width: 2300px) {
  #chat-widget-minimized {
    transform: translateY(0.2vw);
  }
}

.footerContacts {
  background-color: #1e3a5e;
  color: #fff;
  text-align: left;
}
.footerContacts .contactGrid {
  padding: 40px 0px 40px 0px;
}
@media (min-width: 1920px) {
  .footerContacts .contactGrid {
    padding: 2.2222222222vw 0vw 2.2222222222vw 0vw;
  }
}
@media (min-width: 1024px) {
  .footerContacts .contactGrid {
    display: flex;
    justify-content: space-between;
  }
}
.footerContacts .withLogo {
  display: flex;
}
.footerContacts .title {
  font-size: 18px;
  margin-bottom: 10px;
  margin-top: 6px;
}
@media (min-width: 1920px) {
  .footerContacts .title {
    font-size: 1vw;
  }
}
@media (min-width: 1920px) {
  .footerContacts .title {
    margin-bottom: 0.5555555556vw;
  }
}
@media (min-width: 1920px) {
  .footerContacts .title {
    margin-top: 0.3333333333vw;
  }
}
.footerContacts p {
  margin-top: 0 !important;
  margin-bottom: 20px;
  font-size: 14px;
}
@media (min-width: 1920px) {
  .footerContacts p {
    margin-bottom: 1.1111111111vw;
  }
}
@media (min-width: 1920px) {
  .footerContacts p {
    font-size: 0.7777777778vw;
  }
}
.footerContacts p a {
  color: #fff;
  text-decoration: underline;
}
.footerContacts .footerLogo {
  margin-right: 20px;
  display: none;
}
@media (min-width: 1920px) {
  .footerContacts .footerLogo {
    margin-right: 1.1111111111vw;
  }
}
@media (min-width: 1024px) {
  .footerContacts .footerLogo {
    display: block;
  }
}
@media (min-width: 1920px) {
  .footerContacts .footerLogo img {
    max-width: 5vw;
    width: 5vw;
  }
}
.footerContacts hr {
  background-color: #566b86 !important;
  margin-top: 2em !important;
  margin-bottom: 0em !important;
}

.siteFooter {
  background-color: #0A0D4A;
  color: #F5F5F5;
  text-align: left;
  font-family: "Carbona", sans-serif;
  background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
}
.siteFooter > .content {
  width: 100%;
  max-width: none;
  padding: clamp(60px, 7vw, 100px) clamp(20px, 8.86px + 2.857vw, 50px) clamp(40px, 5vw, 70px);
  margin: 0 auto;
}
.siteFooter a {
  color: inherit;
  text-decoration: none;
}
.siteFooter a:hover {
  opacity: 0.8;
}
.siteFooter p {
  margin: 0;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.5;
  color: #EFEBE6;
}
@media (min-width: 1920px) {
  .siteFooter p {
    font-size: 0.7777777778vw;
  }
}

.siteFooter-logo {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: clamp(20px, 3vw, 40px);
  margin-bottom: clamp(60px, 8vw, 110px);
  text-decoration: none;
}

.siteFooter-logo-mark {
  height: clamp(24px, 6vw, 38px);
  width: auto;
  display: block;
}
@media (min-width: 1920px) {
  .siteFooter-logo-mark {
    height: 2.1111111111vw;
  }
}

.siteFooter-logo-slogan {
  display: block;
  font-family: "Carbona", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
  color: #fff;
  white-space: nowrap;
}
@media (min-width: 1920px) {
  .siteFooter-logo-slogan {
    font-size: 0.8888888889vw;
  }
}

.siteFooter-grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 40px 40px;
}
@media (min-width: 1920px) {
  .siteFooter-grid {
    grid-gap: 2.2222222222vw 2.2222222222vw;
  }
}
@media (min-width: 769px) {
  .siteFooter-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1024px) {
  .siteFooter-grid {
    grid-template-columns: minmax(0, 432px) repeat(4, minmax(0, 207px));
    grid-gap: 20px 20px;
    justify-content: space-between;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .siteFooter-grid {
    grid-gap: 1.1111111111vw 1.1111111111vw;
  }
}

.siteFooter-col {
  display: flex;
  flex-direction: column;
}
.siteFooter-col--contact {
  gap: 24px;
}
@media (min-width: 1920px) {
  .siteFooter-col--contact {
    gap: 1.3333333333vw;
  }
}
.siteFooter-col--nav {
  gap: 10px;
}
@media (min-width: 1920px) {
  .siteFooter-col--nav {
    gap: 0.5555555556vw;
  }
}

.siteFooter-block {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
@media (min-width: 1920px) {
  .siteFooter-block {
    gap: 0.2222222222vw;
  }
}

.siteFooter-title {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.54;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #96BEF9;
}
@media (min-width: 1920px) {
  .siteFooter-title {
    font-size: 0.7777777778vw;
  }
}
.siteFooter-title--brand {
  font-size: 16px;
  text-transform: none;
  letter-spacing: 0;
}
@media (min-width: 1920px) {
  .siteFooter-title--brand {
    font-size: 0.8888888889vw;
  }
}

.siteFooter-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.siteFooter-list li {
  margin: 0;
  padding: 4px 0px 4px 0px;
}
@media (min-width: 1920px) {
  .siteFooter-list li {
    padding: 0.2222222222vw 0vw 0.2222222222vw 0vw;
  }
}
.siteFooter-list a {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  color: #F5F5F5;
}
@media (min-width: 1920px) {
  .siteFooter-list a {
    font-size: 0.7777777778vw;
  }
}

.siteFooter .social-icons {
  margin-top: 8px;
}
@media (min-width: 1920px) {
  .siteFooter .social-icons {
    margin-top: 0.4444444444vw;
  }
}
.siteFooter .social-icons ul {
  gap: 20px;
}
@media (min-width: 1920px) {
  .siteFooter .social-icons ul {
    gap: 1.1111111111vw;
  }
}
.siteFooter .social-icons a {
  background-color: transparent;
  padding: 0;
  width: 20px;
  height: 20px;
  color: #F5F5F5;
}
@media (min-width: 1920px) {
  .siteFooter .social-icons a {
    width: 1.1111111111vw;
  }
}
@media (min-width: 1920px) {
  .siteFooter .social-icons a {
    height: 1.1111111111vw;
  }
}
.siteFooter .social-icons a:after {
  font-size: 20px;
}
@media (min-width: 1920px) {
  .siteFooter .social-icons a:after {
    font-size: 1.1111111111vw;
  }
}

.siteFooter-partners {
  background-color: #EFEBE6;
  padding: 30px clamp(20px, 8.86px + 2.857vw, 50px);
}
@media (min-width: 1920px) {
  .siteFooter-partners {
    padding: 1.6666666667vw clamp(20px, 8.86px + 2.857vw, 50px);
  }
}

.siteFooter-partners-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  max-width: 1340px;
  margin: 0 auto;
}
@media (min-width: 1920px) {
  .siteFooter-partners-row {
    gap: 1.6666666667vw;
  }
}
.siteFooter-partners-row a {
  display: inline-flex;
  align-items: center;
  transition: opacity 0.2s;
}
.siteFooter-partners-row a:hover {
  opacity: 0.7;
}
.siteFooter-partners-row a img {
  max-height: 60px;
  width: auto;
}

body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
.page-template-default .pageContent:not(.wideContent) .mainContent,
.page-template-page-narrowcontent .pageContent .mainContent,
.page-template-page-experience .pageContent .mainContent,
.page-blog .pageContent .mainContent,
.narrowContentParts {
  max-width: 900px;
}
@media (min-width: 1920px) {
  body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
  .page-template-default .pageContent:not(.wideContent) .mainContent,
  .page-template-page-narrowcontent .pageContent .mainContent,
  .page-template-page-experience .pageContent .mainContent,
  .page-blog .pageContent .mainContent,
  .narrowContentParts {
    max-width: 50vw;
  }
}

.routesList,
.routesList .contentItemsList {
  max-width: unset !important;
}

.routesList .contentItemsList {
  padding-top: 20px;
}
@media (min-width: 1920px) {
  .routesList .contentItemsList {
    padding-top: 1.1111111111vw;
  }
}

.narrowContentParts {
  margin: 0 auto;
  margin-bottom: 60px;
}
@media (min-width: 1920px) {
  .narrowContentParts {
    margin-bottom: 3.3333333333vw;
  }
}
@media (min-width: 900px) {
  .narrowContentParts {
    padding: 0 25px;
  }
}
@media (min-width: 1920px) {
  .narrowContentParts {
    padding: 0.5vw 1vw;
  }
}

.rad {
  border-radius: 14px;
}
@media (min-width: 1920px) {
  .rad {
    border-radius: 0.7777777778vw;
  }
}

.boatDetail {
  padding-bottom: 60px;
}
@media (min-width: 1920px) {
  .boatDetail {
    padding-bottom: 3.3333333333vw;
  }
}

.section {
  padding-bottom: 20px;
}
.site-header .section {
  padding-bottom: unset;
}

.pageContent.noHeader {
  padding-top: 60px;
}
@media (min-width: 1920px) {
  .pageContent.noHeader {
    padding-top: 3.3333333333vw;
  }
}

.mainContent p {
  max-width: 860px;
}
@media (min-width: 1920px) {
  .mainContent p {
    max-width: 47.7777777778vw;
  }
}
.mainContent .text-content.mainInsideContent > h2, .mainContent .text-content.mainInsideContent > h3, .mainContent .text-content.mainInsideContent > p, .mainContent .text-content.mainInsideContent > ol, .mainContent .text-content.mainInsideContent > ul, .mainContent .text-content.mainInsideContent > table, .mainContent .text-content.mainInsideContent > figure, .pageContent .mainContent > h2, .pageContent .mainContent > h3, .pageContent .mainContent > p, .pageContent .mainContent > ol, .pageContent .mainContent > ul, .pageContent .mainContent > table, .pageContent .mainContent > figure {
  max-width: 860px;
}
@media (min-width: 1920px) {
  .mainContent .text-content.mainInsideContent > h2, .mainContent .text-content.mainInsideContent > h3, .mainContent .text-content.mainInsideContent > p, .mainContent .text-content.mainInsideContent > ol, .mainContent .text-content.mainInsideContent > ul, .mainContent .text-content.mainInsideContent > table, .mainContent .text-content.mainInsideContent > figure, .pageContent .mainContent > h2, .pageContent .mainContent > h3, .pageContent .mainContent > p, .pageContent .mainContent > ol, .pageContent .mainContent > ul, .pageContent .mainContent > table, .pageContent .mainContent > figure {
    max-width: 47.7777777778vw;
  }
}
.mainContent .text-content.mainInsideContent > .has-text-align-center, .pageContent .mainContent > .has-text-align-center {
  margin-left: auto;
  margin-right: auto;
}
.mainContent ul {
  padding-left: 20px;
}
@media (min-width: 1920px) {
  .mainContent ul {
    padding-left: 1.1111111111vw;
  }
}
.mainContent ul li {
  margin-bottom: 0.1em;
}

.pageContent p a,
.pageContent li a {
  text-decoration: underline;
  color: #0A0D4A;
}

.wp-block-quote:not(.simple) {
  padding: 40px 0px 40px 0px;
  margin: 40px 0px 40px 0px;
  border-top: 1px solid rgba(6, 17, 32, 0.1019607843);
  border-bottom: 1px solid rgba(6, 17, 32, 0.1019607843);
}
@media (min-width: 1920px) {
  .wp-block-quote:not(.simple) {
    padding: 2.2222222222vw 0vw 2.2222222222vw 0vw;
  }
}
@media (min-width: 1920px) {
  .wp-block-quote:not(.simple) {
    margin: 2.2222222222vw 0vw 2.2222222222vw 0vw;
  }
}
.wp-block-quote:not(.simple) p,
.wp-block-quote:not(.simple) cite {
  max-width: 850px;
  margin: 0 auto;
  font-weight: 700;
}
@media (min-width: 1920px) {
  .wp-block-quote:not(.simple) p,
  .wp-block-quote:not(.simple) cite {
    max-width: 57%;
  }
}
.wp-block-quote:not(.simple) cite {
  font-weight: normal;
  font-style: italic;
  display: block;
  margin-top: 20px;
  font-size: 16px;
  opacity: 0.9;
}
@media (min-width: 1920px) {
  .wp-block-quote:not(.simple) cite {
    margin-top: 1.1111111111vw;
  }
}
@media (min-width: 1920px) {
  .wp-block-quote:not(.simple) cite {
    font-size: 0.8888888889vw;
  }
}

.wp-block-quote.simple,
.likeAQuote {
  margin-left: 0 !important;
}
.wp-block-quote.simple p,
.likeAQuote p {
  font-size: 20px;
  color: rgb(6, 17, 32);
  opacity: 0.5;
}
@media (min-width: 1920px) {
  .wp-block-quote.simple p,
  .likeAQuote p {
    font-size: 1.1111111111vw;
  }
}

.alignwide:not(.wp-block-post-featured-image) {
  max-width: 850px;
  margin: 0 auto;
}
@media (min-width: 1920px) {
  .alignwide:not(.wp-block-post-featured-image) {
    max-width: 57%;
  }
}

.navaSummerStories .wp-block-column {
  justify-content: center;
}
.navaSummerStories figure {
  margin-top: 0;
}

.narrowContent {
  max-width: 920px;
  margin: 0 auto;
}

.boatList {
  padding-bottom: 30px;
}
@media (min-width: 1920px) {
  .boatList {
    padding-bottom: 1.6666666667vw;
  }
}

.page-template-page-boatlist-sales .boatList .content .notice-big {
  flex: 0 0 100%;
  font-family: "Carbona", sans-serif;
  font-size: 16px;
  line-height: 1.4;
  padding: 16px 20px 16px 20px;
  margin-bottom: 24px;
  background-color: rgba(198, 156, 109, 0.06);
  color: #0A0D4A;
}
@media (min-width: 1920px) {
  .page-template-page-boatlist-sales .boatList .content .notice-big {
    font-size: 0.8888888889vw;
  }
}
@media (min-width: 1920px) {
  .page-template-page-boatlist-sales .boatList .content .notice-big {
    padding: 0.8888888889vw 1.1111111111vw 0.8888888889vw 1.1111111111vw;
  }
}
@media (min-width: 1920px) {
  .page-template-page-boatlist-sales .boatList .content .notice-big {
    margin-bottom: 1.3333333333vw;
  }
}

.wp-block-table table {
  border-collapse: unset;
}
.wp-block-table table thead {
  background-color: #e4ecf1;
}
.wp-block-table table tr:nth-child(even) {
  background-color: #f4f5f7;
}
.wp-block-table table th,
.wp-block-table table td {
  padding: 15px 20px 15px 20px;
  border: 0 none;
}
@media (min-width: 1920px) {
  .wp-block-table table th,
  .wp-block-table table td {
    padding: 0.8333333333vw 1.1111111111vw 0.8333333333vw 1.1111111111vw;
  }
}

.breadcrumb {
  font-size: 12px;
}
@media (min-width: 1920px) {
  .breadcrumb {
    font-size: 0.6666666667vw;
  }
}
.breadcrumb.content {
  padding-left: 0;
  padding-right: 0;
  max-width: unset;
}

.crossed {
  text-decoration: line-through;
}

.debug {
  position: relative;
  display: inline-block;
  background-color: #dce2f7;
  font-size: 14px;
  padding: 4px 10px;
  margin: 0;
  color: #000;
}

.coloredUlList {
  padding-left: 0 !important;
}
.coloredUlList li {
  font-size: 16px;
  list-style: none;
  font-weight: 700;
  color: #62717a;
  display: flex;
  align-items: center;
}
@media (min-width: 1920px) {
  .coloredUlList li {
    font-size: 0.8888888889vw;
  }
}
.coloredUlList strong {
  font-size: 21px;
  padding-right: 7px;
  color: #0A0D4A;
}
@media (min-width: 1920px) {
  .coloredUlList strong {
    font-size: 1.1666666667vw;
  }
}
@media (min-width: 1920px) {
  .coloredUlList strong {
    padding-right: 0.3888888889vw;
  }
}

.logo.sales, .logo.volvo {
  display: none;
}

body[class*=sales] .logo {
  display: none !important;
}
body[class*=sales] .logo.sales {
  display: block !important;
}

body[class*=volvo] .logo {
  display: none !important;
}
body[class*=volvo] .logo.volvo {
  display: block !important;
}

.home .contentArea > .content {
  padding-bottom: 0;
}

.wp-block-column {
  word-break: normal;
  overflow-wrap: normal;
}

.specialOffers.weekly {
  padding-top: 22px;
}
@media (min-width: 1920px) {
  .specialOffers.weekly {
    padding-top: 1.2222222222vw;
  }
}

.getInFolder {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.getInFolder p {
  margin: 0;
}

:where(.wp-block-columns.is-layout-flex.navaSummerStories) {
  gap: 3.33333vw;
}

.navaSummerStories p {
  font-size: 20px;
  color: #62717a;
}
@media (min-width: 1920px) {
  .navaSummerStories p {
    font-size: 1.1111111111vw;
  }
}

#cookiesOptInMessage {
  position: fixed;
  z-index: 99999999999;
  left: 0;
  bottom: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
}
#cookiesOptInMessage p {
  font-size: 16px;
}
@media (min-width: 1920px) {
  #cookiesOptInMessage p {
    font-size: 0.8888888889vw;
  }
}
#cookiesOptInMessage button:not(.outline) {
  margin: 0;
}

.wp-block-image a {
  display: inline-block;
  border-radius: 14px;
  overflow: hidden;
}
@media (min-width: 1920px) {
  .wp-block-image a {
    border-radius: 0.7777777778vw;
  }
}
.wp-block-image a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.boat-list.insideText > .item .boat-text .boat-data h1 a {
  font-size: 24px;
}
@media (min-width: 1920px) {
  .boat-list.insideText > .item .boat-text .boat-data h1 a {
    font-size: 1.3333333333vw;
  }
}

.moreModal h2 {
  font-size: 24px;
  margin-top: 0;
}
@media (min-width: 1920px) {
  .moreModal h2 {
    font-size: 1.3333333333vw;
  }
}
.moreModal .wp-block-column {
  flex-basis: unset;
  flex-grow: unset;
  margin-right: 1vw;
}
.moreModal .wp-block-image {
  border-radius: 14px;
  overflow: hidden;
}
@media (min-width: 1920px) {
  .moreModal .wp-block-image {
    border-radius: 0.7777777778vw;
  }
}

.background {
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgba(46, 194, 213, 0.05) 100%);
}

.regularContentHolder p,
.regularContentHolder h2 {
  max-width: unset !important;
}
.regularContentHolder .regularContent {
  max-width: 900px;
}
@media (min-width: 1920px) {
  .regularContentHolder .regularContent {
    max-width: 50vw;
  }
}

.iconsTop .wp-block-column {
  padding-top: 45px;
}
@media (min-width: 1920px) {
  .iconsTop .wp-block-column {
    padding-top: 2.5vw;
  }
}
.iconsTop .wp-block-column h3 {
  margin-top: 0;
}

.department-main {
  background: url(../img/icons/icon-mappin.svg) left top no-repeat;
  background-size: 31px;
}
@media (min-width: 1024px) {
  .department-main {
    background-size: 7%;
  }
}

.department-sales {
  background: url(../img/icons/icon-motorboats.svg) left top no-repeat;
  background-size: 82px;
}
@media (min-width: 1024px) {
  .department-sales {
    background-size: 20%;
  }
}

.department-charter {
  background: url(../img/icons/icon-sailigboat.svg) left top no-repeat;
  background-size: 37px;
}
@media (min-width: 1024px) {
  .department-charter {
    background-size: 8%;
  }
}

.department-volvopenta {
  background: url(../img/icons/icon-engine.svg) left top no-repeat;
  background-size: 46px;
}
@media (min-width: 1024px) {
  .department-volvopenta {
    background-size: 11%;
  }
}

@media (min-width: 1024px) {
  .navaContacts {
    background-image: url(../img/icons/nava-contact-1.png), url(../img/icons/nava-contact-2.png), linear-gradient(180deg, rgb(255, 255, 255) 0%, rgba(46, 194, 213, 0.05) 100%);
    background-position: 2% center, right center;
    background-repeat: no-repeat, no-repeat;
    background-size: 12%, 12%, 100%;
  }
}
.navaContacts a {
  text-decoration: underline;
}

@media (min-width: 782px) {
  .cut {
    max-height: 6vw;
    overflow: hidden;
    position: relative;
  }
}
@media (min-width: 782px) {
  .cut:after {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 90%;
    width: 100%;
    content: "";
    display: block;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  }
}

.paddingtop-20 {
  padding-top: 20px;
}
@media (min-width: 1920px) {
  .paddingtop-20 {
    padding-top: 1.1111111111vw;
  }
}

#cookiescript_badge {
  left: 77px !important;
  bottom: 13px !important;
  opacity: 0.2 !important;
}
.page-detail-charter.ultraMobRes #cookiescript_badge {
  bottom: 83px !important;
}
.calculationDetailsOpen #cookiescript_badge {
  display: none;
}
#cookiescript_badge:hover {
  opacity: 1 !important;
}
@media (min-width: 415px) {
  #cookiescript_badge {
    left: 77px !important;
    bottom: 8px !important;
  }
}
@media (min-width: 1920px) {
  #cookiescript_badge {
    left: 4.2vw !important;
    bottom: 0.6vw !important;
  }
}
@media (min-width: 2300px) {
  #cookiescript_badge {
    bottom: 0.77vw !important;
  }
}

label.cookiescript_checkbox_label:not(.radio-container):not(.check-container) {
  display: inherit !important;
}

.mdc-checkbox__checkmark {
  margin-right: unset !important;
  height: unset !important;
}

.lb-nav div.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(../img/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  transition: opacity 0.6s;
}

.lb-nav div.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(../img/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  transition: opacity 0.6s;
}

/* Count down */
ul#countdown {
  position: relative;
  top: 50%;
  margin: 50px auto;
  margin-top: 30px;
  margin-bottom: 50px;
  padding: 15px 0 20px 0;
  border: 1px solid #adafb2;
  color: #a9a9a9;
  border-width: 1px 0;
  overflow: hidden;
  font-weight: bold;
  z-index: 5;
  max-width: 1200px;
}
@media (min-width: 1920px) {
  ul#countdown {
    margin-top: 1.6666666667vw;
  }
}
@media (min-width: 1920px) {
  ul#countdown {
    margin-bottom: 2.7777777778vw;
  }
}
ul#countdown li {
  margin: 0 -3px 0 0;
  padding: 0;
  display: inline-block;
  width: 25%;
  font-size: 50px;
  text-align: center;
}
@media (min-width: 769px) {
  ul#countdown li {
    font-size: 6vw;
  }
}
ul#countdown li .label {
  color: #adafb2;
  font-size: 14px;
  text-transform: uppercase;
}
@media (min-width: 769px) {
  ul#countdown li .label {
    font-size: 1.5vw;
  }
}

.error404 .contentItemsList.carousel.simple {
  max-width: unset;
  width: 100%;
  padding: 10px 25px;
}
@media (min-width: 1530px) {
  .error404 .contentItemsList.carousel.simple {
    max-width: 85%;
    padding: unset;
  }
}

/* Volvo penta services */
.servicesMapWrapper {
  overflow-x: auto;
  padding-bottom: 290px;
}
@media (max-width: 551px) {
  .servicesMapWrapper {
    width: 100vw;
    margin-left: -15px;
  }
}
@media (min-width: 1920px) {
  .servicesMapWrapper {
    padding-bottom: 15vw;
  }
}

.mainContent.services .alignwide:not(.wp-block-post-featured-image) {
  max-width: 1200px !important;
}
@media (min-width: 1920px) {
  .mainContent.services .alignwide:not(.wp-block-post-featured-image) {
    max-width: 66.666vw !important;
  }
}

.quadContentBlock, .reviewsSection {
  padding-top: 15px;
}
@media (min-width: 1920px) {
  .quadContentBlock, .reviewsSection {
    padding-top: 0.8333333333vw;
  }
}

@media (max-width: 760px) {
  .discoverSection {
    display: none;
  }
}

/* Charter management stranica */
.managementServices {
  padding-top: 40px;
  margin-bottom: 25px;
}
@media (min-width: 1920px) {
  .managementServices {
    padding-top: 2.2222222222vw;
  }
}
@media (min-width: 1920px) {
  .managementServices {
    margin-bottom: 1.3888888889vw;
  }
}
.managementServices.boatselection {
  background: url(../img/icons/landing/SAILING_BOAT_landing.svg) top left no-repeat;
  background-size: 61px;
}
@media (min-width: 1920px) {
  .managementServices.boatselection {
    background-size: 3.4vw;
  }
}
.managementServices.yachtadministration {
  background: url(../img/icons/blog_icon.svg) top left no-repeat;
  background-size: 48px;
}
@media (min-width: 1920px) {
  .managementServices.yachtadministration {
    background-size: 2.7vw;
  }
}
.managementServices.maintenance {
  background: url(../img/icons/highlight-experience.svg) top left no-repeat;
  background-size: 38px;
}
@media (min-width: 1920px) {
  .managementServices.maintenance {
    background-size: 2.11vw;
  }
}
.managementServices.insurance {
  background: url(../img/icons/highlight-guaranteed.svg) top left no-repeat;
  background-size: 40px;
}
@media (min-width: 1920px) {
  .managementServices.insurance {
    background-size: 2.22vw;
  }
}
.managementServices.boatfinancing {
  background: url(../img/icons/best_price_icon.svg) top left no-repeat;
  background-size: 43px;
}
@media (min-width: 1920px) {
  .managementServices.boatfinancing {
    background-size: 2.4vw;
  }
}
.managementServices.crewmanagement {
  background: url(../img/icons/captain_icon.svg) top left no-repeat;
}
.managementServices.marketing {
  background: url(../img/icons/programs_icon.svg) top left no-repeat;
}

.sales .managementServices {
  filter: invert(2%) sepia(56%) saturate(124%) hue-rotate(352deg) brightness(22%) contrast(46%);
}

/*yacht-charter-management-program-in-croatia*/
.page-id-2404 .pageContent, .page-id-5182 .pageContent {
  background: url(../img/val.svg) left 13% no-repeat;
  background-size: 100%;
}
.page-id-2404 .content.mainContent, .page-id-5182 .content.mainContent {
  background: url(../img/val.svg) left 77% no-repeat;
  background-size: 100%;
}

.largeText {
  color: #82888F;
  font-size: 20px !important;
  margin-bottom: 45px !important;
}
@media (min-width: 1920px) {
  .largeText {
    font-size: 1.111vw !important;
    margin-bottom: 2.5vw !important;
  }
}

.colorBoxes .wp-block-column {
  background-color: #F5F5F5;
  border-radius: 14px;
  padding: 10px 25px 10px 25px;
}
@media (min-width: 1920px) {
  .colorBoxes .wp-block-column {
    border-radius: 0.7777777778vw;
  }
}
@media (min-width: 1920px) {
  .colorBoxes .wp-block-column {
    padding: 0.5555555556vw 1.3888888889vw 0.5555555556vw 1.3888888889vw;
  }
}

.colorArea {
  background-color: #F5F5F5;
  padding: 30px 20px 30px 20px;
}
@media (min-width: 1920px) {
  .colorArea {
    padding: 1.6666666667vw 1.1111111111vw 1.6666666667vw 1.1111111111vw;
  }
}

.likealink {
  color: #0091ff;
}

.blockOfferNoOffer {
  border: 1px solid #6e6e6e;
  display: inline-block;
  padding: 20px 20px 20px 20px;
}
@media (min-width: 1920px) {
  .blockOfferNoOffer {
    padding: 1.1111111111vw 1.1111111111vw 1.1111111111vw 1.1111111111vw;
  }
}
.blockOfferNoOffer p {
  margin-bottom: 0;
}
.blockOfferNoOffer a.readMore {
  text-decoration: none;
}

.contentEditorLink {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  z-index: 12000;
  background: rgba(29, 35, 39, 0.7803921569);
  color: #fff;
  text-align: right;
  padding: 20px 20px 0;
  max-width: 465px;
  border-radius: 20px;
}
.contentEditorLink p {
  max-width: unset;
  width: unset;
}

.topBar {
  background-color: #F8F8F7 !important;
  background-image: none !important;
}
@media (min-width: 1530px) {
  .topBar {
    font-size: 0.8vw;
  }
}
.deskRes .topBar {
  opacity: 1;
}
.topBar * {
  color: #fff !important;
}
.topBar .content {
  display: flex;
  justify-content: space-between;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  display: block;
}
@media (max-width: 550px) {
  .topBar .content {
    padding-left: 0;
  }
}
.topBar .leftPart {
  margin-right: 0;
}
@media (min-width: 1920px) {
  .topBar .leftPart {
    margin-right: 0.5555555556vw;
  }
}
.topBar .rihtPart {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  justify-content: flex-end;
}
.topBar .menu, .topBar .topMenu {
  margin: 0;
  padding: 0;
  display: inline;
}
.topBar .menu ul, .topBar .menu li, .topBar .topMenu ul, .topBar .topMenu li {
  margin: 0;
  padding: 0;
  display: inline;
}
.topBar .menu a, .topBar .topMenu a {
  margin-right: 10px;
  text-transform: uppercase;
}
@media (min-width: 1920px) {
  .topBar .menu a, .topBar .topMenu a {
    margin-right: 0.5555555556vw;
  }
}
.topBar .topMenu {
  display: flex;
  justify-content: space-around;
  /*gap: .1rem;*/
}
@media (min-width: 769px) {
  .topBar .topMenu {
    justify-content: flex-start;
  }
}
.topBar .topMenu a {
  margin: 0 !important;
  padding: 15px 10px;
  display: block;
  text-align: center;
  letter-spacing: 2.2px;
  font-weight: 600;
  white-space: nowrap;
  font-size: 14px;
}
@media (min-width: 1920px) {
  .topBar .topMenu a {
    font-size: 0.7777777778vw;
  }
}
@media (min-width: 769px) {
  .topBar .topMenu a {
    padding: 15px 33px 15px 33px;
  }
}
@media (min-width: 769px) and (min-width: 1920px) {
  .topBar .topMenu a {
    padding: 0.8333333333vw 1.8333333333vw 0.8333333333vw 1.8333333333vw;
  }
}
.topBar .topMenu li {
  display: block;
  width: 100%;
  /* &:nth-child(1) {
    background-image: url(../img/HOME_icon.svg);
    background-position: center center;
    background-repeat: no-repeat;

    @include fablet {
      background-position: 11% center;
      background-size: 12%;
    }

    a {
      opacity: 0;

      @include fablet {
        opacity: 1;
        padding-left: 58px;
      }
    }
  } */
  /* &.volvoMenuMainItem {
    background-image: url(../img/Volvo-Penta-menu.svg);
    background-size: calc(100% - 40px);
      background-repeat: no-repeat;
      background-position: center;
      min-width: 200px;

      @include tablet {
        background-size: contain;
      }

      a {
        opacity: 0;
        padding: 15px 20px;
      }
  } */
}
@media (min-width: 769px) {
  .topBar .topMenu li {
    width: unset;
  }
}
.topBar .topMenu.charter {
  /*li:nth-child(1) {
    background-color: $nava-primary;
  }*/
  /* .charterMenuMainItem {
    display: none;
  } */
  /*li:nth-child(2) a {
    background-color: $nava-primary;
    color: #fff !important;
  }*/
}
.topBar .topMenu.charter a {
  color: #0A0D4A !important;
}
.topBar .topMenu.charter li:nth-child(1) {
  background-color: #f1f1f1 !important;
}
.topBar .topMenu.sales {
  /* li:nth-child(1) {
    background-color: #f1f1f1 !important;
    background-image: url(../img/HOME_sales_icon.svg);
  } */
}
.topBar .topMenu.sales li {
  /*background-color: #ececed;*/
  background-color: #F8F8F7 !important;
}
.topBar .topMenu.sales li a {
  color: #0A0D4A !important;
  background-color: transparent !important;
}
.topBar .topMenu.sales .salesMenuMainItem {
  background-color: #f1f1f1 !important;
}
.topBar .topMenu.volvopenta {
  /*li:nth-child(4) a {
    background-color: $nava-primary;
    color: #fff !important;
  }*/
}
.topBar .topMenu.volvopenta a {
  color: #0A0D4A !important;
}
.topBar .topMenu.volvopenta li:nth-child(1) {
  /* background-color: #f1f1f1 !important;
  background-image: url(../img/HOME_volvo_icon.svg); */
}
.topBar .topMenu.volvopenta .volvoMenuMainItem {
  background-color: #f1f1f1 !important;
}

.langSelectWrapper {
  position: relative;
  margin-left: 10px;
  transform: translate(-10px, -12px);
  z-index: 15001;
}

.langSelect {
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 15001;
  right: 0;
  top: 0;
  padding: 30px 0 0 12px !important;
  width: 100%;
}
@media (min-width: 1920px) {
  .langSelect {
    padding: 1.6666666667vw 0.5555555556vw 0 0.6666666667vw !important;
  }
}
.openMenu .langSelect {
  z-index: 5000;
}
.langSelect li {
  list-style: none;
  padding: 0;
  margin: 0;
  display: none;
  margin-bottom: 7px;
}
@media (min-width: 1920px) {
  .langSelect li {
    margin-bottom: 0.3888888889vw;
  }
}
.langSelect li.current-lang {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}
.langSelect li.current-lang:after {
  content: "\e80f";
  font-family: "Fontello";
  position: absolute;
  right: 1px;
  cursor: pointer;
  pointer-events: none;
  color: #333;
}
@media (min-width: 1920px) {
  .langSelect li.current-lang:after {
    padding-right: 0.0555555556vw;
  }
}
.langSelect.openLang {
  -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.1);
  background-color: rgba(255, 255, 255, 0.8);
  padding: 30px 45px 0 12px !important;
}
@media (min-width: 1920px) {
  .langSelect.openLang {
    padding: 1.6666666667vw 2.5555555556vw 0 0.6666666667vw !important;
  }
}
.langSelect.openLang li {
  display: block;
}
.langSelect a {
  display: inline-block;
  text-transform: uppercase;
  padding-right: 22px;
  width: 46px;
}
@media (min-width: 1920px) {
  .langSelect a {
    padding-right: 1.2222222222vw;
    width: 2.5555555556vw;
  }
}

.openMenu .main-menu .langSelect {
  display: flex;
  position: relative;
  width: 100%;
  margin: 0;
  padding: 10px 0 !important;
}
.openMenu .main-menu .langSelect li.current-lang {
  display: none;
}
.openMenu .main-menu .langSelect li:not(.current-lang) {
  display: block;
}

.main-menu .topMenu {
  margin: 20px 0;
  text-align: center;
}
@media (min-width: 1920px) {
  .main-menu .topMenu {
    margin: 1.1111111111vw 0;
  }
}
.openMenu .main-menu .topMenu {
  display: flex;
  justify-content: space-around;
  border-bottom: 1px solid rgba(6, 17, 32, 0.1019607843);
}
.main-menu .topMenu a {
  font-size: 12px !important;
  padding: 5px;
  margin: 5px;
}
@media (min-width: 1920px) {
  .main-menu .topMenu a {
    font-size: 0.6666666667vw !important;
    margin: 0.2777777778vw;
    margin: 0.2777777778vw;
  }
}

.openMenu .navBar-items .topMenu {
  margin: 60px 0 0 0 !important;
}
.openMenu .navBar-items .topMenu li {
  margin: 0;
}
.openMenu .navBar-items .topMenu li.current {
  background-color: #96BEF9;
}
.openMenu .navBar-items .topMenu li.current a {
  color: #fff !important;
}
.openMenu .navBar-items .topMenu a {
  display: block;
  padding: 10px;
  text-align: center !important;
  font-size: 16px !important;
}

body[class*=charter] .charterMenuMainItem {
  font-weight: 700;
}

body[class*=sales] .salesMenuMainItem {
  font-weight: 700;
}

/* body:not([class*="sales"]):not([class*="volvopenta"]) li:not(.current-lang).lang-item-hr, */
/*body:not([class*="sales"]) li:not(.current-lang).lang-item-si {
  display:none !important;
} */
body[class*=volvo] .volvoMenuMainItem {
  font-weight: 700;
}

.tagcloud {
  padding: 30px 0 70px;
}
@media (min-width: 551px) {
  .tagcloud {
    padding: 60px 0 100px;
  }
}
.tagcloud .title {
  font-size: 27px !important;
  margin: 20px 0 35px !important;
  font-weight: 700;
}
.tagcloud .tags {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto;
  max-width: 700px;
}
.tagcloud a {
  background-color: #F8F9FB;
  color: #4d5c69;
  font-size: 16px;
  font-weight: normal !important;
  transition: all 0.2s;
  display: block;
  padding: 5px 25px;
  border-radius: 20px;
  white-space: nowrap;
  margin: 0 10px 10px;
}
.tagcloud a:hover {
  background-color: #e8ebf2;
}

.category-banners {
  text-align: center;
}
.category-banners .content {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  justify-content: center;
}
@media (min-width: 769px) {
  .category-banners .content {
    justify-content: space-around;
  }
}
.category-banners .banner {
  width: 100%;
  max-width: 400px;
  margin-bottom: 40px;
  padding: 20px;
}
@media (min-width: 769px) {
  .category-banners .banner {
    width: 50%;
  }
}
.category-banners .banner img {
  max-width: 120px;
}
.category-banners .banner .title {
  margin-bottom: 25px !important;
  font-size: 27px !important;
  color: #0A0D4A;
}
.category-banners .header {
  height: 210px;
  background-color: #F7F7F7;
  border-radius: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 25px;
  transition: all 0.2s;
}
.category-banners p {
  font-family: "Carbona", sans-serif;
  font-size: 16px;
}

.page-internet-knjizara .banner.internet_knjizara {
  display: none;
}

.navBar {
  position: sticky;
  top: 0;
  z-index: 8000;
  background: transparent;
}
.navBar > .content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
}
.navBar > .content::after {
  content: "";
  position: absolute;
  left: clamp(20px, 8.86px + 2.857vw, 50px);
  right: clamp(20px, 8.86px + 2.857vw, 50px);
  bottom: 0;
  height: 1px;
  background-color: #0A0D4A;
  display: none;
}
@media (min-width: 769px) {
  .navBar > .content::after {
    display: block;
  }
}
.navBar ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
}
.navBar ul, .navBar li {
  margin: 0;
  padding: 0;
}
.navBar li.current a {
  color: #0A0D4A;
}
.navBar a:not(.mainLogo) {
  font-family: "Carbona", sans-serif;
  color: #0A0D4A;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
}
@media (min-width: 1920px) {
  .navBar a:not(.mainLogo) {
    font-size: 0.7777777778vw;
  }
}
.current_page_item .navBar a:not(.mainLogo) {
  color: #0A0D4A;
}

.mainLogo {
  display: block;
  width: 177px;
  height: 25px;
  margin: 22px 0;
  -webkit-mask: url("../img/logo-menu.svg") no-repeat center/contain;
  mask: url("../img/logo-menu.svg") no-repeat center/contain;
  background-color: #0A0D4A;
  transition: background-color 0.3s;
}
@media (min-width: 1920px) {
  .mainLogo {
    width: 9.8333333333vw;
    height: 1.3888888889vw;
    margin: 1.2222222222vw 0;
  }
}

.openMenu .mainLogo {
  background-color: #0A0D4A;
}

body.header-on-image:not(.openMenu) .mainLogo {
  background-color: #fff;
}
body.header-on-image:not(.openMenu) .mobMenu-trigger .line {
  background-color: #fff;
}
body.header-on-image:not(.openMenu) .navBar > .content::after {
  background-color: #fff;
}

html:has(body.openMenu),
body.openMenu {
  overflow: hidden;
}

.openMenu .navBar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9100;
}
.openMenu .navBar > .content::after {
  background-color: #050730;
}

.navBar-topMenu {
  display: none;
}

@media (min-width: 769px) {
  .openMenu .navBar-topMenu {
    display: block;
    flex: 1;
  }
}
.openMenu .navBar-topMenu .topMenu {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  justify-content: space-around;
  list-style: none;
}
.openMenu .navBar-topMenu li {
  margin: 0;
}
.openMenu .navBar-topMenu a {
  font-weight: 400;
  color: #0A0D4A;
}
.openMenu .navBar-topMenu .current-dept > a {
  font-weight: 700;
}

.menuOverlay-topMenu {
  padding: 0 clamp(20px, 8.86px + 2.857vw, 50px);
  padding-bottom: 16px;
  flex-shrink: 0;
}
@media (min-width: 1920px) {
  .menuOverlay-topMenu {
    padding-bottom: 0.8888888889vw;
  }
}
@media (min-width: 769px) {
  .menuOverlay-topMenu {
    display: none;
  }
}
.menuOverlay-topMenu .topMenu {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  justify-content: space-between;
  list-style: none;
}
.menuOverlay-topMenu li {
  margin: 0;
}
.menuOverlay-topMenu a {
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  color: #0A0D4A;
}
@media (min-width: 1920px) {
  .menuOverlay-topMenu a {
    font-size: 0.7777777778vw;
  }
}
.menuOverlay-topMenu .current-dept > a {
  font-weight: 700;
}

.menuFooter {
  display: none;
}

.openMenu .menuFooter {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-shrink: 0;
  padding: 20px clamp(20px, 8.86px + 2.857vw, 50px);
  width: 100%;
  margin: 0 auto;
  color: #0A0D4A;
}
@media (min-width: 1024px) {
  .openMenu .menuFooter {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
  }
}
@media (min-width: 1530px) {
  .openMenu .menuFooter {
    max-width: 87%;
  }
}
.openMenu .menuFooter .menuFooter-address {
  font-style: normal;
  font-size: 14px;
  line-height: 1.6;
}
@media (min-width: 1920px) {
  .openMenu .menuFooter .menuFooter-address {
    font-size: 0.7777777778vw;
  }
}
.openMenu .menuFooter .menuFooter-address .title {
  display: block;
  font-weight: 700;
  font-size: inherit !important;
  text-transform: uppercase;
  margin-bottom: 0;
}
.openMenu .menuFooter .menuFooter-address p {
  margin: 4px 0 0 0;
}
.openMenu .menuFooter .menuFooter-address a {
  color: #0A0D4A;
  text-decoration: none;
}
.openMenu .menuFooter .menuFooter-hours {
  margin-top: 20px;
}
@media (min-width: 1920px) {
  .openMenu .menuFooter .menuFooter-hours {
    margin-top: 1.1111111111vw;
  }
}
.openMenu .menuFooter .menuFooter-hours .title {
  margin-top: 12px;
}
.openMenu .menuFooter .menuFooter-hours .title:first-child {
  margin-top: 0;
}
.openMenu .menuFooter .social-icons {
  margin-top: 12px;
}
@media (min-width: 1920px) {
  .openMenu .menuFooter .social-icons {
    margin-top: 0.6666666667vw;
  }
}
.openMenu .menuFooter .social-icons ul {
  width: auto;
  gap: 20px;
}
@media (min-width: 1920px) {
  .openMenu .menuFooter .social-icons ul {
    gap: min(1.1111111111vw, 23.3333333333px);
  }
}
.openMenu .menuFooter .social-icons .icon,
.openMenu .menuFooter .social-icons a {
  background-color: transparent;
  border-radius: 0;
  padding: 0;
  margin: 0;
  color: #0A0D4A;
  width: 24px;
  height: 24px;
}
@media (min-width: 1920px) {
  .openMenu .menuFooter .social-icons .icon,
  .openMenu .menuFooter .social-icons a {
    width: min(1.3333333333vw, 28px);
  }
}
@media (min-width: 1920px) {
  .openMenu .menuFooter .social-icons .icon,
  .openMenu .menuFooter .social-icons a {
    height: min(1.3333333333vw, 28px);
  }
}
.openMenu .menuFooter .social-icons .icon:after,
.openMenu .menuFooter .social-icons a:after {
  font-size: 22px;
}
@media (min-width: 1920px) {
  .openMenu .menuFooter .social-icons .icon:after,
  .openMenu .menuFooter .social-icons a:after {
    font-size: min(1.2222222222vw, 25.6666666667px);
  }
}
.openMenu .menuFooter .social-icons li.volvoShopFooter {
  display: none;
}
.openMenu .menuFooter .menuFooter-langs {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 20px;
  width: auto;
  flex-shrink: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 1920px) {
  .openMenu .menuFooter .menuFooter-langs {
    gap: min(1.1111111111vw, 23.3333333333px);
  }
}
@media (min-width: 1024px) {
  .openMenu .menuFooter .menuFooter-langs {
    justify-content: flex-end;
  }
}
.openMenu .menuFooter .menuFooter-langs li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.openMenu .menuFooter .menuFooter-langs a {
  display: block;
  line-height: 0;
}
.openMenu .menuFooter .menuFooter-langs img {
  display: block;
  width: 28px;
  height: auto;
}
@media (min-width: 1920px) {
  .openMenu .menuFooter .menuFooter-langs img {
    width: min(1.5555555556vw, 32.6666666667px);
  }
}

.menuOverlay {
  display: none;
}

.openMenu .menuOverlay {
  display: flex;
  flex-direction: column;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding-top: 179px;
  background: linear-gradient(180deg, #96BEF9 0%, #8CAFF1 100%);
  z-index: 9000;
  overflow: hidden;
}
@media (min-width: 1920px) {
  .openMenu .menuOverlay {
    padding-top: 9.9444444444vw;
  }
}
@media (max-width: 768px) {
  .openMenu .menuOverlay {
    padding-top: 79px;
  }
}
.openMenu .menuOverlay .main-menu {
  flex: 1;
  overflow: auto;
  width: 100%;
  margin: 0 auto;
  padding: 0 clamp(20px, 8.86px + 2.857vw, 50px);
}
@media (min-width: 1530px) {
  .openMenu .menuOverlay .main-menu {
    max-width: 87%;
  }
}
.openMenu .menuOverlay ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  background-color: transparent;
}
.openMenu .menuOverlay li {
  margin: 12px 0;
  text-align: left;
}
.openMenu .menuOverlay a {
  color: #0A0D4A;
  text-align: left !important;
}
.openMenu .menuOverlay .sub-menu {
  position: static;
  visibility: visible;
  opacity: 1;
  transition: unset;
  box-shadow: none;
  border-top: none;
  transform: none;
  padding: 0;
  background-color: transparent;
  display: block;
}
.openMenu .menuOverlay .sub-menu a {
  font-size: 16px;
  font-weight: 400;
  color: #0A0D4A;
}
@media (min-width: 1920px) {
  .openMenu .menuOverlay .sub-menu a {
    font-size: 0.8888888889vw;
  }
}

.current-page-ancestor > a, .current_page_item > a, .current > a {
  font-weight: 700;
}

.openMenu .current_page_item > a {
  color: #0A0D4A !important;
}
.openMenu .menu {
  padding-bottom: 30px;
  display: flex;
  flex-direction: column;
}
@media (min-width: 1920px) {
  .openMenu .menu {
    padding-bottom: 1.6666666667vw;
  }
}
@media (min-width: 1024px) {
  .openMenu .menu {
    flex-direction: row;
    align-items: flex-start;
  }
}
.openMenu .menu > li {
  margin: 16px 0px 16px 0px;
}
@media (min-width: 1920px) {
  .openMenu .menu > li {
    margin: 0.8888888889vw 0vw 0.8888888889vw 0vw;
  }
}
@media (min-width: 1024px) {
  .openMenu .menu > li {
    margin: 0;
    margin-right: 40px;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .openMenu .menu > li {
    margin-right: 2.2222222222vw;
  }
}
@media (min-width: 1024px) {
  .openMenu .menu > li:last-child {
    margin-right: 0;
    margin-left: auto;
  }
}
.openMenu .menu > li > a {
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  color: #0A0D4A;
  display: flex;
  align-items: flex-start;
}
@media (min-width: 1920px) {
  .openMenu .menu > li > a {
    font-size: 0.8888888889vw;
  }
}
.openMenu .menu > li > a::before {
  content: "";
  flex: 0 0 auto;
  width: 43px;
  height: 4px;
  background: url("../img/icons/waves.svg") center center no-repeat;
  background-size: contain;
  margin-right: 20px;
  margin-top: 0.6em;
}
@media (min-width: 1920px) {
  .openMenu .menu > li > a::before {
    width: 2.3888888889vw;
    height: 0.2222222222vw;
    margin-right: 1.1111111111vw;
  }
}
.openMenu .menu > li .sub-menu {
  padding-left: 63px;
}
@media (min-width: 1920px) {
  .openMenu .menu > li .sub-menu {
    padding-left: 3.5vw;
  }
}
.openMenu .menu > li .sub-menu .sub-menu {
  padding-left: 30px;
}
@media (min-width: 1920px) {
  .openMenu .menu > li .sub-menu .sub-menu {
    padding-left: 1.6666666667vw;
  }
}

.main-menu .sub-menu .fixeddiscountoffers {
  display: none;
}

.mobMenu-trigger {
  display: block;
  cursor: pointer;
}
.mobMenu-trigger .line {
  width: 30px;
  height: 3px;
  background-color: #0A0D4A;
  display: block;
  margin: 7px 0;
  transition: all 0.3s ease-in-out;
}

.openMenu .mobMenu-trigger .line {
  background-color: #0A0D4A;
}
.openMenu .mobMenu-trigger .line:first-child {
  transform: translateY(10px) rotate(45deg);
}
.openMenu .mobMenu-trigger .line:nth-child(2) {
  opacity: 0;
}
.openMenu .mobMenu-trigger .line:nth-child(3) {
  transform: translateY(-10px) rotate(-45deg);
}

.newsletter {
  position: relative;
  overflow: hidden;
  background-color: #96BEF9;
  padding-top: 80px;
  padding-bottom: 80px;
  padding-left: clamp(20px, 8.86px + 2.857vw, 50px);
  padding-right: clamp(20px, 8.86px + 2.857vw, 50px);
  color: #fff;
}
@media (min-width: 1920px) {
  .newsletter {
    padding-top: 4.4444444444vw;
  }
}
@media (min-width: 1920px) {
  .newsletter {
    padding-bottom: 4.4444444444vw;
  }
}
@media (min-width: 1024px) {
  .newsletter {
    min-height: 100vh;
    position: sticky;
    top: 0;
    z-index: 0;
    padding-top: 120px;
    padding-bottom: 120px;
    display: flex;
    align-items: center;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .newsletter {
    padding-top: 6.6666666667vw;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .newsletter {
    padding-bottom: 6.6666666667vw;
  }
}
.newsletter > .content {
  max-width: 655px;
  margin: 0 auto;
  padding: 32px 24px 32px 24px;
  background-color: rgba(150, 190, 249, 0.4);
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
  display: flex;
  flex-direction: column;
  gap: clamp(20px, 3.5vh, 40px);
}
@media (min-width: 1920px) {
  .newsletter > .content {
    padding: 1.7777777778vw 1.3333333333vw 1.7777777778vw 1.3333333333vw;
  }
}
@media (min-width: 1024px) {
  .newsletter > .content {
    padding: 40px 40px 80px 40px;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .newsletter > .content {
    padding: 2.2222222222vw 2.2222222222vw 4.4444444444vw 2.2222222222vw;
  }
}

@media (min-width: 1024px) {
  .logoWall,
  .site-footer {
    position: relative;
    z-index: 1;
  }
}
.newsletter-video {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
}
.newsletter-video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.newsletter > .content,
.newsletter .newsletterFormHolder {
  position: relative;
  z-index: 1;
}

.newsletter-label {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
@media (min-width: 1920px) {
  .newsletter-label {
    gap: 1.1111111111vw;
  }
}
@media (min-width: 1024px) {
  .newsletter-label {
    flex-direction: row;
    justify-content: flex-start;
  }
}

.newsletter-stroke {
  flex: 0 0 43px;
  height: 3px;
  background-color: #fff;
  -webkit-mask: url("../img/icons/waves.svg") no-repeat center/contain;
  mask: url("../img/icons/waves.svg") no-repeat center/contain;
}

.newsletter-label-text {
  font-family: "Carbona", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #fff;
}
@media (min-width: 1920px) {
  .newsletter-label-text {
    font-size: 0.7777777778vw;
  }
}

.newsletter-heading {
  display: flex;
  flex-direction: column;
  gap: clamp(16px, 2.5vh, 32px);
}

.newsletter-title {
  display: block;
  font-family: "Carbona", sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.17;
  color: #fff;
}
@media (min-width: 1920px) {
  .newsletter-title {
    font-size: 1.3333333333vw;
  }
}

.newsletter-subtitle {
  margin: 0;
  font-family: "Carbona", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #fff;
}
@media (min-width: 1920px) {
  .newsletter-subtitle {
    font-size: 0.8888888889vw;
  }
}

.newsletter .newsletterFormHolder {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .newsletter .newsletterFormHolder {
    gap: clamp(40px, 5vh, 56px);
  }
}

.newsletter .fieldset {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0 0 25px;
  padding: 0;
  background-color: transparent;
  border: 0;
  border-radius: 0;
}
@media (min-width: 1024px) {
  .newsletter .fieldset {
    flex-direction: row;
    height: 60px;
    margin-bottom: 0;
  }
}
.newsletter .fieldset input[type=text],
.newsletter .fieldset input[type=email] {
  width: 100%;
  min-width: 0;
  height: 60px;
  padding: 8px 16px 8px 16px;
  background-color: rgba(10, 13, 74, 0.1);
  border: 0 !important;
  border-radius: 0;
  color: #fff;
  font-family: "Carbona", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
}
@media (min-width: 1920px) {
  .newsletter .fieldset input[type=text],
  .newsletter .fieldset input[type=email] {
    padding: 0.4444444444vw 0.8888888889vw 0.4444444444vw 0.8888888889vw;
  }
}
@media (min-width: 1920px) {
  .newsletter .fieldset input[type=text],
  .newsletter .fieldset input[type=email] {
    font-size: 0.7777777778vw;
  }
}
.newsletter .fieldset input[type=text]::placeholder,
.newsletter .fieldset input[type=email]::placeholder {
  color: #96BEF9;
  opacity: 1;
  font-weight: 700;
}
.newsletter .fieldset input[type=text]:focus,
.newsletter .fieldset input[type=email]:focus {
  outline: none;
  box-shadow: none;
}
@media (min-width: 1024px) {
  .newsletter .fieldset input[type=text],
  .newsletter .fieldset input[type=email] {
    flex: 1 1 0;
    height: 100%;
  }
}

.newsletter-bottom {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
}
@media (min-width: 1920px) {
  .newsletter-bottom {
    gap: 0.8888888889vw;
  }
}
@media (min-width: 1024px) {
  .newsletter-bottom {
    flex-direction: row;
    align-items: center;
    gap: clamp(20px, 2vw, 32px);
  }
}

.newsletter .newsletterConsent.check-container {
  position: relative;
  display: block;
  padding-left: 32px;
  margin: 0;
  font-family: "Carbona", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 2;
  color: #96BEF9;
  cursor: pointer;
  user-select: none;
}
@media (min-width: 1920px) {
  .newsletter .newsletterConsent.check-container {
    font-size: 0.6666666667vw;
  }
}
@media (min-width: 1024px) {
  .newsletter .newsletterConsent.check-container {
    flex: 1 1 auto;
  }
}
.newsletter .newsletterConsent.check-container input[type=checkbox] {
  position: absolute;
  opacity: 0;
  width: 22px;
  height: 22px;
  cursor: pointer;
}
.newsletter .newsletterConsent.check-container .check-mark {
  position: absolute;
  top: 0;
  left: 0;
  width: 22px;
  height: 22px;
  background-color: rgba(238, 238, 238, 0.8);
  border: 1px solid #96BEF9;
}
.newsletter .newsletterConsent.check-container .check-mark::after {
  content: "";
  position: absolute;
  inset: 4px;
  background-color: #96BEF9;
  opacity: 0;
  transition: opacity 0.15s;
}
.newsletter .newsletterConsent.check-container input[type=checkbox]:checked ~ .check-mark::after {
  opacity: 1;
}

.newsletter input[type=submit] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: auto;
  padding: 8px 16px 8px 16px;
  border: 1px solid #96BEF9;
  border-radius: 999px;
  background-color: transparent;
  color: #fff;
  font-family: "Carbona", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: normal;
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color 0.2s;
}
@media (min-width: 1920px) {
  .newsletter input[type=submit] {
    padding: 0.4444444444vw 0.8888888889vw 0.4444444444vw 0.8888888889vw;
  }
}
@media (min-width: 1920px) {
  .newsletter input[type=submit] {
    font-size: 0.8888888889vw;
  }
}
.newsletter input[type=submit]:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

.regularForm input:not([type=submit]):not([type=reset]):not([type=radio]):not([type=checkbox]):not([type=button]),
.regularForm select,
.regularForm textarea {
  padding: 17px;
  border: 1px solid rgba(6, 17, 32, 0.1019607843);
  transition: all 0.4s;
  width: 100%;
  max-width: 400px;
  font-size: 16px;
  border-radius: 8px;
}
@media (min-width: 1920px) {
  .regularForm input:not([type=submit]):not([type=reset]):not([type=radio]):not([type=checkbox]):not([type=button]),
  .regularForm select,
  .regularForm textarea {
    font-size: 1vw;
    max-width: 22vw;
  }
}
.regularForm input:not([type=submit]):not([type=reset]):not([type=radio]):not([type=checkbox]):not([type=button]):focus,
.regularForm select:focus,
.regularForm textarea:focus {
  box-shadow: 3px 3px 13px 0px rgba(0, 0, 0, 0.1);
}
.regularForm .fieldset {
  position: relative;
}
.regularForm label:not(.radio-container):not(.check-container) {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  font-size: 16px !important;
  transition: all 0.4s;
}
@media (min-width: 1920px) {
  .regularForm label:not(.radio-container):not(.check-container) {
    font-size: 1vw !important;
  }
}
.regularForm input:focus + label:not(.radio-container):not(.check-container) {
  opacity: 0.5;
}
.regularForm .easepick-wrapper.shrinkAfter + label:not(.radio-container):not(.check-container),
.regularForm input:not(:placeholder-shown) + label:not(.radio-container):not(.check-container) {
  top: -2px;
  transform: scale(0.6);
  transform-origin: left;
  left: -5px;
  opacity: 0.5;
}
.select {
  width: 100%;
  max-width: 400px;
}
@media (min-width: 1920px) {
  .select {
    max-width: 22vw;
  }
}

label:not(.radio-container):not(.check-container) {
  display: block;
  font-weight: 500;
  font-size: 12px;
  /*&:after {
    content:":";
  }*/
}
@media (min-width: 1920px) {
  label:not(.radio-container):not(.check-container) {
    font-size: 0.8vw !important;
  }
}

.hint {
  font-size: 80%;
  margin: 0;
}

.fieldset {
  margin-bottom: 20px;
}

.legend {
  display: block;
  margin-bottom: 10px;
}

/* The container */
.radio-container,
.check-container {
  display: block;
  position: relative;
  padding-left: 32px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@media (min-width: 1920px) {
  .radio-container,
  .check-container {
    padding-left: 2vw;
  }
}

/* Hide the browser's default radio button */
.radio-container input,
.check-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.check-container input {
  width: 0;
  height: 0;
}

/* Create a custom radio button */
.radio-mark,
.check-mark {
  position: absolute;
  top: 0;
  left: 0;
  height: 22px;
  width: 22px;
  background-color: #eee;
  border-radius: 4px;
}
@media (min-width: 1920px) {
  .radio-mark,
  .check-mark {
    height: 1.2vw;
    width: 1.2vw;
    border-radius: 0.2222222222vw;
  }
}

.radio-mark {
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.radio-container:hover input ~ .radio-mark {
  background-color: #eee;
}

/* When the radio button is checked, add a blue background */
.radio-container input:checked ~ .radio-mark,
.check-container input:checked ~ .check-mark {
  background-color: #96BEF9;
}

/* When the radio button is checked and disabled, add a blue background */
.radio-container input:checked:disabled ~ .radio-mark,
.check-container input:checked:disabled ~ .check-mark {
  opacity: 0.4;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.radio-mark:after,
.check-mark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.radio-container input:checked ~ .radio-mark:after,
.check-container input:checked ~ .check-mark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.radio-container .radio-mark:after {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}
@media (min-width: 1920px) {
  .radio-container .radio-mark:after {
    width: 0.4vw;
    height: 0.4vw;
  }
}

/* Style the checkmark/indicator */
.check-container .check-mark:after {
  left: 8px;
  top: 4px;
  width: 4px;
  height: 9px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  box-sizing: content-box;
}
@media (min-width: 1920px) {
  .check-container .check-mark:after {
    left: 0.4vw;
    width: 0.2vw;
    height: 0.5vw;
    border-width: 0 0.2vw 0.2vw 0;
  }
}

.selectWrapper,
.select {
  position: relative;
}
.selectWrapper:after,
.select:after {
  font-family: Fontello;
  content: "\e825";
  line-height: 1;
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  pointer-events: none;
}

input[name=ContactCheck],
input[name=ContactCheckAdd] {
  display: none;
}

.contactModal .contactformWrapper {
  display: flex;
  flex-wrap: wrap;
}
.contactModal .contactformWrapper > .leftPart {
  width: 100%;
}
@media (min-width: 769px) {
  .contactModal .contactformWrapper > .leftPart {
    width: 70%;
    padding-right: 2.2222222222vw;
  }
}
.contactModal .contactformWrapper > .rightPart {
  width: 100%;
}
@media (min-width: 769px) {
  .contactModal .contactformWrapper > .rightPart {
    width: 30%;
  }
}
.contactModal .contactformWrapper form {
  display: flex;
  flex-wrap: wrap;
}
.contactModal .contactformWrapper form .leftPart {
  width: 100%;
}
@media (min-width: 960px) {
  .contactModal .contactformWrapper form .leftPart {
    width: 50%;
    padding-right: 2.2222222222vw;
  }
}
.contactModal .contactformWrapper form .rightPart {
  width: 100%;
}
@media (min-width: 960px) {
  .contactModal .contactformWrapper form .rightPart {
    width: 50%;
  }
}
.contactModal .contactformWrapper form .rightPart .fieldset {
  height: 100%;
}
.contactModal .contactformWrapper form .rightPart textarea {
  height: calc(100% - 20px);
}
.contactModal .contactformWrapper form .fullPart {
  width: 100%;
}
.contactModal .contactformWrapper .contactAddresses {
  padding-top: 40px;
}
@media (min-width: 769px) {
  .contactModal .contactformWrapper .contactAddresses {
    padding-top: unset;
  }
}
.contactModal .contactformWrapper .contactAddresses p {
  margin-top: 0;
}
.contactModal .contactformWrapper input,
.contactModal .contactformWrapper textarea {
  max-width: 100% !important;
}
.contactModal .contactformWrapper label:not(.radio-container):not(.check-container) {
  padding-left: 18px;
}
@media (min-width: 1920px) {
  .contactModal .contactformWrapper label:not(.radio-container):not(.check-container) {
    padding-left: 1vw;
  }
}

#checkbox-container-flexible {
  padding-top: 20px;
}
@media (min-width: 1920px) {
  #checkbox-container-flexible {
    padding-top: 1.1111111111vw;
  }
}
#checkbox-container-flexible .check-container {
  color: #F5F5F5;
}
@media (min-width: 1024px) {
  #checkbox-container-flexible .check-container {
    color: #0A0D4A;
  }
}

.afterSalesContact .fieldset:has(input[name=boat]),
.afterSalesContact .fieldset:has(input[name=engine]),
.afterSalesContact .fieldset:has(.radio-container),
.afterSalesContact .modal > p {
  display: none;
}

input:not([type=submit]):not([type=reset]):not([type=radio]):not([type=checkbox]):not([type=button]),
select,
textarea,
form {
  font-family: "Carbona", sans-serif;
}
input:not([type=submit]):not([type=reset]):not([type=radio]):not([type=checkbox]):not([type=button]):focus,
select:focus,
textarea:focus,
form:focus {
  box-shadow: 0 3px 14px 0 rgba(92, 92, 92, 0.22);
}

.buyerSelect {
  padding-bottom: 20px;
  font-size: 23px;
  letter-spacing: -0.5px;
}
.buyerSelect a {
  color: inherit;
  padding-right: 10px;
}
.buyerSelect .current {
  font-weight: bold;
  text-decoration: underline;
}

.searchFormInHeaderHolder {
  width: 100%;
  display: block;
  margin-bottom: 0;
}
.searchFormInHeaderHolder legend {
  display: none;
}

/*.searchFormHeader, .searchFormHeader * {
  all: unset !important;
}*/
.page-template-page-boatlist-charter .searchFormInHeaderHolder,
.page-template-page-boatlist-charter-landing .searchFormInHeaderHolder,
.page-boatlist-charter .searchFormInHeaderHolder,
.page-template-page-detail-charter .searchFormInHeaderHolder,
.page-detail-charter .searchFormInHeaderHolder {
  width: 90%;
  max-width: 900px;
  margin: 0 auto;
}
@media (min-width: 1920px) {
  .page-template-page-boatlist-charter .searchFormInHeaderHolder,
  .page-template-page-boatlist-charter-landing .searchFormInHeaderHolder,
  .page-boatlist-charter .searchFormInHeaderHolder,
  .page-template-page-detail-charter .searchFormInHeaderHolder,
  .page-detail-charter .searchFormInHeaderHolder {
    max-width: 50vw;
  }
}

@media (min-width: 769px) {
  .page-template-page-boatlist-charter .searchFormInHeaderHolder,
  .page-template-page-boatlist-charter-landing .searchFormInHeaderHolder,
  .page-boatlist-charter .searchFormInHeaderHolder {
    margin-top: 20px;
  }
}
@media (min-width: 1920px) {
  .page-template-page-boatlist-charter .searchFormInHeaderHolder,
  .page-template-page-boatlist-charter-landing .searchFormInHeaderHolder,
  .page-boatlist-charter .searchFormInHeaderHolder {
    margin-top: 1.1111111111vw;
  }
}

.searchFormInHeader {
  padding-right: 40px;
  position: relative;
}
@media (min-width: 1920px) {
  .searchFormInHeader {
    padding-right: 2.2222222222vw;
  }
}
.searchFormInHeader .shortSubmit {
  width: 50px;
  height: 50px;
  background-color: #96BEF9;
  position: absolute;
  right: -18px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 1000px;
  text-align: center;
  line-height: 2;
  transition: all 0.2s;
  padding: 5px 5px 5px 5px;
}
@media (min-width: 1920px) {
  .searchFormInHeader .shortSubmit {
    padding: 0.2777777778vw 0.2777777778vw 0.2777777778vw 0.2777777778vw;
  }
}
@media (min-width: 1920px) {
  .searchFormInHeader .shortSubmit {
    right: -12px;
    width: 2.7777777778vw;
    height: 2.7777777778vw;
  }
}
.searchFormInHeader .shortSubmit:hover {
  background-color: #96BEF9;
}
.searchFormInHeader .shortSubmit:after {
  font-family: "Fontello";
  content: "\e815";
  color: #fff;
  font-size: 20px;
}
@media (min-width: 1920px) {
  .searchFormInHeader .shortSubmit:after {
    font-size: 1.1111111111vw;
  }
}
.searchFormInHeader label {
  font-weight: 600 !important;
  padding-left: 0 !important;
  white-space: nowrap;
  position: absolute;
  pointer-events: none;
}
.searchFormInHeader label:not(.radio-container):not(.check-container) {
  font-size: 14px;
}
@media (min-width: 1920px) {
  .searchFormInHeader label:not(.radio-container):not(.check-container) {
    font-size: 0.7777777778vw;
  }
}
.searchFormInHeader label.check-container,
.searchFormInHeader label.radio-container {
  position: relative;
  padding-left: 32px !important;
  white-space: normal;
  pointer-events: auto;
  font-weight: 400 !important;
}
.searchFormInHeader input[type=text] {
  padding: 20px 0 0 0;
  transition: all 0.4s;
  width: 100%;
  font-size: 16px;
  border: 0 none;
  color: rgba(0, 0, 60, 0.6);
}
@media (min-width: 1920px) {
  .searchFormInHeader input[type=text] {
    font-size: 0.8888888889vw;
  }
}
@media (min-width: 1920px) {
  .searchFormInHeader input[type=text] {
    padding: 1.1111111111vw 0 0 0 !important;
  }
}
.searchFormInHeader input[type=text]:focus {
  box-shadow: none !important;
}
.searchFormInHeader .fields {
  display: grid;
  grid-template-columns: 1.2fr 1.4fr 1.2fr 2fr;
}
.searchFormInHeader .field {
  padding: 0 15px;
  position: relative;
}
@media (min-width: 1920px) {
  .searchFormInHeader .field {
    padding: 0 0.8333333333vw !important;
  }
}
.searchFormInHeader .field:not(:last-child):after {
  content: "";
  position: absolute;
  top: 5px;
  right: 5px;
  width: 1px;
  height: 30px;
  background-color: rgba(6, 17, 32, 0.1019607843);
}
@media (min-width: 1920px) {
  .searchFormInHeader .field:not(:last-child):after {
    top: 0.2777777778vw;
  }
}
@media (min-width: 1920px) {
  .searchFormInHeader .field:not(:last-child):after {
    right: 0.2777777778vw;
  }
}
@media (min-width: 1920px) {
  .searchFormInHeader .field:not(:last-child):after {
    height: 1.6666666667vw;
  }
}
.searchFormInHeader .field .selectWindow {
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 0;
  transform: translateY(calc(100% + 20px));
  background-color: #fff;
  border-radius: 14px;
  min-width: 50%;
  -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.1);
  padding: 12px 0px 12px 0px;
}
@media (min-width: 1920px) {
  .searchFormInHeader .field .selectWindow {
    border-radius: 0.7777777778vw;
  }
}
@media (min-width: 1920px) {
  .searchFormInHeader .field .selectWindow {
    padding: 0.6666666667vw 0vw 0.6666666667vw 0vw;
  }
}
.searchFormInHeader .field .selectWindow a,
.searchFormInHeader .field .selectWindow div {
  display: block;
  line-height: 1.1;
  color: #0A0D4A;
  font-size: 16px;
  padding: 10px 20px 10px 20px;
}
@media (min-width: 1920px) {
  .searchFormInHeader .field .selectWindow a,
  .searchFormInHeader .field .selectWindow div {
    font-size: 0.8888888889vw;
  }
}
@media (min-width: 1920px) {
  .searchFormInHeader .field .selectWindow a,
  .searchFormInHeader .field .selectWindow div {
    padding: 0.5555555556vw 1.1111111111vw 0.5555555556vw 1.1111111111vw;
  }
}
.searchFormInHeader .field .selectWindow a:hover, .searchFormInHeader .field .selectWindow a.selected,
.searchFormInHeader .field .selectWindow div:hover,
.searchFormInHeader .field .selectWindow div.selected {
  background-color: #f4f5f7;
}
.searchFormInHeader .field .selectWindow div {
  cursor: pointer;
}
.searchFormInHeader .field .selectWindow .title {
  line-height: 1.1 !important;
  margin-bottom: 0;
  letter-spacing: unset;
  font-size: 16px;
  margin-bottom: 3px;
}
@media (min-width: 1920px) {
  .searchFormInHeader .field .selectWindow .title {
    font-size: 0.8888888889vw;
  }
}
@media (min-width: 1920px) {
  .searchFormInHeader .field .selectWindow .title {
    margin-bottom: 0.1666666667vw;
  }
}

.litepicker .container__months,
.litepicker .container__days {
  display: grid !important;
}

.litepicker .month-item-header .button-next-month::before {
  font-family: "Fontello";
  content: "\e823";
  color: #3c3c3b !important;
  font-size: 1.25vw !important;
  font-weight: 400;
}

.litepicker .month-item-header .button-previous-month::before {
  font-family: "Fontello";
  content: "\e822";
  color: #3c3c3b !important;
  font-size: 1.25vw !important;
  font-weight: 400;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}

.litepicker .container__footer .button-cancel::before {
  font-family: "Fontello";
  content: "\e806";
  margin-top: -0.15vw;
  margin-right: 0.94vw;
  font-size: 1.25vw;
  font-weight: 300;
}

.preview-date-range {
  font-family: "Raleway", sans-serif;
}

@media (max-width: 576px) and (orientation: portrait) {
  .button-next-month {
    display: none !important;
  }
}
.searchFormInHeaderHolder {
  background-color: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.searchFormInHeader {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 0;
}
@media (min-width: 1024px) {
  .searchFormInHeader {
    flex-direction: row;
    height: 61px;
    align-items: stretch;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .searchFormInHeader {
    height: 3.3888888889vw;
  }
}
.searchFormInHeader .fields {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1 1 auto;
  align-items: stretch;
  grid-template-columns: none;
}
@media (min-width: 1024px) {
  .searchFormInHeader .fields {
    flex-direction: row;
    flex: 0 0 auto;
  }
}
.searchFormInHeader .field {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0;
  padding: 8px 16px 8px 16px;
  background-color: rgba(198, 156, 109, 0.2);
  min-height: 56px;
}
@media (min-width: 1920px) {
  .searchFormInHeader .field {
    padding: 0.4444444444vw 0.8888888889vw 0.4444444444vw 0.8888888889vw;
  }
}
@media (min-width: 1920px) {
  .searchFormInHeader .field {
    min-height: 3.1111111111vw;
  }
}
@media (min-width: 1024px) {
  .searchFormInHeader .field {
    flex: 0 0 229px;
    min-height: 0;
  }
}
.searchFormInHeader .field:not(:last-child)::after {
  display: none;
}
.searchFormInHeader .field label {
  position: static;
  font-family: "Carbona", sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.5;
  color: #F5F5F5;
  margin: 0;
  padding: 0 !important;
  white-space: normal;
  pointer-events: auto;
}
@media (min-width: 1920px) {
  .searchFormInHeader .field label {
    font-size: 0.7777777778vw;
  }
}
.searchFormInHeader .field label:not(.radio-container):not(.check-container) {
  font-size: 14px;
}
@media (min-width: 1920px) {
  .searchFormInHeader .field label:not(.radio-container):not(.check-container) {
    font-size: 0.7777777778vw;
  }
}
.searchFormInHeader .field input,
.searchFormInHeader .field input[type=text] {
  background-color: transparent;
  border: 0;
  padding: 4px 2px !important;
  font-family: "Carbona", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.2;
  color: #F5F5F5;
  width: 100%;
}
@media (min-width: 1920px) {
  .searchFormInHeader .field input,
  .searchFormInHeader .field input[type=text] {
    font-size: 0.8888888889vw;
  }
}
.searchFormInHeader .field input::placeholder,
.searchFormInHeader .field input[type=text]::placeholder {
  color: #96BEF9;
  opacity: 1;
}
.searchFormInHeader .field input:focus,
.searchFormInHeader .field input[type=text]:focus {
  outline: none;
  box-shadow: none !important;
}
@media (min-width: 1920px) {
  .searchFormInHeader .field input,
  .searchFormInHeader .field input[type=text] {
    padding: 0.2222222222vw 0.1111111111vw !important;
  }
}
.searchFormInHeader .shortSubmit {
  position: relative;
  top: auto;
  right: auto;
  transform: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: auto;
  padding: 14px 24px 14px 24px;
  margin-top: 16px;
  background-color: transparent;
  border: 1px solid #96BEF9;
  border-radius: 999px;
  color: #F5F5F5;
  font-family: "Carbona", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.3;
  text-transform: uppercase;
  text-align: center;
  transition: background-color 0.2s;
}
@media (min-width: 1920px) {
  .searchFormInHeader .shortSubmit {
    padding: 0.7777777778vw 1.3333333333vw 0.7777777778vw 1.3333333333vw;
  }
}
@media (min-width: 1920px) {
  .searchFormInHeader .shortSubmit {
    margin-top: 0.8888888889vw;
  }
}
@media (min-width: 1920px) {
  .searchFormInHeader .shortSubmit {
    font-size: 0.8888888889vw;
  }
}
.searchFormInHeader .shortSubmit span {
  display: block !important;
  color: #F5F5F5;
}
.searchFormInHeader .shortSubmit::after {
  display: none;
}
.searchFormInHeader .shortSubmit:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
@media (min-width: 1024px) {
  .searchFormInHeader .shortSubmit {
    flex: 0 0 60px;
    width: 60px;
    height: 60px;
    padding: 0;
    margin-top: 0;
    align-self: center;
    background-color: rgba(0, 0, 0, 0.3);
    border: 0;
    border-radius: 0;
    text-transform: none;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .searchFormInHeader .shortSubmit {
    width: 3.3333333333vw;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .searchFormInHeader .shortSubmit {
    height: 3.3333333333vw;
  }
}
@media (min-width: 1024px) {
  .searchFormInHeader .shortSubmit:hover {
    background-color: rgba(0, 0, 0, 0.45);
  }
  .searchFormInHeader .shortSubmit span {
    display: none !important;
  }
  .searchFormInHeader .shortSubmit::after {
    content: "";
    display: block;
    width: 24px;
    aspect-ratio: 25/26;
    background: url("../img/magnify-halfopen.svg") no-repeat center/contain;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .searchFormInHeader .shortSubmit::after {
    width: 1.3333333333vw;
  }
}

.searchFormInHeader .field .selectWindow {
  border-radius: 0;
}

.searchFormInHeaderHolder.is-hidden {
  display: none;
}

.salesSearch .numField {
  display: flex;
  align-items: baseline;
  grid-gap: 0px 4px;
}
@media (min-width: 1920px) {
  .salesSearch .numField {
    grid-gap: 0vw 0.2222222222vw;
  }
}
.salesSearch .numField input,
.salesSearch .numField input[type=text] {
  flex: 1 1 auto;
  min-width: 0;
  width: auto;
}
.salesSearch .unit {
  flex: 0 0 auto;
  font-family: "Carbona", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.2;
  color: #96BEF9;
}
@media (min-width: 1920px) {
  .salesSearch .unit {
    font-size: 0.8888888889vw;
  }
}
.salesSearch .shortSubmit.is-disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
.salesSearch .salesSearch-hint {
  display: inline-block;
  margin-top: 8px;
  padding: 6px 12px 6px 12px;
  background-color: rgba(0, 0, 0, 0.55);
  color: #fff;
  font-family: "Carbona", sans-serif;
  font-size: 14px;
  line-height: 1.3;
}
@media (min-width: 1920px) {
  .salesSearch .salesSearch-hint {
    margin-top: 0.4444444444vw;
  }
}
@media (min-width: 1920px) {
  .salesSearch .salesSearch-hint {
    padding: 0.3333333333vw 0.6666666667vw 0.3333333333vw 0.6666666667vw;
  }
}
@media (min-width: 1920px) {
  .salesSearch .salesSearch-hint {
    font-size: 0.7777777778vw;
  }
}
.salesSearch .salesSearch-hint[hidden] {
  display: none;
}
@media (min-width: 1024px) {
  .salesSearch .salesSearch-hint {
    position: absolute;
    left: 0;
    top: 100%;
  }
}

.page-template-page-boatlist-sales .salesSearchHolder {
  background-color: #0A0D4A;
  padding: 24px 0px 24px 0px;
}
@media (min-width: 1920px) {
  .page-template-page-boatlist-sales .salesSearchHolder {
    padding: 1.3333333333vw 0vw 1.3333333333vw 0vw;
  }
}

.reviewsSection {
  display: none;
}
@media (min-width: 1024px) {
  .reviewsSection {
    display: block;
  }
}
.reviewsSection .reviews {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1px;
  background: #e8e8e8;
}
.reviewsSection .rev-item,
.reviewsSection .rev-affirm {
  background: #fff;
  min-height: 340px;
  display: flex;
}
@media (min-width: 1920px) {
  .reviewsSection .rev-item,
  .reviewsSection .rev-affirm {
    min-height: 18.8888888889vw;
  }
}
.reviewsSection .rev-item {
  cursor: pointer;
  overflow: hidden;
}
.reviewsSection .rev-item--imgRight {
  flex-direction: row-reverse;
}
.reviewsSection .rev-item--textOnly .rev-text {
  flex-basis: 100%;
}
.reviewsSection .rev-item:hover .rev-img img {
  transform: scale(1.03);
}
.reviewsSection .rev-img {
  flex: 0 0 50%;
  margin: 0;
  overflow: hidden;
}
.reviewsSection .rev-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}
.reviewsSection .rev-text {
  flex: 1 1 50%;
  padding: 32px 32px 32px 32px;
  display: flex;
  flex-direction: column;
  color: #0A0D4A;
}
@media (min-width: 1920px) {
  .reviewsSection .rev-text {
    padding: 1.7777777778vw 1.7777777778vw 1.7777777778vw 1.7777777778vw;
  }
}
.reviewsSection .rev-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}
@media (min-width: 1920px) {
  .reviewsSection .rev-top {
    margin-bottom: 1.3333333333vw;
  }
}
.reviewsSection .rev-wave {
  display: block;
  width: 43px;
  height: 4px;
  background-color: #C69C6D;
  -webkit-mask: url("../img/icons/waves.svg") no-repeat center/contain;
  mask: url("../img/icons/waves.svg") no-repeat center/contain;
}
@media (min-width: 1920px) {
  .reviewsSection .rev-wave {
    width: 2.3888888889vw;
  }
}
.reviewsSection .rev-month {
  font-size: 14px;
  font-family: "Carbona", sans-serif;
  text-transform: uppercase;
  letter-spacing: 1.4px;
}
@media (min-width: 1920px) {
  .reviewsSection .rev-month {
    font-size: 0.7777777778vw;
  }
}
.reviewsSection .rev-quote {
  font-size: 24px;
  line-height: 1.5;
  margin: 0;
  flex: 1;
}
@media (min-width: 1920px) {
  .reviewsSection .rev-quote {
    font-size: 1.3333333333vw;
  }
}
.reviewsSection .rev-meta {
  margin-top: 24px;
}
@media (min-width: 1920px) {
  .reviewsSection .rev-meta {
    margin-top: 1.3333333333vw;
  }
}
.reviewsSection .rev-boat {
  display: block;
  font-size: 12px;
  font-weight: 700;
}
@media (min-width: 1920px) {
  .reviewsSection .rev-boat {
    font-size: 0.6666666667vw;
  }
}
.reviewsSection .rev-author {
  display: block;
  font-size: 12px;
  font-style: italic;
  margin-top: 5px;
}
@media (min-width: 1920px) {
  .reviewsSection .rev-author {
    font-size: 0.6666666667vw;
  }
}
@media (min-width: 1920px) {
  .reviewsSection .rev-author {
    margin-top: 0.2777777778vw;
  }
}
.reviewsSection .rev-affirm {
  background-color: #96BEF9;
  color: #0A0D4A;
  padding: 32px 32px 32px 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
}
@media (min-width: 1920px) {
  .reviewsSection .rev-affirm {
    padding: 1.7777777778vw 1.7777777778vw 1.7777777778vw 1.7777777778vw;
  }
}
@media (min-width: 1920px) {
  .reviewsSection .rev-affirm {
    gap: 0.8888888889vw;
  }
}
.reviewsSection .rev-affirm p {
  margin: 0;
  font-size: 22px;
  font-family: "Carbona", sans-serif;
  font-weight: 400;
  line-height: 1.3;
}
@media (min-width: 1920px) {
  .reviewsSection .rev-affirm p {
    font-size: 1.2222222222vw;
  }
}

.reviewTypeTitle {
  display: block;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 30px;
}
@media (min-width: 1920px) {
  .reviewTypeTitle {
    font-size: 1.3333333333vw;
  }
}
@media (min-width: 1920px) {
  .reviewTypeTitle {
    margin-bottom: 1.6666666667vw;
  }
}

.reviewTitle {
  display: block;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
}
@media (min-width: 1920px) {
  .reviewTitle {
    font-size: 1vw;
  }
}
@media (min-width: 1920px) {
  .reviewTitle {
    margin-bottom: 0.5555555556vw;
  }
}

.reviewGallery {
  display: grid;
  gap: 1vw;
  grid-template-columns: 1fr 1fr;
  padding-top: 30px;
}
@media (min-width: 1920px) {
  .reviewGallery {
    padding-top: 1.6666666667vw;
  }
}
.reviewGallery figure {
  margin: 0 !important;
}
.reviewGallery img {
  opacity: 1;
  transition: opacity 0.2s;
}
.reviewGallery img:hover {
  opacity: 0.8;
}

.offersPanel.moreReviews .revPanel {
  color: #0A0D4A;
}
.offersPanel.moreReviews .revPanel__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 36px;
}
@media (min-width: 1920px) {
  .offersPanel.moreReviews .revPanel__top {
    margin-bottom: 2vw;
  }
}
.offersPanel.moreReviews .revPanel__wave {
  display: block;
  width: 43px;
  height: 4px;
  background-color: #C69C6D;
  -webkit-mask: url("../img/icons/waves.svg") no-repeat center/contain;
  mask: url("../img/icons/waves.svg") no-repeat center/contain;
}
@media (min-width: 1920px) {
  .offersPanel.moreReviews .revPanel__wave {
    width: 2.3888888889vw;
  }
}
.offersPanel.moreReviews .revPanel__month {
  font-size: 14px;
  font-family: "Carbona", sans-serif;
  text-transform: uppercase;
  letter-spacing: 1.4px;
}
@media (min-width: 1920px) {
  .offersPanel.moreReviews .revPanel__month {
    font-size: 0.7777777778vw;
  }
}
.offersPanel.moreReviews .revPanel__main {
  display: flex;
  align-items: flex-start;
  gap: 40px;
}
@media (min-width: 1920px) {
  .offersPanel.moreReviews .revPanel__main {
    gap: 2.2222222222vw;
  }
}
.offersPanel.moreReviews .revPanel__text {
  flex: 1 1 54%;
}
.offersPanel.moreReviews .revPanel__title {
  font-size: 20px;
  font-family: "Carbona", sans-serif;
  font-weight: 700;
  line-height: 1.2;
  margin: 0;
}
@media (min-width: 1920px) {
  .offersPanel.moreReviews .revPanel__title {
    font-size: 1.1111111111vw;
  }
}
.offersPanel.moreReviews .revPanel__author {
  display: block;
  font-size: 14px;
  line-height: 1.5;
  margin-top: 8px;
}
@media (min-width: 1920px) {
  .offersPanel.moreReviews .revPanel__author {
    font-size: 0.7777777778vw;
  }
}
@media (min-width: 1920px) {
  .offersPanel.moreReviews .revPanel__author {
    margin-top: 0.4444444444vw;
  }
}
.offersPanel.moreReviews .revPanel__body {
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid #C69C6D;
}
@media (min-width: 1920px) {
  .offersPanel.moreReviews .revPanel__body {
    margin-top: 1.3333333333vw;
  }
}
@media (min-width: 1920px) {
  .offersPanel.moreReviews .revPanel__body {
    padding-top: 1.3333333333vw;
  }
}
.offersPanel.moreReviews .revPanel__body p {
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 16px;
}
@media (min-width: 1920px) {
  .offersPanel.moreReviews .revPanel__body p {
    font-size: 0.8888888889vw;
  }
}
@media (min-width: 1920px) {
  .offersPanel.moreReviews .revPanel__body p {
    margin-bottom: 0.8888888889vw;
  }
}
.offersPanel.moreReviews .revPanel__body p:last-child {
  margin-bottom: 0;
}
.offersPanel.moreReviews .revPanel__image {
  flex: 0 0 40%;
  margin: 0;
}
.offersPanel.moreReviews .revPanel__image img {
  display: block;
  width: 100%;
  height: auto;
}

.toTop {
  position: fixed;
  right: 20px;
  bottom: 70px;
  background-color: #007bff;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  opacity: 0.5;
  text-align: center;
  color: #fff;
  z-index: 8999;
}
@media (min-width: 1920px) {
  .toTop {
    width: 3vw;
    height: 3vw;
  }
}
.toTop:after {
  font-family: Fontello;
  content: "\e80e";
  font-size: 40px;
  line-height: 40px;
}
@media (min-width: 1920px) {
  .toTop:after {
    font-size: 3vw;
    line-height: 3vw;
  }
}
.toTop:hover {
  opacity: 1;
}

.card-set {
  touch-action: manipulation;
  margin: 0;
  padding: 0;
  overflow: hidden;
  text-align: left;
}
.card-set .owl-stage {
  padding-left: 0 !important;
}
.card-set .card, .card-set .wp-block-post {
  display: block;
  position: relative;
  max-width: 100%;
  padding: 0 10px;
}
.card-set .card .image-link, .card-set .card .wp-block-post-featured-image a, .card-set .wp-block-post .image-link, .card-set .wp-block-post .wp-block-post-featured-image a {
  display: block;
  position: relative;
  transition: all 0.2s;
  margin-bottom: 20px;
  border-radius: 14px;
  overflow: hidden;
  height: 40vw;
  background-color: #000;
  -webkit-backface-visibility: hidden;
}
@media (min-width: 1920px) {
  .card-set .card .image-link, .card-set .card .wp-block-post-featured-image a, .card-set .wp-block-post .image-link, .card-set .wp-block-post .wp-block-post-featured-image a {
    border-radius: 0.7777777778vw;
  }
}
.card-set .card .image-link:hover img, .card-set .card .wp-block-post-featured-image a:hover img, .card-set .wp-block-post .image-link:hover img, .card-set .wp-block-post .wp-block-post-featured-image a:hover img {
  opacity: 0.8;
}
@media (min-width: 551px) {
  .card-set .card .image-link, .card-set .card .wp-block-post-featured-image a, .card-set .wp-block-post .image-link, .card-set .wp-block-post .wp-block-post-featured-image a {
    height: 20vw;
  }
}
@media (min-width: 961px) {
  .card-set .card .image-link, .card-set .card .wp-block-post-featured-image a, .card-set .wp-block-post .image-link, .card-set .wp-block-post .wp-block-post-featured-image a {
    height: 14vw;
  }
}
@media (min-width: 1201px) {
  .card-set .card .image-link, .card-set .card .wp-block-post-featured-image a, .card-set .wp-block-post .image-link, .card-set .wp-block-post .wp-block-post-featured-image a {
    height: 11vw;
  }
}
.card-set .card .image-link img, .card-set .card .wp-block-post-featured-image a img, .card-set .wp-block-post .image-link img, .card-set .wp-block-post .wp-block-post-featured-image a img {
  object-fit: cover;
  height: 100%;
  width: 100%;
  background-color: #5d5d5d;
  transition: all 0.2s;
  transform: translate3d(0, 0, 0);
}
.card-set .card .card-text, .card-set .wp-block-post .card-text {
  padding: 0 5px;
}
.card-set .card .title, .card-set .card .wp-block-post-title, .card-set .wp-block-post .title, .card-set .wp-block-post .wp-block-post-title {
  font-size: 16px;
}
@media (min-width: 1920px) {
  .card-set .card .title, .card-set .card .wp-block-post-title, .card-set .wp-block-post .title, .card-set .wp-block-post .wp-block-post-title {
    font-size: 0.8888888889vw;
  }
}
.card-set .card h3, .card-set .wp-block-post h3 {
  margin: 0 0 10px;
}
@media (max-width: 460px) {
  .card-set .card h3, .card-set .wp-block-post h3 {
    font-size: 20px;
  }
}
.card-set .card p, .card-set .wp-block-post p {
  margin-top: 0;
}
@media (min-width: 551px) {
  .card-set.flex {
    padding-bottom: 140px;
  }
}
.card-set.flex .card, .card-set.flex .wp-block-post {
  margin-bottom: 40px;
}
.card-set.flex .image-link:hover, .card-set.flex .wp-block-post-featured-image a:hover {
  -webkit-box-shadow: 0 9px 20px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 9px 20px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 9px 20px 0 rgba(0, 0, 0, 0.1);
}

ul.card-set {
  padding: 0px 0px 0px 7px;
}
@media (min-width: 1920px) {
  ul.card-set {
    padding: 0vw 0vw 0vw 0.3888888889vw;
  }
}

.card-set-wrapper .more {
  transform: translateY(-56px);
  display: inline-block;
}

.card-set-wrapper:not(.carousel) .card-set {
  width: calc(100% + 20px);
  transform: translateX(-10px);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  justify-content: space-between;
}
.card-set-wrapper:not(.carousel) .card {
  margin: 0;
}
@media (min-width: 551px) {
  .card-set-wrapper:not(.carousel) .card {
    max-width: 50%;
  }
}
@media (min-width: 769px) {
  .card-set-wrapper:not(.carousel) .card {
    max-width: 25%;
  }
}

.latestPosts {
  margin-bottom: 120px;
}
@media (min-width: 1920px) {
  .latestPosts {
    margin-bottom: 6.6666666667vw;
  }
}
.latestPosts .card {
  width: 50%;
}
@media (min-width: 769px) {
  .latestPosts .card {
    width: 25%;
  }
}

.timeline-container {
  display: flex;
  justify-content: center;
  position: relative;
}
.timeline-container .vertical-scrollable-timeline {
  padding: 0px 25px 0px 25px;
}
@media (min-width: 1920px) {
  .timeline-container .vertical-scrollable-timeline {
    padding: 0vw 1.3888888889vw 0vw 1.3888888889vw;
  }
}
.timeline-container .vertical-scrollable-timeline .li {
  position: relative;
  padding: 22px 0px 50px 120px;
}
@media (min-width: 1920px) {
  .timeline-container .vertical-scrollable-timeline .li {
    padding: 1.2222222222vw 0vw 2.7777777778vw 6.6666666667vw;
  }
}
@media (max-width: 600px) {
  .timeline-container .vertical-scrollable-timeline .li {
    padding-left: 90px;
  }
}
.timeline-container .vertical-scrollable-timeline .li:last-child {
  margin-bottom: 0;
}
.timeline-container .vertical-scrollable-timeline .li h2 {
  font-size: 25px;
  margin: 0px 0px 5px 0px;
}
@media (min-width: 1920px) {
  .timeline-container .vertical-scrollable-timeline .li h2 {
    font-size: 1.3888888889vw;
  }
}
@media (min-width: 1920px) {
  .timeline-container .vertical-scrollable-timeline .li h2 {
    margin: 0vw 0vw 0.2777777778vw 0vw;
  }
}
.timeline-container .vertical-scrollable-timeline .li p:last-child {
  margin-bottom: 0;
}
.timeline-container .vertical-scrollable-timeline .li .wp-block-columns {
  margin-bottom: 0;
}
.timeline-container .vertical-scrollable-timeline .li .icon-holder {
  position: absolute;
  color: #fff;
  left: 0;
  top: 0;
  width: 74px;
  height: 74px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #96BEF9;
  border-radius: 50%;
  z-index: 1;
  transition: 0.4s all;
  color: #0A0D4A;
  /*i {
    font-size: 25px;
    color: #fff;
  }*/
}
@media (min-width: 1920px) {
  .timeline-container .vertical-scrollable-timeline .li .icon-holder {
    width: 4.1111111111vw;
  }
}
@media (min-width: 1920px) {
  .timeline-container .vertical-scrollable-timeline .li .icon-holder {
    height: 4.1111111111vw;
  }
}
.timeline-container .vertical-scrollable-timeline .li .icon-holder::before {
  content: "";
  width: 66px;
  height: 66px;
  border: 2px solid #fff;
  position: absolute;
  background-color: #fff;
  border-radius: 50%;
  z-index: -1;
  transition: 0.4s all;
}
@media (min-width: 1920px) {
  .timeline-container .vertical-scrollable-timeline .li .icon-holder::before {
    width: 3.6666666667vw;
  }
}
@media (min-width: 1920px) {
  .timeline-container .vertical-scrollable-timeline .li .icon-holder::before {
    height: 3.6666666667vw;
  }
}
.timeline-container .vertical-scrollable-timeline .li::after {
  content: "";
  position: absolute;
  height: 0;
  width: 4px;
  background-color: #96BEF9;
  left: 36px;
  top: 34px;
  z-index: 0;
  transition: 0.4s all;
}
@media (min-width: 1920px) {
  .timeline-container .vertical-scrollable-timeline .li::after {
    left: 2vw;
  }
}
@media (min-width: 1920px) {
  .timeline-container .vertical-scrollable-timeline .li::after {
    top: 1.8888888889vw;
  }
}
.timeline-container .vertical-scrollable-timeline .li::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 1px;
  border-right: 3px dashed #96BEF9;
  background-color: #fff;
  left: 36px;
  z-index: 0;
}
@media (min-width: 1920px) {
  .timeline-container .vertical-scrollable-timeline .li::before {
    left: 2vw;
  }
}
.timeline-container .vertical-scrollable-timeline .li:last-child::before {
  content: unset;
}
.timeline-container .vertical-scrollable-timeline .li.active .icon-holder {
  background-color: #96BEF9;
  color: #fff;
}
.timeline-container .vertical-scrollable-timeline .li.active .icon-holder::before {
  background-color: #96BEF9;
}
.timeline-container .vertical-scrollable-timeline .li.active::after {
  height: 100%;
}
.timeline-container .vertical-scrollable-timeline .li.active:last-child::after {
  content: unset;
}

.page-template-page-sales .timeline-container .vertical-scrollable-timeline .li .icon-holder {
  color: #fff;
  background-color: #96BEF9;
  color: #0A0D4A;
}
.page-template-page-sales .timeline-container .vertical-scrollable-timeline .li .icon-holder::before {
  border: 2px solid #fff;
  background-color: #fff;
}
.page-template-page-sales .timeline-container .vertical-scrollable-timeline .li::after {
  background-color: #96BEF9;
}
.page-template-page-sales .timeline-container .vertical-scrollable-timeline .li::before {
  border-right: 3px dashed #96BEF9;
  background-color: #fff;
}
.page-template-page-sales .timeline-container .vertical-scrollable-timeline .li.active .icon-holder {
  background-color: #96BEF9;
  color: #fff;
}
.page-template-page-sales .timeline-container .vertical-scrollable-timeline .li.active .icon-holder::before {
  background-color: #96BEF9;
}

.page-template-page-volvo-history .timeline-container .vertical-scrollable-timeline .li .icon-holder {
  color: #fff;
  background-color: #96BEF9;
  color: #0A0D4A;
}
.page-template-page-volvo-history .timeline-container .vertical-scrollable-timeline .li .icon-holder::before {
  border: 2px solid #fff;
  background-color: #fff;
}
.page-template-page-volvo-history .timeline-container .vertical-scrollable-timeline .li::after {
  background-color: #96BEF9;
}
.page-template-page-volvo-history .timeline-container .vertical-scrollable-timeline .li::before {
  border-right: 3px dashed #96BEF9;
  background-color: #fff;
}
.page-template-page-volvo-history .timeline-container .vertical-scrollable-timeline .li.active .icon-holder {
  background-color: #96BEF9;
  color: #fff;
}
.page-template-page-volvo-history .timeline-container .vertical-scrollable-timeline .li.active .icon-holder::before {
  background-color: #96BEF9;
}

.site-footer .footerNav {
  background-color: #1e3a5e;
  padding: 50px 0px 10px 0px;
}
@media (min-width: 1920px) {
  .site-footer .footerNav {
    padding: 2.7777777778vw 0vw 0.5555555556vw 0vw;
  }
}
.site-footer nav {
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 1024px) {
  .site-footer nav {
    justify-content: space-between;
  }
}
.site-footer .menu {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  line-height: 1.2;
  padding-left: 0;
  margin-bottom: 30px;
}
@media (min-width: 1920px) {
  .site-footer .menu {
    margin-bottom: 1.6666666667vw;
  }
}
@media (min-width: 1530px) {
  .site-footer .menu:nth-child(1) ul, .site-footer .menu:nth-child(2) ul {
    padding-top: 60px;
    position: relative;
    column-count: 2;
  }
}
@media (min-width: 1530px) and (min-width: 1920px) {
  .site-footer .menu:nth-child(1) ul, .site-footer .menu:nth-child(2) ul {
    padding-top: 3.3333333333vw;
  }
}
@media (min-width: 1530px) {
  .site-footer .menu:nth-child(1) ul li:first-of-type, .site-footer .menu:nth-child(2) ul li:first-of-type {
    position: absolute;
    top: 0;
  }
}
@media (min-width: 1530px) and (min-width: 769px) {
  .site-footer .menu:nth-child(1) ul li, .site-footer .menu:nth-child(2) ul li {
    padding-right: 1vw;
  }
}
.site-footer .menu ul {
  margin: 0;
  padding: 0;
  /*@include fablet {
    column-count: 3;
  }*/
}
.site-footer .menu li {
  padding: 0 5px;
  margin: 0;
  text-align: left;
  font-size: 14px;
}
@media (min-width: 1920px) {
  .site-footer .menu li {
    font-size: 0.7777777778vw;
  }
}
.site-footer .menu li:first-of-type {
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 20px;
}
@media (min-width: 1920px) {
  .site-footer .menu li:first-of-type {
    font-size: 0.8888888889vw;
  }
}
@media (min-width: 1920px) {
  .site-footer .menu li:first-of-type {
    margin-bottom: 1.1111111111vw;
  }
}
.site-footer .menu li:first-of-type a {
  color: #0A0D4A;
}
@media (min-width: 769px) {
  .site-footer .menu li {
    padding-right: 2vw;
  }
}
.site-footer .menu a {
  display: block;
  padding: 0px 10px 0px 10px;
  margin-bottom: 3px;
  line-height: 1.8;
  color: #fff;
}
@media (min-width: 1920px) {
  .site-footer .menu a {
    padding: 0vw 0.5555555556vw 0vw 0.5555555556vw;
  }
}
@media (min-width: 1920px) {
  .site-footer .menu a {
    margin-bottom: 0.1666666667vw;
  }
}

.social-icons ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0;
  margin: 0;
}
.social-icons li {
  list-style: none;
  margin: 0;
}
.social-icons .icon,
.social-icons a {
  position: relative;
  display: inline-block;
  text-decoration: none;
  margin: 0 5px;
  padding: 17px;
  font-size: 0;
  line-height: 1;
  font-family: Fontello !important;
  font-weight: normal !important;
  transition: all 0.2s;
  background-color: #aab3b7;
  color: white;
  border-radius: 1000px;
}
@media (min-width: 1920px) {
  .social-icons .icon,
  .social-icons a {
    padding: 0.9444444444vw;
  }
}
.social-icons .icon:after,
.social-icons a:after {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
}
@media (min-width: 1920px) {
  .social-icons .icon:after,
  .social-icons a:after {
    font-size: 0.6666666667vw;
  }
}
.social-icons a {
  background-color: #96BEF9;
}
.social-icons li.linkedin a:after {
  content: "\e82c";
}
.social-icons li.instagram a:after {
  content: "\e803";
}
.social-icons li.youtube a:after {
  content: "\e837";
}
.social-icons li.facebook a:after {
  content: "\e800";
}
.social-icons li.volvoShopFooter {
  display: none;
}
@media (min-width: 551px) {
  body[class*=volvo] .social-icons li.volvoShopFooter {
    display: block;
  }
}
.social-icons li.volvoShopFooter a {
  font-size: 12px;
  font-family: inherit !important;
  padding: 12px 12px 12px 12px;
}
@media (min-width: 1920px) {
  .social-icons li.volvoShopFooter a {
    font-size: 0.6666666667vw;
  }
}
@media (min-width: 1920px) {
  .social-icons li.volvoShopFooter a {
    padding: 0.6666666667vw 0.6666666667vw 0.6666666667vw 0.6666666667vw;
  }
}

.expand .expandTitle {
  cursor: pointer;
}
.expand .expandTitle:after {
  font-family: "Fontello";
  content: "\e80f";
  font-weight: 600;
  color: #0A0D4A;
  padding-left: 10px;
}
.expand .expandContent {
  max-height: 0px;
  overflow: hidden;
  transition: max-height 0.7s cubic-bezier(0, 1, 0, 1) -0.2s;
}
.expand .expandContent hr {
  display: none;
}
.expand.active .expandTitle:after {
  content: "\e810";
}
.expand.active .expandContent {
  max-height: 9999px;
  transition-timing-function: cubic-bezier(0.5, 0, 1, 0);
  transition-delay: 0s;
}

.locationMap {
  height: 550px;
}

.leaflet-marker-icon {
  filter: invert(54%) sepia(82%) saturate(3713%) hue-rotate(166deg) brightness(103%) contrast(101%);
}
.leaflet-marker-icon:hover {
  filter: invert(30%) sepia(75%) saturate(1835%) hue-rotate(172deg) brightness(95%) contrast(101%);
}

.leaflet-popup-content {
  margin: 10px;
}
.leaflet-popup-content a:hover {
  opacity: 0.8;
}
.leaflet-popup-content img {
  max-width: none;
  display: block;
  margin-bottom: 10px;
}
.leaflet-popup-content .leaflet-popup-title {
  font-weight: bold;
  color: inherit;
  display: block;
  width: 165px;
}

.leaflet-container a.leaflet-popup-close-button {
  top: 3px;
  right: 3px;
  padding: 0;
  border: none;
  width: 18px;
  height: 18px;
  background: white;
  line-height: 18px;
  border-radius: 50%;
}
.leaflet-container a.leaflet-popup-close-button:hover {
  box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.2);
}

.slider {
  touch-action: manipulation !important;
  position: relative;
}
.slider.content {
  padding: 10px 0;
}
.slider .owl-stage-outer {
  overflow: hidden;
}
.slider .owl-item {
  float: left;
  min-height: 1px;
  margin-bottom: 20px;
}
.slider .owl-item .item {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.slider .owl-item a.disabled {
  cursor: grab;
}
.slider .owl-item img {
  width: 100%;
}
.slider .owl-item img.wp-image-3522 {
  width: 100% !important;
  height: unset !important;
}
.slider .owl-nav {
  display: none;
}
.slider .owl-nav.hasVideo {
  display: block; /* in order to enable video slide on mobile */
}
@media (min-width: 551px) {
  .slider .owl-nav {
    display: block;
  }
}
.slider .owl-nav.disabled {
  display: none;
}
.slider .owl-prev, .slider .owl-next {
  display: none;
  position: absolute;
  z-index: 7;
  width: 50px;
  height: 85px;
  overflow: hidden;
  font-size: 50px;
  line-height: 50px;
  font-weight: bold;
  color: #d0d2d3;
  opacity: 0.8;
  transition: opacity 0.2s;
  cursor: pointer;
}
.slider .owl-prev:hover, .slider .owl-next:hover {
  opacity: 1;
  color: #111;
}
.slider .owl-prev.disabled, .slider .owl-next.disabled {
  opacity: 0.1 !important;
  pointer-events: none;
}
.slider .owl-prev:before {
  content: "";
  width: 35px;
  height: 1px;
  background-color: #d0d2d3;
  position: absolute;
  transform: rotate(-56deg);
  top: 28px;
}
.slider .owl-prev:after {
  content: "";
  width: 35px;
  height: 1px;
  background-color: #d0d2d3;
  position: absolute;
  transform: rotate(56deg);
  top: 57px;
}
.slider .owl-next:before {
  content: "";
  width: 35px;
  height: 1px;
  background-color: #d0d2d3;
  position: absolute;
  transform: rotate(56deg);
  top: 28px;
  right: 0;
}
.slider .owl-next:after {
  content: "";
  width: 35px;
  height: 1px;
  background-color: #d0d2d3;
  position: absolute;
  transform: rotate(-56deg);
  top: 57px;
  right: 0;
}
.slider .owl-prev, .slider .owl-next {
  top: 50%;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}
.slider .owl-prev {
  left: 0;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.slider .owl-next {
  right: 0;
  -webkit-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
}
.slider .owl-height {
  overflow: hidden; /*for auto-hight slider - ima bug kod učitavanja prvog */
}
.slider .owl-dots {
  margin-top: 0;
  width: 100%;
  position: absolute;
  text-align: center;
}
.slider .owl-dots.disabled {
  display: none;
}
.slider .owl-dot {
  display: inline-block;
  zoom: 1;
}
.slider .owl-dot:hover {
  cursor: pointer;
}
.slider .owl-dot span {
  background-color: #d0d2d3 !important;
  width: 14px;
  height: 14px;
  margin: 5px 7px;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 0.2s ease;
  border-radius: 30px;
}
.slider .owl-dot.active span, .slider .owl-dot:hover span {
  background-color: #e01d59 !important;
}

.deskRes .slider .owl-prev, .deskRes .slider .owl-next {
  display: block;
}

.slider.simple .owl-stage,
.contentCarouselWrapper .owl-stage {
  padding-left: 0 !important;
}
.slider.simple .owl-item,
.contentCarouselWrapper .owl-item {
  padding: 0 20px 0 0;
  margin-bottom: 0;
}

.slider.simple .owl-prev,
.slider.simple .owl-next,
.carousel.simple .owl-prev,
.carousel.simple .owl-next {
  position: absolute;
  z-index: 7;
  width: 50px;
  height: 50px;
  overflow: hidden;
  color: #111;
  opacity: 0.8;
  transition: opacity 0.2s;
  cursor: pointer;
  border-radius: 1000px;
  background-color: #96BEF9;
  border: 1px solid #96BEF9;
}
@media (min-width: 1920px) {
  .slider.simple .owl-prev,
  .slider.simple .owl-next,
  .carousel.simple .owl-prev,
  .carousel.simple .owl-next {
    width: 2.2222222222vw;
    height: 2.2222222222vw;
    border-width: 0.0555555556vw;
  }
}
.slider.simple .owl-prev:hover,
.slider.simple .owl-next:hover,
.carousel.simple .owl-prev:hover,
.carousel.simple .owl-next:hover {
  opacity: 1;
  color: #a0a4a8;
}
.slider.simple .owl-prev,
.slider.simple .owl-next,
.carousel.simple .owl-prev,
.carousel.simple .owl-next {
  top: 50%;
  text-shadow: unset;
  font-size: 23px;
}
@media (min-width: 1920px) {
  .slider.simple .owl-prev,
  .slider.simple .owl-next,
  .carousel.simple .owl-prev,
  .carousel.simple .owl-next {
    font-size: 1.2777777778vw;
  }
}
.slider.simple .owl-prev:before,
.slider.simple .owl-next:before,
.carousel.simple .owl-prev:before,
.carousel.simple .owl-next:before {
  position: absolute;
  width: unset;
  height: unset;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  right: unset;
  content: "";
  font-family: "Fontello";
  color: #fff;
  background-color: unset;
}
.slider.simple .owl-prev:after,
.slider.simple .owl-next:after,
.carousel.simple .owl-prev:after,
.carousel.simple .owl-next:after {
  display: none;
}
.slider.simple .owl-prev,
.carousel.simple .owl-prev {
  left: 0;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.slider.simple .owl-prev:before,
.carousel.simple .owl-prev:before {
  content: "\e80a";
}
.slider.simple .owl-next,
.carousel.simple .owl-next {
  right: 0;
  -webkit-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
}
.slider.simple .owl-next:before,
.carousel.simple .owl-next:before {
  content: "\e809";
}

.carousel.simple .card-set .owl-prev {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.carousel.simple .card-set .owl-next {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.latest-posts .carousel.simple .owl-prev,
.latest-posts .carousel.simple .owl-next {
  top: 5vw;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
.latest-posts .carousel.simple .owl-prev:before,
.latest-posts .carousel.simple .owl-next:before {
  position: absolute;
}

.contentCarouselWrapper:not(.slider):not(.crewItems) {
  display: grid;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-columns: 1fr;
}
@media (min-width: 551px) {
  .contentCarouselWrapper:not(.slider):not(.crewItems) {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 769px) {
  .contentCarouselWrapper:not(.slider):not(.crewItems) {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (min-width: 1530px) {
  .contentCarouselWrapper:not(.slider):not(.crewItems) {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
@media (min-width: 1920px) {
  .contentCarouselWrapper:not(.slider):not(.crewItems):not(.x4) {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }
}

.contentCarouselWrapper.crewItems {
  display: grid;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-columns: 1fr;
}
@media (min-width: 551px) {
  .contentCarouselWrapper.crewItems {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 1024px) {
  .contentCarouselWrapper.crewItems {
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 1.2vw;
    grid-row-gap: 1.2vw;
  }
}
@media (min-width: 1530px) {
  .contentCarouselWrapper.crewItems {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}

.moreTextOnLoad {
  display: none;
}

.site-header {
  position: relative;
  background-size: cover;
  background-position: center center;
  background-color: #333;
  margin-bottom: 45px;
}
.site-header.regular:not(.slider) {
  margin-top: -69px;
  background-position: 60%;
  display: flex;
  flex-direction: column;
  min-height: 100dvh;
  --hero-parallax: 6vh;
  --hero-zoom: 1.05;
  --hero-text-drift: 18vh;
}
@media (min-width: 1920px) {
  .site-header.regular:not(.slider) {
    margin-top: -3.8333333333vw;
  }
}
@media (min-width: 1024px) {
  .site-header.regular:not(.slider) {
    min-height: 100vh;
    --hero-parallax: 10vh;
    --hero-text-drift: 30vh;
  }
}
.site-header.regular:not(.slider) .headerMedia {
  position: absolute;
  inset: 0;
  overflow: hidden;
  z-index: 0;
}
.site-header.regular:not(.slider).heroMediaFixed .headerMedia {
  position: fixed;
}
.site-header.regular:not(.slider) .headerMedia-inner {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(-1 * var(--hero-parallax));
  height: calc(100% + var(--hero-parallax));
  background-size: cover;
  background-position: 60%;
}
.site-header.regular:not(.slider) .headerContent {
  position: relative;
  z-index: 1;
  left: auto;
  top: auto;
  width: 100%;
  max-width: none;
  transform: none;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}
.site-header.regular:not(.slider) .headerContent > .content,
.site-header.regular:not(.slider) .headerContent .searchFormInHeaderHolder > .content {
  position: static;
  left: auto;
  top: auto;
  transform: none;
}
.site-header.regular:not(.slider) .headerContent > .content {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (min-width: 1530px) {
  .site-header.regular:not(.slider) .headerContent > .content {
    max-width: 87%;
  }
}
.site-header.regular:not(.slider) .headerContent > .searchFormInHeaderHolder > .content {
  max-width: none;
}
@media (min-width: 1530px) {
  .site-header.regular:not(.slider) .headerContent > .searchFormInHeaderHolder > .content {
    max-width: 87%;
  }
}
.site-header.regular:not(.slider) .headerContent > .searchFormInHeaderHolder {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 90px;
}
@media (min-width: 1920px) {
  .site-header.regular:not(.slider) .headerContent > .searchFormInHeaderHolder {
    padding-bottom: 5vw;
  }
}
.site-header.regular:not(.slider) .headerContent > .searchFormInHeaderHolder > .content {
  padding-bottom: 0;
}
.site-header.regular:not(.slider) .headerText {
  color: #fff;
  text-align: left;
  align-self: flex-start;
  padding-top: 35px;
}
@media (min-width: 1024px) {
  .site-header.regular:not(.slider) .headerText {
    padding-top: 0;
  }
}
@media (min-width: 1024px) {
  .site-header.regular:not(.slider) .headerText {
    max-width: clamp(420px, 46.04vw, 960px);
  }
}
.site-header.regular:not(.slider) .headerText h1 {
  text-align: left;
  font-size: 43px;
  margin: 30px 0px 30px 0px;
}
@media (min-width: 1920px) {
  .site-header.regular:not(.slider) .headerText h1 {
    margin: 1.6666666667vw 0vw 1.6666666667vw 0vw;
  }
}
@media (min-width: 769px) {
  .site-header.regular:not(.slider) .headerText h1 {
    font-size: 56px;
  }
}
@media (min-width: 1920px) {
  .site-header.regular:not(.slider) .headerText h1 {
    font-size: 3.1111vw;
  }
}
.site-header.regular:not(.slider) .headerText .bottomLine {
  font-size: 20px;
  letter-spacing: 1.2px;
}
@media (min-width: 1920px) {
  .site-header.regular:not(.slider) .headerText .bottomLine {
    font-size: 1.1111111111vw;
  }
}
.site-header .title {
  font-size: 36px;
  line-height: 1.1 !important;
  line-height: unset;
  letter-spacing: 1.8px;
}
@media (min-width: 551px) {
  .site-header .title {
    font-size: 42px;
  }
}
@media (min-width: 1920px) {
  .site-header .title {
    font-size: 2.3333333333vw;
  }
}
.site-header video.full {
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  overflow: hidden;
  opacity: 0.8;
}
.site-header .owl-item:after {
  display: none !important;
}
.site-header .owl-dots {
  margin-top: -40px !important;
}

.site-header.regular:not(.slider) + .contentArea,
.site-header.regular:not(.slider) + .landingWrapper,
.site-header.regular:not(.slider) + .pageContent {
  position: relative;
  z-index: 1;
  background-color: #F5F5F5;
  padding-top: 45px;
}
@media (min-width: 1920px) {
  .site-header.regular:not(.slider) + .contentArea,
  .site-header.regular:not(.slider) + .landingWrapper,
  .site-header.regular:not(.slider) + .pageContent {
    padding-top: 2.5vw;
  }
}

body.headerSelectOpen .site-header.regular:not(.slider) .headerContent {
  z-index: 2;
}

.site-header.slider.splitted {
  height: auto;
  margin-bottom: 40px;
  background-color: #f2f2f2;
}
@media (min-width: 551px) {
  .site-header.slider.splitted .owl-stage {
    display: flex;
    align-items: center;
  }
}
.site-header.slider.splitted img {
  width: auto;
  max-height: 280px;
}
@media (min-width: 551px) {
  .site-header.slider.splitted img {
    max-height: 430px;
  }
}
.site-header.slider.splitted .item {
  box-shadow: none;
  display: flex;
  justify-content: center;
  flex-flow: column;
}
@media (min-width: 551px) {
  .site-header.slider.splitted .item {
    flex-flow: wrap;
    align-items: center;
  }
}
.site-header.slider.splitted .item > * {
  width: 100%;
}
@media (min-width: 551px) {
  .site-header.slider.splitted .item > * {
    width: 50%;
  }
}
.site-header.slider.splitted .item * {
  color: #0A0D4A !important;
}
.site-header.slider.splitted .item .text {
  padding-top: 20px;
  margin-bottom: 20px;
  max-width: unset;
  text-align: center;
}
@media (min-width: 769px) {
  .site-header.slider.splitted .item .text {
    padding-top: unset;
    margin-bottom: unset;
    text-align: left;
  }
}
.site-header.slider.splitted .item p {
  font-size: 20px;
}
.site-header.slider.splitted .item .image {
  text-align: center;
  padding-top: 15px;
}
@media (min-width: 551px) {
  .site-header.slider.splitted .item .image {
    padding-right: 15px;
    text-align: right;
  }
}
.site-header.slider.splitted .item .image img {
  display: inline;
}
@media (min-width: 551px) {
  .site-header.slider.splitted .item .image img {
    -webkit-box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.2);
  }
}
.site-header.slider.splitted .owl-dots {
  position: relative;
  text-align: left;
  margin-top: -60px;
  display: none;
}
@media (min-width: 769px) {
  .site-header.slider.splitted .owl-dots {
    display: block;
  }
}

.carousel {
  touch-action: manipulation !important;
  position: relative;
}
.carousel.content {
  padding-top: 10px;
  padding-bottom: 10px;
}
.carousel .card-set {
  width: calc(100% + 30px);
  transform: translateX(-15px);
  padding-bottom: 40px;
}
@media (min-width: 1920px) {
  .carousel .card-set {
    padding-bottom: 2.2222222222vw;
  }
}
.carousel .owl-stage-outer {
  overflow: hidden;
  height: 100%;
}
.carousel .owl-stage {
  height: 100%;
  padding-left: 0 !important;
}
.carousel .owl-nav .disabled {
  display: none !important;
}
.carousel .owl-item {
  float: left;
  min-height: 1px;
  margin-bottom: 20px;
  height: 100%;
}
.carousel .owl-item .item {
  height: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.carousel .owl-item a.disabled {
  cursor: grab;
}
.carousel .owl-item img {
  width: 100%;
}
.carousel .owl-nav {
  display: none;
}
.carousel .owl-nav.hasVideo {
  display: block; /* in order to enable video slide on mobile */
}
@media (min-width: 551px) {
  .carousel .owl-nav {
    display: block;
  }
}
.carousel .owl-prev, .carousel .owl-next {
  display: none;
  position: absolute;
  z-index: 7;
  width: 50px;
  height: 85px;
  overflow: hidden;
  font-size: 50px;
  line-height: 50px;
  font-weight: bold;
  color: #d0d2d3;
  opacity: 1;
  transition: opacity 0.2s;
  cursor: pointer;
}
.carousel .owl-prev:hover, .carousel .owl-next:hover {
  opacity: 1;
  color: #a0a4a8;
}
.carousel .owl-prev.disabled, .carousel .owl-next.disabled {
  display: none !important;
}
.carousel .owl-prev {
  top: 50%;
  left: 20px;
}
.carousel .owl-height {
  overflow: hidden; /*for auto-hight slider - ima bug kod učitavanja prvog */
}
.carousel .owl-dots {
  position: absolute;
  text-align: center;
}
.carousel .owl-dots.disabled {
  display: none;
}
.carousel .owl-dot {
  zoom: 1;
}
.carousel .owl-dot:hover {
  cursor: pointer;
}

.deskRes .carousel .owl-prev, .deskRes .carousel .owl-next {
  display: block;
}

/*@if ($slider-style == elegant) { }*/
.carousel.elegant {
  padding-bottom: 0;
}
@media (min-width: 769px) {
  .carousel.elegant {
    padding-bottom: 80px;
  }
}
.carousel.elegant .owl-stage-outer {
  padding-bottom: 20px;
}
.carousel.elegant .owl-item {
  position: relative;
}
.carousel.elegant .owl-prev, .carousel.elegant .owl-next {
  bottom: 0;
}
.carousel.elegant .owl-prev {
  right: calc(10% + 110px);
  left: unset;
  top: unset;
}
.carousel.elegant .owl-prev:before {
  content: "";
  width: 35px;
  height: 1px;
  background-color: #d0d2d3;
  position: absolute;
  transform: rotate(-56deg);
  top: 28px;
}
.carousel.elegant .owl-prev:after {
  content: "";
  width: 35px;
  height: 1px;
  background-color: #d0d2d3;
  position: absolute;
  transform: rotate(56deg);
  top: 57px;
}
.carousel.elegant .owl-next {
  right: calc(10% + 50px);
}
.carousel.elegant .owl-next:before {
  content: "";
  width: 35px;
  height: 1px;
  background-color: #d0d2d3;
  position: absolute;
  transform: rotate(56deg);
  top: 28px;
  right: 0;
}
.carousel.elegant .owl-next:after {
  content: "";
  width: 35px;
  height: 1px;
  background-color: #d0d2d3;
  position: absolute;
  transform: rotate(-56deg);
  top: 57px;
  right: 0;
}
.carousel.elegant .owl-dots {
  counter-reset: dots;
  font-size: 23px;
  width: 52px;
  right: 10%;
  bottom: 30px;
}
@media (min-width: 769px) {
  .carousel.elegant .owl-dots {
    bottom: 63px;
  }
}
.carousel.elegant .owl-dot {
  position: absolute;
  right: 0;
  top: 0;
  opacity: 0;
}
.carousel.elegant .owl-dot.active {
  opacity: 1;
}
.carousel.elegant .owl-dot:before {
  counter-increment: dots;
  content: counter(dots);
}
.carousel.elegant .owl-dot span:not(.totalCount) {
  display: none;
}

.featured-items .item {
  margin: 0 10px;
}

.brandsCarousel.slider.simple .owl-prev {
  transform: translate(2%, -50%);
}

.brandsCarousel.slider.simple .owl-next {
  transform: translate(0%, -50%);
}

.mainContent .brandsCarouselContent {
  padding: 20px 0px 0px 0px;
}
@media (min-width: 1920px) {
  .mainContent .brandsCarouselContent {
    padding: 1.1111111111vw 0vw 0vw 0vw;
  }
}
.mainContent .brandsCarouselContent .owl-stage-outer {
  max-width: unset;
}
.mainContent .brandsCarouselContent .owl-stage, .mainContent .brandsCarouselContent .owl-item {
  display: flex;
  align-items: center;
  justify-content: center;
}
.mainContent .brandsCarouselContent .owl-item {
  padding: 0px 30px 0px 30px;
}
@media (min-width: 1920px) {
  .mainContent .brandsCarouselContent .owl-item {
    padding: 0vw 1.6666666667vw 0vw 1.6666666667vw;
  }
}
.mainContent .brandsCarouselContent .wp-block-image {
  border-radius: 0;
}
.mainContent .brandsCarouselContent a:has(img) {
  border-radius: 0;
}
.mainContent .brandsCarouselContent a:has(img):hover {
  background-color: transparent;
}
.mainContent .brandsCarouselContent figure {
  margin: 0;
}
hr.special {
  margin-top: 3em !important;
}

.nava_charter_block .short .owl-stage-outer {
  display: flex;
  justify-content: center;
}

.chartWrapper {
  overflow: auto;
}

.cart-table {
  font-family: "Carbona", sans-serif;
  font-size: 18px;
  width: 100%;
  min-width: 450px;
}
.cart-table th.first, .cart-table td.first {
  display: none;
}
@media (min-width: 769px) {
  .cart-table th.first, .cart-table td.first {
    display: table-cell;
  }
}
.cart-table td {
  border-bottom: 1px solid #EFEFEF;
  vertical-align: middle;
  padding: 20px 5px;
}
.cart-table button {
  cursor: pointer;
}
.cart-table button.btn-sm {
  line-height: 24px;
  padding: 0px 10px 5px;
  margin: 0;
}
.destroy {
  background: #ffffff;
  border: 1px solid #dcdcdc;
  white-space: nowrap;
}
.destroy:hover {
  background: #efefef;
}

.cartEmpty .fa-cart, .cartEmpty .chartWrapper, .cartEmpty .contactFormWrapper {
  display: none !important;
}
.cartEmpty .noProducts {
  display: block !important;
}

.bttn,
pre a,
input[type=submit],
.buttonize a,
.wp-block-button__link,
.userBttn a,
p.readMore > a,
#cookiesOptInMessage button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 8px 16px 8px 16px;
  margin: 20px 0px 20px 0px;
  border: 1px solid #96BEF9;
  border-radius: 999px;
  background-color: rgba(150, 190, 249, 0);
  color: #0A0D4A;
  font-weight: 600;
  line-height: 1.3;
  text-decoration: none !important;
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color 0.3s;
  font-size: 16px;
}
@media (min-width: 1920px) {
  .bttn,
  pre a,
  input[type=submit],
  .buttonize a,
  .wp-block-button__link,
  .userBttn a,
  p.readMore > a,
  #cookiesOptInMessage button {
    padding: 0.4444444444vw 0.8888888889vw 0.4444444444vw 0.8888888889vw;
  }
}
@media (min-width: 1920px) {
  .bttn,
  pre a,
  input[type=submit],
  .buttonize a,
  .wp-block-button__link,
  .userBttn a,
  p.readMore > a,
  #cookiesOptInMessage button {
    margin: 1.1111111111vw 0vw 1.1111111111vw 0vw;
  }
}
@media (min-width: 1920px) {
  .bttn,
  pre a,
  input[type=submit],
  .buttonize a,
  .wp-block-button__link,
  .userBttn a,
  p.readMore > a,
  #cookiesOptInMessage button {
    font-size: 0.8888888889vw;
  }
}
@media (min-width: 1920px) {
  .bttn,
  pre a,
  input[type=submit],
  .buttonize a,
  .wp-block-button__link,
  .userBttn a,
  p.readMore > a,
  #cookiesOptInMessage button {
    gap: 0.5555555556vw;
  }
}
.bttn:hover,
pre a:hover,
input[type=submit]:hover,
.buttonize a:hover,
.wp-block-button__link:hover,
.userBttn a:hover,
p.readMore > a:hover,
#cookiesOptInMessage button:hover {
  background-color: #96BEF9;
  opacity: 1;
}

.bttnOnDark a,
.bttnOnDark button,
.bttnOnDark input[type=submit],
a.bttnOnDark,
button.bttnOnDark,
input[type=submit].bttnOnDark {
  background-color: transparent;
  color: #F5F5F5;
  transition: background-color 0.3s;
}
.bttnOnDark a:hover,
.bttnOnDark button:hover,
.bttnOnDark input[type=submit]:hover,
a.bttnOnDark:hover,
button.bttnOnDark:hover,
input[type=submit].bttnOnDark:hover {
  background-color: rgba(150, 190, 249, 0.4);
  color: #F5F5F5;
}

.buttonize a {
  font-size: 16px;
  padding: 16px 70px 16px 70px;
}
@media (min-width: 1920px) {
  .buttonize a {
    padding: 0.8888888889vw 3.8888888889vw 0.8888888889vw 3.8888888889vw;
  }
}

p.userBttn {
  margin: 0;
  padding: 0;
}

.videoLarge iframe {
  max-width: unset;
  width: 100%;
  height: 54vw;
}
@media (min-width: 782px) {
  .videoLarge iframe {
    height: 25vw;
  }
}

.showInfo .labelPrimary {
  display: inline;
}
.showInfo .labelSecondary {
  display: none;
}
.showInfo.active .labelPrimary {
  display: none;
}
.showInfo.active .labelSecondary {
  display: inline;
}

a.readMore,
div.readMore,
.wp-block-table table a,
.readMoreStandalone {
  text-decoration: underline;
  position: relative;
  cursor: pointer;
}
a.readMore:after,
div.readMore:after,
.wp-block-table table a:after,
.readMoreStandalone:after {
  font-family: "Fontello";
  content: "\e809";
  padding-left: 10px;
  position: absolute;
  transform: translateY(11%);
}

.moreTextStandalone {
  display: none;
}

.modal .moreTextStandalone {
  display: block;
}

a.readMore,
div.readMore,
.readMoreStandalone {
  font-weight: 700;
  font-size: 18px;
}
@media (min-width: 1920px) {
  a.readMore,
  div.readMore,
  .readMoreStandalone {
    font-size: 1vw;
  }
}

.brochureDownload,
.offerDownload {
  display: inline-block;
  text-decoration: underline;
  margin-bottom: 20px;
}
@media (min-width: 1920px) {
  .brochureDownload,
  .offerDownload {
    margin-bottom: 1.1111111111vw;
  }
}

.latest-news {
  margin-bottom: 30px;
}
.latest-news ul {
  margin: 0 -15px;
  padding: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  justify-content: space-between;
}
.latest-news ul li {
  list-style: none;
  max-width: 100%;
  padding: 0 15px 15px;
  line-height: 1.2;
}
@media (min-width: 551px) {
  .latest-news ul li {
    max-width: 50%;
  }
}
@media (min-width: 769px) {
  .latest-news ul li {
    max-width: 25%;
  }
}
.latest-news ul li .title {
  font-size: 20px;
  line-height: 1.2;
  margin-bottom: 5px;
  color: #0A0D4A;
}
@media (min-width: 551px) {
  .latest-news ul li .title {
    margin-bottom: 15px;
  }
}
.latest-news ul li .title:hover {
  opacity: 0.7;
}

.modal-cover {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 15002;
  width: 100%;
  height: 100vh;
  background-color: RGBA(6, 17, 32, 0.3);
}
.modal-cover.galleryModal {
  background-color: rgba(255, 255, 255, 0.96);
}

.modal {
  position: absolute;
  z-index: 10003;
  width: 95%;
  height: auto;
  min-height: unset;
  max-height: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #fff;
  -webkit-box-shadow: 0 9px 20px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 9px 20px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 9px 20px 0 rgba(0, 0, 0, 0.1);
  text-align: left;
  padding: 55px 15px 50px;
  border-radius: 14px;
  overflow-y: auto;
}
@media (min-width: 1920px) {
  .modal {
    border-radius: 0.7777777778vw;
  }
}
@media (min-width: 551px) {
  .modal {
    width: 80%;
    padding: 60px;
    max-width: 1200px;
  }
}
@media (min-width: 1920px) {
  .modal {
    max-width: 50%;
  }
}
.galleryModal .modal {
  background-color: transparent;
}
.contactModal .modal {
  width: 100%;
  max-width: 1600px;
}
@media (min-width: 1920px) {
  .contactModal .modal {
    max-width: 80%;
  }
}

.promoModal .modal {
  max-width: 80vh !important;
  max-height: 80vh;
}
.promoModal .modal .contentText img {
  border-radius: 14px;
}
@media (min-width: 1920px) {
  .promoModal .modal .contentText img {
    border-radius: 0.7777777778vw;
  }
}

.moreReviews .modal {
  max-width: 860px !important;
  max-height: 90vh;
}
.moreReviews .modal .contentText img {
  border-radius: 14px;
}
@media (min-width: 1920px) {
  .moreReviews .modal .contentText img {
    border-radius: 0.7777777778vw;
  }
}

.closeModal, .close {
  width: 34px;
  height: 34px;
  position: absolute;
  z-index: 10001;
  top: 20px;
  right: 20px;
  cursor: pointer;
}
.closeModal:before, .closeModal:after, .close:before, .close:after {
  content: "";
  width: 30px;
  height: 1px;
  display: block;
  margin: 6px auto;
  background-color: #96BEF9;
}
.closeModal:before, .close:before {
  transform: translateY(10px) rotate(45deg);
}
.closeModal:after, .close:after {
  transform: translateY(1.5px) rotate(-45deg);
}

.closeCover {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.offersPanel {
  position: fixed;
  inset: 0;
  z-index: 15001;
  visibility: hidden;
  transition: visibility 0s linear 0.4s;
}
.offersPanel__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  opacity: 0;
  transition: opacity 0.4s ease;
  cursor: pointer;
}
.offersPanel__drawer {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  max-width: 720px;
  background: #F5F5F5;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  transform: translateX(100%);
  transition: transform 0.4s ease;
  box-shadow: -8px 0 24px rgba(0, 0, 0, 0.12);
}
@media (min-width: 1440px) {
  .offersPanel__drawer {
    width: 50%;
    max-width: 960px;
  }
}
@media (min-width: 2300px) {
  .offersPanel__drawer {
    max-width: 1280px;
  }
}
.offersPanel__content {
  padding: 103px 40px 40px 40px;
}
@media (min-width: 1920px) {
  .offersPanel__content {
    padding: 5.7222222222vw 2.2222222222vw 2.2222222222vw 2.2222222222vw;
  }
}
.offersPanel__drawer .loadingGif {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.offersPanel__close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 32px;
  height: 32px;
  z-index: 2;
  padding: 0;
  background: transparent;
  border: 0;
  cursor: pointer;
}
@media (min-width: 1920px) {
  .offersPanel__close {
    top: 1.1111111111vw;
  }
}
@media (min-width: 1920px) {
  .offersPanel__close {
    right: 1.1111111111vw;
  }
}
@media (min-width: 1920px) {
  .offersPanel__close {
    width: 1.7777777778vw;
  }
}
@media (min-width: 1920px) {
  .offersPanel__close {
    height: 1.7777777778vw;
  }
}
.offersPanel__close::before, .offersPanel__close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60%;
  height: 2px;
  background: #0A0D4A;
}
.offersPanel__close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.offersPanel__close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.offersPanel.is-open {
  visibility: visible;
  transition: visibility 0s linear 0s;
}
.offersPanel.is-open .offersPanel__overlay {
  opacity: 1;
}
.offersPanel.is-open .offersPanel__drawer {
  transform: none;
}

body.panelOpen {
  overflow: hidden;
}

.headerHighlights {
  display: none;
}
@media (min-width: 1024px) {
  .headerHighlights {
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
  }
  .headerHighlights .content {
    background: rgba(6, 17, 32, 0.6);
  }
  .headerHighlights .itemSet {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, auto));
    color: #fff;
  }
  .headerHighlights .item {
    line-height: 1.1;
    position: relative;
    padding: 20px 20px 20px 50px;
    background-position: left center;
    background-repeat: no-repeat;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .headerHighlights .item {
    padding: 1.1111111111vw 1.1111111111vw 1.1111111111vw 2.7777777778vw;
  }
}
@media (min-width: 1024px) {
  .headerHighlights .item:nth-child(1) {
    background-image: url(../img/icons/highlight-guaranteed.svg);
  }
  .headerHighlights .item:nth-child(2) {
    background-image: url(../img/icons/highlight-anchor.svg);
  }
  .headerHighlights .item:nth-child(3) {
    background-image: url(../img/icons/highlight-clock.svg);
  }
  .headerHighlights .item:nth-child(4) {
    background-image: url(../img/icons/highlight-experience.svg);
  }
  .headerHighlights .item:nth-child(5) {
    background-image: url(../img/icons/highlight-magnify.svg);
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .headerHighlights .item {
    background-size: 1.666vw;
  }
}
@media (min-width: 1024px) {
  .headerHighlights .item strong {
    display: block;
    font-weight: normal;
  }
}

.quadContentBlock p:not(.userBttn) {
  display: none;
  margin-top: 0;
}
@media (min-width: 1530px) {
  .quadContentBlock p:not(.userBttn) {
    display: block;
  }
}
.quadContentBlock a:has(img) {
  background-color: transparent !important;
}
.quadContentBlock .userBttn a {
  margin: 0px 0px 10px 0px;
}
@media (min-width: 1920px) {
  .quadContentBlock .userBttn a {
    margin: 0vw 0vw 0.5555555556vw 0vw;
  }
}
.quadContentBlock .wp-block-column {
  position: relative;
}
.quadContentBlock .wp-block-column .wp-block-group {
  position: absolute;
  left: 3%;
  width: 97%;
  bottom: 5%;
  padding-right: 3%;
  max-width: 700px;
  pointer-events: none;
}
@media (min-width: 1920px) {
  .quadContentBlock .wp-block-column .wp-block-group {
    max-width: 38.8888888889vw;
  }
}
.quadContentBlock * {
  color: #fff;
}
.quadContentBlock figure {
  height: 100%;
  margin: 0;
  background-color: #000;
  border-radius: 14px;
  overflow: hidden;
}
@media (min-width: 1920px) {
  .quadContentBlock figure {
    border-radius: 0.7777777778vw;
  }
}
.quadContentBlock figure a {
  display: block;
  height: 100%;
}
.quadContentBlock img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  transition: opacity 0.2s;
}
@media (min-width: 769px) {
  .quadContentBlock img {
    opacity: 0.8;
  }
}
.quadContentBlock img:hover {
  opacity: 0.4;
}
@media (min-width: 769px) {
  .quadContentBlock .wp-block-columns:nth-child(1) .wp-block-column:nth-child(2) figure {
    max-height: 90%;
    transform: translateY(10%);
  }
  .quadContentBlock .wp-block-columns:nth-child(2) .wp-block-column:nth-child(1) figure {
    max-height: 90%;
  }
  .quadContentBlock .wp-block-columns:nth-child(2) .wp-block-column:nth-child(1) .wp-block-group {
    bottom: 15%;
  }
}

.pageContent .quadContentBlock .wp-block-columns h2,
.pageContent .quadContentBlock .wp-block-columns h3 {
  font-size: 36px;
  line-height: 1.1;
  margin: 0;
  margin: 0px 0px 20px 0px;
}
@media (min-width: 1920px) {
  .pageContent .quadContentBlock .wp-block-columns h2,
  .pageContent .quadContentBlock .wp-block-columns h3 {
    font-size: 2vw;
  }
}
@media (min-width: 1920px) {
  .pageContent .quadContentBlock .wp-block-columns h2,
  .pageContent .quadContentBlock .wp-block-columns h3 {
    margin: 0vw 0vw 1.1111111111vw 0vw;
  }
}
@media (max-width: 500px) {
  .pageContent .quadContentBlock .wp-block-columns h2,
  .pageContent .quadContentBlock .wp-block-columns h3 {
    font-size: 28px;
  }
}

.alignfull .quadContentBlock {
  max-width: calc(100% - 30px) !important;
}
@media (min-width: 1024px) {
  .alignfull .quadContentBlock {
    max-width: 80% !important;
  }
}

@media (min-width: 1024px) {
  .alignfull .quadContentBlock:has(.quadIntro) {
    box-sizing: border-box;
    width: 100vw;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw);
    padding-left: 10vw;
    padding-right: 10vw;
  }
}
@media (min-width: 1024px) {
  .alignfull .quadContentBlock:has(.quadIntro) > .wp-block-column {
    min-width: 0;
  }
}

.quadContentBlock:has(.quadIntro) {
  display: none;
}
@media (min-width: 1024px) {
  .quadContentBlock:has(.quadIntro) {
    display: flex;
    align-items: stretch;
    column-gap: 4%;
    padding-top: 250px;
    background-color: #F5F5F5;
    min-height: 300vh;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .quadContentBlock:has(.quadIntro) {
    padding-top: 13.8888888889vw;
  }
}
.quadContentBlock:has(.quadIntro) .wp-block-column .wp-block-group {
  position: static;
  left: auto;
  right: auto;
  bottom: auto;
  width: auto;
  max-width: none;
  padding-right: 0;
  pointer-events: auto;
}
@media (min-width: 1024px) {
  .quadContentBlock:has(.quadIntro) p:not(.userBttn) {
    display: block;
  }
}
.quadContentBlock:has(.quadIntro) figure.quadCard-image {
  height: auto;
  background-color: transparent;
  overflow: visible;
  border-radius: 0;
  margin: 0;
}
.quadContentBlock:has(.quadIntro) figure.quadCard-image a {
  border-radius: 0;
}
.quadContentBlock:has(.quadIntro) figure.quadCard-image img {
  opacity: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0;
  transition: none;
}
.quadContentBlock:has(.quadIntro) figure.quadCard-image img:hover {
  opacity: 1;
}
@media (min-width: 1024px) {
  .quadContentBlock:has(.quadIntro) .wp-block-column:has(.quadIntro) {
    align-self: stretch;
    min-height: 300vh;
  }
}
@media (min-width: 1024px) {
  .quadContentBlock:has(.quadIntro) .wp-block-column .wp-block-group.quadIntro {
    position: sticky;
    top: calc(50vh - var(--intro-half, 160px));
  }
}
.quadContentBlock:has(.quadIntro) .wp-block-column .wp-block-group.quadIntro h2 {
  font-size: 14px;
  color: #0A0D4A;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 1.4px;
  font-family: "Carbona", sans-serif;
  margin-bottom: 20px;
}
@media (min-width: 1920px) {
  .quadContentBlock:has(.quadIntro) .wp-block-column .wp-block-group.quadIntro h2 {
    font-size: 0.7777777778vw;
  }
}
@media (min-width: 1920px) {
  .quadContentBlock:has(.quadIntro) .wp-block-column .wp-block-group.quadIntro h2 {
    margin-bottom: 1.1111111111vw;
  }
}
.quadContentBlock:has(.quadIntro) .wp-block-column .wp-block-group.quadIntro > p:nth-of-type(1) {
  font-size: 40px;
  color: #0A0D4A;
  font-weight: 700;
  font-family: "Carbona", sans-serif;
  line-height: 1.2;
  margin-bottom: 20px;
}
@media (min-width: 1920px) {
  .quadContentBlock:has(.quadIntro) .wp-block-column .wp-block-group.quadIntro > p:nth-of-type(1) {
    font-size: 2.2222222222vw;
  }
}
@media (min-width: 1920px) {
  .quadContentBlock:has(.quadIntro) .wp-block-column .wp-block-group.quadIntro > p:nth-of-type(1) {
    margin-bottom: 1.1111111111vw;
  }
}
.quadContentBlock:has(.quadIntro) .wp-block-column .wp-block-group.quadIntro > p:nth-of-type(2) {
  font-size: 16px;
  color: #0A0D4A;
  line-height: 1.5;
}
@media (min-width: 1920px) {
  .quadContentBlock:has(.quadIntro) .wp-block-column .wp-block-group.quadIntro > p:nth-of-type(2) {
    font-size: 0.8888888889vw;
  }
}
@media (min-width: 1024px) {
  .quadContentBlock:has(.quadIntro) .quadCol {
    display: flex;
    flex-direction: column;
    gap: 40px;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .quadContentBlock:has(.quadIntro) .quadCol {
    gap: 2.2222222222vw;
  }
}
@media (min-width: 1024px) {
  .quadContentBlock:has(.quadIntro) .quadCol + .quadCol {
    margin-top: 14vh;
  }
}
@media (min-width: 1024px) {
  .quadContentBlock:has(.quadIntro) .quadCard {
    display: contents;
  }
}
.quadContentBlock:has(.quadIntro) .quadCard-text h3 {
  font-size: 14px;
  color: #0A0D4A;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 1.4px;
  font-family: "Carbona", sans-serif;
  margin-bottom: 16px;
}
@media (min-width: 1920px) {
  .quadContentBlock:has(.quadIntro) .quadCard-text h3 {
    font-size: 0.7777777778vw;
  }
}
@media (min-width: 1920px) {
  .quadContentBlock:has(.quadIntro) .quadCard-text h3 {
    margin-bottom: 0.8888888889vw;
  }
}
.quadContentBlock:has(.quadIntro) .quadCard-text p:not(.userBttn) {
  font-size: 16px;
  color: #0A0D4A;
  line-height: 1.5;
  margin-bottom: 20px;
}
@media (min-width: 1920px) {
  .quadContentBlock:has(.quadIntro) .quadCard-text p:not(.userBttn) {
    font-size: 0.8888888889vw;
  }
}
@media (min-width: 1920px) {
  .quadContentBlock:has(.quadIntro) .quadCard-text p:not(.userBttn) {
    margin-bottom: 1.1111111111vw;
  }
}
@media (min-width: 1024px) {
  .quadContentBlock:has(.quadIntro) .quadCard-image {
    position: sticky;
    top: 0;
    aspect-ratio: 434/585;
    width: 100%;
    will-change: clip-path;
    clip-path: inset(0 0 0 0);
  }
}

.latest-posts .topicName {
  display: block;
  font-size: 12px;
  margin-bottom: 10px;
  margin-top: 10px;
  color: #0A0D4A;
  /*&:after {
    content:"\E83F";
    font-family: "Fontello";
    color: $nava-primary-text;
    @include paddingleft(10);
  }*/
}
@media (min-width: 1920px) {
  .latest-posts .topicName {
    font-size: 0.6666666667vw;
  }
}
@media (min-width: 1024px) {
  .latest-posts .topicName {
    margin-top: 0;
  }
}

.readingTime {
  color: rgba(0, 0, 60, 0.6);
}
.readingTime:before {
  content: " · ";
}

.archive .readingTime:before {
  content: "";
}

.featuredPost {
  padding-bottom: 40px;
}
@media (min-width: 1920px) {
  .featuredPost {
    padding-bottom: 2.2222222222vw;
  }
}
.featuredPost img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (min-width: 960px) {
  .featuredPost {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 40px;
  }
}
@media (min-width: 960px) and (min-width: 1920px) {
  .featuredPost {
    grid-column-gap: 2.2222222222vw;
  }
}
@media (min-width: 960px) {
  .featuredPost .text {
    max-width: 800px;
    display: flex;
    align-items: center;
  }
}
@media (min-width: 960px) and (min-width: 1920px) {
  .featuredPost .text {
    max-width: 44.4444444444vw;
  }
}

.latest-posts .blogWave {
  display: block;
  width: 43px;
  height: 3px;
  flex: 0 0 auto;
  background-color: #96BEF9;
  -webkit-mask: url("../img/icons/waves.svg") no-repeat center/contain;
  mask: url("../img/icons/waves.svg") no-repeat center/contain;
}

.latest-posts .blogCat {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-family: "Carbona", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.3;
  color: #0A0D4A;
  text-transform: uppercase;
}
@media (min-width: 1920px) {
  .latest-posts .blogCat {
    gap: 0.2222222222vw;
  }
}
@media (min-width: 1920px) {
  .latest-posts .blogCat {
    font-size: 0.6666666667vw;
  }
}
.latest-posts .blogCat::before {
  content: "";
  flex: 0 0 auto;
  width: 12px;
  height: 12px;
  background-color: currentColor;
  -webkit-mask: no-repeat center/contain;
  mask: no-repeat center/contain;
}

.latest-posts .blogCat.category-boating-tips::before,
.latest-posts .blogHeader .categories .category-boating-tips > a::before,
.latest-posts .blogRail .categories .category-boating-tips > a::before {
  -webkit-mask-image: url("../img/icons/cat-boating-tips.svg");
  mask-image: url("../img/icons/cat-boating-tips.svg");
}

.latest-posts .blogCat.category-inspiration::before,
.latest-posts .blogHeader .categories .category-inspiration > a::before,
.latest-posts .blogRail .categories .category-inspiration > a::before {
  -webkit-mask-image: url("../img/icons/cat-inspiration.svg");
  mask-image: url("../img/icons/cat-inspiration.svg");
}

.latest-posts .blogCat.category-island-guide::before,
.latest-posts .blogHeader .categories .category-island-guide > a::before,
.latest-posts .blogRail .categories .category-island-guide > a::before {
  -webkit-mask-image: url("../img/icons/cat-island-guide.svg");
  mask-image: url("../img/icons/cat-island-guide.svg");
}

.latest-posts .blogHeader .categories,
.latest-posts .blogRail .categories {
  margin: 0;
  padding: 0 !important;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
@media (min-width: 1920px) {
  .latest-posts .blogHeader .categories,
  .latest-posts .blogRail .categories {
    gap: 0.4444444444vw;
  }
}
.latest-posts .blogHeader .categories li,
.latest-posts .blogRail .categories li {
  display: block;
  margin: 0;
  padding: 0;
}
.latest-posts .blogHeader .categories li::after,
.latest-posts .blogRail .categories li::after {
  content: none;
}
.latest-posts .blogHeader .categories li > a,
.latest-posts .blogRail .categories li > a {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  border: 1px solid #C69C6D;
  border-radius: 999px;
  padding: 4px 8px 4px 8px;
  font-family: "Carbona", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.3;
  color: #0A0D4A;
  text-transform: none;
  white-space: nowrap;
  transition: background-color 0.2s, color 0.2s;
}
@media (min-width: 1920px) {
  .latest-posts .blogHeader .categories li > a,
  .latest-posts .blogRail .categories li > a {
    gap: 0.2222222222vw;
  }
}
@media (min-width: 1920px) {
  .latest-posts .blogHeader .categories li > a,
  .latest-posts .blogRail .categories li > a {
    padding: 0.2222222222vw 0.4444444444vw 0.2222222222vw 0.4444444444vw;
  }
}
@media (min-width: 1920px) {
  .latest-posts .blogHeader .categories li > a,
  .latest-posts .blogRail .categories li > a {
    font-size: 0.6666666667vw;
  }
}
.latest-posts .blogHeader .categories li > a::before,
.latest-posts .blogRail .categories li > a::before {
  content: "";
  flex: 0 0 auto;
  width: 12px;
  height: 12px;
  background-color: currentColor;
  -webkit-mask: no-repeat center/contain;
  mask: no-repeat center/contain;
}
.latest-posts .blogHeader .categories li > a:hover,
.latest-posts .blogRail .categories li > a:hover {
  background-color: #C69C6D;
}

.latest-posts .blogSection {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media (min-width: 1920px) {
  .latest-posts .blogSection {
    gap: 1.6666666667vw;
  }
}

.latest-posts .blogFeatured,
.latest-posts .blogRail {
  display: none;
}

.latest-posts .blogHeader {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (min-width: 1920px) {
  .latest-posts .blogHeader {
    gap: 1.1111111111vw;
  }
}
.latest-posts .blogHeader .blogHeader-eyebrow {
  font-family: "Carbona", sans-serif;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  color: #0A0D4A;
}
@media (min-width: 1920px) {
  .latest-posts .blogHeader .blogHeader-eyebrow {
    font-size: 0.7777777778vw;
  }
}
.latest-posts .blogHeader .blogHeader-title {
  margin: 0;
  font-family: "Carbona", sans-serif;
  font-weight: 700;
  font-size: clamp(2rem, 9vw, 40px);
  line-height: 1.1;
  color: #0A0D4A;
}

.latest-posts .blogCards {
  display: flex;
  gap: 10px;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
  cursor: grab;
}
@media (min-width: 1920px) {
  .latest-posts .blogCards {
    gap: 0.5555555556vw;
  }
}
.latest-posts .blogCards::-webkit-scrollbar {
  display: none;
}
.latest-posts .blogCards.is-dragging {
  cursor: grabbing;
  user-select: none;
}

.latest-posts .blogCard {
  scroll-snap-align: start;
  flex: 0 0 clamp(260px, 82vw, 320px);
  height: 440px;
  display: flex;
  flex-direction: column;
  background-color: #F5F5F5;
  box-shadow: 0 4px 5px rgba(10, 13, 74, 0.1);
  overflow: hidden;
}
.latest-posts .blogCard .blogCard-image {
  flex: 1 1 auto;
  min-height: 0;
  display: block;
}
.latest-posts .blogCard .blogCard-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.latest-posts .blogCard .blogCard-meta,
.latest-posts .blogCard .blogCard-title,
.latest-posts .blogCard .blogCard-excerpt {
  margin: 0;
}
.latest-posts .blogCard .blogCard-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 20px;
  padding: 0 20px;
}
@media (min-width: 1920px) {
  .latest-posts .blogCard .blogCard-meta {
    margin-top: 1.1111111111vw;
  }
}
.latest-posts .blogCard .blogCard-meta .blogCat {
  font-size: 10px;
  color: #4346b5;
}
@media (min-width: 1920px) {
  .latest-posts .blogCard .blogCard-meta .blogCat {
    font-size: 0.5555555556vw;
  }
}
.latest-posts .blogCard .blogCard-title {
  display: block;
  margin-top: 20px;
  padding: 0 20px;
  font-family: "Carbona", sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.3;
  color: #0A0D4A;
}
@media (min-width: 1920px) {
  .latest-posts .blogCard .blogCard-title {
    margin-top: 1.1111111111vw;
  }
}
@media (min-width: 1920px) {
  .latest-posts .blogCard .blogCard-title {
    font-size: 1vw;
  }
}
.latest-posts .blogCard .blogCard-excerpt {
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 0 20px;
  font-family: "Carbona", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  color: #0A0D4A;
}
@media (min-width: 1920px) {
  .latest-posts .blogCard .blogCard-excerpt {
    margin-top: 1.1111111111vw;
  }
}
@media (min-width: 1920px) {
  .latest-posts .blogCard .blogCard-excerpt {
    margin-bottom: 1.1111111111vw;
  }
}
@media (min-width: 1920px) {
  .latest-posts .blogCard .blogCard-excerpt {
    font-size: 0.7777777778vw;
  }
}

@media (min-width: 1024px) {
  .latest-posts .blogSection {
    display: grid;
    grid-template-columns: 433px 1fr 221px;
    grid-template-rows: 1fr auto;
    grid-template-areas: "image body rail" "image cards rail";
    grid-column-gap: 20px;
    align-items: start;
    min-height: 516px;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .latest-posts .blogSection {
    grid-column-gap: 1.1111111111vw;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .latest-posts .blogSection {
    grid-template-columns: 24.0555555556vw 1fr 12.2777777778vw;
    min-height: 28.6666666667vw;
  }
}
@media (min-width: 1024px) {
  .latest-posts .blogHeader {
    display: none;
  }
  .latest-posts .blogFeatured {
    display: contents;
  }
  .latest-posts .blogFeatured-image {
    grid-area: image;
    display: block;
    width: 433px;
    height: 100%;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .latest-posts .blogFeatured-image {
    width: 24.0555555556vw;
  }
}
@media (min-width: 1024px) {
  .latest-posts .blogFeatured-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .latest-posts .blogFeatured-body {
    grid-area: body;
    display: flex;
    flex-direction: column;
    gap: 28px;
    padding-left: 20px;
    padding-right: 40px;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .latest-posts .blogFeatured-body {
    gap: 1.5555555556vw;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .latest-posts .blogFeatured-body {
    padding-left: 1.1111111111vw;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .latest-posts .blogFeatured-body {
    padding-right: 2.2222222222vw;
  }
}
@media (min-width: 1024px) {
  .latest-posts .blogFeatured-body .blogCat {
    font-size: 12px;
    color: #0A0D4A;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .latest-posts .blogFeatured-body .blogCat {
    font-size: 0.6666666667vw;
  }
}
@media (min-width: 1024px) {
  .latest-posts .blogFeatured-body .blogFeatured-title {
    margin: 0;
    font-family: "Carbona", sans-serif;
    font-weight: 700;
    font-size: 28px;
    line-height: 1.3;
    color: #0A0D4A;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .latest-posts .blogFeatured-body .blogFeatured-title {
    font-size: 1.5555555556vw;
  }
}
@media (min-width: 1024px) {
  .latest-posts .blogFeatured-body .blogFeatured-excerpt {
    margin: 0;
    font-family: "Carbona", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    color: #0A0D4A;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .latest-posts .blogFeatured-body .blogFeatured-excerpt {
    font-size: 0.8888888889vw;
  }
}
@media (min-width: 1024px) {
  .latest-posts .blogFeatured-body .blogFeatured-more {
    align-self: flex-start;
    margin-top: 4px;
    display: inline-flex;
    align-items: center;
    border: 1px solid #96BEF9;
    border-radius: 999px;
    padding: 8px 16px 8px 16px;
    font-family: "Carbona", sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.3;
    text-transform: uppercase;
    color: #0A0D4A;
    transition: background-color 0.2s, color 0.2s;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .latest-posts .blogFeatured-body .blogFeatured-more {
    margin-top: 0.2222222222vw;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .latest-posts .blogFeatured-body .blogFeatured-more {
    padding: 0.4444444444vw 0.8888888889vw 0.4444444444vw 0.8888888889vw;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .latest-posts .blogFeatured-body .blogFeatured-more {
    font-size: 0.8888888889vw;
  }
}
@media (min-width: 1024px) {
  .latest-posts .blogFeatured-body .blogFeatured-more:hover {
    background-color: #96BEF9;
    color: #0A0D4A;
  }
  .latest-posts .blogCards {
    grid-area: cards;
    display: flex;
    gap: 10px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: none;
    align-self: end;
    padding-bottom: 0;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .latest-posts .blogCards {
    gap: 0.5555555556vw;
  }
}
@media (min-width: 1024px) {
  .latest-posts .blogCard {
    flex: 0 0 auto;
    flex-direction: row;
    align-items: flex-start;
    gap: 10px;
    width: auto;
    height: 70px;
    background: none;
    box-shadow: none;
    overflow: visible;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .latest-posts .blogCard {
    gap: 0.5555555556vw;
  }
}
@media (min-width: 1024px) {
  .latest-posts .blogCard.blogCard--featured {
    display: none;
  }
  .latest-posts .blogCard .blogCard-image {
    flex: 0 0 120px;
    width: 120px;
    height: 100%;
  }
  .latest-posts .blogCard .blogCard-meta,
  .latest-posts .blogCard .blogCard-excerpt {
    display: none;
  }
  .latest-posts .blogCard .blogCard-title {
    flex: 0 1 150px;
    margin: 0;
    padding: 0;
    font-size: 18px;
    font-weight: 700;
  }
  .latest-posts .blogRail {
    grid-area: rail;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-self: stretch;
    padding-left: 20px;
    padding-right: 20px;
    border-left: 1px solid rgba(198, 156, 109, 0.5);
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .latest-posts .blogRail {
    padding-left: 1.1111111111vw;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .latest-posts .blogRail {
    padding-right: 1.1111111111vw;
  }
}
@media (min-width: 1024px) {
  .latest-posts .blogRail .blogRail-label {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    font-family: "Carbona", sans-serif;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    color: #0A0D4A;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .latest-posts .blogRail .blogRail-label {
    font-size: 0.7777777778vw;
  }
}
@media (min-width: 1024px) {
  .latest-posts .blogRail .categories {
    flex-direction: column;
    align-items: flex-start;
  }
}
.promotionBox,
.promoBoxSimple,
.promoBoxAdvanced {
  position: relative;
  overflow: hidden;
  background-color: #000 !important;
}
.promotionBox figure,
.promoBoxSimple figure,
.promoBoxAdvanced figure {
  position: absolute;
  top: 0;
  max-width: unset;
  width: 100%;
  height: 50%;
  margin: 0;
  overflow: unset !important;
  border-radius: unset !important;
}
@media (min-width: 781px) {
  .promotionBox figure,
  .promoBoxSimple figure,
  .promoBoxAdvanced figure {
    width: 60%;
    height: 100%;
  }
}
.promotionBox figure a,
.promoBoxSimple figure a,
.promoBoxAdvanced figure a {
  border-radius: unset !important;
  display: block;
}
.promotionBox figure a:has(img),
.promoBoxSimple figure a:has(img),
.promoBoxAdvanced figure a:has(img) {
  height: 100%;
  max-height: 100%;
}
.promotionBox img,
.promoBoxSimple img,
.promoBoxAdvanced img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.promotionBox .promoWrapperHolder,
.promoBoxSimple .promoWrapperHolder,
.promoBoxAdvanced .promoWrapperHolder {
  position: relative;
}
.promotionBox .promoWrapper,
.promoBoxSimple .promoWrapper,
.promoBoxAdvanced .promoWrapper {
  position: relative;
  background-color: rgba(0, 0, 0, 0.4);
}
.promotionBox .promoWrapper .content,
.promoBoxSimple .promoWrapper .content,
.promoBoxAdvanced .promoWrapper .content {
  margin: 0 auto;
}
@media (min-width: 1530px) {
  .promotionBox .promoWrapper .content,
  .promoBoxSimple .promoWrapper .content,
  .promoBoxAdvanced .promoWrapper .content {
    max-width: 87%;
  }
}
.promotionBox *,
.promoBoxSimple *,
.promoBoxAdvanced * {
  color: #fff;
}
.promotionBox:has(.quadExperience),
.promoBoxSimple:has(.quadExperience),
.promoBoxAdvanced:has(.quadExperience) {
  overflow: visible;
}
.promotionBox .quadExperience,
.promoBoxSimple .quadExperience,
.promoBoxAdvanced .quadExperience {
  position: relative;
  background-color: #fff;
  background-image: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgba(46, 194, 213, 0.05) 100%);
  background-position: center center;
  background-repeat: no-repeat;
}
@media (min-width: 1400px) {
  .promotionBox .quadExperience,
  .promoBoxSimple .quadExperience,
  .promoBoxAdvanced .quadExperience {
    background-image: url(../img/dashed_wave.png), linear-gradient(180deg, rgb(255, 255, 255) 0%, rgba(46, 194, 213, 0.05) 100%);
    background-position: center 2vw, center center;
  }
}
.promotionBox .quadExperienceContent,
.promoBoxSimple .quadExperienceContent,
.promoBoxAdvanced .quadExperienceContent {
  position: relative;
  z-index: 5;
  display: grid;
  grid-gap: 1vw;
}
@media (min-width: 1400px) {
  .promotionBox .quadExperienceContent,
  .promoBoxSimple .quadExperienceContent,
  .promoBoxAdvanced .quadExperienceContent {
    grid-template-columns: 1fr 1fr;
    max-width: 86%;
    left: 86%;
    transform: translate(-100%, -15%);
  }
}
.promotionBox .quadExperienceContent .userBttn,
.promoBoxSimple .quadExperienceContent .userBttn,
.promoBoxAdvanced .quadExperienceContent .userBttn {
  grid-column: 1/-1;
}
.promotionBox .quadExperienceContent .wp-block-group,
.promoBoxSimple .quadExperienceContent .wp-block-group,
.promoBoxAdvanced .quadExperienceContent .wp-block-group {
  border-radius: 14px;
  box-shadow: 4px 4px 16px rgba(33, 150, 165, 0.1);
  padding: 20px 20px 20px 90px;
}
@media (min-width: 1920px) {
  .promotionBox .quadExperienceContent .wp-block-group,
  .promoBoxSimple .quadExperienceContent .wp-block-group,
  .promoBoxAdvanced .quadExperienceContent .wp-block-group {
    border-radius: 0.7777777778vw;
  }
}
@media (min-width: 1920px) {
  .promotionBox .quadExperienceContent .wp-block-group,
  .promoBoxSimple .quadExperienceContent .wp-block-group,
  .promoBoxAdvanced .quadExperienceContent .wp-block-group {
    padding: 1.1111111111vw 1.1111111111vw 1.1111111111vw 5vw;
  }
}
.promotionBox .quadExperienceContent .wp-block-group.programs,
.promoBoxSimple .quadExperienceContent .wp-block-group.programs,
.promoBoxAdvanced .quadExperienceContent .wp-block-group.programs {
  background: #fff url(../img/icons/programs_icon.svg) 1.1vw 6.5vw no-repeat;
}
@media (min-width: 1024px) {
  .promotionBox .quadExperienceContent .wp-block-group.programs,
  .promoBoxSimple .quadExperienceContent .wp-block-group.programs,
  .promoBoxAdvanced .quadExperienceContent .wp-block-group.programs {
    background-position: 1.1vw 1.5vw;
  }
}
.promotionBox .quadExperienceContent .wp-block-group.routes,
.promoBoxSimple .quadExperienceContent .wp-block-group.routes,
.promoBoxAdvanced .quadExperienceContent .wp-block-group.routes {
  background: #fff url(../img/icons/routes_icon.svg) 1.1vw 6.5vw no-repeat;
}
@media (min-width: 1024px) {
  .promotionBox .quadExperienceContent .wp-block-group.routes,
  .promoBoxSimple .quadExperienceContent .wp-block-group.routes,
  .promoBoxAdvanced .quadExperienceContent .wp-block-group.routes {
    background-position: 1.1vw 1.5vw;
  }
}
.promotionBox .quadExperienceContent .wp-block-group.blog,
.promoBoxSimple .quadExperienceContent .wp-block-group.blog,
.promoBoxAdvanced .quadExperienceContent .wp-block-group.blog {
  background: #fff url(../img/icons/blog_icon.svg) 1.1vw 6.5vw no-repeat;
}
@media (min-width: 1024px) {
  .promotionBox .quadExperienceContent .wp-block-group.blog,
  .promoBoxSimple .quadExperienceContent .wp-block-group.blog,
  .promoBoxAdvanced .quadExperienceContent .wp-block-group.blog {
    background-position: 1.1vw 1.5vw;
  }
}
.promotionBox .quadExperienceContent .wp-block-group.maintenance,
.promoBoxSimple .quadExperienceContent .wp-block-group.maintenance,
.promoBoxAdvanced .quadExperienceContent .wp-block-group.maintenance {
  background: #fff url(../img/icons/maintenance_icon.svg) 1.1vw 6.5vw no-repeat;
}
@media (min-width: 1024px) {
  .promotionBox .quadExperienceContent .wp-block-group.maintenance,
  .promoBoxSimple .quadExperienceContent .wp-block-group.maintenance,
  .promoBoxAdvanced .quadExperienceContent .wp-block-group.maintenance {
    background-position: 1.1vw 1.5vw;
  }
}
@media (min-width: 1920px) {
  .promotionBox .quadExperienceContent .wp-block-group,
  .promoBoxSimple .quadExperienceContent .wp-block-group,
  .promoBoxAdvanced .quadExperienceContent .wp-block-group {
    background-size: 2.555vw !important;
  }
}
.promotionBox .quadExperienceContent .wp-block-group *,
.promoBoxSimple .quadExperienceContent .wp-block-group *,
.promoBoxAdvanced .quadExperienceContent .wp-block-group * {
  color: #0A0D4A;
}
.promotionBox .quadExperienceContent .wp-block-group h2,
.promoBoxSimple .quadExperienceContent .wp-block-group h2,
.promoBoxAdvanced .quadExperienceContent .wp-block-group h2 {
  font-size: 16px;
}
@media (min-width: 1920px) {
  .promotionBox .quadExperienceContent .wp-block-group h2,
  .promoBoxSimple .quadExperienceContent .wp-block-group h2,
  .promoBoxAdvanced .quadExperienceContent .wp-block-group h2 {
    font-size: 0.8888888889vw;
  }
}
.promotionBox .quadExperienceContent .wp-block-group p,
.promoBoxSimple .quadExperienceContent .wp-block-group p,
.promoBoxAdvanced .quadExperienceContent .wp-block-group p {
  opacity: 0.5;
}
@media (max-width: 760px) {
  .promotionBox .quadExperienceContent .wp-block-group p,
  .promoBoxSimple .quadExperienceContent .wp-block-group p,
  .promoBoxAdvanced .quadExperienceContent .wp-block-group p {
    max-height: 44px;
    margin-bottom: 0;
    position: relative;
    overflow: hidden;
  }
  .promotionBox .quadExperienceContent .wp-block-group p:after,
  .promoBoxSimple .quadExperienceContent .wp-block-group p:after,
  .promoBoxAdvanced .quadExperienceContent .wp-block-group p:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  }
}

.promotionBox figure:nth-of-type(1) {
  left: 0;
}
.promotionBox figure:nth-of-type(2) {
  top: 50%;
}
@media (min-width: 781px) {
  .promotionBox figure:nth-of-type(2) {
    top: 0;
    left: 44%;
    -webkit-clip-path: polygon(9% 0, 100% 0%, 100% 100%, -2% 100%);
    clip-path: polygon(13% 0, 100% 0%, 100% 100%, 0% 100%);
  }
}
@media (min-width: 1920px) {
  .promotionBox .promoWrapper .wp-block-column:nth-of-type(1) {
    padding-left: 0 !important;
  }
}
@media (min-width: 1920px) {
  .promotionBox .promoWrapper .wp-block-column:nth-of-type(2) {
    padding-right: 0 !important;
  }
}
.promotionBox .wp-block-column {
  padding: 5vw 0;
  display: flex;
  justify-content: flex-end;
}

.promoBoxSimple figure,
.promoBoxAdvanced figure {
  width: 100%;
  height: 100%;
  opacity: 0.65;
}
.promoBoxSimple .promoWrapper,
.promoBoxAdvanced .promoWrapper {
  background-color: transparent;
}
@media (min-width: 1024px) {
  .promoBoxSimple .promoWrapper,
  .promoBoxAdvanced .promoWrapper {
    max-width: 87%;
  }
}
.promoBoxSimple:not(.navaCounter) .content,
.promoBoxAdvanced:not(.navaCounter) .content {
  padding: 130px 25px;
}
@media (min-width: 1530px) {
  .promoBoxSimple:not(.navaCounter) .content,
  .promoBoxAdvanced:not(.navaCounter) .content {
    max-width: 87%;
    padding: 7.7777777778vw 0.8333333333vw;
  }
}

.promoBoxSimple:not(.navaCounter) .content > h2 {
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 1.4px;
  font-family: "Carbona", sans-serif;
  margin-bottom: 20px;
}
@media (min-width: 1920px) {
  .promoBoxSimple:not(.navaCounter) .content > h2 {
    font-size: 0.7777777778vw;
  }
}
@media (min-width: 1920px) {
  .promoBoxSimple:not(.navaCounter) .content > h2 {
    margin-bottom: 1.1111111111vw;
  }
}
.promoBoxSimple:not(.navaCounter) .content > p:nth-of-type(1) {
  font-size: 40px;
  font-weight: 700;
  font-family: "Carbona", sans-serif;
  line-height: 1.2;
  margin-bottom: 20px;
}
@media (min-width: 1920px) {
  .promoBoxSimple:not(.navaCounter) .content > p:nth-of-type(1) {
    font-size: 2.2222222222vw;
  }
}
@media (min-width: 1920px) {
  .promoBoxSimple:not(.navaCounter) .content > p:nth-of-type(1) {
    margin-bottom: 1.1111111111vw;
  }
}
.promoBoxSimple:not(.navaCounter) .content > p:nth-of-type(2) {
  font-size: 16px;
  line-height: 1.5;
}
@media (min-width: 1920px) {
  .promoBoxSimple:not(.navaCounter) .content > p:nth-of-type(2) {
    font-size: 0.8888888889vw;
  }
}

.promoBoxSimple.navaCounter {
  text-align: center;
  padding: 30px 0px 50px 0px;
}
@media (min-width: 1920px) {
  .promoBoxSimple.navaCounter {
    padding: 1.6666666667vw 0vw 2.7777777778vw 0vw;
  }
}
.promoBoxSimple.navaCounter h2 {
  margin-left: auto;
  margin-right: auto;
}
.promoBoxSimple.navaCounter .promoWrapper p {
  margin: 0 auto;
}
.promoBoxSimple.navaCounter .counterWrapper {
  display: flex;
  flex-wrap: wrap;
}
.promoBoxSimple.navaCounter .counterWrapper p {
  padding: 0 20px;
  margin-bottom: 20px;
  width: 100%;
}
@media (min-width: 551px) {
  .promoBoxSimple.navaCounter .counterWrapper p {
    width: 50%;
  }
}
@media (min-width: 1024px) {
  .promoBoxSimple.navaCounter .counterWrapper p {
    width: unset;
  }
}
.promoBoxSimple.navaCounter .counterWrapper strong {
  display: block;
  font-size: 38px;
  color: #0A0D4A;
  font-weight: normal;
}
@media (min-width: 1920px) {
  .promoBoxSimple.navaCounter .counterWrapper strong {
    font-size: 2.1111111111vw;
  }
}
.promoBoxSimple.navaCounter .content {
  padding-top: 20px;
  padding-bottom: 20px;
}
@media (min-width: 1920px) {
  .promoBoxSimple.navaCounter .content {
    padding-top: 1.1111111111vw;
  }
}
@media (min-width: 1920px) {
  .promoBoxSimple.navaCounter .content {
    padding-bottom: 1.1111111111vw;
  }
}
@media (min-width: 1920px) {
  .promoBoxSimple.navaCounter .content {
    max-width: 87%;
  }
}

@media (min-width: 1530px) {
  .promoBoxAdvanced:not(.navaCounter) .content {
    padding: 9.4444444444vw 0.8333333333vw 12.2222222222vw 0.8333333333vw;
  }
}
.promoBoxAdvanced .floatingTitle {
  font-size: 22px;
  font-weight: 500;
}
@media (min-width: 1023px) {
  .promoBoxAdvanced .floatingTitle {
    display: none;
  }
}
.promoBoxAdvanced .floatingTitleDesktop {
  display: none;
}
@media (min-width: 1024px) {
  .promoBoxAdvanced .floatingTitleDesktop {
    display: block;
    position: absolute;
    right: 0;
    font-size: 37px;
    font-weight: 600;
    letter-spacing: 3px;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .promoBoxAdvanced .floatingTitleDesktop {
    font-size: 2.0555555556vw;
  }
}
.promoBoxAdvanced .floatingTitleDesktop:after {
  content: "";
  width: 360px;
  height: 131px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA5oAAAFQCAMAAADpx/FCAAAAtFBMVEUAAAD+/v7////+/v7+/v7////+/v7+/v7+/v7////+/v7////////+/v7+/v7////+/v7////////+/v7+/v7+/v7////9/f3////////+/v79/f3////////+/v79/f3////+/v7////////9/f3+/v7////9/f3+/v7+/v7////////////////////////9/f3////////////9/f3////////9/f3////9/f3////+/v7f6fO/AAAAO3RSTlMA/QTy9gj66O0M4joarLNQ3koiuM/KE41cV8WkRRC8gyjaczCawDef09dhHhUsZUCIf2p7kXgllTSobomKJpYAAC7LSURBVHja7N0BUhpBEIXhZllgEwkuEbE0iiAQhUg0MSDFu/+9UrMs4BFelf93h66a6Xk9HcBn0n0sm6PrAGDlvFDyIwD4aL2r9hAAXKyedLAIACaWuY6+BgAL2ZU+eAsADoYjffAvADjYTHSSLwOAg2lHJ+U0ADh4aeqkdxcAHPRzHTVoAAEm+m0dFbcBwMJZrqPFJgBY2DZ1NOKaCZgYFzqaZQHAwnByagDtAoCHbKSDZj8AmJjpoPgZAEzsTpMm4wBgot9QbfIrAJgYN1UbPAcAE8NStfmXAGAim1OZgKGZajdUJuBjSWUChqa59i6JzQI+7krtDahMwEhPe5NhALCx1l7BeCZg5KWhSn4WAGx0O6o0zgOAjWzOyiHA0BU/tAOG+tr7FgB8PHfqqEErAPi4UKVkDAxw8sCDJmBo2lbS4IsuwElrocqfAGBkpspFADByrkpJph1w0i2U5Gy2BayMVGEbPGBlp8osABjZ5EoGpIAAJ9mNkuJ7ADCyJmsAGFq1lbwGACPZQMmAtdOAlXslOZv6ACvbtpK/AcBInWrvBQAnr0o6TE8DVqYNJbybAFbq7ux7AHCyVrIgoAdY2Wdn20yCAV7mStYBwMlvJZfEgAAr3WZ1nF0FACc9JW8BwMk1qXbA0LBDdxYw9KjkPgA4uVXyxHEWsNIqqz9HtoH/7N3XdtpAFIXho4bkAgIBJhTTi8E2xRQH9vu/V9YIEjsV4TDKkLW/B4CrH9Awc4bIJBXOHCEy0NDi3lki89gPAGDdCBGZZMlZ7UQGarsA4PNSMCKz1KB8EiIyyQuUgRCRSZ72B044d5bILHXu0CMy0AxKnn9pEhnFHnO6JZGB1lCyQkQmeXQBwLkVIjJJDspOiMgkBQ4dITIQT2kSJeb1niQtc95wQpTQzIeVvZVUtDMA4N8LER3jA0D+UdLQhFIVIjrmM2JbScEnKEUhoqNCxFzR796P32kjRHTUFHuPot0KykKI6Lgu9oai2eFq+A63tRMl0UotzTKUhhBRAqu00pxyWzvRCUYppfkUAIAbCRElkf1zmrx8iOjfaKaT5o0FANdXQkSJlNNJs8TxlkQn6aSS5hRKWYgoIV93mm/7gKyhEFFCbhpprqDUhYgS8qA/zcNZMJfzgIgSe0ojzSaUpRBRUpsU0gyhXHPzLFFyn/Wn6eV5gJroVA0c3IguSyg1IaLkQu1p3jocokd0son2NLdQRkJEJ9jpTvMGvEiB6HQL3WmWoKyFiE5R0ZzmFJw6QvQBfb1p3gdQQiGik2T1prmC0hT6OC8ahtNlpZ9tlvJOJsiXBrn6a2s9DYePvNXpP1bUmuZzBgCsZ6HT2c/V1nbQcfB7ll8qjlovhTYb/f+UtabZ5O1DHxKFi+xDBsllOrnKdMZl8P/JWGeaIRTnSSi5aFK/xgc55f7kmd+g/wdfY5penidOTvM4Gf06y2BcHhSz9dFrpbXu7taL+euonisOSr6FnziDSpWDCy+fqzHNJRSfo7qSeeyWf/6dWlztwmHkye/Y0U21W8nWfiw6yHXbQhfMhr40bx0oU6Hjbl9qFt7LZxdhZEtid7Ndv+zivfxryI/Fi3WnMc0RlA4ffY66mjYtvHGKi8YHm9pUW0UHbzLNLpfHL1OkL82exd0GiUSVdzG5xV3Plr9iD9dNF2/yLV6beIF6+tIc8JhmEjdZC191VgVPzsK+WQze5Vmb8o7+SzPTlmb49WXp9+xq+a3L1rOclRfWHXzlbgt8srgooa407Q6UnNBv2dNrHOTnPYlprNOv8C+VC/JJV5pdcIveEYUx9qxcQbTxCiMHB1a9J3QhXjSleRdwtsGfDQfY8+eR6GWHbwvAxZnQRVhqSvMVHAr9J7dbCzG/60kKNpUAB2WumV+EuZ402xkoczGdXc2O3XG2Ien6FCAWrD1JiTep4WA84YqQ+fp60sxBCYxfsZ9cY2+wkfQ85RBzF1eSpl7fwd64IGS4rZY0G4h1xWybAb4JhpKWaoBYcSPnFC0bcsxdy8FekTtsDZfTkab9ACVv+ECgiYN33Lakwqsj5lflnHrNZLuV7xcBYpnVnZDBajrSnOICrqC2R/heTdJwW0Zsey/nNMsAeJEkrpYBYsGOj5wGe9CQ5pUPpSQmuxvgR6HoN/ShuFM5q01wymfhVdfnI6fxrjWkOUesIQZrd7CXqRfamxcfAPqiXdWF8tAW5dxPEJEk5XUdxOr8VWsq5/xpRq75U/QaAfbKkSjRNYC86LZALOvJeS2hDL6wd6ddiStBGIArC0lAdtkhAiqICnJlwIX3//+ve7KiAvcwoSvpK/18nDPjzCidSldXV9FfmN9r8NhqgJukNPFLswTpxw+9WAiU9S9VUQ4xe4WvTYLVzSR7+7sJfGVVFyKjPIQvzSv4PkleLwhNchTKW/xL8w882pYigk+Rc/SXKlV4HBU4JfQsfmk24bEkvuTQ1RAYtyhms7/Q3sJjVUi0WuJgnNsY8DyoPiXSWQhfmh347klaAwsBY0Qx3QKuidMWHq1LYsXX77QRJVAswTOWeftxma5EL81cQfa69g8DAW3wY25+mxh14dE6JNwGvvJZhReWGuUmmZropbmBb02yGjkIbX++bb4Qn1EwmvuJhCsa8C0poXoTnk/Ja7cuTRexK4HXNE1p+7W7VYTu90a/LIlN/hGeVxLvE74mJaYPNf8ryPumc4leEPsgAdqQ/DJYCaEbnb7QDQBzYlOCp0TiLRHo0hmuqgBgT0mRxi1iC3EHbIa0JSYrhMYufTXlPda8haeRI+H0BnxjOovbAwBTnaLIY4jYiM7Xh++VJLUw4+Ts/pHjhLhMNQBwnkm8FQJPdJ7cNQBoct9IuChrxJ6FNYV2ZD0ly8d9smr03YzzgaI32KrnWw58VZ3OpJfCPJUihz5iRVHTNCFtHv4BoddDjbI/iMmWr4PZPSBqrozeV2tTJmXEXFEnMbasWfgaQuVD2SubOMSnG9U8ifehwVfICWu1pqnpUXKYIJajczXg25KcctW9FFBItwH0icknAGhXxKAHod/ytv8vVXc4pdBAjM71BF9B1qD5upcCitQ4ezIMAK6F/wTB7ynXAGCorkEyGCNiCSjRk3qcZt1EoHLwtV5rEY8GABhFEi9vI3ArtiBjLO3Z1yWxETHoTBvIPU6zjGPlEAuNsTPQgK+3YBuIMuJiT5duZP0ZXhITEYfO0zLk7tVVQ+D6SJr6iXhM2J5XIwuBPyROB553UjKmI1YQc0L6SHLSq/DZc/rpTQvuIbOYgm3dXyNguCTQGh5VFpS1FmJVOkvdgtQ/0y0CtSOnnW3iUWYLmgOEhiSS3gMAW203M1aHR0S4+4TUDS7zDnzrIw8VrU4sFhpb0GwALAXLb5Ya8SaBO8QaQs6+ZT0TG8I3yx3ZaZaJxzqsohPvCWC65dOWv1XpBVgi1hRRotcjOYXXjc3FsYdKjVjoNlfhYq4AMPWTcJ3/w1SM366G2OS8ryN3V+h3+LZHM6jEYwAA1pzE+wOw9ZNYSX7n9iJ0ELsWMJ5hQnJ6s47+FyusIxUeuAqB5gYCVpGE02dyd6q4CCvEygL2PVckpxI8xjPt0R85Hym6w/VdeQcYOxcOwsyvkp0NYqXz9z3XJKcP+Fa0b8PaaL4CpnENIwvgbPdbBgBH7TYzNESsT4n9kTxo3sDTO1pX2ycmfa49WxmhB2JxFT7LlMy8I3Z/Rome3EGzdnyybZm3Z64NAFMSbomQ9kY8Zn68V6W02ekj9k5JrSUPmo2jhaZd3j3Vgut9tolQn5ispC7tugRlxNrJS/TkDpodeBo67XHtsP0AkxVTBWAXIW1BTFwzSA0qWblB7J8zS/QgaRNTvXo009MP2w9wKfEUM+SqCVJ3iY59TFn7r12AJmKvlMwUcgfN7dHX9Qr3yboDwMqTaLeI3BGbinqjzdYYsQ0lM5E7aAZ17U6L9hSdsKqWy4indLHlIFQmPi1NFblnykbsNvnptMzbkiE8L8f22RZj4Ony5JjaAPvTMM7RkpIRE7HVea/Eks5nLJrHSvdXYd6Wz5Blq1m3ELohTu/wqAlFGdGx80RJVCQPmvcAoE1pz9Ty16xOfMosn+0+Ikvi1IWnQkomWtjpUBIzuYPm0WvBxQIAmG/EqMDRd3qhIdQjVlO5G/H/dnXsVCiBruRBswQAxvxIlw2siJHLkrcuIzIgVnWoPFCG7hBIuinSx3IHzaNP/jU8n8Tpg+NoZopIk3i5Ut+N//WWwFkP4RfJg+bkSDf5DjyzPHGqcHQFukGkRsy04I65kokadq7OaIJxR1KqHdlE35lpzA9YMaRqlog0iJsDADYpmejgrHnx29OCpt5d96qGM3milDUOf4Zb1VSSj/8EQ0uF6iFSIWa6BgAGKZlYYWeReOSG9t9B82OGUC9PaeocflHXr9NpfdMHYOkkUg2RGXErwqORkokNdt4S/+kSHRPXw2WxJ81VD6dI20hnrMeN+GqaBiId4vYBFTUzNMQZ8+Jd56Sg2cYXXUrP7eFrU7fwFObErSk8jdoFkNrMpwo8BVIyscZOK+m6Lp3ypI9/b2pc5+Bd444GAOaU2D2KPtbUx4g8EbuN1CNsfr0H7OQTtlvUFieW6aac8BsebNBRs/xf7hC/quiT0ydEqjqxm0h91e/XK2FHp7/TPjEQFvBFgdJSNA8Vs1yZUVE7P0fwMLxcAZEVsXMteNakZOIGMSvBRz8MmqcvfzQpLfeHWkEunBSrz0zBaeAtgPRG8nehmuplqYfEQ6nvT909DvBFh1LyZh3oEli3keLMZU3s0szbiGyJX1/qCszfr5F4F1i3dkHz9LA50Ynf7i+1numrYhWemUupMMVepN4gYueIWfxSZKh2lxl5TLwL7AOnVojPxwhoa51S8qHtNwRyG/DYz5QOA8ArieI6iGyI31ru4ujfr5p08u1I+4tui632o+nMSi9zSs3NfuvnfA8e84NS4ghdmkNEnDyxm5vwvZCSDTvp5NtSHDSlNNjPLrpNeKwapcUWuTTnBiJ/iF8bPtMlJRsGkOjO/F0UNEckpeZe0Gw1EB5opqYgMg30DyKGS+wWptRP3ktgAYl6QF3LHTS7e+3o540ot5meR4Hnmi0DkSGx0xsILEnJho5kk2+vIHXQ1Mc/244UZ/C9UoomAPrig2aL2LUh9/j/C5BPWN06QaBPUnr5eemr+Ahfm9JUAlAWHjTbxG6pIVAjJSNzJBqvOZA7aOYKP6LL8xhZtKB6BzARHTTNInGr2ypoZu4ZicZrNuUOmpsfW7J6Fb6STqkaAngUHTTXxK0YH0NL2lbmIrwhyQy/itxB03W+B816Ab6bHKVrC8AQHDStIjFzZwi1ScnMHZAg8TeTO2j+8/1zNcpkZcaPMFds0LwnZvkeQlU1wC9DUyQYFNY5eVb5fDqn1BXNb1uykZ3JyoxnUi+EFgJZdeLV6iFkSTr57UIssbOlEz2eGDSfSxq0vkspu/82TnOR3cqknAagJjRoPhCv+hiRLSkZqmHnhU7TPTFoXjnwNFqUqpH29crJ1MloZcblQFtxQZN/dz/9l737WkwdB8IAPO7Y9N5DJxBagATI+d//vXbJwabYssfGwF7sd72bQ4LlkUajkQFbmv73StkIJyknvBf4WHnNd5y+/HAr5ZUjk0axlAO1FeA5xVdZFbbe/8Wzr1XDWTbWoDkzYNvRE40vP1xefenIpHcAoziD5oIeSO5IsBkF+t9LLcNfeVJiBU2tBEeSnujtIrrU9deOTPoDwIgxaKbpgWYNOJT/dzRf7Q/CjqAsL1WYhkPR6HlaF9FlKeFXUaMXWQFAJbagiQM9TjYBh7oiL2anpwxleqJKhZ6g3fr+ahYbo8zPsL+SyUvyfTrpVOiJ+jgbxBg01zhb0xOVzkfz+wgzMtur5edPOlMsZjL7bIU81d8S1leK+EwJQCu2oPlGD2PucaZmycsg9+TN7FkR0tuCHiv51ZNwIdGXPfYacGQN6HnWYe9VyLOCZl3CI5q/pbqHVbLNWAgf7GDDHJmDdUPCBek9RS6LBo6MJPH1AGxj+4pW9ChZC2fKirzsEjiSZvQklR4AqC16nPY6B4foYh55rb6gCOMTZyliKHOKUgYqEHeb8e6maeGXlalp/t3Ni0T0xR6Zcq0BF6VP18yqjr+M+TPPnrSVx/cJLWRwwTiQF22CJ7ckKeLB7ePbawVeRhpdmJXh6NPTfOGsHVfQTFk4a1AMtJvRY3zO/e49W5H8zh6Z9Rxc3DP2xRRRjjJ/350H2uLRt/ZpWxUXcjvytMeTh2YdJzI9Ri0BgbTsWoM/vTR1iDONgjUYK02tAVs8hxfmnwZuGVlxo9YGyWnuyOw2ILKns6Ua7WBr8t4bNs0EgEdGD3lj4VKxErQD3iWGGO93UWV6hHkabnquh6MfmU7WEgBpaj294L8JhxTmnOaOOdxRjeGlrsBLsy2KMDWtyB2ZGxUu+qSRu+6OZTZx6YvYZBVALZ483QfFT15auCStydssgZMiPUftsfc+Jg3c6nUWRDT/MAAU23RUSQNAukCUfvbR8nS45u0jRtDMwxbLurlmQaA0F5Sabsvgnc/U0rilpusmEe36yrngfzABoH+N5wcrdDbm7b66V82AzZIpbuamhyuJFnmTG7Dl6Snk3kP7/ddVXDM+B3TSTgPI1WQyNwYAdfO7Hmd/B/EPTYMCrRhBs2IAiO17XJUg1pvRlSquNWXyNS/jRrFm0klhBCAzIFoMJQDGyolh07D51RxFtsHjqs0LVQXXfubBaeIpPUftoZ3q+xKu5Daa69Zy3ZIAYLKgo/azK/4zcOT4dxc1GYM9jpLPbga+cjO6MFNxZc87ZOGQ0gd3PZOi4KiROs8IaqGLDgoUkWzhQU+onM9I7uW7yEB/+tXF00f2D/yDK9OaTFe0KWxlk36l7O/gWYpwTGJpo1fDhcSc7iCvdQQoma6rQtmr3FQOl6Tmgq7tFFf8bYW+2VLT71klfuAxbaFX+wRuSMO2T+tL5lMSb9B82DZqTcIFfS2Lk169+cUH2tITvYW5Xe8tOBbOFFxY0h1mIwRL3x4Gc6xZ97A4pmOfCrmRfDG/3IQ/fJKOvt6Kvy20nKxacMksuBs4zzFlpcMH++KomqSQ8jouNBaCN+p1lf+P/R08yyhEh+gx4/jDGy6M7i3pdFOno0YCF7aumTRvb1gr44L0qZHbAX/1KnRSDD+p6QNQtft29uJrAp/6+EnArdQiH10dthI9R51TAdUt4lc6RWF0FZxJffIi6zdHPuYq8EnP1IAjw538pnkluVC7FJk2hFu5f/gNX+MiHFLSGUcXpCUFaLpCprBxktJ1Arkevh6ke0esmcTa4XJW/yrBSyPLqQB76ubBJHgCrXV0nFgL4jOnOFNagsB6G64+AXVOz1Tmp2wOwUGzqyKesvbFBLes9Y4cGwm2ieyO13qdU6XjKJrk6fM2YL1HuaQrF3n7JMtIafHMW/20BW/FFT9n0qDnqAdfjJ/s+VX9MvOUPUH0MHM4kg6Xd0Ht6alKcLwzk7lp1kAHpjJFtVRxY3KTQ/uQbqa0LdfBCT95CWeiY05J/eYeg4UErCPVQibk+96bUvQc76BWLRoQUfYL3g1l/Pr61PskU5djCpoJU5QilHCklss6AOhZYvrGWaPi/6z/XJbR6DN6qhL7xTwIPjv2gUsriqqDG7maz0abWrh4jHlHFXYKHNI2oIV5h2zFSJmAPCIeDGsJFhtM2iL73Zzo8FH+0ELVcr5xAnQOAHqLeILmp++p79zx85tbNcTVjGMJjlI74MaX1eVL+Z2ea8JONKQDnxLTiGVLU37HNfVbJhd5BFvzeu6nJCmAXIZD+iBv5uT2gsl8tGyMpkackI4iljtWxvXte8NAgNK2y7yt0THmV2UnunE8lfrMp7mYVNVOA6fHHptaD47pPKD1x3muU3xBO/Qed+NsIeGvAy/YqTOKRsvgWrEQsE0jDUiewpYYUJAOI5MrF29LRuVpxExAOtrpkyTO9Mxnv5Y/FEwS0grJ7KYzzJQUMJS/C8QzChe7CxL+GsYRNNM+zcUS+esLGtUVBdvDYc3I20q//X3zr2gwmIOjf2fQTKnA/TvkcgZXlI/g6XORlrAZXcachhGOvlz1cZuo941ko/VHKsKDapWK79V+rTVItWeLZL6+7K+rw/RoqoBNavRnUVJR0iDMYsS6N2gK/2rfEgCUCrfXGisHCtKSYFMX5K2QwMn2cnv5QE9mwbFkBc0xibzjQk6jSOQ0rjQKnCLDZgInVoGCmD3G8buNa8ncTkTNBGhKlJnwAI8glarZNvHJuZBn4az7d0CzvlUw8hBH79pNaRdnEm0yHvf21FWT2AdQpGczmG1of+wAxVqTRC8aaeLKl0xiKQUOfsykKhwNmby1dNgqF//be/RfKkch/SBuUukrW4nacZG52MrH0Pyv5PdItt8AQN/QjW7CnqPyenqkxQsZR/biOVvRsxm80dSVArvujXChGEtuVq3xzjI6EgsKtNBhU0QhtpuATae/CrrrwA1bNkKOtiAhTrn0Nl8hAV7QfCeGzP1l8Fm/Y3CFKQBYSXJJqgB6KfKx02HLtX0XMsZX43xbzfA1F40meG1om4FDLosLejf6+v/MOpA/eYoryiFcWqPu2y4K1o91zt+k70g6y0r41hV7xESfNPur9v1tivVCqBeKot0fNLeCuzpGKWFl7KTCeW+Ig+DSqZztSAntHJayxLeaSEW6n8JqQ7sLDJpyj3nog93tC6M5b+fPoa/4o18cBpx9mTeTzIw98VmFbZ2+2BdHV8tw1aQQ5iruZoyG/WxXJgZG0NyHazXVvD9oqq5hVlPtVY6wjWOpzTnj3/RNzqqH36dxcB7QE+L7lgCF7qey2tAOA7ecN7hgmBRF24KgRodXTd+nYKYV3IBheHHeLJ86v8ozxPehAuXrQ5vLqDP78nc9m6/1qz+NnAoGdVrcf9cPJt3tA+4iXuaMsXV/0BzSjXXAKmcpAZikghO/iTn5tPOUsq49rBpxtTNxHUbQ4dgFb4usOK9X4COGFNBn2GcH6ZBlWnnfOY2Vcp0eHIcszq+SoxdyuWImBFWHlUF+uR5mSpbqta+S2ffrEW405UyFquFWmoZ8d9DEgq7ITQDIDUjsQ/fpCJiFY+ObnN3SpVGoI7qDHgAUZbqfBEcqMLE14i0SyzEsNL+JpQ1HzwzzyItjYFJ33/mhWaFapxdKt4P7O2Qnuj/Bs/T2LtnK1j+WfzYf9XwruWtT7OpwqPNwl7V+UUQlUVVgZeRUvYrlVQBKLeAnl32Ts033LHjDnyzZBYB3k3FmkoCpBFbFlnChRVGkEnBIG2KCTR+EC5rqzO+CMynvTgW3iCmruJqjpCQA1Sh9Rzr0Om8hg2bp/stZsqJZza4HAGmN/I0tAPhp+600JcGH23ttqE1C9B3RhnYBYAw0nMlBz3OD10Tv7e5WKHqNmDTJ9ewwg+a37wnrP3SpkggxF5CrXrUPGQAJLfzVigmTXqYbMmgu4ZjeHzR7dGmVYH7JlQwAWFmfYzx7v3RJruL+JrbEUigD9mL3fiYcauArvMXLxhzubR2nZ4mrHi7ztA08sdb0mo5VQxRRpBqeVUnZUImgyX8iaH4JgiajleI3RZMXrAc/dP5cqq8CwORDFkzOjbZPlYnSdeVQuKeN8vFewt6GIxGUamkwXq+Rq0B2KmxSjbjkcqhepbIB28qviCEj06WZzo8DLQNH1s7r/VYK/YDqKXoZLQGbMudV8d/daqvsPV3oAICaJxbnWq/tWCbbzgpIUi4UAJBaHmv+KnF0JBw12hSPORwWCUwDe09UwSjnYh/T+hMhp9sIOU9s+lU/l0y6MuRnnbcSjoydd8BOhj3skabXWcLxGTJZ/nZ/0KzeNvI2DsTWauCXkunXW4dCarxOBDSsSlleqVvN4r4eK0XYm+ExScExDViYlzmvV+D93ovq1lEOdrbCNUJSUj7bWlaKXEGT17Z7XhRX8lZU9j78GI4VvU4JNqVCgQrK/btn8sQVd51G3tMChZFM6/CkL8iDWfbMK2+4p9vGFn5lNIrLDI5ywPOcZ7wvo57NaEkRmuC030I2Rz0EBGZz4nlV+pAbyleW31VbQ/b8NA3blF6nG2qlKTdwJs0pkr7XsmiRA4BRm0KqLIs63Ko+G7IZ2bUK4RVO93XYlxjFphDYmXIVvFnZwJ37WbtEhN4IhWnYt7QTZEuyeFtLypNH0EyY7MkspinysuDODLsSbH16nW2o1+0a99/bOFM8dk5ait2iOzwt+afZ6Cm4YJnihFdZ85rSp3lJ4aN3meKzgyPjX+CRZfwMUb6A332wrIW+6Im9K2Gq5/6YXobeAXXIm2XP7RherviksRUzTC8etUKvUwqzRslLoopJPnPiccnHUr+/n6CW+gNbTVzg0Zt7lrgdKEDS4oWl6LOWtO8R6hLvhdkhAWZ51yzSRU+dcEmgps/ubdVdZ85abK0M/DUySSDP21WoqK4x8QqFMIm9gYJLO4pALnr0Sa2yFjn81XtZ/F5JuD51jZXR+tadXFmsFkH5m2bwYc4e7tsg/4JNWhHTVgLCdoIs+hZq1yXvUbtmLbbWEoLzAD1WYck3HGN6nb5gOiVOb963QjaL7sFtZngjkz85TwrfK+rY+8FuMSez2FK8DgGrxJkemGc53NkQ6BOOfrSeew3imEuiFLBzEBdvsvt+S0b2JvXGOi6zAYAlv0avRC9U5r8gzBJskcPHbOIe3KkSb2Tyf5kf4XtFynqXs5SYk1m1RjEbB/xBq8FH1r8gSLLzdMK3x2yPcGUZqmLc0oStmkqmd/Z5yCozAKR+cJlgj19SvqTXmUk4GYVttIYkhXYw3IP7YMU1MlOSXTctfK9sBCVZdd5k1hhT3JL+Ea+tBAZN2bgrPbuGY2qGesEmJqrdKDbUpmZN2NYglyKXUmD6XO5IjKbx7IK/BmyKSa/zwW4kIjdxTaHQ8gqurJxj09jHWDzREa5wPwXH9HucbWygnKLYrfxnk9vgr6fFWPOxRqZ+IJaBAQClJJHWCVExU5F8mrSNTnkAl1XgP5AawXlzskJRmTuN+aIXeuc2EpF/cCNDYf2RcK1A8zRiG5nUFNdZ74XztUzQxGVl4eRHo/i1fKdPmhG8rn+/o1+71sTZOswLtqmdY342VH42KfrqlLFo93/AmcxiUmAWE6yYx8m79EI9nLwzm5NG3zqR97iVGSrskclvwPkhSnYVNcFr1NAYmUhpS4+Qh6MmPg1S47XkG1A4lQbOSjJxLHUAet/+9Pybfpri10cVor78c92/O6D8KeEkY3J7yxZJLKXDNqIXmsPWYrXaLzcFjwH3KJXShEtcI7MgnC9lpdPIFGQnt4zJrJKlh8jDkRV2FenJJDSOXtPczeFMShJH56rV4ZrfwF9OCBMBHXFB0bf/w5lqIOSbMxPw7HbgqNMLZXGiypwdj6HclnCSoFDqyt/L9LJw28e6bk4K0vJFTVQXrs8Dt7GRW9BjZP16E9QZQbMTublBS4GrKp6VcSjOrwpWkmHyXR3RenorvHZi6ndA7ySRD5MRb3IOChgyvVCV9b4tlM6J6TJO0hFuOC626fNhI5PeBZ8rqQhHJtV8v6j1OX9doQep++1vl4KDJpWi7sL1JTAK/NzdYaT19bGZHLFsRYmAPz5PQcuvL4xclXAy2RFX0TddtsR/4gz1xUDbBtdKKvmrwfyH+LoTp0d/72Ejk3L2VY9eI/NNE/8BxsJtbMY+doxDcyFKEX2QmCm51qos5g9+KQneg+gcQTBW5NiEeITfBL/Kxi+BlfbZwiiUYfsxiS3pOwd3HYp6FZWxR7nUcWQNrudfA2JbKgCgfxDR4nEjM4WjaqiRefA50ZE3cKLU6HFqcBQEhW05mZXhtWTiK0xwJO3nCRwl2szU7Ch1+wEXzP7p3p/xGz7nGiq6+AmpK66rzPjvCH3GuOv2lWY4kUwSkL+ut/TmODGJqfCGc+aggxvvFJe858Ze3h6Z4jlwLWCy1CjQA33AMadrA05NyjpSyrym4Gg6trNIn7ye2NKnTGdmiL4gY+/Y/On7FPwRbmFoQ9jKuwg7ycPAxv8teqUWTnIksCsD1y3upuGyQHJfxVGmYs8XrqRlisvaKwJuJL+Raar2zol4siR1ZHqkpbjX5Q8nGp5TyG3iav/gSPrSiLbMDjha051syYbYDe17zrX2/ne0lkRpkMX0ju9nJAybOwm2Hr3UJiins1RcC5FqqJTDoowj/dt1Aso+1BybjMdbuQp7ZIrXeR3fyZKVpMfawCYJLpb5w9uZHhJXy8KR1TrHiTSrTV1j5jHp6PIvhoblWWG2J4GBqJ5ho+Ikl4wYkfbe1cj/iTPU9pMrfvPNMx5NSVchhqbc0a+f72/Y7DETH8PVo8NMB/wraXsKLJws/bTpwf7ApnhGFBgaN13A0x5KOPqp0JHByiANLABV2WOnshSme+TQNdx9y+H23lsY7TRszTZF0BDME7TEf+MM9eXMOuuXB0kkXct5XsY8P8Wv9/b5b3KpYVJ8Zq41c2EScH7PVD3nS4sJK78Q+6k8w/umqi0vk5cgnpqBo1z+MnkmVcjXHxVIZD1znd9hLkSrezRaqvrvMX4KjgHx83P8sPmB/8QZ6quVX0HYStLdSOuHWdzetfOLreujIY5ym2KUvz2fsUoErWbrnvFiqTLyC/H5hmDB3+EtIY1Q5bPdEY6kqmmHQ0ZJ2jzjTGbdk65CmFuXOu7M/ycJ1T3ny1v9/vxc2fs8d+O/cYb6SBEeIpG/VcAuE7jWYm2eVL505yFwLHFhUqE4fdwU6W/0y6y8eNNME0yW7GTko20FFQOywUudNkJskKeGOo7Kg5tv89v/MKQg2dIDUA61T7d3LRrWARmusnCzWVrLFFXecyK9wH/jDPWRIerXsZriZC8Lyk/W5EP+k8Cv8liwykYvRbGqXc3M5WFwbsRU3f/BOIeT6YqeYi1oFVBjXqr4xT7YXqmqOLJqrhftgY7EJTdGS9TVqB+qIKR5U4Si14KO325Em83TJPHww+bXf+MM9a+cd5le9xw5/ggHgdUmEbk+xa9J1jUXtuVmFK/DZaZxPmIcuKu7Jy59HX/pa42eoyMoTm8w864t5g55qqPgSL3+zQYB69RdCUBxLlwlF0LdddS43lZNrIKm+mrbe7NZ3cp0j6zH06Ep/40z1L+KXl9raijhRMkLr+MUL5S1jX1couaT8thR3HLnkoNDjhNJ0gAm3sdMRl16lk/v8pMB92y0nOOE10FTx5H+nvLInpVJ5EMB9G/xVHpCXN9wuhWYQ/zq7QK3hX68N5uLhTgaSaopURJoT6+2cUq8rmY9tnKBPCUl8eomWbUP/y5lulVw0oldit2n3YPUXLNym5oKoO91JjexpOepep+DHrLv468F5oG0+gingVnwPORqkLdZBkBu7NO0oENcBQmnH5bt4ddbO7jWNe+12WzUYzrwUxUlgRb0ajPpZn91XFXASIN84VdmR1faraqFX1K65VeVpgwofhULR+pU520aJ68XWRVnstSc0xN9eebrNYVfqTzx/X3l1ruCX9J7QXTA2fQu5FIApNvkwr/B3b2aSajMRtvr67OKqTT+kr5MYmCFzbl3EqhBr3e+56m/2XymLZxZeRLSyvglFWsLmf5lLvKb4UTCX0Zn5lu7aYzpEZI6LuhLRoWcpNFf2ncCzl7PU+1h27tD4VuY60qkb7pl5r8M/KVUC+LwUSO3/ASAuvEdagbxFRK4IH1TgLfLMTLvKPirfIjxxM+n5xeBGr3eP+zdaVPiQBAG4M5BEm4QBBWWQ0AEdpfTXZf3//+vLZCEI4CJhTLT9vPNL1ZZQmbS0/P2yMZxdjNJZ1TK8Dmu61rY8XBn0mk31dIiQ58jbyGQeqJ3zLerUuslhTfOJEFfqwtfNTxErhiva6GXpq3E07znYKOwTJ5bPnp0KN0DgMaf86EFXYqh6CBg5yMtawVaSeZrNt5YS/OSh/pW5VgRyEuQAh5xVPaGzvtZxlFutUPX86sdY9MzBIByMV2stuG77dBX68M3DQ0xeY69Kc7NnhLmj9F42S878Bm5/HuL7pR2Je56AODevXd/I09xjN04ZbYSACw66WXDgS+bofiiNVAPEaiSEroIy6XJFyUuKWD163RdyXkKgNftxJloEEjd0dfrw/cSKtsO4/8SwMC+58dMhMfz7f2I3lSKCw8ArMWP98pXdoJiqaz/PU7uPtapUqBdpEsa7PVa3SLwh5QQCrE0/nUokqecgR2FRd0kBbTGHTPO0VHAmiboCmrwLQ87gdxEzPuXYYXqE4WcaH1LZRfTSX+AtdTjj/c/2DmKrfJ6k6BIMjb2eEuTLur3bhW/g0CDVDGzseVObiiyzLyUAgCn3J1dv9wcW8vCltHP0FVk4RseRnlNKbqbHkKemx2KpFPGHi97b9J5mc/vmXnBDmdRoQtLeDvjm/4qEqS3r9W1/IJr3qSYkplKUonV8gPGNny9V7qS7JGPRO4j95LStb1n7L/fNxTd66TtYMUalF46UVuWR/SpqgjkWnR5ze1rRNJSJEjvUPKuWqtN7ir0zXQGWCvk6Wpy8OUPLuh0KabKrDawYFjl2oc2MZXW6ygRZx9eoM8V3OR/rtOlBWnQbkKpID0RNBU+uG7u3qTrKYUndM+3807jM+lLuF9ypzHTLHuFbJ0+SS14xS+rEqQn1NEIr5oFBRLdopS3h6S5V3+k4FiVID2hkF6oB6WOtTEpbHPrRHcPmwTqLAJFEmLtIVSh/afGZd5335BTpL37t5hffwQRjz9KXPyrOaO1Pw7U3y26AGqkvbfZ8NM+AnMS4rALpbl7muIq0cd5Skb9h0c084P+KSNDQhxOE+ruDtSaksryPF41g6zfQImE2Hjerw0m3362f5LKJmzeyh4AQK3rYEIRA/ieicgsqRGDGuHEJ0sczLDLvnomkFBHAT7jJ9FfZRIwzrLYFEwqDnxsHjfiMlIIPAwbyl1+OKoFAHliIQcolHEpFJJCQJtz7yGXKtBu9yyjv0lchIuAKgPkIuUZWcTDCJB+A3GMh7AZqe1WkdS5i2jjDY8mCnE5FkI8xeuECUeJFOUL6SszU1OoxcaGcrFRJ3V0WNkjW2rzii++loMNfW4M5gEgTUyMlcvrEmowsKLV4dojACi+6Y4uA5+jVPSIuDYbu7RYj7oACsSFaUiBVkQ6PLkl1TUA9IiNFDYGJEQo5UDJrMUTCrzOGdr6PBTFV6piX0r5Fx7TADAhNgbqZUMLFaSxotPZ2h8AWBIb8tUUZ24MKjSq/F1FRs3tK65saMVRrzbWdEg32F5xfCIuthXaZxJi172BQErpSKCdt2M+GToj6W4Xp9Q9jcqzRDkAhvLFqsjy8NkkxL7KwvZHbGrgltcCM0FA9Q5JcQWVl4bnNpQObA8UeFVMHhCokxAa81hNBjFtrDE7ERLfkQHgH3HRwVaXhNBXUoMwzo9kA7Hq2Rff0QicMg6oC0gdSLDwS4cghvjp+RrMgBLirDGvqeo2fKxeocU3lNfmADaKhAxWEFwMWR0zZADZ0QoelqwmEPzCmtwLE/qbshp2lwYAGX0rOJjo0oYfSV27m+xCfIuv5li70DQhTmiy2tC+Yp8hNVqhqymrMlBLuxRgIU6Yszo8GQFyfCJ4mLNqOaggoNFtdiGOeNEkXewDjXq8WhDFd/MIVgnRbQCaRRoKcfqruSAuGnKwKZhY8soD6GOLWfa1+GZmYDWNqIl9LRJCTzMtxvPGjKGV8bdCf0Ne/WwZrMmMTaG9OgB4xEYbkFA9wUELKzfExYtUgQQPpsWqU4+SHrYc6W4X+uoBQI/YeJSUA8FDk9sNjS4CMxJCW2mslIgN8x82PNnPCo2ZHrsFJl/AisEmvOF/e/dyAiAMBVE0oOIHhGxd6MLPJh3I9N9XSKp4ebmnj5mLPu0qxif4MaV/jhcRP7QtqYpnAGDIujBtBCy6Jbnq3wJOvEwbAZOOb9ha+API/yVzUal9kmYAAAAASUVORK5CYII=");
  background-repeat: no-repeat;
  position: absolute;
  background-size: contain;
  right: 0;
  top: 71px;
}
@media (min-width: 1530px) {
  .promoBoxAdvanced .floatingTitleDesktop:after {
    width: 20vw;
    height: 7vw;
    top: 4vw;
  }
}
.promoBoxAdvanced .floatingTitleDesktop p {
  max-width: unset !important;
}
.promoBoxAdvanced p {
  max-width: 600px !important;
}
@media (min-width: 1530px) {
  .promoBoxAdvanced p {
    max-width: 40vw !important;
  }
}

.dayTripsBanner {
  transform: translateY(-40px);
}
@media (min-width: 1530px) {
  .dayTripsBanner {
    transform: translateY(-40%);
  }
}
.dayTripsBanner .contentCarouselItem .wp-block-image {
  background: transparent;
}
.dayTripsBanner .contentCarouselItem .wp-block-image a {
  background-color: #000;
}
.dayTripsBanner .contentCarouselItem .wp-block-image a img {
  transition: opacity 0.2s;
  opacity: 1;
}
.dayTripsBanner .contentCarouselItem .wp-block-image a:hover img {
  opacity: 0.8;
}

.mainContent p.userBttn {
  max-width: unset;
}

@media (max-width: 760px) {
  .promoBoxSimple .promoWrapper h2, .promoBoxSimple .promoWrapper p {
    display: none;
  }
}

.promoBoxSimple:has(.quadExperience) {
  display: none;
  background-image: url("../img/redesign/charter_experience_back.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media (min-width: 1024px) {
  .promoBoxSimple:has(.quadExperience) {
    display: block;
  }
}
.promoBoxSimple:has(.quadExperience) figure {
  display: none;
}
.promoBoxSimple:has(.quadExperience)::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background: linear-gradient(180deg, rgba(10, 13, 74, 0.5) 0%, rgba(10, 13, 74, 0.15) 55%);
  pointer-events: none;
}
.promoBoxSimple:has(.quadExperience)::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
  display: none;
  pointer-events: none;
}
@media (min-width: 1024px) {
  .promoBoxSimple:has(.quadExperience)::after {
    display: block;
    width: 888px;
    height: 229px;
    background: url("../img/redesign/experience_wave.svg") no-repeat right bottom/contain;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .promoBoxSimple:has(.quadExperience)::after {
    width: 49.3333333333vw;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .promoBoxSimple:has(.quadExperience)::after {
    height: 12.7222222222vw;
  }
}
.promoBoxSimple:has(.quadExperience) .promoWrapperHolder,
.promoBoxSimple:has(.quadExperience) .quadExperience {
  position: relative;
  z-index: 1;
}
@media (max-width: 760px) {
  .promoBoxSimple:has(.quadExperience) .promoWrapper h2,
  .promoBoxSimple:has(.quadExperience) .promoWrapper p {
    display: block;
  }
}
.promoBoxSimple:has(.quadExperience) .content,
.promoBoxSimple:has(.quadExperience) .quadExperienceContent {
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding-left: clamp(20px, 8.86px + 2.857vw, 50px);
  padding-right: clamp(20px, 8.86px + 2.857vw, 50px);
}
@media (min-width: 1530px) {
  .promoBoxSimple:has(.quadExperience) .content,
  .promoBoxSimple:has(.quadExperience) .quadExperienceContent {
    max-width: 87%;
  }
}
.promoBoxSimple:has(.quadExperience):not(.navaCounter) .content {
  position: relative;
  padding-top: 90px;
  padding-bottom: 40px;
}
@media (min-width: 1920px) {
  .promoBoxSimple:has(.quadExperience):not(.navaCounter) .content {
    padding-top: 5vw;
  }
}
@media (min-width: 1920px) {
  .promoBoxSimple:has(.quadExperience):not(.navaCounter) .content {
    padding-bottom: 2.2222222222vw;
  }
}
@media (min-width: 1024px) {
  .promoBoxSimple:has(.quadExperience):not(.navaCounter) .content {
    padding-top: 180px;
    padding-bottom: 60px;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .promoBoxSimple:has(.quadExperience):not(.navaCounter) .content {
    padding-top: 10vw;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .promoBoxSimple:has(.quadExperience):not(.navaCounter) .content {
    padding-bottom: 3.3333333333vw;
  }
}
.promoBoxSimple:has(.quadExperience) .content > h2 {
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 1.4px;
  font-family: "Carbona", sans-serif;
  margin-bottom: 20px;
}
@media (min-width: 1920px) {
  .promoBoxSimple:has(.quadExperience) .content > h2 {
    font-size: 0.7777777778vw;
  }
}
@media (min-width: 1920px) {
  .promoBoxSimple:has(.quadExperience) .content > h2 {
    margin-bottom: 1.1111111111vw;
  }
}
.promoBoxSimple:has(.quadExperience) .content > p:nth-of-type(1) {
  font-size: 36px;
  font-weight: 700;
  font-family: "Carbona", sans-serif;
  line-height: 1.2;
  margin-bottom: 20px;
}
@media (min-width: 1920px) {
  .promoBoxSimple:has(.quadExperience) .content > p:nth-of-type(1) {
    font-size: 2vw;
  }
}
@media (min-width: 1920px) {
  .promoBoxSimple:has(.quadExperience) .content > p:nth-of-type(1) {
    margin-bottom: 1.1111111111vw;
  }
}
.promoBoxSimple:has(.quadExperience) .content > p:nth-of-type(2) {
  font-size: 16px;
  line-height: 1.5;
}
@media (min-width: 1920px) {
  .promoBoxSimple:has(.quadExperience) .content > p:nth-of-type(2) {
    font-size: 0.8888888889vw;
  }
}
.promoBoxSimple:has(.quadExperience) .content .userBttn {
  margin: 0;
  margin-top: 24px;
}
@media (min-width: 1920px) {
  .promoBoxSimple:has(.quadExperience) .content .userBttn {
    margin-top: 1.3333333333vw;
  }
}
@media (min-width: 1024px) {
  .promoBoxSimple:has(.quadExperience) .content .userBttn {
    position: absolute;
    top: 0;
    right: clamp(20px, 8.86px + 2.857vw, 50px);
    margin-top: 180px;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .promoBoxSimple:has(.quadExperience) .content .userBttn {
    margin-top: 10vw;
  }
}
.promoBoxSimple:has(.quadExperience) .quadExperience {
  background: none;
}
@media (min-width: 1400px) {
  .promoBoxSimple:has(.quadExperience) .quadExperience {
    background: none;
  }
}
.promoBoxSimple:has(.quadExperience) .quadExperienceContent {
  display: flex;
  flex-direction: column;
  gap: 20px;
  left: auto;
  transform: none;
  padding-top: 0;
  padding-bottom: 80px;
}
@media (min-width: 1920px) {
  .promoBoxSimple:has(.quadExperience) .quadExperienceContent {
    gap: 1.1111111111vw;
  }
}
@media (min-width: 1920px) {
  .promoBoxSimple:has(.quadExperience) .quadExperienceContent {
    padding-bottom: 4.4444444444vw;
  }
}
@media (min-width: 1024px) {
  .promoBoxSimple:has(.quadExperience) .quadExperienceContent {
    flex-direction: row;
    align-items: stretch;
    padding-bottom: 400px;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .promoBoxSimple:has(.quadExperience) .quadExperienceContent {
    padding-bottom: 22.2222222222vw;
  }
}
.promoBoxSimple:has(.quadExperience) .quadExperienceContent .wp-block-group {
  flex: 1 1 0;
  background: rgba(245, 245, 245, 0.7) !important;
  backdrop-filter: blur(7px);
  -webkit-backdrop-filter: blur(7px);
  border-radius: 0;
  box-shadow: none;
  padding: 40px 40px 80px 40px;
}
@media (min-width: 1920px) {
  .promoBoxSimple:has(.quadExperience) .quadExperienceContent .wp-block-group {
    padding: 2.2222222222vw 2.2222222222vw 4.4444444444vw 2.2222222222vw;
  }
}
.promoBoxSimple:has(.quadExperience) .quadExperienceContent .wp-block-group * {
  color: #0A0D4A;
}
.promoBoxSimple:has(.quadExperience) .quadExperienceContent .wp-block-group h2 {
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 1.4px;
  font-family: "Carbona", sans-serif;
  line-height: 1.3;
  display: flex;
  flex-direction: column;
  margin-bottom: 48px;
}
@media (min-width: 1920px) {
  .promoBoxSimple:has(.quadExperience) .quadExperienceContent .wp-block-group h2 {
    font-size: 0.7777777778vw;
  }
}
@media (min-width: 1920px) {
  .promoBoxSimple:has(.quadExperience) .quadExperienceContent .wp-block-group h2 {
    margin-bottom: 2.6666666667vw;
  }
}
@media (min-width: 1024px) {
  .promoBoxSimple:has(.quadExperience) .quadExperienceContent .wp-block-group h2 {
    min-height: calc(2.6em + 20px);
  }
}
.promoBoxSimple:has(.quadExperience) .quadExperienceContent .wp-block-group h2::after {
  content: "";
  display: block;
  width: 43px;
  height: 4px;
  margin-top: 16px;
  background-color: #0A0D4A;
  -webkit-mask: url("../img/icons/waves.svg") no-repeat center/contain;
  mask: url("../img/icons/waves.svg") no-repeat center/contain;
}
@media (min-width: 1920px) {
  .promoBoxSimple:has(.quadExperience) .quadExperienceContent .wp-block-group h2::after {
    width: 2.3888888889vw;
  }
}
@media (min-width: 1920px) {
  .promoBoxSimple:has(.quadExperience) .quadExperienceContent .wp-block-group h2::after {
    margin-top: 0.8888888889vw;
  }
}
@media (min-width: 1024px) {
  .promoBoxSimple:has(.quadExperience) .quadExperienceContent .wp-block-group h2::after {
    margin-top: auto;
  }
}
.promoBoxSimple:has(.quadExperience) .quadExperienceContent .wp-block-group p:nth-of-type(1) {
  font-size: 24px;
  font-weight: 700;
  font-family: "Carbona", sans-serif;
  line-height: 1.2;
  opacity: 1;
  margin-bottom: 24px;
}
@media (min-width: 1920px) {
  .promoBoxSimple:has(.quadExperience) .quadExperienceContent .wp-block-group p:nth-of-type(1) {
    font-size: 1.3333333333vw;
  }
}
@media (min-width: 1920px) {
  .promoBoxSimple:has(.quadExperience) .quadExperienceContent .wp-block-group p:nth-of-type(1) {
    margin-bottom: 1.3333333333vw;
  }
}
.promoBoxSimple:has(.quadExperience) .quadExperienceContent .wp-block-group p:nth-of-type(2) {
  font-size: 16px;
  line-height: 1.5;
  opacity: 1;
  max-height: none;
  overflow: visible;
}
@media (min-width: 1920px) {
  .promoBoxSimple:has(.quadExperience) .quadExperienceContent .wp-block-group p:nth-of-type(2) {
    font-size: 0.8888888889vw;
  }
}
.promoBoxSimple:has(.quadExperience) .quadExperienceContent .wp-block-group p:nth-of-type(2)::after {
  display: none;
}
.promoBoxSimple:has(.quadExperience) .quadExperienceContent .routes {
  order: 1;
}
.promoBoxSimple:has(.quadExperience) .quadExperienceContent .programs {
  order: 2;
}
.promoBoxSimple:has(.quadExperience) .quadExperienceContent .blog {
  order: 3;
}
.promoBoxSimple:has(.quadExperience) .quadExperienceContent .maintenance {
  order: 4;
}
.promoBoxSimple:has(.quadExperience) .quadExperienceContent .userBttn {
  display: none;
}

.promoBoxSimple.luxuryYachts {
  background: url("../img/redesign/charter-luxury-yacht.jpg") center/cover no-repeat;
  display: none;
  align-items: center;
}
.promoBoxSimple.luxuryYachts figure {
  display: none;
}
.promoBoxSimple.luxuryYachts::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background: linear-gradient(90deg, rgba(10, 13, 74, 0.6) 0%, rgba(10, 13, 74, 0.15) 55%, rgba(10, 13, 74, 0) 100%);
  pointer-events: none;
}
.promoBoxSimple.luxuryYachts .content {
  position: relative;
  z-index: 1;
  text-align: left;
}
.promoBoxSimple.luxuryYachts .content > h2,
.promoBoxSimple.luxuryYachts .content > p {
  max-width: 545px;
}
@media (min-width: 1920px) {
  .promoBoxSimple.luxuryYachts .content > h2,
  .promoBoxSimple.luxuryYachts .content > p {
    max-width: 30.2777777778vw;
  }
}
@media (min-width: 1024px) {
  .promoBoxSimple.luxuryYachts {
    display: flex;
    position: sticky;
    top: 0;
    min-height: 100vh;
    left: auto;
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    z-index: 1;
  }
}

.stackingWrapper {
  position: relative;
}

@media (min-width: 1024px) {
  .stackingWrapper .quadContentBlock {
    position: relative;
    z-index: 2;
    margin-top: 30vh;
  }
}

.stackingWrapper + .latest-posts {
  margin-bottom: 100px;
}
@media (min-width: 1024px) {
  .stackingWrapper + .latest-posts {
    margin-bottom: 0;
    position: relative;
    z-index: 3;
    background-color: #F5F5F5;
    width: 100vw;
    max-width: 100vw;
    margin-top: -100vh;
    margin-left: calc(50% - 50vw);
    padding-top: 80px;
    padding-bottom: 126px;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .stackingWrapper + .latest-posts {
    padding-top: 4.4444444444vw;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .stackingWrapper + .latest-posts {
    padding-bottom: 7vw;
  }
}

@media (min-width: 1024px) {
  .stackingWrapper + .latest-posts + .promotionBox {
    position: relative;
    z-index: 4;
  }
}

.promotionBox.salesVolvoStage {
  background-color: #F5F5F5 !important;
  overflow: visible;
  margin-bottom: 100px;
}
@media (min-width: 1024px) {
  .promotionBox.salesVolvoStage {
    margin-bottom: 0;
    background-color: #1a1a1a !important;
  }
}
.promotionBox.salesVolvoStage .promoWrapper {
  background-color: transparent;
}
.promotionBox.salesVolvoStage .content {
  padding-left: clamp(20px, 8.86px + 2.857vw, 50px);
  padding-right: clamp(20px, 8.86px + 2.857vw, 50px);
}
@media (min-width: 1024px) {
  .promotionBox.salesVolvoStage .content {
    column-gap: 0;
    padding-left: 0;
    padding-right: 0;
    align-items: stretch;
  }
}
.promotionBox.salesVolvoStage .wp-block-column {
  padding: 0;
  display: grid;
  grid-template-columns: 1fr;
  margin-bottom: 48px;
}
@media (min-width: 1920px) {
  .promotionBox.salesVolvoStage .wp-block-column {
    margin-bottom: 2.6666666667vw;
  }
}
.promotionBox.salesVolvoStage .wp-block-column:last-of-type {
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  .promotionBox.salesVolvoStage .wp-block-column {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: static;
    margin-bottom: 0;
    min-height: 40.5555555556vw;
    padding: 90px 60px 64px 60px;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .promotionBox.salesVolvoStage .wp-block-column {
    padding: 5vw 3.3333333333vw 3.5555555556vw 3.3333333333vw;
  }
}
.promotionBox.salesVolvoStage figure {
  position: relative;
  grid-column: 1;
  grid-row: 2;
  width: 100%;
  height: 450px;
  margin: 0;
  clip-path: none;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .promotionBox.salesVolvoStage figure {
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(50% - 50vw);
    width: 50vw;
    height: auto;
    z-index: 0;
  }
}
.promotionBox.salesVolvoStage figure::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.15) 32%, rgba(0, 0, 0, 0.15) 60%, rgba(0, 0, 0, 0.6) 100%);
}
.promotionBox.salesVolvoStage img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (min-width: 1024px) {
  .promotionBox.salesVolvoStage .wp-block-column:nth-of-type(2) figure {
    left: 50%;
  }
}
.promotionBox.salesVolvoStage h2 {
  grid-row: 1;
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0;
  margin-bottom: 25px;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 1.4px;
  font-family: "Carbona", sans-serif;
  color: #0A0D4A;
}
@media (min-width: 1920px) {
  .promotionBox.salesVolvoStage h2 {
    gap: 0.6666666667vw;
  }
}
@media (min-width: 1920px) {
  .promotionBox.salesVolvoStage h2 {
    margin-bottom: 1.3888888889vw;
  }
}
@media (min-width: 1920px) {
  .promotionBox.salesVolvoStage h2 {
    font-size: 0.7777777778vw;
  }
}
.promotionBox.salesVolvoStage h2::before {
  content: "";
  flex: 0 0 auto;
  width: 28px;
  height: 9px;
  background-color: currentColor;
  -webkit-mask: url("../img/icons/waves.svg") no-repeat center/contain;
  mask: url("../img/icons/waves.svg") no-repeat center/contain;
}
@media (min-width: 1920px) {
  .promotionBox.salesVolvoStage h2::before {
    width: 1.5555555556vw;
  }
}
@media (min-width: 1024px) {
  .promotionBox.salesVolvoStage h2 {
    position: relative;
    z-index: 1;
    margin-bottom: 0;
    color: #F5F5F5;
  }
}
.promotionBox.salesVolvoStage p:not(.userBttn) {
  margin: 0;
  color: #F5F5F5;
  font-family: "Carbona", sans-serif;
  font-weight: 700;
  line-height: 1.15;
  font-size: 30px;
  grid-column: 1;
  grid-row: 2;
  align-self: start;
  justify-self: start;
  z-index: 1;
  padding: 28px 28px 0px 28px;
}
@media (min-width: 1920px) {
  .promotionBox.salesVolvoStage p:not(.userBttn) {
    font-size: 1.6666666667vw;
  }
}
@media (min-width: 1920px) {
  .promotionBox.salesVolvoStage p:not(.userBttn) {
    padding: 1.5555555556vw 1.5555555556vw 0vw 1.5555555556vw;
  }
}
@media (min-width: 1024px) {
  .promotionBox.salesVolvoStage p:not(.userBttn) {
    position: relative;
    align-self: flex-start;
    padding: 0;
    font-size: 40px;
    margin-top: 24px;
    max-width: 13ch;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .promotionBox.salesVolvoStage p:not(.userBttn) {
    font-size: 2.2222222222vw;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .promotionBox.salesVolvoStage p:not(.userBttn) {
    margin-top: 1.3333333333vw;
  }
}
.promotionBox.salesVolvoStage .userBttn {
  margin: 0;
  grid-column: 1;
  grid-row: 2;
  align-self: end;
  justify-self: start;
  z-index: 1;
  padding: 0px 28px 28px 28px;
}
@media (min-width: 1920px) {
  .promotionBox.salesVolvoStage .userBttn {
    padding: 0vw 1.5555555556vw 1.5555555556vw 1.5555555556vw;
  }
}
@media (min-width: 1024px) {
  .promotionBox.salesVolvoStage .userBttn {
    position: relative;
    align-self: stretch;
    margin-top: auto;
    padding: 0;
    width: 100%;
  }
}
.promotionBox.salesVolvoStage .userBttn a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
  padding: 8px 16px 8px 16px;
  border: 1px solid #96BEF9;
  border-radius: 999px;
  background-color: transparent;
  color: #0A0D4A;
  text-decoration: none !important;
  transition: background-color 0.2s;
  font-family: "Carbona", sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
  text-transform: uppercase;
  white-space: nowrap;
  margin: 0;
  color: #F5F5F5;
  border-color: #F5F5F5;
}
@media (min-width: 1920px) {
  .promotionBox.salesVolvoStage .userBttn a {
    padding: 0.4444444444vw 0.8888888889vw 0.4444444444vw 0.8888888889vw;
  }
}
.promotionBox.salesVolvoStage .userBttn a:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
@media (min-width: 1024px) {
  .promotionBox.salesVolvoStage .userBttn a {
    display: flex;
    justify-content: space-between;
    align-self: auto;
    width: 100%;
    max-width: 887px;
    height: 70px;
    padding: 20px 8px 20px 4px;
    border: 0;
    border-bottom: 0.5px solid #0A0D4A;
    border-radius: 0;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .promotionBox.salesVolvoStage .userBttn a {
    height: 3.8888888889vw;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .promotionBox.salesVolvoStage .userBttn a {
    padding: 1.1111111111vw 0.4444444444vw 1.1111111111vw 0.2222222222vw;
  }
}
@media (min-width: 1024px) {
  .promotionBox.salesVolvoStage .userBttn a:hover {
    background-color: rgba(0, 0, 0, 0.2);
  }
}
@media (min-width: 1920px) {
  .promotionBox.salesVolvoStage .userBttn a {
    font-size: 0.8333333333vw;
  }
}
@media (min-width: 1024px) {
  .promotionBox.salesVolvoStage .userBttn a {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.17;
    letter-spacing: 0.09em;
    white-space: normal;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .promotionBox.salesVolvoStage .userBttn a {
    font-size: 1vw;
  }
}
.promotionBox.salesVolvoStage .userBttn a::after {
  content: "";
  display: none;
}
@media (min-width: 1024px) {
  .promotionBox.salesVolvoStage .userBttn a::after {
    display: block;
    flex: 0 0 auto;
    width: 24px;
    aspect-ratio: 21/22;
    background-color: currentColor;
    -webkit-mask: url("../img/arrow_right.svg") no-repeat center/contain;
    mask: url("../img/arrow_right.svg") no-repeat center/contain;
  }
}
@media (min-width: 1024px) {
  .promotionBox.salesVolvoStage .userBttn a {
    max-width: none;
    border-bottom-color: #F5F5F5;
  }
}

.brands {
  padding: 2vw 0;
}
.brands .owl-stage {
  display: flex;
  align-items: center;
}
.brands figure {
  margin: 2vw !important;
}
.brands a {
  background-color: unset;
}

.footerSticky {
  position: fixed;
  z-index: 15000;
  left: 0;
  bottom: 0;
  width: 100%;
  font-size: 12px;
  background-color: #fff;
  -webkit-box-shadow: 0 5px 16px 0 rgba(92, 92, 92, 0.7);
  -moz-box-shadow: 0 5px 16px 0 rgba(92, 92, 92, 0.7);
  box-shadow: 0 5px 16px 0 rgba(92, 92, 92, 0.7);
  /*   .phone:after {
      @include tablet {
        font-family: 'Fontello';
        content: '\E810';
        position: absolute;
        right: 14px;
        top: 50%;
        transform: translateY(-50%);
        cursor: pointer;
        //pointer-events: none;
      }

      @include sitewidth {
        right: calc(14 / $h-ratio) *1vw;
      }
    }*/
}
@media (min-width: 1920px) {
  .footerSticky {
    font-size: 0.6666666667vw;
  }
}
.page-template-page-detail-charter .footerSticky, .page-detail-charter .footerSticky {
  display: none;
}
@media (min-width: 769px) {
  .page-template-page-detail-charter .footerSticky, .page-detail-charter .footerSticky {
    display: block;
  }
}
.footerSticky > .content {
  display: flex;
  justify-content: space-between;
  padding-top: 11px;
  padding-bottom: 11px;
}
@media (min-width: 1920px) {
  .footerSticky > .content {
    padding-top: 0.6vw;
    padding-bottom: 0.6vw;
  }
}
.footerSticky .contactHolder {
  display: flex;
}
.footerSticky .contactHolder > div, .footerSticky .contactHolder > a {
  border-radius: 1000px;
  background-color: #f5f5f4;
  padding: 10px 13px;
  margin-left: 10px;
  width: 38px;
  white-space: nowrap;
  overflow: hidden;
}
.footerSticky .contactHolder > div.quickContact, .footerSticky .contactHolder > a.quickContact {
  background-color: #96BEF9;
  color: #fff;
  cursor: pointer;
}
.footerSticky .contactHolder > div.quickContact:before, .footerSticky .contactHolder > a.quickContact:before {
  color: #fff;
}
@media (min-width: 769px) {
  .footerSticky .contactHolder > div, .footerSticky .contactHolder > a {
    width: unset;
  }
}
@media (min-width: 1920px) {
  .footerSticky .contactHolder > div, .footerSticky .contactHolder > a {
    padding: 0.5555555556vw 1.1111111111vw;
    margin-left: 1.1111111111vw;
  }
}
.footerSticky .contactHolder a {
  display: block;
  color: inherit;
}
.footerSticky p {
  margin: 0;
  padding: 0;
}
.footerSticky .quickContact:before {
  font-family: "Fontello";
  content: "\f0e0";
  padding-right: 100px;
}
@media (min-width: 769px) {
  .footerSticky .quickContact:before {
    padding-right: 10px;
  }
}
.footerSticky .chatWidget:before {
  font-family: "Fontello";
  content: "\e820";
  padding-right: 100px;
}
@media (min-width: 769px) {
  .footerSticky .chatWidget:before {
    padding-right: 10px;
  }
}
.footerSticky .phone {
  position: relative;
  padding-left: 0 !important;
  overflow: visible !important;
  display: flex;
  flex-direction: column-reverse;
  transition: all 0.5s;
  padding-right: 35px !important;
}
.footerSticky .phone:hover {
  background-color: #fff;
}
.footerSticky .phone.opened {
  background-color: #fff;
}
.footerSticky .phone.opened a {
  background-color: #fff;
}
@media (min-width: 769px) {
  .footerSticky .phone {
    height: 39px;
    padding-left: 13px !important;
  }
}
@media (min-width: 1920px) {
  .footerSticky .phone {
    height: 2.1666666667vw;
    padding-right: 1.9444444444vw !important;
  }
}
.footerSticky .phone a {
  transition: all 0.3s;
}
.footerSticky .phone a:hover {
  color: #888;
}
.footerSticky .phone a:not(.current) {
  display: none;
}
.footerSticky .phone a.current {
  order: -1;
}
.footerSticky .phone a:before {
  font-family: "Fontello";
  content: "\e816";
  padding-left: 13px;
  padding-right: 100px;
}
@media (min-width: 769px) {
  .footerSticky .phone a:before {
    padding-left: unset;
    padding-right: 10px;
  }
}

body:not(.ultraMobRes) .contactHolder .phone a.current {
  padding: 1px 10px;
}
@media (min-width: 1920px) {
  body:not(.ultraMobRes) .contactHolder .phone a.current {
    padding: 0.0555555556vw 0.5555555556vw;
  }
}
body:not(.ultraMobRes) .contactHolder .phone a:not(.current) {
  padding: 3px 10px;
}
@media (min-width: 1920px) {
  body:not(.ultraMobRes) .contactHolder .phone a:not(.current) {
    padding: 0.1666666667vw 0.5555555556vw;
  }
}
body:not(.ultraMobRes) .contactHolder .phone a:not(.current):last-child {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
@media (min-width: 1920px) {
  body:not(.ultraMobRes) .contactHolder .phone a:not(.current):last-child {
    border-top-left-radius: 0.3333333333vw;
    border-top-right-radius: 0.3333333333vw;
  }
}

.footerSticky .phone.opened a:before {
  content: attr(data-lang);
  font-family: inherit;
  font-weight: 600;
  font-size: 92%;
}

.openPhones {
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: 0;
  background-color: rgba(200, 200, 200, 0.4);
  border-radius: 100px;
  cursor: pointer;
  width: 38px;
  height: 38px;
}
@media (min-width: 1920px) {
  .openPhones {
    width: 2.1111111111vw;
  }
}
@media (min-width: 1920px) {
  .openPhones {
    height: 2.1111111111vw;
  }
}

.ultraMobRes .openPhones {
  display: none;
}

.noWokingHour {
  color: red;
  font-size: 20px;
}
@media (min-width: 1920px) {
  .noWokingHour {
    font-size: 1.1111111111vw;
  }
}
@media (min-width: 769px) {
  .noWokingHour {
    max-width: 70%;
  }
}

.boatCard,
.boatCardDetail {
  position: relative;
}
.boatCard .baseName,
.boatCardDetail .baseName {
  display: block;
}
.specialOffers .boatCard, .page-template-page-boatlist-charter-landing .boatCard,
.specialOffers .boatCardDetail,
.page-template-page-boatlist-charter-landing .boatCardDetail {
  margin-right: 10px;
}
.boatCard .yearProduced:not(.alwaysVisible),
.boatCardDetail .yearProduced:not(.alwaysVisible) {
  display: none;
}
@media (min-width: 1024px) {
  .boatCard .yearProduced,
  .boatCardDetail .yearProduced {
    display: block !important;
  }
}
.boatCard .boatImage,
.boatCardDetail .boatImage {
  display: inline-block;
  border-radius: 14px;
  overflow: hidden;
  width: 100%;
}
@media (min-width: 1920px) {
  .boatCard .boatImage,
  .boatCardDetail .boatImage {
    border-radius: 0.7777777778vw;
  }
}
.boatCard .boatImage img,
.boatCardDetail .boatImage img {
  opacity: 1;
  transition: opacity 0.2s;
}
.boatCard .boatImage:hover img,
.boatCardDetail .boatImage:hover img {
  opacity: 0.9;
}
.specialOffers .boatCard .boatImage,
.specialOffers .boatCardDetail .boatImage {
  display: block;
  position: relative;
  aspect-ratio: 313/301;
  height: auto;
  border-radius: 0;
}
.specialOffers .boatCard .boatImage img,
.specialOffers .boatCardDetail .boatImage img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.45s ease;
}
.specialOffers .boatCard .boatImage:hover img,
.specialOffers .boatCardDetail .boatImage:hover img {
  opacity: 1;
  transform: scale(1.06);
}
.boatCard .boatInfo,
.boatCardDetail .boatInfo {
  font-size: 14px;
}
@media (min-width: 1920px) {
  .boatCard .boatInfo,
  .boatCardDetail .boatInfo {
    font-size: 0.7777777778vw;
  }
}
.boatCard .boatInfo .label,
.boatCardDetail .boatInfo .label {
  color: rgba(0, 0, 60, 0.6);
  padding-right: 3px;
}
@media (min-width: 1920px) {
  .boatCard .boatInfo .label,
  .boatCardDetail .boatInfo .label {
    padding-right: 0.1666666667vw;
  }
}
.boatCard .boatInfo .label:not(.alwaysVisible),
.boatCardDetail .boatInfo .label:not(.alwaysVisible) {
  display: none;
}
@media (min-width: 1024px) {
  .boatCard .boatData,
  .boatCardDetail .boatData {
    padding-right: 10px;
  }
}
@media (min-width: 1920px) {
  .boatCard .boatData,
  .boatCardDetail .boatData {
    padding-right: 0.5555555556vw;
  }
}
.boatCard .title,
.boatCardDetail .title {
  margin: 10px 0;
  font-size: 20px;
}
.boatCard .listLarge,
.boatCardDetail .listLarge {
  display: none;
}
.boatCard .boatInfoItems,
.boatCardDetail .boatInfoItems {
  display: flex;
  margin-bottom: 30px;
}
@media (min-width: 1920px) {
  .boatCard .boatInfoItems,
  .boatCardDetail .boatInfoItems {
    margin-bottom: 1.6666666667vw;
  }
}
.boatCard .boatInfoItems div,
.boatCardDetail .boatInfoItems div {
  margin-right: 10px;
}
@media (min-width: 1920px) {
  .boatCard .boatInfoItems div,
  .boatCardDetail .boatInfoItems div {
    margin-right: 0.5555555556vw;
  }
}
.boatCard .boatInfoItems div:before,
.boatCardDetail .boatInfoItems div:before {
  display: inline-block;
  content: "";
  transform: translateY(5px);
  margin-right: 8px;
  width: 25px;
  height: 25px;
}
@media (min-width: 1920px) {
  .boatCard .boatInfoItems div:before,
  .boatCardDetail .boatInfoItems div:before {
    margin-right: 0.4444444444vw;
  }
}
@media (min-width: 1920px) {
  .boatCard .boatInfoItems div:before,
  .boatCardDetail .boatInfoItems div:before {
    width: min(1.3888888889vw, 29.1666666667px);
  }
}
@media (min-width: 1920px) {
  .boatCard .boatInfoItems div:before,
  .boatCardDetail .boatInfoItems div:before {
    height: min(1.3888888889vw, 29.1666666667px);
  }
}
.boatCard .itemData,
.boatCardDetail .itemData {
  white-space: nowrap;
}
.boatCard .skipperIncluded,
.boatCardDetail .skipperIncluded {
  display: none;
}
.boatCard .discount,
.boatCardDetail .discount {
  position: absolute;
  left: 2%;
  top: 2%;
  background-color: rgb(255, 255, 255);
  border-radius: 13px;
  border-top-right-radius: 0;
  padding: 5px 15px 5px 15px;
  font-size: 12px;
}
@media (min-width: 1920px) {
  .boatCard .discount,
  .boatCardDetail .discount {
    padding: 0.2777777778vw 0.8333333333vw 0.2777777778vw 0.8333333333vw;
  }
}
@media (min-width: 1920px) {
  .boatCard .discount,
  .boatCardDetail .discount {
    font-size: 0.6666666667vw;
  }
}
@media (min-width: 1920px) {
  .boatCard .discount,
  .boatCardDetail .discount {
    border-radius: 0.72222vw;
    border-top-right-radius: 0;
  }
}
.boatCard .discount .tooltip,
.boatCardDetail .discount .tooltip {
  display: none;
}
@media (min-width: 1024px) {
  .boatCard .boatPrice,
  .boatCardDetail .boatPrice {
    width: 40%;
  }
}
.specialOffers .boatCard .boatPrice, .page-template-page-boatlist-charter-landing .boatCard .boatPrice,
.specialOffers .boatCardDetail .boatPrice,
.page-template-page-boatlist-charter-landing .boatCardDetail .boatPrice {
  width: 100%;
}
.boatCard .boatPrice .date,
.boatCardDetail .boatPrice .date {
  font-size: 14px;
  font-weight: 700;
  color: rgba(0, 0, 60, 0.6);
}
@media (min-width: 1920px) {
  .boatCard .boatPrice .date,
  .boatCardDetail .boatPrice .date {
    font-size: 0.7777777778vw;
  }
}
.boatCard .boatPrice .price,
.boatCardDetail .boatPrice .price {
  margin-bottom: 20px;
  font-family: "Carbona", sans-serif;
}
@media (min-width: 1920px) {
  .boatCard .boatPrice .price,
  .boatCardDetail .boatPrice .price {
    margin-bottom: 1.1111111111vw;
  }
}
.boatCard .boatPrice .price .currentPrice,
.boatCardDetail .boatPrice .price .currentPrice {
  font-size: 20px;
  font-weight: 800;
  padding-right: 10px;
}
@media (min-width: 1920px) {
  .boatCard .boatPrice .price .currentPrice,
  .boatCardDetail .boatPrice .price .currentPrice {
    font-size: 1.1111111111vw;
  }
}
.specialOffers .boatCard .boatPrice .price .currentPrice, .page-template-page-boatlist-charter-landing .boatCard .boatPrice .price .currentPrice,
.specialOffers .boatCardDetail .boatPrice .price .currentPrice,
.page-template-page-boatlist-charter-landing .boatCardDetail .boatPrice .price .currentPrice {
  display: block;
}
.boatCard .boatPrice .discountAmount,
.boatCardDetail .boatPrice .discountAmount {
  font-weight: 700;
}
.boatCard .boatPrice .bttn,
.boatCardDetail .boatPrice .bttn {
  display: none;
}
.boatCard .alternativeDates .title,
.boatCardDetail .alternativeDates .title {
  font-size: 14px;
  color: #0A0D4A;
}
@media (min-width: 1920px) {
  .boatCard .alternativeDates .title,
  .boatCardDetail .alternativeDates .title {
    font-size: 0.7777777778vw;
  }
}
.boatCard .alternativeDates .alternativeDate,
.boatCardDetail .alternativeDates .alternativeDate {
  display: block;
  color: inherit;
}
.boatCard .alternativeDates .alternativeDate:after,
.boatCardDetail .alternativeDates .alternativeDate:after {
  content: "\e809";
  font-family: "Fontello";
  padding-left: 10px;
}
.boatCard .verified,
.boatCardDetail .verified {
  background: url(../img/icons/best_price_circle_icon.svg) left center no-repeat;
  background-size: 24px;
  padding-left: 30px;
  font-size: 12px;
  line-height: 2.2;
}
@media (min-width: 1920px) {
  .boatCard .verified,
  .boatCardDetail .verified {
    padding-left: 1.6666666667vw;
  }
}
@media (min-width: 1920px) {
  .boatCard .verified,
  .boatCardDetail .verified {
    font-size: 0.6666666667vw;
  }
}
@media (min-width: 1920px) {
  .boatCard .verified,
  .boatCardDetail .verified {
    background-size: 1.333vw;
  }
}
.boatList .boatCard,
.boatList .boatCardDetail {
  width: 100%;
  margin-bottom: 40px;
}
@media (min-width: 551px) {
  .boatList .boatCard,
  .boatList .boatCardDetail {
    width: 48%;
  }
}
@media (min-width: 1024px) {
  .boatList .boatCard,
  .boatList .boatCardDetail {
    width: 100%;
    margin-bottom: 20px;
    display: flex;
    border-radius: 14px;
    border: 1px solid rgba(6, 17, 32, 0.1019607843);
    overflow: hidden;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .boatList .boatCard,
  .boatList .boatCardDetail {
    border-radius: 0.7777777778vw;
  }
}
@media (min-width: 1920px) {
  .boatList .boatCard,
  .boatList .boatCardDetail {
    margin-bottom: 1.1111111111vw;
  }
}
@media (min-width: 1024px) {
  .boatList .boatCard .discount, .boatDetail .boatCard .discount,
  .boatList .boatCardDetail .discount,
  .boatDetail .boatCardDetail .discount {
    position: unset;
    left: unset;
    top: unset;
    background-color: unset;
    border-radius: unset;
    padding: unset;
    font-size: unset;
  }
}
@media (min-width: 1024px) {
  .boatList .boatCard .discount .tooltip, .boatDetail .boatCard .discount .tooltip,
  .boatList .boatCardDetail .discount .tooltip,
  .boatDetail .boatCardDetail .discount .tooltip {
    display: unset;
  }
}
@media (min-width: 1024px) {
  .boatList .boatCard .boatImage, .boatDetail .boatCard .boatImage,
  .boatList .boatCardDetail .boatImage,
  .boatDetail .boatCardDetail .boatImage {
    position: relative;
    width: 30%;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
}
@media (min-width: 1024px) {
  .boatList .boatCard .boatImage:after, .boatDetail .boatCard .boatImage:after,
  .boatList .boatCardDetail .boatImage:after,
  .boatDetail .boatCardDetail .boatImage:after {
    position: absolute;
    top: 27px;
    right: 0;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 25px 20px 0;
    border-color: transparent #f5f5f5 transparent transparent;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .boatList .boatCard .boatImage:after, .boatDetail .boatCard .boatImage:after,
  .boatList .boatCardDetail .boatImage:after,
  .boatDetail .boatCardDetail .boatImage:after {
    top: 1.5vw;
  }
}
@media (min-width: 1024px) {
  .boatList .boatCard .boatImage img, .boatDetail .boatCard .boatImage img,
  .boatList .boatCardDetail .boatImage img,
  .boatDetail .boatCardDetail .boatImage img {
    object-fit: cover;
    height: 100%;
    width: 100%;
  }
}
.boatList .boatCard .generalInfo .label, .boatDetail .boatCard .generalInfo .label,
.boatList .boatCardDetail .generalInfo .label,
.boatDetail .boatCardDetail .generalInfo .label {
  font-size: inherit !important;
}
@media (min-width: 1024px) {
  .boatList .boatCard .generalInfo > span, .boatDetail .boatCard .generalInfo > span,
  .boatList .boatCardDetail .generalInfo > span,
  .boatDetail .boatCardDetail .generalInfo > span {
    display: block;
  }
}
.boatList .boatCard .generalInfo .yearProduced:not(.alwaysVisible), .boatDetail .boatCard .generalInfo .yearProduced:not(.alwaysVisible),
.boatList .boatCardDetail .generalInfo .yearProduced:not(.alwaysVisible),
.boatDetail .boatCardDetail .generalInfo .yearProduced:not(.alwaysVisible) {
  display: none;
}
@media (min-width: 1024px) {
  .boatList .boatCard .generalInfo .yearProduced, .boatDetail .boatCard .generalInfo .yearProduced,
  .boatList .boatCardDetail .generalInfo .yearProduced,
  .boatDetail .boatCardDetail .generalInfo .yearProduced {
    display: block;
  }
}
.boatList .boatCard .generalInfo .inlineYear, .boatDetail .boatCard .generalInfo .inlineYear,
.boatList .boatCardDetail .generalInfo .inlineYear,
.boatDetail .boatCardDetail .generalInfo .inlineYear {
  font-weight: normal;
}
.boatList .boatCard .generalInfo .inlineYear:before, .boatDetail .boatCard .generalInfo .inlineYear:before,
.boatList .boatCardDetail .generalInfo .inlineYear:before,
.boatDetail .boatCardDetail .generalInfo .inlineYear:before {
  content: ", ";
}
@media (min-width: 1024px) {
  .boatList .boatCard .generalInfo .inlineYear, .boatDetail .boatCard .generalInfo .inlineYear,
  .boatList .boatCardDetail .generalInfo .inlineYear,
  .boatDetail .boatCardDetail .generalInfo .inlineYear {
    display: none;
  }
  .boatList .boatCard .generalInfo .inlineYear:before, .boatDetail .boatCard .generalInfo .inlineYear:before,
  .boatList .boatCardDetail .generalInfo .inlineYear:before,
  .boatDetail .boatCardDetail .generalInfo .inlineYear:before {
    content: " ";
  }
}
.boatList .boatCard .baseName, .boatDetail .boatCard .baseName,
.boatList .boatCardDetail .baseName,
.boatDetail .boatCardDetail .baseName {
  display: block;
}
@media (min-width: 1024px) {
  .boatList .boatCard .baseName:after, .boatDetail .boatCard .baseName:after,
  .boatList .boatCardDetail .baseName:after,
  .boatDetail .boatCardDetail .baseName:after {
    content: "";
  }
}
@media (min-width: 1024px) {
  .boatList .boatCard .boatData .title, .boatDetail .boatCard .boatData .title,
  .boatList .boatCardDetail .boatData .title,
  .boatDetail .boatCardDetail .boatData .title {
    font-size: 24px;
  }
}
@media (min-width: 1920px) {
  .boatList .boatCard .boatData .title, .boatDetail .boatCard .boatData .title,
  .boatList .boatCardDetail .boatData .title,
  .boatDetail .boatCardDetail .boatData .title {
    font-size: 1.3333333333vw;
  }
}
@media (min-width: 1024px) {
  .boatList .boatCard .boatInfo, .boatDetail .boatCard .boatInfo,
  .boatList .boatCardDetail .boatInfo,
  .boatDetail .boatCardDetail .boatInfo {
    display: flex;
    justify-content: space-between;
    width: 70%;
    padding: 0;
  }
}
@media (min-width: 1024px) {
  .boatList .boatCard .boatInfo .boatData, .boatDetail .boatCard .boatInfo .boatData,
  .boatList .boatCardDetail .boatInfo .boatData,
  .boatDetail .boatCardDetail .boatInfo .boatData {
    padding: 20px 30px 20px 30px;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .boatList .boatCard .boatInfo .boatData, .boatDetail .boatCard .boatInfo .boatData,
  .boatList .boatCardDetail .boatInfo .boatData,
  .boatDetail .boatCardDetail .boatInfo .boatData {
    padding: 1.1111111111vw 1.6666666667vw 1.1111111111vw 1.6666666667vw;
  }
}
@media (min-width: 1024px) {
  .boatList .boatCard .boatInfo .boatPrice, .boatDetail .boatCard .boatInfo .boatPrice,
  .boatList .boatCardDetail .boatInfo .boatPrice,
  .boatDetail .boatCardDetail .boatInfo .boatPrice {
    padding: 20px 30px 20px 30px;
    background: #f5f5f4;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .boatList .boatCard .boatInfo .boatPrice, .boatDetail .boatCard .boatInfo .boatPrice,
  .boatList .boatCardDetail .boatInfo .boatPrice,
  .boatDetail .boatCardDetail .boatInfo .boatPrice {
    padding: 1.1111111111vw 1.6666666667vw 1.1111111111vw 1.6666666667vw;
  }
}
.boatList .boatCard .equipmentSet, .boatDetail .boatCard .equipmentSet,
.boatList .boatCardDetail .equipmentSet,
.boatDetail .boatCardDetail .equipmentSet {
  padding-top: 3px !important;
}
@media (min-width: 1024px) {
  .boatList .boatCard .equipmentSet, .boatDetail .boatCard .equipmentSet,
  .boatList .boatCardDetail .equipmentSet,
  .boatDetail .boatCardDetail .equipmentSet {
    display: flex;
    align-items: center;
  }
}
.boatList .boatCard .equipmentSet:before, .boatDetail .boatCard .equipmentSet:before,
.boatList .boatCardDetail .equipmentSet:before,
.boatDetail .boatCardDetail .equipmentSet:before {
  display: none !important;
}
.boatList .boatCard .equipmentSet a:hover, .boatDetail .boatCard .equipmentSet a:hover,
.boatList .boatCardDetail .equipmentSet a:hover,
.boatDetail .boatCardDetail .equipmentSet a:hover {
  cursor: help;
}
.boatList .boatCard .equipmentSet img, .boatDetail .boatCard .equipmentSet img,
.boatList .boatCardDetail .equipmentSet img,
.boatDetail .boatCardDetail .equipmentSet img {
  width: 20px;
  height: auto;
  margin-right: 10px;
}
@media (min-width: 1920px) {
  .boatList .boatCard .equipmentSet img, .boatDetail .boatCard .equipmentSet img,
  .boatList .boatCardDetail .equipmentSet img,
  .boatDetail .boatCardDetail .equipmentSet img {
    width: 1.1111111111vw;
    margin-right: 0.5555555556vw;
  }
}
.boatList .boatCard .equipmentSet span[title=Generator] img, .boatDetail .boatCard .equipmentSet span[title=Generator] img,
.boatList .boatCardDetail .equipmentSet span[title=Generator] img,
.boatDetail .boatCardDetail .equipmentSet span[title=Generator] img {
  width: 11px;
}
@media (min-width: 1920px) {
  .boatList .boatCard .equipmentSet span[title=Generator] img, .boatDetail .boatCard .equipmentSet span[title=Generator] img,
  .boatList .boatCardDetail .equipmentSet span[title=Generator] img,
  .boatDetail .boatCardDetail .equipmentSet span[title=Generator] img {
    width: 0.611111vw;
  }
}
@media (min-width: 1024px) {
  .boatList .boatCard .generalInfo, .boatDetail .boatCard .generalInfo,
  .boatList .boatCardDetail .generalInfo,
  .boatDetail .boatCardDetail .generalInfo {
    margin-bottom: 30px;
  }
}
@media (min-width: 1024px) {
  .boatList .boatCard .generalInfo .label, .boatDetail .boatCard .generalInfo .label,
  .boatList .boatCardDetail .generalInfo .label,
  .boatDetail .boatCardDetail .generalInfo .label {
    font-size: 12px;
    display: inline;
    padding-right: 3px;
  }
}
@media (min-width: 1920px) {
  .boatList .boatCard .generalInfo .label, .boatDetail .boatCard .generalInfo .label,
  .boatList .boatCardDetail .generalInfo .label,
  .boatDetail .boatCardDetail .generalInfo .label {
    font-size: 0.6666666667vw;
  }
}
@media (min-width: 1024px) {
  .boatList .boatCard .date, .boatDetail .boatCard .date,
  .boatList .boatCardDetail .date,
  .boatDetail .boatCardDetail .date {
    color: unset;
  }
}
@media (min-width: 1024px) {
  .boatList .boatCard .alternativeDates, .boatDetail .boatCard .alternativeDates,
  .boatList .boatCardDetail .alternativeDates,
  .boatDetail .boatCardDetail .alternativeDates {
    display: block;
  }
}
@media (min-width: 1024px) {
  .boatList .boatCard .skipperIncluded,
  .boatList .boatCard .discount, .boatDetail .boatCard .skipperIncluded,
  .boatDetail .boatCard .discount,
  .boatList .boatCardDetail .skipperIncluded,
  .boatList .boatCardDetail .discount,
  .boatDetail .boatCardDetail .skipperIncluded,
  .boatDetail .boatCardDetail .discount {
    display: block;
  }
}
@media (min-width: 1024px) {
  .boatList .boatCard .listLarge, .boatDetail .boatCard .listLarge,
  .boatList .boatCardDetail .listLarge,
  .boatDetail .boatCardDetail .listLarge {
    display: block;
  }
}
@media (min-width: 1024px) {
  .boatList .boatCard .boatInfoItems div, .boatDetail .boatCard .boatInfoItems div,
  .boatList .boatCardDetail .boatInfoItems div,
  .boatDetail .boatCardDetail .boatInfoItems div {
    margin-right: 20px;
    position: relative;
    padding: 26px 0 0 0;
  }
}
@media (min-width: 1920px) {
  .boatList .boatCard .boatInfoItems div, .boatDetail .boatCard .boatInfoItems div,
  .boatList .boatCardDetail .boatInfoItems div,
  .boatDetail .boatCardDetail .boatInfoItems div {
    margin-right: 1.1111111111vw;
    padding-top: 1.4444444444vw;
  }
}
.boatList .boatCard .boatInfoItems div:before, .boatDetail .boatCard .boatInfoItems div:before,
.boatList .boatCardDetail .boatInfoItems div:before,
.boatDetail .boatCardDetail .boatInfoItems div:before {
  /*@include desktop {
                padding-right: 0;
                position: absolute;
                top: 0;
                left: 0;
                transform: unset;
                background-position: left top;
            }*/
}
@media (min-width: 1024px) {
  .boatList .boatCard .boatInfoItems .label, .boatDetail .boatCard .boatInfoItems .label,
  .boatList .boatCardDetail .boatInfoItems .label,
  .boatDetail .boatCardDetail .boatInfoItems .label {
    display: block;
    margin-bottom: 3px;
    text-transform: capitalize;
  }
}
@media (min-width: 1024px) {
  .boatList .boatCard .bttn, .boatDetail .boatCard .bttn,
  .boatList .boatCardDetail .bttn,
  .boatDetail .boatCardDetail .bttn {
    display: inline-block;
  }
}

@media (min-width: 1024px) {
  body:not(.page-template-page-boatlist-charter-landing) .boatList .boatCard .boatInfoItems div:before {
    padding-right: 0;
    position: absolute;
    top: 0;
    left: 0;
    transform: unset;
    background-position: left top;
  }
}

.moreOffers .boatCard .boatInfo {
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.boatCardDetail .boatInfoItems {
  max-width: 770px;
}
@media (min-width: 1024px) {
  .boatCardDetail .boatInfoItems {
    justify-content: space-between;
  }
}
@media (min-width: 1920px) {
  .boatCardDetail .boatInfoItems {
    max-width: 39.5vw;
  }
}

.boatList .content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.card-set-wrapper .inlineYear {
  font-weight: normal;
}
.card-set-wrapper .inlineYear:before {
  content: ", ";
}
@media (min-width: 1024px) {
  .card-set-wrapper .inlineYear {
    display: inline;
  }
}
.card-set-wrapper .boatInfoItems div.year {
  display: none;
}
@media (min-width: 1024px) {
  .card-set-wrapper .boatInfoItems div.year {
    display: none;
  }
}

.boatCard .boatInfoItems div,
.boatCardDetail .boatInfoItems div {
  margin-right: 20px;
}
@media (min-width: 1920px) {
  .boatCard .boatInfoItems div,
  .boatCardDetail .boatInfoItems div {
    margin-right: 1.1111111111vw;
  }
}

.boatInfoItems div {
  font-weight: 500;
}
.boatInfoItems div:before {
  background-position: right bottom;
  background-repeat: no-repeat;
}
body[class*=sales] .boatInfoItems div:before {
  filter: invert(2%) sepia(56%) saturate(124%) hue-rotate(352deg) brightness(22%) contrast(46%);
}
.boatInfoItems div.length:before {
  background-image: url(../img/icons/length.svg);
  background-size: 92%;
  background-position: left 15% !important;
}
.boatInfoItems div.guests:before {
  background-image: url(../img/icons/guests.svg);
  background-size: 96%;
}
.boatInfoItems div.cabins:before {
  background-image: url(../img/icons/cabins.svg);
  background-size: 91%;
}
.boatInfoItems div.bathrooms:before {
  background-image: url(../img/icons/bathrooms.svg);
  background-size: 85%;
}
.boatInfoItems div.equipment:before {
  background-image: url(../img/icons/equipment.svg);
  background-size: 72%;
}
.boatInfoItems div.year {
  display: none;
}
.boatInfoItems div.year:before {
  background-image: url(../img/icons/year.svg);
  background-size: 70%;
}
.boatInfoItems div .label {
  font-weight: 400;
}

.page-template-page-boatlist-sales .title {
  margin-bottom: 20px;
}
@media (min-width: 1920px) {
  .page-template-page-boatlist-sales .title {
    margin-bottom: 1.1111111111vw;
  }
}

@media (min-width: 1920px) {
  .boatCard .title {
    font-size: 1.1111111111vw !important;
  }
}

.owl-item .boatImage {
  min-height: 11vw;
}

.skipperOptional {
  transform: translateY(-5px);
}

.boatCard .bttn {
  margin-top: 36px;
}
@media (min-width: 1920px) {
  .boatCard .bttn {
    margin-top: 2vw;
  }
}

.boatDetail .boatInfoItems div.year {
  display: block;
}

@media (min-width: 1024px) {
  .fieldWithTooltip .tooltip {
    position: absolute;
    z-index: 5;
    transform: translate(-6px, -4px);
  }
}

.carousel .yearProduced:not(.alwaysVisible) {
  display: none !important;
}

.moreOffersTrigger {
  color: #0A0D4A;
  cursor: pointer;
  margin-top: 1em;
}
.moreOffersTrigger:after {
  content: "\e83f";
  font-family: "Fontello";
  padding-left: 0.4em;
}

.moreOffers .modal,
.moreOffers .extraWrapper {
  max-width: 960px;
  max-height: 90vh;
  overflow: hidden;
  padding: 0;
}
@media (min-width: 769px) {
  .moreOffers .modal,
  .moreOffers .extraWrapper {
    max-width: 960px;
    max-height: 715px;
  }
}
@media (min-width: 1920px) {
  .moreOffers .modal,
  .moreOffers .extraWrapper {
    max-width: 53.3333333333vw;
    max-height: 39.7222222222vw;
  }
}
.moreOffers .modal .extraWrapper,
.moreOffers .extraWrapper .extraWrapper {
  overflow: auto;
  padding: 40px 40px 40px 40px;
}
@media (min-width: 1920px) {
  .moreOffers .modal .extraWrapper,
  .moreOffers .extraWrapper .extraWrapper {
    padding: 2.2222222222vw 2.2222222222vw 2.2222222222vw 2.2222222222vw;
  }
}
@media (max-width: 1200px) {
  .moreOffers .closeModal {
    top: 10px;
    right: 10px;
  }
}
.moreOffers .upperPartWrapper {
  padding-bottom: 20px;
  border-bottom: 1px solid #C69C6D;
}
@media (min-width: 1920px) {
  .moreOffers .upperPartWrapper {
    padding-bottom: 1.1111111111vw;
  }
}
@media (min-width: 769px) {
  .moreOffers .upperPartWrapper {
    padding-bottom: 0;
  }
}
.moreOffers .offersIntro {
  font-size: 13px;
  color: rgba(0, 0, 60, 0.6);
  margin-bottom: 10px;
}
@media (min-width: 1920px) {
  .moreOffers .offersIntro {
    font-size: 0.7222222222vw;
  }
}
@media (min-width: 1920px) {
  .moreOffers .offersIntro {
    margin-bottom: 0.5555555556vw;
  }
}
.moreOffers .moreOffersWrapper {
  /*@include desktop {
          display: grid;
          grid-template-columns: 1fr 2fr;
          grid-gap: 3rem;
      }*/
}
.moreOffers .boatCard {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (min-width: 1920px) {
  .moreOffers .boatCard {
    gap: 1.1111111111vw;
  }
}
@media (min-width: 769px) {
  .moreOffers .boatCard {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
  }
}
.moreOffers .boatCard .boatInfo {
  flex: 1 1 auto;
  min-width: 0;
}
.moreOffers .boatCard .itemData {
  font-size: 14px;
}
@media (min-width: 1920px) {
  .moreOffers .boatCard .itemData {
    font-size: 0.7777777778vw;
  }
}
.moreOffers .boatMeta {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  padding: 5px 0;
  border-top: 1px solid #C69C6D;
  border-bottom: 1px solid #C69C6D;
}
@media (min-width: 1920px) {
  .moreOffers .boatMeta {
    gap: 0.5555555556vw;
  }
}
@media (min-width: 769px) {
  .moreOffers .boatMeta {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}
.moreOffers .boatMeta .boatInfoItems {
  margin-bottom: 0;
}
.moreOffers figure {
  flex: 0 0 auto;
  margin: 0;
  overflow: hidden;
  border-radius: 0;
  width: 100%;
  aspect-ratio: 313/301;
}
@media (min-width: 769px) {
  .moreOffers figure {
    width: 38%;
    max-width: 230px;
  }
}
.moreOffers figure img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.moreOffers .offersCount {
  font-size: 13px;
  color: #0A0D4A;
  font-weight: 600;
  margin-top: 20px;
}
@media (min-width: 1920px) {
  .moreOffers .offersCount {
    font-size: 0.7222222222vw;
  }
}
@media (min-width: 1920px) {
  .moreOffers .offersCount {
    margin-top: 1.1111111111vw;
  }
}
@media (min-width: 769px) {
  .moreOffers .offersCount {
    margin-top: 0;
    transform: translateY(-12px);
  }
}
.moreOffers .offersCountNumber {
  color: inherit;
  font-weight: 600;
}
.moreOffers .title {
  font-size: 24px;
  margin-bottom: 10px;
}
@media (min-width: 1920px) {
  .moreOffers .title {
    font-size: 1.3333333333vw;
  }
}
@media (min-width: 1920px) {
  .moreOffers .title {
    margin-bottom: 0.5555555556vw;
  }
}
.moreOffers .offerItem {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 16px 30px 16px 0px;
  position: relative;
  border-bottom: 1px solid #C69C6D;
  color: #0A0D4A;
  text-decoration: none;
  transition: background-color 0.2s ease;
}
@media (min-width: 1920px) {
  .moreOffers .offerItem {
    gap: 0.4444444444vw;
  }
}
@media (min-width: 1920px) {
  .moreOffers .offerItem {
    padding: 0.8888888889vw 1.6666666667vw 0.8888888889vw 0vw;
  }
}
@media (min-width: 769px) {
  .moreOffers .offerItem {
    flex-direction: row;
    align-items: center;
    gap: 20px;
  }
}
@media (min-width: 769px) and (min-width: 1920px) {
  .moreOffers .offerItem {
    gap: 1.1111111111vw;
  }
}
.moreOffers .offerItem:hover {
  background-color: #F0F1F2;
}
.moreOffers .offerItem::after {
  content: "\e809";
  font-family: "Fontello";
  font-size: 14px;
  color: rgba(0, 0, 60, 0.6);
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
}
@media (min-width: 1920px) {
  .moreOffers .offerItem::after {
    font-size: 0.7777777778vw;
  }
}
@media (min-width: 1920px) {
  .moreOffers .offerItem::after {
    right: 0.4444444444vw;
  }
}
@media (min-width: 769px) {
  .moreOffers .dataSet {
    flex: 1 1 0;
  }
}
.moreOffers .date {
  font-size: 12px;
  white-space: nowrap;
  font-weight: 600;
  color: rgba(0, 0, 60, 0.6);
  margin-bottom: 4px;
}
@media (min-width: 1920px) {
  .moreOffers .date {
    font-size: 0.6666666667vw;
  }
}
@media (min-width: 1920px) {
  .moreOffers .date {
    margin-bottom: 0.2222222222vw;
  }
}
.moreOffers .price .priceCombo {
  display: flex;
  align-items: flex-start;
}
.moreOffers .price .currentPrice {
  font-size: 20px;
  font-weight: 800;
  color: #0A0D4A;
}
@media (min-width: 1920px) {
  .moreOffers .price .currentPrice {
    font-size: 1.1111111111vw;
  }
}
.moreOffers .price .discountedPrice {
  font-size: 12px;
  padding-left: 8px;
}
@media (min-width: 1920px) {
  .moreOffers .price .discountedPrice {
    font-size: 0.6666666667vw;
  }
}
@media (min-width: 1920px) {
  .moreOffers .price .discountedPrice {
    padding-left: 0.4444444444vw;
  }
}
.moreOffers .metaSet {
  font-size: 13px;
  color: #0A0D4A;
}
@media (min-width: 1920px) {
  .moreOffers .metaSet {
    font-size: 0.7222222222vw;
  }
}
@media (min-width: 769px) {
  .moreOffers .metaSet {
    flex: 0.67 1 0;
  }
}
.moreOffers .metaSet .num {
  font-weight: 700;
  padding-right: 0.1rem;
}
.moreOffers .baseSet {
  font-size: 13px;
  color: rgba(0, 0, 60, 0.6);
}
@media (min-width: 1920px) {
  .moreOffers .baseSet {
    font-size: 0.7222222222vw;
  }
}
@media (min-width: 769px) {
  .moreOffers .baseSet {
    flex: 1.33 1 0;
  }
}
.moreOffers .baseSet strong {
  color: #0A0D4A;
  font-weight: 700;
}

.discountedPrice {
  color: #0A0D4A;
  text-decoration: line-through;
  opacity: 0.4;
  font-size: 16px;
}
@media (min-width: 1920px) {
  .discountedPrice {
    font-size: 0.8888888889vw;
  }
}

.carousel .boatCard .boatImage {
  height: 38vw;
  min-height: unset;
}
@media (min-width: 430px) {
  .carousel .boatCard .boatImage {
    height: 41vw;
  }
}
@media (min-width: 501px) {
  .carousel .boatCard .boatImage {
    height: 21vw;
  }
}
@media (min-width: 961px) {
  .carousel .boatCard .boatImage {
    height: 15vw;
  }
}
@media (min-width: 1201px) {
  .carousel .boatCard .boatImage {
    height: 12vw;
  }
}
@media (min-width: 1530px) {
  .carousel .boatCard .boatImage {
    height: 10vw;
  }
}
.carousel .boatCard .boatImage img {
  height: 100%;
  object-fit: cover;
}

.specialOffers .carousel .boatCard .boatImage {
  height: auto;
}

.specialOffers .priceCombo {
  display: flex;
  align-items: flex-start;
}
.specialOffers .discountedPrice {
  font-size: 12px;
}
@media (min-width: 1920px) {
  .specialOffers .discountedPrice {
    font-size: 0.6666666667vw;
  }
}

.specialOffers .boatCard .boatData > .title {
  line-height: 1.3;
  min-height: 2.6em;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.specialOffers .boatCard .baseName {
  border-bottom: 1px solid #C69C6D;
  padding-bottom: 5px;
  margin-bottom: 5px;
}
.specialOffers .boatCard .boatInfoItems {
  border-bottom: 1px solid #C69C6D;
  padding-bottom: 7px;
}
.specialOffers .boatCard .priceCombo {
  border-bottom: 1px solid #C69C6D;
  padding-bottom: 5px;
}

@media (max-width: 1023px) {
  .boatList .boatCard .boatData > .title {
    line-height: 1.3;
    min-height: 2.6em;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .boatList .boatCard .baseName {
    border-bottom: 1px solid #C69C6D;
    padding-bottom: 5px;
    margin-bottom: 5px;
  }
  .boatList .boatCard .boatInfoItems {
    border-bottom: 1px solid #C69C6D;
    padding-bottom: 7px;
  }
  .boatList .boatCard .priceCombo {
    border-bottom: 1px solid #C69C6D;
    padding-bottom: 5px;
  }
}
.page-template-page-boatlist-charter-landing .directbooking .verified,
.specialOffers .directbooking .verified {
  position: absolute;
  top: 2%;
  left: 2%;
  background-color: #96BEF9;
  background-position: left 5px center;
  color: #fff;
  border-radius: 13px;
  border-top-right-radius: 0;
  padding: 5px 15px 5px 30px;
  font-size: 12px;
  line-height: 1.5;
}
@media (min-width: 1920px) {
  .page-template-page-boatlist-charter-landing .directbooking .verified,
  .specialOffers .directbooking .verified {
    background-position: left 0.277777vw center;
    border-radius: 0.72222vw;
    border-top-right-radius: 0;
    padding: 0.27777vw 0.83333vw 0.27777vw 1.6666vw;
    font-size: 0.666vw;
  }
}
.page-template-page-boatlist-charter-landing .directbooking .verified .tooltip,
.specialOffers .directbooking .verified .tooltip {
  display: none;
}
.page-template-page-boatlist-charter-landing .directbooking .discount,
.specialOffers .directbooking .discount {
  top: 9.2%;
}

.alignfull .specialOffers {
  max-width: 87%;
}

@media (max-width: 1023px) {
  .boatList .directbooking .verified {
    position: absolute;
    top: 2%;
    left: 2%;
    background-color: #96BEF9;
    background-position: left 5px center;
    color: #fff;
    border-radius: 13px;
    border-top-right-radius: 0;
    padding: 5px 15px 5px 30px;
    font-size: 12px;
    line-height: 1.5;
  }
  .boatList .directbooking .verified .tooltip {
    display: none;
  }
}

.alignfull .specialOffers {
  max-width: 87%;
}

.boatImage.linkToList {
  background-color: #efefef;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0A0D4A;
  font-size: 21px;
  font-weight: 600;
  opacity: 1;
  transition: opacity 0.2s;
}
.boatImage.linkToList:hover {
  opacity: 0.8;
}
@media (min-width: 1920px) {
  .boatImage.linkToList {
    font-size: 1.1666666667vw;
  }
}

.page-template-page-boatlist-sales .boatInfoItems div.year {
  display: block;
}

.specialOffers .boatCard .verified,
.specialOffers .boatCard .discount {
  position: absolute;
  left: 10px;
  z-index: 2;
  margin: 0;
  pointer-events: none;
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  white-space: nowrap;
  overflow: hidden;
  font-family: "Carbona", sans-serif;
  line-height: 1.3;
  font-size: 13px;
}
@media (min-width: 1920px) {
  .specialOffers .boatCard .verified,
  .specialOffers .boatCard .discount {
    left: 0.5555555556vw;
  }
}
@media (min-width: 1920px) {
  .specialOffers .boatCard .verified,
  .specialOffers .boatCard .discount {
    font-size: min(0.7222222222vw, 15.1666666667px);
  }
}
.specialOffers .boatCard .verified::before,
.specialOffers .boatCard .discount::before {
  content: "";
  flex: 0 0 auto;
  width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
@media (min-width: 1920px) {
  .specialOffers .boatCard .verified::before,
  .specialOffers .boatCard .discount::before {
    width: min(1.2222222222vw, 25.6666666667px);
  }
}
@media (min-width: 1920px) {
  .specialOffers .boatCard .verified::before,
  .specialOffers .boatCard .discount::before {
    height: min(1.2222222222vw, 25.6666666667px);
  }
}
.specialOffers .boatCard .verified .tooltip,
.specialOffers .boatCard .discount .tooltip {
  display: none;
}
.specialOffers .boatCard .verified {
  top: 10px;
  height: 32px;
  padding: 0px 12px 0px 6px;
  gap: 4px;
  background: #96bef9;
  color: #0A0D4A;
  font-weight: 700;
}
@media (min-width: 1920px) {
  .specialOffers .boatCard .verified {
    top: 0.5555555556vw;
  }
}
@media (min-width: 1920px) {
  .specialOffers .boatCard .verified {
    height: min(1.7777777778vw, 37.3333333333px);
  }
}
@media (min-width: 1920px) {
  .specialOffers .boatCard .verified {
    padding: 0vw 0.6666666667vw 0vw 0.3333333333vw;
  }
}
@media (min-width: 1920px) {
  .specialOffers .boatCard .verified {
    gap: 0.2222222222vw;
  }
}
.specialOffers .boatCard .verified::before {
  background-image: url("../img/icons/best-price-guarantee.svg");
}
.specialOffers .boatCard .verified .verifiedLabel {
  white-space: nowrap;
}
.specialOffers .boatCard .verified .verifiedRest {
  display: inline-block;
  max-width: 0;
  overflow: hidden;
  opacity: 0;
  vertical-align: bottom;
  transition: max-width 0.45s ease, opacity 0.3s ease;
}
.specialOffers .boatCard .discount {
  top: 48px;
  height: 30px;
  padding: 0px 12px 0px 8px;
  gap: 4px;
  background-color: #F5F5F5;
  color: #4346b5;
}
@media (min-width: 1920px) {
  .specialOffers .boatCard .discount {
    top: 2.6666666667vw;
  }
}
@media (min-width: 1920px) {
  .specialOffers .boatCard .discount {
    height: min(1.6666666667vw, 35px);
  }
}
@media (min-width: 1920px) {
  .specialOffers .boatCard .discount {
    padding: 0vw 0.6666666667vw 0vw 0.4444444444vw;
  }
}
@media (min-width: 1920px) {
  .specialOffers .boatCard .discount {
    gap: 0.2222222222vw;
  }
}
.specialOffers .boatCard .discount::before {
  background-image: url("../img/icons/discount-badge.svg");
}
.specialOffers .boatCard .discount .discountAmount {
  order: 1;
  font-weight: 800;
}
.specialOffers .boatCard .discount .discountLabel {
  order: 2;
  display: inline-block;
  max-width: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-width 0.45s ease, opacity 0.3s ease;
}
.specialOffers .boatCard .boatImage:hover ~ .boatInfo .verified .verifiedRest {
  max-width: 8em;
  opacity: 1;
}
.specialOffers .boatCard .boatImage:hover ~ .boatInfo .discount .discountLabel {
  max-width: 6em;
  opacity: 1;
}

.tooltip {
  position: relative;
  cursor: help;
}

.tooltip:before,
.tooltip:after {
  content: "";
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip:hover:before {
  border: solid;
  border-color: #333 transparent;
  border-width: 11px 10px 0;
  content: "";
  left: 0;
  top: -10px;
  position: absolute;
  z-index: 5001;
  padding: 0;
  white-space: pre-wrap;
  opacity: 1;
}

.tooltip:hover:after {
  background: #333;
  border-radius: 4px;
  color: #fff;
  content: attr(tooltip-text);
  font-size: 14px;
  font-weight: 400 !important;
  padding: 11px 13px 11px 13px;
  position: absolute;
  left: -11px;
  z-index: 5000;
  top: 0;
  transform: translateY(-100%) translateY(-10px);
  box-shadow: 2px 3px 7px 0 #000;
  white-space: pre-wrap;
  font-family: arial;
  line-height: 20px;
  opacity: 1;
  width: max-content;
}
@media (min-width: 1920px) {
  .tooltip:hover:after {
    font-size: 0.7777777778vw;
  }
}
@media (min-width: 1920px) {
  .tooltip:hover:after {
    padding: 0.6111111111vw 0.7222222222vw 0.6111111111vw 0.7222222222vw;
  }
}
@media (min-width: 1920px) {
  .tooltip:hover:after {
    border-radius: 0.2222222222vw;
  }
}

.listFilters ul,
.listFilters li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.listFilters li {
  display: inline-block;
}
.listFilters .filtersWrapper .dropSelect div {
  padding: 5px 20px;
  cursor: pointer;
}
@media (min-width: 1920px) {
  .listFilters .filtersWrapper .dropSelect div {
    padding: 0.2777777778vw 1.1111111111vw;
    margin: 0 0.4444444444vw 0.4444444444vw 0;
  }
}
.listFilters .filtersWrapper .dropSelect div.current {
  color: #fff;
}
.listFilters a,
.listFilters .filtersWrapper li > div:not(.dropSelect) {
  display: inline-block;
  font-size: 16px;
  color: inherit;
  padding: 5px 20px;
  margin: 0 8px 8px 0;
  border-radius: 1000px;
  border: 1px solid rgba(6, 17, 32, 0.4);
  white-space: nowrap;
  background-color: transparent;
  cursor: pointer;
}
@media (min-width: 1920px) {
  .listFilters a,
  .listFilters .filtersWrapper li > div:not(.dropSelect) {
    font-size: 0.8888888889vw;
  }
}
@media (min-width: 1920px) {
  .listFilters a,
  .listFilters .filtersWrapper li > div:not(.dropSelect) {
    padding: 0.2777777778vw 1.1111111111vw;
    margin: 0 0.4444444444vw 0.4444444444vw 0;
  }
}
.listFilters a:hover, .listFilters a.current,
.listFilters .filtersWrapper li > div:not(.dropSelect):hover,
.listFilters .filtersWrapper li > div:not(.dropSelect).current {
  background-color: #96BEF9;
  color: #fff;
  border-color: #96BEF9;
}
.listFilters a.withDropSelect,
.listFilters .filtersWrapper li > div:not(.dropSelect).withDropSelect {
  position: relative;
  padding-right: 36px;
}
@media (min-width: 1920px) {
  .listFilters a.withDropSelect,
  .listFilters .filtersWrapper li > div:not(.dropSelect).withDropSelect {
    padding-right: 2vw;
  }
}
.listFilters a.withDropSelect:after,
.listFilters .filtersWrapper li > div:not(.dropSelect).withDropSelect:after {
  font-family: Fontello;
  content: "\e80f";
  color: #0A0D4A;
  position: absolute;
  right: 10%;
  top: 50%;
  transform: translateY(-50%);
}
.listFilters a.withDropSelect:hover:after,
.listFilters .filtersWrapper li > div:not(.dropSelect).withDropSelect:hover:after {
  color: #fff;
}
.listFilters .dropSelect {
  overflow: hidden;
  position: absolute;
  z-index: 40;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  border-radius: 14px;
  -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.1);
  max-height: 300px;
  overflow: auto;
}
@media (min-width: 1920px) {
  .listFilters .dropSelect {
    border-radius: 0.7777777778vw;
  }
}
.listFilters .dropSelect a,
.listFilters .dropSelect div {
  border-radius: unset;
  background-color: unset;
  border: 0 none;
  margin: 0;
}
.listFilters .dropSelect a:hover,
.listFilters .dropSelect div:hover {
  background-color: #f4f5f7;
  color: unset;
}
.listFilters .dropSelect a.current,
.listFilters .dropSelect div.current {
  background-color: #96BEF9;
}
.listFilters .dropSelect a:first-child,
.listFilters .dropSelect div:first-child {
  padding-top: 10px;
}
@media (min-width: 1920px) {
  .listFilters .dropSelect a:first-child,
  .listFilters .dropSelect div:first-child {
    padding-top: 0.5555555556vw;
  }
}
.listFilters .dropSelect a:last-child,
.listFilters .dropSelect div:last-child {
  padding-bottom: 10px;
}
@media (min-width: 1920px) {
  .listFilters .dropSelect a:last-child,
  .listFilters .dropSelect div:last-child {
    padding-bottom: 0.5555555556vw;
  }
}

.boatCalculationHolder {
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  position: fixed;
  z-index: 5;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.9);
  align-items: center;
}
@media (min-width: 769px) {
  .boatCalculationHolder {
    padding-left: 40px;
    padding-top: 30px;
    position: static;
    left: unset;
    top: unset;
    width: 50%;
    height: unset;
    background-color: unset;
    display: block !important;
  }
}
@media (min-width: 1024px) {
  .boatCalculationHolder {
    width: 32%;
    min-width: 410px;
  }
}
@media (min-width: 1920px) {
  .boatCalculationHolder {
    padding-left: 2.2222222222vw;
    padding-top: 1.6666666667vw;
    width: 27%;
    min-width: unset;
  }
}
.boatCalculationHolder.active {
  display: flex;
  padding-top: 60px;
  padding-bottom: 60px;
  overflow: auto;
}
.boatCalculationHolder.active .boatCalculation {
  width: 100%;
}

.ultraMobRes .boatCalculationHolder.active {
  padding: 0;
}
.ultraMobRes .boatCalculation {
  height: 100%;
  padding-top: 40px;
}

.boatCalculationHolderMobile {
  position: fixed;
  z-index: 15000;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #fff;
  -webkit-box-shadow: 0 5px 16px 0 rgba(92, 92, 92, 0.7);
  -moz-box-shadow: 0 5px 16px 0 rgba(92, 92, 92, 0.7);
  box-shadow: 0 5px 16px 0 rgba(92, 92, 92, 0.7);
  transition: transform 0.3s ease;
}
@media (min-width: 769px) {
  .boatCalculationHolderMobile {
    display: none;
  }
}
body.header-on-image .boatCalculationHolderMobile {
  transform: translateY(100%);
  pointer-events: none;
}
.boatCalculationHolderMobile .content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.boatCalculationHolderMobile #totalPriceMobile,
.boatCalculationHolderMobile #rentalPriceMobile {
  font-size: 12px;
}
@media (min-width: 1920px) {
  .boatCalculationHolderMobile #totalPriceMobile,
  .boatCalculationHolderMobile #rentalPriceMobile {
    font-size: 0.6666666667vw;
  }
}
.boatCalculationHolderMobile #totalPriceMobile .value,
.boatCalculationHolderMobile #rentalPriceMobile .value {
  font-size: 16px;
}
@media (min-width: 1920px) {
  .boatCalculationHolderMobile #totalPriceMobile .value,
  .boatCalculationHolderMobile #rentalPriceMobile .value {
    font-size: 0.8888888889vw;
  }
}
.boatCalculationHolderMobile #totalPriceMobile .value {
  font-weight: 600;
}
.boatCalculationHolderMobile .charterInfo {
  font-size: 10px;
}
@media (min-width: 1920px) {
  .boatCalculationHolderMobile .charterInfo {
    font-size: 0.5555555556vw;
  }
}
.boatCalculationHolderMobile .bttn {
  margin: 0;
}

/* Iphone zoom fix */
@media (max-width: 360px) {
  .boatCalculationHolderMobile #rentalPriceMobile .value,
  .boatCalculationHolderMobile #totalPriceMobile .value {
    font-size: 14px;
  }
  .boatCalculationHolderMobile .bttn {
    font-size: 14px;
    padding: 12px 10px;
  }
}
.boatCalculation {
  -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
  padding: 30px;
  font-size: 14px;
}
@media (min-width: 1920px) {
  .boatCalculation {
    font-size: 0.7777777778vw;
  }
}
@media (min-width: 769px) {
  .boatCalculation {
    top: 110px;
    position: -webkit-sticky;
    position: sticky;
  }
}
@media (min-width: 1920px) {
  .boatCalculation {
    padding: 1.6666666667vw;
  }
}
.boatCalculation .flex {
  justify-content: space-between;
}
.boatCalculation a,
.boatCalculation .likealink {
  color: #0091ff;
  cursor: pointer;
}
.boatCalculation .likealink_dark_underline {
  text-decoration: underline;
  cursor: pointer;
}
.boatCalculation hr {
  margin-top: 1em !important;
  margin-bottom: 1em !important;
}
.boatCalculation .topLabel {
  color: rgba(6, 17, 32, 0.3);
  margin-bottom: 25px;
}
.boatCalculation .boatAvailability {
  margin-bottom: 5px;
}
@media (min-width: 1920px) {
  .boatCalculation .boatAvailability {
    margin-bottom: 0.2777777778vw;
  }
}
.boatCalculation .berthsLine {
  font-weight: 500;
}
.boatCalculation .datebaseLine {
  display: flex;
  justify-content: space-between;
  padding-bottom: 15px;
}
@media (min-width: 1920px) {
  .boatCalculation .datebaseLine {
    padding-bottom: 0.8333333333vw;
  }
}
.boatCalculation .datebaseLine.dateLine {
  border-top: 1px solid #e1e7ec;
}
.boatCalculation .datebaseLine .calculationDate {
  white-space: nowrap;
}
.boatCalculation .datebaseItemLabel {
  font-size: 12px;
  color: RGBA(6, 17, 32, 0.5);
  white-space: nowrap;
}
@media (min-width: 1920px) {
  .boatCalculation .datebaseItemLabel {
    font-size: 0.6666666667vw;
  }
}
.boatCalculation .datebaseTo {
  text-align: right;
}
.boatCalculation .datebaseToArrow {
  display: flex;
  align-items: flex-end;
}
.boatCalculation .datebaseToArrow:after {
  content: "\e83f";
  font-family: Fontello;
  color: #0A0D4A;
}
.boatCalculation .extrasLine {
  padding: 15px 0px 15px 0px;
  margin-bottom: 20px;
  border-top: 1px solid #e1e7ec;
  border-bottom: 1px solid #e1e7ec;
  width: 100%;
  font-size: 16px;
}
@media (min-width: 1920px) {
  .boatCalculation .extrasLine {
    padding: 0.8333333333vw 0vw 0.8333333333vw 0vw;
  }
}
@media (min-width: 1920px) {
  .boatCalculation .extrasLine {
    margin-bottom: 1.1111111111vw;
  }
}
@media (min-width: 1920px) {
  .boatCalculation .extrasLine {
    font-size: 0.8888888889vw;
  }
}
.boatCalculation .availabilityCheck {
  line-height: 2;
}
.boatCalculation .availabilityCheck:before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  background-color: #6dd400;
  border-radius: 1000px;
  margin-right: 5px;
}
@media (min-width: 1920px) {
  .boatCalculation .availabilityCheck:before {
    width: 0.5555555556vw;
    height: 0.5555555556vw;
    margin-right: 0.2777777778vw;
  }
}
.boatCalculation .date-guests-base {
  margin-bottom: 30px;
}
@media (min-width: 1920px) {
  .boatCalculation .date-guests-base {
    margin-bottom: 1.6666666667vw;
  }
}
.boatCalculation .submit {
  width: 100%;
}

.boatName {
  font-weight: 700;
  font-size: 18px;
}
@media (min-width: 1920px) {
  .boatName {
    font-size: 1vw;
  }
}

.calculatorTable > div:not(.noOfferNotice) {
  display: flex;
  justify-content: space-between;
}
.calculatorTable .value {
  white-space: nowrap;
  /*&:before {
  	content: "€ ";
  }*/
}
.calculatorTable #yachtDiscountedPrice {
  margin-bottom: 10px;
}
.calculatorTable #totalPrice {
  font-weight: 700;
  margin: 15px 0;
  font-size: 18px;
}
@media (min-width: 1920px) {
  .calculatorTable #totalPrice {
    font-size: 1vw;
  }
}
.calculatorTable.hasDiscount #yachtRentalPrice .value {
  text-decoration: line-through;
}

.setChangeDays {
  position: relative;
  white-space: nowrap;
}
@media (max-width: 887px) {
  .setChangeDays {
    width: 100%;
  }
}
@media (min-width: 888px) {
  .setChangeDays {
    width: 100%;
    width: 150px;
  }
}
@media (min-width: 1920px) {
  .setChangeDays {
    width: 8.3333333333vw;
  }
}
.setChangeDays input {
  width: 100%;
  font-size: 14px;
  border: 1px solid rgba(6, 17, 32, 0.10196);
  padding: 3px 3px 3px 3px;
  margin-bottom: 0;
}
@media (min-width: 1920px) {
  .setChangeDays input {
    font-size: 0.7777777778vw;
  }
}
@media (min-width: 1920px) {
  .setChangeDays input {
    padding: 0.1666666667vw 0.1666666667vw 0.1666666667vw 0.1666666667vw;
  }
}
.setChangeDays input#datepicker {
  cursor: pointer;
}
.setChangeDays #changeDates {
  border: 0 none;
  cursor: pointer;
  width: 90px;
  position: absolute;
  right: 0;
  background: transparent;
  opacity: 0;
}
@media (min-width: 1920px) {
  .setChangeDays #changeDates {
    width: 5vw;
  }
}
.setChangeDays #selectOffers {
  font-size: 14px;
  width: 100%;
  overflow: hidden;
  padding: 7px 7px 7px 7px;
  border: 1px solid rgba(6, 17, 32, 0.10196);
  border-radius: 0;
}
@media (min-width: 1920px) {
  .setChangeDays #selectOffers {
    font-size: 0.7777777778vw;
  }
}
@media (min-width: 1920px) {
  .setChangeDays #selectOffers {
    padding: 0.3888888889vw 0.3888888889vw 0.3888888889vw 0.3888888889vw;
  }
}
@media (min-width: 888px) {
  .setChangeDays #selectOffers {
    text-align: left;
    transform: translateX(-8px);
  }
}

.changeDates {
  position: absolute;
  pointer-events: none;
  white-space: nowrap;
}
@media (min-width: 888px) {
  .changeDates {
    left: 0;
  }
}

.wp-block-gallery {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
body:not(.highUltraMobRes) .wp-block-gallery {
  border-radius: 14px;
  max-height: 34vw;
}
@media (min-width: 1920px) {
  body:not(.highUltraMobRes) .wp-block-gallery {
    border-radius: 0.7777777778vw;
  }
}
@media (min-width: 1920px) {
  body:not(.highUltraMobRes) .wp-block-gallery {
    max-height: 27vw;
  }
}
.wp-block-gallery figure {
  margin: 0;
  overflow: hidden;
}
.wp-block-gallery img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.wp-block-gallery a {
  display: block;
}
.wp-block-gallery .showAllPhotos {
  position: absolute;
  right: 20px;
  bottom: 20px;
  background: #fff url(../img/icons/all-photos.svg) 7% center no-repeat;
  pointer-events: none;
  padding: 10px 20px 10px 40px;
  font-weight: 700;
  font-size: 14px;
}
@media (min-width: 1920px) {
  .wp-block-gallery .showAllPhotos {
    font-size: 0.7777777778vw;
  }
}
body[class*=sales] .wp-block-gallery .showAllPhotos {
  background: #fff url(../img/icons/all-photos-sales.svg) 7% center no-repeat;
}
body[class*=volvo] .wp-block-gallery .showAllPhotos {
  background: #fff url(../img/icons/all-photos-volvo.svg) 7% center no-repeat;
}
@media (min-width: 1920px) {
  .wp-block-gallery .showAllPhotos {
    right: 1.1111111111vw;
    bottom: 1.1111111111vw;
    padding-right: 1.1111111111vw;
    padding-left: 2.2222222222vw;
  }
}

.photoGalleryInModal {
  columns: 1;
  column-gap: 0;
}
@media (min-width: 551px) {
  .photoGalleryInModal {
    columns: 2;
  }
}
@media (min-width: 769px) {
  .photoGalleryInModal {
    columns: 3;
  }
}
@media (min-width: 1024px) {
  .photoGalleryInModal {
    columns: 4;
  }
}
@media (min-width: 1530px) {
  .photoGalleryInModal {
    columns: 5;
  }
}
.photoGalleryInModal a {
  display: block;
}
.photoGalleryInModal a img {
  width: 100%;
}
.photoGalleryInModal .galleryItem {
  margin: 0px 2px 4px 2px;
}
@media (min-width: 1920px) {
  .photoGalleryInModal .galleryItem {
    margin: 0vw 0.1111111111vw 0.2222222222vw 0.1111111111vw;
  }
}

.gallery-filter {
  padding: 10px 0px 10px 0px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin-bottom: 15px;
  display: flex;
  justify-content: center;
}
@media (min-width: 1920px) {
  .gallery-filter {
    padding: 0.5555555556vw 0vw 0.5555555556vw 0vw;
  }
}
@media (min-width: 1920px) {
  .gallery-filter {
    margin-bottom: 0.8333333333vw;
  }
}
.gallery-filter a,
.gallery-filter div {
  font-size: 18px;
  display: inline-block;
  padding: 5px 5px 5px 5px;
  margin: 0px 10px 0px 10px;
  cursor: pointer;
}
@media (min-width: 1920px) {
  .gallery-filter a,
  .gallery-filter div {
    font-size: 1vw;
  }
}
@media (min-width: 1920px) {
  .gallery-filter a,
  .gallery-filter div {
    padding: 0.2777777778vw 0.2777777778vw 0.2777777778vw 0.2777777778vw;
  }
}
@media (min-width: 1920px) {
  .gallery-filter a,
  .gallery-filter div {
    margin: 0vw 0.5555555556vw 0vw 0.5555555556vw;
  }
}
.gallery-filter a.current,
.gallery-filter div.current {
  font-weight: 700;
}

.highUltraMobRes.page-template-page-detail-charter .boatDetailTopPageWrapper, .highUltraMobRes.page-detail-charter .boatDetailTopPageWrapper {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas: "Section_1" "Section_2" "Section_3";
}
.highUltraMobRes.page-template-page-detail-charter .boatDetailTopPageWrapper h1, .highUltraMobRes.page-detail-charter .boatDetailTopPageWrapper h1 {
  grid-area: Section_2;
  margin-top: 20px;
}
.highUltraMobRes.page-template-page-detail-charter .boatDetailTopPageWrapper .baseInfo, .highUltraMobRes.page-detail-charter .boatDetailTopPageWrapper .baseInfo {
  grid-area: Section_3;
}
.highUltraMobRes.page-detail-sales .boatDetailTopPageWrapper {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas: "Section_1" "Section_2";
}
.highUltraMobRes.page-detail-sales .boatDetailTopPageWrapper h1 {
  grid-area: Section_2;
  margin-top: 20px;
}
.highUltraMobRes.page-detail-sales .boatDetailTopPageWrapper .wp-block-gallery {
  grid-area: Section_1;
  margin-left: -15px;
  width: 100vw;
}
.highUltraMobRes.page-template-page-detail-charter .searchFormInHeaderHolderWrapper, .highUltraMobRes.page-detail-charter .searchFormInHeaderHolderWrapper, .highUltraMobRes.page-detail-sales .searchFormInHeaderHolderWrapper {
  position: absolute;
  width: 100%;
  z-index: 5;
  background-color: transparent;
}
.highUltraMobRes.page-template-page-detail-charter .boatDetail > .content, .highUltraMobRes.page-detail-charter .boatDetail > .content, .highUltraMobRes.page-detail-sales .boatDetail > .content {
  padding-top: 0;
}
.highUltraMobRes.page-template-page-detail-charter .searchFormInHeaderHolderWrapper .back, .highUltraMobRes.page-detail-charter .searchFormInHeaderHolderWrapper .back, .highUltraMobRes.page-detail-sales .searchFormInHeaderHolderWrapper .back {
  background: #fff;
  width: 44px;
  height: 44px;
  text-align: center;
  border-radius: 1000px;
  border: 6px solid rgba(255, 255, 255, 0.5);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.highUltraMobRes.page-template-page-detail-charter .boatDetail .boatCardDetail .boatInfoItems, .highUltraMobRes.page-detail-charter .boatDetail .boatCardDetail .boatInfoItems, .highUltraMobRes.page-detail-sales .boatDetail .boatCardDetail .boatInfoItems {
  margin: 20px 0 0 0;
}
.highUltraMobRes.page-template-page-detail-charter .boatDetail .baseInfo, .highUltraMobRes.page-detail-charter .boatDetail .baseInfo, .highUltraMobRes.page-detail-sales .boatDetail .baseInfo {
  padding-bottom: 10px;
}
.highUltraMobRes.page-template-page-detail-charter .boatDetail .boatCardDetail .boatInfoItems div, .highUltraMobRes.page-detail-charter .boatDetail .boatCardDetail .boatInfoItems div, .highUltraMobRes.page-detail-sales .boatDetail .boatCardDetail .boatInfoItems div {
  margin-bottom: 20px;
}
.highUltraMobRes .wp-block-gallery {
  grid-area: Section_1;
  margin-left: -15px;
  width: 100vw;
}
.highUltraMobRes .wp-block-gallery .owl-stage-outer {
  height: 56.5vw !important;
}
.highUltraMobRes .wp-block-gallery figure:not(#individual-image) {
  width: unset !important;
  border-radius: unset !important;
  height: 100%;
}

.sliderCounter {
  position: absolute;
  transform: translateY(-3vw);
  right: 6px;
  bottom: 0;
  color: #fff;
  padding: 0px 5px;
  background-color: rgba(0, 0, 0, 0.2);
  font-size: 14px;
}

a[data-lightbox=gallery] img {
  width: 100%;
}

.halfImageHalfText {
  padding-bottom: 40px;
  gap: 0 !important;
}
@media (min-width: 1920px) {
  .halfImageHalfText {
    padding-bottom: 2.2222222222vw;
  }
}
@media (min-width: 769px) {
  .halfImageHalfText {
    gap: 2em !important;
  }
}
@media (min-width: 960px) {
  .halfImageHalfText .wp-container-2:not(:has(img)),
  .halfImageHalfText .wp-block-column:not(:has(img)) {
    display: flex;
    justify-content: center;
  }
}
.halfImageHalfText img {
  width: 100%;
}
.halfImageHalfText.sizeBig {
  font-size: 24px;
}
@media (min-width: 1920px) {
  .halfImageHalfText.sizeBig {
    font-size: 1.3333333333vw;
  }
}
.halfImageHalfText.sizeBig h1 {
  font-size: 56px;
  margin: 0px 0px 20px 0px;
}
@media (min-width: 1920px) {
  .halfImageHalfText.sizeBig h1 {
    font-size: 3.1111111111vw;
  }
}
@media (min-width: 1920px) {
  .halfImageHalfText.sizeBig h1 {
    margin: 0vw 0vw 1.1111111111vw 0vw;
  }
}
.halfImageHalfText.sizeBig p {
  font-size: 24px;
}
@media (min-width: 1920px) {
  .halfImageHalfText.sizeBig p {
    font-size: 1.3333333333vw;
  }
}
@media (min-width: 781px) {
  .halfImageHalfText.sizeBig figure {
    margin-right: 40px;
  }
}
@media (min-width: 1920px) {
  .halfImageHalfText.sizeBig figure {
    margin-right: 2.2222222222vw;
  }
}
.halfImageHalfText h2 {
  margin-bottom: 30px;
}
@media (min-width: 1920px) {
  .halfImageHalfText h2 {
    margin-bottom: 1.6666666667vw;
  }
}
.halfImageHalfText .wp-block-column {
  justify-content: center;
}
.halfImageHalfText .wp-block-column h2 {
  margin-bottom: 30px;
}
@media (min-width: 1920px) {
  .halfImageHalfText .wp-block-column h2 {
    margin-bottom: 1.6666666667vw;
  }
}

.threeColorBoxes .wp-block-column {
  background-color: #F4F5F7;
  border-radius: 14px;
  padding: 30px 30px 30px 30px;
}
@media (min-width: 1920px) {
  .threeColorBoxes .wp-block-column {
    border-radius: 0.7777777778vw;
  }
}
@media (min-width: 1920px) {
  .threeColorBoxes .wp-block-column {
    padding: 1.6666666667vw 1.6666666667vw 1.6666666667vw 1.6666666667vw;
  }
}
.threeColorBoxes h2, .threeColorBoxes h3 {
  margin-top: 0;
  font-size: 24px;
}
@media (min-width: 1920px) {
  .threeColorBoxes h2, .threeColorBoxes h3 {
    font-size: 1.3333333333vw;
  }
}

.whynavacharter .threeColorBoxes .wp-block-column {
  padding-top: 110px;
}
@media (min-width: 1920px) {
  .whynavacharter .threeColorBoxes .wp-block-column {
    padding-top: 6.1111111111vw;
  }
}
.whynavacharter .threeColorBoxes .wp-block-column.bareboat {
  background: #F5F5F5 url(../img/icons/sailingboat_icon.svg) center 10% no-repeat;
}
.whynavacharter .threeColorBoxes .wp-block-column.crewed {
  background: #F5F5F5 url(../img/icons/captain_icon.svg) center 10% no-repeat;
}
.whynavacharter .threeColorBoxes .wp-block-column.packages {
  background: #F5F5F5 url(../img/icons/lifebuoy_icon.svg) center 10% no-repeat;
}
.whynavacharter .threeColorBoxes h3 {
  text-align: center;
  font-size: 24px;
  margin-bottom: 30px;
}
@media (min-width: 1920px) {
  .whynavacharter .threeColorBoxes h3 {
    font-size: 1.3333333333vw;
  }
}
@media (min-width: 1920px) {
  .whynavacharter .threeColorBoxes h3 {
    margin-bottom: 1.6666666667vw;
  }
}

.baseMainContentWrapper {
  display: grid;
  grid-template-areas: "wp-block-gallery" "baseSidePart" "baseInfoTextsUpper" "baseInfoTextsBottom" "baseLists";
  grid-auto-flow: row;
  grid-template-columns: 100%;
  grid-template-rows: 1fr;
}
.baseMainContentWrapper .wp-block-gallery {
  grid-area: wp-block-gallery;
}
.baseMainContentWrapper .baseInfoTextsUpper {
  grid-area: baseInfoTextsUpper;
  padding-top: 30px;
}
.baseMainContentWrapper .baseInfoTextsBottom {
  grid-area: baseInfoTextsBottom;
}
.baseMainContentWrapper .baseLists {
  grid-area: baseLists;
}
.baseMainContentWrapper .baseSidePart {
  grid-area: baseSidePart;
}
@media (min-width: 960px) {
  .baseMainContentWrapper {
    grid-template-columns: 1fr 30%;
    grid-template-rows: auto;
    gap: 0px 50px;
    grid-auto-flow: row;
    grid-template-areas: "wp-block-gallery wp-block-gallery" "baseInfoTextsUpper baseSidePart" "baseInfoTextsBottom baseSidePart" "baseLists baseLists";
  }
  .baseMainContentWrapper .baseInfoTextsUpper {
    padding-top: unset;
  }
}
.baseMainContentWrapper .baseInfoTextsBottom ul {
  column-count: 2;
  column-gap: 5vw;
  max-width: 600px;
}
@media (min-width: 1920px) {
  .baseMainContentWrapper .baseInfoTextsBottom ul {
    max-width: 33.3333333333vw;
  }
}
.baseMainContentWrapper .baseSidePart {
  background-color: rgba(244, 245, 247, 0.5);
  font-size: 16px;
  border-radius: 14px;
}
@media (min-width: 1920px) {
  .baseMainContentWrapper .baseSidePart {
    font-size: 0.8888888889vw;
  }
}
@media (min-width: 1920px) {
  .baseMainContentWrapper .baseSidePart {
    border-radius: 0.7777777778vw;
  }
}
.baseMainContentWrapper .baseSidePart h2 {
  font-size: 24px;
}
@media (min-width: 1920px) {
  .baseMainContentWrapper .baseSidePart h2 {
    font-size: 1.3333333333vw;
  }
}
.baseMainContentWrapper .baseSidePart .sideBaseContact {
  padding: 20px 0px 20px 0px;
}
@media (min-width: 1920px) {
  .baseMainContentWrapper .baseSidePart .sideBaseContact {
    padding: 1.1111111111vw 0vw 1.1111111111vw 0vw;
  }
}
.baseMainContentWrapper .baseSidePart a {
  display: block;
  font-weight: 600;
  text-decoration: underline;
  margin-bottom: 10px;
}
@media (min-width: 1920px) {
  .baseMainContentWrapper .baseSidePart a {
    margin-bottom: 0.5555555556vw;
  }
}
.baseMainContentWrapper .baseSidePart iframe {
  width: 100%;
  border-radius: 14px;
}
@media (min-width: 1920px) {
  .baseMainContentWrapper .baseSidePart iframe {
    border-radius: 0.7777777778vw;
  }
}
.baseMainContentWrapper .baseSidePart .baseDistances {
  margin: 0;
  padding: 30px 0px 30px 0px;
}
@media (min-width: 1920px) {
  .baseMainContentWrapper .baseSidePart .baseDistances {
    padding: 1.6666666667vw 0vw 1.6666666667vw 0vw;
  }
}
.baseMainContentWrapper .baseSidePart .baseDistances li {
  list-style: none;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
@media (min-width: 1920px) {
  .baseMainContentWrapper .baseSidePart .baseDistances li {
    margin-bottom: 0.5555555556vw;
  }
}
@media (min-width: 1920px) {
  .baseMainContentWrapper .baseSidePart .baseDistances li {
    padding-bottom: 0.5555555556vw;
  }
}
.baseMainContentWrapper .baseSidePart .baseDistances li:not(:last-of-type) {
  border-bottom: 1px solid rgba(6, 17, 32, 0.1019607843);
}
@media (min-width: 1920px) {
  .baseMainContentWrapper .baseSidePart .baseDistances li {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
}
.baseMainContentWrapper .baseSidePart .baseDistances li div {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.baseMainContentWrapper .baseSidePart .baseDistances li span {
  padding-right: 10px;
}
@media (min-width: 1920px) {
  .baseMainContentWrapper .baseSidePart .baseDistances li span {
    padding-right: 0.5555555556vw;
  }
}
.baseMainContentWrapper .baseSidePart .baseDistances li a {
  flex: 1;
}
.baseMainContentWrapper .baseSidePart .baseDistances span {
  display: block;
  white-space: nowrap;
  padding-right: 10px;
}
@media (min-width: 1920px) {
  .baseMainContentWrapper .baseSidePart .baseDistances span {
    padding-right: 0.5555555556vw;
  }
}
@media (min-width: 1530px) {
  .baseMainContentWrapper .baseSidePart .baseDistances span {
    padding-right: unset;
  }
}
.baseMainContentWrapper .baseSidePart .baseDistances .distanceValue {
  font-size: 22px;
  color: #62717a;
  text-align: left;
  font-weight: 700;
}
@media (min-width: 1920px) {
  .baseMainContentWrapper .baseSidePart .baseDistances .distanceValue {
    font-size: 1.2222222222vw;
  }
}
.baseMainContentWrapper .baseSidePart .baseDistances .distanceLabel {
  text-align: left;
}
.baseMainContentWrapper .baseSidePart .baseDistances .distanceLabelSeparator {
  text-align: center;
}
.baseMainContentWrapper .baseSidePart .baseDistances .distanceMapUrl {
  font-size: 10px;
  color: #0091ff;
  margin: 0;
  text-decoration: none;
  white-space: nowrap;
}
@media (min-width: 1920px) {
  .baseMainContentWrapper .baseSidePart .baseDistances .distanceMapUrl {
    font-size: 0.5555555556vw;
  }
}
@media (min-width: 1920px) {
  .baseMainContentWrapper .baseSidePart .baseDistances .distanceMapUrl {
    text-align: right;
  }
}

.basesSection {
  position: relative;
}
.basesSection .basesIntro {
  margin-bottom: 30px;
}
@media (min-width: 1920px) {
  .basesSection .basesIntro {
    margin-bottom: 1.6666666667vw;
  }
}
.basesSection .basesIntro .basesText {
  display: none;
}
@media (min-width: 1024px) {
  .basesSection .basesIntro .basesText {
    display: block;
    max-width: none;
  }
}
.basesSection .basesMapCol {
  margin-bottom: 70px;
}
@media (min-width: 1920px) {
  .basesSection .basesMapCol {
    margin-bottom: 3.8888888889vw;
  }
}
@media (min-width: 1024px) {
  .basesSection .basesMapCol {
    flex: 1.5 1 0;
    align-self: flex-start;
    margin-bottom: 0;
  }
}
@media (min-width: 1024px) {
  .basesSection .basesLayout {
    display: flex;
    align-items: stretch;
    gap: 40px;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .basesSection .basesLayout {
    gap: 2.2222222222vw;
  }
}
.basesSection .basesMap {
  position: relative;
  width: 100%;
  aspect-ratio: 601/590;
  background: url(../img/redesign/map_of_Croatia.svg) center/contain no-repeat;
}
.basesSection .mapPin {
  position: absolute;
  transform: translate(-50%, -100%);
  transform-origin: bottom center;
  transition: transform 0.2s ease;
  display: block;
  width: 17px;
  z-index: 1;
}
@media (min-width: 1920px) {
  .basesSection .mapPin {
    width: 0.9444444444vw;
  }
}
.basesSection .mapPin .pinGraphic,
.basesSection .mapPin .pinSvg {
  display: block;
  width: 100%;
  height: auto;
}
.basesSection .mapPin .pinGraphic {
  transform-origin: bottom center;
  transition: transform 0.2s ease;
}
.basesSection .mapPin .pinSvg {
  overflow: visible;
}
.basesSection .mapPin .pinDot {
  fill: #0A0D4A;
}
.basesSection .mapPin .pinLabel {
  position: absolute;
  left: 100%;
  top: 40%;
  transform: translateY(-50%);
  white-space: nowrap;
  padding-left: 6px;
  font-size: 14px;
  font-weight: 400;
  color: #0A0D4A;
}
@media (min-width: 1920px) {
  .basesSection .mapPin .pinLabel {
    padding-left: 0.3333333333vw;
  }
}
@media (min-width: 1920px) {
  .basesSection .mapPin .pinLabel {
    font-size: 0.7777777778vw;
  }
}
.basesSection .mapPin.is-left .pinLabel {
  left: auto;
  right: 100%;
  padding-left: 0;
  padding-right: 6px;
}
@media (min-width: 1920px) {
  .basesSection .mapPin.is-left .pinLabel {
    padding-right: 0.3333333333vw;
  }
}
.basesSection .mapPin:hover {
  z-index: 2;
}
@media (hover: hover) {
  .basesSection .mapPin:hover .pinGraphic {
    transform: scale(2);
  }
}
.basesSection .mapPin.office .pinBody {
  fill: #96BEF9;
  fill-opacity: 0.4;
  stroke: #96BEF9;
}
.basesSection .mapPin.office:hover .pinBody, .basesSection .mapPin.office.is-active .pinBody {
  fill-opacity: 1;
  stroke: #0A0D4A;
}
.basesSection .mapPin.partner {
  cursor: pointer;
}
.basesSection .mapPin.partner .pinBody {
  fill: #F5F5F5;
  stroke: #0A0D4A;
}
.basesSection .mapPin.partner.is-active .pinBody {
  fill: #96BEF9;
  fill-opacity: 0.4;
}
.basesSection .basesCol {
  position: relative;
  margin-bottom: 70px;
}
@media (min-width: 1920px) {
  .basesSection .basesCol {
    margin-bottom: 3.8888888889vw;
  }
}
@media (min-width: 1024px) {
  .basesSection .basesCol {
    flex: 1 1 0;
    min-width: 0;
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    border-left: 1px solid #C69C6D;
    padding-left: 40px;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .basesSection .basesCol {
    padding-left: 2.2222222222vw;
  }
}
.basesSection .colLabel {
  display: none;
}
@media (min-width: 1024px) {
  .basesSection .colLabel {
    display: block;
    align-self: flex-start;
    writing-mode: vertical-rl;
    transform: translateX(-7px) rotate(180deg);
    margin-bottom: 16px;
    white-space: nowrap;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    color: rgba(0, 0, 60, 0.6);
    font-family: "Carbona", sans-serif;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .basesSection .colLabel {
    margin-bottom: 0.8888888889vw;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .basesSection .colLabel {
    font-size: 0.6666666667vw;
  }
}
.basesSection .baseArea {
  display: block;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 13px;
  color: rgba(0, 0, 60, 0.6);
  margin-bottom: 8px;
}
@media (min-width: 1920px) {
  .basesSection .baseArea {
    font-size: 0.7222222222vw;
  }
}
@media (min-width: 1920px) {
  .basesSection .baseArea {
    margin-bottom: 0.4444444444vw;
  }
}
.basesSection .officeHeader {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 0;
  background: none;
  border: 0;
  padding: 16px 0px 16px 0px;
  text-align: left;
  cursor: pointer;
  gap: 10px;
}
@media (min-width: 1920px) {
  .basesSection .officeHeader {
    padding: 0.8888888889vw 0vw 0.8888888889vw 0vw;
  }
}
@media (min-width: 1920px) {
  .basesSection .officeHeader {
    gap: 0.5555555556vw;
  }
}
.basesSection .officeTitle {
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  font-family: "Carbona", sans-serif;
  color: #0A0D4A;
}
@media (min-width: 1920px) {
  .basesSection .officeTitle {
    font-size: 1.1111111111vw;
  }
}
.basesSection .officeChevron {
  display: none;
  flex: 0 0 auto;
  width: 9px;
  height: 9px;
  margin-right: 4px;
  border-right: 2px solid #0A0D4A;
  border-bottom: 2px solid #0A0D4A;
  transform: rotate(45deg);
  transition: transform 0.2s ease;
}
.basesSection .officeAddress {
  font-size: 15px;
  color: #0A0D4A;
  margin-bottom: 10px;
}
@media (min-width: 1920px) {
  .basesSection .officeAddress {
    font-size: 0.8333333333vw;
  }
}
@media (min-width: 1920px) {
  .basesSection .officeAddress {
    margin-bottom: 0.5555555556vw;
  }
}
.basesSection .officeContact {
  margin-bottom: 14px;
}
@media (min-width: 1920px) {
  .basesSection .officeContact {
    margin-bottom: 0.7777777778vw;
  }
}
.basesSection .officeContact a {
  display: block;
  font-size: 15px;
  color: #0A0D4A;
  text-decoration: none;
}
@media (min-width: 1920px) {
  .basesSection .officeContact a {
    font-size: 0.8333333333vw;
  }
}
.basesSection .officeContact a:hover {
  text-decoration: underline;
}
.basesSection .officeMore {
  margin-bottom: 0;
}
.basesSection .officeImage,
.basesSection .officesMedia,
.basesSection .partnerImage {
  margin: 0;
  overflow: hidden;
  aspect-ratio: 16/9;
}
.basesSection .officeImage img,
.basesSection .officesMedia img,
.basesSection .partnerImage img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.basesSection .officeImage {
  margin-top: 14px;
}
@media (min-width: 1920px) {
  .basesSection .officeImage {
    margin-top: 0.7777777778vw;
  }
}
.basesSection .officesMedia {
  display: none;
}
@media (min-width: 1024px) {
  .basesSection .officeItem {
    border-bottom: 1px solid #C69C6D;
  }
  .basesSection .officeChevron {
    display: block;
  }
  .basesSection .officeBody {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.4s ease;
  }
  .basesSection .officeBody-inner {
    overflow: hidden;
    min-height: 0;
  }
  .basesSection .officeBody-inner > :last-child {
    margin-bottom: 80px;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .basesSection .officeBody-inner > :last-child {
    margin-bottom: 4.4444444444vw;
  }
}
@media (min-width: 1024px) {
  .basesSection .officeBody-inner .officeMore {
    margin-top: 0;
    margin-bottom: 40px;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .basesSection .officeBody-inner .officeMore {
    margin-bottom: 2.2222222222vw;
  }
}
@media (min-width: 1024px) {
  .basesSection .officeItem.is-open .officeBody {
    grid-template-rows: 1fr;
  }
  .basesSection .officeChevron {
    transition: transform 0.3s ease;
  }
  .basesSection .officeItem.is-open .officeChevron {
    transform: rotate(-135deg);
  }
  .basesSection .officeImage {
    display: none;
  }
  .basesSection .officesMedia {
    display: block;
    margin-top: auto;
  }
  .basesSection .partnersCarousel {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    margin-top: 30px;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .basesSection .partnersCarousel {
    margin-top: 1.6666666667vw;
  }
}
@media (min-width: 1024px) {
  .basesSection .partnersCarousel .owl-stage-outer {
    flex: 1 1 auto;
  }
  .basesSection .partnersCarousel .owl-stage,
  .basesSection .partnersCarousel .owl-item {
    height: 100%;
  }
  .basesSection .partnersCarousel .partnerItem {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  .basesSection .partnersCarousel .partnerContent {
    flex: 0 0 auto;
  }
  .basesSection .partnersCarousel .partnerImage {
    margin-top: auto;
  }
}
.basesSection .partnerTitle {
  display: block;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  font-family: "Carbona", sans-serif;
  color: #0A0D4A;
  margin-bottom: 10px;
}
@media (min-width: 1920px) {
  .basesSection .partnerTitle {
    font-size: 1.1111111111vw;
  }
}
@media (min-width: 1920px) {
  .basesSection .partnerTitle {
    margin-bottom: 0.5555555556vw;
  }
}
@media (min-width: 1024px) {
  .basesSection .partnerTitle {
    margin-bottom: 0;
  }
  .basesSection .partnerTitle::after {
    content: "";
    display: block;
    width: 43px;
    height: 4px;
    margin-top: 18px;
    margin-bottom: 18px;
    background-color: #96BEF9;
    -webkit-mask: url("../img/icons/waves.svg") no-repeat center/contain;
    mask: url("../img/icons/waves.svg") no-repeat center/contain;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .basesSection .partnerTitle::after {
    width: 2.3888888889vw;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .basesSection .partnerTitle::after {
    margin-top: 1vw;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .basesSection .partnerTitle::after {
    margin-bottom: 1vw;
  }
}
.basesSection .partnerText {
  font-size: 15px;
  color: #0A0D4A;
}
@media (min-width: 1920px) {
  .basesSection .partnerText {
    font-size: 0.8333333333vw;
  }
}
.basesSection .partnerText p:last-child {
  margin-bottom: 0;
}
.basesSection .partnerImage {
  margin-top: 16px;
}
@media (min-width: 1920px) {
  .basesSection .partnerImage {
    margin-top: 0.8888888889vw;
  }
}
.basesSection .partnersCarousel {
  position: relative;
  padding-top: 46px;
}
@media (min-width: 1920px) {
  .basesSection .partnersCarousel {
    padding-top: 2.5555555556vw;
  }
}
.basesSection .partnersCarousel .owl-dots {
  position: absolute;
  top: 10px;
  left: 0;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 6px;
}
@media (min-width: 1920px) {
  .basesSection .partnersCarousel .owl-dots {
    gap: 0.3333333333vw;
  }
}
.basesSection .partnersCarousel .owl-dot span {
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #96BEF9;
  transition: background 0.2s ease;
}
.basesSection .partnersCarousel .owl-dot.active span {
  background: #0A0D4A;
}
.basesSection .partnersCarousel .owl-nav {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  display: flex;
  gap: 8px;
}
@media (min-width: 1920px) {
  .basesSection .partnersCarousel .owl-nav {
    gap: 0.4444444444vw;
  }
}
.basesSection .partnersCarousel .owl-nav .owl-prev,
.basesSection .partnersCarousel .owl-nav .owl-next {
  display: block;
  width: 26px;
  height: 26px;
  margin: 0;
  padding: 0;
  background: none;
  border: 0;
  position: relative;
  cursor: pointer;
}
.basesSection .partnersCarousel .owl-nav .owl-prev::before,
.basesSection .partnersCarousel .owl-nav .owl-next::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  border-top: 2px solid #0A0D4A;
  border-right: 2px solid #0A0D4A;
}
.basesSection .partnersCarousel .owl-nav .owl-prev.disabled,
.basesSection .partnersCarousel .owl-nav .owl-next.disabled {
  opacity: 0.3;
  cursor: default;
}
.basesSection .partnersCarousel .owl-nav .owl-prev::before {
  transform: translate(-30%, -50%) rotate(-135deg);
}
.basesSection .partnersCarousel .owl-nav .owl-next::before {
  transform: translate(-70%, -50%) rotate(45deg);
}
@media (max-width: 1023px) {
  .basesSection .officeItem,
  .basesSection .partnerItem {
    background: #F5F5F5;
    border: 1px solid rgba(198, 156, 109, 0.2);
    box-shadow: 0 4px 5px rgba(10, 13, 74, 0.1);
    overflow: hidden;
    margin-right: 5px;
  }
  .basesSection .officeHeader {
    padding: 20px 20px 16px 20px;
  }
}
@media (max-width: 1023px) and (min-width: 1920px) {
  .basesSection .officeHeader {
    padding: 1.1111111111vw 1.1111111111vw 0.8888888889vw 1.1111111111vw;
  }
}
@media (max-width: 1023px) {
  .basesSection .officeBody {
    padding: 0px 20px 0px 20px;
  }
}
@media (max-width: 1023px) and (min-width: 1920px) {
  .basesSection .officeBody {
    padding: 0vw 1.1111111111vw 0vw 1.1111111111vw;
  }
}
@media (max-width: 1023px) {
  .basesSection .officeImage {
    margin-left: -20px;
    margin-right: -20px;
    width: auto;
    margin-top: 20px;
    margin-bottom: 0;
  }
}
@media (max-width: 1023px) and (min-width: 1920px) {
  .basesSection .officeImage {
    margin-left: -1.1111111111vw;
  }
}
@media (max-width: 1023px) and (min-width: 1920px) {
  .basesSection .officeImage {
    margin-right: -1.1111111111vw;
  }
}
@media (max-width: 1023px) and (min-width: 1920px) {
  .basesSection .officeImage {
    margin-top: 1.1111111111vw;
  }
}
@media (max-width: 1023px) {
  .basesSection .partnerContent {
    padding: 20px 20px 0px 20px;
  }
}
@media (max-width: 1023px) and (min-width: 1920px) {
  .basesSection .partnerContent {
    padding: 1.1111111111vw 1.1111111111vw 0vw 1.1111111111vw;
  }
}
@media (max-width: 1023px) {
  .basesSection .partnerImage {
    margin-top: 20px;
    margin-bottom: 0;
  }
}
@media (max-width: 1023px) and (min-width: 1920px) {
  .basesSection .partnerImage {
    margin-top: 1.1111111111vw;
  }
}
@media (max-width: 1023px) {
  .basesSection .officesAccordion {
    position: relative;
    padding-top: 46px;
  }
}
@media (max-width: 1023px) and (min-width: 1920px) {
  .basesSection .officesAccordion {
    padding-top: 2.5555555556vw;
  }
}
@media (max-width: 1023px) {
  .basesSection .officesAccordion .owl-dots {
    position: absolute;
    top: 10px;
    left: 0;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 6px;
  }
}
@media (max-width: 1023px) and (min-width: 1920px) {
  .basesSection .officesAccordion .owl-dots {
    gap: 0.3333333333vw;
  }
}
@media (max-width: 1023px) {
  .basesSection .officesAccordion .owl-dot span {
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #96BEF9;
    transition: background 0.2s ease;
  }
  .basesSection .officesAccordion .owl-dot.active span {
    background: #0A0D4A;
  }
  .basesSection .officesAccordion .owl-nav {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    display: flex;
    gap: 8px;
  }
}
@media (max-width: 1023px) and (min-width: 1920px) {
  .basesSection .officesAccordion .owl-nav {
    gap: 0.4444444444vw;
  }
}
@media (max-width: 1023px) {
  .basesSection .officesAccordion .owl-nav .owl-prev,
  .basesSection .officesAccordion .owl-nav .owl-next {
    display: block;
    width: 26px;
    height: 26px;
    margin: 0;
    padding: 0;
    background: none;
    border: 0;
    position: relative;
    cursor: pointer;
  }
  .basesSection .officesAccordion .owl-nav .owl-prev::before,
  .basesSection .officesAccordion .owl-nav .owl-next::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    border-top: 2px solid #0A0D4A;
    border-right: 2px solid #0A0D4A;
  }
  .basesSection .officesAccordion .owl-nav .owl-prev.disabled,
  .basesSection .officesAccordion .owl-nav .owl-next.disabled {
    opacity: 0.3;
    cursor: default;
  }
  .basesSection .officesAccordion .owl-nav .owl-prev::before {
    transform: translate(-30%, -50%) rotate(-135deg);
  }
  .basesSection .officesAccordion .owl-nav .owl-next::before {
    transform: translate(-70%, -50%) rotate(45deg);
  }
  .basesSection .officesAccordion .owl-stage-outer,
  .basesSection .partnersCarousel .owl-stage-outer {
    overflow: visible;
  }
  .basesSection .officesAccordion .owl-dots,
  .basesSection .partnersCarousel .owl-dots {
    padding-left: 20px;
  }
}
@media (max-width: 1023px) and (min-width: 1920px) {
  .basesSection .officesAccordion .owl-dots,
  .basesSection .partnersCarousel .owl-dots {
    padding-left: 1.1111111111vw;
  }
}
@media (max-width: 1023px) {
  .basesSection .officesAccordion .owl-nav,
  .basesSection .partnersCarousel .owl-nav {
    display: none;
  }
}

.singleBasesSection {
  display: none;
}
@media (min-width: 769px) {
  .singleBasesSection {
    display: block;
  }
}
.singleBasesSection .item {
  display: flex;
}
.singleBasesSection .baseThumb {
  display: block;
  width: 50%;
  border-radius: 14px;
  overflow: hidden;
}
@media (min-width: 1920px) {
  .singleBasesSection .baseThumb {
    border-radius: 0.7777777778vw;
  }
}
.singleBasesSection .baseThumb img {
  width: 100%;
  object-fit: cover;
}
.singleBasesSection .baseData {
  width: 50%;
  padding-left: 60px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (min-width: 1920px) {
  .singleBasesSection .baseData {
    padding-left: 3.3333333333vw;
  }
}
.singleBasesSection .baseData .baseTitle {
  font-size: 32px;
  display: block;
  margin-bottom: 12px;
  font-weight: 700;
}
@media (min-width: 1920px) {
  .singleBasesSection .baseData .baseTitle {
    font-size: 1.7777777778vw;
  }
}
@media (min-width: 1920px) {
  .singleBasesSection .baseData .baseTitle {
    margin-bottom: 0.6666666667vw;
  }
}
.singleBasesSection .baseData .baseArea {
  font-size: 16px;
  color: rgba(0, 0, 60, 0.6);
  display: block;
  margin-bottom: 16px;
}
@media (min-width: 1920px) {
  .singleBasesSection .baseData .baseArea {
    font-size: 0.8888888889vw;
  }
}
@media (min-width: 1920px) {
  .singleBasesSection .baseData .baseArea {
    margin-bottom: 0.8888888889vw;
  }
}
.singleBasesSection .baseData .baseContent {
  font-size: 20px;
  color: #62717a;
}
@media (min-width: 1920px) {
  .singleBasesSection .baseData .baseContent {
    font-size: 1.1111111111vw;
  }
}
.singleBasesSection .slider.simple .owl-next {
  right: 50%;
  transform: translate(315%, 0%);
  top: 0;
}
@media (min-width: 1920px) {
  .singleBasesSection .slider.simple .owl-next {
    transform: translate(355%, 0);
  }
}
.singleBasesSection .slider.simple .owl-prev {
  left: unset;
  right: 50%;
  transform: translate(182%, 0%);
  top: 0;
}
@media (min-width: 1920px) {
  .singleBasesSection .slider.simple .owl-prev {
    transform: translate(222%, 0);
  }
}

.singlebase.slider.simple {
  display: none;
}
@media (min-width: 1024px) {
  .singlebase.slider.simple {
    display: block;
  }
}
.singlebase.slider.simple h3 {
  font-size: 32px;
}
@media (min-width: 1920px) {
  .singlebase.slider.simple h3 {
    font-size: 1.6666666667vw;
  }
}
.singlebase.slider.simple p {
  color: #62717a;
  margin: 0px 0px 20px 0px;
}
@media (min-width: 1920px) {
  .singlebase.slider.simple p {
    margin: 0vw 0vw 1.1111111111vw 0vw;
  }
}
.singlebase.slider.simple p.subtitle {
  margin: 0;
  transform: translate(0px, -23px);
  font-size: 17px;
}
@media (min-width: 1920px) {
  .singlebase.slider.simple p.subtitle {
    font-size: 0.8333333333vw;
    transform: translate(0px, -1.2777777778vw);
  }
}
.singlebase.slider.simple figure {
  margin: 0;
  overflow: hidden;
  border-radius: 14px;
}
@media (min-width: 1920px) {
  .singlebase.slider.simple figure {
    border-radius: 0.7777777778vw;
  }
}
.singlebase.slider.simple .owl-next {
  right: 50%;
  transform: translate(261%, 0%);
  top: 0;
}
.singlebase.slider.simple .owl-prev {
  left: unset;
  right: 50%;
  transform: translate(135%, 0%);
  top: 0;
}
.singlebase.slider.simple .halfImageHalfText {
  grid-gap: 3em !important;
  gap: 3em !important;
}

.wp-block-group.alignfull .basesSection {
  max-width: 80%;
  padding-top: 70px;
}
@media (min-width: 1920px) {
  .wp-block-group.alignfull .basesSection {
    padding-top: 3.8888888889vw;
  }
}
.wp-block-group.alignfull .basesSection h2 {
  display: none;
}

.ourBasesMapWrapper {
  position: relative;
}
.ourBasesMapWrapper .sidePart {
  border: 1px solid rgba(6, 17, 32, 0.1019607843);
  border-radius: 14px;
  padding: 20px 20px 20px 20px;
  margin-top: 78px;
}
@media (min-width: 800px) {
  .ourBasesMapWrapper .sidePart {
    position: absolute;
    top: 0;
    right: 2vw;
  }
}
@media (min-width: 1600px) {
  .ourBasesMapWrapper .sidePart {
    right: 20%;
  }
}
@media (min-width: 1920px) {
  .ourBasesMapWrapper .sidePart {
    border-radius: 0.7777777778vw;
  }
}
@media (min-width: 1920px) {
  .ourBasesMapWrapper .sidePart {
    padding: 1.1111111111vw 1.1111111111vw 1.1111111111vw 1.1111111111vw;
  }
}
@media (min-width: 1920px) {
  .ourBasesMapWrapper .sidePart {
    margin-top: 4.3333333333vw;
  }
}
.ourBasesMapWrapper .sidePart h3 {
  font-size: 16px;
  margin: 0px 0px 10px 0px;
}
@media (min-width: 1920px) {
  .ourBasesMapWrapper .sidePart h3 {
    font-size: 0.8888888889vw;
  }
}
@media (min-width: 1920px) {
  .ourBasesMapWrapper .sidePart h3 {
    margin: 0vw 0vw 0.5555555556vw 0vw;
  }
}
.ourBasesMapWrapper .sidePart ul {
  padding-left: 3px;
}
@media (min-width: 1920px) {
  .ourBasesMapWrapper .sidePart ul {
    padding-left: 0.1666666667vw;
  }
}
.ourBasesMapWrapper .sidePart ul li {
  font-size: 16px;
  list-style: none;
}
@media (min-width: 1920px) {
  .ourBasesMapWrapper .sidePart ul li {
    font-size: 0.8888888889vw;
  }
}
.ourBasesMapWrapper .sidePart ul li:before {
  content: "— ";
}
.ourBasesMapWrapper .sidePart .bttn {
  font-size: 16px;
}
@media (min-width: 1920px) {
  .ourBasesMapWrapper .sidePart .bttn {
    font-size: 0.8888888889vw;
  }
}

.pinTitle {
  line-height: 2;
}

.mapHolder.serviceNetwork {
  position: relative;
  background-image: url(../img/dalmatia.svg);
  background-size: contain;
  background-position: left top;
  background-repeat: no-repeat;
  height: 100vw;
  min-height: 850px;
  max-height: 850px;
  width: 1200px;
}
@media (min-width: 1920px) {
  .mapHolder.serviceNetwork {
    max-height: 47.222vw;
    width: 66.666vw;
  }
}
.mapHolder.serviceNetwork .mapPin {
  position: absolute;
  display: block;
  padding-top: 32px;
  background: url(../img/mappin_darkblue.svg) center top no-repeat;
  background-size: 24px;
  text-align: center;
  transition: transform 0.2s;
  /*&.zadar { // scale 0.5
      left: 15%;
      top: 10%;
    }

    &.biograd {
      left: 18%;
      top: 16%;
    }

    &.murter {
      left: 21%;
      top: 19%;
    }

    &.tribunj {
      left: 24%;
      top: 21%;
    }

    &.vodice {
      left: 26.8%;
      top: 22%;
    }

    &.sibenik {
      left: 30%;
      top: 25%;
    }

    &.primosten {
      left: 29%;
      top: 30%;
    }

    &.trogir {
      left: 40%;
      top: 31%;
    }

    &.split {
      left: 45%;
      top: 32%;
    }

    &.dubrovnik {
      left: 83%;
      top: 60%;
    }*/
}
@media (min-width: 1920px) {
  .mapHolder.serviceNetwork .mapPin {
    padding-top: 1.7777777778vw;
  }
}
@media (min-width: 1920px) {
  .mapHolder.serviceNetwork .mapPin {
    background-size: 1.1111111111vw;
  }
}
.mapHolder.serviceNetwork .mapPin:hover {
  transform: scale(1.2);
}
.mapHolder.serviceNetwork .mapPin:hover, .mapHolder.serviceNetwork .mapPin.selected {
  z-index: 500;
}
.mapHolder.serviceNetwork .mapPin.zadar {
  left: 13.5%;
  top: 14.5%;
}
.mapHolder.serviceNetwork .mapPin.sukosan {
  left: 16%;
  top: 16.4%;
}
.mapHolder.serviceNetwork .mapPin.biograd {
  left: 18.2%;
  top: 23%;
}
.mapHolder.serviceNetwork .mapPin.murter {
  left: 22%;
  top: 28.6%;
}
.mapHolder.serviceNetwork .mapPin.tribunj {
  left: 24.8%;
  top: 30.7%;
}
.mapHolder.serviceNetwork .mapPin.vodice {
  left: 28.2%;
  top: 33%;
}
.mapHolder.serviceNetwork .mapPin.sibenik {
  left: 31%;
  top: 35%;
}
.mapHolder.serviceNetwork .mapPin.primosten {
  left: 30%;
  top: 43%;
}
.mapHolder.serviceNetwork .mapPin.seget {
  left: 36.6%;
  top: 41%;
}
.mapHolder.serviceNetwork .mapPin.trogir {
  left: 39.2%;
  top: 43%;
}
.mapHolder.serviceNetwork .mapPin.split {
  left: 44%;
  top: 44%;
}
.mapHolder.serviceNetwork .mapPin.dubrovnik {
  left: 80.5%;
  top: 83%;
}
.mapHolder.serviceNetwork .mapPin .pinTitle {
  font-weight: bold;
  cursor: pointer;
}
.mapHolder.serviceNetwork .mapPin .info {
  position: absolute;
  background: white;
  text-align: left;
  box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
  border-radius: 10px;
  padding: 16px 10px 10px 10px;
}
@media (min-width: 1920px) {
  .mapHolder.serviceNetwork .mapPin .info {
    border-radius: 0.5555555556vw;
  }
}
@media (min-width: 1920px) {
  .mapHolder.serviceNetwork .mapPin .info {
    padding: 0.8888888889vw 0.5555555556vw 0.5555555556vw 0.5555555556vw;
  }
}
.mapHolder.serviceNetwork .mapPin .info > div {
  margin-bottom: 10px;
}
@media (min-width: 1920px) {
  .mapHolder.serviceNetwork .mapPin .info > div {
    margin-bottom: 0.5555555556vw;
  }
}
.mapHolder.serviceNetwork .mapPin .info strong {
  display: block;
  white-space: nowrap;
}
.mapHolder.serviceNetwork .mapPin .info a {
  white-space: nowrap;
}
.mapHolder.serviceNetwork .mapPin .info a[href*=mailto] {
  text-decoration: underline;
}
.mapHolder.serviceNetwork .mapPin .info a[href*=maps]:after {
  content: "\e838";
  font-family: "Fontello";
  padding-left: 5px;
}
@media (min-width: 1920px) {
  .mapHolder.serviceNetwork .mapPin .info a[href*=maps]:after {
    padding-left: 0.2777777778vw;
  }
}
.mapHolder.serviceNetwork .mapPin .info a[data-type=tel] {
  border-bottom: 1px dashed;
}

.Main-photo {
  grid-area: Main-photo;
}

.Photo-2 {
  grid-area: Photo-2;
}

.Photo-3 {
  grid-area: Photo-3;
}

.Photo-4 {
  grid-area: Photo-4;
}

.Photo-5 {
  grid-area: Photo-5;
}

body:not(.highUltraMobRes) .wp-block-gallery {
  align-items: unset;
  --wp--style--unstable-gallery-gap: unset;
  flex-wrap: unset;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 5px 5px;
  grid-auto-flow: row;
  grid-template-areas: "Main-photo Main-photo Photo-2 Photo-3" "Main-photo Main-photo Photo-4 Photo-5" ". . . .";
  overflow: hidden;
}
body:not(.highUltraMobRes) .wp-block-gallery figure {
  display: unset !important;
  flex-grow: unset !important;
  justify-content: unset !important;
  flex-direction: unset !important;
  max-width: unset !important;
  width: unset !important;
  border-radius: 0 !important;
}
body:not(.highUltraMobRes) .wp-block-gallery figure:nth-of-type(1) {
  grid-area: Main-photo;
  border-top-left-radius: 14px !important;
  border-bottom-left-radius: 14px !important;
}
@media (min-width: 1920px) {
  body:not(.highUltraMobRes) .wp-block-gallery figure:nth-of-type(1) {
    border-top-left-radius: 0.7777777778vw !important;
    border-bottom-left-radius: 0.7777777778vw !important;
  }
}
body:not(.highUltraMobRes) .wp-block-gallery figure:nth-of-type(2) {
  grid-area: Photo-2;
}
body:not(.highUltraMobRes) .wp-block-gallery figure:nth-of-type(3) {
  grid-area: Photo-3;
  border-top-right-radius: 14px !important;
}
@media (min-width: 1920px) {
  body:not(.highUltraMobRes) .wp-block-gallery figure:nth-of-type(3) {
    border-top-right-radius: 0.7777777778vw !important;
  }
}
body:not(.highUltraMobRes) .wp-block-gallery figure:nth-of-type(4) {
  grid-area: Photo-4;
}
body:not(.highUltraMobRes) .wp-block-gallery figure:nth-of-type(5) {
  grid-area: Photo-5;
  border-bottom-right-radius: 14px !important;
}
@media (min-width: 1920px) {
  body:not(.highUltraMobRes) .wp-block-gallery figure:nth-of-type(5) {
    border-bottom-right-radius: 0.7777777778vw !important;
  }
}
body:not(.highUltraMobRes) .wp-block-gallery figure:nth-of-type(n+6) {
  display: none !important;
}

.wp-block-gallery {
  position: relative;
  margin-bottom: 40px;
}
@media (min-width: 1920px) {
  .wp-block-gallery {
    margin-bottom: 2.2222222222vw;
  }
}

.contentCarouselItem {
  /*p:first-of-type {
        @include marginbottom(10);

        strong:nth-of-type(2) {
            color: $nava-subtitle-gray;
        }
    }*/
}
.contentCarouselItem h3,
.contentCarouselItem h4 {
  margin: 0;
  margin-bottom: 5px;
  font-size: 20px;
}
@media (min-width: 1920px) {
  .contentCarouselItem h3,
  .contentCarouselItem h4 {
    font-size: 1.1111111111vw;
  }
}
@media (min-width: 1920px) {
  .contentCarouselItem h3,
  .contentCarouselItem h4 {
    margin-bottom: 0.2vw;
  }
}
.contentCarouselItem .subtitle {
  font-weight: 600;
  color: #62717a;
  margin-bottom: 0;
  line-height: 1.2;
}
.contentCarouselItem p:not(.subtitle) {
  margin-top: 15px;
}
@media (min-width: 1920px) {
  .contentCarouselItem p:not(.subtitle) {
    margin-top: 0.8333333333vw;
  }
}
.contentCarouselItem .moreText {
  display: none;
}
.contentCarouselItem .wp-block-image {
  position: relative;
  min-height: 217px;
  background-color: #f7f7f7;
}
@media (min-width: 1920px) {
  .contentCarouselItem .wp-block-image {
    min-height: 12.0555555556vw;
  }
}
.contentCarouselItem .wp-block-image a {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.contentCarouselItem .wp-block-image a img {
  object-fit: cover;
  height: 100%;
}

.wp-block-embed-youtube .wp-block-embed__wrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.wp-block-embed-youtube .wp-block-embed__wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 0;
  width: 100% !important;
  height: 100% !important;
}

.wp-block-embed__wrapper {
  overflow: hidden;
}

.yt {
  background-color: transparent;
  position: relative;
  padding-top: 56.1%;
  overflow: hidden;
  cursor: pointer;
}

.yt img {
  width: 100%;
  height: 134%;
  top: -16.82%;
  left: 0;
}

.yt .play-button {
  width: 60px;
  height: 40px;
  background-color: red;
  z-index: 1;
  opacity: 0.9;
  border-radius: 6px;
}

.yt .play-button:before {
  content: "";
  border-style: solid;
  border-width: 11px 0 8px 19px;
  border-color: transparent transparent transparent #fff;
}

.yt img,
.yt .play-button {
  cursor: pointer;
}

.yt img,
.yt iframe,
.yt .play-button,
.yt .play-button:before {
  position: absolute;
}

.yt .play-button,
.yt .play-button:before {
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}

.yt iframe {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

.salesArticleList .featuredPost h1 {
  display: none;
}
.salesArticleList .featuredPost:nth-of-type(even) .featuredImage {
  order: 1;
}
.salesArticleList .featuredPost:nth-of-type(even) .text {
  order: -1;
}

.categories {
  padding-left: 0 !important;
}
.categories li {
  list-style: none;
  display: inline-block;
  position: relative;
  padding-right: 10px;
  margin-right: 10px;
}
@media (min-width: 1920px) {
  .categories li {
    padding-right: 0.5555555556vw;
  }
}
@media (min-width: 1920px) {
  .categories li {
    margin-right: 0.5555555556vw;
  }
}
.categories li:not(:last-of-type):after {
  content: "";
  transform: translate(9px, 5px);
  position: absolute;
  border-right: 1px solid rgba(0, 0, 60, 0.6);
  height: 17px;
}
@media (min-width: 1920px) {
  .categories li:not(:last-of-type):after {
    transform: translate(0.5vw, 0.25vw);
    height: 0.7vw;
  }
}
.categories li a {
  text-transform: uppercase;
  color: rgba(0, 0, 60, 0.6);
}
.categories li a:hover {
  color: #0A0D4A;
}
.categories li.current a {
  color: #0A0D4A;
}

.postsList {
  display: grid;
  grid-template-columns: 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 50px;
}
@media (min-width: 1920px) {
  .postsList {
    grid-column-gap: 1.1111111111vw;
    grid-row-gap: 2.7777777778vw;
  }
}
@media (min-width: 551px) {
  .postsList {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 769px) {
  .postsList {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (min-width: 1024px) {
  .postsList {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
.postsList .card {
  padding: 0;
}

.navigation {
  padding-top: 60px;
}
@media (min-width: 1920px) {
  .navigation {
    padding-top: 3.3333333333vw;
  }
}
.navigation .links {
  display: flex;
  justify-content: space-between;
}
.navigation .prev:before {
  font-family: Fontello;
  content: "\e80a";
  padding-right: 7px;
}
@media (min-width: 1920px) {
  .navigation .prev:before {
    padding-right: 0.3888888889vw;
  }
}
.navigation .next:after {
  font-family: Fontello;
  content: "\e809";
  padding-left: 7px;
}
@media (min-width: 1920px) {
  .navigation .next:after {
    padding-left: 0.3888888889vw;
  }
}

.preownedTrio {
  text-align: center;
}
.preownedTrio .wp-block-column {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px 30px 20px 30px;
}
@media (min-width: 1920px) {
  .preownedTrio .wp-block-column {
    padding: 1.1111111111vw 1.6666666667vw 1.1111111111vw 1.6666666667vw;
  }
}
.preownedTrio h2 {
  width: 100%;
  font-size: 24px;
  font-weight: 600;
  font-family: "Carbona", sans-serif;
  color: #0A0D4A;
  margin-bottom: 10px;
}
@media (min-width: 1920px) {
  .preownedTrio h2 {
    font-size: 1.3333333333vw;
  }
}
@media (min-width: 1920px) {
  .preownedTrio h2 {
    margin-bottom: 0.5555555556vw;
  }
}
.preownedTrio h2::before {
  content: "";
  display: block;
  width: 100%;
  height: 214px;
  margin-bottom: 24px;
  background: center bottom/contain no-repeat;
}
@media (min-width: 1920px) {
  .preownedTrio h2::before {
    height: 11.8888888889vw;
  }
}
@media (min-width: 1920px) {
  .preownedTrio h2::before {
    margin-bottom: 1.3333333333vw;
  }
}
.preownedTrio .catamaranItem h2::before {
  background-image: url("../img/redesign/preowned-catamarans.svg");
}
.preownedTrio .sailingItem h2::before {
  background-image: url("../img/redesign/preowned-sailing.svg");
}
.preownedTrio .motorboatItem h2::before {
  background-image: url("../img/redesign/preowned-motorboats.svg");
}
.preownedTrio p.readMore {
  margin: 0;
}
.preownedTrio p.readMore > a {
  margin-bottom: 10px;
}
@media (min-width: 1920px) {
  .preownedTrio p.readMore > a {
    margin-bottom: 0.5555555556vw;
  }
}
@media (min-width: 1024px) {
  .preownedTrio .wp-block-column {
    border-left: 1px solid #C69C6D;
  }
  .preownedTrio .wp-block-column:last-child {
    border-right: 1px solid #C69C6D;
  }
}

.pricesandAvailability .offersCarousel {
  margin-bottom: 20px;
}
@media (min-width: 1920px) {
  .pricesandAvailability .offersCarousel {
    margin-bottom: 1.1111111111vw;
  }
}
.pricesandAvailability .offerItem {
  display: block;
  border-radius: 14px;
  border: 1px solid rgba(6, 17, 32, 0.1019607843);
  padding: 15px 20px 15px 20px;
  background-color: #fff;
  transition: background-color 0.1s;
}
@media (min-width: 1920px) {
  .pricesandAvailability .offerItem {
    border-radius: 0.7777777778vw;
  }
}
@media (min-width: 1920px) {
  .pricesandAvailability .offerItem {
    padding: 0.8333333333vw 1.1111111111vw 0.8333333333vw 1.1111111111vw;
  }
}
.pricesandAvailability .offerItem:not(.disabled):not(.selected) {
  cursor: pointer;
}
.pricesandAvailability .offerItem.disabled {
  opacity: 0.3;
  pointer-events: none;
  background-color: rgba(46, 194, 213, 0.3);
}
.pricesandAvailability .offerItem .offerDate {
  font-weight: 700;
  font-size: 14px;
}
@media (min-width: 1920px) {
  .pricesandAvailability .offerItem .offerDate {
    font-size: 0.7777777778vw;
  }
}
.pricesandAvailability .offerItem .offerDiscount {
  font-size: 10px;
}
@media (min-width: 1920px) {
  .pricesandAvailability .offerItem .offerDiscount {
    font-size: 0.5555555556vw;
  }
}
.pricesandAvailability .offerItem .discountPercentage {
  font-weight: 700;
}
.pricesandAvailability .offerItem .offerRentalPrice {
  text-decoration: line-through;
  padding-left: 5px;
}
@media (min-width: 1920px) {
  .pricesandAvailability .offerItem .offerRentalPrice {
    padding-left: 0.2777777778vw;
  }
}
.pricesandAvailability .offerItem .offerDiscountedPrice {
  font-size: 20px;
  font-weight: 700;
}
@media (min-width: 1920px) {
  .pricesandAvailability .offerItem .offerDiscountedPrice {
    font-size: 1.1111111111vw;
  }
}
.pricesandAvailability .offerItem .isUnderOption {
  font-size: 11px;
  padding-left: 2px;
  color: red;
}
@media (min-width: 1920px) {
  .pricesandAvailability .offerItem .isUnderOption {
    font-size: 0.6111111111vw;
  }
}
@media (min-width: 1920px) {
  .pricesandAvailability .offerItem .isUnderOption {
    padding-left: 0.1111111111vw;
  }
}
.pricesandAvailability .offerItem:not(:has(.offerDiscount)) .offerDiscountedPrice {
  padding-top: 16px;
}
@media (min-width: 1920px) {
  .pricesandAvailability .offerItem:not(:has(.offerDiscount)) .offerDiscountedPrice {
    padding-top: 0.8888888889vw;
  }
}
.pricesandAvailability .offerItem:not(.disabled) .offerDiscountedPrice {
  color: #0A0D4A;
}
.pricesandAvailability .offerItem.disabled .offerDiscountedPrice {
  padding-top: 16px;
}
@media (min-width: 1920px) {
  .pricesandAvailability .offerItem.disabled .offerDiscountedPrice {
    padding-top: 0.8888888889vw;
  }
}
.pricesandAvailability .offerItem:hover, .pricesandAvailability .offerItem.selected:not(.notpainted) {
  background-color: #96BEF9;
  border-color: #96BEF9;
}
.pricesandAvailability .offerItem:hover .offerDiscountedPrice, .pricesandAvailability .offerItem:hover .offerRentalPrice, .pricesandAvailability .offerItem.selected:not(.notpainted) .offerDiscountedPrice, .pricesandAvailability .offerItem.selected:not(.notpainted) .offerRentalPrice {
  color: #fff;
}
.pricesandAvailability .offerItem:hover .isUnderOption, .pricesandAvailability .offerItem.selected:not(.notpainted) .isUnderOption {
  background-color: rgba(255, 255, 255, 0.7);
}
.pricesandAvailability .offerCalculationWrapper {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column-reverse;
  border: 1px solid rgba(6, 17, 32, 0.1019607843);
  justify-content: space-between;
  border-radius: 14px;
  overflow: hidden;
}
@media (min-width: 1920px) {
  .pricesandAvailability .offerCalculationWrapper {
    border-radius: 0.7777777778vw;
  }
}
@media (min-width: 1024px) {
  .pricesandAvailability .offerCalculationWrapper {
    flex-direction: row;
  }
}
.pricesandAvailability .boatInfo {
  font-size: 12px;
  padding: 25px 25px 25px 25px;
}
@media (min-width: 1024px) {
  .pricesandAvailability .boatInfo {
    width: 50%;
  }
}
@media (min-width: 1920px) {
  .pricesandAvailability .boatInfo {
    font-size: 0.6666666667vw;
  }
}
@media (min-width: 1920px) {
  .pricesandAvailability .boatInfo {
    padding: 1.3888888889vw 1.3888888889vw 1.3888888889vw 1.3888888889vw;
  }
}
.pricesandAvailability .boatInfo .title {
  font-size: 20px;
  margin-bottom: 10px;
}
@media (min-width: 1920px) {
  .pricesandAvailability .boatInfo .title {
    font-size: 1.1111111111vw;
  }
}
@media (min-width: 1920px) {
  .pricesandAvailability .boatInfo .title {
    margin-bottom: 0.5555555556vw;
  }
}
.pricesandAvailability .boatInfo .location {
  color: RGBA(6, 17, 32, 0.5);
}
.pricesandAvailability .boatInfo .equipmentList {
  padding-left: 0;
  padding-top: 10px;
}
@media (min-width: 1920px) {
  .pricesandAvailability .boatInfo .equipmentList {
    padding-top: 0.5555555556vw;
  }
}
.pricesandAvailability .boatInfo .equipmentList li {
  list-style: none;
  margin-bottom: 3px;
}
@media (min-width: 1920px) {
  .pricesandAvailability .boatInfo .equipmentList li {
    margin-bottom: 0.1666666667vw;
  }
}
.pricesandAvailability .boatInfo .equipmentList li:before {
  font-family: Fontello;
  content: "\e805";
  color: #0A0D4A;
  padding-right: 5px;
}
.pricesandAvailability .offerCalculation {
  padding: 25px 25px 25px 25px;
  background-color: #f8f8f7;
}
@media (min-width: 1024px) {
  .pricesandAvailability .offerCalculation {
    width: 50%;
  }
}
@media (min-width: 1920px) {
  .pricesandAvailability .offerCalculation {
    padding: 1.3888888889vw 1.3888888889vw 1.3888888889vw 1.3888888889vw;
  }
}
.pricesandAvailability .offerCalculation .offerDate {
  font-size: 16px;
  font-weight: 700;
  padding-bottom: 30px;
}
@media (min-width: 1920px) {
  .pricesandAvailability .offerCalculation .offerDate {
    font-size: 0.8888888889vw;
  }
}
@media (min-width: 1920px) {
  .pricesandAvailability .offerCalculation .offerDate {
    padding-bottom: 1.6666666667vw;
  }
}
.pricesandAvailability .offerCalculation.hasDiscount #offerRentalPrice .value {
  text-decoration: line-through;
}
.pricesandAvailability .offerCalculation #offerTotalPrice .label {
  color: #62717a;
  font-size: 16px;
  font-weight: 700;
}
@media (min-width: 1920px) {
  .pricesandAvailability .offerCalculation #offerTotalPrice .label {
    font-size: 0.8888888889vw;
  }
}
.pricesandAvailability .offerCalculation #offerTotalPrice .value {
  font-size: 20px;
  font-weight: 700;
}
@media (min-width: 1920px) {
  .pricesandAvailability .offerCalculation #offerTotalPrice .value {
    font-size: 1.1111111111vw;
  }
}
.pricesandAvailability .offerTable > div {
  display: flex;
  justify-content: space-between;
}
.pricesandAvailability .offerTable .value {
  white-space: nowrap;
}
.pricesandAvailability hr {
  margin-top: 1em !important;
  margin-bottom: 1em !important;
}
.pricesandAvailability .offerNotes {
  font-size: 11px;
}
@media (min-width: 1920px) {
  .pricesandAvailability .offerNotes {
    font-size: 0.6111111111vw;
  }
}

.boatBase:has(.subTitle) h2 {
  margin-bottom: 10px;
}
@media (min-width: 1920px) {
  .boatBase:has(.subTitle) h2 {
    margin-bottom: 0.5555555556vw;
  }
}
.boatBase .subTitle {
  color: #62717a;
  display: block;
  margin-bottom: 20px;
}
@media (min-width: 1920px) {
  .boatBase .subTitle {
    margin-bottom: 1.1111111111vw;
  }
}
.boatBase .halfImageHalfText {
  padding-bottom: 0 !important;
}
.boatBase .halfImageHalfText .wp-block-column {
  justify-content: flex-start;
}
@media (max-width: 1023px) {
  .boatBase .halfImageHalfText.wp-block-columns {
    display: block !important;
  }
}
.boatBase figure {
  margin: 0;
}
@media (max-width: 1023px) {
  .boatBase figure {
    margin-bottom: 20px;
  }
}
.boatBase figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.boatBase .marineInfo {
  background-color: #f8f8f7;
  padding: 20px 20px 20px 20px;
  border-radius: 14px;
}
@media (min-width: 1920px) {
  .boatBase .marineInfo {
    padding: 1.1111111111vw 1.1111111111vw 1.1111111111vw 1.1111111111vw;
  }
}
@media (min-width: 1920px) {
  .boatBase .marineInfo {
    border-radius: 0.7777777778vw;
  }
}
@media (min-width: 1530px) {
  .boatBase .marineInfo {
    display: flex;
    flex-direction: row;
  }
}
.boatBase .marineInfo p {
  font-size: 16px;
}
@media (min-width: 1920px) {
  .boatBase .marineInfo p {
    font-size: 0.8888888889vw;
  }
}
@media (min-width: 1530px) {
  .boatBase .marineInfo .left {
    width: 45%;
    padding-right: 10px;
  }
}
@media (min-width: 1530px) and (min-width: 1920px) {
  .boatBase .marineInfo .left {
    padding-right: 0.5555555556vw;
  }
}
@media (min-width: 1530px) {
  .boatBase .marineInfo .right {
    width: 55%;
  }
}
.boatBase .marineInfo h3 {
  margin: 0px 0px 20px 0px;
  font-size: 20px;
}
@media (min-width: 1920px) {
  .boatBase .marineInfo h3 {
    margin: 0vw 0vw 1.1111111111vw 0vw;
  }
}
@media (min-width: 1920px) {
  .boatBase .marineInfo h3 {
    font-size: 1.1111111111vw;
  }
}
.boatBase .marineInfo .sideBaseContact {
  margin-bottom: 20px;
}
@media (min-width: 1920px) {
  .boatBase .marineInfo .sideBaseContact {
    margin-bottom: 1.1111111111vw;
  }
}
.boatBase .marineInfo .sideBaseContact a {
  display: block;
  font-weight: 600;
  text-decoration: underline;
  margin-bottom: 10px;
}
.boatBase .marineInfo iframe {
  height: 100%;
  border-radius: 14px;
}
@media (min-width: 1920px) {
  .boatBase .marineInfo iframe {
    border-radius: 0.7777777778vw;
  }
}

.experienceEntryWrapper {
  max-width: 850px;
  margin: 0 auto;
  text-align: left;
  margin-bottom: 50px;
}
@media (min-width: 1920px) {
  .experienceEntryWrapper {
    margin-bottom: 2.7777777778vw;
  }
}
@media (min-width: 1920px) {
  .experienceEntryWrapper {
    max-width: 57%;
  }
}

.entryText {
  font-weight: 700;
}

.experienceHighlights {
  text-align: center;
  max-width: 850px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  margin-bottom: 110px;
}
@media (min-width: 1920px) {
  .experienceHighlights {
    grid-column-gap: 0.5555555556vw;
    grid-row-gap: 0.5555555556vw;
  }
}
@media (min-width: 1920px) {
  .experienceHighlights {
    margin-bottom: 6.1111111111vw;
  }
}
@media (min-width: 1920px) {
  .experienceHighlights {
    max-width: 57%;
  }
}
.experienceHighlights .item {
  border: 2px solid rgba(6, 17, 32, 0.1019607843);
  border-radius: 14px;
  text-transform: uppercase;
  padding: 10px;
}
@media (min-width: 1920px) {
  .experienceHighlights .item {
    border-radius: 0.7777777778vw;
  }
}
@media (min-width: 769px) {
  .experienceHighlights .item {
    padding: 20px;
  }
}
@media (min-width: 1920px) {
  .experienceHighlights .item {
    padding: 1.1111111111vw;
  }
}
.experienceHighlights .item .itemValue {
  font-size: 26px;
  font-weight: 700;
}
@media (min-width: 551px) {
  .experienceHighlights .item .itemValue {
    font-size: 32px;
  }
}
@media (min-width: 1920px) {
  .experienceHighlights .item .itemValue {
    font-size: 1.7777777778vw;
  }
}
.experienceHighlights .item .itemLabel {
  font-size: 18px;
  color: #62717a;
  font-weight: 700;
}
@media (min-width: 551px) {
  .experienceHighlights .item .itemLabel {
    font-size: 22px;
  }
}
@media (min-width: 1920px) {
  .experienceHighlights .item .itemLabel {
    font-size: 1.2222222222vw;
  }
}

.experienceBlock {
  background-color: #fff;
  background-image: url(../img/dashed_wave.png), linear-gradient(180deg, rgb(255, 255, 255) 0%, rgba(46, 194, 213, 0.05) 100%);
  background-position: center -66px, center center;
  background-repeat: no-repeat;
}
.experienceBlock .counterWrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
@media (min-width: 1024px) {
  .experienceBlock .counterWrapper {
    justify-content: flex-start;
  }
}
.experienceBlock .counterWrapper p {
  padding: 70px 60px 30px 60px;
  margin: 30px 30px 30px 0 !important;
  background: #fff;
  text-align: center;
  border-radius: 14px;
  box-shadow: 4px 4px 16px rgba(33, 150, 165, 0.1);
  white-space: nowrap;
  color: #0A0D4A;
  font-weight: 600;
}
@media (min-width: 1920px) {
  .experienceBlock .counterWrapper p {
    padding: 3.8888888889vw 3.3333333333vw 1.6666666667vw 3.3333333333vw;
  }
}
@media (min-width: 1920px) {
  .experienceBlock .counterWrapper p {
    border-radius: 0.7777777778vw;
  }
}
@media (min-width: 1920px) {
  .experienceBlock .counterWrapper p {
    margin: 0vw 1.66667vw 1.66667vw 0vw !important;
  }
}
.experienceBlock .counterWrapper p:nth-child(1) {
  background: #fff url(../img/icons/highlight-guaranteed.svg) center 18% no-repeat;
}
.experienceBlock .counterWrapper p:nth-child(2) {
  background: #fff url(../img/icons/highlight-anchor.svg) center 18% no-repeat;
}
.experienceBlock .counterWrapper p:nth-child(3) {
  background: #fff url(../img/icons/highlight-experience.svg) center 18% no-repeat;
}
.experienceBlock .counterWrapper p::first-line {
  color: #0A0D4A;
}

.experienceBlockCrew {
  background-image: url(../img/dashed_wave.png), linear-gradient(180deg, rgb(255, 255, 255) 0%, rgba(46, 194, 213, 0.05) 100%);
  background-position: center bottom, center center;
  background-repeat: no-repeat;
}
@media (min-width: 1024px) {
  .experienceBlockCrew {
    background-position: center top, center center;
  }
}
.experienceBlockCrew .wp-block-group {
  display: flex;
}
.experienceBlockCrew figure {
  position: relative;
  overflow: visible !important;
}
.experienceBlockCrew figure:nth-child(1):after {
  position: absolute;
  content: "";
  width: 100px;
  height: 100px;
  background: url(../img/icons/icon-sailigboat.svg) center center no-repeat;
  background-size: 54%;
  left: 0;
  top: 50%;
  transform: translate(-141%, -25%);
}
.experienceBlockCrew figure:nth-child(1) figcaption {
  transform: translate(-26px, -11px);
}
.experienceBlockCrew figure:nth-child(2) figcaption {
  transform: translate(22px, 10px);
}
.experienceBlockCrew figure:nth-child(3):after {
  position: absolute;
  content: "";
  width: 100px;
  height: 100px;
  background: url(../img/icons/highlight-anchor.svg) center center no-repeat;
  background-size: 54%;
  right: 0;
  top: 50%;
  transform: translate(120%, -25%);
}
.experienceBlockCrew figure:nth-child(3) figcaption {
  transform: translate(13px, 0px);
}
.experienceBlockCrew img {
  width: 200px;
}
@media (min-width: 1920px) {
  .experienceBlockCrew img {
    width: 11.1111111111vw;
  }
}
.experienceBlockCrew figcaption {
  text-align: center;
  font-style: normal !important;
  font-weight: 500;
}

/* 2.3. Text-block */
.text-block {
  max-width: 890px;
  padding-top: 30px;
  padding-bottom: 45px;
  margin: 0 auto 50px;
}
@media (min-width: 1920px) {
  .text-block {
    max-width: 49.4444444444vw;
    padding-top: 1.6666666667vw;
    padding-bottom: 2.5vw;
    margin: 0 auto 2.7777777778vw;
    font-size: 1.6666666667vw !important;
  }
}
.text-block.simple-intro {
  text-align: center;
}
.text-block.simple-intro h2 {
  font-weight: 200;
  font-size: 68px;
  margin-bottom: 40px;
}
@media (min-width: 1920px) {
  .text-block.simple-intro h2 {
    font-size: 3.7777777778vw;
  }
}
@media (min-width: 1920px) {
  .text-block.simple-intro h2 {
    margin-bottom: 2.2222222222vw;
  }
}
.text-block.withicon {
  text-align: center;
}
.text-block h2 {
  margin-bottom: 30px;
}
@media (min-width: 1920px) {
  .text-block h2 {
    margin-bottom: 1.6666666667vw;
  }
}
.text-block p {
  font-size: 22px;
}
@media (min-width: 960px) {
  .text-block p {
    font-size: 24px;
  }
}
.text-block .wp-block-button {
  width: 100%;
  text-align: center;
}
.text-block hr {
  max-width: 200px;
  margin-top: 70px;
}
@media (min-width: 1920px) {
  .text-block hr {
    margin-top: 3.8888888889vw;
  }
}

hr.separatorWhite {
  background-color: transparent !important;
}

/* 2.6. Content line, if not additional class "center" in WP, vertical top align
1. in Gutenberg add group,
2. set additional class to "text-right" or "text-left" */
.wp-block-column {
  display: flex;
  flex-direction: column;
}
.wp-block-column:not(.center) {
  justify-content: top;
}
.wp-block-column.center {
  justify-content: center;
}
.wp-block-column h2 {
  margin: 10px 0px 10px 0px;
}
@media (min-width: 1920px) {
  .wp-block-column h2 {
    margin: 0.5555555556vw 0vw 0.5555555556vw 0vw;
  }
}

/* Full width content:
1. in Gutenberg add group,
2. select align full width,
3. set additional class to "text-right" or "text-left" */
.alignfull {
  position: relative;
  left: -15px;
  width: calc(100% + 30px);
  /*  @include sitewidth {
    left: calc((((100vw - 87vw) / 2) * -1) - 1vw);
    width: 100vw;
    max-width: 100vw;
  }*/
}
@media (min-width: 551px) {
  .alignfull {
    left: -25px;
    width: calc(100% + 50px);
    max-width: 100vw;
  }
}
@media (min-width: 1024px) {
  .alignfull {
    left: calc(-50vw + 50%);
    width: 100vw;
    max-width: 100vw;
  }
}

@media (min-width: 1920px) {
  .alignfull:not(.experienceBlock).navaCounter h2,
  .alignfull:not(.experienceBlock).navaCounter p, .alignfull:not(.experienceBlock).timeline-container h2,
  .alignfull:not(.experienceBlock).timeline-container p {
    max-width: unset;
  }
}

body .is-layout-constrained > .alignwide {
  max-width: calc(100% - 30px);
}
@media (min-width: 1024px) {
  body .is-layout-constrained > .alignwide {
    max-width: calc(87% - 20px);
  }
}
@media (min-width: 1920px) {
  body .is-layout-constrained > .alignwide {
    max-width: calc(87% - 1.111vw);
  }
}

.wp-block-group.text-right .wp-block-column:last-child {
  padding: 30px 15px;
}
@media (min-width: 600px) {
  .wp-block-group.text-right .wp-block-column:last-child {
    padding-left: 0;
  }
}
@media (min-width: 1920px) {
  .wp-block-group.text-right .wp-block-column:last-child {
    padding-right: 0;
  }
}
.wp-block-group.text-left .wp-block-column:first-child {
  padding: 30px 15px;
}
@media (min-width: 1920px) {
  .wp-block-group.text-left .wp-block-column:first-child {
    padding-left: 0;
  }
}
.wp-block-group.text-left .wp-block-column:first-child h2,
.wp-block-group.text-left .wp-block-column:first-child p {
  align-self: flex-end;
}

.wp-block-cover {
  height: 100%;
}

.wp-block-quote.is-large,
.wp-block-quote.is-style-large {
  padding: 0;
}
@media (min-width: 600px) {
  .wp-block-quote.is-large,
  .wp-block-quote.is-style-large {
    padding: 0 1em;
  }
}

.sortFilters {
  font-size: 16px;
}
@media (min-width: 1920px) {
  .sortFilters {
    font-size: 0.8888888889vw;
  }
}
.sortFilters .sortHolder {
  display: flex;
  position: absolute;
  z-index: 5;
  top: -8px;
}
@media (min-width: 1530px) {
  .sortFilters .sortHolder {
    justify-content: flex-end;
    right: 20px;
    top: -50px;
  }
}
@media (min-width: 1920px) {
  .sortFilters .sortHolder {
    right: 1.1111111111vw;
    top: -2.7777777778vw;
  }
}
.sortFilters .selectsWrapper {
  background: #fff;
  padding: 5px 5px 5px 5px;
  transform: translate(1px, -8px);
}
@media (min-width: 1920px) {
  .sortFilters .selectsWrapper {
    padding: 0.2777777778vw 0.2777777778vw 0.2777777778vw 0.2777777778vw;
  }
}
@media (min-width: 1920px) {
  .sortFilters .selectsWrapper {
    transform: translate(0.0555555556vw, -0.4444444444vw);
  }
}
.sortFilters.open .sortHolder {
  align-items: flex-start;
}
.sortFilters.open .selectsWrapper {
  border-radius: 12px;
  -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.1);
  transform: translate(4px, -8px);
}
@media (min-width: 1920px) {
  .sortFilters.open .selectsWrapper {
    transform: translate(0.2222222222vw, -0.4444444444vw);
  }
}
.sortFilters a {
  padding: 3px 5px 3px 5px;
  background-color: #fff;
  display: block;
}
@media (min-width: 1920px) {
  .sortFilters a {
    padding: 0.1666666667vw 0.2777777778vw 0.1666666667vw 0.2777777778vw;
  }
}
.sortFilters a.selected {
  font-weight: 700;
  pointer-events: none;
}
.sortFilters:not(.open) a:not(.selected) {
  display: none;
  pointer-events: unset;
}
.sortFilters .sortFiltersControl {
  cursor: pointer;
  display: flex;
  justify-content: center;
  width: 30px;
  height: 30px;
}
@media (min-width: 1920px) {
  .sortFilters .sortFiltersControl {
    width: 1.6666666667vw;
    height: 1.6666666667vw;
  }
}
.sortFilters .sortFiltersControl:after {
  font-family: Fontello;
  content: "\e80f";
  color: #0A0D4A;
}

.specialOfferTabs {
  max-width: unset !important;
}
.specialOfferTabs > p,
.specialOfferTabs > .offersMain {
  max-width: none;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.specialOfferTabs > p {
  padding: 0;
  padding-bottom: 7px;
  position: relative;
  max-width: unset;
  margin-top: 28px;
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  gap: 8px;
}
@media (min-width: 1920px) {
  .specialOfferTabs > p {
    margin-top: 1.5555555556vw;
  }
}
@media (min-width: 1920px) {
  .specialOfferTabs > p {
    gap: 0.4444444444vw;
  }
}
@media (min-width: 1024px) {
  .specialOfferTabs {
    display: flex;
    padding-top: 30px;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .specialOfferTabs {
    padding-top: 1.6666666667vw;
  }
}
@media (min-width: 1024px) {
  .specialOfferTabs > p {
    flex: 0 0 auto;
    flex-direction: column;
    align-items: flex-end;
    padding-left: clamp(40px, 4.1667vw, 100px);
    padding-right: 20px;
    border-right: 1px solid #C69C6D;
    overflow-x: visible;
    margin-top: 0px;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .specialOfferTabs > p {
    padding-right: 1.1111111111vw;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .specialOfferTabs > p {
    margin-top: 0vw;
  }
}
@media (min-width: 1024px) {
  .specialOfferTabs > .offersMain {
    flex: 1 1 auto;
    min-width: 0;
  }
}
.specialOfferTabs .offersTab {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  vertical-align: middle;
  gap: 4px;
  padding: 4px 8px 4px 8px;
  border: 1px solid #C69C6D;
  border-radius: 999px;
  font-family: "Carbona", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  line-height: 1.3;
  color: #0A0D4A;
  cursor: pointer;
}
@media (min-width: 1920px) {
  .specialOfferTabs .offersTab {
    gap: 0.2222222222vw;
  }
}
@media (min-width: 1920px) {
  .specialOfferTabs .offersTab {
    padding: 0.2222222222vw 0.4444444444vw 0.2222222222vw 0.4444444444vw;
  }
}
@media (min-width: 1920px) {
  .specialOfferTabs .offersTab {
    font-size: 0.7777777778vw;
  }
}
.specialOfferTabs .offersTab::before {
  content: "";
  flex: 0 0 auto;
  width: 12px;
  height: 12px;
  background: url("../img/icons/tab-boat.svg") center/contain no-repeat;
}
@media (min-width: 1920px) {
  .specialOfferTabs .offersTab::before {
    width: min(0.6666666667vw, 14px);
  }
}
@media (min-width: 1920px) {
  .specialOfferTabs .offersTab::before {
    height: min(0.6666666667vw, 14px);
  }
}
.specialOfferTabs .offersTab.current {
  font-weight: 700;
  color: #0A0D4A;
}
.specialOfferTabs .offersMain {
  display: flex;
  flex-direction: column;
}
.specialOfferTabs .offersMain > #offers,
.specialOfferTabs .offersMain > .specialOffers {
  order: 1;
  min-width: 0;
}
.specialOfferTabs .offersMain .offersHeader {
  order: 2;
  margin-top: 16px;
}
@media (min-width: 1920px) {
  .specialOfferTabs .offersMain .offersHeader {
    margin-top: 0.8888888889vw;
  }
}
@media (min-width: 1024px) {
  .specialOfferTabs .offersMain .offersHeader {
    order: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding-left: 20px;
    margin-bottom: 100px;
    margin-top: 0px;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .specialOfferTabs .offersMain .offersHeader {
    gap: 1.1111111111vw;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .specialOfferTabs .offersMain .offersHeader {
    padding-left: 1.1111111111vw;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .specialOfferTabs .offersMain .offersHeader {
    margin-bottom: 5.5555555556vw;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .specialOfferTabs .offersMain .offersHeader {
    margin-top: 0vw;
  }
}
@media (min-width: 1024px) {
  .specialOfferTabs .offersMain > #offers,
  .specialOfferTabs .offersMain > .specialOffers {
    order: 2;
  }
  .specialOfferTabs .offersMain #offers .owl-stage,
  .specialOfferTabs .offersMain .specialOffers .owl-stage {
    padding-left: 20px !important;
  }
}
.specialOfferTabs .offersMain.offersLoading > #offers {
  position: relative;
  min-height: 300px;
}
@media (min-width: 1024px) {
  .specialOfferTabs .offersMain.offersLoading > #offers {
    min-height: 468px;
  }
}
.specialOfferTabs #offersLoader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.specialOfferTabs .offersIntro {
  display: none;
}
@media (min-width: 1024px) {
  .specialOfferTabs .offersIntro {
    display: block;
    max-width: 860px;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .specialOfferTabs .offersIntro {
    max-width: 47.7777777778vw;
  }
}
.specialOfferTabs a.seeAll {
  flex: 0 0 auto;
}

.single-programs .specialOffers .boatPrice {
  display: none;
}

.specialOfferTabs,
.specialOffers {
  margin-bottom: clamp(120px, 8.3333333333vw, 150px);
}

.specialOfferTabs .specialOffers {
  margin-bottom: 0;
}

.shareWrapper {
  position: absolute;
  z-index: 8;
  right: clamp(20px, 8.86px + 2.857vw, 50px);
  transform: translateY(-7vw);
}
@media (min-width: 469px) {
  .shareWrapper {
    transform: translateY(clamp(-31px, -4vw, -19px));
  }
}
@media (min-width: 1024px) {
  .shareWrapper {
    transform: translateY(-1vw);
  }
}
.shareWrapper .closeModal {
  top: 10px;
  right: 10px;
}

.hidden {
  display: none;
}

svg {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}
@media (min-width: 1920px) {
  svg {
    margin-right: 0.5555555556vw;
  }
}
@media (min-width: 1920px) {
  svg {
    width: 1.1111111111vw;
    height: 1.1111111111vw;
  }
}

button,
.button {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  height: auto;
  text-align: center;
  line-height: 1.1;
  letter-spacing: 2px;
  text-transform: capitalize;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  background-color: transparent;
  border: 0 none;
  margin-bottom: 10px;
}
@media (min-width: 1920px) {
  button,
  .button {
    margin-bottom: 0.5555555556vw;
  }
}

@media (min-width: 769px) {
  .share-button {
    transform: translateY(-5px);
  }
}
.share-button svg {
  display: none;
}
.share-button:after {
  content: "\f1e0";
  font-family: "Fontello";
}

.share-dialog {
  position: absolute;
  right: 0;
  display: none;
  max-width: 500px;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
  z-index: -1;
  border: 1px solid #ddd;
  padding: 20px 20px 20px 20px;
  border-radius: 4px;
  background-color: #fff;
}
@media (min-width: 1920px) {
  .share-dialog {
    padding: 1.1111111111vw 1.1111111111vw 1.1111111111vw 1.1111111111vw;
  }
}

.share-dialog.is-open {
  display: block;
  z-index: 2;
}

header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
@media (min-width: 1920px) {
  header {
    margin-bottom: 1.1111111111vw;
  }
}

.targets {
  display: flex;
  flex-direction: column;
}

.close-button {
  background-color: transparent;
  border: none;
  padding: 0;
}

.close-button svg {
  margin-right: 0;
}

.link {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  border-radius: 4px;
  background-color: #eee;
}

.pen-url {
  margin-right: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shareLabel {
  display: none;
}
@media (min-width: 769px) {
  .shareLabel {
    display: inline;
  }
}

.pdfBox {
  display: flex;
  column-gap: 30px;
  box-shadow: 0px 8px 16px rgba(44, 38, 76, 0.1);
  opacity: 1;
  border-radius: 14px;
  padding: 20px 20px 20px 20px;
  margin-bottom: 60px;
}
@media (min-width: 1920px) {
  .pdfBox {
    column-gap: 1.666vw;
  }
}
@media (min-width: 1920px) {
  .pdfBox {
    border-radius: 0.7777777778vw;
  }
}
@media (min-width: 1920px) {
  .pdfBox {
    padding: 1.1111111111vw 1.1111111111vw 1.1111111111vw 1.1111111111vw;
  }
}
@media (min-width: 1920px) {
  .pdfBox {
    margin-bottom: 3.3333333333vw;
  }
}
.pdfBox figure {
  margin: 0 !important;
  flex: 0 0 40%;
  max-width: 40%;
}
.pdfBox .boxContent {
  margin: 0 !important;
  flex: 1;
}
.pdfBox h2 {
  font-size: 20px;
  margin-top: 0;
}
@media (min-width: 1920px) {
  .pdfBox h2 {
    font-size: 1.1111111111vw;
  }
}
.pdfBox p {
  color: rgba(18, 28, 37, 0.7);
}

.pdfBox .button, .brochureLink:not(.bigBtn), .offerLink:not(.bigBtn) {
  color: #fff;
  display: inline-block;
  background-color: #96BEF9;
  border-radius: 1000px;
  padding: 10px 20px 10px 48px;
  margin-bottom: 0;
  transition: opacity 0.25s;
  background-image: url(../img/icons/download_icon.svg);
  background-position: 22px center;
  background-repeat: no-repeat;
}
@media (min-width: 1920px) {
  .pdfBox .button, .brochureLink:not(.bigBtn), .offerLink:not(.bigBtn) {
    padding: 0.5555555556vw 1.1111111111vw 0.5555555556vw 2.6666666667vw;
  }
}
.pdfBox .button:hover, .brochureLink:not(.bigBtn):hover, .offerLink:not(.bigBtn):hover {
  opacity: 0.8;
}
@media (min-width: 1920px) {
  .pdfBox .button, .brochureLink:not(.bigBtn), .offerLink:not(.bigBtn) {
    background-position: 1.2222vw center;
  }
}

.bigBtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
  padding: 8px 16px 8px 16px;
  border: 1px solid #96BEF9;
  border-radius: 999px;
  background-color: transparent;
  color: #0A0D4A;
  text-decoration: none !important;
  transition: background-color 0.2s;
}
@media (min-width: 1920px) {
  .bigBtn {
    padding: 0.4444444444vw 0.8888888889vw 0.4444444444vw 0.8888888889vw;
  }
}
.bigBtn:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
@media (min-width: 1024px) {
  .bigBtn {
    display: flex;
    justify-content: space-between;
    align-self: auto;
    width: 100%;
    max-width: 887px;
    height: 70px;
    padding: 20px 8px 20px 4px;
    border: 0;
    border-bottom: 0.5px solid #0A0D4A;
    border-radius: 0;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .bigBtn {
    height: 3.8888888889vw;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .bigBtn {
    padding: 1.1111111111vw 0.4444444444vw 1.1111111111vw 0.2222222222vw;
  }
}
@media (min-width: 1024px) {
  .bigBtn:hover {
    background-color: rgba(0, 0, 0, 0.2);
  }
}

.bigBtn-text {
  font-family: "Carbona", sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
  text-transform: uppercase;
  white-space: nowrap;
}
@media (min-width: 1920px) {
  .bigBtn-text {
    font-size: 0.8333333333vw;
  }
}
@media (min-width: 1024px) {
  .bigBtn-text {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.17;
    letter-spacing: 0.09em;
    white-space: normal;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .bigBtn-text {
    font-size: 1vw;
  }
}

.bigBtn-arrow {
  display: none;
}
@media (min-width: 1024px) {
  .bigBtn-arrow {
    display: block;
    flex: 0 0 auto;
    width: 24px;
    aspect-ratio: 21/22;
    background-color: currentColor;
    -webkit-mask: url("../img/arrow_right.svg") no-repeat center/contain;
    mask: url("../img/arrow_right.svg") no-repeat center/contain;
  }
}

@media (min-width: 1024px) {
  .bigBtn--inline {
    display: inline-flex;
    width: auto;
    max-width: none;
    justify-content: flex-start;
    grid-column-gap: 70px;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .bigBtn--inline {
    grid-column-gap: 3.8888888889vw;
  }
}

.bigBtn--on-image {
  color: #F5F5F5;
}
@media (min-width: 1024px) {
  .bigBtn--on-image {
    margin-left: auto;
    width: calc(100% - 453px);
    max-width: 1000px;
    border-bottom-color: #F5F5F5;
  }
}

.logoWall {
  background-color: #EFEBE6;
  padding: 60px clamp(20px, 8.86px + 2.857vw, 50px);
}
@media (min-width: 1024px) {
  .logoWall {
    padding: 80px clamp(20px, 8.86px + 2.857vw, 50px);
  }
}

.logoWall-inner {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 38px;
  row-gap: 50px;
}
@media (min-width: 1024px) {
  .logoWall-inner {
    display: flex;
    flex-direction: column;
    gap: clamp(60px, 12vh, 150px);
  }
}

.logoWall-row {
  display: contents;
}
@media (min-width: 1024px) {
  .logoWall-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
  }
}

.logoWall-cell {
  flex: 1 1 170px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
}
.logoWall-cell a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.logoWall-cell .logoWall-img {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #0A0D4A;
  -webkit-mask: var(--logo-src) no-repeat center/contain;
  mask: var(--logo-src) no-repeat center/contain;
}

.logoWall-placeholder {
  font-family: "Carbona", sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.05em;
  color: #0A0D4A;
  opacity: 0.45;
  text-transform: uppercase;
}
@media (min-width: 1920px) {
  .logoWall-placeholder {
    font-size: 0.7777777778vw;
  }
}

.summerStoriesScene {
  position: relative;
  width: 100vw;
  background-color: #F5F5F5;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 60px;
  padding: 40px clamp(20px, 8.86px + 2.857vw, 50px) 60px;
}
@media (min-width: 1920px) {
  .summerStoriesScene {
    gap: 3.3333333333vw;
  }
}
.summerStoriesScene::before {
  content: "";
  order: -1;
  position: sticky;
  top: 0;
  z-index: 4;
  width: 100%;
  aspect-ratio: 888.75/456.987;
  background: url("../img/redesign/summerstories_wave_full.svg") no-repeat center top/100%;
  pointer-events: none;
}
.summerStoriesScene .ss-wave {
  display: none;
}
.summerStoriesScene .summerStoriesText {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 100%;
  gap: 36px;
}
@media (min-width: 1920px) {
  .summerStoriesScene .summerStoriesText {
    gap: 2vw;
  }
}
.summerStoriesScene .summerStoriesText > * {
  margin: 0;
  color: #0A0D4A;
}
.summerStoriesScene .summerStoriesText > p:first-child {
  font-size: 14px;
  font-family: "Carbona", sans-serif;
  text-transform: uppercase;
  letter-spacing: 1.4px;
}
@media (min-width: 1920px) {
  .summerStoriesScene .summerStoriesText > p:first-child {
    font-size: 0.7777777778vw;
  }
}
.summerStoriesScene .summerStoriesText h2 {
  font-size: 40px;
  font-family: "Carbona", sans-serif;
  font-weight: 700;
  line-height: 1.2;
}
@media (min-width: 1920px) {
  .summerStoriesScene .summerStoriesText h2 {
    font-size: 2.2222222222vw;
  }
}
.summerStoriesScene .summerStoriesText > p {
  font-size: 16px;
  line-height: 1.5;
}
@media (min-width: 1920px) {
  .summerStoriesScene .summerStoriesText > p {
    font-size: 0.8888888889vw;
  }
}
.summerStoriesScene .summerstoriesSection {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  gap: 20px;
}
@media (min-width: 1920px) {
  .summerStoriesScene .summerstoriesSection {
    gap: 1.1111111111vw;
  }
}
.summerStoriesScene .summerstoriesSection figure {
  width: 100%;
  max-width: 520px;
  margin: 0;
  box-shadow: 0 1px 10px 0 rgba(10, 13, 74, 0.1);
}
.summerStoriesScene .summerStoriesText .userBttn {
  display: none;
}
@media (min-width: 1024px) {
  .summerStoriesScene {
    display: block;
    padding: 0;
    height: calc(2022 * 1px + 100vh);
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .summerStoriesScene {
    height: calc(2022 / 18 * 1vw + 100vh);
  }
}
@media (min-width: 1024px) {
  .summerStoriesScene .summerStoriesText {
    position: sticky;
    top: 0;
    height: 100vh;
    justify-content: center;
    z-index: 1;
    width: 100%;
    max-width: 664px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .summerStoriesScene .summerStoriesText {
    max-width: 36.8888888889vw;
  }
}
@media (min-width: 1024px) {
  .summerStoriesScene .summerstoriesSection {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 1444px;
    height: 100%;
    z-index: 2;
    pointer-events: none;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .summerStoriesScene .summerstoriesSection {
    max-width: 80.2222222222vw;
  }
}
@media (min-width: 1024px) {
  .summerStoriesScene .summerstoriesSection figure {
    position: absolute;
    z-index: 2;
    width: auto;
    max-width: none;
    box-shadow: 0 24px 60px rgba(10, 13, 74, 0.18);
    pointer-events: auto;
  }
  .summerStoriesScene .summerstoriesSection figure:nth-of-type(1) {
    left: 16.4%;
    width: 23.3%;
    top: 841px;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .summerStoriesScene .summerstoriesSection figure:nth-of-type(1) {
    top: 46.7222222222vw;
  }
}
@media (min-width: 1024px) {
  .summerStoriesScene .summerstoriesSection figure:nth-of-type(2) {
    left: 57.2%;
    width: 32.4%;
    top: 967px;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .summerStoriesScene .summerstoriesSection figure:nth-of-type(2) {
    top: 53.7222222222vw;
  }
}
@media (min-width: 1024px) {
  .summerStoriesScene .summerstoriesSection figure:nth-of-type(3) {
    left: 6.9%;
    width: 32.8%;
    top: 1597px;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .summerStoriesScene .summerstoriesSection figure:nth-of-type(3) {
    top: 88.7222222222vw;
  }
}
@media (min-width: 1024px) {
  .summerStoriesScene .summerstoriesSection figure:nth-of-type(4) {
    left: 71.7%;
    width: 23.3%;
    top: 1535px;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .summerStoriesScene .summerstoriesSection figure:nth-of-type(4) {
    top: 85.2777777778vw;
  }
}
@media (min-width: 1024px) {
  .summerStoriesScene .summerstoriesSection figure:nth-of-type(5) {
    left: 45.1%;
    width: 31.6%;
    top: 2022px;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .summerStoriesScene .summerstoriesSection figure:nth-of-type(5) {
    top: 112.3333333333vw;
  }
}
@media (min-width: 1024px) {
  .summerStoriesScene .summerstoriesSection .ss-wave {
    display: block;
    position: sticky;
    top: 0;
    z-index: 0;
    margin-left: auto;
    margin-right: calc((100% - 100vw) / 2);
    width: 888px;
    height: 287px;
    background: url("../img/redesign/summerstories_wave.svg") no-repeat right top/80%;
    pointer-events: none;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .summerStoriesScene .summerstoriesSection .ss-wave {
    width: 49.3333333333vw;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .summerStoriesScene .summerstoriesSection .ss-wave {
    height: 15.9444444444vw;
  }
}
@media (min-width: 1024px) {
  .summerStoriesScene .summerStoriesText .userBttn {
    display: block;
  }
  .summerStoriesScene > .userBttn {
    display: none;
  }
  .summerStoriesScene::before {
    display: none;
  }
}

.salesArticles .salesArticles-header {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  grid-gap: 26px 20px;
  margin-bottom: 40px;
}
@media (min-width: 1920px) {
  .salesArticles .salesArticles-header {
    grid-gap: 1.4444444444vw 1.1111111111vw;
  }
}
@media (min-width: 1920px) {
  .salesArticles .salesArticles-header {
    margin-bottom: 2.2222222222vw;
  }
}
.salesArticles .salesArticles-eyebrow {
  grid-column: 1;
  grid-row: 1;
  font-family: "Carbona", sans-serif;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  color: #0A0D4A;
}
@media (min-width: 1920px) {
  .salesArticles .salesArticles-eyebrow {
    font-size: 0.7777777778vw;
  }
}
.salesArticles .salesArticles-all {
  grid-column: 2;
  grid-row: 1;
  justify-self: end;
  margin: 0;
}
.salesArticles .salesArticles-title {
  grid-column: 1/-1;
  grid-row: 2;
  margin: 0;
  font-family: "Carbona", sans-serif;
  font-weight: 700;
  font-size: 36px;
  line-height: 1.2;
  color: #0A0D4A;
}
@media (min-width: 1920px) {
  .salesArticles .salesArticles-title {
    font-size: 2vw;
  }
}
.salesArticles .salesArticles-cards .card-set {
  width: 100%;
  transform: none;
}
.salesArticles .salesArticles-cards .card-set > .salesArticles-card:last-child,
.salesArticles .salesArticles-cards .owl-item:last-child .salesArticles-card {
  border-right: 1px solid #C69C6D;
}
.salesArticles .salesArticles-card {
  height: 100%;
  display: flex;
  flex-direction: column;
  border-top: 1px solid #C69C6D;
  border-bottom: 1px solid #C69C6D;
  border-left: 1px solid #C69C6D;
}
.salesArticles .salesArticles-card-image {
  display: block;
  width: 100%;
  aspect-ratio: 1/1;
  margin-bottom: 20px;
}
@media (min-width: 1920px) {
  .salesArticles .salesArticles-card-image {
    margin-bottom: 1.1111111111vw;
  }
}
.salesArticles .salesArticles-card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.salesArticles .salesArticles-card-title {
  padding-left: 16px;
  padding-right: 16px;
  font-family: "Carbona", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.3;
  color: #0A0D4A;
  margin-bottom: 20px;
  min-height: 2.6em;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media (min-width: 1920px) {
  .salesArticles .salesArticles-card-title {
    padding-left: 0.8888888889vw;
  }
}
@media (min-width: 1920px) {
  .salesArticles .salesArticles-card-title {
    padding-right: 0.8888888889vw;
  }
}
@media (min-width: 1920px) {
  .salesArticles .salesArticles-card-title {
    font-size: 1.1111111111vw;
  }
}
@media (min-width: 1920px) {
  .salesArticles .salesArticles-card-title {
    margin-bottom: 1.1111111111vw;
  }
}
.salesArticles .salesArticles-card-foot {
  margin-top: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 20px;
}
@media (min-width: 1920px) {
  .salesArticles .salesArticles-card-foot {
    padding-left: 0.8888888889vw;
  }
}
@media (min-width: 1920px) {
  .salesArticles .salesArticles-card-foot {
    padding-right: 0.8888888889vw;
  }
}
@media (min-width: 1920px) {
  .salesArticles .salesArticles-card-foot {
    padding-bottom: 1.1111111111vw;
  }
}
.salesArticles .salesArticles-wave {
  display: block;
  width: 43px;
  height: 3px;
  flex: 0 0 auto;
  background-color: #0A0D4A;
  -webkit-mask: url("../img/icons/waves.svg") no-repeat center/contain;
  mask: url("../img/icons/waves.svg") no-repeat center/contain;
}
.salesArticles .salesArticles-readtime {
  font-family: "Carbona", sans-serif;
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #0A0D4A;
  white-space: nowrap;
}
@media (min-width: 1920px) {
  .salesArticles .salesArticles-readtime {
    font-size: 0.6666666667vw;
  }
}

.salesNews {
  background-color: #F5F5F5;
  padding: 40px 0px 80px 0px;
}
@media (min-width: 1920px) {
  .salesNews {
    padding: 2.2222222222vw 0vw 4.4444444444vw 0vw;
  }
}
.salesNews .salesNews-intro-inner {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-bottom: 40px;
}
@media (min-width: 1920px) {
  .salesNews .salesNews-intro-inner {
    gap: 1.3333333333vw;
  }
}
@media (min-width: 1920px) {
  .salesNews .salesNews-intro-inner {
    margin-bottom: 2.2222222222vw;
  }
}
.salesNews .salesNews-eyebrow {
  font-family: "Carbona", sans-serif;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  color: #0A0D4A;
}
@media (min-width: 1920px) {
  .salesNews .salesNews-eyebrow {
    font-size: 0.7777777778vw;
  }
}
.salesNews .salesNews-title {
  margin: 0;
  font-family: "Carbona", sans-serif;
  font-weight: 700;
  font-size: 28px;
  line-height: 1.2;
  color: #0A0D4A;
}
@media (min-width: 1920px) {
  .salesNews .salesNews-title {
    font-size: 1.5555555556vw;
  }
}
.salesNews .salesNews-lead {
  margin: 0;
  font-family: "Carbona", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: #0A0D4A;
}
@media (min-width: 1920px) {
  .salesNews .salesNews-lead {
    font-size: 0.8888888889vw;
  }
}
.salesNews .salesNews-featured {
  display: none;
}
.salesNews .salesNews-intro .salesNews-all {
  display: none;
}
.salesNews .salesNews-foot {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}
@media (min-width: 1920px) {
  .salesNews .salesNews-foot {
    margin-top: 2.2222222222vw;
  }
}
.salesNews .salesNews-card {
  background-color: #F5F5F5;
  box-shadow: 0 1px 5px rgba(10, 13, 74, 0.1);
}
.salesNews .salesNews-card-image {
  display: block;
  width: 100%;
  aspect-ratio: 1/1;
}
.salesNews .salesNews-card-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.salesNews .salesNews-card-body {
  padding: 12px 12px 12px 12px;
}
@media (min-width: 1920px) {
  .salesNews .salesNews-card-body {
    padding: 0.6666666667vw 0.6666666667vw 0.6666666667vw 0.6666666667vw;
  }
}
.salesNews .salesNews-card-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0px 15px 0px;
}
@media (min-width: 1920px) {
  .salesNews .salesNews-card-meta {
    padding: 0.5555555556vw 0vw 0.8333333333vw 0vw;
  }
}
.salesNews .salesNews-wave {
  display: block;
  width: 43px;
  height: 3px;
  flex: 0 0 auto;
  background-color: #0A0D4A;
  -webkit-mask: url("../img/icons/waves.svg") no-repeat center/contain;
  mask: url("../img/icons/waves.svg") no-repeat center/contain;
}
.salesNews .salesNews-date {
  font-family: "Carbona", sans-serif;
  font-weight: 400;
  font-size: 11px;
  letter-spacing: 1.1px;
  text-transform: uppercase;
  color: #0A0D4A;
  white-space: nowrap;
}
@media (min-width: 1920px) {
  .salesNews .salesNews-date {
    font-size: 0.6111111111vw;
  }
}
.salesNews .salesNews-date sup {
  font-size: 0.52em;
  top: 0;
  text-transform: uppercase;
}
.salesNews .salesNews-card-title {
  margin: 0;
  margin-bottom: 8px;
  font-family: "Carbona", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.3;
  color: #0A0D4A;
}
@media (min-width: 1920px) {
  .salesNews .salesNews-card-title {
    margin-bottom: 0.4444444444vw;
  }
}
@media (min-width: 1920px) {
  .salesNews .salesNews-card-title {
    font-size: 1.1111111111vw;
  }
}
.salesNews .salesNews-card-title a {
  color: inherit;
  text-decoration: none;
}
.salesNews .salesNews-card-excerpt {
  margin: 0;
  margin-bottom: 30px;
  font-family: "Carbona", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: #0A0D4A;
}
@media (min-width: 1920px) {
  .salesNews .salesNews-card-excerpt {
    margin-bottom: 1.6666666667vw;
  }
}
@media (min-width: 1920px) {
  .salesNews .salesNews-card-excerpt {
    font-size: 0.8888888889vw;
  }
}
.salesNews .salesNews-more-desktop {
  display: inline;
}
.salesNews .salesNews-more-mobile {
  display: none;
}
@media (max-width: 1023px) {
  .salesNews .salesNews-card-more {
    margin: 0;
    padding: 0px 12px 12px 0px;
    text-align: left;
  }
}
@media (max-width: 1023px) and (min-width: 1920px) {
  .salesNews .salesNews-card-more {
    padding: 0vw 0.6666666667vw 0.6666666667vw 0vw;
  }
}
@media (max-width: 1023px) {
  .salesNews .salesNews-card-more > a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #4346B5;
    font-weight: 600;
    font-size: 15px;
    text-transform: none;
  }
}
@media (max-width: 1023px) and (min-width: 1920px) {
  .salesNews .salesNews-card-more > a {
    font-size: 0.8333333333vw;
  }
}
@media (max-width: 1023px) {
  .salesNews .salesNews-card-more > a:hover {
    background: transparent;
    text-decoration: underline;
  }
  .salesNews .salesNews-card-more > a::after {
    content: "\e83f";
    font-family: "Fontello";
    font-weight: normal;
    font-size: 16px;
    line-height: 1;
  }
}
@media (max-width: 1023px) and (min-width: 1920px) {
  .salesNews .salesNews-card-more > a::after {
    font-size: 0.8888888889vw;
  }
}
@media (max-width: 1023px) {
  .salesNews .salesNews-more-desktop {
    display: none;
  }
  .salesNews .salesNews-more-mobile {
    display: inline;
  }
}
@media (min-width: 1024px) {
  .salesNews {
    display: flex;
    align-items: flex-start;
    gap: 24px;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .salesNews {
    gap: 1.3333333333vw;
  }
}
@media (min-width: 1024px) {
  .salesNews .salesNews-card-image {
    display: none;
  }
  .salesNews .salesNews-intro {
    flex: 0 0 auto;
    width: 485px;
    align-self: stretch;
    border-right: 1px solid #C69C6D;
    padding-left: 50px;
    padding-right: 40px;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .salesNews .salesNews-intro {
    width: 26.9444444444vw;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .salesNews .salesNews-intro {
    padding-left: 2.7777777778vw;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .salesNews .salesNews-intro {
    padding-right: 2.2222222222vw;
  }
}
@media (min-width: 1024px) {
  .salesNews .salesNews-intro-inner {
    position: sticky;
    top: 0;
    gap: 36px;
    height: 700px;
    margin-bottom: 0;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .salesNews .salesNews-intro-inner {
    gap: 2vw;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .salesNews .salesNews-intro-inner {
    height: 38.8888888889vw;
  }
}
@media (min-width: 1024px) {
  .salesNews .salesNews-intro .salesNews-all {
    display: block;
  }
  .salesNews .salesNews-foot {
    display: none;
  }
  .salesNews .salesNews-featured {
    display: block;
    position: relative;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
  }
  .salesNews .salesNews-featured-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity 0.5s ease;
  }
  .salesNews .salesNews-featured-img.is-active {
    opacity: 1;
  }
  .salesNews .salesNews-list {
    flex: 1 1 auto;
    min-width: 0;
    padding-top: 360px;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .salesNews .salesNews-list {
    padding-top: 20vw;
  }
}
@media (min-width: 1024px) {
  .salesNews .salesNews-track {
    display: flex;
    flex-direction: column;
    gap: 44px;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .salesNews .salesNews-track {
    gap: 2.4444444444vw;
  }
}
@media (min-width: 1024px) {
  .salesNews .salesNews-card {
    position: relative;
    background: transparent;
    box-shadow: none;
    padding-left: 63px;
    padding-right: 163px;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .salesNews .salesNews-card {
    padding-left: 3.5vw;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .salesNews .salesNews-card {
    padding-right: 9.0555555556vw;
  }
}
@media (min-width: 1024px) {
  .salesNews .salesNews-card-body {
    padding: 0;
  }
  .salesNews .salesNews-card-meta {
    display: block;
    padding: 0;
    margin-bottom: 24px;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .salesNews .salesNews-card-meta {
    margin-bottom: 1.3333333333vw;
  }
}
@media (min-width: 1024px) {
  .salesNews .salesNews-wave {
    position: absolute;
    left: 0;
    top: 0.35em;
    background-color: #96BEF9;
  }
  .salesNews .salesNews-date {
    display: block;
    font-size: 12px;
    letter-spacing: 1.2px;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .salesNews .salesNews-date {
    font-size: 0.6666666667vw;
  }
}
@media (min-width: 1024px) {
  .salesNews .salesNews-card-title {
    margin-bottom: 24px;
    font-size: 28px;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .salesNews .salesNews-card-title {
    margin-bottom: 1.3333333333vw;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .salesNews .salesNews-card-title {
    font-size: 1.5555555556vw;
  }
}
@media (min-width: 1024px) {
  .salesNews .salesNews-card-excerpt {
    margin-bottom: 24px;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .salesNews .salesNews-card-excerpt {
    margin-bottom: 1.3333333333vw;
  }
}
@media (min-width: 1024px) {
  .salesNews .salesNews-card-more {
    margin: 0;
  }
  .salesNews .salesNews-card-more > a {
    margin: 0;
  }
}

.deptBanners {
  background-color: #F5F5F5;
  padding: 80px 0px 80px 0px;
}
@media (min-width: 1920px) {
  .deptBanners {
    padding: 4.4444444444vw 0vw 4.4444444444vw 0vw;
  }
}
.deptBanners .wp-block-columns {
  display: flex;
  flex-direction: column;
  gap: 40px;
  width: 100%;
  max-width: 100%;
  margin: 0;
}
@media (min-width: 1920px) {
  .deptBanners .wp-block-columns {
    gap: 2.2222222222vw;
  }
}
.deptBanners .wp-block-column {
  display: flex;
  flex-direction: column;
  gap: 15px;
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  padding-left: 20px;
  padding-right: 20px;
}
@media (min-width: 1920px) {
  .deptBanners .wp-block-column {
    gap: 0.8333333333vw;
  }
}
@media (min-width: 1920px) {
  .deptBanners .wp-block-column {
    padding-left: 1.1111111111vw;
  }
}
@media (min-width: 1920px) {
  .deptBanners .wp-block-column {
    padding-right: 1.1111111111vw;
  }
}
.deptBanners .wp-block-column > .wp-block-heading {
  display: flex;
  align-items: center;
  gap: 20px;
  margin: 0;
  padding-top: 10px;
  font-family: "Carbona", sans-serif;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 1.4px;
  line-height: 1.5;
  text-transform: uppercase;
  color: #0A0D4A;
}
@media (min-width: 1920px) {
  .deptBanners .wp-block-column > .wp-block-heading {
    gap: 1.1111111111vw;
  }
}
@media (min-width: 1920px) {
  .deptBanners .wp-block-column > .wp-block-heading {
    padding-top: 0.5555555556vw;
  }
}
@media (min-width: 1920px) {
  .deptBanners .wp-block-column > .wp-block-heading {
    font-size: 0.7777777778vw;
  }
}
.deptBanners .wp-block-column > .wp-block-heading::before {
  content: "";
  flex: 0 0 auto;
  width: 43px;
  height: 3px;
  background-color: #0A0D4A;
  -webkit-mask: url("../img/icons/waves.svg") no-repeat center/contain;
  mask: url("../img/icons/waves.svg") no-repeat center/contain;
}
.deptBanners .wp-block-column > .wp-block-group {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  border-radius: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 30px;
  padding: 40px 20px 40px 20px;
  aspect-ratio: 350/560;
}
@media (min-width: 1920px) {
  .deptBanners .wp-block-column > .wp-block-group {
    gap: 1.6666666667vw;
  }
}
@media (min-width: 1920px) {
  .deptBanners .wp-block-column > .wp-block-group {
    padding: 2.2222222222vw 1.1111111111vw 2.2222222222vw 1.1111111111vw;
  }
}
.deptBanners .wp-block-column > .wp-block-group figure {
  position: absolute;
  inset: 0;
  z-index: 0;
  margin: 0;
  border-radius: 0;
}
.deptBanners .wp-block-column > .wp-block-group figure::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.35);
}
.deptBanners .wp-block-column > .wp-block-group figure a {
  display: block;
  height: 100%;
  border-radius: 0;
}
.deptBanners .wp-block-column > .wp-block-group figure img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0;
}
.deptBanners .wp-block-column > .wp-block-group > *:not(figure) {
  position: relative;
  z-index: 1;
}
.deptBanners .wp-block-column > .wp-block-group p:not(.userBttn) {
  margin: 0;
  font-family: "Carbona", sans-serif;
  font-weight: 600;
  font-size: 20px;
  line-height: 1.3;
  color: #F5F5F5;
}
@media (min-width: 1920px) {
  .deptBanners .wp-block-column > .wp-block-group p:not(.userBttn) {
    font-size: 1.1111111111vw;
  }
}
.deptBanners .wp-block-column > .wp-block-group .userBttn {
  margin: 0;
}
.deptBanners .wp-block-column > .wp-block-group .userBttn a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
  padding: 8px 16px 8px 16px;
  border: 1px solid #96BEF9;
  border-radius: 999px;
  background-color: transparent;
  color: #0A0D4A;
  text-decoration: none !important;
  transition: background-color 0.2s;
  font-family: "Carbona", sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
  text-transform: uppercase;
  white-space: nowrap;
  margin: 0;
  max-width: 100%;
  white-space: normal;
  color: #F5F5F5;
}
@media (min-width: 1920px) {
  .deptBanners .wp-block-column > .wp-block-group .userBttn a {
    padding: 0.4444444444vw 0.8888888889vw 0.4444444444vw 0.8888888889vw;
  }
}
.deptBanners .wp-block-column > .wp-block-group .userBttn a:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
@media (min-width: 1024px) {
  .deptBanners .wp-block-column > .wp-block-group .userBttn a {
    display: flex;
    justify-content: space-between;
    align-self: auto;
    width: 100%;
    max-width: 887px;
    height: 70px;
    padding: 20px 8px 20px 4px;
    border: 0;
    border-bottom: 0.5px solid #0A0D4A;
    border-radius: 0;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .deptBanners .wp-block-column > .wp-block-group .userBttn a {
    height: 3.8888888889vw;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .deptBanners .wp-block-column > .wp-block-group .userBttn a {
    padding: 1.1111111111vw 0.4444444444vw 1.1111111111vw 0.2222222222vw;
  }
}
@media (min-width: 1024px) {
  .deptBanners .wp-block-column > .wp-block-group .userBttn a:hover {
    background-color: rgba(0, 0, 0, 0.2);
  }
}
@media (min-width: 1920px) {
  .deptBanners .wp-block-column > .wp-block-group .userBttn a {
    font-size: 0.8333333333vw;
  }
}
@media (min-width: 1024px) {
  .deptBanners .wp-block-column > .wp-block-group .userBttn a {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.17;
    letter-spacing: 0.09em;
    white-space: normal;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .deptBanners .wp-block-column > .wp-block-group .userBttn a {
    font-size: 1vw;
  }
}
.deptBanners .wp-block-column > .wp-block-group .userBttn a::after {
  content: "";
  display: none;
}
@media (min-width: 1024px) {
  .deptBanners .wp-block-column > .wp-block-group .userBttn a::after {
    display: block;
    flex: 0 0 auto;
    width: 24px;
    aspect-ratio: 21/22;
    background-color: currentColor;
    -webkit-mask: url("../img/arrow_right.svg") no-repeat center/contain;
    mask: url("../img/arrow_right.svg") no-repeat center/contain;
  }
}
@media (min-width: 1024px) {
  .deptBanners .wp-block-column > .wp-block-group .userBttn a {
    max-width: none;
    border-bottom-color: #F5F5F5;
    height: auto;
    padding-top: 14px;
    padding-bottom: 14px;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .deptBanners .wp-block-column > .wp-block-group .userBttn a {
    padding-top: min(0.7777777778vw, 16.3333333333px);
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .deptBanners .wp-block-column > .wp-block-group .userBttn a {
    padding-bottom: min(0.7777777778vw, 16.3333333333px);
  }
}
@media (min-width: 1024px) {
  .deptBanners {
    padding-bottom: 0;
  }
  .deptBanners .wp-block-columns {
    flex-direction: row;
    gap: 0px;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .deptBanners .wp-block-columns {
    gap: 0vw;
  }
}
@media (min-width: 1024px) {
  .deptBanners .wp-block-column {
    position: relative;
    overflow: hidden;
    flex: 1 1 0;
    min-width: 0;
    height: 420px;
    padding: 0;
    gap: 0;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .deptBanners .wp-block-column {
    height: 23.3333333333vw;
  }
}
@media (min-width: 1024px) {
  .deptBanners .wp-block-column > .wp-block-heading {
    position: relative;
    z-index: 2;
    padding: 40px 40px 0px 40px;
    color: #F5F5F5;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .deptBanners .wp-block-column > .wp-block-heading {
    padding: 2.2222222222vw 2.2222222222vw 0vw 2.2222222222vw;
  }
}
@media (min-width: 1024px) {
  .deptBanners .wp-block-column > .wp-block-heading::before {
    background-color: #F5F5F5;
  }
  .deptBanners .wp-block-column > .wp-block-group {
    position: static;
    flex: 1 1 auto;
    min-height: 0;
    aspect-ratio: auto;
    padding: 60px 40px 50px 40px;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .deptBanners .wp-block-column > .wp-block-group {
    padding: 3.3333333333vw 2.2222222222vw 2.7777777778vw 2.2222222222vw;
  }
}
@media (min-width: 1024px) {
  .deptBanners .wp-block-column > .wp-block-group p:not(.userBttn) {
    max-width: 440px;
    font-size: 22px;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .deptBanners .wp-block-column > .wp-block-group p:not(.userBttn) {
    font-size: min(1.2222222222vw, 25.6666666667px);
  }
}

.boatHero {
  position: relative;
  margin-top: -69px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  cursor: pointer;
  height: 100vh;
  height: 100dvh;
  --hero-text-drift: -10vh;
}
@media (min-width: 1920px) {
  .boatHero {
    margin-top: -3.8333333333vw;
  }
}
@media (min-width: 1024px) {
  .boatHero {
    --hero-text-drift: -15vh;
  }
}

.boatHero-media {
  position: absolute;
  inset: 0;
  overflow: hidden;
  z-index: 0;
}
.boatHero-media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(10, 13, 74, 0.6) 0%, rgba(10, 13, 74, 0) 45%);
}

.boatHero.heroMediaFixed .boatHero-media {
  position: fixed;
}

.boatHero-media-inner {
  position: absolute;
  inset: 0;
}

.boatHero-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.boatHero-caption {
  position: relative;
  z-index: 1;
  padding-bottom: 40px;
  pointer-events: none;
}
@media (min-width: 1920px) {
  .boatHero-caption {
    padding-bottom: 2.2222222222vw;
  }
}
.boatHero-caption > .content {
  padding-top: 0;
  padding-bottom: 0;
}
@media (min-width: 1024px) {
  .boatHero-caption > .content {
    max-width: 87%;
  }
}
.boatHero-caption h1 {
  margin: 0;
  color: #F5F5F5;
  font-family: "Carbona", sans-serif;
  font-weight: 700;
  font-size: clamp(1.75rem, 3.33vw, 48px);
  line-height: 1.1;
}
.boatHero-caption .baseInfo {
  margin-top: 10px;
  padding-bottom: 0;
  color: rgba(255, 255, 255, 0.85);
}
@media (min-width: 1920px) {
  .boatHero-caption .baseInfo {
    margin-top: 0.5555555556vw;
  }
}
.boatHero-caption .baseInfo:before {
  color: rgba(255, 255, 255, 0.85);
}

.boatHero-strip {
  display: none;
}
@media (min-width: 1024px) {
  .boatHero-strip {
    position: relative;
    z-index: 1;
    display: flex;
    gap: 5px;
    background-color: #F5F5F5;
    cursor: pointer;
    flex-wrap: nowrap;
    height: calc((100vw - 15px) * 7 / 48);
  }
  .boatHero-strip figure {
    flex: 1 1 0;
    aspect-ratio: auto;
    height: 100%;
  }
}
.boatHero-strip img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.boatHero-strip .showAllPhotos {
  position: absolute;
  right: 25px;
  bottom: 25px;
  background: #0A0D4A;
  color: #F5F5F5;
  padding: 10px 24px 10px 24px;
  font-family: "Carbona", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.2;
  pointer-events: none;
}
@media (min-width: 1920px) {
  .boatHero-strip .showAllPhotos {
    right: 1.3888888889vw;
  }
}
@media (min-width: 1920px) {
  .boatHero-strip .showAllPhotos {
    bottom: 1.3888888889vw;
  }
}
@media (min-width: 1920px) {
  .boatHero-strip .showAllPhotos {
    padding: 0.5555555556vw 1.3333333333vw 0.5555555556vw 1.3333333333vw;
  }
}
@media (min-width: 1920px) {
  .boatHero-strip .showAllPhotos {
    font-size: 0.8888888889vw;
  }
}

#boatDetail {
  position: relative;
  z-index: 1;
  background-color: #F5F5F5;
  padding-top: 40px;
}
@media (min-width: 1920px) {
  #boatDetail {
    padding-top: 2.2222222222vw;
  }
}

:root {
  --litepickerMonthButton: #ecafd3 !important;
  --litepickerMonthButtonHover: #f781c3 !important;
  --litepickerDayColorHover: #f68e6b !important;
  --litepickerDayIsInRange: #f9dda5 !important;
  --litepickerDayIsStartBg: #f68e6b !important;
  --litepickerDayIsEndBg: #f68e6b !important;
}

body {
  margin: 0;
}

hr {
  margin-top: 2em;
  margin-bottom: 2em;
}

code, .code {
  color: #f44336;
  background-color: #f1f1f1;
  padding: 3px;
  border-radius: 5px;
  white-space: pre-line;
}

.code:first-line {
  line-height: 0;
}

button.calendar-icon {
  width: 22px;
  height: 22px;
  background-size: 100%;
  border: 0;
}

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

.text-right {
  text-align: right;
}

.lead {
  font-size: 2em;
  margin-bottom: 1em;
}

.text-gray {
  color: #9e9e9e;
}

[id^=anchor-] {
  text-decoration: none;
  color: #9e9e9e;
}

.bg {
  display: inline-block;
  z-index: -20;
  line-height: 0;
  opacity: 1;
  background-color: #fdfbfa;
  background-size: cover;
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  background-position: center top;
  background-attachment: fixed;
}

.bg:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
  opacity: 0.07;
  background-color: #fff;
}

#litepicker {
  border-radius: 6px;
  max-width: 500px;
  width: 100%;
  border: 1px solid #ddd;
  font-size: 1.5em;
  text-align: center;
}

input.apple-switch {
  position: relative;
  -webkit-appearance: none;
  outline: none;
  width: 45px;
  height: 20px;
  background-color: #fff;
  border: 1px solid #d9dadc;
  border-radius: 25px;
  -webkit-box-shadow: inset -24px 0 0 0 #9e9e9e;
  box-shadow: inset -24px 0 0 0 #9e9e9e;
}

input.apple-switch:disabled {
  background-color: #ddd;
}

input.apple-switch:after {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  background: rgba(255, 255, 255, 0);
  width: 18px;
  height: 18px;
  border-radius: 50%;
  -webkit-box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.2);
}

input.apple-switch:checked {
  -webkit-box-shadow: inset 24px 0 0 0 #4cd964;
  box-shadow: inset 24px 0 0 0 #4cd964;
  border-color: #4cd964;
}

input.apple-switch:after {
  left: 22px;
  -webkit-box-shadow: -2px 2px 3px rgba(0, 0, 0, 0.05);
  box-shadow: -2px 2px 3px rgba(0, 0, 0, 0.05);
}

#options-description {
  margin-top: 1em;
}

#options-description .lead {
  margin-bottom: 0.5em;
}

#options-description .option-type {
  text-align: center;
}

#options-description .option-default {
  text-align: center;
  font-family: monospace;
}

#options-description .option-is-object {
  white-space: pre-line;
  text-align: left;
  line-height: 1;
}

#options-description .header-cell {
  text-align: center;
}

#options-table, #events-table, #methods-table {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#options-table > div, #events-table > div, #methods-table > div {
  padding: 15px;
  border-bottom: 1px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
  border-right: 1px solid #f1f1f1;
}

#options-table > div:last-child, #events-table > div:last-child, #methods-table > div:last-child {
  border-right: none;
}

#options-table > div > p:first-child, #events-table > div > p:first-child, #methods-table > div > p:first-child {
  margin-top: 0;
}

#options-table > div > p:last-child, #events-table > div > p:last-child, #methods-table > div > p:last-child {
  margin-bottom: 0;
}

#options-table table, #events-table table, #methods-table table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

#options-table table th, #options-table table td, #events-table table th, #events-table table td, #methods-table table th, #methods-table table td {
  border: 1px solid #bdbdbd;
  padding: 3px 10px;
}

#options-table > div:nth-child(4n+1), #options-table > div:nth-child(4n+2), #options-table > div:nth-child(4n+3) {
  width: 15%;
}

#options-table > div:nth-child(4n+4) {
  -ms-flex-preferred-size: 39%;
  flex-basis: 39%;
}

#events-table > div:nth-child(3n+1), #events-table > div:nth-child(3n+2), #methods-table > div:nth-child(3n+1), #methods-table > div:nth-child(3n+2) {
  width: 15%;
}

#events-table > div:nth-child(3n+3), #methods-table > div:nth-child(3n+3) {
  -ms-flex-preferred-size: 55%;
  flex-basis: 55%;
}

@media (max-width: 768px) {
  .wrapper {
    margin: 0;
  }
  .wrapper > .container {
    border-radius: 0;
  }
  code, .code {
    word-break: break-all;
  }
  #demo {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  #demo #demo-options {
    width: 100%;
  }
  #demo #demo-preview {
    margin-bottom: 2em;
  }
  #options-description .table-grid-header {
    display: none;
  }
  #options-table > div:nth-child(n), #events-table > div:nth-child(n), #methods-table > div:nth-child(n) {
    border-bottom: none;
    border-right: none;
    text-align: left;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
  #options-table .header-cell, #events-table .header-cell, #methods-table .header-cell {
    display: none;
  }
  #options-table > div:nth-child(4n) {
    border-bottom: 1px solid #f1f1f1;
  }
  #options-table > div:nth-child(4n+1) {
    font-weight: bold;
  }
  #events-table > div::nth-child(3n), #methods-table > div::nth-child(3n) {
    border-bottom: 1px solid #f1f1f1;
  }
  #events-table > div:nth-child(3n+1), #methods-table > div:nth-child(3n+1) {
    font-weight: bold;
  }
}
.litepicker-backdrop {
  opacity: 0.75 !important;
}

.litepicker {
  background-color: #fff;
  box-shadow: 1.8vw 1.8vw 5.2vw rgba(0, 0, 0, 0.15);
  z-index: 50;
}

.litepicker .month-item-header {
  padding: 0 !important;
  background-color: #efefef;
  font-family: "Raleway", sans-serif;
  font-size: 1.25vw !important;
  font-weight: 400 !important;
  line-height: 3.28vw;
}

.litepicker .month-item-header strong {
  font-weight: 400;
}

.litepicker .month-item-header .button-next-month,
.litepicker .month-item-header .button-previous-month {
  cursor: pointer !important;
  top: 0;
  display: grid;
  grid-template-columns: 1fr;
  width: 3.28vw !important;
  height: 3.28vw !important;
  padding: 0 !important;
  align-items: center;
  z-index: 3;
}

.litepicker .month-item-header .button-next-month:hover::before,
.litepicker .month-item-header .button-previous-month:hover::before {
  color: #333 !important;
}

.litepicker .container__months {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 0.94vw;
  width: auto;
  border-radius: 0;
  box-shadow: none !important;
}

.litepicker .container__months .month-item-weekdays-row,
.litepicker .container__days {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.litepicker .container__days > div, .litepicker .container__days > a {
  width: auto !important;
}

.litepicker .container__months .month-item-weekdays-row > div,
.litepicker .container__days .day-item {
  pointer-events: none;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  display: grid;
  grid-template-columns: 1fr;
  width: 3.28vw !important;
  height: 3.28vw !important;
  padding: 0;
  font-size: 0.9375vw !important;
  font-weight: 400;
  border: 0 !important;
  align-content: center;
  justify-items: center;
  border-radius: 0 !important;
  transition: 0s;
  border-bottom: 2px solid #fff !important;
}

.litepicker .container__months .month-item-weekdays-row > div {
  color: #3c3c3b;
  font-weight: 600;
  text-transform: uppercase;
}

.litepicker .container__months .month-item {
  position: relative;
  width: auto;
}

.litepicker .container__months .month-item:first-child {
  padding: 0.94vw 0 0 0.94vw;
}

.litepicker .container__months .month-item:last-child {
  padding: 0.94vw 0.94vw 0 0;
}

.litepicker .container__months .month-item:first-child .reset-button {
  cursor: pointer;
  position: absolute;
  top: calc(100% + 0.94vw);
  left: 0.94vw;
  width: 100%;
  padding-top: 0.6266666667vw;
  color: #3c3c3b;
  font-size: 0.94vw;
  border-top: 1px solid #efefef;
  z-index: 3;
}

.litepicker .container__months .month-item:first-child .reset-button:hover {
  color: #333;
}

.litepicker .container__months .month-item:last-child .reset-button {
  display: none;
}

.litepicker .container__days .day-item.is-booked:hover, .litepicker .container__days .day-item.is-locked:hover {
  color: #bdbdbd;
  background-color: #fff;
}

.litepicker .container__days .day-item:nth-child(7n+6) {
  pointer-events: initial;
  background-color: #efefef;
  font-weight: 600;
}

.litepicker .container__days .day-item:nth-child(7n+6).is-booked, .litepicker .container__days .day-item:nth-child(7n+6).is-locked {
  pointer-events: none;
  color: #9e9e9e;
  font-weight: 400;
}

.litepicker .container__days .day-item:nth-child(7n+6).is-locked.is-start-date {
  pointer-events: initial;
  font-weight: 600;
}

.litepicker .container__days .day-item.is-booked, .litepicker .container__days .day-item.is-locked {
  color: #bdbdbd !important;
}

.litepicker .container__days .day-item.is-booked:nth-child, .litepicker .container__days .day-item.is-locked:nth-child(7n+6):hover {
  color: #bdbdbd !important;
  background-color: #efefef !important;
}

.litepicker .container__days .day-item.is-today {
  color: #333 !important;
  font-weight: 600 !important;
}

.litepicker .container__days .day-item:hover {
  color: #fff;
  background-color: #333 !important;
  border: 0 !important;
  box-shadow: none !important;
}

.litepicker .container__days .day-item.is-start-date,
.litepicker .container__days .day-item.is-in-range,
.litepicker .container__days .day-item.is-end-date {
  color: white !important;
  background-color: #333 !important;
  border-radius: 0 !important;
}

.litepicker .container__days .day-item.is-start-date::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 1vw;
  height: 1vw;
  background-color: #fff;
  transform: translate(-50%, -50%) rotate(45deg);
}

.litepicker .container__days .day-item.is-end-date::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 1vw;
  height: 1vw;
  background-color: #fff;
  transform: translate(-50%, 50%) rotate(45deg);
}

.litepicker .container__days .day-item.is-start-date.is-flipped::before {
  top: initial !important;
  bottom: 0 !important;
  transform: translate(-50%, 50%) rotate(45deg) !important;
}

.litepicker .container__days .day-item.is-end-date.is-flipped::before {
  top: 0 !important;
  bottom: initial !important;
  transform: translate(-50%, -50%) rotate(45deg) !important;
}

.litepicker .container__days .day-item.is-start-date.is-flipped,
.litepicker .container__days .day-item.is-flipped:hover {
  color: #fff !important;
  background-color: #333 !important;
}

.litepicker .container__footer {
  height: 2.8177083333vw !important;
  margin: 0.94vw 0 !important;
  padding: 0 0.94vw !important;
  background-color: #fff !important;
  box-shadow: none !important;
  border: none !important;
}

.litepicker .container__footer .button-apply {
  display: none;
}

.litepicker .container__footer .button-cancel {
  float: right;
  position: relative;
  width: -moz-max-content;
  width: -webkit-max-content;
  width: max-content;
  height: 2.82vw;
  padding: 0.15vw 1.41vw 0 1.41vw;
  background-color: #efefef !important;
  color: #9e9e9e;
  font-family: "Raleway", sans-serif;
  font-size: 0.83vw;
  font-weight: 600;
  text-transform: uppercase;
  border-radius: 1.41vw;
  z-index: 10;
}

.litepicker .container__footer .button-cancel:hover {
  background-color: #3c3c3b !important;
  color: #fff !important;
}

@media (min-width: 577px) and (orientation: portrait) {
  .litepicker {
    box-shadow: 3.525vw 3.525vw 9.75vw rgba(0, 0, 0, 0.15);
  }
  .litepicker .month-item-header {
    font-size: 2.34vw !important;
    line-height: 6.25vw;
  }
  .litepicker .month-item-header .button-next-month,
  .litepicker .month-item-header .button-previous-month {
    width: 6.25vw !important;
    height: 6.25vw !important;
  }
  .litepicker .month-item-header .button-next-month::before {
    font-size: 2.34vw !important;
  }
  .litepicker .month-item-header .button-previous-month::before {
    font-size: 2.34vw !important;
  }
  .litepicker .container__months {
    grid-column-gap: 1.7625vw;
  }
  .litepicker .container__months .month-item-weekdays-row > div,
  .litepicker .container__days .day-item {
    width: 6.25vw !important;
    height: 6.25vw !important;
    font-size: 1.7625vw !important;
  }
  .litepicker .container__months .month-item:first-child {
    padding: 1.7625vw 0 0 1.7625vw;
  }
  .litepicker .container__months .month-item:last-child {
    padding: 1.7625vw 1.7625vw 0 0;
  }
  .litepicker .container__months .month-item:first-child .reset-button {
    top: calc(100% + 1.7625vw);
    left: 1.7625vw;
    padding-top: 1.175vw;
    font-size: 1.7625vw;
  }
  .litepicker .container__days .day-item.is-start-date::before {
    width: 1.875vw;
    height: 1.875vw;
  }
  .litepicker .container__days .day-item.is-end-date::before {
    width: 1.875vw;
    height: 1.875vw;
  }
  .litepicker .container__footer {
    height: 5.283203125vw !important;
    margin: 1.7625vw 0 !important;
    padding: 0 1.7625vw !important;
  }
  .litepicker .container__footer .button-cancel {
    height: 5.2875vw;
    padding: 0.28125vw 2.64375vw 0 2.64375vw;
    font-size: 1.55625vw;
    border-radius: 2.64375vw;
  }
  .litepicker .container__footer .button-cancel::before {
    margin-top: -0.28125vw;
    margin-right: 1.7625vw;
    font-size: 2.34vw;
  }
}
@media (max-width: 576px) and (orientation: portrait) {
  .litepicker {
    top: 18.78vw !important;
    margin-top: 0;
    box-shadow: 6.26vw 6.26vw 9.75vw rgba(0, 0, 0, 0.15);
  }
  .litepicker .month-item-header {
    font-size: 4.16vw !important;
    line-height: 6.25vw;
  }
  .litepicker .month-item-header .button-next-month,
  .litepicker .month-item-header .button-previous-month {
    width: 9.4vw !important;
    height: 9.4vw !important;
  }
  .litepicker .month-item-header .button-next-month::before {
    font-size: 4.16vw !important;
  }
  .litepicker .month-item-header .button-previous-month::before {
    font-size: 4.16vw !important;
  }
  .litepicker .container__months .month-item:last-child .reset-button {
    display: block;
    text-align: left;
  }
  .litepicker .container__months {
    grid-template-columns: 1fr;
  }
  .litepicker .container__months:last-child {
    padding: 3.13vw 3.13vw 0 3.13vw;
  }
  .litepicker .container__months .month-item-weekdays-row > div,
  .litepicker .container__days .day-item {
    width: 11.55vw !important;
    height: 11.55vw !important;
    font-size: 3.13vw !important;
  }
  .litepicker .container__months .month-item:first-child {
    padding: 3.13vw 0 0 3.13vw;
  }
  .litepicker .container__months .month-item:last-child {
    padding: 0;
  }
  .litepicker .container__months .month-item:first-child .reset-button {
    width: calc(100% - 0.94vw);
    top: calc(100% + 3.13vw);
    left: 0;
    padding-top: 3.13vw;
    font-size: 3.33vw;
  }
  .litepicker .container__days .day-item.is-start-date::before {
    width: 3.33vw;
    height: 3.33vw;
  }
  .litepicker .container__days .day-item.is-end-date::before {
    width: 3.33vw;
    height: 3.33vw;
  }
  .litepicker .container__footer {
    display: inline-block;
    width: calc(100% - 6.26vw);
    height: initial !important;
    margin: 3.13vw 0 !important;
    padding: 0 3.13vw !important;
  }
  .litepicker .container__footer .button-cancel {
    height: 9.4vw;
    margin-top: 3.13vw;
    padding: 0.5vw 4.7vw 0 4.7vw;
    font-size: 2.76vw;
    border-radius: 4.7vw;
  }
  .litepicker .container__footer .button-cancel::before {
    margin-top: -0.5vw;
    margin-right: 3.13vw;
    font-size: 4.16vw;
  }
}
.litepicker {
  box-sizing: border-box;
  overflow: hidden;
  left: 50% !important;
  margin-top: 1.1953125vw;
  padding: 1.88vw;
  border-radius: 0.9375vw;
  box-shadow: 0.52083vw 0.52083vw 2.083vw rgba(0, 0, 0, 0.25);
  transform: translate(-50%, 0) !important;
  z-index: 300 !important;
}

#parent-changed-calendar-date, #parent-summary-changed-calendar-date {
  position: relative;
}

#parent-changed-calendar-date > .litepicker {
  left: 0 !important;
  transform: none !important;
}

#parent-summary-changed-calendar-date > .litepicker {
  left: initial !important;
  right: -1.8802vw;
  transform: none !important;
}

.litepicker .month-item-header {
  background-color: white;
  line-height: 1;
}

.litepicker .month-item-header .button-next-month,
.litepicker .month-item-header .button-previous-month {
  width: initial !important;
  height: initial !important;
}

.litepicker .container__months .month-item-header div > .month-item-name,
.litepicker .container__months .month-item-header div > .month-item-year {
  font-size: 0.9375vw;
  font-weight: 700;
  text-transform: uppercase;
}

.litepicker .container__months .month-item-weekdays-row {
  margin-top: 0.47vw;
}

.litepicker .container__months .month-item-weekdays-row > div {
  width: 2.34375vw !important;
  height: 2.34375vw !important;
  font-size: 0.83vw !important;
  font-weight: 700 !important;
}

.litepicker .container__months .month-item {
  padding: 0 !important;
}

.litepicker .container__days .day-item {
  width: 2.34375vw !important;
  height: 2.34375vw !important;
  color: #5E5E5D !important;
  font-size: 0.83vw !important;
  font-weight: 400 !important;
}

.litepicker .container__days .day-item::before {
  display: none !important;
}

.litepicker .container__days .day-item.is-booked,
.litepicker .container__days .day-item.is-locked,
.litepicker .container__days .day-item.is-today {
  color: #5E5E5D !important;
  font-weight: 400 !important;
  opacity: 0.75;
}

.litepicker .container__days .day-item:nth-child(7n+6) {
  color: #3C3C3B !important;
  background-color: white;
  font-weight: 700 !important;
}

.litepicker .container__days .day-item.is-locked:nth-child(7n+6) {
  color: #5E5E5D !important;
  font-weight: 400 !important;
  opacity: 0.75;
}

.litepicker .container__days .day-item:hover {
  color: white !important;
  background-color: #A6A6A6 !important;
  border-radius: 100% !important;
}

.litepicker .container__days .day-item.is-start-date,
.litepicker .container__days .day-item.is-in-range,
.litepicker .container__days .day-item.is-end-date {
  color: white !important;
  background-color: #A6A6A6 !important;
  font-weight: 700 !important;
  opacity: 1 !important;
}

.litepicker .container__days .day-item.is-start-date,
.litepicker .container__days .day-item.is-start-date:nth-child(7n+6),
.litepicker .container__days .day-item.is-start-date:hover,
.litepicker .container__days .day-item.is-start-date:nth-child(7n+6):hover,
.litepicker .container__days .day-item.is-end-date.is-flipped,
.litepicker .container__days .day-item.is-end-date.is-flipped:hover,
.litepicker .container__days .day-item.is-end-date.is-flipped:nth-child(7n+6),
.litepicker .container__days .day-item.is-end-date.is-flipped:nth-child(7n+6):hover {
  color: white !important;
  background-color: #A6A6A6 !important;
  font-weight: 700 !important;
  border-top-left-radius: 1.171875vw !important;
  border-bottom-left-radius: 1.171875vw !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.litepicker .container__days .day-item.is-end-date,
.litepicker .container__days .day-item.is-end-date:nth-child(7n+6),
.litepicker .container__days .day-item.is-end-date:hover,
.litepicker .container__days .day-item.is-end-date:nth-child(7n+6):hover,
.litepicker .container__days .day-item.is-in-range + .day-item.is-start-date:nth-child(7n+6) {
  color: white !important;
  font-weight: 700 !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-top-right-radius: 1.171875vw !important;
  border-bottom-right-radius: 1.171875vw !important;
}

.litepicker .container__days .day-item.is-in-range {
  box-shadow: 1px 0 0 #A6A6A6;
}

.litepicker .container__months .month-item:first-child .reset-button {
  left: 0 !important;
  padding-top: 0 !important;
  color: #ADADAD;
  text-align: left !important;
  border-top: 0 !important;
}

.litepicker .container__footer {
  height: 1.88vw !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

.litepicker .container__footer .button-apply {
  display: none !important;
  float: right;
  position: relative;
  width: -moz-max-content;
  width: -webkit-max-content;
  width: max-content;
  height: 2.82vw;
  margin: 0 !important;
  padding: 0.15vw 1.41vw 0 1.41vw;
  background-color: #333 !important;
  color: #fff;
  font-family: "Raleway", sans-serif;
  font-size: 0.83vw;
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 1.41vw;
  z-index: 10;
}

.litepicker .container__footer .button-apply:hover {
  background-color: #00a9c8 !important;
}

.litepicker .container__footer .button-cancel {
  display: none !important;
}

@media (min-width: 577px) and (orientation: portrait) {
  .litepicker {
    margin-top: 2.1005859375vw;
    padding: 3.525vw;
    border-radius: 1.7578125vw;
    box-shadow: 0.97655625vw 0.97655625vw 3.905625vw rgba(0, 0, 0, 0.25);
  }
  #parent-summary-changed-calendar-date > .litepicker {
    right: -3.525vw;
  }
  .litepicker .container__months .month-item-header div > .month-item-name,
  .litepicker .container__months .month-item-header div > .month-item-year {
    font-size: 1.7578125vw;
  }
  .litepicker .container__months .month-item-weekdays-row {
    margin-top: 0.88125vw;
  }
  .litepicker .container__months .month-item-weekdays-row > div {
    width: 4.39453125vw !important;
    height: 4.39453125vw !important;
    font-size: 1.55625vw !important;
  }
  .litepicker .container__days .day-item {
    width: 4.39453125vw !important;
    height: 4.39453125vw !important;
    font-size: 1.55625vw !important;
  }
  .litepicker .container__days .day-item.is-start-date,
  .litepicker .container__days .day-item.is-start-date:nth-child(7n+6),
  .litepicker .container__days .day-item.is-start-date:hover,
  .litepicker .container__days .day-item.is-start-date:nth-child(7n+6):hover,
  .litepicker .container__days .day-item.is-end-date.is-flipped,
  .litepicker .container__days .day-item.is-end-date.is-flipped:hover,
  .litepicker .container__days .day-item.is-end-date.is-flipped:nth-child(7n+6),
  .litepicker .container__days .day-item.is-end-date.is-flipped:nth-child(7n+6):hover {
    border-top-left-radius: 2.197265625vw !important;
    border-bottom-left-radius: 2.197265625vw !important;
  }
  .litepicker .container__days .day-item.is-end-date,
  .litepicker .container__days .day-item.is-end-date:nth-child(7n+6),
  .litepicker .container__days .day-item.is-end-date:hover,
  .litepicker .container__days .day-item.is-end-date:nth-child(7n+6):hover,
  .litepicker .container__days .day-item.is-in-range + .day-item.is-start-date:nth-child(7n+6) {
    border-top-right-radius: 2.197265625vw !important;
    border-bottom-right-radius: 2.197265625vw !important;
  }
  .litepicker .container__footer .button-apply {
    height: 5.2875vw;
    margin: 0 !important;
    padding: 0.28125vw 2.64375vw 0 2.64375vw;
    font-size: 1.55625vw;
    border-radius: 2.64375vw;
  }
}
/* The close (X) is injected on every onShow (desktop too); hide it by default — only the mobile full-screen calendar below shows it. */
.litepicker .litepicker-close {
  display: none;
}

@media (max-width: 576px) and (orientation: portrait) {
  .litepicker-backdrop {
    display: none !important;
  }
  .litepicker {
    position: fixed !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin-top: 0 !important;
    padding: 0;
    border-radius: 0;
    box-shadow: none !important;
    z-index: 8500 !important;
  }
  /* Close (X), top-right — mobile only (full-screen calendar can't be dismissed by clicking outside). navBar is z-index 8000, so the calendar sits above it (8500). */
  .litepicker .litepicker-close {
    display: block;
    position: fixed;
    top: 4vw;
    right: 5vw;
    width: 8vw;
    height: 8vw;
    padding: 0;
    background: none;
    border: 0;
    cursor: pointer;
    z-index: 20;
  }
  .litepicker .litepicker-close::before, .litepicker .litepicker-close::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 0.6vw;
    background-color: #3c3c3b;
  }
  .litepicker .litepicker-close::before {
    transform: rotate(45deg);
  }
  .litepicker .litepicker-close::after {
    transform: rotate(-45deg);
  }
  #parent-summary-changed-calendar-date > .litepicker {
    right: initial;
    left: 0 !important;
  }
  .litepicker .container__main { /* overflow-x:hidden;overflow-y:auto; */
    height: 100%;
  }
  .litepicker .container__months {
    width: 100% !important;
    padding: 0 !important;
  }
  .litepicker .container__months .month-item {
    padding: 6.27vw 6.27vw 0 6.27vw !important;
  }
  .litepicker .container__months .month-item:first-child {
    padding-top: 36.5vw !important;
  }
  .litepicker .container__months .month-item:last-child {
    padding-bottom: 32.527010582vw !important;
  }
  .litepicker .container__months .month-item-header {
    margin-bottom: 3.135vw;
    justify-content: center !important;
  }
  .litepicker .container__months .month-item-header div > .month-item-name,
  .litepicker .container__months .month-item-header div > .month-item-year {
    font-size: 4.1666666667vw;
  }
  .litepicker .container__months .month-item-weekdays-row {
    display: none;
    position: fixed;
    top: 14.2555555556vw;
    left: 50%;
    width: calc(100% - 12.54vw);
    margin-top: 0;
    background: white;
    transform: translate(-50%, 0);
    border-bottom: 1px solid #d3d3d3;
    box-shadow: 0 -12.5vw 0 white, 0 -25vw 0 white, 6.27vw 0 0 white, -6.27vw 0 0 white;
    z-index: 10;
  }
  .litepicker .container__months .month-item:first-child .month-item-weekdays-row {
    display: grid !important;
  }
  .litepicker .container__months .month-item-weekdays-row > div {
    width: 100% !important;
    height: 12.4916666667vw !important;
    background: white;
    font-size: 3.3333333333vw !important;
    border: none !important;
  }
  .litepicker .container__months .month-item:last-child .button-previous-month {
    display: none !important;
  }
  .litepicker .container__months .month-item:first-child .button-previous-month,
  .litepicker .container__months .month-item:last-child .button-next-month {
    width: 11.1111111111vw !important;
    height: 11.1111111111vw !important;
  }
  .litepicker .container__months .month-item-header {
    position: relative;
  }
  .litepicker .container__months .month-item:first-child .button-previous-month {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, calc(-50% - 1px));
  }
  .litepicker .container__months .month-item:last-child .button-next-month {
    position: fixed;
    top: initial;
    bottom: 0 !important;
    margin-bottom: 0;
    width: 100% !important;
    background-color: white;
    box-shadow: 0 0 6.9433333333vw rgba(0, 0, 0, 0.25) !important;
    border-radius: 0 !important;
    z-index: 9;
  }
  .litepicker .container__months .month-item:first-child .button-previous-month::before {
    font-size: 5.2083333333vw !important;
    line-height: 1;
  }
  .litepicker .container__months .month-item:last-child .button-next-month::before {
    font-size: 12.5vw !important;
    font-weight: 300 !important;
    transform: rotate(90deg);
  }
  .litepicker .container__days .day-item {
    width: 100% !important;
    height: 12.4916666667vw !important;
    font-size: 3.6111111111vw !important;
  }
  .litepicker .container__days .day-item.is-start-date,
  .litepicker .container__days .day-item.is-start-date:nth-child(7n+6),
  .litepicker .container__days .day-item.is-start-date:hover,
  .litepicker .container__days .day-item.is-start-date:nth-child(7n+6):hover,
  .litepicker .container__days .day-item.is-end-date.is-flipped,
  .litepicker .container__days .day-item.is-end-date.is-flipped:hover,
  .litepicker .container__days .day-item.is-end-date.is-flipped:nth-child(7n+6),
  .litepicker .container__days .day-item.is-end-date.is-flipped:nth-child(7n+6):hover {
    border-top-left-radius: 6.2458333333vw !important;
    border-bottom-left-radius: 6.2458333333vw !important;
  }
  .litepicker .container__days .day-item.is-end-date,
  .litepicker .container__days .day-item.is-end-date:nth-child(7n+6),
  .litepicker .container__days .day-item.is-end-date:hover,
  .litepicker .container__days .day-item.is-end-date:nth-child(7n+6):hover,
  .litepicker .container__days .day-item.is-in-range + .day-item.is-start-date:nth-child(7n+6) {
    border-top-right-radius: 6.2458333333vw !important;
    border-bottom-right-radius: 6.2458333333vw !important;
  }
  .litepicker .container__months .month-item .reset-button {
    display: none;
    position: fixed !important;
    top: initial !important;
    bottom: 5.75vw;
    left: 6.27vw !important;
    width: initial !important;
    font-size: 3.0555555556vw !important;
    z-index: 11;
  }
  .litepicker .container__months .month-item:first-child .reset-button {
    display: initial !important;
  }
  .litepicker .container__footer {
    position: fixed;
    bottom: 0;
    left: 0 !important;
    width: 100%;
    height: initial !important;
    padding: 3.135vw 6.27vw !important;
    box-shadow: none !important;
    border-top: 1px solid #f2f2f2 !important;
    z-index: 10;
  }
  .litepicker .container__footer .button-apply {
    display: table !important;
    height: 9.3888888889vw;
    margin: 0 !important;
    padding: 0 6.2222222222vw;
    font-size: 3.0555555556vw;
    border-radius: 4.6944444444vw;
  }
}
.litepicker .container__months.columns-2 {
  width: 100%;
}

.month-item-header button svg {
  display: none;
}

.litepicker.second .day-item:not(.is-locked) {
  pointer-events: unset;
  font-weight: 700 !important;
}

.mobRes .container__days {
  width: 100%;
}

body.lb-disable-scrolling {
  overflow: hidden;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
  outline: none;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  max-height: none;
  border-radius: 3px;
  /* Image border */
  border: 4px solid white;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;
  /* Background color behind image.
     This is visible during transitions. */
  background-color: white;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../img/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url("data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==");
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(../img/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(../img/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-caption a {
  color: #4ae;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../img/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lightboxOverlay {
  z-index: 15999;
}

.lightbox {
  z-index: 16000;
}

/*html {
  scroll-behavior: smooth; // used for css scroll to top #
}*/
@media (min-width: 769px) {
  .grid-with-sidebar {
    grid-template-columns: auto 400px;
  }
}
.grid-with-sidebar .item-1 {
  padding-bottom: 50px;
}
@media (min-width: 769px) {
  .grid-with-sidebar .item-1 {
    padding-right: 20px;
    padding-bottom: 0;
  }
}

.home #page-title {
  position: absolute;
  z-index: -2;
  transform: translateX(-15000px);
}

/*Korišteno za "lazyload" sadržaja na naslovnici. Nije poboljšalo SEO, a reže sadržaje na rubovima (npr. owl strelice)*/
/*.home .contentArea > .text-content {
    & > div, & > section {
        content-visibility: auto;
    }
}*/
.categoriesList li:before, .page-template-archive .orderNumber, .post-type-archive-knjige .orderNumber {
  position: absolute;
  left: -40px;
  top: 5px;
  font-family: "Carbona", sans-serif;
  font-weight: 700;
  font-size: 12px;
}
@media (min-width: 960px) {
  .categoriesList li:before, .page-template-archive .orderNumber, .post-type-archive-knjige .orderNumber {
    left: -100px;
  }
}

.page-template-archive .content.text-content, .post-type-archive-knjige .content.text-content {
  max-width: 790px;
}
.page-template-archive .items-list, .post-type-archive-knjige .items-list {
  list-style: none;
  margin: 0;
}
@media (min-width: 960px) {
  .page-template-archive .items-list, .post-type-archive-knjige .items-list {
    padding: 0 0 0 100px;
  }
}
.page-template-archive .items-list li, .post-type-archive-knjige .items-list li {
  position: relative;
  margin-bottom: 50px;
}
.page-template-archive .items-list {
  padding: 0 0 0 40px;
}

.post-type-archive-knjige .items-list {
  font-size: 20px;
  padding: 0;
}
@media (min-width: 551px) {
  .post-type-archive-knjige .items-list li {
    margin-bottom: 90px;
  }
}
@media (min-width: 551px) {
  .post-type-archive-knjige .items-list .itemWrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: wrap;
    -webkit-flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    justify-content: flex-start;
  }
}
.post-type-archive-knjige .items-list .leftPart {
  max-width: 230px;
}
@media (min-width: 551px) {
  .post-type-archive-knjige .items-list .leftPart {
    width: 40%;
  }
}
.post-type-archive-knjige .items-list .leftPart img {
  width: auto;
  transition: box-shadow 0.1s;
  margin-bottom: 20px;
}
.post-type-archive-knjige .items-list .leftPart img:hover {
  box-shadow: 3px 3px 7px 0px rgba(0, 0, 0, 0.55);
}
.post-type-archive-knjige .items-list .rightPart {
  padding-bottom: 20px;
  position: relative;
}
@media (min-width: 551px) {
  .post-type-archive-knjige .items-list .rightPart {
    width: 60%;
    padding-bottom: 0;
    padding-left: 40px;
  }
}
.post-type-archive-knjige .items-list .rightPart:after {
  content: "";
  border-bottom: 1px solid rgba(6, 17, 32, 0.1019607843);
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
}
@media (min-width: 551px) {
  .post-type-archive-knjige .items-list .rightPart:after {
    left: 40px;
  }
}
.post-type-archive-knjige .orderNumber {
  display: none;
}
@media (min-width: 1024px) {
  .post-type-archive-knjige .orderNumber {
    display: block;
  }
}
.post-type-archive-knjige .totalNumber {
  position: absolute;
  margin-top: -50px;
}
.post-type-archive-knjige .title {
  margin-bottom: 15px;
  font-size: 24px;
  line-height: 29px;
}
.post-type-archive-knjige .title:hover {
  color: #000;
}
@media (min-width: 551px) {
  .post-type-archive-knjige .title {
    margin-bottom: 60px;
    font-size: 28px;
    line-height: 35px;
  }
}
.post-type-archive-knjige .sold {
  display: inline-block;
  border: 1px solid #E01D59;
  font-size: 15px;
  letter-spacing: 1px;
  padding: 0 10px;
  border-radius: 4px;
  position: absolute;
  margin-top: -33px;
}
@media (min-width: 551px) {
  .post-type-archive-knjige .sold {
    margin-top: -40px;
  }
}
.post-type-archive-knjige .podrucje {
  text-transform: lowercase;
}
.post-type-archive-knjige .more {
  margin-top: 15px;
  margin-bottom: 15px;
}
@media (min-width: 551px) {
  .post-type-archive-knjige .more {
    margin-top: 46px;
  }
}

.pagination {
  font-family: "Carbona", sans-serif;
  font-size: 12px;
  padding: 50px 0;
  text-align: center;
}
.pagination span {
  padding: 4px 8px;
  color: #0A0D4A;
}
.pagination a {
  padding: 4px 8px;
  color: #a0a4a8;
}
.pagination a.next, .pagination a.prev {
  color: #e01d59;
  transform: translateY(-3px);
}

.page-izdanja .mainContent .content.text-content {
  max-width: 790px;
}

.categoriesList {
  counter-reset: item;
}
.categoriesList ul {
  padding: 0;
}
@media (min-width: 960px) {
  .categoriesList ul {
    padding: 0 0 0 100px;
  }
}
.categoriesList li {
  list-style: none;
  margin-bottom: 5px;
  position: relative;
}
.categoriesList li:before {
  /*content: counter(item) " ";*/
  content: ".";
  /*counter-increment: item;*/
  font-size: 24px;
  line-height: 1;
  transform: translateY(-6px);
}
@media (min-width: 551px) {
  .categoriesList li:before {
    transform: translateY(-5px);
  }
}
.categoriesList a {
  font-size: 22px;
  font-family: "Carbona", sans-serif;
  font-weight: bold;
  color: inherit;
}
.categoriesList a:hover {
  text-decoration: underline;
}
@media (min-width: 551px) {
  .categoriesList a {
    font-size: 26px;
  }
}

@media (min-width: 769px) {
  .category-info {
    min-height: 275px;
  }
}
@media (min-width: 960px) {
  .category-info {
    min-height: 375px;
  }
}
@media (min-width: 1920px) {
  .category-info {
    min-height: 475px;
  }
}
.category-info > div {
  width: 100%;
}
@media (min-width: 769px) {
  .category-info > div {
    width: 50%;
  }
}
.category-info .textBlock {
  border-bottom: 1px solid rgba(6, 17, 32, 0.1019607843);
  padding: 50px 20px;
}
@media (min-width: 769px) {
  .category-info .textBlock {
    padding: 5% 40px;
  }
}
.category-info .category-image {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  display: none;
}
@media (min-width: 769px) {
  .category-info .category-image {
    display: block;
  }
}

.boat-list {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
}

.boat-list > .item, .boat-list .owl-item > .item {
  width: 100%;
  -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.1);
  margin-bottom: 50px;
}
@media (min-width: 551px) {
  .boat-list > .item, .boat-list .owl-item > .item {
    width: 49%;
  }
}
@media (min-width: 551px) {
  .boat-list > .item:nth-child(odd), .boat-list .owl-item > .item:nth-child(odd) {
    margin-right: 2%;
  }
}
@media (min-width: 1024px) {
  .boat-list > .item:nth-child(odd), .boat-list .owl-item > .item:nth-child(odd) {
    margin-right: 0;
  }
}
@media (min-width: 1024px) {
  .boat-list > .item, .boat-list .owl-item > .item {
    width: 100%;
    min-height: 299px;
  }
  .single .boat-list > .item, .page-template-default .boat-list > .item, .single .boat-list .owl-item > .item, .page-template-default .boat-list .owl-item > .item {
    min-height: 187px;
  }
}
.boat-list > .item .boat-image, .boat-list .owl-item > .item .boat-image {
  width: 100%;
  display: block;
  position: relative;
}
@media (min-width: 1024px) {
  .boat-list > .item .boat-image, .boat-list .owl-item > .item .boat-image {
    width: 480px;
  }
  .single .boat-list > .item .boat-image, .page-template-default .boat-list > .item .boat-image, .single .boat-list .owl-item > .item .boat-image, .page-template-default .boat-list .owl-item > .item .boat-image {
    width: 300px;
  }
}
.boat-list > .item .boat-image img, .boat-list .owl-item > .item .boat-image img {
  display: block;
  transition: opacity 0.2s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.boat-list > .item .boat-image:hover img, .boat-list .owl-item > .item .boat-image:hover img {
  opacity: 0.8;
}
.boat-list > .item .boat-image:after, .boat-list .owl-item > .item .boat-image:after {
  position: absolute;
  content: "";
  width: 3px;
  height: 4px;
  background-color: #fff;
  right: 0;
  bottom: 0;
}
.boat-list > .item .boat-text, .boat-list .owl-item > .item .boat-text {
  padding: 30px 15px;
  -webkit-flex: 1;
  -webkit-box-flex: 1;
  -moz-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.single .boat-list > .item .boat-text, .page-template-default .boat-list > .item .boat-text, .single .boat-list .owl-item > .item .boat-text, .page-template-default .boat-list .owl-item > .item .boat-text {
  padding-bottom: 0;
  padding-top: 15px;
}
@media (min-width: 1024px) {
  .boat-list > .item .boat-text, .boat-list .owl-item > .item .boat-text {
    width: 60%;
  }
  .single .boat-list > .item .boat-text, .page-template-default .boat-list > .item .boat-text, .single .boat-list .owl-item > .item .boat-text, .page-template-default .boat-list .owl-item > .item .boat-text {
    width: 40%;
  }
}
.boat-list > .item .boat-text .label, .boat-list .owl-item > .item .boat-text .label {
  color: #a0a4a8;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1.4px;
  line-height: 22px;
}
.boat-list > .item .boat-text .label span, .boat-list .owl-item > .item .boat-text .label span {
  display: block;
  font-size: 10px;
  line-height: 1.3;
  opacity: 0.8;
}
.single .boat-list > .item .boat-text .label span, .page-template-default .boat-list > .item .boat-text .label span, .single .boat-list .owl-item > .item .boat-text .label span, .page-template-default .boat-list .owl-item > .item .boat-text .label span {
  font-size: 9px;
  line-height: 1.2;
}
@media (min-width: 769px) {
  .boat-list > .item .boat-text .label, .boat-list .owl-item > .item .boat-text .label {
    font-size: 16px;
  }
  .single .boat-list > .item .boat-text .label, .page-template-default .boat-list > .item .boat-text .label, .single .boat-list .owl-item > .item .boat-text .label, .page-template-default .boat-list .owl-item > .item .boat-text .label {
    font-size: 13px;
  }
}
.boat-list > .item .boat-text .boat-data, .boat-list .owl-item > .item .boat-text .boat-data {
  width: 100%;
  position: relative;
  margin-bottom: 20px;
  text-align: center;
}
.boat-list > .item .boat-text .boat-data h1:before, .boat-list .owl-item > .item .boat-text .boat-data h1:before {
  display: none;
}
.single .boat-list > .item .boat-text .boat-data, .page-template-default .boat-list > .item .boat-text .boat-data, .single .boat-list .owl-item > .item .boat-text .boat-data, .page-template-default .boat-list .owl-item > .item .boat-text .boat-data {
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  .boat-list > .item .boat-text .boat-data, .boat-list .owl-item > .item .boat-text .boat-data {
    width: 60%;
    padding-right: 5px;
    text-align: left;
  }
}
.boat-list > .item .boat-text .boat-data h1, .boat-list .owl-item > .item .boat-text .boat-data h1 {
  font-size: 26px;
  font-weight: 600;
  line-height: 32px;
  margin: 0 0 20px;
  padding: 0;
}
.single .boat-list > .item .boat-text .boat-data h1, .page-template-default .boat-list > .item .boat-text .boat-data h1, .single .boat-list .owl-item > .item .boat-text .boat-data h1, .page-template-default .boat-list .owl-item > .item .boat-text .boat-data h1 {
  margin-bottom: 5px;
}
.boat-list > .item .boat-text .boat-data h1 a, .boat-list .owl-item > .item .boat-text .boat-data h1 a {
  color: #0A0D4A;
}
.single .boat-list > .item .boat-text .boat-data h1, .page-template-default .boat-list > .item .boat-text .boat-data h1, .single .boat-list .owl-item > .item .boat-text .boat-data h1, .page-template-default .boat-list .owl-item > .item .boat-text .boat-data h1 {
  font-size: 18px;
  line-height: 23px;
}
.boat-list > .item .boat-text .boat-data .spec .item, .boat-list .owl-item > .item .boat-text .boat-data .spec .item {
  display: inline-block;
  padding-right: 4%;
  margin-bottom: 10px;
}
.single .boat-list > .item .boat-text .boat-data .spec .item, .page-template-default .boat-list > .item .boat-text .boat-data .spec .item, .single .boat-list .owl-item > .item .boat-text .boat-data .spec .item, .page-template-default .boat-list .owl-item > .item .boat-text .boat-data .spec .item {
  margin-bottom: 0;
}
@media (min-width: 769px) {
  .boat-list > .item .boat-text .boat-data .spec .item, .boat-list .owl-item > .item .boat-text .boat-data .spec .item {
    padding-right: 10%;
  }
  .single .boat-list > .item .boat-text .boat-data .spec .item, .page-template-default .boat-list > .item .boat-text .boat-data .spec .item, .single .boat-list .owl-item > .item .boat-text .boat-data .spec .item, .page-template-default .boat-list .owl-item > .item .boat-text .boat-data .spec .item {
    padding-right: 5%;
  }
}
.boat-list > .item .boat-text .boat-data .spec .item:last-child, .boat-list .owl-item > .item .boat-text .boat-data .spec .item:last-child {
  padding-right: 10px;
}
.boat-list > .item .boat-text .boat-data .spec .item .label, .boat-list .owl-item > .item .boat-text .boat-data .spec .item .label {
  display: block;
}
.boat-list > .item .boat-text .boat-data .spec .item .value, .boat-list .owl-item > .item .boat-text .boat-data .spec .item .value {
  font-weight: 500;
}
.single .boat-list > .item .boat-text .boat-data .spec .item .value, .page-template-default .boat-list > .item .boat-text .boat-data .spec .item .value, .single .boat-list .owl-item > .item .boat-text .boat-data .spec .item .value, .page-template-default .boat-list .owl-item > .item .boat-text .boat-data .spec .item .value {
  font-size: 13px;
}
.boat-list > .item .boat-text .boat-data .more, .boat-list .owl-item > .item .boat-text .boat-data .more {
  position: absolute;
  left: 0;
  bottom: 0;
  font-weight: 500;
}
.boat-list > .item .boat-text .boat-commerce, .boat-list .owl-item > .item .boat-text .boat-commerce {
  width: 100%;
  position: relative;
  text-align: center;
  padding-bottom: 30px;
}
@media (min-width: 1024px) {
  .boat-list > .item .boat-text .boat-commerce, .boat-list .owl-item > .item .boat-text .boat-commerce {
    width: 40%;
    padding-left: 30px;
  }
  .boat-list > .item .boat-text .boat-commerce:before, .boat-list .owl-item > .item .boat-text .boat-commerce:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #ececec;
  }
}
.boat-list > .item .boat-text .boat-commerce .boat-price, .boat-list .owl-item > .item .boat-text .boat-commerce .boat-price {
  margin-bottom: 30px;
}
@media (min-width: 1024px) {
  .boat-list > .item .boat-text .boat-commerce .boat-price, .boat-list .owl-item > .item .boat-text .boat-commerce .boat-price {
    padding-top: 50px;
  }
  .single .boat-list > .item .boat-text .boat-commerce .boat-price, .page-template-default .boat-list > .item .boat-text .boat-commerce .boat-price, .single .boat-list .owl-item > .item .boat-text .boat-commerce .boat-price, .page-template-default .boat-list .owl-item > .item .boat-text .boat-commerce .boat-price {
    padding-top: 10px;
  }
}
.boat-list > .item .boat-text .boat-commerce .amount, .boat-list .owl-item > .item .boat-text .boat-commerce .amount {
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 2.09px;
  line-height: 29px;
}
.boat-list > .item .boat-text .boat-commerce .amount-crossed, .boat-list .owl-item > .item .boat-text .boat-commerce .amount-crossed {
  font-size: 18px;
  text-decoration: line-through;
}
.single .boat-list > .item .boat-text .boat-commerce .amount, .page-template-default .boat-list > .item .boat-text .boat-commerce .amount, .single .boat-list .owl-item > .item .boat-text .boat-commerce .amount, .page-template-default .boat-list .owl-item > .item .boat-text .boat-commerce .amount {
  font-size: inherit;
}
.boat-list > .item .boat-text .boat-commerce .buttonSimple, .boat-list .owl-item > .item .boat-text .boat-commerce .buttonSimple {
  margin: 0;
  position: absolute;
  left: 50%;
  bottom: 0;
  white-space: nowrap;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
@media (min-width: 1024px) {
  .boat-list > .item .boat-text .boat-commerce .buttonSimple, .boat-list .owl-item > .item .boat-text .boat-commerce .buttonSimple {
    -webkit-transform: translate(-50%, 0) translate(15px, 0);
    transform: translate(-50%, 0) translate(15px, 0);
  }
}

@media (min-width: 551px) {
  .boat-list.offer-slider .owl-item > .item {
    width: 100%;
    max-width: 550px;
  }
}
@media (min-width: 1024px) {
  .boat-list.offer-slider .owl-item > .item {
    max-width: none;
  }
}

.single .boat-list.offer-slider .owl-item > .item .boat-text .boat-commerce .boat-price {
  margin-bottom: 0;
}

.boat-price .label span {
  line-height: 1.4;
  margin: 2px 0 5px;
  font-weight: 400;
}

#routesOnList {
  padding-bottom: 80px;
}
@media (min-width: 1920px) {
  #routesOnList {
    padding-bottom: 4.4444444444vw;
  }
}

.discountedPriceInPromo {
  color: #061120;
  text-decoration: line-through;
  opacity: 0.4;
  display: block;
}

.page-template-page-boatlist-charter-landing.searchActivated .landingWrapper {
  pointer-events: none;
}
.page-template-page-boatlist-charter-landing.searchActivated .landingHighlightBoxes {
  opacity: 0.2;
}
.page-template-page-boatlist-charter-landing.searchActivated .bestPriceSticky {
  opacity: 0.1;
  pointer-events: none;
}
.page-template-page-boatlist-charter-landing h2 {
  font-size: 42px;
  line-height: 1.1;
}
@media (min-width: 1920px) {
  .page-template-page-boatlist-charter-landing h2 {
    font-size: 2.3333333333vw;
  }
}
.page-template-page-boatlist-charter-landing .landingContent .content:not(.bestPriceBanner) > p:first-of-type {
  color: #82888F;
  font-size: 20px;
}
@media (min-width: 1920px) {
  .page-template-page-boatlist-charter-landing .landingContent .content:not(.bestPriceBanner) > p:first-of-type {
    font-size: 1.1111111111vw;
  }
}
.page-template-page-boatlist-charter-landing .topBar {
  margin-bottom: 0px;
  position: absolute;
  width: 100%;
  z-index: 8001;
  background-color: transparent;
}
.page-template-page-boatlist-charter-landing .navBar {
  width: 100%;
  background-color: transparent;
  box-shadow: none !important;
}
.page-template-page-boatlist-charter-landing .navBar .logo.charter img {
  height: 21px;
  max-height: 21px;
}
@media (min-width: 1920px) {
  .page-template-page-boatlist-charter-landing .navBar .logo.charter img {
    height: 1.15vw;
    max-height: 1.15vw;
  }
}
.page-template-page-boatlist-charter-landing .navBar .menu > li > a:not(.logo) {
  color: #0A0D4A;
}
.page-template-page-boatlist-charter-landing.openMenu .main-menu {
  height: 100vh;
}
.page-template-page-boatlist-charter-landing .site-header:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgba(0, 0, 60, 0.518644958) 0%, rgba(0, 0, 60, 0.518644958) 35%, rgba(0, 0, 60, 0) 100%);
}
.page-template-page-boatlist-charter-landing .site-header .field.boatType {
  display: none;
}
@media (min-width: 1024px) {
  .page-template-page-boatlist-charter-landing .site-header h1 {
    max-width: 30vw;
  }
}
.page-template-page-boatlist-charter-landing .searchFormInHeaderHolder {
  margin-left: 0;
}
.page-template-page-boatlist-charter-landing .searchFormInHeaderHolder .fields {
  grid-template-columns: 1.4fr 1.2fr 2fr;
}
.page-template-page-boatlist-charter-landing .boatList {
  grid-area: boatList;
  margin-bottom: 36px;
}
@media (min-width: 1920px) {
  .page-template-page-boatlist-charter-landing .boatList {
    margin-bottom: 2vw;
  }
}
.page-template-page-boatlist-charter-landing .boatList .content:nth-child(1) {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: 1fr;
}
@media (min-width: 551px) {
  .page-template-page-boatlist-charter-landing .boatList .content:nth-child(1) {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 769px) {
  .page-template-page-boatlist-charter-landing .boatList .content:nth-child(1) {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (min-width: 1530px) {
  .page-template-page-boatlist-charter-landing .boatList .content:nth-child(1) {
    grid-gap: 1.1111vw;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
.page-template-page-boatlist-charter-landing .boatList .boatCard {
  width: 100%;
  display: block;
  border: 0 none;
}
.page-template-page-boatlist-charter-landing .boatList .boatCard .boatImage {
  width: 100%;
  border-radius: 14px;
  max-height: 52vw;
}
@media (min-width: 1920px) {
  .page-template-page-boatlist-charter-landing .boatList .boatCard .boatImage {
    border-radius: 0.7777777778vw;
  }
}
@media (min-width: 551px) {
  .page-template-page-boatlist-charter-landing .boatList .boatCard .boatImage {
    max-height: 26vw;
  }
}
@media (min-width: 769px) {
  .page-template-page-boatlist-charter-landing .boatList .boatCard .boatImage {
    max-height: 15vw;
  }
}
@media (min-width: 1530px) {
  .page-template-page-boatlist-charter-landing .boatList .boatCard .boatImage {
    max-height: 11vw;
  }
}
.page-template-page-boatlist-charter-landing .boatList .boatCard .boatImage:after {
  display: none;
}
.page-template-page-boatlist-charter-landing .boatList .boatCard .title {
  font-size: 20px;
}
@media (min-width: 1920px) {
  .page-template-page-boatlist-charter-landing .boatList .boatCard .title {
    font-size: 1.1111111111vw;
  }
}
.page-template-page-boatlist-charter-landing .boatList .boatCard .boatInfo {
  display: block;
  width: 100%;
}
.page-template-page-boatlist-charter-landing .boatList .boatCard .boatInfo .boatData {
  max-width: unset;
  padding: 0;
}
.page-template-page-boatlist-charter-landing .boatList .boatCard .boatInfo .label:not(.alwaysVisible) {
  display: none;
}
.page-template-page-boatlist-charter-landing .boatList .boatCard .boatInfo .inlineYear {
  display: inline !important;
}
.page-template-page-boatlist-charter-landing .boatList .boatCard .boatInfo .inlineYear:before {
  content: ", ";
}
.page-template-page-boatlist-charter-landing .boatList .boatCard .boatInfo .yearProduced:not(.alwaysVisible) {
  display: none !important;
}
.page-template-page-boatlist-charter-landing .boatList .boatCard .generalInfo {
  margin-bottom: 0;
}
.page-template-page-boatlist-charter-landing .boatList .boatCard .boatInfoItems div {
  padding-top: 0;
}
.page-template-page-boatlist-charter-landing .boatList .boatCard .boatPrice {
  width: 100%;
  background-color: transparent;
  padding: 0;
}
.page-template-page-boatlist-charter-landing .boatList .boatCard .boatPrice .bttn {
  display: none;
}
.page-template-page-boatlist-charter-landing .boatList:not(.listExpanded) .boatCard:nth-child(n+13) {
  display: none;
}
.page-template-page-boatlist-charter-landing .boatList .listLarge {
  display: none;
}
.page-template-page-boatlist-charter-landing .textTop {
  grid-area: textTop;
  margin-top: 60px;
  margin-bottom: 60px;
}
@media (min-width: 1920px) {
  .page-template-page-boatlist-charter-landing .textTop {
    margin-top: 3.3333333333vw;
  }
}
@media (min-width: 1920px) {
  .page-template-page-boatlist-charter-landing .textTop {
    margin-bottom: 3.3333333333vw;
  }
}
.page-template-page-boatlist-charter-landing .textBottom {
  grid-area: textBottom;
  margin-top: 60px;
  margin-bottom: 60px;
}
@media (min-width: 1920px) {
  .page-template-page-boatlist-charter-landing .textBottom {
    margin-top: 3.3333333333vw;
  }
}
@media (min-width: 1920px) {
  .page-template-page-boatlist-charter-landing .textBottom {
    margin-bottom: 3.3333333333vw;
  }
}
.page-template-page-boatlist-charter-landing .landingHighlightBoxes {
  grid-area: highlightBoxes;
  margin-bottom: 40px;
}
@media (min-width: 1920px) {
  .page-template-page-boatlist-charter-landing .landingHighlightBoxes {
    margin-bottom: 2.2222222222vw;
  }
}
@media (min-height: 864px) and (min-width: 960px) {
  .page-template-page-boatlist-charter-landing .landingHighlightBoxes {
    z-index: 5;
  }
}
@media (max-width: 1200px) {
  .page-template-page-boatlist-charter-landing .landingHighlightBoxes {
    flex-wrap: wrap !important;
  }
}
.page-template-page-boatlist-charter-landing .landingHighlightBoxes div {
  background: #fff;
  text-align: center;
  padding: 90px 40px 40px 40px;
  border-radius: 14px;
  -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.1);
}
@media (min-width: 1920px) {
  .page-template-page-boatlist-charter-landing .landingHighlightBoxes div {
    padding: 5vw 2.2222222222vw 2.2222222222vw 2.2222222222vw;
  }
}
@media (min-width: 1920px) {
  .page-template-page-boatlist-charter-landing .landingHighlightBoxes div {
    border-radius: 0.7777777778vw;
  }
}
@media (max-width: 1200px) {
  .page-template-page-boatlist-charter-landing .landingHighlightBoxes div {
    flex-basis: 48% !important;
  }
}
.page-template-page-boatlist-charter-landing .landingHighlightBoxes div:nth-child(2) {
  background: #fff url(../img/icons/landing/deck_chair_icon.svg) center 1.5vw no-repeat;
}
.page-template-page-boatlist-charter-landing .landingHighlightBoxes div:nth-child(3) {
  background: #fff url(../img/icons/landing/lifebuoy_icon.svg) center 1.5vw no-repeat;
}
.page-template-page-boatlist-charter-landing .landingHighlightBoxes.catamaran div:nth-child(1) {
  background: #fff url(../img/icons/landing/CATAMARAN_landing.svg) center 1.5vw no-repeat;
}
.page-template-page-boatlist-charter-landing .landingHighlightBoxes.catamaran div:nth-child(4) {
  background: #fff url(../img/icons/landing/gas_pump_icon.svg) center 1.5vw no-repeat;
}
.page-template-page-boatlist-charter-landing .landingHighlightBoxes.luxuryyacht div:nth-child(1) {
  background: #fff url(../img/icons/landing/LUXURY_YACHT_landing.svg) center 1.5vw no-repeat;
}
.page-template-page-boatlist-charter-landing .landingHighlightBoxes.luxuryyacht div:nth-child(4) {
  background: #fff url(../img/icons/landing/tower_icon.svg) center 1.5vw no-repeat;
}
.page-template-page-boatlist-charter-landing .landingHighlightBoxes.motorboat div:nth-child(1) {
  background: #fff url(../img/icons/landing/MOTOR_BOAT_landing.svg) center 1.5vw no-repeat;
}
.page-template-page-boatlist-charter-landing .landingHighlightBoxes.motorboat div:nth-child(4) {
  background: #fff url(../img/icons/landing/tempometer_icon.svg) center 2.8vw no-repeat;
  background-size: 43px;
}
@media (min-width: 1920px) {
  .page-template-page-boatlist-charter-landing .landingHighlightBoxes.motorboat div:nth-child(4) {
    background-size: 2vw;
    background-position: center 1.9vw;
  }
}
.page-template-page-boatlist-charter-landing .landingHighlightBoxes.sailingboat div:nth-child(1) {
  background: #fff url(../img/icons/landing/SAILING_BOAT_landing.svg) center 1.5vw no-repeat;
}
.page-template-page-boatlist-charter-landing .landingHighlightBoxes.sailingboat div:nth-child(4) {
  background: #fff url(../img/icons/landing/gas_pump_icon.svg) center 1.5vw no-repeat;
}
.page-template-page-boatlist-charter-landing .landingHighlightBoxes h2 {
  font-size: 22px;
}
@media (min-width: 1920px) {
  .page-template-page-boatlist-charter-landing .landingHighlightBoxes h2 {
    font-size: 1.2222222222vw;
  }
}
.page-template-page-boatlist-charter-landing .bestPriceSticky {
  color: #fff;
  background: rgba(0, 0, 0, 0.45);
  position: sticky;
  top: 0;
  z-index: 299;
  margin: -90px 0px 35px 0px;
}
@media (min-width: 1920px) {
  .page-template-page-boatlist-charter-landing .bestPriceSticky {
    margin: -5vw 0vw 1.9444444444vw 0vw;
  }
}
@media (min-height: 864px) and (min-width: 960px) {
  .page-template-page-boatlist-charter-landing .bestPriceSticky {
    margin: -260px 0px 35px 0px;
  }
}
@media (min-height: 864px) and (min-width: 960px) and (min-width: 1920px) {
  .page-template-page-boatlist-charter-landing .bestPriceSticky {
    margin: -14.4444444444vw 0vw 1.9444444444vw 0vw;
  }
}
.page-template-page-boatlist-charter-landing .bestPriceSticky .content {
  padding-left: 78px;
  background: url(../img/icons/best_price_icon.svg) 23px center no-repeat;
}
@media (min-width: 1920px) {
  .page-template-page-boatlist-charter-landing .bestPriceSticky .content {
    padding-left: 4.3333333333vw;
  }
}
.page-template-page-boatlist-charter-landing .bestPriceSticky .marquee {
  display: flex;
}
.page-template-page-boatlist-charter-landing .bestPriceSticky .marquee .marqueeTitle {
  font-weight: bolder;
  padding-right: 5px;
  white-space: nowrap;
}
@media (min-width: 1920px) {
  .page-template-page-boatlist-charter-landing .bestPriceSticky .marquee .marqueeTitle {
    padding-right: 0.2777777778vw;
  }
}
.page-template-page-boatlist-charter-landing .bestPriceSticky .marquee .marqueeText {
  overflow: hidden;
  position: relative;
  width: 100%;
}
.page-template-page-boatlist-charter-landing .bestPriceSticky .marquee .marqueeText .marqueeTextInner {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.page-template-page-boatlist-charter-landing .bestPriceSticky .marquee .marqueeText:hover .marqueeTextInner {
  overflow: visible;
  text-overflow: unset;
  width: fit-content;
  position: absolute;
  animation: cssmarquee 10s linear 1;
}
@keyframes cssmarquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
.page-template-page-boatlist-charter-landing .routesSet {
  grid-area: routes;
}
.page-template-page-boatlist-charter-landing .bestPriceBanner {
  grid-area: bestPriceBanner;
  color: #1E3A5E;
  position: relative;
  border-radius: 14px;
  margin-bottom: 80px;
  overflow: hidden;
  -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.1);
  padding-top: 60px;
  padding-bottom: 30px;
}
@media (min-width: 1920px) {
  .page-template-page-boatlist-charter-landing .bestPriceBanner {
    border-radius: 0.7777777778vw;
  }
}
@media (min-width: 1920px) {
  .page-template-page-boatlist-charter-landing .bestPriceBanner {
    margin-bottom: 4.4444444444vw;
  }
}
@media (min-width: 730px) {
  .page-template-page-boatlist-charter-landing .bestPriceBanner {
    padding: 9vw 4.4vw 4.4vw 4.4vw;
    background: url(../img/Lagoon-65_645-scaled.webp) center center no-repeat;
    background-size: cover;
  }
}
@media (min-width: 1300px) {
  .page-template-page-boatlist-charter-landing .bestPriceBanner {
    padding: 6vw 4.4vw 4.4vw 4.4vw;
  }
}
.page-template-page-boatlist-charter-landing .bestPriceBanner:before {
  content: "";
  width: 40px;
  height: 40px;
  position: absolute;
  z-index: 2;
  background: url(../img/icons/best_price_dark_icon.svg) right center no-repeat;
  background-size: cover;
  transform: translateY(-20px);
}
@media (min-width: 1920px) {
  .page-template-page-boatlist-charter-landing .bestPriceBanner:before {
    width: 2vw;
    height: 2vw;
    transform: translateY(-1.2vw);
  }
}
.page-template-page-boatlist-charter-landing .bestPriceBanner:after {
  content: "";
  width: 105%;
  height: 100%;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  background-color: #96BEF9;
}
@media (min-width: 730px) {
  .page-template-page-boatlist-charter-landing .bestPriceBanner:after {
    width: 80%;
    background: url(../img/besp_price_banner_shape.svg) right center no-repeat;
    background-size: cover;
  }
}
@media (min-width: 960px) {
  .page-template-page-boatlist-charter-landing .bestPriceBanner:after {
    width: 79%;
  }
}
@media (min-width: 1024px) {
  .page-template-page-boatlist-charter-landing .bestPriceBanner:after {
    width: 73%;
  }
}
@media (min-width: 1200px) {
  .page-template-page-boatlist-charter-landing .bestPriceBanner:after {
    width: 66%;
  }
}
@media (min-width: 1500px) {
  .page-template-page-boatlist-charter-landing .bestPriceBanner:after {
    width: 60%;
  }
}
.page-template-page-boatlist-charter-landing .bestPriceBanner h2 {
  color: #fff;
}
.page-template-page-boatlist-charter-landing .bestPriceBanner h2, .page-template-page-boatlist-charter-landing .bestPriceBanner p {
  position: relative;
  z-index: 3;
}
@media (min-width: 730px) {
  .page-template-page-boatlist-charter-landing .bestPriceBanner h2, .page-template-page-boatlist-charter-landing .bestPriceBanner p {
    max-width: 40%;
  }
}
.page-template-page-boatlist-charter-landing .bestPriceBanner .userBttn a {
  background-color: #1E3A5E;
  display: inline-block;
}
.page-template-page-boatlist-charter-landing .testimonials {
  grid-area: testimonials;
  background-color: #F5F5F5;
}
.page-template-page-boatlist-charter-landing .testimonials .wp-block-columns > div {
  background-color: #fff;
  border-radius: 10px;
  padding: 20px 20px 20px 20px;
}
@media (min-width: 1920px) {
  .page-template-page-boatlist-charter-landing .testimonials .wp-block-columns > div {
    border-radius: 0.7777777778vw;
  }
}
@media (min-width: 1920px) {
  .page-template-page-boatlist-charter-landing .testimonials .wp-block-columns > div {
    padding: 1.1111111111vw 1.1111111111vw 1.1111111111vw 1.1111111111vw;
  }
}
.page-template-page-boatlist-charter-landing .testimonials .wp-block-columns > div:before {
  content: "★★★★★";
  font-size: 22px;
}
@media (min-width: 1920px) {
  .page-template-page-boatlist-charter-landing .testimonials .wp-block-columns > div:before {
    font-size: 1.2222222222vw;
  }
}
.page-template-page-boatlist-charter-landing .testimonials > div {
  max-width: unset !important;
}
@media (min-width: 1530px) {
  .page-template-page-boatlist-charter-landing .testimonials > div {
    max-width: 87% !important;
  }
}
.page-template-page-boatlist-charter-landing .faqs {
  background: #F5F5F5 url(../img/faqs.svg) left 50px bottom -33px no-repeat;
  background-size: 156%;
  margin-bottom: 0 !important;
  grid-area: faqs;
}
@media (min-width: 1024px) {
  .page-template-page-boatlist-charter-landing .faqs {
    background: #F5F5F5 url(../img/faqs.svg) center bottom 43px no-repeat;
    background-size: 67%;
  }
}
.page-template-page-boatlist-charter-landing .faqs > .content {
  max-width: unset !important;
}
@media (min-width: 1530px) {
  .page-template-page-boatlist-charter-landing .faqs > .content {
    max-width: 87% !important;
  }
}
.page-template-page-boatlist-charter-landing .faqs .faqsGroup {
  margin-bottom: 60px;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 0 6vw;
}
@media (min-width: 1920px) {
  .page-template-page-boatlist-charter-landing .faqs .faqsGroup {
    margin-bottom: 3.3333333333vw;
  }
}
@media (min-width: 1024px) {
  .page-template-page-boatlist-charter-landing .faqs .faqsGroup {
    grid-template-columns: 1fr 1fr;
  }
}
.page-template-page-boatlist-charter-landing .faqs .expand {
  margin-right: 0 !important;
  border-bottom: 1px solid rgba(6, 17, 32, 0.1019607843);
}
.page-template-page-boatlist-charter-landing .faqs .expand p {
  margin-top: 0;
}
.page-template-page-boatlist-charter-landing .faqs .expandTitle {
  display: flex;
  justify-content: space-between;
  font-size: 18px;
}
@media (min-width: 1920px) {
  .page-template-page-boatlist-charter-landing .faqs .expandTitle {
    font-size: 1vw;
  }
}
.page-template-page-boatlist-charter-landing .stillHaveQuestion {
  background-color: #fff;
  border-radius: 14px;
  -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.1);
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  padding: 40px 20px 20px 20px;
  margin-bottom: 60px;
  max-width: 800px;
  text-align: center;
}
@media (min-width: 1920px) {
  .page-template-page-boatlist-charter-landing .stillHaveQuestion {
    border-radius: 0.7777777778vw;
  }
}
@media (min-width: 1920px) {
  .page-template-page-boatlist-charter-landing .stillHaveQuestion {
    padding: 2.2222222222vw 1.1111111111vw 1.1111111111vw 1.1111111111vw;
  }
}
@media (min-width: 1920px) {
  .page-template-page-boatlist-charter-landing .stillHaveQuestion {
    margin-bottom: 3.3333333333vw;
  }
}
@media (min-width: 769px) {
  .page-template-page-boatlist-charter-landing .stillHaveQuestion {
    grid-template-columns: 1fr 1fr;
    padding: 20px 60px 20px 60px;
    text-align: unset;
  }
}
@media (min-width: 769px) and (min-width: 1920px) {
  .page-template-page-boatlist-charter-landing .stillHaveQuestion {
    padding: 1.1111111111vw 3.3333333333vw 1.1111111111vw 3.3333333333vw;
  }
}
@media (min-width: 1920px) {
  .page-template-page-boatlist-charter-landing .stillHaveQuestion {
    max-width: 45vw;
  }
}
.page-template-page-boatlist-charter-landing .stillHaveQuestion > div {
  margin: 0 !important;
}
.page-template-page-boatlist-charter-landing .stillHaveQuestion > div:nth-child(2) {
  display: flex;
  justify-content: center;
}
@media (min-width: 769px) {
  .page-template-page-boatlist-charter-landing .stillHaveQuestion > div:nth-child(2) {
    justify-content: flex-end;
  }
}
.page-template-page-boatlist-charter-landing .stillHaveQuestion h3 {
  font-size: 32px;
  margin: 0px 0px 7px 0px;
}
@media (min-width: 1920px) {
  .page-template-page-boatlist-charter-landing .stillHaveQuestion h3 {
    font-size: 1.7777777778vw;
  }
}
@media (min-width: 1920px) {
  .page-template-page-boatlist-charter-landing .stillHaveQuestion h3 {
    margin: 0vw 0vw 0.3888888889vw 0vw;
  }
}
.page-template-page-boatlist-charter-landing .stillHaveQuestion p {
  margin: 0 !important;
}
.page-template-page-boatlist-charter-landing .landingEntry {
  background: url(../img/wave.svg) right center no-repeat;
}
.page-template-page-boatlist-charter-landing #offers {
  max-width: unset !important;
}
.page-template-page-boatlist-charter-landing .bigger {
  font-size: 18px;
  font-weight: 500;
}
@media (min-width: 1920px) {
  .page-template-page-boatlist-charter-landing .bigger {
    font-size: 1vw;
  }
}

.landingWrapper .landingContent {
  display: grid;
  grid-template-rows: auto;
  grid-gap: 0px 50px;
  gap: 0px 50px;
  grid-auto-flow: row;
  grid-template-areas: "highlightBoxes" "textTop" "landingEntry" "boatList" "bestPriceBanner" "testimonials" "specialOffers" "specialOfferTabs" "specialOfferContent" "textBottom" "routes" "faqs";
}
.landingWrapper .landingContent h2, .landingWrapper .landingContent p {
  margin-left: 0 !important;
}
.landingWrapper .landingContent > .content {
  overflow: hidden;
}
.landingWrapper .section {
  margin-bottom: 40px;
}
@media (min-width: 1920px) {
  .landingWrapper .section {
    margin-bottom: 2.2222222222vw;
  }
}

.loadMoreLanding {
  display: inline-block;
}

.pageContent .wp-block-image,
.featuredPost .wp-block-image,
.preownedTrio .wp-block-image,
.boatBase .wp-block-image {
  border-radius: 14px;
  overflow: hidden;
}
@media (min-width: 1920px) {
  .pageContent .wp-block-image,
  .featuredPost .wp-block-image,
  .preownedTrio .wp-block-image,
  .boatBase .wp-block-image {
    border-radius: 0.7777777778vw;
  }
}
.pageContent figcaption,
.featuredPost figcaption,
.preownedTrio figcaption,
.boatBase figcaption {
  font-style: italic;
  opacity: 0.6;
}
.pageContent a:has(img),
.featuredPost a:has(img),
.preownedTrio a:has(img),
.boatBase a:has(img) {
  display: block;
  border-radius: 0;
  overflow: hidden;
  background-color: #fff;
  transition: all 0.2s;
  -webkit-backface-visibility: hidden;
  max-height: 60vw;
}
@media (min-width: 960px) {
  .pageContent a:has(img),
  .featuredPost a:has(img),
  .preownedTrio a:has(img),
  .boatBase a:has(img) {
    max-height: 30vw;
  }
}
@media (min-width: 1530px) {
  .pageContent a:has(img),
  .featuredPost a:has(img),
  .preownedTrio a:has(img),
  .boatBase a:has(img) {
    max-height: 27vw;
  }
}
.pageContent a:has(img) img,
.featuredPost a:has(img) img,
.preownedTrio a:has(img) img,
.boatBase a:has(img) img {
  transition: all 0.2s;
  transform: translate3d(0, 0, 0);
}
@media (max-width: 960px) {
  .pageContent a:has(img) img,
  .featuredPost a:has(img) img,
  .preownedTrio a:has(img) img,
  .boatBase a:has(img) img {
    width: 100%;
  }
}
.pageContent a:has(img):hover,
.featuredPost a:has(img):hover,
.preownedTrio a:has(img):hover,
.boatBase a:has(img):hover {
  background-color: #000;
}
.pageContent a:has(img):hover img,
.featuredPost a:has(img):hover img,
.preownedTrio a:has(img):hover img,
.boatBase a:has(img):hover img {
  opacity: 0.7;
}

.single-post .pageContent, .single-news .pageContent {
  max-width: 920px;
  margin: 0 auto;
  padding-bottom: 60px;
}
@media (min-width: 1920px) {
  .single-post .pageContent, .single-news .pageContent {
    padding-bottom: 3.3333333333vw;
  }
}
@media (min-width: 1920px) {
  .single-post .pageContent, .single-news .pageContent {
    max-width: 47.7777777778vw;
  }
}
.single-post .pageContent .mainContent.content, .single-news .pageContent .mainContent.content {
  width: 100%;
  max-width: unset;
}
@media (min-width: 1920px) {
  .single-post .pageContent .mainContent.content, .single-news .pageContent .mainContent.content {
    padding-left: 0;
    padding-right: 0;
  }
}

.pageContent .quadContentBlock .wp-block-image {
  margin-bottom: 0;
}

.featuredPost .title {
  font-size: 32px;
}
@media (min-width: 1920px) {
  .featuredPost .title {
    font-size: 1.7777777778vw;
  }
}

.page-template-page-front-main .bg-fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: -1;
  overflow: hidden;
  background-color: #0A0D4A;
}
.page-template-page-front-main .bg-fixed-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-template-page-front-main .pre-nav-space {
  position: relative;
  display: flex;
  align-items: flex-end;
  height: 100vh;
}
@media (min-width: 1024px) {
  .page-template-page-front-main .pre-nav-space {
    height: calc(100vh - 69px - 95px);
  }
}
@media (min-width: 1920px) {
  .page-template-page-front-main .pre-nav-space {
    height: calc(100vh - 3.8333333333vw - 95px);
  }
}
.page-template-page-front-main .pre-nav-space .hero-waves {
  position: absolute;
  top: 0;
  right: 0;
  width: clamp(380px, 46vw, 888px);
  aspect-ratio: 888.75/456.987;
  background: url("../img/redesign/hero-waves.svg") no-repeat top right;
  background-size: contain;
  pointer-events: none;
}
.page-template-page-front-main .pre-nav-space > .content {
  padding-top: 0;
  padding-bottom: clamp(40px, 8vh, 120px);
}
.page-template-page-front-main .pre-nav-space .hero-title {
  max-width: 640px;
  margin: 0;
  color: #F5F5F5;
  font-family: "Carbona", sans-serif;
  font-weight: 700;
  font-size: clamp(2.5rem, 5.7vw, 82px);
  line-height: 1;
  letter-spacing: -0.01em;
}
.page-template-page-front-main #navBar {
  position: fixed;
  left: 0;
  right: 0;
}
@media (min-width: 1024px) {
  .page-template-page-front-main #navBar {
    position: sticky;
    left: auto;
    right: auto;
  }
}
.page-template-page-front-main.openMenu #navBar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}
.page-template-page-front-main .hero-scroll-zone {
  position: relative;
  z-index: 1;
  padding-top: 95px;
  padding-bottom: 40px;
}
.page-template-page-front-main .search-holder {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
@media (min-width: 1024px) {
  .page-template-page-front-main .search-holder {
    position: sticky;
    top: calc(100vh - 277px);
  }
}
.page-template-page-front-main .searchTabs-wrap {
  padding-top: 0;
  padding-bottom: 0;
}
.page-template-page-front-main .searchTabs {
  display: flex;
  gap: 2px;
  height: 57px;
}
@media (min-width: 1024px) {
  .page-template-page-front-main .searchTabs {
    height: 85px;
  }
}
.page-template-page-front-main .searchTab {
  flex: 1 1 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
  background-color: rgba(198, 156, 109, 0.06);
  color: #F5F5F5;
  font-family: "Carbona", sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.5;
  text-transform: uppercase;
  text-align: center;
  border: none;
  cursor: pointer;
  transition: background-color 0.2s, color 0.2s;
}
@media (min-width: 1920px) {
  .page-template-page-front-main .searchTab {
    font-size: 0.7777777778vw;
  }
}
@media (min-width: 1024px) {
  .page-template-page-front-main .searchTab {
    flex: 0 0 218px;
    padding: 32px 32px 32px 32px;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .page-template-page-front-main .searchTab {
    padding: 1.7777777778vw 1.7777777778vw 1.7777777778vw 1.7777777778vw;
  }
}
.page-template-page-front-main .searchTab.is-active {
  background-color: #F5F5F5;
  color: #0A0D4A;
}
@media (min-width: 1024px) {
  .page-template-page-front-main .scroll-spacer {
    height: 120vh;
  }
}
.page-template-page-front-main .sticky-section {
  position: sticky;
  top: 0;
  width: 100%;
  height: 100vh;
}
.page-template-page-front-main .frontStack {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.page-template-page-front-main .frontStack-bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  background-color: #0A0D4A;
}
.page-template-page-front-main .frontStack-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.2);
}
.page-template-page-front-main .frontStack-inner {
  position: relative;
  z-index: 1;
  height: 50%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.page-template-page-front-main .frontStack-text {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media (min-width: 1920px) {
  .page-template-page-front-main .frontStack-text {
    gap: 1.6666666667vw;
  }
}
@media (min-width: 1024px) {
  .page-template-page-front-main .frontStack-text {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .page-template-page-front-main .frontStack-text {
    gap: 1.1111111111vw;
  }
}
.page-template-page-front-main .frontStack-label {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
  padding-top: 10px;
}
@media (min-width: 1920px) {
  .page-template-page-front-main .frontStack-label {
    gap: 2.2222222222vw;
  }
}
@media (min-width: 1920px) {
  .page-template-page-front-main .frontStack-label {
    padding-top: 0.5555555556vw;
  }
}
@media (min-width: 1024px) {
  .page-template-page-front-main .frontStack-label {
    flex: 0 1 433px;
    flex-direction: row;
    align-items: center;
    gap: 20px;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .page-template-page-front-main .frontStack-label {
    gap: 1.1111111111vw;
  }
}
.page-template-page-front-main .frontStack-label-text {
  font-family: "Carbona", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #F5F5F5;
}
@media (min-width: 1920px) {
  .page-template-page-front-main .frontStack-label-text {
    font-size: 0.7777777778vw;
  }
}
.page-template-page-front-main .frontStack-stroke {
  flex: 0 0 auto;
  width: 43px;
  height: 3px;
  background-color: #F5F5F5;
  -webkit-mask: url("../img/icons/waves.svg") no-repeat center/contain;
  mask: url("../img/icons/waves.svg") no-repeat center/contain;
}
.page-template-page-front-main .frontStack-title {
  flex: 0 0 auto;
  margin: 0;
  font-family: "Carbona", sans-serif;
  font-weight: 600;
  font-size: clamp(2rem, 3.33vw, 48px);
  line-height: 1;
  color: #F5F5F5;
}
@media (min-width: 1024px) {
  .page-template-page-front-main .frontStack-title {
    flex: 0 1 440px;
  }
}
.page-template-page-front-main .frontStack-desc {
  flex: 1 1 auto;
  margin: 0;
  padding-top: 6px;
  font-family: "Carbona", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: #F5F5F5;
}
@media (min-width: 1920px) {
  .page-template-page-front-main .frontStack-desc {
    font-size: 0.8888888889vw;
  }
}
@media (min-width: 1024px) {
  .page-template-page-front-main .frontStack-desc {
    flex: 0 1 427px;
  }
}
.page-template-page-front-main .frontStack--charter .frontStack-desc,
.page-template-page-front-main .frontStack--sales .frontStack-desc,
.page-template-page-front-main .frontStack--volvopenta .frontStack-desc {
  display: none;
}
@media (min-width: 1024px) {
  .page-template-page-front-main .frontStack--charter .frontStack-desc,
  .page-template-page-front-main .frontStack--sales .frontStack-desc,
  .page-template-page-front-main .frontStack--volvopenta .frontStack-desc {
    display: block;
  }
}
.page-template-page-front-main .frontStack--charter .frontStack-bg {
  background-color: #1a4a6e;
  background-image: url("../img/redesign/charter_back.jpg");
}
.page-template-page-front-main .frontStack--sales .frontStack-bg {
  background-color: #2a5a4a;
  background-image: url("../img/redesign/sales_back.jpg");
}
.page-template-page-front-main .frontStack--volvopenta .frontStack-bg {
  background-color: #0A0D4A;
  background-image: url("../img/redesign/volvopenta_back.jpg");
}
.page-template-page-front-main .frontStack--drydock {
  position: relative;
  z-index: 2;
  background-color: #F5F5F5;
  padding-top: 35px;
  padding-bottom: 60px;
  overflow: visible;
  display: block;
}
@media (min-width: 1920px) {
  .page-template-page-front-main .frontStack--drydock {
    padding-top: 1.9444444444vw;
  }
}
@media (min-width: 1920px) {
  .page-template-page-front-main .frontStack--drydock {
    padding-bottom: 3.3333333333vw;
  }
}
@media (min-width: 1024px) {
  .page-template-page-front-main .frontStack--drydock {
    min-height: 180vh;
  }
}
.page-template-page-front-main .frontStack--drydock .frontStack-inner {
  height: auto;
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding: 0 clamp(20px, 8.86px + 2.857vw, 50px);
}
@media (min-width: 1920px) {
  .page-template-page-front-main .frontStack--drydock .frontStack-inner {
    gap: 1.6666666667vw;
  }
}
@media (min-width: 1024px) {
  .page-template-page-front-main .frontStack--drydock .frontStack-inner {
    display: grid;
    grid-template-columns: 1fr 545px;
    grid-gap: 0px 30px;
    align-items: start;
    min-height: 180vh;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .page-template-page-front-main .frontStack--drydock .frontStack-inner {
    grid-gap: 0vw 1.6666666667vw;
  }
}
.page-template-page-front-main .frontStack--drydock .frontStack-text--split {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media (min-width: 1920px) {
  .page-template-page-front-main .frontStack--drydock .frontStack-text--split {
    gap: 1.6666666667vw;
  }
}
@media (min-width: 1024px) {
  .page-template-page-front-main .frontStack--drydock .frontStack-text--split {
    max-width: 640px;
    height: 586px;
    margin-top: calc((100vh - 586px) / 2);
    justify-content: space-between;
  }
}
.page-template-page-front-main .frontStack--drydock .frontStack-text-group {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media (min-width: 1920px) {
  .page-template-page-front-main .frontStack--drydock .frontStack-text-group {
    gap: 1.6666666667vw;
  }
}
@media (min-width: 1024px) {
  .page-template-page-front-main .frontStack--drydock .frontStack-text-group .frontStack-label,
  .page-template-page-front-main .frontStack--drydock .frontStack-text-group .frontStack-title,
  .page-template-page-front-main .frontStack--drydock .frontStack-text-group .frontStack-desc {
    flex: 0 0 auto;
  }
}
.page-template-page-front-main .frontStack--drydock .frontStack-label-text {
  color: #0A0D4A;
}
.page-template-page-front-main .frontStack--drydock .frontStack-stroke {
  background-color: #0A0D4A;
}
.page-template-page-front-main .frontStack--drydock .frontStack-title {
  color: #0A0D4A;
}
.page-template-page-front-main .frontStack--drydock .frontStack-desc {
  flex: 0 0 auto;
  color: #0A0D4A;
}
@media (min-width: 1024px) {
  .page-template-page-front-main .frontStack--drydock .frontStack-desc {
    max-width: 433px;
  }
}
.page-template-page-front-main .frontStack--drydock .frontStack-image {
  width: 100%;
  aspect-ratio: 16/9;
  background-color: #cccccc;
  background-image: url("../img/redesign/drydock_back.jpg");
  background-size: cover;
  background-position: center;
}
@media (min-width: 1024px) {
  .page-template-page-front-main .frontStack--drydock .frontStack-image {
    position: sticky;
    top: 0;
    width: 545px;
    aspect-ratio: 545/586;
    max-height: 80vh;
    align-self: start;
    margin-top: calc((100vh - 586px) / 2);
    clip-path: inset(0 0 0 0);
  }
}

.page-template-page-sales-front .site-header,
.page-template-page-volvopenta .site-header {
  margin-bottom: 0;
}
.page-template-page-sales-front .pageContent > .content,
.page-template-page-volvopenta .pageContent > .content {
  padding-top: 120px;
}
@media (min-width: 1920px) {
  .page-template-page-sales-front .pageContent > .content,
  .page-template-page-volvopenta .pageContent > .content {
    padding-top: 6.6666666667vw;
  }
}

.page-template-page-sales-front .pageContent .mainContent > h2:first-of-type {
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 1.4px;
  font-family: "Carbona", sans-serif;
  text-align: center;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 29px;
}
@media (min-width: 1920px) {
  .page-template-page-sales-front .pageContent .mainContent > h2:first-of-type {
    font-size: 0.7777777778vw;
  }
}
@media (min-width: 1920px) {
  .page-template-page-sales-front .pageContent .mainContent > h2:first-of-type {
    margin-bottom: 1.6111111111vw;
  }
}
.page-template-page-sales-front .pageContent .mainContent > h2:first-of-type + p {
  font-size: 36px;
  font-weight: 700;
  font-family: "Carbona", sans-serif;
  line-height: 1.2;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1920px) {
  .page-template-page-sales-front .pageContent .mainContent > h2:first-of-type + p {
    font-size: 2vw;
  }
}
.page-template-page-sales-front .logoWall {
  background: transparent;
  padding: 0;
  margin-top: max(120px, 8.8888888889vw);
  margin-bottom: max(120px, 10.8888888889vw);
}
.page-template-page-sales-front .logoWall-inner {
  padding-left: 0;
  padding-right: 0;
}

.salesStockUsed .specialOffers {
  display: none;
}
.salesStockUsed .specialOffers.isActive {
  display: block;
}
.salesStockUsed .boatInfoItems div.year {
  display: block;
}
.salesStockUsed .boatInfoItems div.year:before, .salesStockUsed .boatInfoItems div.length:before, .salesStockUsed .boatInfoItems div.guests:before {
  background-image: none;
  background-color: #C69C6D;
  filter: none;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.salesStockUsed .boatInfoItems div.year:before {
  -webkit-mask-image: url(../img/icons/year.svg);
  mask-image: url(../img/icons/year.svg);
}
.salesStockUsed .boatInfoItems div.length:before {
  -webkit-mask-image: url(../img/icons/length.svg);
  mask-image: url(../img/icons/length.svg);
}
.salesStockUsed .boatInfoItems div.guests:before {
  -webkit-mask-image: url(../img/icons/guests.svg);
  mask-image: url(../img/icons/guests.svg);
}

.page-template-page-sales-front .halfImageHalfText .wp-block-column:not(:has(img)) > h2 {
  display: flex;
  align-items: center;
  gap: 16px;
  font-size: 14px;
  font-weight: 400;
  font-family: "Carbona", sans-serif;
  text-transform: uppercase;
  letter-spacing: 1.4px;
  color: #0A0D4A;
  margin-bottom: 24px;
}
@media (min-width: 1920px) {
  .page-template-page-sales-front .halfImageHalfText .wp-block-column:not(:has(img)) > h2 {
    gap: 0.8888888889vw;
  }
}
@media (min-width: 1920px) {
  .page-template-page-sales-front .halfImageHalfText .wp-block-column:not(:has(img)) > h2 {
    font-size: 0.7777777778vw;
  }
}
@media (min-width: 1920px) {
  .page-template-page-sales-front .halfImageHalfText .wp-block-column:not(:has(img)) > h2 {
    margin-bottom: 1.3333333333vw;
  }
}
.page-template-page-sales-front .halfImageHalfText .wp-block-column:not(:has(img)) > h2::after {
  content: "";
  flex: 0 0 43px;
  height: 3px;
  background-color: #0A0D4A;
  -webkit-mask: url("../img/icons/waves.svg") no-repeat center/contain;
  mask: url("../img/icons/waves.svg") no-repeat center/contain;
}
.page-template-page-sales-front .halfImageHalfText .wp-block-column:not(:has(img)) > h2 + p {
  font-size: 36px;
  font-weight: 700;
  font-family: "Carbona", sans-serif;
  line-height: 1.2;
  color: #0A0D4A;
  margin-bottom: 30px;
}
@media (min-width: 1920px) {
  .page-template-page-sales-front .halfImageHalfText .wp-block-column:not(:has(img)) > h2 + p {
    font-size: 2vw;
  }
}
@media (min-width: 1920px) {
  .page-template-page-sales-front .halfImageHalfText .wp-block-column:not(:has(img)) > h2 + p {
    margin-bottom: 1.6666666667vw;
  }
}
.page-template-page-sales-front .halfImageHalfText .wp-block-column:has(img) figure.wp-block-image {
  margin: 0;
  border-radius: 0;
}
.page-template-page-sales-front .halfImageHalfText .wp-block-column:has(img) img {
  display: block;
  width: 100%;
  aspect-ratio: 660/795;
  object-fit: cover;
  border-radius: 0;
}
@media (min-width: 1024px) {
  .page-template-page-sales-front .halfImageHalfText {
    align-items: stretch;
    justify-content: space-between;
  }
  .page-template-page-sales-front .halfImageHalfText .wp-block-column {
    flex: 0 1 auto;
    justify-content: flex-start;
  }
  .page-template-page-sales-front .halfImageHalfText:not(.imageRight) .wp-block-column:not(:has(img)) {
    justify-content: flex-end;
  }
  .page-template-page-sales-front .halfImageHalfText:not(.imageRight) .wp-block-column:not(:has(img)) > p:last-child {
    margin-bottom: 0;
  }
  .page-template-page-sales-front .halfImageHalfText .wp-block-column:not(:has(img)) {
    width: clamp(360px, 44vw, 620px);
  }
}
@media (min-width: 1024px) and (min-width: 1530px) {
  .page-template-page-sales-front .halfImageHalfText .wp-block-column:not(:has(img)) {
    width: 35vw;
  }
}
@media (min-width: 1024px) {
  .page-template-page-sales-front .halfImageHalfText .wp-block-column:has(img) {
    width: clamp(360px, 42vw, 600px);
  }
  .page-template-page-sales-front .halfImageHalfText .wp-block-column:has(img) figure.wp-block-image {
    clip-path: inset(0 0 0 0);
  }
}
@media (max-width: 781px) {
  .page-template-page-sales-front .halfImageHalfText {
    gap: 35px !important;
  }
  .page-template-page-sales-front .halfImageHalfText.imageRight {
    flex-direction: column-reverse;
  }
}

.page-template-page-sales-front .stockBrokerageStack {
  max-width: none !important;
}
.page-template-page-sales-front .stockBrokerageStack > * {
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.page-template-page-sales-front .stockBrokerageStack > .halfImageHalfText.imageRight {
  position: relative;
  z-index: 2;
}
.page-template-page-sales-front .stockBrokerageStack > .halfImageHalfText:not(.imageRight) {
  position: relative;
  z-index: 1;
}
.page-template-page-sales-front .stockBrokerageStack > .preownedTrio {
  position: relative;
  z-index: 0;
  padding: 40px 0;
}

@media (max-width: 781px) {
  .page-template-page-volvopenta .pageContent > .content {
    padding-top: 60px;
  }
}
@media (max-width: 781px) and (min-width: 1920px) {
  .page-template-page-volvopenta .pageContent > .content {
    padding-top: 3.3333333333vw;
  }
}
.page-template-page-volvopenta .mainContent > .halfImageHalfText {
  padding-bottom: 120px;
}
@media (min-width: 1920px) {
  .page-template-page-volvopenta .mainContent > .halfImageHalfText {
    padding-bottom: 6.6666666667vw;
  }
}
.page-template-page-volvopenta .mainContent > .halfImageHalfText .wp-block-column {
  display: block;
  max-width: 660px;
}
@media (min-width: 1920px) {
  .page-template-page-volvopenta .mainContent > .halfImageHalfText .wp-block-column {
    max-width: 36.6666666667vw;
  }
}
.page-template-page-volvopenta .mainContent > .halfImageHalfText h2 {
  font-size: 14px;
  font-weight: 400;
  font-family: "Carbona", sans-serif;
  text-transform: uppercase;
  letter-spacing: 1.4px;
  color: #0A0D4A;
  margin-bottom: 29px;
}
@media (min-width: 1920px) {
  .page-template-page-volvopenta .mainContent > .halfImageHalfText h2 {
    font-size: 0.7777777778vw;
  }
}
@media (min-width: 1920px) {
  .page-template-page-volvopenta .mainContent > .halfImageHalfText h2 {
    margin-bottom: 1.6111111111vw;
  }
}
.page-template-page-volvopenta .mainContent > .halfImageHalfText h2 + p {
  font-size: 36px;
  font-weight: 700;
  font-family: "Carbona", sans-serif;
  line-height: 1.2;
  color: #0A0D4A;
}
@media (min-width: 1920px) {
  .page-template-page-volvopenta .mainContent > .halfImageHalfText h2 + p {
    font-size: 2vw;
  }
}
.page-template-page-volvopenta .mainContent > .halfImageHalfText p:not(.readMore) {
  margin-bottom: 29px;
}
@media (min-width: 1920px) {
  .page-template-page-volvopenta .mainContent > .halfImageHalfText p:not(.readMore) {
    margin-bottom: 1.6111111111vw;
  }
}
@media (max-width: 781px) {
  .page-template-page-volvopenta .mainContent > .halfImageHalfText {
    padding-bottom: 0;
  }
  .page-template-page-volvopenta .mainContent > .halfImageHalfText p {
    display: none;
  }
  .page-template-page-volvopenta .mainContent > .halfImageHalfText h2 {
    font-size: 28px;
    font-weight: 700;
    text-transform: none;
    letter-spacing: 0;
    margin-bottom: 30px;
  }
}
@media (max-width: 781px) and (min-width: 1920px) {
  .page-template-page-volvopenta .mainContent > .halfImageHalfText h2 {
    font-size: 1.5555555556vw;
  }
}
@media (max-width: 781px) and (min-width: 1920px) {
  .page-template-page-volvopenta .mainContent > .halfImageHalfText h2 {
    margin-bottom: 1.6666666667vw;
  }
}

.page-template-page-volvopenta .volvoEngines {
  max-width: none !important;
  margin-bottom: 250px;
}
@media (min-width: 1920px) {
  .page-template-page-volvopenta .volvoEngines {
    margin-bottom: 13.8888888889vw;
  }
}
.page-template-page-volvopenta .volvoEngines > * {
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.page-template-page-volvopenta .volvoEngines .halfImageHalfText {
  padding-bottom: 0;
  gap: 25px !important;
}
.page-template-page-volvopenta .volvoEngines .halfImageHalfText .wp-block-column:has(img) figure.wp-block-image {
  margin: 0;
  border-radius: 0;
}
.page-template-page-volvopenta .volvoEngines .halfImageHalfText .wp-block-column:has(img) img {
  display: block;
  width: 100%;
  object-fit: cover;
  border-radius: 0;
}
.page-template-page-volvopenta .volvoEngines .halfImageHalfText .wp-block-column:not(:has(img)) {
  display: flex;
  flex-direction: column;
  gap: 36px;
  border-left: 1px solid rgba(198, 156, 109, 0.5);
  padding-left: 20px;
}
@media (min-width: 1920px) {
  .page-template-page-volvopenta .volvoEngines .halfImageHalfText .wp-block-column:not(:has(img)) {
    gap: 2vw;
  }
}
@media (min-width: 1920px) {
  .page-template-page-volvopenta .volvoEngines .halfImageHalfText .wp-block-column:not(:has(img)) {
    padding-left: 1.1111111111vw;
  }
}
.page-template-page-volvopenta .volvoEngines .halfImageHalfText .wp-block-column:not(:has(img)) > h2 {
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  font-family: "Carbona", sans-serif;
  text-transform: uppercase;
  letter-spacing: 1.6px;
  color: #0A0D4A;
}
@media (min-width: 1920px) {
  .page-template-page-volvopenta .volvoEngines .halfImageHalfText .wp-block-column:not(:has(img)) > h2 {
    font-size: 0.8888888889vw;
  }
}
.page-template-page-volvopenta .volvoEngines .halfImageHalfText .wp-block-column:not(:has(img)) > p {
  margin: 0;
}
.page-template-page-volvopenta .volvoEngines .halfImageHalfText .wp-block-column:not(:has(img)) p.readMore,
.page-template-page-volvopenta .volvoEngines .halfImageHalfText .wp-block-column:not(:has(img)) p.userBttn {
  margin: 0;
}
@media (min-width: 1024px) {
  .page-template-page-volvopenta .volvoEngines .halfImageHalfText:not(.imageRight) .wp-block-column:has(img) img {
    aspect-ratio: 655/757;
  }
  .page-template-page-volvopenta .volvoEngines .halfImageHalfText:not(.imageRight) .wp-block-column:not(:has(img)) {
    align-self: flex-start;
  }
  .page-template-page-volvopenta .volvoEngines .halfImageHalfText.imageRight {
    margin-top: -21vw;
  }
  .page-template-page-volvopenta .volvoEngines .halfImageHalfText.imageRight .wp-block-column:has(img) img {
    aspect-ratio: 655/893;
  }
  .page-template-page-volvopenta .volvoEngines .halfImageHalfText.imageRight .wp-block-column:not(:has(img)) {
    align-self: flex-end;
  }
}
@media (max-width: 781px) {
  .page-template-page-volvopenta .volvoEngines {
    margin-bottom: 100px;
  }
}
@media (max-width: 781px) and (min-width: 1920px) {
  .page-template-page-volvopenta .volvoEngines {
    margin-bottom: 5.5555555556vw;
  }
}
@media (max-width: 781px) {
  .page-template-page-volvopenta .volvoEngines .halfImageHalfText {
    gap: 24px !important;
  }
  .page-template-page-volvopenta .volvoEngines .halfImageHalfText .wp-block-column:not(:has(img)) > h2 {
    font-size: 28px;
    font-weight: 700;
    text-transform: none;
    letter-spacing: 0;
  }
}
@media (max-width: 781px) and (min-width: 1920px) {
  .page-template-page-volvopenta .volvoEngines .halfImageHalfText .wp-block-column:not(:has(img)) > h2 {
    font-size: 1.5555555556vw;
  }
}
@media (max-width: 781px) {
  .page-template-page-volvopenta .volvoEngines .halfImageHalfText .wp-block-column:not(:has(img)) > h2::after {
    content: "";
    display: block;
    width: 48px;
    height: 6px;
    margin-top: 36px;
    background-color: #0A0D4A;
    -webkit-mask: url("../img/icons/waves.svg") no-repeat left center/contain;
    mask: url("../img/icons/waves.svg") no-repeat left center/contain;
  }
}
@media (max-width: 781px) and (min-width: 1920px) {
  .page-template-page-volvopenta .volvoEngines .halfImageHalfText .wp-block-column:not(:has(img)) > h2::after {
    margin-top: 2vw;
  }
}
@media (max-width: 781px) {
  .page-template-page-volvopenta .volvoEngines .halfImageHalfText.imageRight {
    margin-top: 90px;
    flex-direction: column-reverse;
  }
}
@media (max-width: 781px) and (min-width: 1920px) {
  .page-template-page-volvopenta .volvoEngines .halfImageHalfText.imageRight {
    margin-top: 5vw;
  }
}

.page-template-page-volvopenta .volvoServiceStack {
  --svc-nav: 120px;
  --svc-peek: 70px;
  position: relative;
  max-width: none !important;
  padding: 0;
  margin-bottom: 90px;
}
@media (min-width: 1920px) {
  .page-template-page-volvopenta .volvoServiceStack {
    margin-bottom: 5vw;
  }
}
.page-template-page-volvopenta .volvoServiceStack > * {
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.page-template-page-volvopenta .volvoServiceStack .serviceStackStage {
  position: relative;
  height: 100vh;
}
.page-template-page-volvopenta .volvoServiceStack .serviceStackStage > .halfImageHalfText {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 !important;
  padding: 0;
  gap: 0 !important;
  align-items: flex-start;
}
.page-template-page-volvopenta .volvoServiceStack .wp-block-column:not(:has(img)) {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  background-color: #F5F5F5;
  backdrop-filter: blur(3.5px);
  border-top: 1px solid #C69C6D;
  padding: 30px 50px 40px 50px;
}
@media (min-width: 1920px) {
  .page-template-page-volvopenta .volvoServiceStack .wp-block-column:not(:has(img)) {
    padding: 1.6666666667vw 2.7777777778vw 2.2222222222vw 2.7777777778vw;
  }
}
.page-template-page-volvopenta .volvoServiceStack .wp-block-column:not(:has(img)) > h2 {
  position: relative;
  margin: 0;
  margin-bottom: 31px;
  padding-left: 112px;
  font-size: 14px;
  font-weight: 400;
  font-family: "Carbona", sans-serif;
  text-transform: uppercase;
  letter-spacing: 1.4px;
  color: #0A0D4A;
}
@media (min-width: 1920px) {
  .page-template-page-volvopenta .volvoServiceStack .wp-block-column:not(:has(img)) > h2 {
    margin-bottom: 1.7222222222vw;
  }
}
@media (min-width: 1920px) {
  .page-template-page-volvopenta .volvoServiceStack .wp-block-column:not(:has(img)) > h2 {
    padding-left: 6.2222222222vw;
  }
}
@media (min-width: 1920px) {
  .page-template-page-volvopenta .volvoServiceStack .wp-block-column:not(:has(img)) > h2 {
    font-size: 0.7777777778vw;
  }
}
.page-template-page-volvopenta .volvoServiceStack .wp-block-column:not(:has(img)) > h2::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 43px;
  height: 4px;
  background-color: #0A0D4A;
  -webkit-mask: url("../img/icons/waves.svg") no-repeat center/contain;
  mask: url("../img/icons/waves.svg") no-repeat center/contain;
}
.page-template-page-volvopenta .volvoServiceStack .wp-block-column:not(:has(img)) > p:not(.readMore) {
  margin: 0;
  margin-bottom: 29px;
  padding-left: 112px;
  max-width: 547px;
  color: #0A0D4A;
}
@media (min-width: 1920px) {
  .page-template-page-volvopenta .volvoServiceStack .wp-block-column:not(:has(img)) > p:not(.readMore) {
    margin-bottom: 1.6111111111vw;
  }
}
@media (min-width: 1920px) {
  .page-template-page-volvopenta .volvoServiceStack .wp-block-column:not(:has(img)) > p:not(.readMore) {
    padding-left: 6.2222222222vw;
  }
}
@media (min-width: 1920px) {
  .page-template-page-volvopenta .volvoServiceStack .wp-block-column:not(:has(img)) > p:not(.readMore) {
    max-width: 30.3888888889vw;
  }
}
.page-template-page-volvopenta .volvoServiceStack .wp-block-column:not(:has(img)) > h2 + p:not(.readMore) {
  font-size: 36px;
  font-weight: 700;
  font-family: "Carbona", sans-serif;
  line-height: 1.2;
}
@media (min-width: 1920px) {
  .page-template-page-volvopenta .volvoServiceStack .wp-block-column:not(:has(img)) > h2 + p:not(.readMore) {
    font-size: 2vw;
  }
}
.page-template-page-volvopenta .volvoServiceStack .wp-block-column:not(:has(img)) > p.readMore {
  padding-left: 112px;
}
@media (min-width: 1920px) {
  .page-template-page-volvopenta .volvoServiceStack .wp-block-column:not(:has(img)) > p.readMore {
    padding-left: 6.2222222222vw;
  }
}
@media (min-width: 1024px) {
  .page-template-page-volvopenta .volvoServiceStack .wp-block-column:has(img) {
    display: none;
  }
  .page-template-page-volvopenta .volvoServiceStack .wp-block-column:not(:has(img)) {
    width: 100%;
  }
}
.page-template-page-volvopenta .volvoServiceStack .serviceImageRail {
  display: none;
}
@media (min-width: 1024px) {
  .page-template-page-volvopenta .volvoServiceStack .serviceImageRail {
    display: block;
    position: absolute;
    top: var(--svc-nav);
    bottom: var(--svc-nav);
    right: 0;
    width: 50%;
    z-index: 5;
    pointer-events: none;
  }
  .page-template-page-volvopenta .volvoServiceStack .serviceImageRail-inner {
    position: absolute;
    inset: 0;
  }
  .page-template-page-volvopenta .volvoServiceStack .serviceImageRail img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity 0.5s ease;
  }
  .page-template-page-volvopenta .volvoServiceStack .serviceImageRail img.isActive {
    opacity: 1;
  }
}
.page-template-page-volvopenta .volvoServiceStack .stackEndImage {
  display: none;
  margin: 0;
}
.page-template-page-volvopenta .volvoServiceStack .stackEndImage,
.page-template-page-volvopenta .volvoServiceStack .stackEndImage a,
.page-template-page-volvopenta .volvoServiceStack .stackEndImage img {
  border-radius: 0 !important;
}
.page-template-page-volvopenta .volvoServiceStack .stackEndImage img {
  display: block;
  width: 100%;
  height: auto;
}
@media (max-width: 781px) {
  .page-template-page-volvopenta .volvoServiceStack {
    background-color: #efebe6;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    padding: 80px 20px 0px 20px;
  }
}
@media (max-width: 781px) and (min-width: 1920px) {
  .page-template-page-volvopenta .volvoServiceStack {
    padding: 4.4444444444vw 1.1111111111vw 0vw 1.1111111111vw;
  }
}
@media (max-width: 781px) {
  .page-template-page-volvopenta .volvoServiceStack .wp-block-column:has(img) {
    display: none;
  }
  .page-template-page-volvopenta .volvoServiceStack .wp-block-column:not(:has(img)) {
    padding: 40px 20px 40px 20px;
    border-top: 0;
    box-shadow: 0 4px 10px rgba(10, 13, 74, 0.1);
  }
}
@media (max-width: 781px) and (min-width: 1920px) {
  .page-template-page-volvopenta .volvoServiceStack .wp-block-column:not(:has(img)) {
    padding: 2.2222222222vw 1.1111111111vw 2.2222222222vw 1.1111111111vw;
  }
}
@media (max-width: 781px) {
  .page-template-page-volvopenta .volvoServiceStack .wp-block-column:not(:has(img)) > h2 {
    font-size: 12px;
    padding-left: 0px;
    padding-right: 55px;
    width: 100%;
  }
}
@media (max-width: 781px) and (min-width: 1920px) {
  .page-template-page-volvopenta .volvoServiceStack .wp-block-column:not(:has(img)) > h2 {
    font-size: 0.6666666667vw;
  }
}
@media (max-width: 781px) and (min-width: 1920px) {
  .page-template-page-volvopenta .volvoServiceStack .wp-block-column:not(:has(img)) > h2 {
    padding-left: 0vw;
  }
}
@media (max-width: 781px) {
  .page-template-page-volvopenta .volvoServiceStack .wp-block-column:not(:has(img)) > h2::before {
    left: auto;
    right: 0;
    width: 43px;
    height: 4px;
  }
  .page-template-page-volvopenta .volvoServiceStack .wp-block-column:not(:has(img)) > p:not(.readMore) {
    font-size: 14px;
    padding-left: 0px;
  }
}
@media (max-width: 781px) and (min-width: 1920px) {
  .page-template-page-volvopenta .volvoServiceStack .wp-block-column:not(:has(img)) > p:not(.readMore) {
    font-size: 0.7777777778vw;
  }
}
@media (max-width: 781px) and (min-width: 1920px) {
  .page-template-page-volvopenta .volvoServiceStack .wp-block-column:not(:has(img)) > p:not(.readMore) {
    padding-left: 0vw;
  }
}
@media (max-width: 781px) {
  .page-template-page-volvopenta .volvoServiceStack .wp-block-column:not(:has(img)) > h2 + p:not(.readMore) {
    font-size: 28px;
  }
}
@media (max-width: 781px) and (min-width: 1920px) {
  .page-template-page-volvopenta .volvoServiceStack .wp-block-column:not(:has(img)) > h2 + p:not(.readMore) {
    font-size: 1.5555555556vw;
  }
}
@media (max-width: 781px) {
  .page-template-page-volvopenta .volvoServiceStack .wp-block-column:not(:has(img)) > p.readMore {
    padding-left: 0px;
  }
}
@media (max-width: 781px) and (min-width: 1920px) {
  .page-template-page-volvopenta .volvoServiceStack .wp-block-column:not(:has(img)) > p.readMore {
    padding-left: 0vw;
  }
}
@media (max-width: 781px) {
  .page-template-page-volvopenta .volvoServiceStack .stackEndImage {
    display: block;
    width: 100vw;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    margin-bottom: 80px;
  }
}

.page-template-page-volvopenta.svcStuck .navBar > .content::after {
  display: none;
}

.page-template-page-volvopenta .promoBoxSimple.volvoWebshop {
  background-color: #F5F5F5 !important;
  overflow: visible;
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 10px;
  padding: 10px 20px 10px 20px;
}
@media (min-width: 1920px) {
  .page-template-page-volvopenta .promoBoxSimple.volvoWebshop {
    padding: 0.5555555556vw 1.1111111111vw 0.5555555556vw 1.1111111111vw;
  }
}
.page-template-page-volvopenta .promoBoxSimple.volvoWebshop > h2 {
  grid-row: 1;
  display: flex;
  align-items: center;
  gap: 20px;
  margin: 0;
  padding-top: 10px;
  font-family: "Carbona", sans-serif;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 1.4px;
  line-height: 1.5;
  text-transform: uppercase;
  color: #0A0D4A;
}
@media (min-width: 1920px) {
  .page-template-page-volvopenta .promoBoxSimple.volvoWebshop > h2 {
    gap: 1.1111111111vw;
  }
}
@media (min-width: 1920px) {
  .page-template-page-volvopenta .promoBoxSimple.volvoWebshop > h2 {
    padding-top: 0.5555555556vw;
  }
}
@media (min-width: 1920px) {
  .page-template-page-volvopenta .promoBoxSimple.volvoWebshop > h2 {
    font-size: 0.7777777778vw;
  }
}
.page-template-page-volvopenta .promoBoxSimple.volvoWebshop > h2::before {
  content: "";
  flex: 0 0 auto;
  width: 43px;
  height: 3px;
  background-color: #0A0D4A;
  -webkit-mask: url("../img/icons/waves.svg") no-repeat center/contain;
  mask: url("../img/icons/waves.svg") no-repeat center/contain;
}
.page-template-page-volvopenta .promoBoxSimple.volvoWebshop > figure {
  position: relative;
  inset: auto;
  grid-row: 2;
  grid-column: 1;
  margin: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  opacity: 1;
  aspect-ratio: 350/460;
}
.page-template-page-volvopenta .promoBoxSimple.volvoWebshop > figure::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.2);
}
.page-template-page-volvopenta .promoBoxSimple.volvoWebshop > figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-template-page-volvopenta .promoBoxSimple.volvoWebshop > .content {
  grid-row: 2;
  grid-column: 1;
  position: relative;
  z-index: 1;
  margin: 0;
  max-width: none;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 30px;
  padding: 40px 20px 40px 20px;
}
@media (min-width: 1920px) {
  .page-template-page-volvopenta .promoBoxSimple.volvoWebshop > .content {
    gap: 1.6666666667vw;
  }
}
@media (min-width: 1920px) {
  .page-template-page-volvopenta .promoBoxSimple.volvoWebshop > .content {
    padding: 2.2222222222vw 1.1111111111vw 2.2222222222vw 1.1111111111vw;
  }
}
.page-template-page-volvopenta .promoBoxSimple.volvoWebshop > .content > p:not(.userBttn) {
  display: block;
  margin: 0;
  font-family: "Carbona", sans-serif;
  font-weight: 600;
  font-size: 24px;
  line-height: 1.1;
  color: #F5F5F5;
}
@media (min-width: 1920px) {
  .page-template-page-volvopenta .promoBoxSimple.volvoWebshop > .content > p:not(.userBttn) {
    font-size: 1.3333333333vw;
  }
}
.page-template-page-volvopenta .promoBoxSimple.volvoWebshop > .content .userBttn {
  display: block;
  margin: 0;
}
.page-template-page-volvopenta .promoBoxSimple.volvoWebshop > .content .userBttn a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
  padding: 8px 16px 8px 16px;
  border: 1px solid #96BEF9;
  border-radius: 999px;
  background-color: transparent;
  color: #0A0D4A;
  text-decoration: none !important;
  transition: background-color 0.2s;
  font-family: "Carbona", sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
  text-transform: uppercase;
  white-space: nowrap;
  margin: 0;
  max-width: 100%;
  white-space: normal;
  color: #F5F5F5;
}
@media (min-width: 1920px) {
  .page-template-page-volvopenta .promoBoxSimple.volvoWebshop > .content .userBttn a {
    padding: 0.4444444444vw 0.8888888889vw 0.4444444444vw 0.8888888889vw;
  }
}
.page-template-page-volvopenta .promoBoxSimple.volvoWebshop > .content .userBttn a:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
@media (min-width: 1024px) {
  .page-template-page-volvopenta .promoBoxSimple.volvoWebshop > .content .userBttn a {
    display: flex;
    justify-content: space-between;
    align-self: auto;
    width: 100%;
    max-width: 887px;
    height: 70px;
    padding: 20px 8px 20px 4px;
    border: 0;
    border-bottom: 0.5px solid #0A0D4A;
    border-radius: 0;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .page-template-page-volvopenta .promoBoxSimple.volvoWebshop > .content .userBttn a {
    height: 3.8888888889vw;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .page-template-page-volvopenta .promoBoxSimple.volvoWebshop > .content .userBttn a {
    padding: 1.1111111111vw 0.4444444444vw 1.1111111111vw 0.2222222222vw;
  }
}
@media (min-width: 1024px) {
  .page-template-page-volvopenta .promoBoxSimple.volvoWebshop > .content .userBttn a:hover {
    background-color: rgba(0, 0, 0, 0.2);
  }
}
@media (min-width: 1920px) {
  .page-template-page-volvopenta .promoBoxSimple.volvoWebshop > .content .userBttn a {
    font-size: 0.8333333333vw;
  }
}
@media (min-width: 1024px) {
  .page-template-page-volvopenta .promoBoxSimple.volvoWebshop > .content .userBttn a {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.17;
    letter-spacing: 0.09em;
    white-space: normal;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .page-template-page-volvopenta .promoBoxSimple.volvoWebshop > .content .userBttn a {
    font-size: 1vw;
  }
}
.page-template-page-volvopenta .promoBoxSimple.volvoWebshop > .content .userBttn a::after {
  content: "";
  display: none;
}
@media (min-width: 1024px) {
  .page-template-page-volvopenta .promoBoxSimple.volvoWebshop > .content .userBttn a::after {
    display: block;
    flex: 0 0 auto;
    width: 24px;
    aspect-ratio: 21/22;
    background-color: currentColor;
    -webkit-mask: url("../img/arrow_right.svg") no-repeat center/contain;
    mask: url("../img/arrow_right.svg") no-repeat center/contain;
  }
}
@media (min-width: 1024px) {
  .page-template-page-volvopenta .promoBoxSimple.volvoWebshop > .content .userBttn a {
    max-width: none;
    border-bottom-color: #F5F5F5;
    height: auto;
    padding-top: 14px;
    padding-bottom: 14px;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .page-template-page-volvopenta .promoBoxSimple.volvoWebshop > .content .userBttn a {
    padding-top: min(0.7777777778vw, 16.3333333333px);
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .page-template-page-volvopenta .promoBoxSimple.volvoWebshop > .content .userBttn a {
    padding-bottom: min(0.7777777778vw, 16.3333333333px);
  }
}
@media (max-width: 781px) {
  .page-template-page-volvopenta .promoBoxSimple.volvoWebshop {
    row-gap: 15px;
    margin-bottom: 80px;
  }
}
@media (max-width: 781px) and (min-width: 1920px) {
  .page-template-page-volvopenta .promoBoxSimple.volvoWebshop {
    margin-bottom: 4.4444444444vw;
  }
}
@media (min-width: 1024px) {
  .page-template-page-volvopenta .promoBoxSimple.volvoWebshop {
    background-color: #000 !important;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    overflow: hidden;
    row-gap: 0;
    height: 600px;
    padding: 40px 40px 50px 40px;
    margin-top: 120px;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .page-template-page-volvopenta .promoBoxSimple.volvoWebshop {
    height: 33.3333333333vw;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .page-template-page-volvopenta .promoBoxSimple.volvoWebshop {
    padding: 2.2222222222vw 2.2222222222vw 2.7777777778vw 2.2222222222vw;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .page-template-page-volvopenta .promoBoxSimple.volvoWebshop {
    margin-top: 6.6666666667vw;
  }
}
@media (min-width: 1024px) {
  .page-template-page-volvopenta .promoBoxSimple.volvoWebshop > figure {
    position: absolute;
    inset: 0;
    grid-row: auto;
    aspect-ratio: auto;
    z-index: 0;
  }
  .page-template-page-volvopenta .promoBoxSimple.volvoWebshop > figure::after {
    background-color: rgba(0, 0, 0, 0.4);
  }
  .page-template-page-volvopenta .promoBoxSimple.volvoWebshop > h2 {
    position: relative;
    z-index: 1;
    padding: 0;
    color: #F5F5F5;
  }
  .page-template-page-volvopenta .promoBoxSimple.volvoWebshop > h2::before {
    background-color: #F5F5F5;
  }
  .page-template-page-volvopenta .promoBoxSimple.volvoWebshop > .content {
    position: relative;
    z-index: 1;
    flex: 1 1 auto;
    grid-row: auto;
    max-width: 640px;
    padding: 0 !important;
    margin-top: 70px;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .page-template-page-volvopenta .promoBoxSimple.volvoWebshop > .content {
    margin-top: 3.8888888889vw;
  }
}
@media (min-width: 1024px) {
  .page-template-page-volvopenta .promoBoxSimple.volvoWebshop > .content > p:not(.userBttn) {
    font-size: 36px;
    line-height: 1;
    max-width: 440px;
  }
}
@media (min-width: 1024px) and (min-width: 1920px) {
  .page-template-page-volvopenta .promoBoxSimple.volvoWebshop > .content > p:not(.userBttn) {
    font-size: 2vw;
  }
}

@media (min-width: 1024px) {
  .page-template-page-volvopenta .mainContent {
    display: flex;
    flex-direction: column;
  }
  .page-template-page-volvopenta .mainContent > .promoBoxSimple.volvoWebshop {
    order: 1;
  }
}
#qrHolder {
  display: none;
}

.printpdf .topBar,
.printpdf .navBar,
.printpdf .shareWrapper,
.printpdf .newsletter,
.printpdf .footer,
.printpdf .bttn,
.printpdf .footerSticky,
.printpdf .grecaptcha-badge,
.printpdf .showAllPhotos,
.printpdf .boat-video,
.printpdf .vrtour,
.printpdf hr,
.printpdf #cookiescript_badge {
  display: none !important;
}
.printpdf .boatDetailTopPageWrapper {
  position: relative;
}
.printpdf h1 {
  max-width: calc(100% - 120px);
  margin-top: 15px;
}
.printpdf .boatInfoItems {
  font-size: 16px !important;
  margin: 20px 0 !important;
}
.printpdf .boatInfoItems .label {
  display: inline !important;
  margin-right: 3px !important;
  font-weight: 600;
}
.printpdf .boatInfoItems div {
  margin-bottom: 0 !important;
}
.printpdf .boatInfoItems div:before {
  display: none !important;
}
.printpdf .boatDescription br {
  display: none !important;
}
.printpdf .narrowContent {
  max-width: unset;
}
.printpdf #qrHolder {
  display: block;
  max-width: 116px;
  position: absolute;
  right: 0;
  top: 0;
}
.printpdf .boat-price-detail {
  padding: 0 0 5px;
}
.printpdf .boat-price-detail .priceLabel {
  margin-bottom: 5px;
  font-size: 24px;
}
.printpdf .boatSpecification p, .printpdf .boatInventory p {
  margin: 5px 0 !important;
}
.printpdf .boatSpecification li {
  padding: 5px 0;
}

/*@import 'themes/';*/
/*# sourceMappingURL=themedefault.css.map */