/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */

html {
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article,
aside,
footer,
header,
nav,
section {
  display: block;
}

h1 {
  font-size: 2em;
  margin: .67em 0;
}

figcaption,
figure,
main {
  display: block;
}

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace,monospace;
  font-size: 1em;
}

a {
  background-color: rgba(0,0,0,0);
  -webkit-text-decoration-skip: objects;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: inherit;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace,monospace;
  font-size: 1em;
}

dfn {
  font-style: italic;
}

mark {
  background-color: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

audio,
video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

img {
  border-style: none;
}

svg:not(:root) {
  overflow: hidden;
}

button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: .35em .75em .625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  display: inline-block;
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details,
menu {
  display: block;
}

summary {
  display: list-item;
}

canvas {
  display: inline-block;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

.blinking-cursor {
  font-weight: 100;
  font-size: 18px;
  color: #000;
  -webkit-animation: 1s blink step-end infinite;
  -moz-animation: 1s blink step-end infinite;
  -ms-animation: 1s blink step-end infinite;
  -o-animation: 1s blink step-end infinite;
  animation: 1s blink step-end infinite;
}

@keyframes blink {
  from, to {
    color: rgba(0,0,0,0);
  }

  50% {
    color: #000;
  }
}

@-moz-keyframes blink {
  from, to {
    color: rgba(0,0,0,0);
  }

  50% {
    color: #000;
  }
}

@-webkit-keyframes blink {
  from, to {
    color: rgba(0,0,0,0);
  }

  50% {
    color: #000;
  }
}

@-ms-keyframes blink {
  from, to {
    color: rgba(0,0,0,0);
  }

  50% {
    color: #000;
  }
}

@-o-keyframes blink {
  from, to {
    color: rgba(0,0,0,0);
  }

  50% {
    color: #000;
  }
}

@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-moz-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-ms-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-o-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes fadein {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-moz-keyframes fadein {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-ms-keyframes fadein {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-o-keyframes fadein {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

body.modal-open,
body.search-filters-open {
  overflow: hidden;
}

.teaserDescription p {
  margin: 0px;
}

.noJustifiedText p {
  text-align: left !important;
}

.responsive-overflow--multi-line {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-height: 20px;
  height: 60px;
}

@media screen and (min-width: 768px) {
  .responsive-overflow--multi-line {
    height: 144px;
    -webkit-line-clamp: 7;
  }
}

.overflow-ellipsis--single-line {
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -moz-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.overflow-ellipsis--multi-line {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-height: 20px;
  height: 60px;
}

.no-margin-on-children * {
  margin: 0;
}

.comp-loading {
  min-height: 100vh;
  min-width: 100vw;
  position: relative;
}

.comp-loading:before {
  content: "";
  position: absolute;
  top: 25%;
}

.h2-hidden h2 {
  display: none;
}

.comp-loaded {
  min-height: 0;
  min-width: 0;
}

.html-with-links a {
  color: #06aaee;
  text-decoration: none;
}

input {
  border-radius: 0;
}

.streetSectionWrapper,
.citySectionWrapper,
.birthdaySectionWrapper {
  display: block !important;
}

input::placeholder {
  color: #737373;
}

.mapboxgl-ctrl-icon.mapboxgl-ctrl-zoom-in,
.mapboxgl-ctrl-icon.mapboxgl-ctrl-zoom-out {
  width: 40px !important;
  height: 40px !important;
}

.btn {
  border-radius: 0;
  font-size: 12px;
  font-weight: 400;
}

.btn.btn-more {
  background: #06aaee;
  border: none;
  color: #fff;
  padding: 4px 25px 5px 10px;
  position: relative;
}

.btn.btn-more:before {
  font-family: "dreamlines";
  content: "";
  position: absolute;
  right: 5px;
  transform: translateY(-50%);
  top: 50%;
}

.btn.btn-more:hover {
  background-color: #00233b;
}

.noPadding {
  padding-left: 0;
  padding-right: 0;
}

* {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
}

figure {
  margin: 0px;
}

ul {
  -webkit-padding-start: 0px;
  -moz-padding-start: 0px;
  padding-start: 0px;
  list-style-type: none;
  list-style: none;
}

li {
  list-style-type: none;
  list-style: none;
}

a {
  text-decoration: none;
  color: inherit;
}

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

select:focus,
select:active {
  outline: none;
}

p {
  margin: 10px 0;
}

p.MsoNormal {
  margin: 0 !important;
}

@media (min-width: 992px) {
  p.MsoNormal {
    margin: unset;
  }
}

.selectBoxWrapper .selectBox {
  border: solid 1px #e0e0e0;
  background-color: #fff;
  font-family: Arial;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.29;
  letter-spacing: normal;
  color: #333;
  padding: 9px 35px 8px 13px;
}

.selectBoxWrapper::after {
  font-family: dreamlines;
  display: inline-block;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  content: "";
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  font-size: 14px;
  margin-left: -24px;
  margin-right: 14px;
}

@media only screen and (min-width: 0px)and (max-width: 767px) {
  .onlyTablet,
  .onlyTabletUp,
  .onlyDesktop {
    display: none !important;
  }
}

@media only screen and (min-width: 768px)and (max-width: 1199px) {
  .onlyMobile,
  .onlyDesktop {
    display: none !important;
  }

  .container {
    width: 100%;
  }
}

@media only screen and (min-width: 1200px) {
  .onlyMobile,
  .onlyTablet {
    display: none !important;
  }

  .hideDesktop {
    display: none !important;
  }

  #react-app {
    background-color: #f2f2f2;
  }
}

.blue_button {
  border: 0;
  margin: auto;
  color: #fff;
  outline: none;
  display: block;
  font-size: 16px;
  cursor: pointer;
  max-width: 300px;
  background: #06aaee;
  position: relative;
  text-decoration: none;
  padding: 13px 20px 11px 20px;
}

.blue_button svg {
  fill: #fff;
}

.blue_button.darker_blue {
  background: #006295;
}

.blue_button.has_hover:hover {
  background: #00233b;
}

.blue_button.w-100 {
  width: 100%;
}

.blue_button.with_arrow {
  padding: 13px 30px 11px 20px;
}

.blue_button.with_arrow svg {
  top: 50%;
  right: 7px;
  position: absolute;
  transform: translateY(-50%);
}

.blue_button.minor {
  width: 150px;
  font-size: 12px;
  padding: 9px 10px;
}

.blue_button.minor.with_arrow {
  padding: 9px 25px;
}

.blue_button.minor.with_arrow svg {
  transform: translateY(-50%) scale(0.75);
}

.blue_button.minimal {
  width: unset;
  font-size: 12px;
}

.blue_button.minimal.with_arrow {
  padding: 7px 25px 5px 10px;
}

.blue_button.minimal.with_arrow svg {
  transform: translateY(-50%) scale(0.75);
}

.blue_button.bigger {
  max-width: unset;
  font-size: 18px;
}

.blue_button.inline-icon {
  display: flex;
  justify-content: center;
  align-items: center;
}

.blue_button.inline-icon svg {
  max-height: 18px;
  margin-right: 10px;
}

.blue_button.link,
.blue_button.link:hover {
  color: #fff;
  text-decoration: none;
}

.unstyled_button {
  border: 0;
  outline: 0;
  background: unset;
}

[data-cognigy-webchat-root] {
  height: auto !important;
}

body {
  font-family: Arial,Helvetica,sans-serif;
}

@font-face {
  font-family: dreamicons;
  src: local("Pacifico Regular");
  src: url(https://website-production-public.dreamlines.de/mobile/dac0cb89f7/assets/dist/84f2d7da96af6fc9373fe022f1927915.eot);
  src: url(https://website-production-public.dreamlines.de/mobile/dac0cb89f7/assets/dist/84f2d7da96af6fc9373fe022f1927915.eot) format("embedded-opentype"),url(https://website-production-public.dreamlines.de/mobile/dac0cb89f7/assets/dist/f57d0eb543fda3850f10325380aa8f95.woff) format("woff"),url(https://website-production-public.dreamlines.de/mobile/dac0cb89f7/assets/dist/13c3b6ffaad21e32e2b3ec39d7bd7d94.ttf) format("truetype"),url(https://website-production-public.dreamlines.de/mobile/dac0cb89f7/assets/dist/85e807541a3817bd97034a8066592e4b.svg) format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: dreamlines;
  src: local("Pacifico Regular");
  src: url(https://website-production-public.dreamlines.de/mobile/dac0cb89f7/assets/dist/f92e9fedf8d14724e9eed1a2cd8aaa35.eot);
  src: url(https://website-production-public.dreamlines.de/mobile/dac0cb89f7/assets/dist/f92e9fedf8d14724e9eed1a2cd8aaa35.eot) format("embedded-opentype"),url(https://website-production-public.dreamlines.de/mobile/dac0cb89f7/assets/dist/14124a82ab81241bcb6791f49312d358.woff) format("woff"),url(https://website-production-public.dreamlines.de/mobile/dac0cb89f7/assets/dist/a62960afb987d1d38bc9d8489b65c642.ttf) format("truetype"),url(https://website-production-public.dreamlines.de/mobile/dac0cb89f7/assets/dist/0cd8115b06468b66fef56aac028423a3.svg) format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

.icon-handset-rounded:before,
.icHeart:before,
.icon-exchange:before,
.icon-magnifyingGlass:before,
.icon-dreamlinesPackage-expert:before,
.icon-shipv2:before,
.icon-winner:before,
.icon-facebook:before,
.icon-youtube:before,
.icon-twitter:before,
.icon-star:before,
.icon-anchor:before,
.icon-people:before,
.icon-marker:before,
.icon-info:before,
.icon-globe:before,
.icon-SliderArrowLeft:before,
.product-gallery .slick-prev:before,
.icon-SliderArrowRight:before,
.product-gallery .slick-next:before,
.icon-ratings:before,
.icon-reloading:before,
.icon-arrowLeft:before,
.icon-arrowRight:before,
.icon-calendar:before,
.icon-checkMark:before,
.icon-decks:before,
.icon-cross:before,
.icon-instagram:before {
  font-family: dreamlines;
  display: inline-block;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smooth: antialiased;
}

.icon-checkMark:before {
  content: "";
}

.icon-calendar:before {
  content: "";
}

.icon-globe:before {
  content: "";
}

.icon-arrowLeft:before {
  content: "";
}

.icon-arrowRight:before {
  content: "";
}

.icon-reloading:before {
  content: "";
}

.icon-ratings:before {
  content: "";
}

.icon-anchor:before {
  content: "";
}

.icon-star:before {
  content: "";
}

.icon-info:before {
  content: "";
}

.icon-cross:before {
  content: "";
}

.icon-SliderArrowLeft:before,
.product-gallery .slick-prev:before {
  content: "";
}

.icon-SliderArrowRight:before,
.product-gallery .slick-next:before {
  content: "";
}

.icHeart:before {
  font-family: dreamicons;
  content: "";
}

.icon-globe:before {
  content: "";
}

.icon-handset-rounded:before {
  content: "";
}

.icon-magnifyingGlass:before {
  content: "";
}

.icon-marker:before {
  content: "";
}

.icon-people:before {
  content: "";
}

.icon-dreamlinesPackage-expert:before {
  content: "";
}

.icon-shipv2:before {
  content: "";
}

.icon-decks:before {
  content: "";
}

.icon-winner:before {
  content: "";
}

.icon-facebook:before {
  content: "";
}

.icon-youtube:before {
  content: "";
}

.icon-twitter:before {
  content: "";
}

.icon-instagram:before {
  content: "";
}

.icon-exchange:before {
  content: "";
}

.icon-facebook:hover,
.icon-youtube:hover,
.icon-twitter:hover,
.icon-instagram:hover {
  text-decoration: none;
}

.advisorSection .arrow {
  top: 50% !important;
  right: -8px !important;
  left: initial !important;
  transform: rotate(45deg) skew(0deg) !important;
}

.advisorSection>div {
  background: #fff;
  padding: 20px;
  margin-top: 40px;
  display: grid;
  grid-template-columns: 355px auto;
  grid-template-rows: 100%;
  gap: 1px 1px;
  grid-template-areas: ". .";
  align-items: center;
}

.advisorSection>div>div,
.advisorSection>div>div * {
  margin: 0 !important;
  font-family: Arial;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  color: #333;
}

.advisorSection>div>div {
  margin-left: 40px !important;
}

@media screen and (-ms-high-contrast: none),(-ms-high-contrast: active) {
  .advisorSection>div {
    display: -ms-grid;
    -ms-grid-columns: 355px auto;
    -ms-grid-rows: 100%;
  }

  .advisorDescription {
    -ms-grid-column: 2;
  }
}

.gallerySliderSection {
  background: #fff;
  padding: 12px;
  margin-top: 40px;
}

.gallerySliderSection>div {
  float: left;
  width: 50%;
}

.gallerySliderSectionContent {
  padding-left: 16px;
}

.gallerySliderSectionContent>div {
  clear: both;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  color: #333;
}

.gallerySliderSectionContent>span {
  font-size: 20px;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 15px;
  float: left;
}

.gallerySlider .galleryImage {
  width: 100%;
}

.gallerySlider .thumbImage {
  width: 135px;
}

.BrainhubCarousel__dots {
  overflow-x: hidden;
  justify-content: initial;
  scroll-behavior: smooth;
}

.BrainhubCarousel__customArrows {
  position: relative;
  z-index: 9999;
}

.BrainhubCarousel__customArrows .arrowRight {
  left: -40px;
}

.arrowIcon {
  fill: #333;
  stroke: #333;
  width: 40px;
  height: 32px;
  top: 50%;
  position: absolute;
  padding: 5px;
  cursor: pointer;
}

.arrowLeft {
  transform: scale(-1);
}

@media screen and (-ms-high-contrast: none),(-ms-high-contrast: active) {
  .thumbnailArrow {
    display: none;
  }
}

.gallerySlider>div {
  position: relative;
}

.gallerySlider>div>.arrowIcon {
  bottom: 35px;
  top: initial;
}

.gallerySlider>div>.arrowRight {
  right: 0;
}

.modalContainer {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 15px;
  overflow: auto;
  z-index: 1000;
  text-align: center;
}

@media (max-width: 480px) {
  .modalContainer.mobilePositionBottom {
    padding: 32px;
    transform: translateX(0px);
    padding: 0px;
  }
}

@media (max-width: 480px) {
  .modalContainer.mobilePositionBottom>.modalContent {
    padding: 20px 16px 36px 16px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
  }

  .modalContainer.mobilePositionBottom>.modalContent .modalClose {
    padding: 0;
    top: 16px;
    right: 16px;
  }
}

.modalOverlay {
  background: #000;
  opacity: .5;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1040;
}

.modalContent {
  z-index: 1050;
  background: #fff;
  position: relative;
  padding: 15px;
  box-shadow: 0 0 7px 0 rgba(0,0,0,.55);
  border-radius: 6px;
}

@media (min-width: 768px) {
  .modalContent {
    display: inline-block;
    top: 10%;
    margin: 0 auto;
  }
}

.modalContent .modalClose {
  border: none;
  background-color: rgba(0,0,0,0);
  position: absolute;
  top: 10px;
  right: 10px;
}

.navigation-panel {
  border: none;
  font-size: 1.25rem;
  margin-bottom: 2px;
  margin-top: 10px;
}

.navigation-panel__wrapper {
  padding: 0;
  margin: 0;
  width: 100%;
  display: flex;
  flex-direction: row;
  background-color: #fff;
}

.navigation-panel__item {
  list-style-type: none;
  flex: 1;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
}

.navigation-panel__item--active {
  background-color: #00233b;
  border-left: 1px solid #00233b;
  margin-left: -1px;
}

.navigation-panel__item:hover {
  color: #fff;
  background-color: #00233b;
  border-left: 1px solid #00233b;
  margin-left: -1px;
}

.navigation-panel__item--external:hover {
  background-color: #fff;
}

.navigation-panel__item:last-child .navigation-panel__link:after {
  content: none;
}

.navigation-panel__item-title {
  margin-left: 3px;
}

.navigation-panel__link {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  text-align: center;
  padding: 8px;
  color: #00233b;
}

.navigation-panel__link:hover,
.navigation-panel__link:active,
.navigation-panel__link:focus {
  color: #fff;
  text-decoration: none;
}

.navigation-panel__link:after {
  border-right: 1px solid #00233b;
  bottom: 4.5px;
  content: "";
  right: 0px;
  top: 4.5px;
  position: absolute;
}

.navigation-panel__link--without-border:after {
  content: none;
}

.navigation-panel__link--active {
  color: #fff;
}

.navigation-panel__link--external {
  color: #06aaee;
}

.navigation-panel__link--external:after {
  content: none;
}

.navigation-panel__link--external:hover,
.navigation-panel__link--external:active,
.navigation-panel__link--external:focus {
  color: #06aaee;
  text-decoration: none;
}

.rating-bar {
  margin-bottom: 30px;
  height: 15px;
  color: #00233b;
  font-weight: bold;
  position: relative;
  display: block;
}

@media only screen and (min-width: 1200px) {
  .rating-bar {
    display: flex;
    flex-direction: row;
    margin-bottom: 15px;
  }
}

.rating-bar__description {
  display: flex;
  position: absolute;
  bottom: -20px;
  width: 100%;
}

@media only screen and (min-width: 1200px) {
  .rating-bar__description {
    flex: 2.35;
    position: initial;
  }
}

.rating-bar__bar {
  width: 100%;
  background-color: #e0e0e0;
  height: 15px;
  display: block;
}

@media only screen and (min-width: 1200px) {
  .rating-bar__bar {
    flex: 3;
    margin-right: 40px;
  }
}

@media only screen and (min-width: 1200px) {
  .rating-bar__bar--shorter {
    margin-right: 60px;
  }
}

.rating-bar__bar-filled {
  height: 100%;
  background-color: #006295;
}

.rating-bar__rating-value {
  top: 0px;
  position: absolute;
  right: 0px;
}

.rating-bar__rating-value-grey {
  color: #e0e0e0;
}

.rating-bar__icon {
  margin-left: 4px;
}

.slider::-webkit-scrollbar {
  display: none;
}

.slider.active a {
  pointer-events: none;
}

@media only screen and (min-width: 768px)and (max-width: 1199px) {
  .teaserSlideItem {
    min-width: 40% !important;
  }

  .collapsibleSection {
    padding: 20px 5px !important;
  }
}

.accordion__toggle {
  background-color: #06aaee;
  border: none;
  height: 20px;
  width: 20px;
  border-radius: 10px;
  padding: 5px;
  font-size: 12px;
}

.accordion__toggle__icon {
  width: 10px;
  height: 10px;
  fill: #fff;
}

.accordion__toggle--reverse {
  transform: rotate(180deg);
}

.accordion__item {
  margin-top: 5px;
}

.accordion__item:first-child {
  margin-top: 0;
}

.accordion__item__active {
  color: #164e78 !important;
}

@media only screen and (min-width: 768px) {
  .accordion__item__active {
    border-color: #164e78 !important;
    border-style: solid !important;
    border-width: 0 0 0 2px !important;
    padding-left: 15px !important;
  }
}

.accordion__item__header {
  border: 1px solid #ddd;
  height: 41px;
  background-color: #f7f7f7;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0px 10px;
  cursor: pointer;
  font-weight: 700;
  font-size: 14px;
}

.accordion__item__content {
  max-height: 0;
  transition: max-height 1s ease-out,border-color 1s steps(1, end);
  overflow: hidden;
  margin-top: -1px;
  border: 1px solid rgba(0,0,0,0);
}

.accordion__item__content--open {
  border-color: #ddd;
  transition: max-height .5s ease-in,border-color .5s;
  max-height: 1000px;
}

.list-action .list-group {
  margin-bottom: 0px !important;
}

.list-action .list-group-item {
  float: left;
  padding: 5px 12px !important;
  background: none !important;
}

.list-group-horizontal .list-group-item {
  display: inline-block;
  border: 0px !important;
  text-decoration: underline;
}

.btn-favorite,
.btn-share,
.btn-pdf-download {
  border: 0px;
  background: none;
  white-space: nowrap;
  display: flex;
  align-items: center;
}

.tooltip-icon {
  position: relative;
}

.tooltip-icon:before {
  content: attr(data-text);
  position: absolute;
  top: 100%;
  width: 200px;
  padding: 10px;
  background: #fff;
  border: 1px solid;
  color: #000;
  text-align: center;
  display: none;
  left: -50%;
  opacity: 0;
  transition: .3s opacity;
  z-index: 10000;
}

.tooltip-icon:hover:after {
  display: block;
  opacity: 1;
}

.tooltip-icon:hover:before {
  display: block;
  opacity: 1;
}

.tooltip-icon .left:before {
  left: initial;
  margin: initial;
  right: 100%;
  margin-right: 15px;
}

.vcenter {
  display: inline-block;
  vertical-align: middle;
  float: none;
  font-size: 14px;
}

.action-icon {
  background-color: rgba(0,0,0,0);
  margin-right: 5px;
  padding: 3px 6px 3px 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.action-icon>svg {
  width: 17px;
}

.tooltip-icon-share {
  position: relative;
}

.tooltip-icon-share:after {
  content: " ";
  position: absolute;
  top: 0;
  bottom: -10px;
  right: 0;
  left: 0;
}

.tooltip-icon-share:hover .tooltip-icon-share-text {
  visibility: visible;
  opacity: 1;
}

.btn-pdf-download__container {
  position: relative;
}

.btn-pdf-download__container #btn-pdf-download__pdf-modal {
  top: 100%;
  left: 50%;
  z-index: 2;
  width: 400px;
  color: #fff;
  cursor: default;
  margin-top: 30px;
  position: absolute;
  background: #006295;
  transform: translateX(calc(-50% - 35px));
  padding: 15px 20px 45px 20px;
}

.btn-pdf-download__container #btn-pdf-download__pdf-modal #btn-pdf-download__pdf-modal__close {
  top: 0;
  right: 0;
  padding: 8px 10px;
  position: absolute;
}

.btn-pdf-download__container #btn-pdf-download__pdf-modal #btn-pdf-download__pdf-modal__close svg {
  fill: #fff;
}

.btn-pdf-download__container #btn-pdf-download__pdf-modal::before {
  top: 1px;
  left: 50%;
  content: "";
  width: 40px;
  height: 20px;
  display: block;
  position: absolute;
  background: #006295;
  transform: translate(calc(-50% + 35px), -100%);
  clip-path: polygon(50% 0, 100% 100%, 0 100%, 50% 0);
}

.btn-pdf-download__container #btn-pdf-download__pdf-modal h2 {
  margin: 15px 0;
  font-size: 22px;
  font-weight: 700;
  text-align: center;
}

.btn-pdf-download__container #btn-pdf-download__pdf-modal p {
  font-size: 14px;
  line-height: 1.3;
  margin: 0 0 25px;
  text-align: center;
  white-space: initial;
}

.btn-pdf-download__container #btn-pdf-download__pdf-modal p#pdf-modal__email-address__error {
  margin-top: 0;
  font-weight: 700;
  margin-bottom: 5px;
  color: #ff4056;
}

.btn-pdf-download__container #btn-pdf-download__pdf-modal #btn-pdf-download__pdf-modal__inline-form {
  display: flex;
}

.btn-pdf-download__container #btn-pdf-download__pdf-modal #btn-pdf-download__pdf-modal__inline-form input {
  outline: 0;
  height: 31px;
  width: 210px;
  color: #666;
  font-size: 12px;
  margin-right: 8px;
  padding: 6px 12px;
  border: 1px solid #ccc;
}

.btn-pdf-download__container #btn-pdf-download__pdf-modal #btn-pdf-download__pdf-modal__inline-form input:focus {
  border-color: #ccc;
  box-shadow: 0 0 8px rgba(102,175,233,.6);
}

.btn-pdf-download__container #btn-pdf-download__pdf-modal #btn-pdf-download__pdf-modal__inline-form input.error_animation {
  border: 1px solid #ff4056;
  animation: increase_decrease 1s .1s;
}

@keyframes increase_decrease {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.05);
  }

  100% {
    transform: scale(1);
  }
}

.breadcrumbs {
  flex-wrap: wrap;
  display: flex;
  width: 100%;
  font-size: 15px;
  padding: 8px 0px;
  line-height: 21px;
  background-color: rgba(0,0,0,0);
}

@media (min-width: 768px) {
  .breadcrumbs {
    font-size: 14px;
    line-height: 20px;
    padding: 8px 15px;
    background-color: rgba(0,0,0,0);
  }

  .breadcrumbs.greyBackground {
    background: #f8f8f8;
  }
}

.breadcrumbs.noLateralPadding {
  padding-left: 0;
  padding-right: 0;
}

.breadcrumbs.darkBlue li {
  color: #001477;
}

.breadcrumbs.darkBlue li a {
  color: #001477;
}

.breadcrumbs.darkBlue li a:hover {
  color: #333;
}

.breadcrumbs.darkBlue li:last-child div {
  color: #333;
}

.cabinSectionContainer {
  display: grid;
  justify-content: center;
  margin: 12px 0;
  gap: 12px;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
}

.cabinSectionContainer>.cardBox {
  margin: 5px;
}

.cabinSectionContainer>.cardBox:first-child {
  margin-left: 0;
}

.cabinSectionContainer>.cardBox:last-child {
  margin-right: 0;
}

.cabinSectionContainer .modalContent {
  max-width: 992px;
}

@media only screen and (min-width: 1200px) {
  .cabinSectionContainer {
    padding: 0 25px;
  }

  .cabinSectionContainer .modalContent {
    min-width: 992px;
  }
}

@media only screen and (min-width: 1200px)and (min-width: 321px)and (max-width: 767px) {
  .cabinSectionContainer {
    margin: 0 -15px;
  }
}

.cardSubtitle {
  display: flex;
  justify-content: space-around;
  padding: 0 15px;
}

.cardSubtitle>span {
  display: inline-flex;
  align-items: center;
}

.cardSubtitle>span svg,
.cardSubtitle>span .icon-people {
  font-size: 20px;
  margin-right: 5px;
}

.radio-input {
  appearance: none;
  width: 20px;
  height: 20px;
  border: solid 2px #e0e1e3;
  border-radius: 50%;
  margin-left: 10px;
}

.radio-input[type=radio]:focus {
  outline: none;
  outline-offset: 0;
  border-radius: 50%;
  background: #09f;
  border: 2px solid #fff;
  box-shadow: 0px 0px 0px 2px #09f;
}

.radio-input-checked {
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #09f;
  border: 2px solid #fff;
  box-shadow: 0px 0px 0px 2px #09f;
}

.radio-input-checked[type=radio]:focus {
  outline: none;
  outline-offset: 0;
}

input.radio-input,
input.radio-input-checked,
.disabled {
  margin-left: 16px;
}

.calendarIcon {
  width: 15px;
  height: 15px;
}

.calendarWrapper {
  margin-top: 10px;
  position: relative;
  color: #000;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  z-index: 2;
}

@media (min-width: 0px)and (max-width: 767px) {
  .calendarWrapper {
    box-shadow: rgba(0,0,0,.11) 0px 8px 7px 0px;
    border: 1px solid #d8d8d8;
  }
}

.calendarWrapper.open-startDate::after,
.calendarWrapper.open-endDate::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 50%;
  background-color: #006598;
  border-radius: 1.5px;
  transition: 400ms;
  z-index: 1;
}

.calendarWrapper.open-startDate::after {
  transform: translate3d(0, 1px, 0);
}

.calendarWrapper.open-endDate::after {
  transform: translate3d(100%, 1px, 0);
}

.calendarWrapper>div {
  width: 50%;
  position: relative;
}

.calendarWrapper>div:first-child .DayPickerInput {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.calendarWrapper>div:last-child {
  margin-right: 0;
}

@media (min-width: 768px) {
  .calendarWrapper>div:last-child {
    z-index: 0;
  }
}

.calendarWrapper>div:last-child .DayPickerInput {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.calendarWrapper>div>div {
  background-repeat: no-repeat;
  background-size: 17px 18px;
  background-position: 9px 12px;
  background-color: #fff;
}

.calendarWrapper>div input {
  width: 100%;
  height: 45px;
  border: 0;
  font-size: 14px;
  background: rgba(0,0,0,0);
  padding-left: 30px;
}

.calendarWrapper .DayPicker-Day--selected.DayPicker-Day--start.DayPicker-Day--end::before,
.calendarWrapper .DayPicker-Day--selected.DayPicker-Day--start.DayPicker-Day--end::after {
  border-width: 0;
}

.calendarWrapper .DayPicker-Caption {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 5px;
}

.calendarWrapper .DayPicker-Caption>div {
  font-weight: 600;
  text-transform: uppercase;
  color: #484848;
}

.calendarWrapper .DayPicker-Weekday {
  color: #9b9b9b;
}

.calendarWrapper .DayPicker-Day {
  font-size: 13px;
  border-radius: 0 !important;
  border: 0;
  color: #333;
  width: 46px;
  height: 45px;
  padding: 1px;
  position: relative;
}

@media (min-width: 768px) {
  .calendarWrapper .DayPicker-Day {
    width: 26px;
    height: 25px;
  }
}

.calendarWrapper .DayPicker-Day:hover {
  background: rgba(0,98,149,.1);
  color: #4a4a4a;
  border: 0;
}

.calendarWrapper .DayPicker-Day--disabled {
  color: #d8d8d8;
}

.calendarWrapper .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside) {
  background: #006295;
  position: relative;
}

.calendarWrapper .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside):hover,
.calendarWrapper .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside):active {
  color: #fff;
  background: #006295;
  border: 0;
  position: relative;
}

.calendarWrapper .DayPicker-Day--selected:not(.DayPicker-Day--start):not(.DayPicker-Day--end):not(.DayPicker-Day--outside) {
  background: rgba(0,98,149,.2) !important;
  color: #333;
}

.calendarWrapper .DayPicker-Day--start:not(.DayPicker-Day--outside),
.calendarWrapper .DayPicker-Day--end:not(.DayPicker-Day--outside) {
  background: #006295 !important;
  color: #fff;
}

.calendarWrapper .DayPicker-Day--start:not(.DayPicker-Day--outside):hover,
.calendarWrapper .DayPicker-Day--start:not(.DayPicker-Day--outside):active,
.calendarWrapper .DayPicker-Day--end:not(.DayPicker-Day--outside):hover,
.calendarWrapper .DayPicker-Day--end:not(.DayPicker-Day--outside):active {
  color: #fff;
  background: #006295;
  border: 0;
  position: relative;
}

.calendarWrapper .DayPicker-Day--start:not(.DayPicker-Day--outside) {
  z-index: 1;
}

.calendarWrapper .DayPicker-Day--start:not(.DayPicker-Day--outside):after,
.calendarWrapper .DayPicker-Day--start:not(.DayPicker-Day--outside):before {
  left: 19px;
  top: 50%;
  border: solid rgba(0,0,0,0);
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.calendarWrapper .DayPicker-Day--start:not(.DayPicker-Day--outside):after {
  border-color: rgba(136,183,213,0);
  border-left-color: #006295;
  border-width: 12px;
  margin-top: -12px;
  transform: skewX(-30deg);
  z-index: -1;
}

.calendarWrapper .DayPicker-Day--start:not(.DayPicker-Day--outside):before {
  border-color: rgba(194,225,245,0);
  border-left-color: #006295;
  border-width: 12px;
  margin-top: -12px;
  transform: skewX(30deg);
  z-index: -1;
}

.calendarWrapper .DayPicker-Day--end:not(.DayPicker-Day--outside) {
  z-index: 1;
}

.calendarWrapper .DayPicker-Day--end:not(.DayPicker-Day--outside):after,
.calendarWrapper .DayPicker-Day--end:not(.DayPicker-Day--outside):before {
  right: 19px;
  top: 50%;
  border: solid rgba(0,0,0,0);
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.calendarWrapper .DayPicker-Day--end:not(.DayPicker-Day--outside):after {
  border-color: rgba(136,183,213,0);
  border-left-color: #006295;
  border-width: 12px;
  margin-top: -12px;
  transform: skewX(-30deg) scale(-1);
  z-index: -1;
}

.calendarWrapper .DayPicker-Day--end:not(.DayPicker-Day--outside):before {
  border-color: rgba(194,225,245,0);
  border-left-color: #006295;
  border-width: 12px;
  margin-top: -12px;
  transform: skewX(30deg) scale(-1);
  z-index: -1;
}

.calendarWrapper .DayPickerInput {
  display: block;
  position: relative;
  z-index: 2;
}

.calendarWrapper .DayPickerInput-Overlay {
  text-align: center;
  padding-bottom: 15px;
}

@media (min-width: 0px)and (max-width: 767px) {
  .calendarWrapper .DayPickerInput-Overlay {
    height: calc(100vh - 90px);
    width: calc(100vw - 26px);
    box-shadow: none;
    overflow: auto;
    margin-top: 13px;
  }
}

.calendarEndDateWrapper .DayPickerInput:before {
  content: "";
  width: 1px;
  height: 30px;
  background: #979797;
  position: absolute;
  top: 8px;
}

.calendarXIcon {
  width: 15px;
  height: 15px;
  stroke-width: 2;
  stroke: #4a4a4a;
  position: absolute;
  z-index: 3;
  top: 50%;
  transform: translate(-15px, -50%);
  right: 0;
  cursor: pointer;
}

.calendarArrowIcon {
  fill: #333;
  stroke: #333;
  width: 40px;
  height: 32px;
  top: 50%;
  position: absolute;
  padding: 5px;
  cursor: pointer;
}

@media (min-width: 768px) {
  .calendarArrowIcon {
    width: 21px;
    height: 21px;
    top: 20px;
  }
}

.calendarArrowLeftIcon {
  transform: scale(-1);
  left: -16px;
}

@media (min-width: 768px) {
  .calendarArrowLeftIcon {
    left: 10px;
  }
}

.calendarArrowRightIcon {
  right: -16px;
}

@media (min-width: 768px) {
  .calendarArrowRightIcon {
    right: 10px;
  }
}

.cardBox {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 270px;
  min-height: 400px;
  color: #fff;
}

.cardBox>img {
  position: absolute;
  height: 60%;
  width: 100%;
  left: 0;
  top: 0;
}

.cardBox .cardLabel {
  position: absolute;
  top: 1rem;
  right: 0;
  padding: 5px;
  background-color: red;
  font-size: 13px;
}

.cardBox .content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  background: linear-gradient(to bottom, transparent 0%, #00233b 30%);
  margin-top: 50%;
  padding: 30px 20px;
  text-align: center;
  z-index: 10;
}

.cardBox .content>h3 {
  margin: 10px 0;
  font-size: 20px;
  text-shadow: 0 0 2px rgba(0,0,0,.5);
}

.cardBox .content>span {
  font-size: 14px;
}

.cardBox .content>p {
  display: -webkit-box;
  font-size: 12px;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-top: auto;
}

.cardBox .content .content-top {
  flex: 1;
}

.cardBox .content .content-top p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.collapsibleSection {
  border-bottom: solid 1px #e0e0e0;
  position: relative;
  padding: 10px 25px;
}

.collapsibleSectionHeader {
  display: flex;
  align-items: center;
}

.collapsibleSectionHeader .titleSection {
  flex: 1 1 auto;
}

.collapsibleSectionHeader .titleSection strong,
.collapsibleSectionHeader .titleSection b {
  margin-right: 7px;
}

.collapsibleSectionHeader .collapsibleSectionIcon {
  fill: rgba(26,24,30,.5019607843);
  transition: transform .15s ease-in-out;
  padding: 10px 5px;
  display: flex;
  align-items: center;
  flex: 0 0 auto;
}

.collapsibleSectionHeader .rotate {
  transform: rotate(-180deg);
}

.collapsibleSectionTitle {
  margin: 0 0 0 10px;
  font-size: 16px;
  font-weight: normal;
}

.collapsibleSectionInfo {
  fill: #09f;
  display: flex;
  align-items: center;
}

.collapsibleSectionInfo svg {
  margin-right: 10px;
}

.collapsibleSectionContent>div {
  padding: 0 5px;
  margin: 20px 0;
  transition: height .35s ease-in-out;
}

.collapseText {
  margin: 10px 0px 20px;
  line-height: 20px;
  overflow: hidden;
  font-size: 15px;
}

.collapseText .collapseTextChild {
  overflow: hidden;
  position: relative;
  transition: height .35s ease-in-out,margin .15s ease-in-out;
}

.collapseText .collapseTextChild a {
  color: #2a2a2a;
}

.collapseText a {
  color: #06aaee;
}

.collapseTextBtn {
  color: #06aaee;
  display: inline-flex;
  align-items: center;
  margin-top: 10px;
}

.contact-form-container {
  background-color: #fff;
  padding: 15px;
}

@media (min-width: 1200px) {
  .contact-form-container {
    background-color: #07496f;
  }
}

.contact-form {
  display: flex;
  flex-flow: column wrap;
  max-width: 1300px;
  margin: auto;
  padding: 0;
  line-height: 1.3;
  font-size: 14px;
  color: #737373;
}

.contact-form_headline {
  color: #000;
  text-align: center;
  font-size: 18px;
  margin: 0 0 20px;
  font-weight: bold;
}

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

@media (min-width: 1200px) {
  .contact-form_headline,
  .contact-form_requiredFieldsText {
    color: #fff;
  }
}

.contact-form_errorBox {
  color: #e01a59;
  background-color: #feebed;
  text-align: left;
  margin: 20px 0;
  padding: 10px;
}

.contact-form_form {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

@media (min-width: 1200px) {
  .contact-form_form {
    flex-direction: row;
  }
}

.contact-form_form_inputGroup {
  display: flex;
  flex: 1 1;
  flex-wrap: wrap;
  flex-direction: row;
  margin-right: -10px;
}

@media (min-width: 1200px) {
  .contact-form_form_inputGroup {
    margin-right: 0;
  }
}

.contact-form_form_inputGroup>div {
  width: calc(50% - 10px);
  margin-right: 10px;
  margin-bottom: 10px;
}

@media (min-width: 1200px) {
  .contact-form_form_inputGroup>div {
    min-width: 250px;
  }
}

.contact-form_form_textWrapper {
  flex: 1;
}

@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
  .contact-form_form_inputGroup {
    flex: 0 1 auto;
  }

  .contact-form_form_textWrapper {
    flex: 1 0 auto;
  }
}

.contact-form_btnWrapper {
  display: flex;
  justify-content: flex-end;
  margin-top: 10px;
}

.contact-form_btnWrapper>div {
  background: #06aaee;
  border: none;
  box-shadow: none;
  color: #fff;
  line-height: 1;
  padding: 5px 2px 5px 5px;
  position: relative;
  text-align: center;
  cursor: pointer;
  width: 265px;
  height: 50px;
  border-radius: 5px;
}

.contact-form_btnWrapper>div>div {
  background: rgba(0,0,0,0) !important;
  padding: 10px 40px 5px 20px !important;
  font-size: 20px !important;
}

.contact-form_btnWrapper>div>div>span:first-child {
  font-weight: bold;
}

.contact-form_btnWrapper>div>div .offerButton__arrows {
  top: 60%;
}

.contact-form-sent {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 210px;
  font-size: 15px;
  color: #737373;
}

@media (min-width: 1200px) {
  .contact-form-sent {
    color: #fff;
  }

  .contact-form-sent svg>g {
    fill: #fff;
  }
}

.contact-form-sent>h3 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 15px;
}

.contact-input {
  width: 100%;
  padding: 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 40px;
  font-size: 16px;
  opacity: 1;
  border: 1px solid #e0e0e0;
  color: #000;
  background: #fff;
}

.input-error {
  border: 2px solid #e01a59;
}

.contact-text {
  height: auto;
  min-height: 90px;
}

.country-code-select {
  padding: 5px;
  display: flex;
  align-items: center;
  min-height: 100%;
}

.country-code-select>.country-flag {
  width: 15px;
  height: 15px;
  margin-right: 5px;
}

.phone-select {
  display: inline-flex;
  justify-content: center;
}

.phone-select>* {
  flex: 0 1 50px;
  margin-right: 10px;
}

.phone-select .phone-input {
  flex: 1 0;
  margin-right: 0;
}

@keyframes Select-animation-spin {
  to {
    transform: rotate(1turn);
  }
}

@-webkit-keyframes Select-animation-spin {
  to {
    -webkit-transform: rotate(1turn);
  }
}

.Select {
  position: relative;
}

.Select,
.Select div,
.Select input,
.Select span {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.Select.is-disabled>.Select-control {
  background-color: #f9f9f9;
}

.Select.is-disabled>.Select-control:hover {
  box-shadow: none;
}

.Select.is-disabled .Select-arrow-zone {
  cursor: default;
  pointer-events: none;
}

.Select-control {
  background-color: #fff;
  border-color: #d0d0d0 #c3c3c3 #aaa;
  border-radius: 4px;
  border: 1px solid #c3c3c3;
  color: #4a4a4a;
  cursor: default;
  display: table;
  border-spacing: 0;
  border-collapse: separate;
  height: 36px;
  outline: none;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.Select-control:hover {
  box-shadow: 0 1px 0 rgba(0,0,0,.06);
}

.Select-control .Select-input:focus {
  outline: none;
}

.is-searchable.is-open>.Select-control {
  cursor: text;
}

.is-open>.Select-control {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background: #fff;
  border-color: #aaa #c3c3c3 #d0d0d0;
}

.is-open>.Select-control .Select-arrow {
  top: -2px;
  border-color: rgba(0,0,0,0) rgba(0,0,0,0) #c3c3c3;
  border-width: 0 8px 8px;
}

.is-searchable.is-focused:not(.is-open)>.Select-control {
  cursor: text;
}

.is-focused:not(.is-open)>.Select-control {
  border-color: #08c #0099e6 #0099e6;
  box-shadow: inset 0 1px 2px rgba(0,0,0,.1),0 0 5px -1px fade(#08c, 50%);
}

.Select-placeholder,
.Select--single>.Select-control .Select-value {
  bottom: 0;
  color: #aaa;
  left: 0;
  line-height: 34px;
  padding-left: 10px;
  padding-right: 10px;
  position: absolute;
  right: 0;
  top: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.has-value.Select--single>.Select-control .Select-value .Select-value-label,
.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value .Select-value-label {
  color: #4a4a4a;
}

.has-value.Select--single>.Select-control .Select-value a.Select-value-label,
.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value a.Select-value-label {
  cursor: pointer;
  text-decoration: none;
}

.has-value.Select--single>.Select-control .Select-value a.Select-value-label:hover,
.has-value.Select--single>.Select-control .Select-value a.Select-value-label:focus,
.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value a.Select-value-label:hover,
.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value a.Select-value-label:focus {
  color: #08c;
  outline: none;
  text-decoration: underline;
}

.Select-input {
  height: 34px;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
}

.Select-input>input {
  background: none rgba(0,0,0,0);
  border: 0 none;
  box-shadow: none;
  cursor: default;
  display: inline-block;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  outline: none;
  line-height: 14px;
  padding: 8px 0 12px;
  -webkit-appearance: none;
  appearance: none;
}

.is-focused .Select-input>input {
  cursor: text;
}

.has-value.is-pseudo-focused .Select-input {
  opacity: 0;
}

.Select-control:not(.is-searchable)>.Select-input {
  outline: none;
}

.Select-loading-zone {
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 16px;
}

.Select-loading {
  -webkit-animation: Select-animation-spin 400ms infinite linear;
  -o-animation: Select-animation-spin 400ms infinite linear;
  animation: Select-animation-spin 400ms infinite linear;
  width: 16px;
  height: 16px;
  box-sizing: border-box;
  border-radius: 50%;
  border: 2px solid #c3c3c3;
  border-right-color: #4a4a4a;
  display: inline-block;
  position: relative;
  vertical-align: middle;
}

.Select-clear-zone {
  -webkit-animation: Select-animation-fadeIn 200ms;
  -o-animation: Select-animation-fadeIn 200ms;
  animation: Select-animation-fadeIn 200ms;
  color: #999;
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 17px;
}

.Select-clear-zone:hover {
  color: #d0021b;
}

.Select-clear {
  display: inline-block;
  font-size: 18px;
  line-height: 1;
}

.Select--multi .Select-clear-zone {
  width: 17px;
}

.Select--multi .Select-multi-value-wrapper {
  display: inline-block;
}

.Select .Select-aria-only {
  display: inline-block;
  height: 1px;
  width: 1px;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
}

.Select-arrow-zone {
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 40px;
  padding-right: 8px;
}

.Select-arrow {
  border-color: #c3c3c3 rgba(0,0,0,0) rgba(0,0,0,0);
  border-style: solid;
  border-width: 8px 8px 4px;
  display: inline-block;
  height: 0;
  width: 0;
  position: relative;
}

.is-open .Select-arrow,
.Select-arrow-zone:hover>.Select-arrow {
  border-top-color: #666;
}

@-webkit-keyframes Select-animation-fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes Select-animation-fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.Select-menu-outer {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: #fff;
  border: 1px solid #c3c3c3;
  border-top-color: #e1e1e1;
  box-shadow: 0 1px 0 rgba(0,0,0,.06);
  box-sizing: border-box;
  margin-top: -1px;
  max-height: 285px;
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 10;
  -webkit-overflow-scrolling: touch;
}

.Select-menu {
  max-height: 283px;
  overflow-y: auto;
}

.Select-option {
  box-sizing: border-box;
  background-color: #fff;
  color: #4a4a4a;
  cursor: pointer;
  display: block;
  padding: 8px 10px;
}

.Select-option:last-child {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.Select-option.is-selected {
  background-color: #f5faff;
  color: #4a4a4a;
}

.Select-option.is-focused {
  background-color: #c9e6f2;
  color: #4a4a4a;
}

.Select-option.is-disabled {
  color: #4a4a4a;
  cursor: default;
  font-weight: bold;
}

.Select-noresults {
  box-sizing: border-box;
  color: #b0b0b0;
  cursor: default;
  display: block;
  padding: 8px 10px;
}

.Select--multi .Select-input {
  vertical-align: middle;
  margin-left: 10px;
  padding: 0;
}

.Select--multi.has-value .Select-input {
  margin-left: 5px;
}

.Select--multi .Select-value {
  background-color: #f2f9fc;
  border-radius: 2px;
  border: 1px solid #c9e6f2;
  color: #08c;
  display: inline-block;
  font-size: .9em;
  margin-left: 5px;
  margin-top: 5px;
  vertical-align: top;
}

.Select--multi .Select-value-icon,
.Select--multi .Select-value-label {
  display: inline-block;
  vertical-align: middle;
}

.Select--multi .Select-value-label {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  cursor: default;
  padding: 2px 5px;
}

.Select--multi a.Select-value-label {
  color: #08c;
  cursor: pointer;
  text-decoration: none;
}

.Select--multi a.Select-value-label:hover {
  text-decoration: underline;
}

.Select--multi .Select-value-icon {
  cursor: pointer;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  border-right: 1px solid #c9e6f2;
  padding: 1px 5px 3px;
}

.Select--multi .Select-value-icon:hover,
.Select--multi .Select-value-icon:focus {
  background-color: #ddeff7;
  color: #0077b3;
}

.Select--multi .Select-value-icon:active {
  background-color: #c9e6f2;
}

.Select--multi.is-disabled .Select-value {
  background-color: #fcfcfc;
  border: 1px solid #e3e3e3;
  color: #333;
}

.Select--multi.is-disabled .Select-value-icon {
  cursor: not-allowed;
  border-right: 1px solid #e3e3e3;
}

.Select--multi.is-disabled .Select-value-icon:hover,
.Select--multi.is-disabled .Select-value-icon:focus,
.Select--multi.is-disabled .Select-value-icon:active {
  background-color: #fcfcfc;
}

@keyframes Select-animation-spin {
  to {
    transform: rotate(1turn);
  }
}

@-webkit-keyframes Select-animation-spin {
  to {
    -webkit-transform: rotate(1turn);
  }
}

.Select-control {
  min-height: 40px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.is-open>.Select-control .Select-arrow {
  border-width: 0px 8px 8px;
}

.Select-arrow-up {
  top: -2px;
  border-color: rgba(0,0,0,0) rgba(0,0,0,0) #c3c3c3;
  border-width: 0 8px 8px !important;
}

.Select-arrow {
  border-width: 8px 8px 0px;
}

.Select-placeholder,
.Select--single>.Select-control .Select-value {
  line-height: 37px;
}

.Select-menu-outer {
  border-radius: 0;
  margin: 0;
}

@media only screen and (min-width: 1200px) {
  .Select.is-open .Select-menu-outer {
    max-width: 525px;
  }

  .Select.direction-down.is-open {
    max-width: 525px;
    margin: 0 auto;
  }

  .Select.direction-down.is-open .Select-menu-outer {
    max-width: 525px;
  }
}

.Select.direction-up.is-searchable {
  margin-top: -79px;
}

.Select.direction-up.is-open {
  box-shadow: 0 -2px 5px 0px #c3c3c3;
}

.Select.direction-up.is-open .Select-menu-outer {
  box-shadow: 0 -2px 5px 0px #c3c3c3;
  top: auto;
  bottom: 100%;
  border-bottom: 0;
}

.Select.direction-down.is-open {
  box-shadow: 0 2px 5px 0px #c3c3c3;
}

.Select.direction-down.is-open .Select-menu-outer {
  box-shadow: 0 2px 5px 0px #c3c3c3;
  top: 100%;
  bottom: auto;
  border-top: 0;
}

.Select-control {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}

.Select-control .Select-multi-value-wrapper {
  display: flex;
  flex-grow: 1;
}

.Select-arrow-zone {
  max-width: 40px;
  display: flex;
  flex: 0 1 20%;
  justify-content: center;
  background: inherit;
  align-items: center;
  padding: 0 5%;
}

.Select-menu-outer .Select-menu::-webkit-scrollbar {
  -webkit-appearance: none !important;
  width: 4px !important;
}

.Select-menu-outer .Select-menu::-webkit-scrollbar-thumb {
  background-color: rgba(0,0,0,.5) !important;
  border-radius: 10px !important;
}

.Select-menu-outer .Select-menu::-webkit-scrollbar-track {
  border-radius: 10px !important;
}

.Select:not(.is-searchable) .Select-input {
  display: none !important;
}

.is-searchable .Select-control {
  align-items: stretch;
  background-color: #f0f0f0;
}

.is-searchable .Select-control .Select-multi-value-wrapper {
  display: block;
  width: 100%;
}

.Select-value-label {
  font-size: 14px !important;
}

.decksContainer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 150px;
  padding: 0 15px;
  background: #fff;
}

.decksContainer h4 {
  font-size: 15px;
}

.decksContainer select {
  padding: 10px 15px;
  width: 100%;
  color: #000;
  background-color: rgba(0,0,0,0);
  border: 1px solid #e0e0e0;
  min-height: 44px;
  font-size: 15px;
}

.decksContainer .decksContainer__selectContainer .Select {
  width: 100%;
  cursor: pointer;
  max-width: 400px;
  margin: 0;
}

.decksContainer .decksContainer__selectContainer .Select .option,
.decksContainer .decksContainer__selectContainer .Select .option-selected {
  color: #000;
  cursor: pointer;
  font-size: 15px;
}

.decksContainer .decksContainer__selectContainer .Select .option {
  padding: 10px 15px;
}

.decksContainer .decksContainer__selectContainer .Select .option:hover {
  color: #fff;
  background: #006295;
}

.decksContainer .decksContainer__selectContainer .Select .option-selected {
  padding: 0 15px;
  display: flex;
  align-items: center;
}

.decksContainer .imageContainer {
  display: flex;
  justify-content: center;
}

.decksContainer img {
  width: auto;
  height: auto;
  max-width: 100%;
  margin: 15px 0;
}

@media (min-width: 768px) {
  .decksContainer {
    min-height: 250px;
  }

  .decksContainer select {
    max-width: 400px;
  }

  .decksContainer .imageContainer {
    margin-top: auto;
  }
}

.dreamdeal-footer {
  color: #fff;
  padding: 5px 20px 15px 20px;
}

@media screen and (max-width: 992px) {
  .dreamdeal-footer {
    text-align: center;
  }
}

.dreamdeal-box {
  background-color: #9e1f62;
  min-height: 50px;
  margin-bottom: 16px;
}

@media screen and (max-width: 992px) {
  .dreamdeal-box {
    margin-top: 0;
    min-height: 100px;
  }
}

.dreamdeal-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media screen and (max-width: 992px) {
  .dreamdeal-top {
    height: auto;
    flex-direction: column;
  }
}

.dreamdeal-top-title {
  margin-top: 10px;
  background-color: #fff;
  padding: 4px 10px 2px 10px;
  font-size: 16px;
  color: #9e1f62;
}

@media screen and (max-width: 992px) {
  .dreamdeal-top-title {
    font-size: 20px;
  }
}

.dreamdeal-top-counter {
  display: flex;
  justify-content: center;
  align-items: center;
}

.dreamdeal-top-counter__title {
  color: #fff;
  text-align: center;
}

.dreamdeal-top-counter__title>p {
  margin: 0;
}

@media screen and (max-width: 992px) {
  .dreamdeal-top-counter__title>p {
    margin-top: 8px;
  }
}

.dreamdeal-top-counter__number {
  color: #9e1f62;
  font-size: 2.5rem;
  font-weight: bold;
  background-color: #fff;
  margin: 10px;
  margin-top: 4px;
  letter-spacing: 10px;
  position: relative;
  padding: 0 5px;
}

.dreamdeal-top-counter__number>div {
  margin-right: -10px;
}

.dreamdeal-top-counter__number::after {
  content: "";
  width: 2px;
  height: 100%;
  left: 50%;
  margin-left: -1px;
  background-color: #9e1f62;
  position: absolute;
  top: 0;
}

@media screen and (max-width: 992px) {
  .dreamdeal-top-counter__number {
    font-size: 1.5rem;
  }

  .dreamdeal-top-counter__title>p {
    font-size: 12px;
  }
}

.detailed-reviews {
  width: 100%;
  color: #00233b;
}

@media only screen and (min-width: 1200px) {
  .detailed-reviews {
    margin-top: 25px;
  }
}

.detailed-reviews__heading {
  font-weight: bold;
  font-size: 1.5rem;
  margin-bottom: 15px;
  display: block;
}

@media only screen and (min-width: 1200px) {
  .detailed-reviews__heading {
    margin-bottom: 30px;
  }
}

.load-more-reviews-btn {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  top: 5px;
  margin-bottom: 25px;
}

.load-more-reviews-btn__link {
  height: 12px;
  color: #06aaee;
  display: inline-block;
  cursor: pointer;
  font-weight: bold;
  padding-right: 20px;
  position: relative;
}

.load-more-reviews-btn__link:before {
  position: absolute;
  right: 0;
  top: 4px;
}

.overall-reviews {
  width: 100%;
  color: #00233b;
  margin-top: 25px;
}

@media only screen and (min-width: 1200px) {
  .overall-reviews {
    margin-top: 30px;
  }
}

.overall-reviews__heading {
  font-weight: bold;
  font-size: 1.5rem;
  margin-bottom: 15px;
}

.rating-value {
  color: #006295;
  font-size: 2rem;
}

.rating-value--white {
  color: #fff;
  font-size: 2.666rem;
}

.rating-value__rating {
  font-weight: bold;
}

.review {
  position: relative;
  margin-bottom: 15px;
}

@media only screen and (min-width: 1200px) {
  .review__wrapper {
    display: flex;
  }
}

.review__mobile-header {
  display: flex;
  position: relative;
  height: 60px;
  background-color: #ebecf0;
  color: #00233b;
}

@media only screen and (min-width: 1200px) {
  .review__mobile-header {
    display: none;
  }
}

.review__mobile-header-arrow {
  margin-top: 5px;
  margin-left: 10px;
}

.review__desktop-header {
  display: none;
  flex: 0 0 150px;
  background-color: #ebecf0;
  position: relative;
  text-align: center;
  padding: 15px 5px;
}

@media only screen and (min-width: 1200px) {
  .review__desktop-header {
    display: block;
  }
}

.review__desktop-header:after {
  border-bottom: 15px solid rgba(0,0,0,0);
  border-left: 15px solid #ebecf0;
  border-top: 15px solid rgba(0,0,0,0);
  content: "";
  margin-top: -6px;
  position: absolute;
  right: -15px;
  bottom: 0px;
  top: 0px;
  height: 15px;
  width: 15px;
  margin-top: auto;
  margin-bottom: auto;
}

.review__desktop-header-icon {
  color: #00233b;
  font-size: 35px;
  padding-top: 15px;
  padding-bottom: 10px;
}

.review__desktop-header-name {
  font-weight: bold;
}

.review__desktop-header-rating {
  padding: 5px 0px;
}

.review__desktop-header-date {
  font-size: .91rem;
  font-weight: bold;
}

.review__body {
  display: none;
  border: 1px solid #e0e0e0;
  padding-top: 25px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  position: relative;
}

@media only screen and (min-width: 1200px) {
  .review__body {
    display: block;
    border-left: none;
  }
}

.review__body:before {
  border-left: 20px solid rgba(0,0,0,0);
  border-top: 20px solid #ebecf0;
  border-right: 20px solid rgba(0,0,0,0);
  width: 20px;
  content: "";
  margin-top: -6px;
  position: absolute;
  right: 0px;
  left: 0px;
  margin-left: auto;
  margin-right: auto;
  top: 0px;
}

@media only screen and (min-width: 1200px) {
  .review__body {
    padding-left: 25px;
    flex: 1 1 0%;
    min-width: 0;
  }

  .review__body:before {
    content: none;
  }
}

.review__cruise-and-tags {
  display: none;
}

@media only screen and (min-width: 1200px) {
  .review__cruise-and-tags {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
  }
}

.review__header-left {
  flex: 1;
  display: flex;
  justify-content: center;
  padding-left: 20px;
  flex-direction: column;
}

.review__age {
  margin-left: 5px;
  font-weight: bold;
}

.review__user-icon {
  color: #00233b;
}

.review__score {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-right: 20px;
  margin-right: 23px;
}

.review__score--with-comments {
  margin-right: 0px;
}

.review__cruise {
  color: #00233b;
  font-weight: bold;
  font-size: 1.333rem;
  text-align: center;
  margin-bottom: 10px;
}

.review__desktop-only {
  display: none;
}

@media only screen and (min-width: 1200px) {
  .review__desktop-only {
    display: block;
  }
}

.review__separator {
  margin-top: 7px;
  margin-bottom: 7px;
}

.desktopReviews {
  background-color: #fff;
  padding: 10px;
}

.review-comment {
  display: flex;
  padding-bottom: 10px;
}

.review-comment__icon {
  font-size: 30px;
}

.review-comment__icon--cabin {
  font-size: 25px;
}

.review-comment__content {
  margin-top: 3px;
  margin-left: 15px;
  overflow: hidden;
}

.review-comment__heading {
  font-weight: bold;
  font-size: 1.166rem;
  margin-bottom: 5px;
}

.review-desktop {
  display: none;
}

@media only screen and (min-width: 1200px) {
  .review-desktop {
    display: block;
  }
}

.reviews {
  clear: both;
  padding-top: 35px;
  position: relative;
  width: 100%;
  display: block !important;
}

@media only screen and (min-width: 1200px) {
  .reviews {
    padding-top: 15px;
  }
}

.reviews__row {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

@media only screen and (min-width: 1200px) {
  .reviews__row {
    flex-direction: row;
  }
}

.reviews__column {
  width: 100%;
  margin-bottom: 20px;
}

@media only screen and (min-width: 1200px) {
  .reviews__column {
    width: 50%;
    margin-bottom: 0px;
  }
}

@media only screen and (min-width: 1200px) {
  .reviews__column--right {
    padding-left: 30px;
  }
}

.reviews__empty {
  margin-top: 25px;
  margin-bottom: 25px;
  padding: 15px;
  font-weight: bold;
}

.reviews-list {
  margin-top: 20px;
  position: relative;
}

@media only screen and (min-width: 1200px) {
  .reviews-list {
    margin-top: 30px;
  }
}

.reviews-list__heading-row {
  display: flex;
  width: 100%;
  margin-bottom: 15px;
  flex-direction: column;
}

@media only screen and (min-width: 1200px) {
  .reviews-list__heading-row {
    flex-direction: row;
  }
}

.reviews-list__heading {
  flex: 1;
  font-weight: bold;
  font-size: 1.5rem;
  margin-bottom: 15px;
}

.reviews-list__sorting {
  flex: 1;
  display: flex;
  justify-content: flex-start;
}

@media only screen and (min-width: 1200px) {
  .reviews-list__sorting {
    justify-content: flex-end;
  }
}

.reviews-list__sorting-header {
  align-self: center;
  margin-right: 15px;
  font-weight: bold;
}

.reviews-list__sorting-wrapper {
  align-self: center;
  width: 200px;
}

.review-tags {
  display: flex;
  margin-bottom: 20px;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.review-tags__tag {
  margin-right: 8px;
  margin-bottom: 5px;
  padding: 5px;
  background-color: #006295;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: .91rem;
}

.summary-review {
  display: flex;
  color: #00233b;
}

.summary-review__rating-box {
  position: relative;
  background-color: #006295;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 130px;
  padding-top: 10px;
  padding-bottom: 10px;
}

@media only screen and (min-width: 1200px) {
  .summary-review__rating-box {
    width: 150px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

.summary-review__rating-box:after {
  border-bottom: 7px solid rgba(0,0,0,0);
  border-left: 7px solid #006295;
  border-top: 7px solid rgba(0,0,0,0);
  content: "";
  margin-top: -6px;
  position: absolute;
  right: -7px;
  top: 0px;
  bottom: 0px;
  margin-top: auto;
  margin-bottom: auto;
  height: 7px;
}

.summary-review__class-box {
  margin-left: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.summary-review__class {
  font-weight: bold;
  font-size: 2.666rem;
  margin-bottom: 5px;
}

.discountArrowContent {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.discountDiscount {
  padding-left: 2px;
  font-weight: bold;
  line-height: 1;
}

.discountLabel {
  position: relative;
  line-height: 1;
}

.dynamicFormWrapper {
  margin-top: 0;
  background: #fff;
}

.dynamicFormWrapper.transparent {
  background-color: rgba(0,0,0,0);
}

.dynamicFormWrapper.transparent .dynamicForm input {
  background-color: #fff !important;
}

.dynamicForm .headline {
  text-align: left;
  font-size: 18px;
  margin: 20px 15px;
  font-weight: bold;
  line-height: 1.5;
}

.dynamicForm svg {
  display: inline-flex;
  margin: 0 5px 20px 0;
}

.dynamicForm .errorText {
  font-size: 14px;
  color: #e01a59;
  margin: 1px 15px;
  grid-column: span 2;
  display: flex;
  align-items: center;
}

.dynamicForm .errorText>div {
  margin: 4px 0;
}

.dynamicForm .errorText svg {
  vertical-align: middle;
  margin: 0 5px 0 0;
  color: #e01a59;
  fill: #e01a59;
}

.dynamicForm .submitDynamicForm {
  margin: 15px;
}

.dynamicForm .submitDynamicForm>div {
  padding: 11px 5px;
}

.dynamicForm .Select-clear {
  display: none;
}

.dynamicForm .Select-control {
  border: 1px solid #e0e0e0;
  width: initial;
  margin: 0 15px;
}

.dynamicForm .Select-value-label {
  color: #737373 !important;
  font-size: 16px !important;
}

@media only screen and (min-width: 768px) {
  .dynamicForm {
    padding-bottom: 20px;
    margin-top: 40px;
  }

  .dynamicForm .dynamicForm {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto auto;
    gap: 1px 1px;
  }

  .dynamicForm .headline {
    font-size: 25px;
    text-align: center;
    width: 90%;
    margin: auto;
    padding: 25px 0;
  }

  .dynamicForm .submitDynamicForm {
    max-width: 345px;
    margin: 0 auto;
  }

  .dynamicForm .submitDynamicForm>div {
    padding: 11px 5px;
  }

  .dynamicForm .Select {
    margin: 0;
  }
}

@media only screen and (min-width: 1200px) {
  .dynamicForm .dynamicForm {
    width: 735px;
    margin: auto;
    background: #fff;
  }
}

@media screen and (-ms-high-contrast: none),(-ms-high-contrast: active) {
  .dynamicForm .dynamicForm {
    display: -ms-grid;
    -ms-grid-columns: 50% 1px 50%;
  }
}

.dynamicFormSent {
  background-color: #fff;
  border: 1px solid #e0e0e0;
  min-height: 210px;
  padding: 15px;
  margin-top: 30px;
  flex-direction: column;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 25px;
}

.dynamicFormSent svg {
  margin-bottom: 15px;
}

.dynamicFormSent .headline {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 15px;
}

.dynamicFormSent .body {
  text-align: center;
  font-size: 15px;
  line-height: 1.3;
}

.furtherInfo {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 20px;
  line-height: 20px;
  font-size: 15px;
}

@media screen and (min-width: 992px) {
  .furtherInfo {
    flex-direction: column;
    background: #fff;
  }
}

.furtherInfo .furtherInfoDesktop {
  display: flex;
  flex-direction: row;
  padding: 10px 0;
}

.furtherInfo .furtherInfoDesktop div {
  flex: 1 0 auto;
}

.furtherInfo .furtherInfoDesktop img {
  display: none;
  padding: 10px;
  flex: 0 1 auto;
}

@media screen and (min-width: 992px) {
  .furtherInfo .furtherInfoDesktop img {
    display: block;
  }
}

@media screen and (min-width: 992px) {
  .furtherInfo .hideOnDesktop {
    display: none;
  }
}

.furtherInfo .toggle {
  font-size: 14px;
  color: #06aaee;
  display: none;
  align-items: center;
  justify-content: center;
  margin: 20px 0;
  cursor: pointer;
}

@media screen and (min-width: 992px) {
  .furtherInfo .toggle {
    display: flex;
  }
}

.furtherInfo .toggle svg {
  fill: #06aaee;
  margin-left: 6px;
}

.furtherInfo .toggle .rotate {
  transform-box: fill-box;
  transform-origin: center;
  transform: rotate(180deg);
}

.furtherInfo .furtherInfoDesktop a {
  text-decoration: underline;
  color: #06aaee;
}

.furtherInfo .furtherInfoDesktop h2,
.furtherInfo .furtherInfoDesktop h3,
.furtherInfo .furtherInfoDesktop h4,
.furtherInfo .furtherInfoDesktop h5,
.furtherInfo .furtherInfoDesktop h6 {
  font-size: 1.1em;
  margin-bottom: 0;
}

.furtherInfo li {
  margin-bottom: 8px;
  list-style-position: inside;
}

.furtherInfo li:before {
  content: "•";
  padding-right: 12px;
}

.furtherInfoSectionContent {
  clear: both;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  color: #333;
}

.furtherInfoSectionContent h2,
h3,
h4,
h5 {
  font-weight: bold;
}

body>header {
  background-color: #fff;
}

header {
  min-height: 48px;
  background-color: #fff;
}

header .navbar-right {
  margin-right: 0;
  float: right;
}

header .globalPageheader>.row>.navbar {
  margin-top: 0px;
}

header .globalPageheader.isSticky>.row>.navbar {
  margin-top: 90px;
}

header .globalPageheader .row .container .row .switchable-phone-number-wrapper {
  padding-right: 8px;
}

@media (max-width: 768px) {
  header .globalPageheader .row .container .row .switchable-phone-number-wrapper {
    display: none;
  }
}

header .globalPageheader.withOutPageBanner {
  margin-bottom: 25px;
}

@media (min-width: 768px) {
  header .globalPageheader_brandHeight {
    height: 90px;
    max-height: 90px;
  }
}

header .globalPageheader_brand {
  padding-bottom: 5px;
  padding-top: 5px;
  padding-left: 0;
}

@media (max-width: 992px) {
  header .globalPageheader_brand {
    padding-left: 12px;
  }
}

@media (min-width: 768px) {
  header .globalPageheader_brand {
    padding: 0 15px;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  header .globalPageheader_brand a {
    display: inline !important;
  }
}

header .globalPageheader_awards {
  padding-top: 10px;
}

header .globalPageheader_awards .logosprite-globalpageheader_safepayment2 {
  margin-left: 10px;
}

header .globalPageheader_trustLogos {
  top: 50%;
  transform: translateY(-50%);
}

header .globalPageheader_contact {
  display: inline-block;
  margin: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  position: relative;
}

header .globalPageheader_contact:hover {
  text-decoration: none;
}

header .globalPageheader_contact address {
  margin: 0;
}

header .exchangeRate-top {
  margin-top: 10px;
  margin-right: 20px;
  display: inline-block;
  vertical-align: top;
}

header .exchangeRate {
  background: #f0f0f0;
  border: none;
  display: inline-block;
  font-size: 1.166rem;
  font-weight: bold;
  margin: auto 0;
  padding: 10px 10px;
  flex: 0 0 auto;
  position: absolute;
  left: -145px;
}

@media (min-width: 1200px) {
  header .exchangeRate {
    font-size: 1.333rem;
  }
}

.navbar-toggle {
  margin: 0 15px 0 0;
}

.nl header .globalPageheader_awards a.safepayment1 {
  background: url("/website-assets/images/spritesheet-zsmo2m.png");
  background-position: -280px -86px;
  width: 50px;
  height: 50px;
  display: inline-block;
}

.nl header .globalPageheader_awards a.safepayment2 {
  background: url("/website-assets/images/spritesheet-zsmo2m.png");
  background-position: -426px -292px;
  width: 50px;
  height: 50px;
  display: inline-block;
  margin-left: 10px;
}

.trustpilot-widget {
  visibility: hidden;
}

.navbar {
  margin: 0;
  border-radius: 0;
  border: none;
  background: #164e78;
}

.navbar * {
  font-size: 1.166rem;
}

.navbar .navbar-nav li>a:hover,
.navbar .navbar-nav li>a:focus {
  background-color: #00233b;
}

.navbar .navbar-nav .dropdown-menu li>a {
  padding: 5px 20px;
}

.navbar.navbar-white {
  background: #fff;
}

.navbar.navbar-white * {
  font-size: 12px;
}

.navbar.navbar-white .navbar-nav li>a {
  color: #20358c;
  font-weight: bold;
}

.navbar.navbar-white .navbar-nav li>a:hover,
.navbar.navbar-white .navbar-nav li>a:focus {
  background-color: #eef2ff;
}

.navbar.navbar-white .navbar-nav .dropdown-menu {
  border: 1px solid #f0f0f0;
}

.navbar.navbar-white .navbar-nav .dropdown-menu li>a:hover {
  color: #20358c !important;
}

.navbar.navbar-white .search-cruise {
  border-color: #f0f0f0;
}

.navbar.navbar-white .search-cruise button {
  position: relative;
  top: 2px;
}

.navbar.navbar-white .search-cruise button:before {
  color: #20358c;
}

.navbar .navbar-toggle {
  z-index: 1000;
}

.navbar .navbar-toggle[aria-expanded=true]:before {
  border-left: 1px solid #dadada;
  content: "";
  height: 60px;
  left: 0;
  position: absolute;
  top: -15px;
}

.navbar .navbar-toggle[aria-expanded=true]:after {
  border-top: 1px solid #dadada;
  content: "";
  position: absolute;
  right: 41px;
  top: 45px;
  width: 100px;
}

@media (max-width: 767px) {
  .navbar .navbar-nav>li {
    border-top: 1px solid #dadada;
  }

  .navbar .navbar-nav>li:first-child {
    border: none;
  }
}

.navbar .navbar-nav>li>a {
  padding: 8px;
}

.navbar .navbar-nav>li>a:before {
  padding-right: 5px;
}

@media (min-width: 768px) {
  .navbar .navbar-nav>li>a {
    color: #fff;
    padding: 16px 8px;
  }
}

@media (min-width: 992px) {
  .navbar .navbar-nav>li>a {
    padding: 16px 10px;
  }
}

.navbar .navbar-nav>li.active>a,
.navbar .navbar-nav>li.active>a:hover {
  font-weight: bold;
  background-color: #00233b;
  color: #fff;
}

.navbar .navbar-nav>li:hover>.dropdown-menu {
  display: block;
}

.navbar .navbar-nav>li:hover>.dropdown-menu li>a:hover {
  background-color: #f5f5f5;
  color: #262626;
}

.navbar .navbar-nav li a.active {
  font-weight: bold;
}

.navbar .navbar-nav.navbar-right {
  margin-right: -15px;
}

@media (min-width: 768px)and (max-width: 991px) {
  .navbar .navbar-nav.navbar-right {
    margin-right: -10px;
  }
}

.navbar .navbar-nav.navbar-right li a span {
  display: inline;
}

@media only screen and (min-width: 768px)and (max-width: 992px) {
  .navbar .navbar-nav.navbar-right li a span {
    display: none;
  }
}

.globalPageheader_phone {
  color: #000;
  font-size: 1.66rem;
  font-weight: bold;
}

@media (min-width: 480px) {
  .globalPageheader_phone {
    font-size: 2.0833rem;
  }
}

@media (min-width: 992px) {
  .globalPageheader_phone {
    height: 35px;
    width: 100%;
    display: flex;
    justify-content: flex-end;
  }
}

.globalPageheader_phone-small {
  font-size: 1.166rem;
}

@media (min-width: 1200px) {
  .globalPageheader_phone-small {
    font-size: 1.66rem;
  }
}

.globalPageheader_phone_number {
  display: inline-block;
}

.globalPageheader_phone_text {
  display: inline-block;
  font-size: 12px;
  font-weight: normal;
  margin: 0;
}

.globalPageheader_phone:before {
  padding-right: 4px;
}

.globalPageheader_officeHours {
  color: #888;
  font-size: .94rem;
  text-decoration: none;
}

.globalPageheader_officeHoursWrapper {
  padding-left: 0;
  display: flex;
  justify-content: flex-end;
}

.globalPageheader_officeHoursWrapper address {
  margin-bottom: 0;
}

.globalPageheader_contact {
  padding-right: 15px;
}

.globalPageheader_contact:hover,
.globalPageheader_contact:focus {
  text-decoration: none;
}

@media (max-width: 767px) {
  .mobile-hidden {
    display: none;
  }

  .mobile-visible {
    display: block;
  }
}

@media (min-width: 768px) {
  .mobile-hidden {
    display: block;
  }

  .mobile-visible {
    display: none;
  }
}

.labelledArrow {
  position: relative;
  display: flex;
  align-items: center;
}

.labelledArrow .left,
.labelledArrow .right {
  content: "";
  position: absolute;
  top: 0;
  width: 0;
  height: 0;
  border-style: solid;
}

.loading-indicator,
.comp-loading:before {
  right: 0;
  left: 0;
  margin: 0px auto;
  font-size: 25px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  animation: load5 1.1s infinite ease;
  transform: translateZ(0);
}

.loading-indicator-inline {
  position: relative;
  display: inline;
  height: 2em;
}

@-webkit-keyframes load5 {
  0%, 100% {
    box-shadow: 0em -2.6em 0em 0em #000,1.8em -1.8em 0 0em rgba(0,0,0,.2),2.5em 0em 0 0em rgba(0,0,0,.2),1.75em 1.75em 0 0em rgba(0,0,0,.2),0em 2.5em 0 0em rgba(0,0,0,.2),-1.8em 1.8em 0 0em rgba(0,0,0,.2),-2.6em 0em 0 0em rgba(0,0,0,.5),-1.8em -1.8em 0 0em rgba(0,0,0,.7);
  }

  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0,0,0,.7),1.8em -1.8em 0 0em #000,2.5em 0em 0 0em rgba(0,0,0,.2),1.75em 1.75em 0 0em rgba(0,0,0,.2),0em 2.5em 0 0em rgba(0,0,0,.2),-1.8em 1.8em 0 0em rgba(0,0,0,.2),-2.6em 0em 0 0em rgba(0,0,0,.2),-1.8em -1.8em 0 0em rgba(0,0,0,.5);
  }

  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(0,0,0,.5),1.8em -1.8em 0 0em rgba(0,0,0,.7),2.5em 0em 0 0em #000,1.75em 1.75em 0 0em rgba(0,0,0,.2),0em 2.5em 0 0em rgba(0,0,0,.2),-1.8em 1.8em 0 0em rgba(0,0,0,.2),-2.6em 0em 0 0em rgba(0,0,0,.2),-1.8em -1.8em 0 0em rgba(0,0,0,.2);
  }

  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0,0,0,.2),1.8em -1.8em 0 0em rgba(0,0,0,.5),2.5em 0em 0 0em rgba(0,0,0,.7),1.75em 1.75em 0 0em #000,0em 2.5em 0 0em rgba(0,0,0,.2),-1.8em 1.8em 0 0em rgba(0,0,0,.2),-2.6em 0em 0 0em rgba(0,0,0,.2),-1.8em -1.8em 0 0em rgba(0,0,0,.2);
  }

  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(0,0,0,.2),1.8em -1.8em 0 0em rgba(0,0,0,.2),2.5em 0em 0 0em rgba(0,0,0,.5),1.75em 1.75em 0 0em rgba(0,0,0,.7),0em 2.5em 0 0em #000,-1.8em 1.8em 0 0em rgba(0,0,0,.2),-2.6em 0em 0 0em rgba(0,0,0,.2),-1.8em -1.8em 0 0em rgba(0,0,0,.2);
  }

  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0,0,0,.2),1.8em -1.8em 0 0em rgba(0,0,0,.2),2.5em 0em 0 0em rgba(0,0,0,.2),1.75em 1.75em 0 0em rgba(0,0,0,.5),0em 2.5em 0 0em rgba(0,0,0,.7),-1.8em 1.8em 0 0em #000,-2.6em 0em 0 0em rgba(0,0,0,.2),-1.8em -1.8em 0 0em rgba(0,0,0,.2);
  }

  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(0,0,0,.2),1.8em -1.8em 0 0em rgba(0,0,0,.2),2.5em 0em 0 0em rgba(0,0,0,.2),1.75em 1.75em 0 0em rgba(0,0,0,.2),0em 2.5em 0 0em rgba(0,0,0,.5),-1.8em 1.8em 0 0em rgba(0,0,0,.7),-2.6em 0em 0 0em #000,-1.8em -1.8em 0 0em rgba(0,0,0,.2);
  }

  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0,0,0,.2),1.8em -1.8em 0 0em rgba(0,0,0,.2),2.5em 0em 0 0em rgba(0,0,0,.2),1.75em 1.75em 0 0em rgba(0,0,0,.2),0em 2.5em 0 0em rgba(0,0,0,.2),-1.8em 1.8em 0 0em rgba(0,0,0,.5),-2.6em 0em 0 0em rgba(0,0,0,.7),-1.8em -1.8em 0 0em #000;
  }
}

@keyframes load5 {
  0%, 100% {
    box-shadow: 0em -2.6em 0em 0em #000,1.8em -1.8em 0 0em rgba(0,0,0,.2),2.5em 0em 0 0em rgba(0,0,0,.2),1.75em 1.75em 0 0em rgba(0,0,0,.2),0em 2.5em 0 0em rgba(0,0,0,.2),-1.8em 1.8em 0 0em rgba(0,0,0,.2),-2.6em 0em 0 0em rgba(0,0,0,.5),-1.8em -1.8em 0 0em rgba(0,0,0,.7);
  }

  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0,0,0,.7),1.8em -1.8em 0 0em #000,2.5em 0em 0 0em rgba(0,0,0,.2),1.75em 1.75em 0 0em rgba(0,0,0,.2),0em 2.5em 0 0em rgba(0,0,0,.2),-1.8em 1.8em 0 0em rgba(0,0,0,.2),-2.6em 0em 0 0em rgba(0,0,0,.2),-1.8em -1.8em 0 0em rgba(0,0,0,.5);
  }

  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(0,0,0,.5),1.8em -1.8em 0 0em rgba(0,0,0,.7),2.5em 0em 0 0em #000,1.75em 1.75em 0 0em rgba(0,0,0,.2),0em 2.5em 0 0em rgba(0,0,0,.2),-1.8em 1.8em 0 0em rgba(0,0,0,.2),-2.6em 0em 0 0em rgba(0,0,0,.2),-1.8em -1.8em 0 0em rgba(0,0,0,.2);
  }

  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0,0,0,.2),1.8em -1.8em 0 0em rgba(0,0,0,.5),2.5em 0em 0 0em rgba(0,0,0,.7),1.75em 1.75em 0 0em #000,0em 2.5em 0 0em rgba(0,0,0,.2),-1.8em 1.8em 0 0em rgba(0,0,0,.2),-2.6em 0em 0 0em rgba(0,0,0,.2),-1.8em -1.8em 0 0em rgba(0,0,0,.2);
  }

  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(0,0,0,.2),1.8em -1.8em 0 0em rgba(0,0,0,.2),2.5em 0em 0 0em rgba(0,0,0,.5),1.75em 1.75em 0 0em rgba(0,0,0,.7),0em 2.5em 0 0em #000,-1.8em 1.8em 0 0em rgba(0,0,0,.2),-2.6em 0em 0 0em rgba(0,0,0,.2),-1.8em -1.8em 0 0em rgba(0,0,0,.2);
  }

  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0,0,0,.2),1.8em -1.8em 0 0em rgba(0,0,0,.2),2.5em 0em 0 0em rgba(0,0,0,.2),1.75em 1.75em 0 0em rgba(0,0,0,.5),0em 2.5em 0 0em rgba(0,0,0,.7),-1.8em 1.8em 0 0em #000,-2.6em 0em 0 0em rgba(0,0,0,.2),-1.8em -1.8em 0 0em rgba(0,0,0,.2);
  }

  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(0,0,0,.2),1.8em -1.8em 0 0em rgba(0,0,0,.2),2.5em 0em 0 0em rgba(0,0,0,.2),1.75em 1.75em 0 0em rgba(0,0,0,.2),0em 2.5em 0 0em rgba(0,0,0,.5),-1.8em 1.8em 0 0em rgba(0,0,0,.7),-2.6em 0em 0 0em #000,-1.8em -1.8em 0 0em rgba(0,0,0,.2);
  }

  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0,0,0,.2),1.8em -1.8em 0 0em rgba(0,0,0,.2),2.5em 0em 0 0em rgba(0,0,0,.2),1.75em 1.75em 0 0em rgba(0,0,0,.2),0em 2.5em 0 0em rgba(0,0,0,.2),-1.8em 1.8em 0 0em rgba(0,0,0,.5),-2.6em 0em 0 0em rgba(0,0,0,.7),-1.8em -1.8em 0 0em #000;
  }
}

.modal--hidden {
  display: none;
}

.modal--shown {
  display: block;
}

.modal--size-normal .modal__dialog .icon-cross {
  font-size: 1.166rem;
}

@media only screen and (min-width: 1200px) {
  .modal--size-large .modal__dialog {
    width: 800px;
  }
}

.modal--size-large .modal__dialog .icon-cross {
  font-size: 1.333rem;
}

.modal__overlay {
  background: #000;
  opacity: .5;
  height: 100%;
  width: 100%;
  position: fixed;
}

.modal__dialog {
  background-color: #fff;
  border: none;
  border-radius: 6px;
  max-width: 90vw;
  width: 800px;
  margin: 60px auto;
  position: relative;
  background-size: cover;
}

@media only screen and (min-width: 768px) {
  .modal__dialog {
    margin: 90px auto;
  }
}

.modal__bg {
  position: relative;
  height: 180px;
}

@media only screen and (min-width: 768px) {
  .modal__bg {
    position: absolute;
    height: 100%;
    top: 0px;
    width: 100%;
  }
}

.modal__body {
  padding: 15px;
  position: relative;
}

.modal__body.split {
  padding: 20px 9px;
  border-radius: 6px;
}

@media only screen and (min-width: 768px) {
  .modal__body.split {
    padding: 20px 30px;
    margin-left: 53%;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
}

.modal__body.content-layer {
  background-color: #fff;
}

.modal__heading {
  font-size: 1.5rem;
  line-height: 1.2;
  font-weight: bold;
  margin: 20px 0;
  text-align: center;
  margin: 30px 0 30px;
}

@media only screen and (min-width: 768px) {
  .modal__heading {
    font-size: 2rem;
  }
}

@media only screen and (min-width: 1200px) {
  .modal__heading {
    font-size: 2.5rem;
  }
}

.modal__close-btn {
  border: 2px solid red;
  position: absolute;
  right: 0px;
  top: 0px;
  line-height: 1;
  background: rgba(0,0,0,0);
  border: 0;
  padding: 10px;
  z-index: 1;
}

@media only screen and (min-width: 1200px) {
  .modal__close-btn {
    padding: 14px;
  }
}

.modal__header.has-title {
  padding: 15px;
}

.modal__header.primary1 {
  background-color: #006295;
  color: #fff;
}

.modal__header.primary2 {
  background-color: #00233b;
  color: #fff;
}

.modal__footer {
  overflow: hidden;
}

.modal__footer.has-submit-button {
  padding: 15px;
}

.modal__submit-btn {
  font-size: 1.25rem;
}

.modal__title {
  font-size: 1.66rem;
}

.modalCheckMarkList {
  padding: 0;
  list-style: none;
  list-style-type: none;
  font-weight: bold;
}

.modalCheckMarkList__wrapper {
  margin: 10px 15px;
}

.modalCheckMarkList__heading {
  font-weight: bold;
  font-size: 1.2rem;
  margin: 10px 0;
}

@media only screen and (min-width: 768px) {
  .modalCheckMarkList__heading {
    font-size: 1.833rem;
  }
}

.modalCheckMarkList__item {
  list-style: none;
  list-style-type: none;
  display: block;
  margin-top: 5px;
}

.modalCheckMarkList__icon {
  font-size: 1.3rem;
  margin-right: 10px;
  vertical-align: top;
  display: inline-block;
  line-height: 1em;
}

@media only screen and (min-width: 768px) {
  .modalCheckMarkList__icon {
    font-size: 2.5rem;
  }
}

.modalCheckMarkList__label {
  font-size: 14px;
  vertical-align: top;
  display: inline-block;
  margin-top: 5px;
}

@media only screen and (min-width: 768px) {
  .modalCheckMarkList__label {
    font-size: 1.333rem;
  }
}

.newsletter-modal-custom-select {
  position: relative;
  color: #000;
}

.newsletter-modal-custom-select .search-select__control {
  border-radius: 0;
  border: 1px solid #e0e0e0;
  margin-bottom: -1px;
  height: 40px;
  display: flex;
  background-color: #fff;
}

.newsletter-modal-custom-select .search-select__value-container {
  flex: 1;
  display: flex;
  align-items: flex-start;
  padding: 2px 0px 2px 8px;
  overflow: hidden;
  position: relative;
}

.newsletter-modal-custom-select .search-select__placeholder {
  color: #737373;
  margin-left: 2px;
  margin-right: 2px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  white-space: nowrap;
}

.newsletter-modal-custom-select .search-select__single-value {
  color: #333;
  line-height: 1.1;
  margin: auto 0;
  overflow: hidden;
  max-height: 2.7rem;
}

@supports (-webkit-line-clamp: 2) {
  .newsletter-modal-custom-select .search-select__single-value {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: auto;
  }
}

.newsletter-modal-custom-select .search-select__menu {
  margin: 0;
  border-radius: 0;
  border: 1px solid #e0e0e0;
  width: 100%;
  background-color: #fff;
  position: absolute;
  z-index: 1;
}

.newsletter-modal-custom-select .search-select__menu-list {
  max-height: 300px;
  overflow-y: auto;
  padding: 0;
  -webkit-overflow-scrolling: touch;
}

.newsletter-modal-custom-select .search-select__group {
  padding: 8px 0;
}

.newsletter-modal-custom-select .search-select__group-heading {
  font-size: 13px;
  cursor: default;
  font-weight: bold;
  margin-bottom: .25em;
  padding: 0 10px;
}

.newsletter-modal-custom-select .search-select__dropdown-indicator {
  color: #ccc;
  padding: 8px 4px;
  transform-origin: center;
  height: 100%;
}

.newsletter-modal-custom-select .search-select__dropdown-indicator svg {
  display: inline-block;
  fill: #737373;
  line-height: 1;
  stroke: #737373;
  stroke-width: 0;
  height: 100%;
  vertical-align: middle;
}

@media (max-width: 991px) {
  .newsletter-modal-custom-select .search-select__dropdown-indicator {
    padding: 8px 0px;
  }
}

.newsletter-modal-custom-select .search-select__clear-indicator {
  display: none;
}

.newsletter-modal-custom-select .search-select__indicator-separator {
  display: none;
}

.newsletter-modal-custom-select .search-select__option {
  padding: 8px 10px;
  line-height: 1.1;
  user-select: none;
}

@media (max-width: 991px) {
  .newsletter-modal-custom-select .search-select__option {
    font-size: 12px;
  }
}

.newsletter-modal-custom-select .search-select__option--is-selected {
  background-color: #e0e0e0;
}

.newsletter-modal-custom-select .search-select__option :hover {
  background-color: #5897fb;
  color: #fff;
}

.newsletter-modal-custom-select.search-select--is-disabled .search-select__control {
  background-color: rgba(255,255,255,.25);
  border: none;
}

.newsletter-modal-custom-select.search-select--is-disabled .search-select__indicators {
  display: none;
}

.newsletter-modal-custom-select.search-select--is-disabled .search-select__placeholder {
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-weight: bold;
}

.newsletter-modal-custom-select.search-select--is-disabled .search-select__value-container {
  justify-content: center;
}

.newsletter-modal-custom-select.search-select--is-disabled .search-select__single-value {
  color: #fff;
}

@media screen and (min-width: 768px) {
  .newsLetter--wrapper.newsLetter-responsive {
    min-height: 180px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .newsLetter--wrapper.newsLetter-responsive>div:nth-child(2) {
    max-width: 605px;
    z-index: 1;
  }
}

@media screen and (max-width: 1279px) {
  .newsLetter--wrapper.newsLetter-responsive {
    background-image: none !important;
  }
}

@media screen and (min-width: 1280px) {
  .newsLetter--wrapper.newsLetter-responsive {
    background-size: cover;
    background-repeat: no-repeat;
  }
}

.newsLetter--wrapper.searchNewsletter {
  background-image: none !important;
  padding: 10px;
  margin: 10px 0;
}

.newsLetter--container .newsLetter--btnText {
  color: #fff;
}

.newsLetter--header p {
  color: #fff;
  margin: 0;
  font-size: 14px;
  line-height: 18px;
  font-weight: bold;
  flex: 1 1 auto;
}

@media screen and (min-width: 768px) {
  .newsLetter-responsive .newsLetter--header p {
    font-size: 20px;
    line-height: 24px;
  }
}

.newsLetter--emailWrapper {
  overflow: hidden;
  position: relative;
  margin-top: 20px;
}

.newsLetter--email-input.is-error {
  border-color: #e01a59;
}

@media screen and (min-width: 768px) {
  .newsLetter-responsive .newsLetter--container>div:first-child {
    width: auto !important;
    padding: 10px 45px !important;
    cursor: pointer;
  }
}

.newsLetter--confirmEmailWrapper {
  color: #fff;
  font-size: 17px;
  flex: 1 1 auto;
  line-height: 20px;
}

.footer .newsLetter--confirmEmailWrapper * {
  color: #fff;
}

@media screen and (min-width: 768px) {
  .newsLetter-responsive .newsLetter--confirmEmailWrapper {
    font-size: 20px;
  }
}

.newsLetter--confirmEmailWrapper-email-text {
  margin-top: 20px;
  font-size: 15px;
}

@media screen and (min-width: 768px) {
  .newsLetter-responsive .newsLetter--confirmEmailWrapper-email-text {
    margin-left: -30px;
  }
}

.newsLetter--html-link a {
  text-decoration: underline;
  color: #fff;
}

@media screen and (min-width: 768px) {
  .newsLetter--html-link {
    text-align: left !important;
  }
}

.searchNewsletter--container {
  display: flex;
  flex-direction: column;
}

.newsletter-form--wrapper {
  display: inline-block;
  width: 90%;
  max-width: 575px;
  margin: 20px 0;
  padding: 25px 10px;
  background: rgba(255,255,255,.65);
  position: relative;
}

@media only screen and (min-width: 1200px) {
  .newsletter-form--wrapper {
    padding: 50px 40px 60px;
    margin: 60px 0;
  }
}

.newsletter-form--container {
  margin: 0px 15px 0px;
}

.newsletter-form--submit-error {
  font-size: 16px;
  margin: 10px;
}

.newsletter-form--heading {
  margin: 0px 0px 40px 0px;
  font-weight: bold;
  line-height: 1.2em;
  font-size: 22px;
  color: #00233b;
}

@media only screen and (min-width: 1200px) {
  .newsletter-form--heading {
    margin: 0px 0px 65px 0px;
    font-size: 36px;
  }
}

.newsletter-form--element {
  margin: 10px 0px 0px;
  position: relative;
  font-size: 15px;
}

.newsletter-form--element--small-margin {
  margin: 12px 0px 0px;
}

.newsletter-form--input {
  text-align: center;
  width: 100%;
  padding: 14px 11px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.newsletter-form--input--valid {
  border-color: #ccc;
}

.newsletter-form--input--invalid {
  border-color: #e01a59;
}

.newsletter-form--input--alig-left {
  text-align: left;
}

.newsletter-form--error-msg {
  color: #e01a59;
  font-size: 12px;
  margin: 5px 0;
  text-align: left;
}

.newsletter-form--thankyou-msg {
  font-size: 20px;
  font-weight: bold;
  margin: 10px 0;
  color: #00233b;
  line-height: 32px;
}

.newsletter-form--thankyou-sub-text {
  font-size: 14px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.newsletter-form--thankyou-sub-text__bold {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 16px;
}

.newsletter-form--retry-button-wrapper {
  margin: 25px 10px;
  max-width: none;
}

@media only screen and (min-width: 768px) {
  .newsletter-form--retry-button-wrapper {
    margin: 40px auto;
  }
}

.newsletter-form--form-subtext {
  margin: 10px 0 0;
  font-size: 13px;
  line-height: 1;
  text-align: left;
}

.newsletter-form--sub-text {
  font-size: 12px;
  margin-top: 16px;
}

@media only screen and (min-width: 768px) {
  .newsletter-form--sub-text {
    font-size: 14px;
  }
}

.onboardCredit__wrapper {
  display: none;
  color: #fff;
  width: 184px;
  height: 184px;
  font-size: 2.5em;
  border-radius: 50%;
  box-shadow: -3px 3px 10px 0px rgba(25,25,25,.6);
  text-align: center;
  background: #00233b;
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -15px;
  margin-left: 25px;
  transform: rotate(-20deg) translate(-50%, -50%);
  transform-origin: left top;
}

@media only screen and (min-width: 1200px) {
  .onboardCredit__wrapper {
    display: block;
    width: 135px;
    height: 135px;
    margin-left: 0px;
  }
}

.onboardCredit--topLeft {
  display: block;
  font-size: 13px;
  transform: rotate(-20deg) translate(0%, 0%);
  transform-origin: center center;
  background: #082844;
  width: 80px;
  height: 80px;
  top: -30px;
  left: -10px;
  right: auto;
  color: #fff;
  border-radius: 50%;
  box-shadow: -3px 3px 10px 0px rgba(25,25,25,.6);
  text-align: center;
  position: absolute;
}

@media only screen and (min-width: 768px) {
  .onboardCredit--topLeft {
    width: 120px;
    height: 120px;
    top: -60px;
    left: auto;
    right: 40px;
  }
}

@media only screen and (min-width: 1200px) {
  .onboardCredit--topLeft {
    transform: rotate(-20deg) translate(-100%, 0%);
    margin-left: 15px;
    left: 0;
    right: 100%;
    top: 0;
    margin-top: -10px;
    font-size: 2.5em;
    width: 170px;
    height: 170px;
  }
}

.onboardCredit__container {
  display: block;
  top: 50%;
  position: relative;
  transform: translate(0%, -50%);
}

.onboardCredit__amount {
  font-size: 2.1em;
  font-weight: bold;
  line-height: 1em;
}

@media only screen and (min-width: 768px) {
  .onboardCredit__amount {
    font-size: 2.1em;
  }
}

.onboardCredit__label {
  font-size: .6rem;
}

@media only screen and (min-width: 768px) {
  .onboardCredit__label {
    font-size: 1.4rem;
  }
}

.paginationItem {
  min-width: 35px;
  height: 35px;
  padding: 0 7px;
  background-color: #fff;
  border: solid 1px #c3c3c3;
  border-radius: 3px;
  font-family: Arial;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  text-align: center;
  color: #006598;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.paginationItem.dots {
  background-color: #f0f0f0;
  color: #c3c3c3;
  font-weight: 100;
}

.paginationItem.dots::before {
  content: "...";
}

.paginationItem.highlight {
  background-color: #00233b;
  border-color: #00233b;
  color: #fff;
}

.paginationItem.leftArrow,
.paginationItem.rightArrow {
  background-color: #006598;
  border-color: #006598;
  color: #fff;
}

.paginationItem.leftArrow::before,
.paginationItem.rightArrow::before {
  font-family: dreamlines;
  display: inline-block;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  content: "";
}

.paginationItem.leftArrow::before {
  -moz-transform: scale(-1, 1);
  -webkit-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.paginationWrapper {
  display: flex;
  margin: 0;
  padding: 0;
}

.paginationWrapper li {
  margin-right: 5px;
}

.paginationWrapper li a {
  outline: none;
  text-decoration: none;
}

.paginationWrapper li:last-child {
  margin-right: 0;
}

.overview-price-component {
  min-height: 203px;
  display: block;
  width: 100%;
}

.overview-price-component__features {
  display: flex;
  width: 100%;
  clear: both;
  flex-flow: column wrap;
}

.overview-price-component__feature {
  color: #1a181e;
  fill: #09f;
  font-size: 1.166rem;
  font-weight: 600;
  display: flex;
}

.overview-price-component__feature>* {
  flex-shrink: 0;
}

.overview-price-component__feature:not(:first-child) {
  margin-top: 8px;
}

.overview-price-component__feature span {
  margin: 0 0 0 8px;
  max-width: 100%;
}

.overview-price-component__cabin-options {
  border-bottom: 2px solid #f5f5f5;
  float: left;
  margin: 25px 0 15px;
  padding-bottom: 10px;
  width: 100%;
}

.overview-price-component__cabin-option {
  cursor: pointer;
}

.overview-price-component__cabin-option:nth-of-type(odd) {
  background-color: #f8f8f8;
}

.overview-price-component__cabin-option__title,
.overview-price-component__cabin-option__extra,
.overview-price-component__cabin-option__value {
  padding: 5px;
  line-height: 1.428571429;
  vertical-align: top;
  box-sizing: border-box;
  font-size: 1.166rem;
}

.overview-price-component__cabin-option__title {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

.overview-price-component__cabin-option__extra {
  text-align: right;
}

.overview-price-component__cabin-option__extra [class*=per-person-price-table] {
  text-decoration: line-through;
  width: 100%;
}

.overview-price-component__cabin-option__value {
  text-align: right;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.overview-price-component__cabin-option__dual-currency-old-price {
  display: block;
  clear: both;
  text-align: right;
  white-space: nowrap;
  font-size: 1.166rem;
  color: #919495;
}

.overview-price-component__slected-price {
  float: right;
  display: flex;
  flex-flow: column wrap;
  align-items: flex-end;
  min-height: 83px;
}

.overview-price-component__table-holder {
  min-height: 100px;
  margin-bottom: 15px;
}

.overview-price-component__table-holder .loading-indicator,
.overview-price-component__table-holder .comp-loading:before {
  position: absolute;
  margin: auto;
  font-size: unset;
  top: 50%;
}

.overview-price-component__placeholder {
  position: absolute;
  background-color: #fff;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  width: 100%;
  clear: both;
  height: 200px;
}

.overview-price-component__placeholder__loading {
  width: 30px;
  height: 30px;
  margin-right: 20px;
}

.overview-price-component__placeholder__loading img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.overview-price-component__placeholder__loading.full-width {
  width: 100%;
  margin: 20px 0;
}

.overview-price-component__placeholder_please-wait {
  font-size: 1.5rem;
  color: #006295;
}

.rc-slider {
  position: relative;
  height: 14px;
  padding: 5px 0;
  border-radius: 6px;
  -ms-touch-action: none;
  touch-action: none;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.rc-slider * {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.rc-slider-rail {
  position: absolute;
  width: 100%;
  background-color: #e9e9e9;
  height: 4px;
  border-radius: 6px;
}

.rc-slider-track {
  position: absolute;
  left: 0;
  height: 4px;
  border-radius: 6px;
  background-color: #abe2fb;
}

.rc-slider-handle {
  position: absolute;
  margin-left: -7px;
  margin-top: -5px;
  width: 14px;
  height: 14px;
  cursor: pointer;
  cursor: -webkit-grab;
  cursor: grab;
  border-radius: 50%;
  border: solid 2px #96dbfa;
  background-color: #fff;
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}

.rc-slider-handle:active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.rc-slider-handle:focus {
  outline: none;
}

.rc-slider-mark {
  position: absolute;
  top: 18px;
  left: 0;
  width: 100%;
  font-size: 12px;
}

.rc-slider-mark-text {
  position: absolute;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  color: #999;
}

.rc-slider-mark-text-active {
  color: #666;
}

.rc-slider-step {
  position: absolute;
  width: 100%;
  height: 4px;
  background: rgba(0,0,0,0);
}

.rc-slider-dot {
  position: absolute;
  bottom: -2px;
  margin-left: -4px;
  width: 8px;
  height: 8px;
  border: 2px solid #e9e9e9;
  background-color: #fff;
  cursor: pointer;
  border-radius: 50%;
  vertical-align: middle;
}

.rc-slider-dot:first-child {
  margin-left: -4px;
}

.rc-slider-dot:last-child {
  margin-left: -4px;
}

.rc-slider-dot-active {
  border-color: #96dbfa;
}

.rc-slider-disabled {
  background-color: #e9e9e9;
}

.rc-slider-disabled .rc-slider-track {
  background-color: #ccc;
}

.rc-slider-disabled .rc-slider-handle,
.rc-slider-disabled .rc-slider-dot {
  border-color: #ccc;
  box-shadow: none;
  background-color: #fff;
  cursor: not-allowed;
}

.rc-slider-disabled .rc-slider-mark-text,
.rc-slider-disabled .rc-slider-dot {
  cursor: not-allowed !important;
}

.rc-slider-vertical {
  width: 14px;
  height: 100%;
  padding: 0 5px;
}

.rc-slider-vertical .rc-slider-rail {
  height: 100%;
  width: 4px;
}

.rc-slider-vertical .rc-slider-track {
  left: 5px;
  bottom: 0;
  width: 4px;
}

.rc-slider-vertical .rc-slider-handle {
  margin-left: -5px;
  margin-bottom: -7px;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.rc-slider-vertical .rc-slider-mark {
  top: 0;
  left: 18px;
  height: 100%;
}

.rc-slider-vertical .rc-slider-step {
  height: 100%;
  width: 4px;
}

.rc-slider-vertical .rc-slider-dot {
  left: 2px;
  margin-bottom: -4px;
}

.rc-slider-vertical .rc-slider-dot:first-child {
  margin-bottom: -4px;
}

.rc-slider-vertical .rc-slider-dot:last-child {
  margin-bottom: -4px;
}

.rc-slider-tooltip-zoom-down-enter,
.rc-slider-tooltip-zoom-down-appear {
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  display: block !important;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

.rc-slider-tooltip-zoom-down-leave {
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  display: block !important;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,
.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active {
  -webkit-animation-name: rcSliderTooltipZoomDownIn;
  animation-name: rcSliderTooltipZoomDownIn;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active {
  -webkit-animation-name: rcSliderTooltipZoomDownOut;
  animation-name: rcSliderTooltipZoomDownOut;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

.rc-slider-tooltip-zoom-down-enter,
.rc-slider-tooltip-zoom-down-appear {
  -webkit-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}

.rc-slider-tooltip-zoom-down-leave {
  -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}

@-webkit-keyframes rcSliderTooltipZoomDownIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
  }

  100% {
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

@keyframes rcSliderTooltipZoomDownIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
  }

  100% {
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

@-webkit-keyframes rcSliderTooltipZoomDownOut {
  0% {
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
  }
}

@keyframes rcSliderTooltipZoomDownOut {
  0% {
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
  }
}

.rc-slider-tooltip {
  position: absolute;
  left: -9999px;
  top: -9999px;
  visibility: visible;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.rc-slider-tooltip * {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.rc-slider-tooltip-hidden {
  display: none;
}

.rc-slider-tooltip-placement-top {
  padding: 4px 0 8px 0;
}

.rc-slider-tooltip-inner {
  padding: 6px 2px;
  min-width: 24px;
  height: 24px;
  font-size: 12px;
  line-height: 1;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #6c6c6c;
  border-radius: 6px;
  box-shadow: 0 0 4px #d9d9d9;
}

.rc-slider-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: rgba(0,0,0,0);
  border-style: solid;
}

.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {
  bottom: 4px;
  left: 50%;
  margin-left: -4px;
  border-width: 4px 4px 0;
  border-top-color: #6c6c6c;
}

.rc-slider-rail {
  height: 9px;
  border-radius: 15px;
  background: #e0e0e0;
}

.rc-slider-track {
  height: 9px;
  border-radius: 15px;
  background: #006598;
}

.rc-slider-step {
  height: 9px;
}

.rc-slider-handle {
  width: 32px;
  height: 32px;
  border: 6px solid #fff;
  background: #006598;
  margin-left: -16px;
  margin-top: -12px;
  box-shadow: 0 0 0 1px #c3c3c3;
}

.price-with-discount-container {
  padding-left: 10px;
  text-align: center;
  flex: 0 0 auto;
}

.price-with-discount-container .price-text {
  font-size: 25px;
  font-weight: bold;
}

.price-with-discount-container .price-PP {
  margin-left: 5px;
  letter-spacing: normal;
  font-family: Arial;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
}

.price-with-discount {
  line-height: 1;
  text-align: center;
  display: grid;
  grid-template-columns: auto auto;
  align-items: center;
  margin-left: 10px;
}

.price-with-discount__from.no-discount {
  grid-column-start: 1;
  grid-column-end: 3;
}

.price-with-discount__price {
  font-size: 25px;
  font-weight: bold;
}

.price-with-discount__align {
  grid-column-start: 1;
  grid-column-end: 3;
  margin-top: 3px;
}

.price-with-discount__per-person {
  margin-left: 6px;
}

@media (min-width: 768px) {
  .price-with-discount {
    max-width: none;
    display: flex;
    justify-content: center;
    width: 100%;
    position: relative;
  }

  .price-with-discount__from {
    padding: 0 5px 3px;
    align-self: flex-end;
  }

  .price-with-discount__price {
    grid-column-start: auto;
    grid-column-end: auto;
    text-align: left;
  }

  .price-with-discount__align {
    margin-right: 30px;
  }

  .price-with-discount__discount {
    position: absolute;
    right: 7px;
  }
}

.price-on-request {
  font-weight: bold;
  font-size: 18px;
  margin-left: 10px;
}

.priceStartFrom {
  font-family: Arial;
  font-size: 14px;
  font-weight: normal !important;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
  margin-right: 5px;
}

.priceDiscountTag {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 4px;
}

.slider-arrow {
  display: none;
}

@media only screen and (min-width: 768px)and (max-width: 1200px) {
  .recommendation-section .slider-item {
    flex: 0 0 34% !important;
    min-width: 335px;
    padding: 8px;
  }

  .slider_container {
    position: relative;
  }

  .slider_container .slider {
    margin: 0 40px;
    justify-content: center;
  }

  .slider_container .slider>.slider-item {
    min-width: 460px;
  }

  .slider_container .slider.smooth {
    scroll-behavior: smooth;
  }

  .slider_container .slider-arrow {
    top: 50%;
    z-index: 1;
    display: block;
    cursor: pointer;
    font-size: 33.6px;
    position: absolute;
    color: #06aaee;
    font-family: dreamlines;
    transform: translateY(-50%);
  }

  .slider_container .slider-arrow::before {
    display: block;
  }

  .slider_container .slider-arrow:hover {
    color: #000;
  }

  .slider_container .slider-arrow.disabled {
    opacity: .3;
    pointer-events: none;
  }

  .slider_container .slider-arrow#slider-arrow-left {
    left: 5px;
  }

  .slider_container .slider-arrow#slider-arrow-left::before {
    content: "";
  }

  .slider_container .slider-arrow#slider-arrow-right {
    right: 0;
  }

  .slider_container .slider-arrow#slider-arrow-right::before {
    content: "";
  }

  .slider-item>div {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
  }
}

@media only screen and (min-width: 1200px) {
  .recommendation-section {
    margin: 0 !important;
  }

  .recommendation-section .priceDiscountStartFrom {
    display: none;
  }

  .recommendation-section .slider {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .recommendation-section .slider-arrow {
    display: none;
  }

  .recommendation-section .slider-item {
    flex: 0 0 33.333333% !important;
    max-width: 33.3333333333% !important;
    padding: 11px !important;
  }

  .recommendation-section h2 {
    font-size: 25px !important;
    margin-top: 40px !important;
  }
}

@media only screen and (max-width: 768px) {
  .slider {
    gap: 16px;
  }
}

.slider-item {
  max-width: calc(100% - 100px);
}

@media only screen and (min-width: 768px) {
  .slider-item {
    max-width: auto;
  }
}

.slider-item>* {
  background-color: #fff !important;
  height: 100%;
}

.slider-item>*:hover {
  color: #2a2a2a;
}

.requestFormContainer {
  position: relative;
}

@media screen and (max-width: 768px) {
  .requestFormContainer {
    display: none;
  }
}

.requestFormContainer__inner-wrapper {
  max-width: 1150px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}

.requestFormContainer__disclaimer {
  display: block;
  clear: both;
  padding: 8.5px 0;
  font-size: 1.166rem;
  line-height: 1.66rem;
}

.requestFormContainer #requestFormContainer__price #requestFormContainer__price__discount {
  display: block;
  font-size: 17px;
  text-align: center;
}

.requestFormContainer #requestFormContainer__price #requestFormContainer__price__container {
  display: flex;
  align-items: center;
  justify-content: center;
}

.requestFormContainer #requestFormContainer__price #requestFormContainer__price__container #requestFormContainer__price__discount {
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  padding: 4px 13px;
  background: #ff4056;
  clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 0 100%, 6px 50%, 0 0);
}

.requestFormContainer #requestFormContainer__price #requestFormContainer__price__container #requestFormContainer__price__container__main-price {
  font-size: 37px;
  font-weight: 700;
  margin: 0 24px 0 15px;
}

.requestFormContainer #requestFormContainer__price #requestFormContainer__price__container #requestFormContainer__price__container__main-price .dual_currency {
  font-size: 12px;
  color: #919495;
  margin-left: 10px;
}

.requestFormContainer #requestFormContainer__price #requestFormContainer__price__container #requestFormContainer__price__container__main-price.has_dicount {
  color: #ff4056;
}

.requestFormContainer #requestFormContainer__price #requestFormContainer__price__container #requestFormContainer__price__container__label {
  text-align: left;
  font-size: 1.2rem;
}

.requestFormContainer #requestFormContainer__price #requestFormContainer__price__container__hotel-service-charges {
  margin-top: 10px;
  font-size: 1.1rem;
  text-align: center;
}

.requestFormContainer #requestFormContainer__price #requestFormContainer__price__container__guarantee-offer {
  font-size: 15px;
  margin-top: 17px;
  text-align: center;
}

.requestFormContainer #requestFormContainer__price #requestFormContainer__price__soldout #requestFormContainer__price__soldout-container {
  padding: 15px;
  margin: 15px 15px 0;
  color: #016d9f;
  background: #cce2ec;
}

.requestFormContainer #requestFormContainer__price #requestFormContainer__price__soldout #requestFormContainer__price__soldout-container * {
  text-align: center;
}

.requestFormContainer #requestFormContainer__price #requestFormContainer__price__soldout #requestFormContainer__price__soldout-container #requestFormContainer__price__soldout-container__icon path {
  fill: #cce2ec;
}

.requestFormContainer #requestFormContainer__price #requestFormContainer__price__soldout #requestFormContainer__price__soldout-container #requestFormContainer__price__soldout-container__icon path:first-of-type,
.requestFormContainer #requestFormContainer__price #requestFormContainer__price__soldout #requestFormContainer__price__soldout-container #requestFormContainer__price__soldout-container__icon path:last-of-type {
  fill: #016d9f;
}

.requestFormContainer #requestFormContainer__price #requestFormContainer__price__soldout #requestFormContainer__price__soldout-container #requestFormContainer__price__soldout-container__title {
  font-size: 18px;
  margin-bottom: 14px;
}

.requestFormContainer #requestFormContainer__price #requestFormContainer__price__soldout #requestFormContainer__price__soldout-container #requestFormContainer__price__soldout-container__paragraph {
  font-size: 16px;
  margin-bottom: 11px;
}

.requestFormContainer #requestFormContainer__price #requestFormContainer__price__soldout #requestFormContainer__price__soldout-contacts {
  padding: 58px 30px 30px;
}

.requestFormContainer #requestFormContainer__price #requestFormContainer__price__soldout #requestFormContainer__price__soldout-contacts #requestFormContainer__price__soldout-contacts__title {
  margin: 0;
  text-align: center;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.9rem;
}

.requestFormContainer #requestFormContainer__price #requestFormContainer__price__soldout #requestFormContainer__price__soldout-contacts #requestFormContainer__price__soldout-contacts__container {
  display: flex;
  margin-top: 40px;
  flex-wrap: wrap;
}

@media only screen and (min-width: 992px) {
  .requestFormContainer #requestFormContainer__price #requestFormContainer__price__soldout #requestFormContainer__price__soldout-contacts #requestFormContainer__price__soldout-contacts__container {
    justify-content: center;
    flex-wrap: nowrap;
  }
}

.requestFormContainer #requestFormContainer__price #requestFormContainer__price__soldout #requestFormContainer__price__soldout-contacts #requestFormContainer__price__soldout-contacts__container .requestFormContainer__price__soldout-contacts__container__link {
  color: #000;
  text-decoration: none;
}

@media only screen and (min-width: 992px) {
  .requestFormContainer #requestFormContainer__price #requestFormContainer__price__soldout #requestFormContainer__price__soldout-contacts #requestFormContainer__price__soldout-contacts__container .requestFormContainer__price__soldout-contacts__container__link {
    flex: 0 0 40%;
  }
}

@media only screen and (min-width: 992px) {
  .requestFormContainer #requestFormContainer__price #requestFormContainer__price__soldout #requestFormContainer__price__soldout-contacts #requestFormContainer__price__soldout-contacts__container .requestFormContainer__price__soldout-contacts__container__link:first-of-type {
    flex: 0 0 46%;
  }

  .requestFormContainer #requestFormContainer__price #requestFormContainer__price__soldout #requestFormContainer__price__soldout-contacts #requestFormContainer__price__soldout-contacts__container .requestFormContainer__price__soldout-contacts__container__link:first-of-type .requestFormContainer__price__soldout-contacts__container__unit {
    margin-right: 40px;
  }
}

.requestFormContainer #requestFormContainer__price #requestFormContainer__price__soldout #requestFormContainer__price__soldout-contacts #requestFormContainer__price__soldout-contacts__container .requestFormContainer__price__soldout-contacts__container__link .requestFormContainer__price__soldout-contacts__container__unit {
  display: flex;
  margin-top: 10px;
}

@media only screen and (min-width: 992px) {
  .requestFormContainer #requestFormContainer__price #requestFormContainer__price__soldout #requestFormContainer__price__soldout-contacts #requestFormContainer__price__soldout-contacts__container .requestFormContainer__price__soldout-contacts__container__link .requestFormContainer__price__soldout-contacts__container__unit {
    margin-top: unset;
  }
}

.requestFormContainer #requestFormContainer__price #requestFormContainer__price__soldout #requestFormContainer__price__soldout-contacts #requestFormContainer__price__soldout-contacts__container .requestFormContainer__price__soldout-contacts__container__link .requestFormContainer__price__soldout-contacts__container__unit svg {
  min-width: 25px;
}

.requestFormContainer #requestFormContainer__price #requestFormContainer__price__soldout #requestFormContainer__price__soldout-contacts #requestFormContainer__price__soldout-contacts__container .requestFormContainer__price__soldout-contacts__container__link .requestFormContainer__price__soldout-contacts__container__unit path,
.requestFormContainer #requestFormContainer__price #requestFormContainer__price__soldout #requestFormContainer__price__soldout-contacts #requestFormContainer__price__soldout-contacts__container .requestFormContainer__price__soldout-contacts__container__link .requestFormContainer__price__soldout-contacts__container__unit rect {
  fill: #333;
}

.requestFormContainer #requestFormContainer__price #requestFormContainer__price__soldout #requestFormContainer__price__soldout-contacts #requestFormContainer__price__soldout-contacts__container .requestFormContainer__price__soldout-contacts__container__link .requestFormContainer__price__soldout-contacts__container__unit #envelope {
  fill: #fff;
}

.requestFormContainer #requestFormContainer__price #requestFormContainer__price__soldout #requestFormContainer__price__soldout-contacts #requestFormContainer__price__soldout-contacts__container .requestFormContainer__price__soldout-contacts__container__link .requestFormContainer__price__soldout-contacts__container__unit .requestFormContainer__price__soldout-contacts__container__contact {
  margin-left: 10px;
}

.requestFormContainer #requestFormContainer__price #requestFormContainer__price__soldout #requestFormContainer__price__soldout-contacts #requestFormContainer__price__soldout-contacts__container .requestFormContainer__price__soldout-contacts__container__link .requestFormContainer__price__soldout-contacts__container__unit .requestFormContainer__price__soldout-contacts__container__contact .requestFormContainer__price__soldout-contacts__container__contact-title {
  font-size: 14.5px;
  line-height: 20px;
  margin: 0;
}

.requestFormContainer #requestFormContainer__price #requestFormContainer__price__soldout #requestFormContainer__price__soldout-contacts #requestFormContainer__price__soldout-contacts__container .requestFormContainer__price__soldout-contacts__container__link .requestFormContainer__price__soldout-contacts__container__unit .requestFormContainer__price__soldout-contacts__container__contact .requestFormContainer__price__soldout-contacts__container__contact-content {
  color: #777;
  font-size: 15px;
  margin-top: 6px;
}

.requestFormContainer #requestFormContainer__price #requestFormContainer__price__soldout #requestFormContainer__price__soldout-contacts #requestFormContainer__price__soldout-contacts__container .requestFormContainer__price__soldout-contacts__container__link .requestFormContainer__price__soldout-contacts__container__unit .requestFormContainer__price__soldout-contacts__container__contact .requestFormContainer__price__soldout-contacts__container__contact-content.email {
  color: #06aaee;
}

.requestFormContainer #requestFormContainer__price #requestFormContainer__price__soldout #requestFormContainer__price__soldout-actions {
  margin: 0 15px;
  text-align: center;
  padding: 46px 15px 30px 15px;
  border-top: 1px solid #dadada;
  margin-top: 20px;
}

.requestFormContainer #requestFormContainer__price #requestFormContainer__price__soldout #requestFormContainer__price__soldout-actions a {
  text-decoration: none;
}

.requestFormContainer #requestFormContainer__actions {
  display: flex;
  margin-top: 30px;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

@media only screen and (min-width: 1200px) {
  .requestFormContainer #requestFormContainer__actions {
    flex-direction: row;
    align-items: flex-start;
  }
}

.requestFormContainer #requestFormContainer__actions .requestFormContainer__actions__unit {
  width: 100%;
  padding: 0 15px;
  max-width: 300px;
}

.requestFormContainer #requestFormContainer__actions .requestFormContainer__actions__unit a {
  text-decoration: none;
}

@media only screen and (min-width: 1200px) {
  .requestFormContainer #requestFormContainer__actions .requestFormContainer__actions__unit {
    width: 50%;
    max-width: unset;
  }
}

.requestFormContainer #requestFormContainer__actions .requestFormContainer__actions__unit:nth-child(2) {
  margin-top: 40px;
}

@media only screen and (min-width: 1200px) {
  .requestFormContainer #requestFormContainer__actions .requestFormContainer__actions__unit:nth-child(2) {
    margin-top: unset;
    border-left: 1px solid #dadada;
  }
}

.requestFormContainer #requestFormContainer__actions .requestFormContainer__actions__unit .requestFormContainer__actions__unit__list {
  width: 250px;
  font-size: 13px;
  margin-top: 28px;
  line-height: 1.2;
  padding-inline-start: 23px;
}

.requestFormContainer #requestFormContainer__actions .requestFormContainer__actions__unit .requestFormContainer__actions__unit__list li {
  margin-top: 5px;
  position: relative;
}

.requestFormContainer #requestFormContainer__actions .requestFormContainer__actions__unit .requestFormContainer__actions__unit__list li:first-of-type {
  margin-top: 0px;
}

.requestFormContainer #requestFormContainer__actions .requestFormContainer__actions__unit .requestFormContainer__actions__unit__list li svg {
  top: 0;
  left: -20px;
  position: absolute;
}

.requestFormContainer #requestFormContainer__actions .requestFormContainer__actions__unit .on-board-credit-label--out-bottom {
  position: relative;
  transform: translate(-50%, 10px);
}

.requestFormContainer #requestFormContainer__ssl-label {
  display: flex;
  margin-top: 33px;
  align-items: center;
  padding-bottom: 30px;
  justify-content: center;
}

.requestFormContainer #requestFormContainer__ssl-label img {
  width: 42px;
}

.requestFormContainer #requestFormContainer__ssl-label p {
  margin: 0;
  font-size: 13px;
  margin-left: 6px;
}

.requestFormContainer__text {
  margin-top: 30px;
  text-align: center;
  font-size: 12px;
  color: rgba(26,24,30,.7019607843);
}

.requestFormContainer__disclaimer-text {
  margin-top: 30px;
  font-size: 12px;
}

.requestFormContainer {
  font-size: 1.166rem;
}

.requestFormContainer__section {
  position: relative;
}

.requestFormContainer__price__on-request {
  font-size: 32px;
  font-weight: 700;
}

.requestFormContainer .autoAppearanceSelect,
.requestFormContainer .personalData__form .form-row select,
.personalData__form .form-row .requestFormContainer select,
.requestFormContainer .kidsAgePickerWrapper .dayInputPickerWrapper .DayPicker-Caption select,
.kidsAgePickerWrapper .dayInputPickerWrapper .DayPicker-Caption .requestFormContainer select {
  position: relative;
  font-size: 1.166rem;
  border: 1px solid #ccc;
  background-color: rgba(0,0,0,0);
  cursor: pointer;
  text-align: left;
  appearance: auto;
  -webkit-appearance: auto;
  --webkit-appearance: auto;
}

.requestFormContainer__inner-wrapper {
  display: flex;
  flex-direction: column;
}

.requestFormContainer__header {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  width: 100%;
  padding: 12px 24px;
  display: inline-block;
  background-color: #006295;
  border-radius: 6px 6px 0 0;
}

.requestFormContainer__header--full {
  display: block;
  border-radius: 0;
}

.requestFormContainer__section-label {
  font-size: 1.333rem;
  font-weight: 700;
  line-height: 26px;
  color: #333;
  border-bottom: 1px solid #dadada;
  margin-bottom: 24px;
}

.requestFormContainer__box {
  border: 2px solid #f0f0f0;
  padding: 30px 22px;
  background-color: #fff;
  position: relative;
}

.requestFormContainer__box>[class^=requestFormContainer__] {
  margin-bottom: 48px;
}

.requestFormContainer__box>[class^=requestFormContainer__]:last-child {
  margin-bottom: 0;
}

.requestFormContainer__cabineType {
  padding-top: 20px;
}

.requestFormContainer__cabineType__select {
  display: flex;
}

.requestFormContainer__cabineType__guarantee {
  margin: 16px 0;
}

.requestFormContainer__finalStepWrapper {
  display: flex;
}

.requestFormContainer__finalStepWrapper__leftSide {
  flex: 1;
}

.requestFormContainer__finalStepWrapper__rightSide {
  flex: 2;
  border-left: 1px solid #ebecf0;
}

.requestFormContainer__finalStepWrapper .submitError {
  color: #a94442;
  padding: 0;
}

.requestFormContainer #requestFormContainer__actions {
  padding: 0 32px;
}

.requestFormContainer #requestFormContainer__actions .requestFormContainer__actions__unit {
  flex: 1;
  max-width: 50%;
  border-left: 0 !important;
  padding: 0 !important;
  width: auto !important;
}

.requestFormContainer #requestFormContainer__actions .requestFormContainer__actions__unit .requestForm__actionButtonIcon {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}

.requestFormContainer #requestFormContainer__actions .requestFormContainer__actions__unit+.requestFormContainer__actions__unit {
  margin-left: 26px;
}

@media only screen and (min-width: 992px)and (max-width: 1200px) {
  .requestFormContainer #requestFormContainer__actions .requestFormContainer__actions__unit+.requestFormContainer__actions__unit {
    margin-left: 0;
  }
}

.requestFormContainer #requestFormContainer__actions .requestFormContainer__actions__unit button,
.requestFormContainer #requestFormContainer__actions .requestFormContainer__actions__unit a {
  max-width: 100%;
  margin: 0;
}

.requestFormContainer #requestFormContainer__price #requestFormContainer__price__container {
  flex-wrap: wrap;
}

.requestFormContainer #requestFormContainer__price #requestFormContainer__price__container__guarantee-offer {
  font-size: 1.333rem;
  margin-top: 26px;
}

.requestFormContainer #requestFormContainer__price #requestFormContainer__price__container__label {
  padding-left: 6px;
}

.requestFormContainer #requestFormContainer__ssl-label {
  padding-bottom: 0;
}

.requestFormContainer .callExpert-card {
  margin-top: 42px;
  margin-right: 20px;
}

.travelersSelectContainer {
  display: flex;
}

.travelersSelectContainer label {
  font-weight: normal;
  margin-right: 10px;
}

.travelersSelectContainer>div {
  display: flex;
  align-items: center;
}

.travelersSelectContainer__adult {
  margin-right: 60px;
}

.travelersSelectWrapper {
  display: flex;
  align-items: center;
}

.travelersSelectWrapper__label {
  align-items: center;
}

.travelersSelectWrapper__label label {
  font-size: 1.166rem;
  font-weight: 400;
  line-height: 16px;
  display: flex;
  flex-direction: column;
  margin-right: 6px;
}

.travelersSelectWrapper__select {
  position: relative;
}

.travelersSelectWrapper__select svg {
  position: absolute;
  left: 10%;
  top: 50%;
  transform: translateY(-50%);
  z-index: 0;
}

.travelersSelectWrapper__select select {
  min-width: 120px;
  min-height: 45px;
  padding: 0 34px 0 54px;
}

.kidsAgePickerWrapper {
  margin-top: 30px;
  display: flex;
  flex-direction: column;
}

.kidsAgePickerWrapper__calendarRow {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
  margin-left: 10px;
}

.kidsAgePickerWrapper__calendarRow:last-child {
  margin-bottom: 0;
}

.kidsAgePickerWrapper .dayInputPickerWrapper {
  margin-right: 16px;
  margin-right: 16px;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
}

.kidsAgePickerWrapper .dayInputPickerWrapper .DayPicker-NavBar {
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 6px 0 0 0;
}

.kidsAgePickerWrapper .dayInputPickerWrapper .DayPicker-NavButton {
  position: relative;
  font-size: 20px;
  margin: 0;
  top: 0;
  right: 0;
}

.kidsAgePickerWrapper .dayInputPickerWrapper .DayPicker-Caption {
  min-width: 280px;
}

.kidsAgePickerWrapper .dayInputPickerWrapper .DayPicker-Caption select {
  margin-right: 5px;
  padding: 0 10px;
  height: 35px;
}

.kidsAgePickerWrapper .dayInputPickerWrapper .DayPicker-RequestFormCaption {
  padding-right: 56px;
  display: flex;
  justify-content: space-around;
}

.kidsAgePickerWrapper .dayInputPickerWrapper .DayPicker-Day {
  border-radius: 0;
}

.kidsAgePickerWrapper .dayInputPickerWrapper .DayPickerInput-Overlay {
  z-index: 5;
}

.kidsAgePickerWrapper .dayInputPickerWrapper .DayPickerInput>input {
  min-height: 45px;
  border: 1px solid #ccc;
  padding-left: 35px;
}

.kidsAgePickerWrapper .dayInputPickerWrapper .DayPickerInput>input.error {
  border-color: #a94442;
}

.kidsAgePickerWrapper .dayInputPickerWrapper .DayPickerInput+svg {
  z-index: 1;
  margin-right: -25px;
  fill: #c3c3c3;
  pointer-events: none;
}

.kidsAgePickerWrapper__errorMessage {
  color: #a94442;
  margin-left: 3px;
  margin-top: -10px;
  margin-bottom: 16px;
}

.datesSelectWrapper {
  display: flex;
}

.cabinsSelectorContainer {
  display: flex;
  justify-content: flex-start;
  margin-top: 20px;
}

.cabinsSelectorContainer .cabinItem:first-child {
  margin-left: 0;
}

.cabinsSelectorContainer .cabinItem:last-child {
  margin-right: 0;
}

.cabinItem {
  cursor: pointer;
  position: relative;
  margin: 0 14px;
  background: #fff;
  max-width: 240px;
  height: 200px;
  width: 100%;
}

@media only screen and (min-width: 992px)and (max-width: 1200px) {
  .cabinItem {
    width: 200px;
    height: 180px;
  }
}

.cabinItem--active,
.cabinItem:hover {
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,.75);
}

.cabinItem--active .cabinItem__triangle,
.cabinItem:hover .cabinItem__triangle {
  visibility: visible;
}

.cabinItem__info {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.0001) 33.73%, rgba(0, 0, 1, 0.00916146) 33.74%, #00233b 95.18%);
  height: 65%;
  width: 100%;
  padding: 6px;
  color: #fff;
  z-index: 1;
}

.cabinItem__img {
  width: 100%;
  height: 100%;
}

.cabinItem__type {
  font-size: 2rem;
}

.cabinItem__price {
  font-size: 1.333rem;
}

.cabinItem__discount {
  position: absolute;
  top: 10px;
  left: 0;
}

.cabinItem__discount__text {
  height: 25px;
  padding: 4px;
  position: relative;
  display: block;
  font-size: .91rem;
  font-weight: bold;
  line-height: 1.6;
  color: #fff;
  background-color: #e01a59;
}

.cabinItem__discount__text::after {
  content: " ";
  position: absolute;
  right: -10px;
  top: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12.5px 0 12.5px 10px;
  border-color: rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #e01a59;
}

.cabinItem__triangle {
  visibility: hidden;
  position: absolute;
  z-index: 0;
  bottom: -35px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 35px 120px 0 120px;
  border-color: #00233b rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);
  filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, 0.75));
}

@media only screen and (min-width: 992px)and (max-width: 1200px) {
  .cabinItem__triangle {
    border-width: 35px 100px 0 100px;
  }
}

.selectedCabinOverview {
  margin: 24px 0 40px;
  display: flex;
}

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

.selectedCabinOverview__imgWrapper {
  position: relative;
  flex: 0 0 210px;
  width: 210px;
  height: 160px;
  background-size: cover;
  background-color: #e0e0e0;
  margin-right: 22px;
}

.selectedCabinOverview__enlargeBtn {
  position: absolute;
  bottom: 10px;
  right: 5px;
  background: rgba(0,0,0,0);
  border: none;
  cursor: pointer;
}

.selectedCabinOverview__enlargeBtn:hover svg path {
  fill: #feebed;
}

.selectedCabinOverview__description {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
}

.selectedCabinOverview__description li {
  display: flex;
  width: calc(50% - 15px);
  margin-right: 15px;
  align-items: center;
  margin-bottom: 14px;
  font-size: 1.166rem;
}

.selectedCabinOverview__description li svg {
  flex: 0 0 16px;
  fill: #333;
  margin-right: 10px;
}

.selectedCabinOverview__advantagesWrapper {
  font-size: 1.166rem;
  display: flex;
  flex-direction: column;
  flex: 1;
}

.selectedCabinOverview__advantages {
  position: relative;
  overflow: hidden;
}

.selectedCabinOverview__advantages:not(.selectedCabinOverview__advantages--is-open)::before {
  content: "";
  height: 100px;
  width: 100%;
  display: block;
  position: absolute;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 50%, #fff 100%);
}

.selectedCabinOverview__advantages ul>li {
  font-size: 1.166rem;
  line-height: 2;
}

.selectedCabinOverview__advantages ul>li svg {
  margin-right: 6px;
}

.reqFormSummaryContainer {
  padding-right: 10px;
}

.reqFormSummaryContainer__destination {
  margin-bottom: 38px;
}

.reqFormSummaryContainer__destination h3 {
  font-weight: bold;
}

.reqFormSummaryContainer__destination__nights {
  font-size: 1.166rem;
  color: #333;
  font-weight: 700;
}

.reqFormSummaryContainer__briefSummary {
  list-style-type: none;
  margin-bottom: 36px;
}

.reqFormSummaryContainer__briefSummary li {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.reqFormSummaryContainer__briefSummary li svg {
  margin-right: 14px;
}

.reqFormSummaryContainer__briefSummary li span {
  font-size: 1.166rem;
  line-height: 24px;
}

.personalDataContainer {
  flex: 1;
}

.personalData__form {
  padding: 0 34px;
}

.personalData__form .form-row select {
  z-index: 1;
  min-height: 45px;
  padding: 14px;
}

.personalData__form .form-row select.isEmpty {
  color: rgba(46,52,56,.5);
}

.personalData__form .form-row__cell {
  vertical-align: middle;
}

.personalData__form .form-row__cell__label-holder__label {
  font-weight: 400;
}

.personalData__form input:not([type=radio]) {
  min-height: 45px;
}

.personalData__form__genderInputContainer {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-bottom: 10px;
}

.personalData__form__genderInputContainer label {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  margin: 0 12px;
  font-size: 1.166rem;
  font-weight: 400;
}

.personalData__form__genderInputContainer label:first-child {
  margin-left: 0;
}

.personalData__form__genderInputContainer label:last-child {
  margin-right: 0;
}

.personalData__form__genderInputContainer label input {
  margin: 0;
  height: 15px;
  width: 15px;
  margin-right: 10px;
}

.personalData__form .personalData__form__input__ccp {
  display: flex;
}

.personalData__form .personalData__form__input__ccp__prefix {
  display: flex;
  align-items: center;
  font-size: 18px;
  border: 1px solid #ccc;
  color: #666;
  padding: 0 8px;
  border-right: none;
  background-color: #ddd;
  line-height: 1;
}

.personalData__form .personalData__form__input__ccp__country-code {
  min-width: 80px;
  margin-right: 10px;
  display: flex;
}

.personalData__form .personalData__form__input__ccp__country-code input {
  padding: 0;
  text-align: center;
}

.personalData__form__cb-newsletter {
  display: flex;
  align-items: center;
  margin-top: 16px;
  font-size: 12px;
  line-height: 19px;
}

.personalData__form__cb-newsletter label {
  margin-bottom: 0;
}

.personalData__form__cb-newsletter__cb-holder {
  margin-right: 8px;
}

.personalData__form__cb-newsletter__cb-holder input {
  min-height: 18px;
  min-width: 18px;
  border-radius: 0;
  margin: 0;
}

.personalData__form__messageArea {
  min-height: 80px;
}

.reviewContainer h2 {
  font-size: 22px;
  margin-top: 10px;
  font-weight: bold;
  margin-bottom: 15px;
}

.reviewContainer h4 {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 15px;
}

@media only screen and (min-width: 992px) {
  .reviewContainer {
    background: #fff;
    padding: 10px;
  }
}

.reviewContainer .reviewList {
  margin-top: 30px;
  position: relative;
}

.reviewContainer .reviewList h4 {
  flex: 1;
  font-weight: bold;
  font-size: 18;
  margin-bottom: 15;
}

.reviewContainer .reviewList .sortingRow {
  display: flex;
  align-items: center;
}

.reviewContainer .reviewList .sortingRow>span {
  margin-right: 10px;
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 10px;
}

.reviewContainer .reviewCommentContainer {
  display: flex;
  margin: 10px 0;
}

.reviewContainer .reviewCommentContainer svg {
  fill: #000;
  flex: 0 0 auto;
  width: 20;
  height: 20;
}

.reviewContainer .reviewCommentContainer .reviewComment {
  margin-left: 10px;
}

.reviewContainer .collapsibleSection {
  background: rgba(0,0,0,0);
  color: #000;
  border-bottom: 0;
  padding: 3px 0 0;
  margin-bottom: 10px;
}

.reviewContainer .collapsibleSectionHeader {
  justify-content: center;
}

.reviewContainer .collapsibleSectionHeader .titleSection {
  flex: 0 1 auto;
  color: #06aaee;
}

.reviewContainer .collapsibleSectionHeader .titleSection .collapsibleSectionTitle {
  font-size: 16px;
}

.reviewContainer .collapsibleSectionHeader .titleSection .collapsibleSectionInfo {
  justify-content: center;
}

.reviewContainer .collapsibleSectionHeader .collapsibleSectionIcon {
  fill: #06aaee;
  width: 26;
  height: 20;
  padding: 0 5px;
}

.reviewContainer .collapsibleSectionContent>div {
  margin: 0;
}

.summaryReview {
  display: flex;
  align-items: center;
}

.summaryReview .ratingBoxWithArrow {
  position: relative;
  padding: 10px;
  margin-right: 20px;
  background-color: #006598;
  color: #fff;
  white-space: nowrap;
  z-index: 1;
}

.summaryReview .ratingBoxWithArrow .ratingBoxArrow {
  position: absolute;
  left: 100%;
  width: 15px;
  height: 15px;
  top: 50%;
  margin-left: -8px;
  margin-top: -8px;
  transform: rotate(45deg);
  background: #006598;
  z-index: -1;
}

.summaryReview .ratingInfo {
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
}

.summaryReview .ratingInfo>div {
  font-weight: bold;
  font-size: 23px;
}

.summaryReview .ratingInfo>span {
  font-size: 15px;
}

.summaryReview .labelsSection {
  display: none;
  flex-direction: column;
  flex: 0 1 auto;
  padding: 0 10px;
  font-size: 12px;
}

.summaryReview .labelsSection .labels {
  display: flex;
  margin-top: 5px;
}

.summaryReview .labelsSection .labels>* {
  margin: 0 5px 5px 0;
}

@media only screen and (min-width: 992px) {
  .summaryReview .labelsSection {
    display: flex;
  }
}

.ratingBarContainer {
  margin-bottom: 5px;
  font-weight: bold;
}

.ratingBarContainer svg {
  width: 16;
  height: 16;
  margin-left: 5px;
}

.ratingBarContainer span {
  display: inline-flex;
  margin: 0 5px 0 0;
  align-items: center;
}

.ratingBarContainer .ratingBar {
  background-color: #c3c3c3;
  height: 15px;
}

.ratingBarContainer .ratingBar .ratingBarFilled {
  height: 100%;
  background-color: #006598;
}

.ratingBarContainer .ratingBarInfo {
  display: flex;
  font-size: 15px;
  justify-content: space-between;
  align-items: center;
}

.ratingBarContainer .inlineRatingBar {
  display: flex;
  flex: 1 0 auto;
  align-items: center;
  font-size: 12px;
}

.ratingBarContainer .inlineRatingBar .barlabel {
  flex: 0 0 150px;
  font-size: 14px;
}

.ratingBarContainer .inlineRatingBar .barCaption {
  flex: 0 0 55px;
  justify-content: flex-end;
}

.ratingBarContainer .inlineRatingBar .ratingBar {
  flex: 1 0 auto;
}

.ratingSummary {
  display: flex;
  padding: 20px 0;
}

.ratingSummary>div {
  flex: 1 0 auto;
}

.ratingSummary>div:nth-child(1) {
  margin-right: 10px;
}

.reviewListToggle {
  font-size: 14px;
  color: #06aaee;
  display: none;
  align-items: center;
  justify-content: center;
  margin: 20px 0;
  cursor: pointer;
}

@media screen and (min-width: 992px) {
  .reviewListToggle {
    display: flex;
  }
}

.reviewListToggle svg {
  fill: #06aaee;
  margin-left: 6px;
}

.reviewListToggle .rotate {
  transform-box: fill-box;
  transform-origin: center;
  transform: rotate(180deg);
}

.ratingBox {
  color: #006598;
  font-size: 26px;
  z-index: 2;
}

.ratingBox .ratingBoxScore {
  font-weight: bold;
}

.ratingBoxWhite {
  color: #fff;
  font-size: 30px;
}

.search-cruise {
  border: 1px solid #6d8fa9;
  float: right;
  width: 186px;
  margin: 1px 13px 0;
  padding: 1px 0;
}

@media (min-width: 1200px) {
  .search-cruise.visible-lg {
    display: block;
  }

  .search-cruise.hidden-lg {
    display: none;
  }
}

@media (min-width: 1200px) {
  .search-cruise {
    padding: 0;
    margin: 10px 0 10px 10px;
    width: 184px;
    border-color: #fff;
  }
}

.search-cruise input {
  border: 0;
  padding: 1px 7px;
  background: rgba(0,0,0,0);
  font-size: 13px;
  color: #6d8fa9;
  width: 153px;
}

@media (min-width: 1200px) {
  .search-cruise input {
    width: 150px;
    padding: 5px 7px;
    color: #a2b8c9;
  }
}

.search-cruise input::-webkit-input-placeholder {
  color: #6d8fa9;
  font-size: 13px;
}

@media (min-width: 1200px) {
  .search-cruise input::-webkit-input-placeholder {
    color: #a2b8c9;
  }
}

.search-cruise input:-moz-placeholder {
  color: #6d8fa9;
  font-size: 13px;
}

@media (min-width: 1200px) {
  .search-cruise input:-moz-placeholder {
    color: #a2b8c9;
  }
}

.search-cruise input::-moz-placeholder {
  color: #6d8fa9;
  font-size: 13px;
}

@media (min-width: 1200px) {
  .search-cruise input::-moz-placeholder {
    color: #a2b8c9;
  }
}

.search-cruise input:-ms-input-placeholder {
  color: #6d8fa9;
  font-size: 13px;
}

@media (min-width: 1200px) {
  .search-cruise input:-ms-input-placeholder {
    color: #a2b8c9;
  }
}

.search-cruise button {
  border: 0;
  background: rgba(0,0,0,0);
  height: 16px;
}

@media (min-width: 1200px) {
  .search-cruise button {
    height: auto;
  }
}

.search-cruise button:before {
  color: #6d8fa9;
  font-size: 14px;
}

@media (min-width: 1200px) {
  .search-cruise button:before {
    color: #a2b8c9;
  }
}

.Calendar {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.Calendar {
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 1000;
  position: fixed;
  background-color: #f0f0f0;
}

.Calendar__header {
  height: 60px;
  width: 100%;
  background-color: #fff;
  line-height: 60px;
  text-align: center;
  border-bottom: 1px solid #c3c3c3;
}

.Calendar__title {
  font-size: 19px;
}

.Calendar__action {
  width: 60px;
  color: #06aaee;
  font-size: 15px;
}

.DateRangePickerInput {
  margin-top: 10px;
  font-size: 15px;
  background-color: #fff;
  display: flex;
  padding: 8px 0;
  border-radius: 4px;
}

.DateInput {
  flex: 1 0 50%;
  line-height: 26px;
  position: relative;
  min-width: 0;
}

.DateInput__input {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  border: 0;
  height: 100%;
  width: 100%;
}

.DateInput__input[readonly] {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.DateInput__display-text {
  padding: 0px 8px;
  overflow: hidden;
  width: 100%;
  display: flex;
  align-items: center;
}

.CalendarTabs {
  width: 100%;
  background-color: #fff;
  text-align: center;
  display: flex;
  align-items: center;
}

.CalendarTabs__tab {
  color: #7d7d7d;
  font-size: 17px;
  flex: 0 0 50%;
  padding: 10px 5px;
  position: relative;
}

.CalendarTabs__tab--active {
  background-color: #006598;
  color: #fff;
  font-weight: bold;
}

.CalendarTabs__tab--active::after {
  content: "";
  position: absolute;
  display: block;
  left: 50%;
  top: 100%;
  transform: translateX(-16px);
  border-top: 11px solid #006598;
  border-left: 16px solid rgba(0,0,0,0);
  border-right: 16px solid rgba(0,0,0,0);
}

.CalendarFooter {
  background: #fff;
  padding: 10px 15px;
  box-shadow: rgba(0,0,0,.19) 0px -2px 4px 0px;
  z-index: 1;
}

.CalendarFooter__button {
  background: #06aaee;
  padding: 15px;
  border-radius: 5px;
  color: #fff;
  text-align: center;
  cursor: pointer;
  position: relative;
}

.CalendarDay {
  height: 35px;
  line-height: 35px;
  flex: 1 0 14%;
  text-align: center;
}

.CalendarDay--blocked-out-of-range {
  color: #c3c3c3;
}

.CalendarDay--selected-start {
  color: #fff;
  background-color: #006598;
  clip-path: polygon(0% 0%, 0% 100%, 80% 100%, 100% 50%, 80% 0%);
}

.CalendarDay--selected-end {
  color: #fff;
  background-color: #006598;
  clip-path: polygon(20% 0%, 0% 50%, 20% 100%, 100% 100%, 100% 0%);
}

.CalendarDay--selected {
  background-color: #c7dce6;
}

.CalendarDay--selected-selected {
  color: #fff;
  background-color: #006598;
}

.CalendarMonth__wrapper {
  font-size: 15px;
  letter-spacing: 1.5px;
  padding: 12px;
}

.CalendarMonth__header {
  text-align: center;
  padding-bottom: 9px;
  padding-top: 20px;
  text-transform: uppercase;
}

.CalendarMonth__days {
  display: flex;
  flex-wrap: wrap;
  font-weight: bold;
}

.CalendarWeek__header {
  display: flex;
  font-size: 13px;
  color: #9b9b9b;
  border-bottom: solid 1px #c3c3c3;
  padding-bottom: 7px;
}

.CalendarWeek__days {
  flex: 1 0 14%;
  text-align: center;
}

.datepicker-modal {
  position: fixed !important;
}

.datepicker-modal .datepicker-header {
  color: #3b3b3b !important;
}

.datepicker-modal .datepicker.default .datepicker-navbar-btn {
  color: #06aaee !important;
}

.datepicker-modal .datepicker.default .datepicker-wheel {
  border-top: 1px solid #3b3b3b !important;
  border-bottom: 1px solid #3b3b3b !important;
}

.searchFilterWrapper {
  padding-top: 20px !important;
}

select option {
  color: #333;
}

@media only screen and (min-width: 1200px) {
  .searchFilterContainer {
    display: block;
  }
}

@media only screen and (min-width: 1200px) {
  .searchFilterContainer {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    z-index: auto !important;
    background: rgba(0,0,0,0) !important;
    overflow: visible !important;
    margin-top: 12px;
  }

  .searchFilterWrapper {
    padding: 0 !important;
    background: rgba(0,0,0,0) !important;
    padding-top: 0 !important;
    margin-bottom: 60px;
    overflow: visible !important;
  }

  .calendarWrapper .DayPickerInput-Overlay {
    width: 222px;
    z-index: 9999;
  }

  .searchPage .headline h1 {
    font-family: Arial;
    font-size: 28px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: .68;
    letter-spacing: normal;
    color: #333;
  }

  .activeFilterItem {
    border-radius: 5px;
    padding: 7px !important;
    font-size: 14px !important;
    margin-top: 0 !important;
    margin-bottom: 10px;
  }

  .activeFilterItem span {
    display: flex;
  }

  .resetButton {
    margin-bottom: 10px;
  }

  .activeFilterWrapper {
    align-items: center !important;
    padding: 0px 0px 5px !important;
  }
}

.searchSection {
  width: 100%;
  height: auto;
  background-size: cover;
  position: relative;
  max-height: 293px;
}

.searchSection .searchSectionLayer {
  width: 100%;
  height: 100%;
  background: rgba(0,35,59,.3);
  position: absolute;
  top: 0;
  left: 0;
}

.searchSection.searchSection-indigo .searchMask {
  background: #001477;
}

.searchSection.searchSection-indigo .searchSectionLayer {
  background: linear-gradient(to bottom, rgba(1, 11, 61, 0), rgb(1, 11, 61));
}

.searchSection .searchSectionContainer {
  position: relative;
}

@media only screen and (min-width: 1200px) {
  .searchSection .searchSectionContainer {
    display: flex;
    width: 1170px;
    justify-items: center;
    margin: 0 auto;
  }

  .searchSection .searchSectionContainer .searchMask {
    width: 478px;
  }
}

.searchSection .searchSectionContainer .searchFilter {
  height: 100%;
}

@media only screen and (min-width: 0px)and (max-width: 767px) {
  .searchSection .searchSectionContainer .searchFilter {
    width: 100%;
  }
}

.searchSection .searchSectionContainer .searchSectionDesc {
  margin: auto 0 24px 24px;
}

@media screen and (-ms-high-contrast: none),(-ms-high-contrast: active) {
  .searchSection .searchSectionContainer .searchSectionDesc {
    margin: 24px;
  }
}

.searchSection .searchSectionContainer .searchSectionDesc p {
  margin-bottom: 0;
}

.searchSection .searchSectionContainer .headline {
  font-family: Arial;
  font-size: 30px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  color: #fff;
}

.searchSection .searchSectionContainer .subheadline,
.searchSection .searchSectionContainer .searchSectionDesc-link,
.searchSection .searchSectionContainer .subheadline * {
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.39;
  letter-spacing: normal;
  color: #fff;
}

.searchSection .searchSectionContainer .searchSectionDesc-link {
  font-weight: 700;
  text-decoration: underline;
  display: inline-block;
  margin-top: 10px;
  cursor: pointer;
}

.stars {
  display: inline-flex;
  line-height: 0;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.stars .tooltipTitle {
  display: none;
}

.stars .starIcon {
  overflow: hidden;
}

.stars .halfStarIcon {
  overflow: hidden;
  transform: translate(-50%, 0);
}

.stars .halfStarIcon path {
  transform: translate(50%, 0);
}

.stars .tooltipIcon {
  display: inline-flex;
  align-items: center;
}

.specialsContent {
  padding: 7px 25px;
}

@media (min-width: 992px) {
  .specialsContent {
    padding: 0;
    background: #fff;
    border: 2px solid #f0f0f0;
    border-radius: 0 0 6px 6px;
  }
}

.specialsContent .specialsItem {
  margin: 15px 0;
}

.specialsContent .specialsItem strong,
.specialsContent .specialsItem b {
  font-size: 16px;
}

@media (min-width: 992px) {
  .specialsContent .specialsItem strong,
  .specialsContent .specialsItem b {
    font-weight: 700;
    line-height: 37px;
  }
}

.specialsContent .specialsItem .specials-description,
.specialsContent .specialsItem p {
  margin: 5px 0;
  overflow: hidden;
}

@media (min-width: 992px) {
  .specialsContent .specialsItem .specials-description,
  .specialsContent .specialsItem p {
    margin: 0 0 8.5px;
  }
}

.specialsContent .specialsItem .specials-description,
.specialsContent .specialsItem p,
.specialsContent .specialsItem div {
  font-size: 13px;
  line-height: 1.46;
}

@media (min-width: 992px) {
  .specialsContent .specialsItem .specials-description,
  .specialsContent .specialsItem p,
  .specialsContent .specialsItem div {
    font-size: 14px;
    line-height: 20px;
  }
}

.specialsContent .specialsItem .specials-description strong,
.specialsContent .specialsItem .specials-description b,
.specialsContent .specialsItem p strong,
.specialsContent .specialsItem p b,
.specialsContent .specialsItem div strong,
.specialsContent .specialsItem div b {
  font-size: inherit;
  line-height: inherit;
}

.specialsContent .specialsItem .specials-description a,
.specialsContent .specialsItem p a,
.specialsContent .specialsItem div a {
  color: #06aaee;
}

@media (min-width: 992px) {
  .specialsContent .specialsItem {
    margin: unset;
    padding: 8px 25px 11px 25px;
    border-bottom: 2px solid #f5f5f5;
    border-radius: 6px;
  }

  .specialsContent .specialsItem:last-of-type {
    border-bottom: unset;
  }

  .specialsContent .specialsItem ul {
    padding-inline-start: 40px;
  }

  .specialsContent .specialsItem ul li {
    list-style-type: disc;
  }
}

.tooltipWrapper {
  position: relative;
}

.tooltipWrapper .tooltipIcon {
  min-width: 30px;
  min-height: 20px;
  padding-left: 5px;
  cursor: pointer;
}

.tooltipWrapper .tooltipIcon>svg {
  fill: #fff;
  stroke: #fff;
  stroke-width: 10px;
  vertical-align: middle;
}

.tooltipWrapper .tooltipArrow {
  position: absolute;
  top: 100%;
  left: 5px;
  width: 20px;
  height: 20px;
  border: 10px solid #fff;
  border-top-color: rgba(0,0,0,0);
  border-right-color: rgba(0,0,0,0);
  transform: rotate(-215deg) skew(22deg);
  z-index: 9;
  box-shadow: -3px 3px 4px -2px rgba(0,0,0,.32);
}

.tooltipWrapper .tooltipBody {
  display: block;
  position: absolute;
  min-width: 200px;
  max-height: 200px;
  top: 30px;
  left: -100%;
  padding: 20px 12px;
  font-size: 12px;
  line-height: 18px;
  z-index: 8;
  color: #333;
  background: #fff;
  box-shadow: 0 0 4px 0 rgba(0,0,0,.5);
  line-height: normal;
}

.tooltipWrapper .tooltipTitle {
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  color: #333;
  margin-bottom: 10px;
}

@media print {
  .tooltipWrapper {
    display: none;
  }
}

.tooltip-wrapper-wp {
  position: relative;
}

@media print {
  .tooltip-wrapper-wp {
    display: none;
  }
}

.tooltip-wrapper-wp_icon {
  min-width: 30px;
  min-height: 20px;
  padding-left: 5px;
  cursor: pointer;
}

.tooltip-wrapper-wp_svg {
  fill: #fff;
  stroke: #fff;
  stroke-width: 10px;
  vertical-align: middle;
}

.tooltip-wrapper-wp_arrow {
  display: none;
  position: absolute;
  z-index: 9;
  border-top-color: rgba(0,0,0,0);
  border-right-color: rgba(0,0,0,0);
}

.tooltip-wrapper-wp_arrow {
  top: calc(100% + 1px);
  left: 5px;
  width: 20px;
  height: 20px;
  border: 10px solid #f7f7f7;
  transform: rotate(-215deg) skew(22deg);
  box-shadow: -2px 2px 2px 0px rgba(0,0,0,.2);
}

@media (min-width: 768px) {
  .tooltip-wrapper-wp_arrow {
    top: calc(100% + 5px);
    left: 5px;
    width: 10px;
    height: 10px;
    border: 7px solid #f7f7f7;
    transform: rotate(-222deg) skew(7deg);
    box-shadow: -2px 2px 2px 0px rgba(65,63,63,.3);
  }
}

.tooltip-wrapper-wp_body {
  display: none;
  position: absolute;
  min-width: 200px;
  max-height: 200px;
  top: 30px;
  font-size: 12px;
  line-height: 18px;
  z-index: 8;
  color: #333;
  background: #fff;
  box-shadow: 0 0 4px 0 rgba(0,0,0,.5);
  line-height: normal;
  border-radius: 4px;
  border: 1px solid #aaa;
  padding: 0;
  left: 50%;
  transform: translate(-50%, 0);
}

.tooltip-wrapper-wp:hover .tooltip-wrapper-wp_body,
.tooltip-wrapper-wp:hover .tooltip-wrapper-wp_arrow {
  display: block;
}

.tooltip-wrapper-wp_title {
  font-size: 12px;
  font-weight: bold;
  color: #333;
  margin-bottom: 10px;
  border-radius: 4px;
  display: block;
  text-align: left;
  background-color: #f7f7f7;
  padding: 10px 12px;
}

.tooltip-wrapper-wp_text {
  padding: 0 12px 10px;
}

.tooltip-wrapper-wp_icon {
  margin: 0 0 0 4px;
  padding: 0;
  min-width: unset;
  display: flex;
  align-items: center;
}

.routes-list {
  display: block;
  width: 100%;
  font-size: 1.166rem;
}

.routes-list__table {
  width: 100%;
}

.routes-list__thead {
  text-transform: lowercase;
}

.routes-list__thead p:first-letter {
  text-transform: uppercase;
}

.routes-list__th,
.routes-list__td {
  height: 100%;
  cursor: pointer;
  position: relative;
}

.routes-list__th:not(.collapsible),
.routes-list__th.collapsible.open,
.routes-list__td:not(.collapsible),
.routes-list__td.collapsible.open {
  vertical-align: top;
  padding: 8px;
  line-height: 1.4;
}

.routes-list__th.collapsible>.routes-list__th__collapsible-inner,
.routes-list__th.collapsible>.routes-list__td__collapsible-inner,
.routes-list__td.collapsible>.routes-list__th__collapsible-inner,
.routes-list__td.collapsible>.routes-list__td__collapsible-inner {
  max-height: 0;
  overflow: hidden;
  transition: max-height .5s cubic-bezier(0, 1, 0, 1);
}

.routes-list__th.collapsible.open>.routes-list__th__collapsible-inner,
.routes-list__th.collapsible.open>.routes-list__td__collapsible-inner,
.routes-list__td.collapsible.open>.routes-list__th__collapsible-inner,
.routes-list__td.collapsible.open>.routes-list__td__collapsible-inner {
  max-height: 1000px;
  transition: max-height 1s ease-in-out;
  padding: 15px 0;
}

.routes-list__th.collapsible.open>.routes-list__th__collapsible-inner:before,
.routes-list__th.collapsible.open>.routes-list__td__collapsible-inner:before,
.routes-list__td.collapsible.open>.routes-list__th__collapsible-inner:before,
.routes-list__td.collapsible.open>.routes-list__td__collapsible-inner:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
  background: #ddd;
}

.routes-list__th__collapsible-inner,
.routes-list__td__collapsible-inner {
  position: relative;
}

.routes-list__th__collapsible-inner__square,
.routes-list__td__collapsible-inner__square {
  display: none;
}

.routes-list__th__collapsible-inner__arrival-departure,
.routes-list__td__collapsible-inner__arrival-departure {
  display: flex;
  font-weight: bold;
  margin: 15px 0;
  column-gap: 10px;
}

.routes-list__th__collapsible-inner img,
.routes-list__td__collapsible-inner img {
  display: flex;
  float: right;
  margin: 10px 0px 10px 10px;
}

.routes-list__th.collapsible.open .routes-list__td__collapsible-inner__square,
.routes-list__td.collapsible.open .routes-list__td__collapsible-inner__square {
  display: block;
  position: absolute;
  top: -10px;
  width: 20px;
  height: 20px;
  left: 50px;
  border-width: 0px 0px 1px 1px;
  border-top-style: initial;
  border-right-style: initial;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: initial;
  border-right-color: initial;
  border-bottom-color: #e0e0e0;
  border-left-color: #e0e0e0;
  border-image: initial;
  background: #fff;
  transform: rotate(-45deg);
  transition: all .15s ease-in-out 0s;
}

.routes-list__th__toggle-collapsible,
.routes-list__td__toggle-collapsible {
  position: relative;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  height: 100%;
  width: 100%;
  fill: #006598;
  float: left;
  vertical-align: middle;
}

.routes-list__th__toggle-collapsible__inner-holder,
.routes-list__td__toggle-collapsible__inner-holder {
  height: 100%;
  width: 100%;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: transform .3s ease-in-out;
}

.routes-list__th__toggle-collapsible__inner-holder.active,
.routes-list__td__toggle-collapsible__inner-holder.active {
  transform: rotate(180deg);
}

.routes-list__th__flag,
.routes-list__td__flag {
  fill: #006598;
  display: inline-block;
  vertical-align: middle;
}

.routes-list__th {
  border-bottom: 2px solid #ddd;
}

.routes-list__td:not(.collapsible) {
  border-top: 1px solid #ddd;
}

.routes-list__small-descr {
  display: block;
  clear: both;
  color: #9b9b9b;
  font-size: 91%;
}

@media screen and (max-width: 599px) {
  .routes-list {
    border: 1px solid #ddd;
    font-size: .9rem;
  }
}

#routes-container {
  display: flex;
  width: 100%;
}

#routes-container>div {
  width: 100%;
}

@media screen and (min-width: 768px) {
  #routes-container>div {
    width: calc(50% - 10px);
  }

  #routes-container>div:first-of-type {
    margin-right: 10px;
  }

  #routes-container>div:last-of-type {
    margin-left: 10px;
  }
}

#routes-container #cruiseRouteMap {
  min-height: 450px;
  max-height: 500px;
  display: flex;
}

#routes-container #cruiseRouteMap .mapboxgl-ctrl-attrib.mapboxgl-compact {
  min-height: 24px;
}

#routes-container #cruiseRouteMap .mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-inner {
  transform: translateY(1px);
}

#routes-container #cruiseRouteMap div {
  max-width: 100%;
  max-height: 100%;
}

#routes-container #cruiseRouteMap .map-popUp {
  z-index: 1;
  max-width: 250px;
}

#routes-container #cruiseRouteMap .map-popUp * {
  margin: 0;
  font-size: 14px;
}

#routes-container #cruiseRouteMap .map-popUp h3 {
  font-weight: 600;
  font-style: italic;
}

#routes-container #cruiseRouteMap .map-popUp .mapboxgl-popup-content {
  padding: 15px;
}

#routes-container #cruiseRouteMap .map-popUp .mapboxgl-popup-content .map-popUp__content {
  overflow-y: auto;
  max-height: 170px;
}

#routes-container #cruiseRouteMap .map-popUp .mapboxgl-popup-content .map-popUp__content>div {
  max-height: 170px;
}

#routes-container #cruiseRouteMap .map-popUp .mapboxgl-popup-content .map-popUp__image {
  float: right;
  max-width: 125px;
}

#routes-container #cruiseRouteMap .mapboxgl-marker {
  min-width: 30px;
  min-height: 39px;
  cursor: pointer !important;
  background: url(https://website-production-public.dreamlines.de/mobile/dac0cb89f7/assets/dist/8aec6d25e95be1c5ce3111305d7b8b9b.png) no-repeat center rgba(0,0,0,0);
}

#routes-container #cruiseRouteMap .mapboxgl-marker.active {
  z-index: 1;
  background: url(https://website-production-public.dreamlines.de/mobile/dac0cb89f7/assets/dist/e6cf850ed9b25d8e2ed6eea0d1b1584c.png) no-repeat center rgba(0,0,0,0);
}

#routes-container #cruiseRouteMap .mapboxgl-marker.only_point {
  min-width: 10px;
  min-height: 10px;
  background: #202;
  border-radius: 5px;
  margin-top: -5px;
  margin-left: -5px;
}

#routes-container #cruiseRouteMap .mapboxgl-marker.only_point_anchor {
  background: url(https://website-production-public.dreamlines.de/mobile/dac0cb89f7/assets/dist/f3839abbc706e0ff252cc6c815aa6a3d.png) no-repeat center rgba(0,0,0,0);
}

#routes-container #cruiseRouteMap .mapboxgl-marker .marker-html_pin {
  font-size: 12px;
  padding-top: 7px;
  font-weight: 600;
  text-align: center;
}

.ships-view {
  font-size: 1.166rem;
  line-height: 1.66rem;
}

.ships-view__img {
  float: right;
  margin: 0 0 15px 15px;
  max-width: 330px;
  height: auto;
  display: block;
  border-radius: 6px;
}

.ships-view__facts ul {
  -webkit-padding-start: revert;
}

.ships-view__facts li {
  list-style: disc;
}

.scroll-to-button {
  padding: 4px 52px 4px 20px;
  background: #09f;
  border: none;
  color: #fff;
  float: right;
  font-size: 1.333rem;
  line-height: 1.428571429;
  text-align: center;
  font-weight: 400;
  height: 30px;
  touch-action: manipulation;
  vertical-align: middle;
  white-space: nowrap;
  min-width: 100%;
}

.scroll-to-button__holder {
  margin-top: 7px;
  min-width: 100%;
  display: inline-block;
  position: relative;
}

.scroll-to-button__icon-holder {
  background-color: #69d0fb;
  bottom: 0;
  color: #fff;
  fill: #fff;
  font-size: 12px;
  line-height: 35px !important;
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.scroll-to-button.disabled {
  background: #c3c3c3;
  pointer-events: none;
}

.scroll-to-button.disabled .scroll-to-button__icon-holder {
  background-color: #aaa;
}

.scroll-to-button:hover {
  background-color: #00233b;
}

:hover>.scroll-to-button__icon-holder {
  background-color: #718796;
}

.per-person-price-overview {
  display: flex;
  flex-flow: row wrap;
  margin-top: 7px;
}

.per-person-price-overview__price-block {
  display: flex;
  flex-flow: column wrap;
  text-align: right;
  align-items: flex-end;
}

.per-person-price-overview__title {
  color: #a1a4a5;
  font-size: 12px;
  font-weight: 400;
  margin: 0 0 5px 0;
}

.per-person-price-overview__price-holder {
  display: "inline-flex";
  align-items: "baseline";
}

.per-person-price-overview__price {
  color: #05233f;
  font-size: 1.833rem;
  font-weight: 700;
  line-height: 1.5rem;
  margin: 0 0 5px 0;
}

.per-person-price-overview__dual-price {
  display: block;
  clear: both;
  color: #919495;
  text-align: right;
  font-size: 1rem;
  font-weight: 700;
  margin-top: -0.3rem;
}

.per-person-price-overview__dual-price span {
  font-family: Arial,Helvetica,sans-serif !important;
}

.per-person-price-overview__hotel-services {
  font-size: 12px;
  color: #333;
  font-weight: 700;
  margin: 0 0 5px 0;
}

.per-person-price-overview__hint {
  margin: 15px 15px 10px 15px;
  color: #2a2a2a;
  font-size: 12px;
}

.per-person-price-overview__discount {
  background: #ff4056;
  font-size: 12px;
  font-weight: 600;
  display: flex;
  flex-flow: column wrap;
  color: #fff;
  margin-right: 37px;
  text-align: center;
  align-items: center;
  justify-content: space-evenly;
  width: 52px;
  margin-top: 7px;
}

.per-person-price-overview__discount__label {
  font-size: .833rem;
  font-weight: 400;
  line-height: .8333rem;
  margin: 0;
  width: 100%;
  margin-top: 4px;
}

.per-person-price-overview__discount__value {
  color: #fff;
  font-size: 1.333rem;
}

.per-person-price-overview__discount-text {
  color: #e01a59;
  font-weight: bold;
  margin-bottom: 7px;
}

.per-person-price-table__dual-corrency {
  color: #919495;
}

.per-person-price-table__dual-corrency span {
  font-family: Arial,Helvetica,sans-serif !important;
}

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: auto;
  min-height: 1px;
  display: none;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid rgba(0,0,0,0);
}

.slick-arrow.slick-hidden {
  display: none;
}

.product-gallery {
  position: relative;
  min-height: 205px;
}

.product-gallery *:hover,
.product-gallery *:focus {
  outline: none;
}

.product-gallery__image-holder.isMobile {
  height: auto;
  position: relative;
}

.product-gallery__thumbnail-holder {
  height: 91px;
  position: relative;
}

.product-gallery__thumbnail__play-btn-holder {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  cursor: pointer;
  z-index: 5;
}

.product-gallery__thumbnail__play-btn {
  fill: #fff;
  stroke: #fff;
  filter: drop-shadow(0px 3px 2px rgba(0, 0, 0, 0.6));
  border: 4px solid #fff;
  border-radius: 50%;
}

.product-gallery__image,
.product-gallery__thumbnail {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.product-gallery__pagination {
  min-height: 91px;
  margin-top: 20px;
}

.product-gallery__pagination .slick-slider {
  min-height: 91px;
  display: flex;
  align-items: center;
}

.product-gallery__pagination .slick-slider .slick-list {
  flex: 1;
}

.product-gallery__pagination .slick-slide {
  padding: 0 4px;
  cursor: pointer;
}

.product-gallery__slider {
  overflow: hidden;
}

.product-gallery__slider .slick-slide:not(.slick-active) {
  pointer-events: none;
}

.product-gallery .slick-track {
  display: flex;
  align-items: center;
}

.product-gallery .slick-prev,
.product-gallery .slick-next {
  font-size: 2.8rem;
  color: #06aaee;
  cursor: pointer;
}

.product-gallery .slick-prev.slick-disabled:before,
.product-gallery .slick-next.slick-disabled:before {
  opacity: .25;
}

.product-gallery .slick-prev:hover,
.product-gallery .slick-next:hover {
  color: #00233b;
}

.product-gallery .slick-prev {
  margin-right: 30px;
}

.product-gallery .slick-next {
  margin-left: 30px;
}

.product-gallery .slick-loading .slick-list {
  background: #fff center center no-repeat;
}

.product-gallery__cover-image {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  cursor: pointer;
}

.product-gallery__play-button {
  position: absolute;
  height: 1.5em;
  text-align: center;
  font: 48px/1.5 sans-serif;
  color: #fff;
  text-shadow: 0 0 .5em #000;
  top: 50%;
  z-index: 1;
  transform: translateY(-50%);
}

.on-board-credit-label {
  display: flex;
  position: relative;
  background: #006295;
}

.on-board-credit-label--out-left {
  position: absolute;
  z-index: 2;
  left: 50%;
  transform: translate(-50%, 100%);
  width: max-content;
}

.on-board-credit-label--out-left:after {
  content: "";
  position: absolute;
  border-bottom: 7px solid #006295;
  border-left: 12px solid rgba(0,0,0,0);
  border-right: 12px solid rgba(0,0,0,0);
  left: 50%;
  margin-left: -3.5px;
  right: inherit;
  top: -7px;
}

@media only screen and (min-width: 992px) {
  .on-board-credit-label--out-left {
    left: 0;
    margin-left: -12px;
    transform: translate(-100%, -50%);
    white-space: nowrap;
    top: 50%;
  }

  .on-board-credit-label--out-left:after {
    border-bottom: 7px solid rgba(0,0,0,0);
    border-left: 7px solid #006295;
    border-top: 7px solid rgba(0,0,0,0);
    border-right: unset;
    margin-top: -6px;
    margin-left: unset;
    left: unset;
    right: -6px;
    top: 50%;
  }

  .on-board-credit-label--out-left .on-board-credit-label__right {
    padding-right: 100px;
  }
}

.on-board-credit-label--out-bottom {
  position: absolute;
  z-index: 2;
  left: 50%;
  transform: translate(-50%, 100%);
  width: 90%;
}

.on-board-credit-label--out-bottom:after {
  content: "";
  position: absolute;
  border-bottom: 7px solid #006295;
  border-left: 12px solid rgba(0,0,0,0);
  border-right: 12px solid rgba(0,0,0,0);
  left: 50%;
  margin-left: -3.5px;
  right: inherit;
  top: -7px;
}

.on-board-credit-label--in-bottom {
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}

.on-board-credit-label--in-bottom .on-board-credit-label__left {
  position: relative;
  z-index: 2;
  padding: 0px 21px 0 11px;
  clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 0 100%, 0 0);
}

.on-board-credit-label--in-bottom .on-board-credit-label__right {
  text-align: center;
}

.on-board-credit-label--in-bottom .on-board-credit-label__right__text {
  font-size: 1.166rem;
  font-weight: 700;
}

.on-board-credit-label__left {
  background-color: #ff4056;
  color: #fff;
  padding: 3px 6px;
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  font-weight: 400;
}

.on-board-credit-label__left__title {
  display: block;
  font-size: 12px;
  line-height: 100%;
  font-weight: 700;
  text-transform: lowercase;
  font-size: 11px;
}

.on-board-credit-label__left__text {
  display: block;
  margin-top: 3px;
  font-size: 20px;
  line-height: 100%;
}

.on-board-credit-label__right {
  color: #fff;
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  font-size: 12px;
  line-height: 1.2rem;
  padding: 6px 10px;
  position: relative;
  flex: 1;
}

.on-board-credit-label__right__title {
  font-weight: 700;
  text-transform: uppercase;
}

.sails-cabins-selection {
  position: relative;
  display: inline-block;
  width: 100%;
  clear: both;
}

.sails-cabins-selection__inner-wrapper {
  max-width: 1150px;
  margin: 0 auto;
}

.sails-cabins-selection__legend {
  color: #fff;
  font-size: 14px;
  padding: 5px 8px;
  margin-top: 25px;
  display: inline-block;
  background-color: #006295;
}

.sails-cabins-selection__box {
  display: block;
  padding-left: 15px;
  padding-right: 15px;
  min-height: 318px;
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #dadada;
  padding: 21px 7.5px 7.5px 7.5px;
}

.sails-cabins-selection__box__head {
  display: block;
  clear: both;
  width: 100%;
}

.sails-cabins-selection__box__head__title,
.sails-cabins-selection__box__head__sail-selector {
  display: inline-block;
}

.sails-cabins-selection__box__head__title {
  font-size: 1.166rem;
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700;
  position: relative;
  min-height: 1px;
  margin: 0 7.5px 0 15px;
  width: 100%;
}

@media (min-width: 480px) {
  .sails-cabins-selection__box__head__title {
    width: calc(50% - 15px);
  }
}

@media (min-width: 768px) {
  .sails-cabins-selection__box__head__title {
    width: calc(25% - 15px);
  }
}

.sails-cabins-selection__box__list {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
  clear: both;
  margin-top: 14px;
}

.sails-cabins-selection__box__list .cabin-selection-card,
.sails-cabins-selection__box__list .cabin-selection-card--selected {
  margin: 7.5px;
  box-sizing: border-box;
  width: 100%;
}

@media (min-width: 480px) {
  .sails-cabins-selection__box__list .cabin-selection-card,
  .sails-cabins-selection__box__list .cabin-selection-card--selected {
    width: calc(50% - 15px);
  }
}

@media (min-width: 768px) {
  .sails-cabins-selection__box__list .cabin-selection-card,
  .sails-cabins-selection__box__list .cabin-selection-card--selected {
    width: calc(25% - 15px);
  }
}

.cabin-selection-card,
.cabin-selection-card--selected {
  display: flex;
  cursor: pointer;
  position: relative;
  flex-direction: column;
  text-decoration: none;
}

.cabin-selection-card--selected,
.cabin-selection-card:hover,
.cabin-selection-card--selected--selected,
.cabin-selection-card--selected:hover {
  text-decoration: none;
  box-shadow: 0 0 10px 0 rgba(0,0,0,.35);
}

.cabin-selection-card__head,
.cabin-selection-card--selected__head {
  display: block;
}

.cabin-selection-card__head__title,
.cabin-selection-card--selected__head__title {
  position: absolute;
  width: 100%;
  z-index: 0;
  left: 0;
  top: 0;
  background-color: rgba(0,35,59,.6);
  color: #fff;
  font-weight: 700;
  padding: 7px 10px;
  text-align: center;
  font-size: 1.333rem;
  margin: 0;
  z-index: 1;
}

.cabin-selection-card__head__img-holder,
.cabin-selection-card--selected__head__img-holder {
  overflow: hidden;
  height: 0;
  padding-top: 61.37%;
  width: 100%;
  position: relative;
}

.cabin-selection-card__head__img-holder__img,
.cabin-selection-card--selected__head__img-holder__img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: fill;
}

.cabin-selection-card__price,
.cabin-selection-card--selected__price {
  flex: 1;
  width: 100%;
  display: flex;
  font-weight: 700;
  padding: 15px 24px;
  position: relative;
  align-items: center;
  box-sizing: border-box;
  border: 1px solid #dadada;
}

.cabin-selection-card__price.whitHover:hover,
.cabin-selection-card--selected__price.whitHover:hover {
  box-shadow: 0 0 3px 3px #00233b;
}

.cabin-selection-card__price>div,
.cabin-selection-card--selected__price>div {
  flex: 1;
  text-align: center;
}

.cabin-selection-card__price__default-currency,
.cabin-selection-card--selected__price__default-currency {
  color: #00233b;
  font-size: 1.1rem;
  text-align: center;
  width: 100%;
}

.cabin-selection-card__price__dual-currency,
.cabin-selection-card--selected__price__dual-currency {
  color: #919495;
  text-align: center;
  font-size: 1rem;
}

.cabin-selection-card__price__arrow-icon,
.cabin-selection-card--selected__price__arrow-icon {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -8px;
}

[class^=form-control][class*=__input] {
  height: 31px;
}

[class^=form-control][class*=__select] {
  display: block;
  width: 100%;
  height: 31px;
  padding: 6px 12px;
  line-height: 1.4;
  color: #666;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 0;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.08);
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  appearance: menulist;
  font-size: 1.167rem;
}

[class^=form-control][class*=__textarea],
[class^=form-control][class*=__input],
[class^=form-control][class*=__select] {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 6px 6px 6px 12px;
  background: #fff;
  font-size: 1.167rem;
  line-height: 1.43;
  color: #666;
  border: 1px solid #ccc;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.08);
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

[class^=form-control][class*=__textarea][class*="--disabled"],
[class^=form-control][class*=__input][class*="--disabled"],
[class^=form-control][class*=__select][class*="--disabled"] {
  background: #eee;
  opacity: 1;
  cursor: not-allowed;
}

[class^=form-control][class*=__textarea][class*="--disabled"]:focus,
[class^=form-control][class*=__input][class*="--disabled"]:focus,
[class^=form-control][class*=__select][class*="--disabled"]:focus {
  outline: 0;
}

[class^=form-control][class*=__textarea]:not([class*="--disabled"]):focus,
[class^=form-control][class*=__input]:not([class*="--disabled"]):focus,
[class^=form-control][class*=__select]:not([class*="--disabled"]):focus {
  border-color: #66afe9;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.08),0 0 8px rgba(102,175,233,.6);
}

[class^=form-control][class*=__textarea][class*="--invalid"],
[class^=form-control][class*=__input][class*="--invalid"],
[class^=form-control][class*=__select][class*="--invalid"] {
  border: 1px solid #ff4056 !important;
}

.form-control__cb-label__span {
  padding: 3px 12px 0 0;
  font-weight: 400;
  font-size: 12px;
}

.form-control__cb-label__span a {
  color: #06aaee;
  text-decoration: none;
}

.form-control__errors-holder__error {
  color: #a94442;
  display: block;
}

.form-control__errors-holder__error:first-child {
  margin-top: 5px;
}

.rf-personal-info {
  width: 100%;
  box-sizing: border-box;
  padding: 0 15px 15px 15px;
}

.rf-personal-info__header {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: flex-start;
  width: 100%;
  padding: 10px 0 10px 10px;
  box-sizing: border-box;
  background: #006295;
}

.rf-personal-info__header__title {
  color: #fff;
  font-size: 1.333rem;
  font-weight: 400;
}

.rf-personal-info__form__input__ccp {
  display: flex;
}

.rf-personal-info__form__input__ccp__prefix {
  display: flex;
  align-items: center;
  font-size: 18px;
  border: 1px solid #ccc;
  color: #666;
  padding: 0 8px;
  border-right: none;
  background-color: #ddd;
}

.rf-personal-info__form__input__ccp__country-code {
  max-width: 120px;
  min-width: 100px;
  margin-right: 15px;
  display: flex;
}

.rf-personal-info__form__input__ccp__phone {
  flex: 1;
}

.rf-personal-info__form__cb-newsletter {
  margin-top: 15px;
  display: flex;
  width: 100%;
}

.rf-personal-info__form__cb-newsletter__cb-holder {
  margin: 0 15px;
}

.rf-personal-info__form__cb-newsletter__lbl {
  flex: 1;
  margin: 0 15px;
}

.rf-personal-info__form__cb-visa {
  margin-top: 15px;
  display: flex;
  width: 100%;
}

.rf-personal-info__form__cb-visa__lbl {
  flex: 1;
  margin: 0 5px;
}

.rf-personal-info__form__cb-visa__lbl__span {
  font-size: 1.166rem;
  font-weight: 700;
}

.form-table {
  width: 100%;
  display: table;
  padding: 0 15px;
}

.form-row {
  display: table-row;
}

.form-row__cell {
  display: table-cell;
}

.form-row__cell:last-child {
  width: 100%;
}

.form-row__cell__label-holder {
  display: flex;
  height: 100%;
  align-items: center;
  align-content: center;
  justify-content: flex-start;
  margin-right: 15px;
}

.form-row__cell__label-holder__label {
  font-size: 1.166rem;
  font-weight: 700;
  white-space: nowrap;
  margin: 0;
}

.form-row__cell__control-holder {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
}

.form-row__cell__control-holder__control {
  width: 100%;
  height: 100%;
}

.form-row:not(:first-child) .form-row__cell__control-holder {
  margin-top: 15px;
}

.recommendation-list {
  padding: 0;
  margin: 15px auto;
}

@media only screen and (max-width: 768px) {
  .recommendation-list {
    margin-top: 0;
  }
}

.recommendation-list__title {
  padding: 15px;
  text-align: center;
  font-size: 25px;
  color: #333;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  .recommendation-list__title {
    padding-top: 0;
    margin-top: 0;
    text-align: left;
  }
}

.recommendation-list__wrap {
  flex-wrap: wrap;
}

.recommendation-list__link {
  height: 25px;
  color: #006295;
  font-size: 13px;
  font-weight: bold;
}

.recommendation-list__block {
  padding: 5px 20px;
  width: 25%;
}

@media only screen and (max-width: 768px) {
  .recommendation-list__block {
    width: 100% !important;
    text-align: left;
  }
}

@media only screen and (min-width: 769px)and (max-width: 1024px) {
  .recommendation-list__block {
    width: 50%;
    text-align: center;
  }
}

.recommendation-list__container {
  background-color: #fff;
  padding-top: 10px;
  display: flex;
}

.recommendation-list__container div:first-child:nth-last-child(1),
.recommendation-list div:first-child:nth-last-child(1)~div {
  width: 100%;
  text-align: left;
}

.recommendation-list__container div:first-child:nth-last-child(2),
.recommendation-list__container div:first-child:nth-last-child(2)~div {
  width: 50%;
  text-align: center;
}

.recommendation-list__container div:first-child:nth-last-child(3),
.recommendation-list__container div:first-child:nth-last-child(3)~div {
  width: 33%;
  text-align: center;
}

.ml-2 {
  margin-left: 5px;
}

.mb-5 {
  margin-bottom: 0px;
}

@media only screen and (max-width: 1024px) {
  .mb-5 {
    margin-bottom: 0;
  }
}

@media (min-width: 992px) {
  .shipIconLocation {
    margin-left: 15px;
  }
}

.shipIconLocationIcon {
  fill: #00355d;
  fill-rule: evenodd;
  opacity: .596;
  width: 40px;
}

@media (min-width: 768px) {
  .shipIconLocationIcon {
    width: 60px;
  }
}

.shipLocation {
  margin: 5px 3px;
  min-width: fit-content;
}

@media (min-width: 768px) {
  .shipLocation {
    display: flex;
    flex-direction: column;
    transform: translateY(-10px);
  }
}

.shipInfo {
  margin-left: 0;
  margin-top: 10px;
}

@media (min-width: 768px) {
  .shipInfo {
    margin-left: 50px;
    margin-top: 0;
  }
}

@media (min-width: 992px) {
  .shipInfo {
    margin-left: 100px;
    margin-top: 0;
  }
}

.positionWrapper {
  display: flex;
  width: 100%;
  position: relative;
  margin: 5px 0;
  flex-wrap: wrap;
}

@media (min-width: 768px) {
  .positionWrapper {
    margin: 20px 25px -20px 0px;
  }
}

@media (min-width: 992px) {
  .positionWrapper {
    margin: 44px 25px 5px 0px;
  }
}

.positionInfoContentH3 {
  font-size: 20;
  font-weight: bold;
  display: block;
  margin-bottom: 5;
}

@media (min-width: 768px) {
  .positionInfoContentH3 {
    line-height: 1.3;
    display: inline;
  }
}

.positionInfoContentLat {
  font-size: 14px;
  margin-right: 10px;
}

@media (min-width: 768px) {
  .positionInfoContentLat {
    margin-right: 0;
    font-size: 15px;
  }
}

.positionInfoContentLong {
  font-size: 14px;
}

@media (min-width: 768px) {
  .positionInfoContentLong {
    font-size: 15px;
  }
}

.toggle {
  font-size: 14px;
  color: #06aaee;
  margin-top: 0;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.toggle svg {
  fill: #06aaee;
  margin-left: 6px;
}

.toggle .rotate {
  transform-box: fill-box;
  transform-origin: center;
  transform: rotate(180deg);
}

.multiple-prices-switch {
  display: flex;
  width: 100%;
  flex-flow: wrap;
  border-radius: 6px;
  border: 2px solid rgba(0,153,255,.2);
  background-color: rgba(0,153,255,.0392156863);
  padding: 16px;
  font-size: 14px;
  transform: translateY(15px);
  margin-bottom: 8px;
  justify-content: space-between;
  align-items: center;
}

@media (min-width: 768px) {
  .multiple-prices-switch {
    flex-direction: row-reverse;
    justify-content: flex-end;
  }
}

.multiple-prices-switch__switch-wrapper label {
  margin-bottom: 0;
}

.multiple-prices-switch__label {
  color: #1a181e;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 8px;
}

@media (min-width: 768px) {
  .multiple-prices-switch__label {
    margin-left: 8px;
    margin-bottom: 0;
  }
}

.multiple-prices-switch__label-wrapper {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}

@media (min-width: 768px) {
  .multiple-prices-switch__label-wrapper {
    flex-direction: row;
  }
}

.multiple-prices-switch__link {
  color: #09f;
  line-height: 22px;
}

@media (min-width: 768px) {
  .multiple-prices-switch__link {
    margin-left: 8px;
  }
}

.multiple-prices-switch__link:hover {
  color: #09f;
  text-decoration: underline;
}

.toggle-switch {
  position: relative;
  display: inline-block;
  width: 44px;
  height: 24px;
}

.toggle-switch.disabled {
  opacity: .3;
  cursor: default;
}

.toggle-switch input[type=checkbox] {
  display: none;
}

.toggle-switch .switch {
  position: absolute;
  cursor: pointer;
  background-color: #ccc;
  border-radius: 25px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: background-color .2s ease;
}

.toggle-switch .switch::before {
  position: absolute;
  content: "";
  left: 2px;
  top: 2px;
  width: 20px;
  height: 20px;
  background-color: #fff;
  border-radius: 50%;
  transition: transform .3s ease;
}

.toggle-switch input[type=checkbox]:checked+.switch::before {
  transform: translateX(19px);
  background-color: #fff;
}

.toggle-switch input[type=checkbox]:checked+.switch {
  background-color: #09f;
}

.harboursSection .headline,
.furtherInfoSection .headline,
.advisorSection .headline,
.ugcSection .headline {
  font-family: Arial;
  font-size: 25px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #2a2a2a;
  margin-top: 40px;
  margin-bottom: 15px;
  display: block;
}

.harboursSection {
  display: unset;
  text-align: center;
}

@media only screen and (max-width: 1200px) {
  .harboursSection {
    display: none;
  }
}

.harboursSection .mapboxgl-canvas {
  left: 0;
}

.harboursSection .recommendation-section {
  margin: 20px -11px -11px -11px !important;
}

.harboursSection .teaserContentWrapper {
  flex-direction: column;
  height: calc(100% - 250px);
  position: relative;
}

.harboursSection .teaserContentInfo {
  border-right: none !important;
  justify-content: unset !important;
  text-align: left;
  align-self: flex-start;
}

.harboursSection .teaserContentInfo .overflow-ellipsis--multi-line {
  -webkit-line-clamp: unset !important;
  height: auto !important;
}

.harboursSection .teaserPriceCTA {
  padding-top: 15px;
  margin-top: 15px;
  border-top: 1px solid #e0e0e0;
  align-self: end;
}

.harboursSection .teaserPriceCTA .priceDiscountTag {
  position: absolute !important;
  right: 0;
}

.harboursSection .teaserPriceCTA .priceDiscountStartFrom {
  display: none;
}

.harboursSection .teaserPriceCTA .priceStartFrom {
  display: inline;
  padding-right: 10px !important;
  font-weight: normal;
}

.harboursSection .recommendationSectionCTA {
  display: none;
}

.furtherInfoSection .furtherInfoSectionContent,
.ugcSection>div {
  background: #fff;
  padding: 20px;
}

.furtherInfoSection h2 {
  margin-top: 20px;
}

.ugcSection {
  margin-bottom: 40px;
}

.companyPage .slider-item>a {
  height: 100%;
  background-color: #fff;
}

@media only screen and (max-width: 767px) {
  .companyPage>.container {
    padding: 0;
  }
}

#offers>div.slider>div a {
  height: 100% !important;
}

.company-overview-page {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #f0f0f0;
}

.company-overview-page br {
  content: "";
  display: block;
  margin: 2px;
}

.company-overview-page--container {
  margin: 0px 15px;
  max-width: 1170px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  order: 2;
}

@media screen and (min-width: 768px) {
  .company-overview-page--container {
    order: 3;
  }
}

.company-overview-page--container .slider-item {
  max-width: 100%;
}

.company-overview-page--container #offers {
  margin: 0 0 24px !important;
}

.company-overview-page--container #offers>div.slider>div {
  max-width: 100% !important;
  margin-bottom: 15px !important;
}

@media screen and (min-width: 768px) {
  .company-overview-page--container #offers>div.slider>div {
    max-width: calc(100% - 30px);
  }

  .company-overview-page--container #offers>div.slider>div:nth-child(n)>a>div:nth-child(2)>div:nth-child(2) {
    min-height: 120px;
  }
}

@media screen and (min-width: 768px) {
  .company-overview-page--container .breadcrumbs {
    border-top: 1px solid rgba(0,0,0,0) !important;
  }
}

@media only screen and (min-width: 768px)and (max-width: 1199px) {
  .company-overview-page--container .breadcrumbs {
    margin-top: -20px !important;
  }
}

.company-overview-page--container .collapsible {
  position: relative;
  margin: 10px 0 30px;
  font-size: 15px;
  line-height: 20px;
}

@media screen and (min-width: 768px) {
  .company-overview-page--container .collapsible {
    margin: 30px 0 50px;
  }
}

@media screen and (min-width: 1200px) {
  .company-overview-page--container .collapsible {
    background: #fff;
    padding: 15px;
    margin: 30px 0;
  }
}

.company-overview-page--container .collapsible h2 {
  display: none;
}

@media screen and (min-width: 768px) {
  .company-overview-page--container .collapsible h2 {
    display: block;
    font-size: 18px;
  }
}

@media screen and (min-width: 1024px) {
  .company-overview-page--container .collapsible h2 {
    font-size: 24px;
    margin-bottom: 20px;
  }
}

.company-overview-page--container .collapsible #show,
.company-overview-page--container .collapsible #hide {
  position: absolute;
  bottom: -1em;
  z-index: 100;
  text-align: center;
  color: #06aaee;
}

@media screen and (min-width: 1200px) {
  .company-overview-page--container .collapsible #show,
  .company-overview-page--container .collapsible #hide {
    display: none;
  }
}

.company-overview-page--container .furtherInfo {
  margin-bottom: 60px;
}

.company-overview-page--container .recommendation-teaser {
  display: inline-flex;
  width: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 6px;
}

.company-overview-page--container .recommendation-teaser:not(:first-child) {
  margin-top: 20px;
}

@media screen and (min-width: 768px) {
  .company-overview-page--container .recommendation-teaser {
    max-width: 354px;
    margin: 0 22px 22px 0;
    background: #fff;
  }

  .company-overview-page--container .recommendation-teaser:not(:first-child) {
    margin-top: 0;
  }
}

@media screen and (min-width: 768px)and (max-width: 991px) {
  .company-overview-page--container .recommendation-teaser:nth-child(2n+2) {
    margin-right: 0;
  }
}

@media screen and (min-width: 1024px) {
  .company-overview-page--container .recommendation-teaser {
    max-width: 314px;
  }

  .company-overview-page--container .recommendation-teaser:nth-child(3n+3) {
    margin-right: 0;
  }
}

@media screen and (min-width: 1200px) {
  .company-overview-page--container .recommendation-teaser {
    max-width: 375px;
  }
}

.company-overview-page--container .recommendation-teaser a {
  width: 100%;
  text-decoration: none;
  display: inline-flex;
  flex-direction: column;
}

.company-overview-page--container .recommendation-teaser a:hover,
.company-overview-page--container .recommendation-teaser a:focus,
.company-overview-page--container .recommendation-teaser a:active {
  color: #2a2a2a;
}

.company-overview-page--container .recommendation-teaser a .recommendation-teaser--top {
  position: relative;
  padding-bottom: 66.67%;
}

@media screen and (min-width: 768px) {
  .company-overview-page--container .recommendation-teaser a .recommendation-teaser--top {
    padding-bottom: 44.67%;
  }
}

@media screen and (min-width: 992px) {
  .company-overview-page--container .recommendation-teaser a .recommendation-teaser--top {
    padding-bottom: 50.67%;
  }
}

@media screen and (min-width: 1200px) {
  .company-overview-page--container .recommendation-teaser a .recommendation-teaser--top {
    padding-bottom: 48.67%;
  }
}

.company-overview-page--container .recommendation-teaser a .recommendation-teaser--top img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media screen and (min-width: 768px) {
  .company-overview-page--container .recommendation-teaser a .recommendation-teaser--top img {
    height: 157px;
  }
}

@media screen and (min-width: 1200px) {
  .company-overview-page--container .recommendation-teaser a .recommendation-teaser--top img {
    height: 180px;
  }
}

.company-overview-page--container .recommendation-teaser a .recommendation-teaser--top div {
  position: absolute;
  width: 100%;
  bottom: 0;
  margin: 0;
  text-align: center;
  padding: 10px 6px;
  font-size: 19px;
  font-weight: bold;
  color: #fff;
  text-shadow: 0 0 4px #2a2a2a;
  background: linear-gradient(to bottom, rgba(8, 29, 46, 0), rgba(1, 47, 74, 0.71));
}

.company-overview-page--container .recommendation-teaser a .recommendation-teaser--bottom {
  padding: 10px 10px 5px;
  overflow: hidden;
  display: flex;
  align-items: center;
  flex-direction: row;
  flex: 1 0 auto;
}

@media screen and (min-width: 768px) {
  .company-overview-page--container .recommendation-teaser a .recommendation-teaser--bottom {
    flex-direction: column;
    padding: 0 5px;
  }
}

.company-overview-page--container .recommendation-teaser a .recommendation-teaser--bottom__description {
  border-right: 1px solid #e0e0e0;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  width: 100%;
  min-height: 48px;
  justify-content: center;
}

@media screen and (min-width: 768px) {
  .company-overview-page--container .recommendation-teaser a .recommendation-teaser--bottom__description {
    flex: 1 0 auto;
    justify-content: start;
    border-right: none;
    border-bottom: 1px solid #f3f3f3;
    padding-bottom: 10px;
    padding-top: 10px;
  }
}

.company-overview-page--container .recommendation-teaser a .recommendation-teaser--bottom__description>div {
  padding-right: 5px;
  font-size: 15px;
}

@media screen and (min-width: 768px) {
  .company-overview-page--container .recommendation-teaser a .recommendation-teaser--bottom__description>div {
    font-size: 14px;
    padding: 5px 0 0 0;
    margin: 0 5px;
  }
}

.company-overview-page--container .recommendation-teaser a .recommendation-teaser--bottom__price {
  display: flex;
  flex: 0 1 auto;
  align-items: center;
  justify-content: center;
  height: 50px;
  font-size: 14px;
  line-height: 1;
}

.company-overview-page--container .recommendation-teaser a .recommendation-teaser--bottom__price .price-text {
  padding: 0 10px;
}

.company-overview-page--container .recommendation-teaser a .recommendation-teaser--bottom__price .priceDiscountTag {
  padding-right: 5px;
}

@media screen and (min-width: 768px) {
  .company-overview-page--container .recommendation-teaser a .recommendation-teaser--bottom__price {
    padding: 0 10px;
  }

  .company-overview-page--container .recommendation-teaser a .recommendation-teaser--bottom__price .price-with-discount-container {
    display: flex;
    flex: 0 1 auto;
    flex-direction: row-reverse;
  }

  .company-overview-page--container .recommendation-teaser a .recommendation-teaser--bottom__price .price-with-discount-container .priceDiscountTag {
    display: inline-flex;
    position: absolute !important;
    right: 1px !important;
    padding: 0;
  }

  .company-overview-page--container .recommendation-teaser a .recommendation-teaser--bottom__price .price-with-discount-container .price-text {
    margin: 0 auto;
  }
}

.company-overview-page--container span.recommendation-teaser {
  background: rgba(0,0,0,0);
}

@media screen and (min-width: 768px) {
  .company-overview-page--container span.recommendation-teaser {
    width: 354px;
  }
}

@media screen and (min-width: 1024px) {
  .company-overview-page--container span.recommendation-teaser {
    width: 314px;
  }
}

@media screen and (min-width: 1200px) {
  .company-overview-page--container span.recommendation-teaser {
    width: 375px;
  }
}

@media screen and (min-width: 768px) {
  .company-overview-page--teasers-wrapper {
    flex-wrap: wrap;
    display: flex;
    justify-content: center;
  }
}

@media (max-width: 767px) {
  .contactPage>.contact-form-container {
    display: none;
  }
}

.contactHeader {
  min-height: 110px;
  display: flex;
  flex-direction: column;
  background-position: center;
  background-size: cover;
  align-items: center;
  justify-content: center;
  color: #fff;
  padding: 20px 0;
}

.contactHeader h1 {
  font-size: 25px;
  font-weight: normal;
  text-align: center;
  text-shadow: 0 0 4px rgba(0,0,0,.81);
}

.contactHeader h3 {
  text-shadow: 0 0 4px rgba(0,0,0,.81);
  display: none;
}

@media (min-width: 1200px) {
  .contactHeader h3 {
    display: inline-flex;
  }
}

@media (min-width: 768px) {
  .contactHeader {
    font-size: 3.2rem;
    padding: 40px 0;
  }

  .contactHeader h1 {
    font-weight: bold;
  }
}

.contactSubtitle {
  font-size: 15px;
  text-align: center;
  max-width: 600px;
  margin: 5px auto 20px;
}

.advisorListContainer {
  padding: 15px;
  background: #ebecf0;
  overflow: hidden;
}

@media (min-width: 1200px) {
  .advisorListContainer>h3 {
    display: none;
  }
}

.advisorList {
  display: grid;
  grid-gap: 20px;
  max-width: 1300px;
  margin: 10px auto;
  display: -ms-flexbox;
  -ms-flex-wrap: wrap;
  justify-content: space-around;
}

@media (min-width: 768px) {
  .advisorList {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1200px) {
  .advisorList {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (min-width: 768px) {
  .advisorList .advisorContainer {
    flex-basis: 45%;
  }

  .advisorList .advisorContainer .advisorDetails {
    width: 100%;
  }
}

@media (min-width: 1200px) {
  .advisorList .advisorContainer {
    flex-basis: 272px;
  }
}

.advisorContainer {
  display: flex;
  flex: 0 0 100%;
  padding: 10px;
  background-color: #fff;
  box-shadow: 0 0 5px 0 rgba(0,0,0,.2);
}

@media (min-width: 1200px) {
  .advisorContainer {
    flex-basis: 272px;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
}

@media (min-width: 1200px) {
  .advisorCard {
    align-items: center;
    justify-content: space-between;
  }

  .advisorCard .phoneSpan {
    margin-left: -30px;
  }

  .advisorCard .advisorAvatar {
    width: 150px;
    height: 150px;
  }
}

.advisorDetails {
  display: flex;
  flex-direction: column;
  font-size: 15px;
  flex: 1 1 auto;
  justify-content: space-between;
  margin: 0 0 0 10px;
  max-width: 100%;
}

.advisorDetails>h4 {
  margin: 5px 0 0 0;
  font-weight: bold;
  font-size: 18px;
}

.advisorDetails>P {
  max-width: 100%;
  color: #737373;
  font-size: 14px;
  line-height: 18px;
  margin: 10px 0;
  flex-grow: 1;
}

.advisorDetails a {
  font-size: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.advisorDetails>.phoneSpan,
.advisorDetails>.invisibleMobile>.phoneSpan {
  font-size: 15px;
  font-weight: bold;
}

.phoneSpan {
  display: inline-flex;
  align-items: center;
}

.phoneSpan>svg {
  margin-right: 5px;
}

.advisorAvatar {
  width: 98px;
  height: 98px;
  flex: 0 0 auto;
  box-shadow: 0 0 4px 0 rgba(0,0,0,.21);
  border-radius: 50%;
}

@media (max-width: 767px) {
  .invisibleMobile {
    display: none;
  }
}

@media (min-width: 768px) {
  .visibleMobile {
    display: none;
  }
}

.advisorModal>h3 {
  font-size: 18px;
  margin: 10px;
  font-weight: bold;
}

.advisorModal>p {
  font-size: 15px;
}

.advisorModal .contact-form-container {
  background-color: #fff;
  padding: 0;
}

.advisorModal .contact-form {
  max-width: 760px;
}

.advisorModal .contact-form_headline {
  display: none;
}

.advisorModal .contact-form_requiredFieldsText {
  color: #737373;
}

.advisorModal .contact-form_form {
  flex-direction: column;
}

.advisorModal .contact-form_form_inputGroup {
  margin-right: -10px;
}

.advisorModal .contact-form-sent {
  color: #000;
}

.advisorModal .contact-form-sent svg>g {
  fill: #006295;
}

.AdvisorModalInfo {
  margin: 0 auto;
  display: flex;
  align-items: center;
}

.AdvisorModalInfo .advisorDetails {
  align-items: start;
}

@media (max-width: 992px) {
  .AdvisorModalInfo .advisorAvatar,
  .AdvisorModalInfo .advisorDetails {
    display: none;
  }
}

.cruise-header-mobile {
  background-color: #fff;
  padding: 11px 5px 0 15px;
  align-items: center;
  font-weight: bold;
  flex: 1 1 0;
  position: relative;
  z-index: 2;
}

.cruise-header-mobile .stars {
  min-width: 70px;
  margin-left: 15px;
  transform: translateY(2px);
}

.cruise-header-mobile .stars>svg {
  width: 10px;
}

.cruise-header-mobile_title {
  display: flex;
  align-items: flex-end;
  position: relative;
}

.cruise-header-mobile_title_h1 {
  font-size: 18px;
  margin: 10px 0;
  color: #1a181e;
  font-weight: bold;
}

.cruise-header-mobile_title_h1_span {
  margin: 0;
  flex: 0 1 auto;
  margin-right: 10;
}

.cruise-header-mobile_infoText {
  display: flex;
  font-weight: normal;
  font-size: 14px;
  color: rgba(26,24,30,.7019607843);
  align-items: center;
}

.cruise-header-mobile_infoText :last-child {
  margin-left: auto;
}

.cruise-header-mobile_companyText {
  margin-right: 15px;
}

.cruise-header-mobile_harbourRow {
  font-weight: normal;
  font-size: 14px;
  flex: 1 1 auto;
}

.cruise-header-mobile_fromText {
  font-size: 14px;
}

.cruise-header-mobile_row {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 0;
}

.inclusive-header,
.inclusive-container {
  display: none;
}

.inclusives-title {
  font-weight: 700;
  font-size: 15px;
}

.inclusives-text {
  font-size: 15px;
  line-height: 20px;
}

.inclusives-text ul {
  padding-inline-start: 0;
}

.inclusives-text ul li {
  margin-bottom: 8px;
  list-style-type: none;
}

.inclusives-text ul li:before {
  content: "•";
  padding-right: 12px;
}

.inclusives-text a {
  color: #06aaee;
}

@media (min-width: 992px) {
  .inclusive-container .inclusives-title {
    font-size: 16px;
    line-height: 17.5px;
  }

  .inclusive-container .inclusives-text {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }

  .inclusive-container .inclusives-text ul {
    padding-inline-start: 40px;
  }

  .inclusive-container .inclusives-text ul li {
    list-style-type: disc;
    margin-bottom: 0px;
  }

  .inclusive-container .inclusives-text ul li:before {
    display: none;
  }
}

.mapboxContainer {
  height: 500px;
  width: 100%;
}

.mapboxContainer .mapboxNavigation {
  position: absolute;
  right: 10px;
  bottom: 44px;
}

.mapboxContainer .mapMarker {
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  text-align: center;
  position: absolute;
  left: -10px;
  top: -15px;
}

.mapboxContainer .mapMarker .icon {
  position: relative;
  align-self: center;
}

.mapboxContainer .mapboxgl-marker {
  min-width: 30px;
  min-height: 39px;
  margin-top: -39px;
  margin-left: -16px;
  cursor: pointer !important;
  background: url(https://website-production-public.dreamlines.de/mobile/dac0cb89f7/assets/dist/8aec6d25e95be1c5ce3111305d7b8b9b.png) no-repeat center rgba(0,0,0,0);
}

.mapboxContainer .mapboxgl-marker.active {
  z-index: 1;
  background: url(https://website-production-public.dreamlines.de/mobile/dac0cb89f7/assets/dist/e6cf850ed9b25d8e2ed6eea0d1b1584c.png) no-repeat center rgba(0,0,0,0);
}

.mapboxContainer .mapboxgl-marker .marker-html_pin {
  font-size: 12px;
  padding-top: 7px;
  font-weight: 600;
  text-align: center;
}

.mapboxContainer .map-popUp {
  z-index: 1;
  max-width: 250px;
}

.mapboxContainer .map-popUp * {
  margin: 0;
  font-size: 14px;
}

.mapboxContainer .map-popUp h3 {
  font-weight: 600;
  font-style: italic;
}

.mapboxContainer .map-popUp .mapboxgl-popup-content {
  padding: 15px;
}

.mapboxContainer .map-popUp .mapboxgl-popup-content .map-popUp__content {
  overflow-y: auto;
  max-height: 170px;
}

.mapboxContainer .map-popUp .mapboxgl-popup-content .map-popUp__content>div {
  max-height: 170px;
}

.mapboxContainer .map-popUp .mapboxgl-popup-content .map-popUp__image {
  float: right;
  max-width: 125px;
}

.ship-marker {
  display: flex;
  flex-direction: row;
  width: 300px;
  font-size: 14px;
}

.ship-marker svg {
  stroke-width: 0;
  stroke: #fff;
  fill: #07496f;
}

.ship-marker__anchor-icon {
  font-size: 20px;
  margin-right: 10px;
}

.ship-marker__next-port {
  display: flex;
}

.ship-marker__current-port {
  margin-bottom: 7px;
  font-weight: bold;
}

.ship-marker__box {
  margin-left: 15px;
  background-color: rgba(0,35,59,.8);
  color: #fff;
  cursor: pointer;
  display: inline-block;
  min-width: 135px;
  padding: 10px;
  position: relative;
  width: 100%;
  bottom: 17px;
}

.ship-marker__box:before {
  border-right: 11px solid rgba(0,35,59,.8);
  border-bottom: 16px solid rgba(0,0,0,0);
  border-top: 16px solid rgba(0,0,0,0);
  margin-left: -21px;
  content: "";
  position: absolute;
}

.ship-position-page-marker {
  display: flex;
  flex-direction: row;
  width: 300px;
  font-size: 14px;
}

.ship-position-page-marker svg {
  stroke-width: 0;
  stroke: #07496f;
  fill: #07496f;
  margin-top: -13px;
}

.ship-position-page-marker__anchor-icon {
  font-size: 20px;
  margin-right: 10px;
}

.ship-position-page-marker__next-port {
  display: flex;
}

.ship-position-page-marker__current-port {
  margin-bottom: 4px;
  margin-top: 5px;
  font-weight: bold;
}

.ship-position-page-marker__box {
  margin-left: 15px;
  background: #fff;
  color: #000;
  cursor: pointer;
  display: inline-block;
  min-width: 135px;
  padding: 10px;
  position: relative;
  width: 100%;
  bottom: 17px;
}

.ship-position-page-marker__box:before {
  content: "";
  position: absolute;
  border-right: 11px solid #fff;
  border-bottom: 24px solid rgba(0,0,0,0);
  border-top: 24px solid rgba(0,0,0,0);
  margin-left: -21px;
  margin-top: -10px;
}

#sail-select div .Select .Select-control {
  border-radius: 6px;
  height: auto;
  border: none;
  padding: 0;
}

#sail-select div .Select .Select-control #react-select-price--value {
  width: 100%;
}

#sail-select div .Select {
  border: solid 2px;
  border-color: #e6e7e9;
  border-radius: 6px;
}

#sail-select div .is-open .Select-control .Select-arrow-zone .Select-arrow {
  border-color: rgba(0,0,0,0) rgba(0,0,0,0) #fff;
}

.deck-plan__img {
  min-height: 200px;
  max-height: 500px;
  max-width: 100%;
}

.decks__ship-name {
  font-size: 15px;
  font-weight: 700;
  font-style: italic;
}

.cabin-description {
  padding: 15px;
  position: relative;
  font-size: 14px;
  min-height: 215px;
}

.cabin-description__title {
  font-weight: 700;
}

.cabin-description__list {
  padding-left: 25px;
}

.cabin-description__list__item:before {
  content: "•";
  padding-right: 12px;
}

.cabin-description__image {
  float: right;
}

.cabin-description__item {
  margin: 0;
}

@media only screen and (min-width: 1200px) {
  .waypoints-container {
    display: flex;
    background-color: #fff;
    padding: 15px;
  }

  .waypoints-container>img,
  .waypoints-container>div {
    width: 50% !important;
    height: 386px;
    flex: 1 1 auto;
  }

  .waypoints-container>div {
    overflow-y: scroll;
    border: none !important;
    padding: 0 15px 0 26px !important;
  }

  .waypoints-title {
    display: block;
  }
}

.waypoints-title {
  display: none;
}

.waypoints-container .has-routes-image {
  width: 100%;
}

@media screen and (min-width: 992px) {
  .waypointsSection {
    display: none;
  }
}

.inclusivesContainer {
  padding: 12px;
  display: flex;
  flex-wrap: wrap;
}

@media (min-width: 992px) {
  .inclusivesContainer {
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: center;
  }
}

@media screen and (min-width: 992px) {
  .inclusivesContainer {
    display: none;
  }
}

.inclusivesIcon {
  display: flex;
  align-items: center;
  padding: 0 5px;
  flex: 1 1 50%;
}

@media (min-width: 992px) {
  .inclusivesIcon {
    flex: 0 0 auto;
    padding: 0 30px;
  }
}

.inclusivesIcon svg {
  fill: #84ba4d;
  display: inline-flex;
  width: 28;
  height: 28;
  margin: 3px 0;
}

.inclusivesIcon .iconText {
  font-size: 13px;
  margin: 0 4px;
}

@media (min-width: 992px) {
  .inclusivesIcon {
    flex-direction: column;
  }
}

.cruise-stage {
  display: flex;
  flex-direction: column;
}

.cruiseStageSummary h4 {
  font-size: 20px;
  font-weight: bold;
  margin: 0 0 15px;
}

.cruiseStageSummary>div {
  display: flex;
  align-items: center;
  margin: 8px 0;
  font-size: 15px;
}

.cruiseStageSummary>div h5 {
  font-weight: bold;
  margin: 0 5px 0 0;
}

.sailSelectValue {
  display: flex;
  align-items: center;
  margin: 0 0 0 15px;
}

.Select-control {
  align-items: stretch;
  font-size: 14px;
  padding: 5px 0;
}

.sailSelectOption {
  color: #000;
  padding: 10px;
  border-bottom: 1px solid #e0e0e0;
}

.sailSelectOption .sailOptionDiscount {
  font-size: 11px;
  color: #e01a59;
  font-weight: bold;
}

.cruise-stage-overview__description-list {
  float: right;
  overflow: hidden;
}

.cruise-stage-overview__ul {
  display: inline-block;
  margin-top: 15px;
  padding-top: 15px;
  margin-left: 15px;
  margin-right: 15px;
  width: 100%;
  list-style: none;
}

.cruise-stage-overview__li {
  display: flex;
}

.cruise-stage-overview__label {
  float: left;
  font-weight: 400;
  min-width: 125px;
  width: 35%;
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-size: 1.166rem;
  line-height: 1.66rem;
}

.cruise-stage-overview__descr {
  font-size: 1.166rem;
  line-height: 1.66rem;
  fill: #006295;
}

.cruisePageContainer {
  background-color: #f8f8f8;
}

@media (min-width: 992px) {
  .cruisePageContainer .hideDesktopAndUp {
    display: none !important;
  }
}

@media (min-width: 0)and (max-width: 991px) {
  .cruisePageContainer .hideMobile {
    display: none !important;
  }
}

@media (max-width: 991px) {
  .cruisePageContainer {
    margin: 0;
    background-color: #fff;
  }
}

@media (min-width: 992px) {
  .cruisePageContainer {
    padding-bottom: 60px;
  }
}

.cruisePageSection {
  background: #fff;
  padding: 15px 0;
  max-width: 1150px;
  margin: 0 auto;
}

@media (min-width: 992px) {
  .cruisePageSection {
    padding: 0;
  }
}

@media (min-width: 992px) {
  .cruisePageSection .inclusivesContainer {
    background: #fff;
  }

  .cruisePageSection .inclusivesContainer svg {
    width: 40px;
    height: 40px;
  }

  .cruisePageSection .cabinSectionContainer {
    background: #fff;
  }

  .cruisePageSection .reviews {
    background: #fff;
    padding: 15px;
  }
}

.cruisePageRequestFormBtn {
  margin: 15px;
}

.cruisePageRequestFormBtn.disabled>div {
  pointer-events: none;
  opacity: .5;
}

.cruisePageBreadcrumbs {
  background: #f8f8f8;
  max-width: 1150px;
  margin: 0 auto;
}

@media screen and (min-width: 321px)and (max-width: 767px) {
  .cruisePageBreadcrumbs {
    padding: 0 15px;
    background: #fff;
  }
}

.lineSeparator {
  border-top: 1px solid #dadada;
  margin: 0 15px;
}

@media screen and (min-width: 992px) {
  .lineSeparator {
    display: none;
  }
}

.cruiseHeader {
  width: 100%;
  background-color: #f8f8f8;
}

.cruiseHeader .cruise-stage {
  background-color: #f8f8f8;
  padding: 15px 0;
  max-width: 1150px;
  margin: 0 auto;
}

@media screen and (min-width: 992px) {
  .makeRequestSectionTitle,
  .inclusivesWrapper {
    display: none;
  }
}

@media only screen and (min-width: 768px)and (max-width: 1199px) {
  .collapsibleSection {
    padding: 10px 25px !important;
  }
}

@media (min-width: 992px) {
  .cruisePageSectionHeader {
    color: #fff;
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    padding: 12px 24px;
    margin-top: 25px;
    display: inline-block;
    background-color: #006295;
    border-radius: 6px 6px 0 0;
  }

  .cruisePageSectionContainer {
    display: block;
    color: #2a2a2a;
    background: #fff;
    font-family: Arial;
    padding: 10px 25px;
    border: 2px solid #f0f0f0;
    border-radius: 0 0 6px 6px;
  }

  .cruisePageSectionContainer>div {
    margin-bottom: 20px;
  }
}

.harboursSection .headline,
.furtherInfoSection .headline,
.advisorSection .headline,
.ugcSection .headline {
  font-family: Arial;
  font-size: 25px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #2a2a2a;
  margin-top: 40px;
  margin-bottom: 15px;
  display: block;
}

.harboursSection {
  display: unset;
  text-align: center;
}

@media only screen and (max-width: 1200px) {
  .harboursSection {
    display: none;
  }
}

.harboursSection .mapboxgl-canvas {
  left: 0;
}

.harboursSection .recommendation-section {
  margin: 20px -11px -11px -11px !important;
}

.harboursSection .teaserContentWrapper {
  flex-direction: column;
  height: calc(100% - 250px);
  position: relative;
}

.harboursSection .teaserContentInfo {
  border-right: none !important;
  justify-content: unset !important;
  text-align: left;
  align-self: flex-start;
}

@media screen and (-ms-high-contrast: none),(-ms-high-contrast: active) {
  .harboursSection .teaserContentInfo {
    display: none !important;
  }
}

.harboursSection .teaserContentInfo .overflow-ellipsis--multi-line {
  -webkit-line-clamp: unset !important;
  height: auto !important;
}

.harboursSection .teaserPriceCTA {
  padding-top: 15px;
  margin-top: 15px;
  border-top: 1px solid #e0e0e0;
  align-self: end;
}

@media screen and (-ms-high-contrast: none),(-ms-high-contrast: active) {
  .harboursSection .teaserPriceCTA {
    margin-top: 0;
    border-top: none;
  }
}

.harboursSection .teaserPriceCTA .priceDiscountTag {
  position: absolute !important;
  right: 0;
}

.harboursSection .teaserPriceCTA .priceDiscountStartFrom {
  display: none;
}

.harboursSection .teaserPriceCTA .priceStartFrom {
  display: inline;
  padding-right: 10px !important;
  font-weight: normal;
}

.harboursSection .teaserPriceCTAWithoutDescription {
  padding-top: 7px;
  margin-top: 0;
  border-top: 0;
}

.harboursSection .recommendationSectionCTA {
  display: none;
}

.furtherInfoSection .furtherInfoSectionContent,
.ugcSection>div {
  background: #fff;
  padding: 20px;
}

.furtherInfoSection h2 {
  margin-top: 20px;
}

.ugcSection {
  margin-bottom: 40px;
}

.destinationPage .slider-item>a {
  height: 100%;
  background-color: #fff;
}

@media only screen and (max-width: 767px) {
  .destinationPage>.container {
    padding: 0;
  }
}

.destination-overview-page {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #f0f0f0;
}

.destination-overview-page br {
  content: "";
  display: block;
  margin: 2px;
}

.destination-overview-page--container {
  margin: 0px 15px;
  max-width: 1170px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.destination-overview-page--container .slider-item {
  max-width: 100%;
}

.destination-overview-page--container #offers {
  margin: 0 0 24px !important;
}

.destination-overview-page--container #offers>div.slider>div {
  max-width: 100% !important;
  margin-bottom: 15px !important;
}

.destination-overview-page--container #offers>div.slider>div>a>div:nth-child(2)>div:nth-child(2) b {
  display: none;
}

@media screen and (min-width: 768px) {
  .destination-overview-page--container #offers>div.slider>div {
    max-width: calc(100% - 30px);
  }

  .destination-overview-page--container #offers>div.slider>div:nth-child(n)>a>div:nth-child(2)>div:nth-child(2) {
    min-height: 120px;
  }
}

@media screen and (min-width: 768px) {
  .destination-overview-page--container .breadcrumbs {
    border-top: 1px solid rgba(0,0,0,0) !important;
  }
}

.destination-overview-page--container .collapsible {
  position: relative;
  margin: 10px 0 30px;
  font-size: 15px;
  line-height: 20px;
}

@media screen and (min-width: 768px) {
  .destination-overview-page--container .collapsible {
    margin: 30px 0 50px;
  }
}

@media screen and (min-width: 1200px) {
  .destination-overview-page--container .collapsible {
    background: #fff;
    padding: 15px;
    margin: 30px 0;
  }
}

.destination-overview-page--container .collapsible h2 {
  display: none;
}

@media screen and (min-width: 768px) {
  .destination-overview-page--container .collapsible h2 {
    display: block;
    font-size: 18px;
  }
}

@media screen and (min-width: 1024px) {
  .destination-overview-page--container .collapsible h2 {
    font-size: 24px;
    margin-bottom: 20px;
  }
}

.destination-overview-page--container .collapsible #show,
.destination-overview-page--container .collapsible #hide {
  position: absolute;
  bottom: -1em;
  z-index: 100;
  text-align: center;
  color: #06aaee;
}

@media screen and (min-width: 1200px) {
  .destination-overview-page--container .collapsible #show,
  .destination-overview-page--container .collapsible #hide {
    display: none;
  }
}

.destination-overview-page--container .furtherInfo {
  margin-bottom: 60px;
}

.destination-overview-page--container .recommendation-teaser {
  display: inline-flex;
  width: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 6px;
}

.destination-overview-page--container .recommendation-teaser:not(:first-child) {
  margin-top: 20px;
}

@media screen and (min-width: 768px) {
  .destination-overview-page--container .recommendation-teaser {
    max-width: 354px;
    margin: 0 22px 22px 0;
    background: #fff;
  }

  .destination-overview-page--container .recommendation-teaser:not(:first-child) {
    margin-top: 0;
  }
}

@media screen and (min-width: 768px)and (max-width: 991px) {
  .destination-overview-page--container .recommendation-teaser:nth-child(2n+2) {
    margin-right: 0;
  }
}

@media screen and (min-width: 1024px) {
  .destination-overview-page--container .recommendation-teaser {
    max-width: 314px;
  }

  .destination-overview-page--container .recommendation-teaser:nth-child(3n+3) {
    margin-right: 0;
  }
}

@media screen and (min-width: 1200px) {
  .destination-overview-page--container .recommendation-teaser {
    max-width: 375px;
  }
}

.destination-overview-page--container .recommendation-teaser a {
  width: 100%;
  text-decoration: none;
  display: inline-flex;
  flex-direction: column;
}

.destination-overview-page--container .recommendation-teaser a:hover,
.destination-overview-page--container .recommendation-teaser a:focus,
.destination-overview-page--container .recommendation-teaser a:active {
  color: #2a2a2a;
}

.destination-overview-page--container .recommendation-teaser a .recommendation-teaser--top {
  position: relative;
  padding-bottom: 66.67%;
}

@media screen and (min-width: 768px) {
  .destination-overview-page--container .recommendation-teaser a .recommendation-teaser--top {
    padding-bottom: 44.67%;
  }
}

@media screen and (min-width: 992px) {
  .destination-overview-page--container .recommendation-teaser a .recommendation-teaser--top {
    padding-bottom: 50.67%;
  }
}

@media screen and (min-width: 1200px) {
  .destination-overview-page--container .recommendation-teaser a .recommendation-teaser--top {
    padding-bottom: 48.67%;
  }
}

.destination-overview-page--container .recommendation-teaser a .recommendation-teaser--top img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media screen and (min-width: 768px) {
  .destination-overview-page--container .recommendation-teaser a .recommendation-teaser--top img {
    height: 157px;
  }
}

@media screen and (min-width: 1200px) {
  .destination-overview-page--container .recommendation-teaser a .recommendation-teaser--top img {
    height: 180px;
  }
}

.destination-overview-page--container .recommendation-teaser a .recommendation-teaser--top div {
  position: absolute;
  width: 100%;
  bottom: 0;
  margin: 0;
  text-align: center;
  padding: 10px 6px;
  font-size: 19px;
  font-weight: bold;
  color: #fff;
  text-shadow: 0 0 4px #2a2a2a;
  background: linear-gradient(to bottom, rgba(8, 29, 46, 0), rgba(1, 47, 74, 0.71));
}

.destination-overview-page--container .recommendation-teaser a .recommendation-teaser--bottom {
  padding: 10px 10px 5px;
  overflow: hidden;
  display: flex;
  align-items: center;
  flex-direction: row;
  flex: 1 0 auto;
}

@media screen and (min-width: 768px) {
  .destination-overview-page--container .recommendation-teaser a .recommendation-teaser--bottom {
    flex-direction: column;
    padding: 0 5px;
  }
}

.destination-overview-page--container .recommendation-teaser a .recommendation-teaser--bottom__description {
  border-right: 1px solid #e0e0e0;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  width: 100%;
  min-height: 48px;
  justify-content: center;
}

.destination-overview-page--container .recommendation-teaser a .recommendation-teaser--bottom__description b {
  display: none;
}

@media screen and (min-width: 768px) {
  .destination-overview-page--container .recommendation-teaser a .recommendation-teaser--bottom__description {
    flex: 1 0 auto;
    justify-content: start;
    border-right: none;
    border-bottom: 1px solid #f3f3f3;
    padding-bottom: 10px;
    padding-top: 10px;
  }
}

.destination-overview-page--container .recommendation-teaser a .recommendation-teaser--bottom__description>div {
  padding-right: 5px;
  font-size: 15px;
}

@media screen and (min-width: 768px) {
  .destination-overview-page--container .recommendation-teaser a .recommendation-teaser--bottom__description>div {
    font-size: 14px;
    padding: 5px 0 0 0;
    margin: 0 5px;
  }
}

.destination-overview-page--container .recommendation-teaser a .recommendation-teaser--bottom__price {
  display: flex;
  flex: 0 1 auto;
  align-items: center;
  justify-content: center;
  height: 50px;
  font-size: 14px;
  line-height: 1;
}

.destination-overview-page--container .recommendation-teaser a .recommendation-teaser--bottom__price .price-text {
  padding: 0 10px;
}

.destination-overview-page--container .recommendation-teaser a .recommendation-teaser--bottom__price .priceDiscountTag {
  padding-right: 5px;
}

@media screen and (min-width: 768px) {
  .destination-overview-page--container .recommendation-teaser a .recommendation-teaser--bottom__price {
    padding: 0 10px;
  }

  .destination-overview-page--container .recommendation-teaser a .recommendation-teaser--bottom__price .price-with-discount-container {
    display: flex;
    flex: 0 1 auto;
    flex-direction: row-reverse;
  }

  .destination-overview-page--container .recommendation-teaser a .recommendation-teaser--bottom__price .price-with-discount-container .priceDiscountTag {
    display: inline-flex;
    position: absolute !important;
    right: 1px !important;
    padding: 0;
  }

  .destination-overview-page--container .recommendation-teaser a .recommendation-teaser--bottom__price .price-with-discount-container .price-text {
    margin: 0 auto;
  }
}

.destination-overview-page--container span.recommendation-teaser {
  background: rgba(0,0,0,0);
}

@media screen and (min-width: 768px) {
  .destination-overview-page--container span.recommendation-teaser {
    width: 354px;
  }
}

@media screen and (min-width: 1024px) {
  .destination-overview-page--container span.recommendation-teaser {
    width: 314px;
  }
}

@media screen and (min-width: 1200px) {
  .destination-overview-page--container span.recommendation-teaser {
    width: 375px;
  }
}

.destination-overview-page--header {
  position: relative;
  display: flex;
  color: #fff;
  text-align: center;
  padding: 10px;
  font-size: 15px;
  width: 100%;
  order: 1;
  margin-bottom: 20px;
}

@media screen and (max-width: 1279px) {
  .destination-overview-page--header {
    background: #07496f !important;
  }
}

@media screen and (min-width: 1200px) {
  .destination-overview-page--header {
    padding-left: 0;
    background-position: center;
    background-size: cover;
    min-height: 180px;
    margin-bottom: 0;
  }
}

.destination-overview-page--header-background {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

@media only screen and (min-width: 1200px) {
  .destination-overview-page--header-background {
    display: block;
    background-color: rgba(34,75,122,.35);
  }
}

.destination-overview-page--header-data {
  max-width: 600px;
  margin: 0 auto;
  position: relative;
}

@media only screen and (min-width: 1200px) {
  .destination-overview-page--header-data {
    z-index: 1;
    display: flex;
    justify-content: center;
    flex-direction: column;
  }
}

.destination-overview-page--header-data h1 {
  margin-top: 5px;
  font-size: 25px;
}

@media screen and (min-width: 768px) {
  .destination-overview-page--header-data h1 {
    font-weight: bold;
  }
}

@media screen and (min-width: 768px) {
  .destination-overview-page--teasers-wrapper {
    flex-wrap: wrap;
    display: flex;
    justify-content: center;
  }
}

.destination-overview-page--sortbar {
  display: flex;
  flex-wrap: wrap;
  font-size: 1.166rem;
  margin-bottom: 10px;
}

.destination-overview-page--sortbar--filters {
  flex: 0 50%;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.destination-overview-page--sortbar--filters ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.destination-overview-page--sortbar--filters ul li {
  cursor: pointer;
  float: left;
  margin-left: 2px;
  margin-right: 11px;
  padding-right: 10px;
  position: relative;
  width: auto;
  border-right: 1px solid #000;
}

.destination-overview-page--sortbar--filters ul li:last-child {
  border-right: 0;
}

.destination-overview-page--sortbar--filters .active {
  font-weight: 700;
}

.destination-overview-page--sortbar--dropdown {
  flex: 0 50%;
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.destination-overview-page--sortbar--dropdown--label {
  padding-right: 10px;
}

.destination-overview-page--sortbar--dropdown>div {
  flex-wrap: wrap;
}

.destination-overview-page--sortbar--dropdown>div:nth-child(2) {
  margin-bottom: 0 !important;
  background-color: #fff;
}

@media only screen and (min-width: 768px)and (max-width: 1199px) {
  .destination-overview-page--sortbar--dropdown>div:nth-child(2) {
    margin-right: 3px !important;
  }
}

@media screen and (min-width: 768px) {
  .errorPage-wrapper {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
  }
}

@media screen and (min-width: 768px) {
  .errorPage-content {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    justify-content: center;
  }
}

.errorPage-sorryMsg {
  color: #006598;
  text-align: center;
  font-size: 20px;
  padding: 0 15px;
  line-height: 1.3;
  font-weight: bold;
  margin-top: -15px;
  margin-bottom: 25px;
}

@media screen and (min-width: 768px) {
  .errorPage-sorryMsg {
    max-width: 700px;
    margin: 0 auto;
  }
}

.faqPage--header {
  color: #fff;
  text-align: center;
  padding: 15px 15px 20px;
  font-size: 15px;
  position: relative;
}

@media only screen and (min-width: 768px) {
  .faqPage--header {
    padding: 21px 15px;
  }
}

@media only screen and (max-width: 1279px) {
  .faqPage--header {
    background: #07496f !important;
  }
}

@media only screen and (min-width: 1280px) {
  .faqPage--header {
    background-repeat: no-repeat;
    height: 177px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-size: cover;
  }
}

.faqPage--header-overlay {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

@media only screen and (min-width: 1280px) {
  .faqPage--header-overlay {
    display: block;
    background-color: rgba(11,78,128,.7);
  }
}

.faqPage--header-icon {
  background-repeat: no-repeat;
  display: none;
  width: 108px;
  height: 96px;
  opacity: .57;
  margin-right: 30px;
}

@media only screen and (min-width: 1280px) {
  .faqPage--header-icon {
    display: inline-block;
  }
}

@media only screen and (min-width: 1280px) {
  .faqPage--header-data {
    z-index: 1;
    display: flex;
    align-items: center;
    text-align: left;
    margin-left: -55px;
  }
}

.faqPage--header-content {
  max-width: 700px;
}

.faqPage--header h2 {
  font-size: 24px;
  margin: 0px 0px 15px 0px;
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
  .faqPage--header h2 {
    margin-bottom: 8px;
  }
}

@media only screen and (min-width: 1280px) {
  .faqPage--container {
    display: flex;
    width: 1170px;
    justify-items: center;
    margin: 0 auto;
  }
}

.faqPage--container>div:nth-child(2) {
  padding: 15px;
}

@media only screen and (min-width: 1280px) {
  .faqPage--container>div:nth-child(2) {
    padding: 30px 0 30px 30px;
    width: calc(100% - 356px);
  }
}

.faqPage--answers a {
  text-decoration: underline;
  color: #06aaee;
}

.faqPage--answers .row.faq {
  display: flex;
  flex-wrap: wrap;
}

.faqPage--answers .row.faq .col-xs-6.col-sm-3 {
  float: none;
}

.faqPage--answers .row.faq a img {
  min-width: 100%;
  max-width: 100%;
}

.faqPage--contact {
  width: 356px;
  height: fit-content;
  box-shadow: 0 0 4px 0 rgba(0,0,0,.5);
  background-color: #fff;
  display: none;
  margin-top: 30px;
  overflow: hidden;
  border-radius: 6px;
}

@media only screen and (min-width: 1280px) {
  .faqPage--contact {
    display: block;
  }
}

.faqPage--contact-data {
  padding: 20px;
}

.faqPage--contact-item {
  display: flex;
  padding: 30px 0;
  border-bottom: 1px solid #c3c3c3;
  align-items: center;
}

.faqPage--contact-item-title,
.faqPage--contact-item-phNo {
  font-family: Arial;
  font-size: 15px;
  font-weight: bold;
  color: #2a2a2a;
  display: block;
  line-height: 22px;
}

.faqPage--contact-item:first-child {
  padding-top: 15px;
}

.faqPage--contact-item:last-child {
  border-bottom: 0;
}

.faqPage--contact-icon-container {
  border-radius: 50%;
  border: 1px solid #000;
  font-size: 0;
  margin-right: 9px;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.faqPage--contact-text-container {
  width: calc(100% - 60px);
}

.newsletterForm {
  display: inline-block;
  width: 90%;
  margin: 20px 0;
  padding: 25px 10px 20px;
  background: rgba(255,255,255,.65);
  position: relative;
}

.checkMarkWrapper {
  background: rgba(0,35,59,.7);
  padding: 10px;
  text-align: "center";
}

.checkMarkWrapper--list {
  display: inline-block;
}

.checkMarkWrapper--list-item {
  display: flex;
  align-items: center;
  margin: 5px auto;
}

.newsLetterPage {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .newsLetterPage {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 580px;
  }
}

@media screen and (min-width: 768px) {
  .newsLetterPage .newsletterForm {
    width: 500px;
    margin-top: 100px;
  }
}

@media screen and (min-width: 768px) {
  .newsLetterPage .checkMarkWrapper {
    width: 100%;
    align-self: flex-end;
    margin-top: auto;
  }
}

@media screen and (min-width: 768px) {
  .newsLetterPage .checkMarkWrapper--list {
    display: flex;
    margin: 0 auto;
    max-width: 700px;
  }
}

@media screen and (min-width: 768px) {
  .newsLetterPage .html-with-links {
    text-align: left !important;
  }
}

.NewsletterFooterWrapper {
  margin: 30px 10px;
  background: #fff;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .NewsletterFooterWrapper {
    margin: 50px auto;
    max-width: 670px;
  }
}

.custom-select>div {
  outline: none;
}

.custom-select>div .Select {
  margin: 0 15px 15px;
  position: relative;
  font-family: "Helvetica Neue" !important;
  border-radius: 8px;
}

.custom-select>div .Select .Select-control {
  height: 48px;
  align-items: stretch;
  overflow: visible;
  border-color: #e0e0e0;
  border-radius: 8px;
  border-width: 2px;
}

.custom-select>div .Select .Select-control .Select-multi-value-wrapper>div div:nth-child(2) {
  padding: 12px 13px 10px;
}

.resetButton {
  display: none;
  text-align: center;
  cursor: pointer;
  font-family: Arial;
  font-size: 15px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #fff;
}

.resetButton::before {
  content: "";
  font-family: dreamlines;
  display: inline-block;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  margin-right: 5px;
}

.resetButton.blue {
  color: #06aaee;
}

.resetButton.darkblue {
  color: #006598;
}

.search-result-item {
  margin: 25px 0;
}

.searchResultItemOverlay {
  padding: 10px;
}

.searchResultItemOverlay__headline {
  display: flex;
  justify-content: left;
  font-size: 24px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.06;
  letter-spacing: normal;
  color: #333;
  margin-top: 5px;
}

.searchResultItemOverlay__title {
  display: flex;
  justify-content: left;
  font-size: 14px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.06;
  letter-spacing: normal;
  color: #333;
  margin-top: 5px;
}

.searchResultItemOverlay__info {
  padding: 15px 0;
  font-size: 14px;
  color: #7d7d7d;
  display: flex;
  justify-content: left;
  text-align: left;
}

.searchResultItemOverlay__infoArea {
  display: flex;
  justify-content: left;
  font-weight: 600;
  font-size: 14px;
  color: #333;
  flex-flow: row wrap;
  width: 100%;
}

.searchResultItemOverlay__list {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
  padding: 15px 0;
}

.searchResultItemOverlay__list__links {
  display: flex;
  flex-flow: row wrap-reverse;
  width: 100%;
  padding: 15px 0;
}

.searchResultItemOverlay__listItem {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  justify-content: left;
  width: 100%;
  line-height: 3;
}

.searchResultItemOverlay__link {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: 16px;
  color: #09f;
}

.searchResultItemOverlay__item__title {
  margin-left: 5px;
}

.searchResultItemOverlay__button__wrapper {
  width: 100%;
}

@media only screen and (min-width: 768px)and (max-width: 1199px) {
  .searchPageResultWrapper {
    position: relative;
    float: left;
    width: 100% !important;
    padding: 0 !important;
    margin-top: 0 !important;
  }

  .searchPageResultWrapper .searchResultsWrapper {
    padding: 15px !important;
  }
}

@media only screen and (min-width: 1200px) {
  .searchPageSubmitButton {
    position: relative !important;
    background: rgba(0,0,0,0) !important;
    z-index: auto !important;
    box-shadow: none !important;
  }

  .searchPageSubmitButton>div {
    padding: 11px 5px !important;
  }
}

@media only screen and (max-width: 767px) {
  .searchPage {
    width: 100%;
  }
}

@media only screen and (max-width: 991px) {
  .searchResultItemLabel {
    position: absolute;
  }
}

@media only screen and (min-width: 768px) {
  .searchPage .filterSectionTitle {
    font-size: 20px;
  }

  .searchPage>.headline {
    margin-top: 27px;
    padding-bottom: 9px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }

  .searchPage>.headline h1 {
    margin: 0 0 0 15px;
    line-height: 1;
  }

  .searchPage>.headline>.headlineWrapper {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }

  .searchPage>.headline>.headlineWrapper p {
    margin: 0 0 0 15px !important;
  }

  .searchPage .breadcrumbs {
    margin-top: 20px;
  }

  .searchPage .searchPageFilterWrapper {
    width: 33%;
    float: left;
  }

  .searchPage .searchPageFilterWrapper .faqPage--contact {
    width: 100% !important;
    box-shadow: none !important;
  }

  .searchPage .searchPageResultWrapper {
    position: relative;
    float: left;
    width: 67%;
    padding-left: 15px;
    margin-top: 12px;
  }

  .searchPage .searchResultControls {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .resetButton {
    display: block;
  }

  .searchResultsWrapper {
    padding: 0 0 30px 0 !important;
  }

  .hr {
    background: #f0f0f0;
    margin-right: 10px;
    height: 1px;
    width: 100%;
  }

  .searchResultItemOverlay {
    padding: 10px;
  }

  .searchResultItemOverlay__listItem {
    width: 50%;
  }

  .searchResultItemOverlay__link {
    justify-content: left;
    width: 65%;
    line-height: 3.5;
  }

  .searchResultItemOverlay__button__wrapper {
    position: absolute;
    right: 30px;
    max-width: 175px;
  }
}

.home-page-container .searchMask {
  height: auto;
}

@media (min-width: 768px) {
  .home-page-container .searchMask {
    width: 50%;
    max-width: 470px;
    padding: 24px;
    background: rgba(0,35,59,.6);
  }
}

@media (min-width: 992px) {
  .home-page-container .searchMask {
    max-width: 570px;
  }
}

.home-page-container .searchMask .calendarWrapper {
  position: relative;
}

@media (min-width: 768px) {
  .home-page-container .searchMask .calendarWrapper.open-startDate::after,
  .home-page-container .searchMask .calendarWrapper.open-endDate::after {
    display: none;
  }
}

.home-page-container .searchMask .calendarWrapper input {
  cursor: pointer;
}

@media (min-width: 768px) {
  .home-page-container .searchMask .calendarWrapper {
    width: 100%;
    flex-direction: column;
  }

  .home-page-container .searchMask .calendarWrapper>div {
    width: 100%;
    margin-bottom: 10px;
  }

  .home-page-container .searchMask .calendarWrapper>div>div {
    background-size: 15.39px 15.6px;
    background-position: calc(100% - 9px) center;
    border-radius: 4px;
  }

  .home-page-container .searchMask .calendarWrapper>div input {
    height: 38px;
    font-size: 13px;
    padding-left: 8px;
    outline: 0;
  }
}

@media (min-width: 992px) {
  .home-page-container .searchMask .calendarWrapper {
    flex-direction: row;
  }

  .home-page-container .searchMask .calendarWrapper>div {
    flex: 1;
    margin-bottom: 10px;
  }

  .home-page-container .searchMask .calendarWrapper>div:first-of-type {
    margin-right: 5px;
  }

  .home-page-container .searchMask .calendarWrapper>div:last-of-type {
    margin-left: 5px;
  }

  .home-page-container .searchMask .calendarWrapper>div input {
    padding-left: 8px;
    height: 38px;
    font-size: 13px;
  }
}

@media (min-width: 768px) {
  .home-page-container .searchMask .calendarWrapper .DayPickerInput-Overlay {
    width: 100%;
  }
}

@media (min-width: 768px) {
  .home-page-container .searchMask .calendarWrapper .calendarEndDateWrapper .DayPickerInput:before {
    background: rgba(0,0,0,0);
  }
}

.home-page-container .searchMask .calendarWrapper .calendarEndDateWrapper .DayPickerInput-Overlay {
  margin-left: 0;
}

@media (min-width: 768px) {
  .home-page-container .searchMask .calendarWrapper .calendarXIcon {
    width: 14px;
    height: 14px;
    transform: translate(-35px, calc(-50% + 1px));
  }
}

@media (min-width: 768px) {
  .home-page-container .searchMask h1 {
    margin-top: 0 !important;
    font-size: 27px !important;
    text-align: left !important;
    margin-bottom: 30px !important;
  }
}

.home-page-container .searchMask .searchPageSubmitButton>div {
  font-size: 16px !important;
  border-radius: 0 !important;
  padding: 12px 37px 12px 11px !important;
}

.home-page-container .searchMask #searchForm {
  position: relative;
}

.harboursSection {
  display: unset;
  text-align: center;
}

@media only screen and (max-width: 1200px) {
  .harboursSection {
    display: none;
  }
}

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

.shipPageContainer h2 {
  text-align: center;
  font-size: 25px;
  margin: 40px 0 15px;
  color: #2a2a2a;
  font-weight: bold;
  font-family: Arial;
}

.shipPageContainer .collapsibleSection {
  padding: 0;
  margin: 0;
}

.shipPageContainer .icon {
  fill: rgba(0,0,0,0);
  width: 20px;
  height: 20px;
  fill: #006598;
}

.shipPageContainer .iconTransparent {
  fill: rgba(0,0,0,0);
  stroke: #006598;
  stroke-width: 20px;
}

.shipPageContainer .mapboxContainer {
  height: 490px;
  width: 1140px;
  margin: -15px;
}

@media (max-width: 992px) {
  .shipPageContainer {
    width: 100%;
  }

  .shipPageContainer .dynamicFormWrapper {
    margin-left: -15px;
    margin-right: -15px;
  }

  .shipPageContainer .recommendation-section {
    background-color: rgba(0,0,0,0);
    margin: 0 -15px;
  }
}

@media (min-width: 992px) {
  .shipPageContainer {
    padding-bottom: 20px;
  }
}

@media (min-width: 768px) {
  .shipPageContainer>div {
    background-color: #fff;
    padding: 15px;
    margin-top: 30px;
  }

  .shipPageContainer .recommendation-section {
    background-color: rgba(0,0,0,0);
  }
}

.shipFacts {
  display: flex;
  width: 100%;
  background-color: #f0f0f0;
}

.shipFacts ul {
  line-height: 1.5;
  font-size: 14px;
  margin: 15px;
}

.shipFacts li {
  display: flex;
  align-items: center;
  font-weight: bold;
}

.shipFacts .factName {
  margin-right: 10px;
}

.shipFacts .factText {
  display: inline-flex;
  align-items: center;
  margin: 0 10px;
}

.shipFacts .factValue {
  font-size: 18px;
}

.shipFacts svg {
  fill: #006295;
}

@media (min-width: 992px) {
  .shipFacts {
    background-color: #fff;
    margin-bottom: 15px;
  }

  .shipFacts ul {
    display: flex;
    flex: 1 0 auto;
    justify-content: space-around;
  }

  .shipFacts li {
    margin-right: 10px;
  }

  .shipFacts .icon {
    height: 50px;
    width: 50px;
  }

  .shipFacts .factText {
    display: inline-flex;
    align-items: start;
    flex-direction: column;
  }

  .shipFacts .factText .factValue {
    font-size: 20px;
    font-weight: bold;
  }

  .shipFacts svg {
    height: 50px;
    width: 50px;
    stroke-width: 0;
    stroke: #006295;
  }
}

.headline.h-desktop {
  margin: -15px -15px 10px -15px;
  background-color: #f0f0f0;
  padding: 40px 15px 15px 15px;
}

.ship-marker {
  width: 330px;
}

.ship-marker svg {
  width: 41px;
  height: 41px;
  stroke-width: 0;
  stroke: #fff;
  fill: #00233b;
}

.ship-marker__current-port {
  font-size: 19px;
}

.ship-marker__next-port span {
  font-size: 15px;
  color: #f2f2f2;
}

.ship-marker__anchor-icon {
  font-size: 20px !important;
  color: #fff !important;
}

.ship-marker__box:before {
  border-right: 11px solid rgba(0,35,59,.8);
  border-bottom: 15px solid rgba(0,0,0,0);
  border-top: 15px solid rgba(0,0,0,0);
  margin-top: 3px;
}

@media only screen and (min-width: 1200px) {
  .ship-live-position {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

.ship-live-position--edgeMargin {
  margin: 0px 15px;
}

.ship-live-position--container {
  margin: 0px 15px;
  max-width: 1170px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  order: 2;
}

@media screen and (min-width: 768px) {
  .ship-live-position--container {
    order: 3;
  }
}

.ship-live-position--container #offers {
  margin: 0 !important;
}

.ship-live-position--container .mapboxContainer {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

.ship-live-position--container .collapsible {
  position: relative;
  margin: 10px 0 30px;
  font-size: 15px;
  line-height: 20px;
}

@media screen and (min-width: 768px) {
  .ship-live-position--container .collapsible {
    margin: 30px 0 50px;
  }
}

@media screen and (min-width: 1200px) {
  .ship-live-position--container .collapsible {
    background: #fff;
    padding: 15px;
    margin: 30px 0;
  }
}

.ship-live-position--container .collapsible h2 {
  display: none;
}

@media screen and (min-width: 768px) {
  .ship-live-position--container .collapsible h2 {
    display: block;
    font-size: 18px;
  }
}

@media screen and (min-width: 1024px) {
  .ship-live-position--container .collapsible h2 {
    font-size: 24px;
    margin-bottom: 20px;
  }
}

.ship-live-position--container .collapsible #show,
.ship-live-position--container .collapsible #hide {
  position: absolute;
  bottom: -1em;
  z-index: 100;
  text-align: center;
  color: #06aaee;
}

@media screen and (min-width: 1200px) {
  .ship-live-position--container .collapsible #show,
  .ship-live-position--container .collapsible #hide {
    display: none;
  }
}

.ship-live-position--container .shipPositionCard {
  margin-top: 15px !important;
}

.ship-live-position--container--information {
  margin-top: 20px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 15px;
  background-color: #fff;
}

.ship-live-position--container--information h3 {
  margin-top: 5px !important;
}

.ship-live-position--container .sh .loadmore {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}

.ship-live-position--container .sh .loadmore a {
  background: #fff;
  color: #006598;
  min-width: 140px;
  text-align: center;
  padding: 15px 25px 15px 25px;
  border-radius: 5px;
  font-size: 20px;
  cursor: pointer;
  border: 2px solid #006598;
  text-decoration: none;
}

.ship-live-position--container .collapsible-text h2 {
  font-size: 1.1rem !important;
}

.ship-live-position--container .further-info {
  background-color: #fff;
  padding: 15px;
  margin-top: 30px;
  margin-left: 12px;
  margin-right: 12px;
  margin-bottom: 30px;
}

@media only screen and (min-width: 768px)and (max-width: 1199px) {
  .ship-live-position--container .further-info {
    margin-left: 5px;
    margin-right: 5px;
  }
}

.ship-live-position--header {
  color: #fff;
  text-align: center;
  padding: 15px 15px 20px;
  font-size: 15px;
  position: relative;
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .ship-live-position--header {
    padding: 21px 15px;
  }
}

@media only screen and (max-width: 1279px) {
  .ship-live-position--header {
    background: #07496f !important;
  }
}

@media only screen and (min-width: 1280px) {
  .ship-live-position--header {
    background-repeat: no-repeat;
    height: 177px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-size: cover;
  }
}

.ship-live-position--header-overlay {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(34,75,122,.35);
}

@media only screen and (min-width: 1280px) {
  .ship-live-position--header-overlay {
    display: block;
    background-color: rgba(11,78,128,.35);
  }
}

.ship-live-position--header-icon {
  background-repeat: no-repeat;
  display: none;
  width: 50px;
  height: 120px;
  opacity: .57;
}

@media only screen and (min-width: 1280px) {
  .ship-live-position--header-icon {
    display: inline-block;
  }
}

@media only screen and (min-width: 1280px) {
  .ship-live-position--header-data {
    z-index: 1;
    display: flex;
    align-items: center;
    text-align: left;
    margin-left: -55px;
  }
}

.ship-live-position--header h2 {
  font-size: 24px;
  margin: 0px 0px 15px 0px;
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
  .ship-live-position--header h2 {
    margin-bottom: 8px;
  }
}

@media only screen and (min-width: 1200px) {
  .ship-live-position--header span {
    position: relative;
    top: -15px;
  }
}

.ship-overview-page {
  background: #f0f0f0;
}

@media only screen and (min-width: 1200px) {
  .ship-overview-page {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

.ship-overview-page .loading-indicator,
.ship-overview-page .comp-loading:before {
  margin-top: 75px;
  margin-bottom: 75px;
}

.ship-overview-page br {
  content: "";
  display: block;
  margin: 2px;
}

.ship-overview-page--container {
  margin: 0px 15px;
  max-width: 1170px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  order: 2;
}

@media screen and (min-width: 768px) {
  .ship-overview-page--container {
    order: 3;
  }
}

.ship-overview-page--container>.collapsibleSection {
  margin: 0 -15px;
}

.ship-overview-page--container>.collapsibleSection>.collapsibleSectionContent {
  margin: 0 -30px 0 -14px;
}

.ship-overview-page--container #offers {
  margin: 0 0 24px !important;
}

.ship-overview-page--container #offers>div.slider>div {
  max-width: 100% !important;
  margin-bottom: 15px !important;
}

.ship-overview-page--container #offers>div.slider>div a {
  height: 100% !important;
}

.ship-overview-page--container #offers>div.slider>div>a>div:nth-child(2)>div:nth-child(2) b {
  display: none;
}

@media screen and (min-width: 768px) {
  .ship-overview-page--container #offers>div.slider>div {
    max-width: calc(100% - 30px);
  }

  .ship-overview-page--container #offers>div.slider>div:nth-child(n)>a>div:nth-child(2)>div:nth-child(2) {
    min-height: 120px;
  }
}

@media screen and (min-width: 768px) {
  .ship-overview-page--container .breadcrumbs {
    padding-left: 14px !important;
    border-top: 1px solid rgba(0,0,0,0) !important;
  }
}

@media only screen and (min-width: 768px)and (max-width: 1199px) {
  .ship-overview-page--container .breadcrumbs {
    margin-top: -20px !important;
  }
}

.ship-overview-page--container .collapsible {
  position: relative;
  margin: 10px 0 30px;
  font-size: 15px;
  line-height: 20px;
}

@media screen and (min-width: 768px) {
  .ship-overview-page--container .collapsible {
    margin: 30px 0 50px;
  }
}

@media screen and (min-width: 1200px) {
  .ship-overview-page--container .collapsible {
    background: #fff;
    padding: 15px;
    margin: 30px 0;
  }
}

.ship-overview-page--container .collapsible h2 {
  display: none;
}

@media screen and (min-width: 768px) {
  .ship-overview-page--container .collapsible h2 {
    display: block;
    font-size: 18px;
  }
}

@media screen and (min-width: 1024px) {
  .ship-overview-page--container .collapsible h2 {
    font-size: 24px;
    margin-bottom: 20px;
  }
}

.ship-overview-page--container .collapsible #show,
.ship-overview-page--container .collapsible #hide {
  position: absolute;
  bottom: -1em;
  z-index: 100;
  text-align: center;
  color: #06aaee;
}

@media screen and (min-width: 1200px) {
  .ship-overview-page--container .collapsible #show,
  .ship-overview-page--container .collapsible #hide {
    display: none;
  }
}

.ship-overview-page--container .loadmore {
  display: flex;
  justify-content: center;
  margin: 36px 0;
}

.ship-overview-page--container .collapsible-text h2 {
  font-size: 1.1rem !important;
}

.ship-overview-page--container .furtherInfo {
  margin-bottom: 60px;
}

.ship-overview-page--sortbar {
  display: flex;
  flex-wrap: wrap;
  font-size: 1.166rem;
  margin: 12px;
  justify-content: flex-end;
  align-items: center;
}

.ship-overview-page--sortbar--label {
  margin-right: 10px;
}

.ship-overview-page--sortbar--dropdown {
  display: flex;
  justify-content: flex-end;
  position: relative;
}

.ship-overview-page--sortbar--dropdown--arrow {
  border-left: 8px solid rgba(0,0,0,0);
  border-right: 8px solid rgba(0,0,0,0);
  border-top: 8px solid #d3d3d3;
  margin-top: -5px;
  margin-right: 4px;
  position: absolute;
  right: 4px;
  top: 50%;
}

.ship-overview-page--sortbar--dropdown select {
  background: #fff;
  border: none;
  border-radius: 0px;
  width: 100%;
  cursor: pointer;
  padding: 10px 20px 10px 8px;
  font-size: 14px;
  min-width: 140px;
}

@media only screen and (min-width: 768px)and (max-width: 1199px) {
  .ship-overview-page--sortbar--dropdown select {
    margin-right: 3px !important;
  }
}

.standardContentPage {
  margin-left: 15px;
  margin-right: 15px;
}

.standardContentPage a {
  color: #07496f;
}

.standardContentPage h1 {
  font-size: 24px;
}

.standardContentPage img {
  max-width: 100%;
  height: auto;
}

.standardContentPage--header {
  color: #fff;
  text-align: center;
  padding: 15px 15px 20px;
  font-size: 15px;
  position: relative;
}

@media only screen and (min-width: 768px) {
  .standardContentPage--header {
    padding: 21px 15px;
  }
}

@media only screen and (max-width: 1279px) {
  .standardContentPage--header {
    background: #07496f !important;
  }
}

@media only screen and (min-width: 1280px) {
  .standardContentPage--header {
    background-repeat: no-repeat;
    height: 177px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-size: cover;
  }
}

.standardContentPage--header-overlay {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

@media only screen and (min-width: 1280px) {
  .standardContentPage--header-overlay {
    display: block;
    background-color: rgba(11,78,128,.7);
  }
}

.standardContentPage--header-icon {
  background-repeat: no-repeat;
  display: none;
  width: 108px;
  height: 96px;
  opacity: .57;
  margin-right: 30px;
}

@media only screen and (min-width: 1280px) {
  .standardContentPage--header-icon {
    display: inline-block;
  }
}

@media only screen and (min-width: 1280px) {
  .standardContentPage--header-data {
    z-index: 1;
    display: flex;
    align-items: center;
    text-align: left;
    margin-left: -55px;
  }
}

.standardContentPage--header h2 {
  font-size: 24px;
  margin: 0px 0px 15px 0px;
}

@media only screen and (min-width: 768px)and (max-width: 1279px) {
  .standardContentPage--header h2 {
    margin-bottom: 8px;
  }
}

.standardContentPage--container {
  font-size: 14px !important;
}

.standardContentPage--container h2 {
  font-size: 18px !important;
}

.standardContentPage--container h3 {
  font-size: 16px !important;
}

.standardContentPage--container h4 {
  font-size: 14px !important;
}

@media only screen and (min-width: 1280px) {
  .standardContentPage--container {
    display: flex;
    width: 1170px;
    justify-items: center;
    margin: 0 auto;
  }
}

.standardContentPage--container>div:nth-child(2) {
  padding: 15px;
}

@media only screen and (min-width: 1280px) {
  .standardContentPage--container>div:nth-child(2) {
    padding: 30px 0 30px 30px;
    width: calc(100% - 356px);
  }
}

.standardContentPage--content {
  font-size: 14px !important;
}

.standardContentPage--content table {
  width: 100% !important;
  border-color: #ccc;
}

.standardContentPage--content th,
.standardContentPage--content td {
  padding: 10px !important;
  font-size: 14px !important;
}

.standardContentPage--content .Select {
  margin: 0px 15px 20px;
}

.standardContentPage--content .Select-control {
  margin: 0;
}

.standardContentPage--aditional-content {
  margin-left: 5px;
  margin-right: 5px;
}

.standardContentPage--aditional-content table {
  max-width: 100%;
  overflow-x: auto;
  display: block;
}

.standardContentPage--aditional-content table td {
  padding: 5px;
}

.standardContentPage--contact-form {
  margin-left: 15px;
  margin-right: 15px;
}

.standardContentPage--contact-form table {
  max-width: 100%;
  overflow-x: auto;
  display: block;
}

.standardContentPage--contact-form table td {
  padding: 5px;
}

.standardContentPage--contact-form .Select {
  margin: 0px 15px 20px;
}

.standardContentPage--contact-form .Select-control {
  margin: 0;
}

.standardContentPage--aside {
  width: 356px;
  height: 410px;
  box-shadow: 0 0 4px 0 rgba(0,0,0,.5);
  background-color: #fff;
  display: none;
  margin-top: 30px;
}

@media only screen and (min-width: 1280px) {
  .standardContentPage--aside {
    display: block;
  }
}

.standardContentPage--aside-header {
  background-color: #164e78;
  font-family: Arial;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.65;
  text-align: center;
  color: #fff;
}

.standardContentPage--aside-data {
  padding: 20px;
}

.standardContentPage--aside-item {
  display: flex;
  padding: 30px 0;
  border-bottom: 1px solid #c3c3c3;
  align-items: center;
}

.standardContentPage--aside-item-title,
.standardContentPage--aside-item-phNo {
  font-family: Arial;
  font-size: 15px;
  font-weight: bold;
  color: #2a2a2a;
  display: block;
  line-height: normal;
}

.standardContentPage--aside-item:first-child {
  padding-top: 15px;
}

.standardContentPage--aside-item:last-child {
  border-bottom: 0;
}

.standardContentPage--aside-item-anchor {
  font-family: Arial;
  font-size: 14px;
  color: #06aaee;
  line-height: normal;
}

.standardContentPage--aside-icon-container {
  border-radius: 50%;
  border: 1px solid #000;
  font-size: 0;
  margin-right: 9px;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.standardContentPage--aside-text-container {
  width: calc(100% - 60px);
}

.startPage--header {
  width: 100%;
  height: 200px;
  text-align: center;
  padding: 50px 5px;
  background: url("https://images.dreamlines.de/wp-content/uploads/20200116175645/background.jpg") center no-repeat;
  z-index: -1;
  background-size: cover;
}

@media screen and (min-width: 768px) {
  .startPage--header {
    margin-bottom: 30px;
    height: 400px;
  }
}

@media screen and (min-width: 991px)and (max-width: 1200px) {
  .startPage--header {
    height: 290px;
  }
}

@media screen and (min-width: 991px) {
  .startPage--header {
    background-position-y: 0px;
  }
}

.startPage--header-title {
  color: #fff;
  font-size: 25px;
  line-height: normal;
  font-weight: bold;
  display: block;
}

@media screen and (min-width: 768px) {
  .startPage--header-title {
    font-size: 35px;
  }
}

@media screen and (min-width: 1280px) {
  .startPage--header-title {
    font-size: 40px;
  }
}

.startPage--header-subtitle {
  color: #fff;
  font-size: 19px;
  font-weight: normal;
  display: block;
  margin-top: 5px;
  line-height: normal;
}

@media screen and (min-width: 768px) {
  .startPage--header-subtitle {
    font-size: 25px;
    margin-bottom: 45px;
  }
}

.startPage--header-question {
  color: #fff;
  font-size: 19px;
  font-weight: bold;
  line-height: normal;
  display: block;
  margin-top: 25px;
}

@media screen and (min-width: 768px) {
  .startPage--header-question {
    font-size: 20px;
  }
}

@media screen and (min-width: 1280px) {
  .startPage--header-question {
    font-size: 22px;
  }
}

.startPage--decision-wrapper {
  height: 190px;
  display: flex;
  margin: -45px 5px 0px;
}

@media screen and (min-width: 768px) {
  .startPage--decision-wrapper {
    height: 235px;
    margin: -150px 5px 80px;
  }
}

@media screen and (min-width: 991px) {
  .startPage--decision-wrapper {
    height: 215px;
    margin: -75px 5px 60px;
  }
}

@media screen and (min-width: 1280px) {
  .startPage--decision-wrapper {
    margin: -140px 5px 40px;
  }
}

.startPage--exclusive-wrapper {
  border: solid 1px #84ba4d;
  margin: 50px 15px;
  padding: 0px 5px;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .startPage--exclusive-wrapper {
    max-width: 360px;
    margin: 0 auto 60px;
  }
}

@media screen and (min-width: 1280) {
  .startPage--exclusive-wrapper {
    margin-bottom: 30px;
  }
}

@media screen and (min-width: 768px) {
  .startPage--data-container {
    max-width: 640px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 768px) {
  .startPage--header .startPage--data-container {
    padding-top: 65px;
  }
}

@media screen and (min-width: 991px)and (max-width: 1279px) {
  .startPage--header .startPage--data-container {
    padding-top: 40px;
  }
}

.startPage--decision-item {
  box-shadow: 0 0 6px 0 rgba(0,0,0,.3);
  width: 50vw;
  height: inherit;
  margin: 10px;
  text-align: center;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  justify-content: center;
}

.startPage--decision-item-text {
  font-size: 14px;
  line-height: 18px;
  margin: 5px 15px 0px;
}

@media screen and (min-width: 768px) {
  .startPage--decision-item-text {
    font-size: 16px;
  }
}

.startPage--decision-item>img {
  height: 47px;
  width: 40px;
  margin: 0;
  align-self: center;
}

@media screen and (min-width: 768px) {
  .startPage--decision-item>img {
    width: 64px;
    height: auto;
    position: relative;
    top: -10px;
  }
}

@media screen and (min-width: 992px) {
  .startPage--decision-item>img {
    top: -5px;
  }
}

.thank-you__heading {
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 110px;
}

@media only screen and (max-width: 1279px) {
  .thank-you__heading {
    background: #07496f !important;
  }
}

@media only screen and (min-width: 1280px) {
  .thank-you__heading {
    height: 177px;
    background-size: cover;
  }
}

.thank-you__heading-banner {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  min-width: 100%;
}

.thank-you__heading-data {
  z-index: 1;
  display: flex;
  text-align: center;
  position: relative;
  flex-direction: column;
  align-items: center;
}

.thank-you__heading-overlay {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
}

@media only screen and (min-width: 1280px) {
  .thank-you__heading-overlay {
    display: block;
    background-color: rgba(11,78,128,.7);
  }
}

.thank-you--headline {
  color: #fff;
  font-size: 25px;
  font-weight: bold;
  margin: 0;
}

.thank-you--subline {
  color: #fff;
  font-size: 15px;
}

.steps__container {
  padding: 15px;
}

@media only screen and (min-width: 768px) {
  .steps__container {
    padding: 2em;
  }
}

.steps__headline {
  margin-top: 0;
  text-align: center;
  padding: 1em;
  font-size: 25px;
  color: #333;
}

.steps__list {
  display: flex;
  flex-direction: column;
  list-style: none;
  padding: 0 20px;
  justify-content: space-between;
  align-items: center;
}

@media only screen and (min-width: 768px) {
  .steps__list {
    flex-direction: row;
    align-items: flex-start;
  }
}

.step-item__container {
  min-width: 200px;
  max-width: 250px;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 -20px 20px;
}

@media only screen and (min-width: 768px) {
  .step-item__container {
    margin-bottom: 0;
  }
}

.step-item__image {
  border: 2px solid #006598;
  border-radius: 50%;
}

.step-item__text {
  text-align: center;
  margin-top: 1em;
  font-size: 14px;
  line-height: 20px;
  color: #333;
  max-width: 100%;
}

.dotted-arrow__container {
  display: none;
}

@media only screen and (min-width: 768px) {
  .dotted-arrow__container {
    display: flex;
    align-items: center;
    flex: 1;
  }
}

.dotted-arrow__head {
  display: block;
  transform: rotate(90deg);
  height: 10px;
  flex: 0 0 auto;
  font-weight: bold;
}

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

.information__horizontal-separator {
  border-top: 1px solid #d4d4d4;
  margin: 0;
}

@media (max-width: 767px) {
  .information__horizontal-separator {
    display: none;
  }
}

@media (min-width: 992px) {
  .information__horizontal-separator {
    margin: 17px 0;
  }
}

.information__download-pdf {
  font-size: 1.5rem;
}

.information__row {
  display: flex;
  flex-direction: column;
  padding: 1rem 0;
}

@media (min-width: 992px) {
  .information__row {
    flex-direction: row;
    padding: 1rem 0 3rem;
  }
}

.information__row-item {
  text-align: center;
  padding: 2em 4em;
}

@media (max-width: 767px) {
  .information__row-item {
    padding: 0 4em 2em;
  }
}

.information__row-item--separator {
  text-align: center;
  padding: 2em 4em;
  border-top: 1px solid #d4d4d4;
}

@media (min-width: 992px) {
  .information__row-item--separator {
    border-top: 0;
    border-left: 1px solid #d4d4d4;
  }
}

.information__row-item.full-width .information__text {
  max-width: none;
}

.information__headline,
.information__phone-no {
  font-size: 25px;
  color: #333;
}

@media (max-width: 767px) {
  .information__phone-no {
    font-size: 22px;
  }
}

.information__text {
  margin: auto;
  max-width: 350px;
  font-size: 14px;
  color: #333;
}

.information__download-pdf {
  font-size: 16px;
}

.information__download-pdf a {
  color: #06aaee;
}

.information__download-pdf a:before {
  content: "";
  font-family: dreamlines;
}

@media screen and (min-width: 768px)and (max-width: 991px) {
  .recommendation-section .tiles__row .tiles__tile {
    flex: 0 0 33.33%;
    min-width: 0;
  }
}

.recommendation-section .recommendation-box {
  height: auto;
}

.theme-overview-page {
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media screen and (min-width: 768px) {
  .theme-overview-page {
    background: #f0f0f0;
  }
}

.theme-overview-page--overlay {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

@media only screen and (min-width: 1200px) {
  .theme-overview-page--overlay {
    display: block;
    background-color: rgba(34,75,122,.35);
  }
}

.theme-overview-page--header-data {
  max-width: 600px;
  margin: 0 auto;
}

@media only screen and (min-width: 1200px) {
  .theme-overview-page--header-data {
    z-index: 1;
    display: flex;
    justify-content: center;
    flex-direction: column;
    position: relative;
  }
}

.theme-overview-page--header-data h1 {
  margin-top: 5px;
  font-size: 25px;
}

@media screen and (min-width: 768px) {
  .theme-overview-page--header-data h1 {
    font-weight: bold;
  }
}

.theme-overview-page--wrapper {
  position: relative;
  display: flex;
  color: #fff;
  text-align: center;
  padding: 10px;
  font-size: 15px;
  width: 100%;
  order: 1;
}

@media screen and (max-width: 1279px) {
  .theme-overview-page--wrapper {
    background: #07496f !important;
  }
}

@media screen and (min-width: 1200px) {
  .theme-overview-page--wrapper {
    padding-left: 0;
    background-position: center;
    background-size: cover;
    min-height: 180px;
  }
}

.theme-overview-page--breadcrumbs {
  padding: 0 15px;
  align-self: flex-start;
  align-items: center;
  order: 3;
  width: 100%;
  background: #fff;
}

@media screen and (min-width: 768px) {
  .theme-overview-page--breadcrumbs {
    order: 2;
    line-height: 1;
  }

  .theme-overview-page--breadcrumbs ol {
    padding: 5px 0 2px !important;
    max-width: 1170px;
    margin: 0 !important;
  }
}

@media screen and (min-width: 768px)and (min-width: 1024px) {
  .theme-overview-page--breadcrumbs ol {
    margin: 0 auto !important;
  }
}

@media screen and (min-width: 768px) {
  .theme-overview-page--teasers-wrapper {
    flex-wrap: wrap;
    display: flex;
    justify-content: center;
  }
}

.theme-overview-page--margin-top {
  margin-top: 20px !important;
}

.theme-overview-page--content {
  margin: 0px 15px;
  max-width: 1170px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  order: 2;
}

@media screen and (min-width: 768px) {
  .theme-overview-page--content {
    order: 3;
  }
}

.theme-overview-page--content .collapsible {
  position: relative;
  margin: 10px 0 30px;
  font-size: 15px;
  line-height: 20px;
}

@media screen and (min-width: 768px) {
  .theme-overview-page--content .collapsible {
    margin: 30px 0 50px;
  }
}

@media screen and (min-width: 1200px) {
  .theme-overview-page--content .collapsible {
    background: #fff;
    padding: 15px;
    margin: 30px 0;
  }
}

.theme-overview-page--content .collapsible h2 {
  display: none;
}

@media screen and (min-width: 768px) {
  .theme-overview-page--content .collapsible h2 {
    display: block;
    font-size: 18px;
  }
}

@media screen and (min-width: 1024px) {
  .theme-overview-page--content .collapsible h2 {
    font-size: 24px;
    margin-bottom: 20px;
  }
}

.theme-overview-page--content .collapsible #show,
.theme-overview-page--content .collapsible #hide {
  position: absolute;
  bottom: -1em;
  z-index: 100;
  text-align: center;
  color: #06aaee;
}

@media screen and (min-width: 1200px) {
  .theme-overview-page--content .collapsible #show,
  .theme-overview-page--content .collapsible #hide {
    display: none;
  }
}

.theme-overview-page--content .collapsible #hide {
  display: none;
}

.theme-overview-page--content .collapsible #show:target {
  display: none;
}

.theme-overview-page--content .collapsible #show:target~#hide {
  display: block;
}

.theme-overview-page--content .collapsible #show:target~.collapsible--panel {
  max-height: 2000px;
}

.theme-overview-page--content .collapsible .collapsible--panel {
  position: relative;
  max-height: 74px;
  overflow: hidden;
  transition: max-height 1s ease-in-out;
}

.theme-overview-page--content .collapsible .collapsible--panel>*:first-child {
  margin-top: 0;
}

@media screen and (min-width: 768px) {
  .theme-overview-page--content .collapsible .collapsible--panel {
    max-height: 90px;
  }
}

@media screen and (min-width: 1200px) {
  .theme-overview-page--content .collapsible .collapsible--panel {
    max-height: 100%;
  }
}

.theme-overview-page--content .theme-overview-page--seotext {
  order: 2;
}

@media screen and (min-width: 768px) {
  .theme-overview-page--content .theme-overview-page--seotext {
    order: 3;
  }
}

@media screen and (min-width: 1024px) {
  .theme-overview-page--content .theme-overview-page--seotext {
    background: #fff;
    padding: 0 15px;
    margin: 30px 0;
  }

  .theme-overview-page--content .theme-overview-page--seotext h2 {
    margin-bottom: 20px;
    font-size: 24px;
  }

  .theme-overview-page--content .theme-overview-page--seotext p {
    font-size: 14px;
  }

  .theme-overview-page--content .theme-overview-page--seotext ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .theme-overview-page--content .theme-overview-page--seotext li {
    padding-left: 1em;
    text-indent: -0.7em;
  }

  .theme-overview-page--content .theme-overview-page--seotext li::before {
    content: "•";
    color: #06aaee;
    padding-right: 20px;
  }

  .theme-overview-page--content .theme-overview-page--seotext h3 {
    margin-bottom: 20px;
    font-size: 24px;
  }

  .theme-overview-page--content .theme-overview-page--seotext div>div:nth-child(1) {
    position: static !important;
    height: 100% !important;
  }

  .theme-overview-page--content .theme-overview-page--seotext div>div:nth-child(2) {
    display: none !important;
  }
}

@media screen and (min-width: 768px) {
  .theme-overview-page--content .theme-overview-page--linklist ol {
    margin-bottom: 15px;
  }

  .theme-overview-page--content .theme-overview-page--linklist ol li {
    display: inline;
  }

  .theme-overview-page--content .theme-overview-page--linklist ol li a p {
    display: inline-flex;
    width: 33%;
    margin: 2px 0;
  }
}

@media screen and (max-width: 1024px)and (orientation: landscape) {
  .theme-overview-page--content .theme-overview-page--linklist ol {
    margin-bottom: 30px;
  }

  .theme-overview-page--content .theme-overview-page--linklist ol li a p {
    width: 25%;
  }
}

@media screen and (min-width: 1025px) {
  .theme-overview-page--content .theme-overview-page--linklist {
    margin-bottom: 30px;
    padding: 20px;
    background: #fff;
  }

  .theme-overview-page--content .theme-overview-page--linklist div>p {
    font-size: 18px;
  }
}

.theme-overview-page--content .recommendation-teaser {
  display: inline-flex;
  width: 100%;
  overflow: hidden;
  border-radius: 6px;
}

.theme-overview-page--content .recommendation-teaser:not(:first-child) {
  margin-top: 20px;
}

@media screen and (min-width: 768px) {
  .theme-overview-page--content .recommendation-teaser {
    max-width: 354px;
    margin: 0 22px 22px 0;
    background: #fff;
  }

  .theme-overview-page--content .recommendation-teaser:not(:first-child) {
    margin-top: 0;
  }
}

@media screen and (min-width: 768px)and (max-width: 991px) {
  .theme-overview-page--content .recommendation-teaser:nth-child(2n+2) {
    margin-right: 0;
  }
}

@media screen and (min-width: 1024px) {
  .theme-overview-page--content .recommendation-teaser {
    max-width: 314px;
  }

  .theme-overview-page--content .recommendation-teaser:nth-child(3n+3) {
    margin-right: 0;
  }
}

@media screen and (min-width: 1200px) {
  .theme-overview-page--content .recommendation-teaser {
    max-width: 375px;
  }
}

.theme-overview-page--content .recommendation-teaser a {
  width: 100%;
  text-decoration: none;
  display: inline-block;
}

.theme-overview-page--content .recommendation-teaser a:hover,
.theme-overview-page--content .recommendation-teaser a:focus,
.theme-overview-page--content .recommendation-teaser a:active {
  color: #2a2a2a;
}

.theme-overview-page--content .recommendation-teaser a .recommendation-teaser--top {
  position: relative;
  padding-bottom: 66.67%;
}

@media screen and (min-width: 768px) {
  .theme-overview-page--content .recommendation-teaser a .recommendation-teaser--top {
    padding-bottom: 44.67%;
  }
}

@media screen and (min-width: 992px) {
  .theme-overview-page--content .recommendation-teaser a .recommendation-teaser--top {
    padding-bottom: 50.67%;
  }
}

@media screen and (min-width: 1200px) {
  .theme-overview-page--content .recommendation-teaser a .recommendation-teaser--top {
    padding-bottom: 48.67%;
  }
}

.theme-overview-page--content .recommendation-teaser a .recommendation-teaser--top img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media screen and (min-width: 768px) {
  .theme-overview-page--content .recommendation-teaser a .recommendation-teaser--top img {
    height: 157px;
  }
}

@media screen and (min-width: 1200px) {
  .theme-overview-page--content .recommendation-teaser a .recommendation-teaser--top img {
    height: 180px;
  }
}

.theme-overview-page--content .recommendation-teaser a .recommendation-teaser--top div {
  position: absolute;
  width: 100%;
  bottom: 0;
  margin: 0;
  text-align: center;
  padding: 10px 6px;
  font-size: 19px;
  font-weight: bold;
  color: #fff;
  text-shadow: 0 0 4px #2a2a2a;
  background: linear-gradient(to bottom, rgba(8, 29, 46, 0), rgba(1, 47, 74, 0.71));
}

.theme-overview-page--content .recommendation-teaser a .recommendation-teaser--bottom {
  padding: 10px 10px 5px;
  overflow: hidden;
  display: flex;
  align-items: center;
  flex-direction: row;
}

@media screen and (min-width: 768px) {
  .theme-overview-page--content .recommendation-teaser a .recommendation-teaser--bottom {
    flex-direction: column;
    padding: 0 5px;
  }
}

.theme-overview-page--content .recommendation-teaser a .recommendation-teaser--bottom__description {
  border-right: 1px solid #e0e0e0;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  width: 100%;
  min-height: 48px;
  justify-content: center;
}

@media screen and (min-width: 768px) {
  .theme-overview-page--content .recommendation-teaser a .recommendation-teaser--bottom__description {
    border-right: none;
    border-bottom: 1px solid #f3f3f3;
    padding-bottom: 10px;
  }
}

.theme-overview-page--content .recommendation-teaser a .recommendation-teaser--bottom__description>div {
  padding-right: 5px;
  font-size: 15px;
}

@media screen and (min-width: 768px) {
  .theme-overview-page--content .recommendation-teaser a .recommendation-teaser--bottom__description>div {
    font-size: 14px;
    padding: 5px 0 0 0;
    margin: 0 5px;
  }
}

@media screen and (min-width: 768px) {
  .theme-overview-page--content .recommendation-teaser a .recommendation-teaser--bottom__price {
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
  }
}

.theme-overview-page--content span.recommendation-teaser {
  background: rgba(0,0,0,0);
}

@media screen and (min-width: 768px) {
  .theme-overview-page--content span.recommendation-teaser {
    width: 354px;
  }
}

@media screen and (min-width: 1024px) {
  .theme-overview-page--content span.recommendation-teaser {
    width: 314px;
  }
}

@media screen and (min-width: 1200px) {
  .theme-overview-page--content span.recommendation-teaser {
    width: 375px;
  }
}

@media only screen and (min-width: 1200px) {
  .recommendation-teaser {
    position: relative;
  }

  .recommendation-teaser--bottom__price .priceDiscountStartFrom {
    display: none;
  }

  .recommendation-teaser--bottom__price .priceDiscountTag {
    position: absolute !important;
    right: 0;
  }
}

.cruise-stage-overview__images {
  padding-right: 24px;
  width: 100%;
}

@media (min-width: 768px) {
  .cruise-stage-overview__images {
    width: 50%;
  }
}

.cruise-stage-header {
  display: flex;
  flex-flow: nowrap row;
  background: #fff;
  position: relative;
  z-index: 1;
  min-height: 150px;
  padding: 24px;
  border: solid 2px #f0f0f0;
  border-radius: 6px;
}

.cruise-stage-header__info {
  flex: 1;
}

.cruise-stage-header__iternary-info {
  font-size: 16px;
  font-weight: 500;
  color: #1a181e;
  line-height: 24px;
  white-space: nowrap;
  margin: 10px 0;
}

.cruise-stage-header__iternary-info__night-ports {
  display: inline-block;
  margin-right: 8px;
  margin-left: 0;
}

.cruise-stage-header__iternary-info__cruise-id {
  display: inline-block;
  margin-left: 12px;
}

.cruise-stage-header__iternary-info__company {
  display: inline-block;
  margin-left: 12px;
}

.cruise-stage-header__logo {
  display: flex;
  flex: 0 1 auto;
  width: 12%;
}

.cruise-stage-header__logo__img-holder {
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: relative;
  margin-right: 10px;
}

.cruise-stage-header__logo__img-holder__img {
  height: 100%;
  max-width: 100%;
  object-fit: contain;
  position: absolute;
  left: 0;
  top: 0;
}

.cruise-stage-header__title {
  color: #1a181e;
  font-size: 24px;
  font-weight: 700;
  margin: 0;
  display: flex;
  align-items: center;
  margin: 0 0 5px;
  padding-top: 10px;
}

.cruise-stage-header__title .stars {
  align-items: flex-start;
  margin-left: 5px;
  margin-bottom: 10px;
}

.cruise-stage-header__title .stars svg {
  transform: translateY(1px);
}

.cruise-stage-header__title .stars svg.starIcon {
  transform: translateY(5px);
}

.cruise-stage-header__title .stars svg.halfStarIcon {
  transform: translate(-5px, 5px);
}

.cruise-stage-header__subtitle {
  color: #000;
  font-size: 1.166rem;
  margin: 5px 0;
  display: flex;
  align-items: center;
  font-size: 18px;
  min-height: 20px;
}

.cruise-stage-header__subtitle__holder {
  font-size: 1.166rem;
}

.cruise-stage-header__subtitle__url {
  display: inline-block;
  color: #09f;
  text-decoration: none;
  margin-left: 5px;
}

.cruise-stage-header__subtitle__cruise-id {
  display: inline-block;
  font-size: 12px;
  margin-left: 7px;
}

.cruise-stage-header__subtitle__company {
  display: inline-block;
  font-size: 12px;
  margin-left: 7px;
}

.cruise-stage-header__subtitle .summaryReview {
  margin-left: 15px;
  display: inline-flex;
  line-height: .92;
}

.cruise-stage-header__subtitle .summaryReview .ratingBoxWithArrow {
  padding: 5px;
  margin-right: 10px;
}

.cruise-stage-header__subtitle .summaryReview .ratingBoxWithArrow .ratingBox {
  font-size: 13px;
}

.cruise-stage-header__subtitle .summaryReview .ratingBoxWithArrow .ratingBoxArrow {
  width: 10px;
  height: 10px;
  margin-left: -5px;
  margin-top: -5px;
}

.cruise-stage-header__subtitle .summaryReview .ratingInfo>div {
  font-size: 14px;
  font-weight: normal;
}

.cruise-stage-header__subtitle .summaryReview .ratingInfo>span {
  font-size: 9px;
}

.cruise-stage-header__inclusives-row {
  display: flex;
  flex-flow: row wrap;
}

.cruise-stage-header__inclusives {
  margin: 0;
  display: flex;
  flex-flow: row wrap;
  row-gap: 10px;
  column-gap: 10px;
}

.cruise-stage-header__inclusives__heading {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  color: #1a181e;
  margin: 2px 8px 0 0;
}

.cruise-stage-header__inclusives__item {
  border: solid 2px #f0f0f0;
  background-color: #fdfdfd;
  border-radius: 6px;
  padding: 6px 16px 6px 12px;
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 22px;
}

.cruise-stage-header__inclusives__item__icon {
  display: inline-block;
  margin-right: 5px;
  display: flex;
  align-items: center;
}

.cruise-stage-tab-header {
  font-size: 1.166rem;
  line-height: 1.66rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 45px;
}

.cruise-stage-tab-header__title {
  font-size: 1.333rem;
  display: block;
  clear: both;
}

.cruise-stage-tab-header__descr {
  margin: 0 0 10px;
}

.cruise-stage-tab-header__price-button {
  float: right;
  display: flex;
  flex-flow: column wrap;
  align-items: flex-end;
}

html,
body {
  font-size: initial;
  line-height: initial;
}

@media (min-width: 768px) {
  html,
  body {
    font-size: 12px;
    line-height: 1.42857143;
  }
}

#obc-banner.visible,
#bpg-banner.visible {
  display: grid !important;
}

.select-arrow {
  background-image: linear-gradient(45deg, transparent 50%, gray 50%),linear-gradient(135deg, gray 50%, transparent 50%);
  background-position: calc(100% - 20px) calc(1em + 2px),calc(100% - 15px) calc(1em + 2px);
  background-size: 5px 5px,5px 5px;
  background-repeat: no-repeat;
}

@media screen and (-ms-high-contrast: none),(-ms-high-contrast: active) {
  ul {
    padding: 0;
  }
}

@media screen and (min-width: 992px) {
  .hideElementDesktopAndUp {
    display: none !important;
  }
}

@media screen and (max-width: 991px) {
  .hideElementMobile {
    display: none !important;
  }
}



/*# sourceMappingURL=47.main.css.map*/