@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root {
  --clr-oxford-blue: #086caf;
  --clr-oxford-blue2: #000c28;
  --clr-royal-blue-dark: #003559;
  --clr-flicker-blue: #003559;
  --clr-midnight-blue: #061566;
  --clr-space-cadet: #203559;
  --clr-french-blue: #0072ba;
  --clr-fashion-fuchsia: #f20ea7;
  --clr-jonkuil: #fdbb11;
  --clr-davys-grey: #4a4a4a;
  --clr-granite-gray: #626366;
  --clr-light-grey: #cdcfd1;
  --clr-cultured: #f5f5f5;
  --clr-platinum: #e8e9eb;
  --clr-white: #ffffff;
  --ff-main: "Poppins";
}
@keyframes strongShake {
  0% { transform: translateX(0); }
  10% { transform: translateX(-10px); }
  20% { transform: translateX(10px); }
  30% { transform: translateX(-10px); }
  40% { transform: translateX(10px); }
  50% { transform: translateX(-10px); }
  60% { transform: translateX(10px); }
  70% { transform: translateX(-10px); }
  80% { transform: translateX(10px); }
  90% { transform: translateX(-10px); }
  100% { transform: translateX(0); }
}

.shake {
  animation: strongShake 0.6s ease;
}
#cc div.loader {
    margin-top: 50px;
}
body #cc #empty_list {
  display: table!important;
    margin: 50px auto!important;
    padding: 10px 30px!important;
}

h1, .h1, .lp_slider_box a > span {
  font-family: "Poppins" !important;
  font-size: min(max(8.19vw, 84px), 96px);
  /* letter-spacing: 0.03em; */
  /* text-transform: uppercase; */
  line-height: min(max(8.19vw, 80px), 84px);
  font-weight: 700!important;
  font-style: normal;
}

h2, .inner_page__baner .headline span, .wrapper__search_card--right .liste_box_preis > span, #cc h2, .h2, .lp_slider_box a > p, #passData .page_box_form h3 p {
  font-family: "Poppins" !important;
  font-size: clamp(2.8rem, 2.8rem + (1vw - 0.48rem) * 1.3194, 3.75rem);
  line-height: 1.1;
  font-weight: 700 !important;
  color: var(--clr-royal-blue-dark);
}
#passData .page_box_form h3, #passData .page_box_form h3 p {
  color: var(--clr-royal-blue-dark) !important;
  text-transform: none!important;
}

h3, .h3 {
  font-size: clamp(1.925rem, 12px + 2.2vw, 2.475rem);
  line-height: 1.1;
}

h4, .swiper-slide--box--title---price span, .h4 {
  font-size: clamp(1.2rem, 1.2rem + (1vw - 0.48rem) * 0.2083, 1.35rem);
  font-weight: 500;
  line-height: 1.1;
  text-transform: lowercase;
  color: var(--clr-royal-blue-dark);
}

h5, .h5 {
  font-size: clamp(1.375rem, 12px + 1.1vw, 1.65rem);
  line-height: 1.1;
}

p,
span {
  font-weight: 300 !important;
  line-height: 1.4;
  color: var(--clr-davys-grey);
}

a,
p,
li,
label {
  font-family: var(--ff-main);
  text-decoration: none;
}

a {
  color: #003559;
  text-decoration: none;
  font-weight: 400;
  margin-bottom: 0 !important;
  cursor: pointer;
}

nav a {
  color: #003559;
  font-weight: 600;
  text-transform: none
}
ul {
  list-style: none;
}
ul li {
 /*  line-height: clamp(1rem, 1rem + (1vw - 0.48rem) * 1.3889, 2rem); */
}

ul li::before {
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  /* display: inline-block; */
  width: 1em;
  height: 1em;
  position: relative;
  top: 0.1rem;
  margin-right: 0.4rem;
  display: none;
}

#cc_wrapper_width {
    width: 100%;
}

/**
*
* Testing
*
**/
.accordion-container .accordion-title {
  position: relative;
  margin: 0;
  padding: 0.625em;
  font-size: clamp(0.8rem, 0.8rem + (1vw - 0.48rem) * 0.1389, 0.9rem) !important;
  font-weight: 600;
  color: var(--clr-flicker-blue);
  text-transform: capitalize !important;
  background-color: transparent;
  cursor: pointer;
}

.accordion-container .accordion-title:hover,
.accordion-container .accordion-title:active,
.accordion-title.open {
  background-color: transparent;
  background: transparent;
  color: var(--clr-french-blue) !important;
}

.accordion-container .accordion-title::after {
  content: "+";
  position: absolute;
  top: 50%;
  right: 1em;
  width: 1em;
  height: 1em;
  font-size: clamp(1.3rem, 0.9rem + (1vw - 0.48rem) * 0.1389, 1.5rem);
  text-align: center;
  transform: translateY(-50%);
  color: var(--clr-davys-grey);
}

.accordion-container .accordion-title.open::after {
  content: "-";
  width: 1em;
  height: 1em;
  font-size: clamp(1.3rem, 0.9rem + (1vw - 0.48rem) * 0.1389, 1.5rem);
  text-align: center;
  position: absolute;
  top: 50%;
  right: 1em;
  transform: translateY(-50%);
  color: var(--clr-french-blue);
}

/*CSS for CodePen*/
.accordion-content {
  padding: 0em 1em 1em 2em;
}
.accordion-content > ul {
  margin-bottom: 0 !important;
}

.accordion-container {
  width: 100%;
  margin: 0 auto;
}

.wrapper__boxes--1 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(15em, 1fr));
  grid-auto-flow: row dense;
  gap: clamp(1rem, 1rem + (1vw - 0.48rem) * 1.3889, 1.4rem);
  width: 100%;
}

[ng-controller="cruises"] #btnSearch {
    padding: 0.75rem 0rem !important;
}




@media (min-width: 1632px) {
  .wrapper__boxes--1 {
    grid-template-columns: repeat(auto-fill, minmax(18em, 1fr));
  }
}

.box__1, .box__ship--1, .box__2, .box__2--wide, .box__1--full_width {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  border-radius: clamp(0.2rem, 0.2rem + (1vw - 0.48rem) * 0.3472, 0.3rem);
  aspect-ratio: 1/1.01;
  overflow: hidden;
}
.box__1 *:not(.button), .box__ship--1 *:not(.button), .box__2 *:not(.button), .box__2--wide *:not(.button), .box__1--full_width *:not(.button) {
  color: white;
}
.box__1 *, .box__ship--1 *, .box__2 *, .box__2--wide *, .box__1--full_width * {
  z-index: 1;
}
.box__1::after, .box__ship--1::after, .box__2::after, .box__2--wide::after, .box__1--full_width::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(0, 0, 0) 50%, rgba(255, 255, 255, 0) 100%);
  z-index: 0;
}
.box__1 .h3, .box__ship--1 .h3, .box__2 .h3, .box__2--wide .h3, .box__1--full_width .h3 {
  font-family: "Poppins";
  text-transform: uppercase;
  line-height: 0.8em;
  z-index: 1;
}
.box__1 span, .box__ship--1 span, .box__2 span, .box__2--wide span, .box__1--full_width span {
  text-transform: uppercase;
  z-index: 1;
}
.box__1 .button, .box__ship--1 .button, .box__2 .button, .box__2--wide .button, .box__1--full_width .button {
  margin-top: 0.9em;
  z-index: 1;
}

.box__1--price {
  margin-top: 0.2em;
}

.box__1--title---boat,
.box__1--date {
  font-weight: 200;
  font-size: clamp(0.9rem, 0.9rem + (1vw - 0.48rem) * 0.1389, 1rem);
}

.box__1--image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}

.box__1--full_width {
  grid-area: 2/1/2/-1;
  aspect-ratio: 1/0.18;
}

.box__info--wide {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  background-color: var(--clr-cultured);
  padding: 3em;
}
.box__info--wide > * + * {
  margin-left: 1em;
}
.box__info--wide a {
  color: var(--clr-flicker-blue);
  font-weight: 500;
}

.box__info--wrapp---title {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding-right: 1em;
  border-right: 1px solid var(--clr-davys-grey);
}
.box__info--wrapp---title > img {
  max-height: 2.7em;
}
.box__info--wrapp---title p {
  font-weight: 700;
  white-space: nowrap;
  margin-left: 0.75em;
}

.box__2--wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(27em, 1fr));
  grid-auto-flow: row dense;
  grid-gap: 2em;
  gap: 2em;
}
.box__2--wrapper .button__blue {
  margin-top: 0.5em;
}

.box__2--wide {
  grid-area: 1/1/1/-1;
  aspect-ratio: 1/0.3;
}
.box__2--wide .box__1--title---boat {
  font-size: clamp(1.2rem, 0.9rem + (1vw - 0.48rem) * 0.1389, 1.3rem);
}

.box__2 {
  aspect-ratio: 1/0.55;
}
.box__2 .box__1--title---boat {
  font-size: clamp(1.2rem, 0.9rem + (1vw - 0.48rem) * 0.1389, 1.3rem);
}

.box__ship--1 {
  aspect-ratio: 1/0.6;
}
.box__ship--1 .box__1--title---boat {
  font-size: clamp(2rem, 0.9rem + (1vw - 0.48rem) * 0.1389, 2.5rem);
  font-size: clamp(1.5rem, 1.5rem + (1vw - 0.48rem) * 2.0833, 3rem);
}
.box__ship--1 .box__1--date {
  text-transform: uppercase;
}

.lp_trip_box {
  border-radius: clamp(0.25rem, 0.25rem + (1vw - 0.48rem) * 0.3472, 0.5rem);
}
.lp_trip_box::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, black 50%, rgba(255, 255, 255, 0) 100%);
  z-index: 0;
}
.lp_trip_box a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex !important;
}
.lp_trip_box .headline, .lp_trip_box .flexslider--2 .slides li, .flexslider--2 .slides .lp_trip_box li,
.lp_trip_box .price {
  background-color: transparent !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center;
  z-index: 1;
}
.lp_trip_box .headline span, .lp_trip_box .flexslider--2 .slides li span, .flexslider--2 .slides .lp_trip_box li span,
.lp_trip_box .price span {
  max-width: 100% !important;
  font-family: "Poppins" !important;
  font-size: clamp(1.925rem, 12px + 2.2vw, 2.475rem) !important;
  line-height: 1.1 !important;
  text-transform: uppercase;
  line-height: 0.8em;
  color: white !important;
  z-index: 1;
}
.lp_trip_box .text {
  background-color: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  width: max-content !important;
  z-index: 1;
}
.lp_trip_box .text > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.lp_trip_box .text * {
  font-family: "Poppins" !important;
  font-size: clamp(0.8rem, 0.8rem + (1vw - 0.48rem) * 0.1389, 0.9rem);
  font-weight: 400 !important;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: white !important;
}

#cc .lp_trip div {
  margin-top: 1.5rem;
}

#cc .lp_trip div:nth-child(3n) {
  margin: 1.5rem 20px 0 0;
}

#cc .lp_trip div:nth-child(4n) {
  margin: 1.5rem 0px 0 0;
}

.wrapper__boxes--3 .headline, .wrapper__boxes--3 .flexslider--2 .slides li, .flexslider--2 .slides .wrapper__boxes--3 li {
  order: 2;
}
.wrapper__boxes--3 .text {
  margin-top: 0;
  top: 0 !important;
  order: 3;
  margin-top: 0.5em !important;
}
.wrapper__boxes--3 .text > div {
  margin-top: 0 !important;
}
.wrapper__boxes--3 .price {
  order: 4;
}

.headline, .flexslider--2 .slides li {
  line-height: 0.7 !important;
}
.headline span, .flexslider--2 .slides li span {
  line-height: 0.7 !important;
}

.text {
  margin-top: 0;
}
.text > div {
  margin-top: 0 !important;
}

button,
.button,
.button__blue,
.button__outlined {
  background-color: var(--clr-jonkuil);
  border-radius: 0.1875rem;
  font-size: clamp(0.8rem, 0.8rem + (1vw - 0.48rem) * 0.1389, 0.9rem);
  letter-spacing: 0.125rem;
  text-transform: uppercase;
  line-height: 1.7em;
  color: var(--clr-royal-blue-dark);
  border: none;
  transition: all 0.5 ease;
  cursor: pointer;
  padding: 0 0.8em;
  font-family: var(--ff-heading);
  font-weight: 400;
  max-width: intrinsic;
  /* Safari/WebKit uses a non-standard name */
  max-width: -moz-max-content;
  /* Firefox/Gecko */
  max-width: -webkit-max-content;
  /* Chrome */
  max-width: max-content;
  position: relative;
  transition: all 0.5s ease;
  text-align: center;
  display: inline-block;
  font-size: 0.875rem;
  line-height: 1.6;
  padding: 0.75rem 1.5rem;
  text-align: center;
  user-select: none;
  vertical-align: middle;
  text-decoration: none !important;
  cursor: pointer;
}

.button__outlined {
  background-color: transparent;
  border: 1px solid var(--clr-royal-blue-dark);
  color: var(--clr-royal-blue-dark);
  padding: 0.75rem 3rem;
}

.button__blue {
  background-color: var(--clr-flicker-blue);
  color: white;
}

.ribbon__new {
  background-color: var(--clr-fashion-fuchsia);
  padding: 0.5em 1em;
  margin-top: 0 !important;
  transform: skewX(-20deg);
  text-transform: uppercase;
  display: inline-block;
  z-index: 9;
  order: 1;
}
.ribbon__new > span {
  transform: skewX(20deg);
  display: inline-block;
  color: white !important;
}

.button__modal_close {
  position: absolute;
  top: 1em;
  right: 1em;
  color: var(--clr-royal-blue-dark);
  font-family: "Poppins";
  font-size: clamp(1.3rem, 0.9rem + (1vw - 0.48rem) * 0.1389, 1.5rem);
  font-style: normal;
  font-weight: 500;
  margin-top: 0 !important;
}

.card__1 {
  width: 100%;
  border-radius: clamp(0.2rem, 0.2rem + (1vw - 0.48rem) * 0.3472, 0.3rem);
  background-color: white;
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
.card__1 > img {
  width: 100%;
  aspect-ratio: 1/0.55;
}
.card__1 * {
  text-align: left;
}

.wrapper__card_1--typhography {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: clamp(0.8rem, 0.8rem + (1vw - 0.48rem) * 0.2778, 1rem);
}
.wrapper__card_1--typhography > * + * {
  margin-top: clamp(0.8rem, 0.8rem + (1vw - 0.48rem) * 0.2778, 1rem);
}

.wrapper__card_1--location_ship {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.wrapper__card_1--location_ship > div {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.wrapper__card_1--location_ship img {
  height: clamp(1rem, 1rem + (1vw - 0.48rem) * 1.3889, 1.4rem);
  width: 1em;
  margin-right: 0.5em;
  object-fit: none;
}
.wrapper__card_1--location_ship span {
  font-size: clamp(0.6rem, 0.6rem + (1vw - 0.48rem) * 0.1389, 0.7rem);
  color: var(--clr-davys-grey);
}

.card__1--starting {
  font-size: clamp(0.7rem, 0.7rem + (1vw - 0.48rem) * 0.1389, 0.8rem);
}

.card__1--price {
  font-size: clamp(1.3rem, 0.9rem + (1vw - 0.48rem) * 0.1389, 1.5rem);
  font-weight: 600;
  color: var(--clr-royal-blue-dark);
  margin-top: 0;
}

.view_more {
  margin-left: auto;
  font-size: clamp(0.8rem, 0.8rem + (1vw - 0.48rem) * 0.1389, 0.9rem);
  color: var(--clr-flicker-blue);
  padding-right: 1em;
  background-image: url(/html/assets/svg/arrow__right--blue.svg);
  background-repeat: no-repeat;
  background-position: bottom 2px right;
}
.view_more::hover {
  text-decoration: none;
}

.wrapper__card_2 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}
.wrapper__card_2 > * + * {
  margin-left: 1em;
}
@media (max-width: 992px) {
  .wrapper__card_2 > * + * {
    margin-left: 0;
  }
}
@media (max-width: 992px) {
  .wrapper__card_2 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 2em;
  }
}







.card__2, .card__3 {
  display: grid;
  grid-template-rows: 20em auto auto auto;
  gap: 1em;
  max-width: 33%;
}
.card__2 img, .card__3 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  margin-bottom: 1.5em;
  border-radius: 0.25em;
}
.card__2 .h5, .card__3 .h5 {
  margin-bottom: 0.5em;
  font-weight: 600;
}
.card__2 a, .card__3 a {
  display: block;
  margin-top: 1em;
  color: var(--clr-flicker-blue);
  text-transform: uppercase;
}
@media (max-width: 992px) {
  .card__2, .card__3 {
    max-width: 100%;
  }
}

.card__3 {
  max-width: 50%;
  width: 50%;
}
.card__3 > img {
  height: 24em;
}
.card__3 * {
  color: white;
}
.card__3 a {
  color: white;
}

.card__4 {
  position: relative;
  cursor: pointer;
}
.card__4 img {
  border-radius: 0.25em;
}
.card__4 .h4 {
  position: absolute;
  left: 1.2em;
  bottom: 0.5em;
  font-family: "Poppins" !important;
  letter-spacing: 0.125rem;
  color: white;
  text-transform: uppercase;
  z-index: 1;
  transition: 0.35s ease all;
}
.card__4 p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  position: absolute;
  bottom: -100%;
  left: 1.7em !important;
  font-size: clamp(0.9rem, 0.9rem + (1vw - 0.48rem) * 0.1389, 1rem);
  font-weight: 100;
  color: white;
  text-align: left;
  z-index: 9;
  left: 2em;
  transition: 0.45s ease all;
}
.card__4::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(0, 0, 0) 50%, rgba(255, 255, 255, 0) 100%);
  z-index: 0;
}
.card__4:hover .h4 {
  bottom: 4rem;
}
.card__4:hover p {
  bottom: 1em;
}

.spacer__line {
  border-top: 1px solid var(--clr-light-grey);
  color: white;
}

.wrapper__ships {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(calc(50% - 1em), 1fr));
  grid-auto-flow: row dense;
  gap: 1em;
}
.wrapper__ships .h2, .wrapper__ships .lp_slider_box a > p, .lp_slider_box .wrapper__ships a > p {
  grid-area: 1/1/1/-1;
  font-family: "Poppins" !important;
  font-size: clamp(1.8rem, 0.9rem + (1vw - 0.48rem) * 0.1389, 2rem);
  font-weight: bold;
  text-transform: initial;
  margin-bottom: 1.25em;
  margin-left: 0.25em;
}
@media (max-width: 992px) {
  .wrapper__ships {
    grid-template-columns: repeat(auto-fill, minmax(calc(54% - 1em), 1fr));
  }
}

.wrapper__ships[data-ships=new__fleet] .box__1--title---boat {
  font-size: clamp(1.8rem, 1.8rem + (1vw - 0.48rem) * 1.6667, 3rem);
  min-height: 0vw;
}

.wrapper__ships[data-ships=meet_the_fleet] {
  grid-template-columns: repeat(auto-fill, minmax(calc(25% - 1em), 1fr));
  margin-top: 5em;
}
.wrapper__ships[data-ships=meet_the_fleet] .box__1--title---boat {
  height: 3.75rem;
}
@media (max-width: 992px) {
  .wrapper__ships[data-ships=meet_the_fleet] {
    grid-template-columns: repeat(auto-fill, minmax(calc(54% - 1em), 1fr));
  }
}

label {
  font-size: clamp(0.9rem, 0.9rem + (1vw - 0.48rem) * 0.1389, 1rem);
}

input[type=radio] {
  vertical-align: middle;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background: none;
  border: 0;
  box-shadow: inset 0 0 0 2px white;
  appearance: none;
  padding: 0;
  margin: 0 0.2em 0 0;
  transition: box-shadow 150ms cubic-bezier(0.95, 0.15, 0.5, 1.25);
  pointer-events: none;
  cursor: pointer;
}
input[type=radio]:focus {
  outline: none;
}
input[type=radio]:checked {
  box-shadow: inset 0 0 0 6px var(--clr-coral);
}

.chkbx {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin: 0.5em 0;
  margin-left: 0.5em;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  cursor: pointer;
  width: 100%;
  height: 1em;
  margin-bottom: 0.3em;
}
.chkbx .pretragaCheckbox {
  margin-right: 0.2em;
}
.chkbx .pretragaCheckbox:checked ~ .aside__checkbox--text {
  color: var(--clr-coral);
  font-weight: 500;
  font-size: clamp(0.7rem, 0.7rem + (1vw - 0.48rem) * 0.1389, 0.8rem);
  line-height: clamp(0.8rem, 0.8rem + (1vw - 0.48rem) * 0.1389, 0.9rem);
}
.chkbx .pretragaCheckbox:checked ~ .x {
  background: var(--clr-coral);
}
.chkbx .pretragaCheckbox:checked ~ .x::before {
  background: white;
  left: 18px;
}

.x {
  position: relative;
  display: block;
  width: 28px;
  height: 12px;
  background-color: var(--clr-grey);
  border-radius: 60px;
  transition: 0.5s;
  margin-right: 0.3em;
}
.x::before {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  left: 2px;
  top: calc(50% - 8px);
  transform: translateY(calc(-50% + 8px));
  box-sizing: border-box;
  background-color: white;
  border-radius: 40px;
  transition: 0.5s;
}

.chkbx input[type=checkbox],
.pretragaCheckbox {
  display: none;
}

#empty_list.ng-hide {
  position: absolute;
  top:-99999px
}

.field__input,
input,
textarea {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: var(--clr-s-sonic_silver);
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  color: black;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.newsletter {
  padding: 4em 0;
  border-top: 1px solid var(--clr-light-grey);
  border-bottom: 1px solid var(--clr-light-grey);
}
.newsletter .h2, .newsletter .lp_slider_box a > p, .lp_slider_box .newsletter a > p {
  text-align: center;
  margin-bottom: 0.5em;
}
.newsletter form {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: min(70em, 100%);
  margin: 1em auto 0 auto;
}
.newsletter form > * + * {
  margin-left: 1em;
}
.newsletter form input {
  height: 2.9rem;
  max-width: 35ch;
}
@media (max-width: 992px) {
  .newsletter form {
    flex-direction: column;
    grid-gap: 0.5em;
    gap: 0.5em;
  }
  .newsletter form > * + * {
    margin-left: 0;
  }
  .newsletter form .button__blue {
    width: 100%;
    max-width: 100%;
  }
}

.newsletter__disclaimer {
  display: block;
  font-size: clamp(0.6rem, 0.6rem + (1vw - 0.48rem) * 0.1389, 0.7rem);
  font-style: italic;
  margin-top: 3em;
}

.wrapper__swiper_all {
  height: 100%;
  margin: 0 0;
  overflow: hidden;
}
.wrapper__swiper_all .swiper-wrapper {
  margin-top: 0 !important;
}

.swiper__home--1, .swiper__what_to_do {
  position: relative;
  left: -0.5em;
  overflow: hidden;
}
.swiper__home--1 .swiper-wrapper, .swiper__what_to_do .swiper-wrapper {
  padding: 0 0.5em;
}
.swiper__home--1 .swiper-slide, .swiper__what_to_do .swiper-slide {
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
  margin: 0 0 0.4em 0;
  border-radius: clamp(0.25rem, 0.25rem + (1vw - 0.48rem) * 0.3472, 0.5rem);
  aspect-ratio: 1/1.3;
  background-size: 100%;
  background-repeat: no-repeat;
  overflow: hidden;
}
.swiper__home--1 .swiper-slide a, .swiper__what_to_do .swiper-slide a {
  display: block;
  position: relative;
  width: 100%;
}
.swiper__home--1 .swiper-slide img, .swiper__what_to_do .swiper-slide img {
  position: relative;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  aspect-ratio: 1/0.6;
  object-fit: cover;
}
.swiper__home--1 .swiper-slide p, .swiper__what_to_do .swiper-slide p {
  margin: 0;
  padding: 0;
}
.swiper__home--1:hover .swiper-button-prev, .swiper__what_to_do:hover .swiper-button-prev {
  margin-left: 0;
}
.swiper__home--1:hover .swiper-button-prev::after, .swiper__what_to_do:hover .swiper-button-prev::after {
  font-size: clamp(0.9rem, 0.9rem + (1vw - 0.48rem) * 0.1389, 1rem) !important;
  opacity: 1 !important;
}
.swiper__home--1:hover .swiper-button-next, .swiper__what_to_do:hover .swiper-button-next {
  margin-right: -14px;
}
.swiper__home--1:hover .swiper-button-next::after, .swiper__what_to_do:hover .swiper-button-next::after {
  font-size: clamp(0.9rem, 0.9rem + (1vw - 0.48rem) * 0.1389, 1rem) !important;
  opacity: 1 !important;
}

.swiper-slide--box--title {
  margin-bottom: 0;
}
.swiper-slide--box--title span {
  color: var(--clr-royal-blue-dark);
  font-size: clamp(1.2rem, 0.9rem + (1vw - 0.48rem) * 0.1389, 1.3rem);
  font-weight: 600;
}

.swiper__titles {
  display: flex !important;
  flex-direction: column;
  z-index: 1;
  position: absolute !important;
  bottom: 0;
  padding: 2em !important;
}

.swiper-slide--box--title---ship {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  order: 4;
  font-size: clamp(0.7rem, 0.7rem + (1vw - 0.48rem) * 0.1389, 0.8rem);
  margin-top: 1rem;
}
.swiper-slide--box--title---ship::before {
  content: "";
  position: relative;
  display: block;
  top: -1px;
  left: 0;
  width: 1.5em;
  height: 1.5em;
  margin-right: 0.3em;
  background-image: url(https://rocketdash.io/rk/assets/svg/icon__ship.svg);
  background-size: 1.5em;
  background-repeat: no-repeat;
}

.swiper-slide--box--title---price {
  display: flex;
  align-items: flex-end;
  order: 3;
  margin-top: 0.5rem;
}
.swiper-slide--box--title---price span {
  font-family: "Poppins" !important;
  font-size: clamp(1.8rem, 0.9rem + (1vw - 0.48rem) * 0.1389, 2rem);
  line-height: 0.9;
  display: block;
  text-transform: lowercase;
  margin-left: 0.1em;
  margin-bottom: 0 !important;
}

.swiper-slide--box--period {
  order: 2;
  font-size: clamp(0.7rem, 0.7rem + (1vw - 0.48rem) * 0.1389, 0.8rem);
  margin-top: 0.3em;
}

.swiper-button-prev,
.swiper-button-next {
  background-color: transparent !important;
  right: 0.8rem !important;
  width: 2.5rem !important;
  height: 100% !important;
  margin-top: 0 !important;
  background-size: 0.2em !important;
  transform: translateY(-50%);
  z-index: 9999;
  background-color: rgba(255, 255, 255, 0.8) !important;
}
.swiper-button-prev::after,
.swiper-button-next::after {
  opacity: 0 !important;
}

.swiper-button-prev {
  margin-left: -2.5rem;
  transition: 0.5s ease all;
}

.swiper-button-next {
  margin-right: -2.5rem;
  transition: 0.5s ease all;
}

.swiper-button-prev {
  left: 0 !important;
}

.swiper-button-right {
  right: -1px !important;
}

.swiper___things_to_do__left {
  height: 80%;
  width: 100%;
}

.swiper__things_to_do__left--thumb {
  height: 20%;
  box-sizing: border-box;
  padding: 10px 0;
}
.swiper__things_to_do__left--thumb img {
  border-radius: 0.25em;
}

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

.swiper___things_to_do__left {
  height: 100vh;
}
.swiper___things_to_do__left::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: -19rem;
  width: 100%;
  height: 30rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 30%, rgb(255, 255, 255) 100%);
  z-index: 1;
}

.swiper__things_to_do__left--thumb {
  position: absolute !important;
  width: 70%;
  bottom: 3em;
  height: 5em;
  z-index: 2;
  left: 50%;
  transform: translateX(-50%);
}
.swiper__things_to_do__left--thumb .swiper-slide {
  opacity: 0.4;
  transition: 0.5s ease all;
}
.swiper__things_to_do__left--thumb .swiper-slide:hover {
  opacity: 0.7;
  transition: 0.5s ease all;
}
.swiper__things_to_do__left--thumb .swiper-slide-thumb-active {
  opacity: 1 !important;
}
.swiper__things_to_do__left--thumb img {
  cursor: pointer;
}
.swiper__things_to_do__left--thumb::after {
  position: absolute;
  content: "";
  right: 0;
  bottom: 0;
  width: 0;
  height: 100%;
  box-shadow: -6px 0px 33px 38px rgb(255, 255, 255);
  background-color: white;
  z-index: 9;
}

.swiper-button-prev__ttd,
.swiper-button-next__ttd {
  display: block;
}
.swiper-button-prev__ttd::after,
.swiper-button-next__ttd::after {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  font-size: clamp(0.9rem, 0.9rem + (1vw - 0.48rem) * 0.1389, 1rem) !important;
  opacity: 1 !important;
}

.swiper-button-prev__ttd {
  left: 3em !important;
}

.swiper-button-next__ttd {
  right: 3.5em !important;
}

.swiper__what_to_do {
  overflow: hidden;
  position: relative;
}
.swiper__what_to_do .swiper-slide {
  overflow: hidden;
}
.swiper__what_to_do:hover .swiper-button-next__activities {
  margin-right: -13px;
}

.swiper-button-next__activities {
  margin-right: -4em;
}

.home__fasade {
  display: grid;
  grid-template-columns: 1fr 70%;
  position: relative;
}
.home__fasade > * + * {
  margin-left: 4em;
}

.home__fasade--left {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.home__fasade--left > * + * {
  margin-top: 1em;
}
.home__fasade--left > p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: clamp(0.7rem, 0.7rem + (1vw - 0.48rem) * 0.1389, 0.8rem);
  line-height: clamp(0.9rem, 0.9rem + (1vw - 0.48rem) * 0.1389, 1rem);
}

.tab {
  width: 30em;
}

.tablinks {
  position: relative;
  display: block;
  transition: 0.3s;
  border-top: 1px solid grey;
  width: 100%;
  cursor: pointer;
  color: black;
  line-height: 5em;
  transition: all 0.5s ease;
}
.tablinks::after {
  position: absolute;
  right: 1em;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  width: 3em;
  height: 2em;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1em;
  transition: all 0.8s ease;
}
.tablinks span {
  position: relative;
  left: 0em;
  transition: all 1s ease;
  transition-delay: 0.4s;
}
.tablinks span::before {
  opacity: 0;
  position: absolute;
  left: -3em;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  width: 3em;
  height: 2em;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1em;
  transition: all 1.5s ease;
}

.tablinks:hover span,
.tablinks.active span {
  position: relative;
  left: 3em;
}
.tablinks:hover span::before,
.tablinks.active span::before {
  opacity: 1;
}
.tablinks:hover::after,
.tablinks.active::after {
  right: -2em;
  opacity: 0;
}

.tabcontent {
  position: relative;
  overflow: hidden;
}

.baner__text {
  position: relative;
  width: 90%;
  margin: auto;
  margin-bottom: 15em;
}
.baner__text img {
  width: 100%;
  height: 40em;
  object-fit: cover;
  background-size: cover;
}
@media (max-width: 992px) {
  .baner__text img {
    aspect-ratio: 1/0.7;
    height: unset;
  }
}
@media (max-width: 992px) {
  .baner__text {
    width: 100%;
  }
}

.wrapper__baner--text {
  position: absolute;
  left: 50%;
  bottom: -13em;
  transform: translateX(-50%);
  background-color: white;
  width: 75%;
  margin: 0 auto;
  padding: 5em;
  text-align: center;
}
@media (max-width: 992px) {
  .wrapper__baner--text {
    width: 90%;
    padding: 1em 2em;
  }
  .wrapper__baner--text * {
    text-align: left;
  }
}

section {
  margin-top: clamp(2rem, 2rem + (1vw - 0.48rem) * 2.7778, 4rem);
}

main {
  max-width: 120rem;
  margin: 0 auto;
  padding: 0 0.5em;
  margin: 0 auto;
  position: relative;
  width: 100%;
  margin-top: 4.5em;
  padding: 0 1em;
  flex: 1;
}
main > * + * {
  margin-top: 3em;
}

.container__global {
  max-width: 93.75rem;
  margin: 0 auto;
  padding: 0 0.5em;
  margin: 0 auto;
  position: relative;
  width: calc(100% - 8em);
}

.container__narrow {
  padding: 0 11.875rem;
}
@media (max-width: 992px) {
  .container__narrow {
    padding: 0;
    max-width: 93.75rem !important;
  }
}

@media (max-width: 1369px) {
  #cc input[type="submit"] {
    font-size: 19px !important;
    padding: 15px;
  }
}



.footer__recaptcha {
  font-size: clamp(0.7rem, 0.7rem + (1vw - 0.48rem) * 0.1389, 0.8rem);
  color: var(--clr-granite-gray);
}

.grecaptcha-badge {
  visibility: hidden;
}

.wrapper__toolBar--top {
  background-color: var(--clr-oxford-blue);
  width: 100vw;
}

.toolBar__top {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  color: white;
  font-size: clamp(0.7rem, 0.7rem + (1vw - 0.48rem) * 0.1389, 0.8rem);
  text-transform: uppercase;
  padding: 0.25em 0;
  display: none;
}
.toolBar__top::after {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  content: "";
  position: absolute;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.16);
  bottom: 0;
  left: 0;
}
.toolBar__top img {
  display: block;
  height: 0.8em;
  margin: 0 0.5em;
}
.toolBar__top > div {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  position: relative;
  height: clamp(1.2rem, 1.2rem + (1vw - 0.48rem) * 0.4167, 1.5rem);
  padding: 1em 0;
  color: white;
  text-transform: uppercase;
  font-size: clamp(0.7rem, 0.7rem + (1vw - 0.48rem) * 0.1389, 0.8rem);
  font-weight: 400;
  letter-spacing: clamp(0.115rem, 0.5rem + (1vw - 0.48rem) * 0.3472, 0.125rem);
}
.toolBar__top > * + * {
  margin-left: 3em;
}
@media (max-width: 992px) {
  .toolBar__top {
    display: none;
  }
}

header {
  margin: 0 auto;
  padding: 0 2.5em;
  margin: 0 auto;
  position: relative;
  width: 100%;
  height: 5rem;
  z-index: 99;
      background: #ffffff !important;
}
header::before {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 5em;
}

.header__blue {
  position: relative;
  border-top: 1px solid rgba(255, 255, 255, 0.16);
  margin-bottom: 0;
  height: 120px;
}
.header__blue::before {
  display: none;
}
.header__blue::after {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  content: "";
  background-color: #fff;
  position: absolute;
  left: 0;
  height: calc(100% + 1px);
  top: -1px;
}

.wrapper__header {
  padding: 0;
  position: relative;
  height: clamp(30rem, 30rem + (1vw - 0.48rem) * 11.1111, 38rem);
  width: 100%;
  margin-bottom: auto;
  overflow: hidden;
}
.wrapper__header .header__image {
  width: 100%;
  height: 105%;
  object-fit: fill;
  filter: none;
  transition: filter 0.75s ease-in-out;
}
.wrapper__header::before, .wrapper__header::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 6em;
}
.wrapper__header::before {
  top: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0) 100%);
  z-index: 0;
}
.wrapper__header::after {
  bottom: 0;
  height: 100%;
  opacity: 0.4;
  background: -webkit-linear-gradient(0, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 23.83%, #000 48.25%, rgba(0, 0, 0, 0) 75.83%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(0, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 23.83%, #000 48.25%, rgba(0, 0, 0, 0) 75.83%, rgba(0, 0, 0, 0) 100%);
  z-index: 0;
}

.wrapper__header--texline {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.wrapper__header--texline * {
  color: white;
  text-align: center;
}
.wrapper__header--texline h1 {
  margin-top: 0.75rem;
}
.wrapper__header--texline h2 {
  font-size: clamp(1.375rem, 12px + 1.1vw, 1.65rem);
  font-weight: 500;
}



.lp_slider_box a {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex !important;
  top: 50%;
  transform: translateY(-50%);
  height: max-content !important;
  z-index: 9;
}
.lp_slider_box a a {
  display: flex;
  flex-direction: column;
}
.lp_slider_box a > span {
  font-size: min(max(8.19vw, 54px), 66px) !important;
  margin-top: 0;
  padding: 0 !important;
  background-color: transparent !important;
  order: 2;
}
.lp_slider_box a > p {
  font-family: "Poppins" !important;
  font-size: clamp(1.375rem, 12px + 1.1vw, 1.65rem);
  font-weight: 300;
  letter-spacing: 0.2em;
  order: 1;
  background-color: transparent !important;
  color: white !important;
}

.flexslider--0 .slides {
  width: 100vw;
  margin-left: calc(-50vw + 50%) !important;
  margin-right: calc(-50vw + 50%) !important;
}

.flexslider--2 {
  width: 100%;
}
.flexslider--2 .slides {
  width: 100%;
  height: 13.5rem;
  border-radius: 8px;
  overflow: hidden;
}
.flexslider--2 .slides li {
  height: 100%;
}
.flexslider--2 .slides li .lp_slider_box {
  height: 100% !important;
}
.flexslider--2 .slides li .lp_slider_box a span {
  max-width: 100% !important;
  font-family: "Poppins" !important;
  font-size: clamp(1.925rem, 12px + 2.2vw, 2.475rem) !important;
  line-height: 1.1 !important;
  text-transform: uppercase;
  line-height: 0.8em;
  color: white !important;
  z-index: 1;
}
.flexslider--2 .slides li .lp_slider_box p {
  padding: 0 !important;
}
.flexslider--2 .slides li::before {
  display: none;
}

#cc .cc_limit_width:nth-of-type(2n + 1) {
  background-color: transparent !important;
  margin-top: 3em;
}

.lp_trip {
  padding: 0 !important;
  background-color: transparent !important;
  position: relative;
}

#cc .cc_limit_width:nth-of-type(1) {
  margin-top: -2rem;
}

#cc > .cc_limit_width:nth-of-type(4) > div:nth-of-type(5) > .lp_trip > .lp_trip_box {
  margin-top: 0 !important;
}

#cc .lp_trip_box {
  height: 25em;
}

/* MENU DESKTKOP */
.wrapper__nav {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: unset;
  position: relative;
  top: 2em;
  width: 100%;
  z-index: 1;
}

nav {
  color: white;
  text-transform: uppercase;
  width: 100%;
  padding-left: clamp(2rem, 2rem + (1vw - 0.48rem) * 2.7778, 4rem);
}
nav a {
  font-size: 1rem;
  letter-spacing: 0;
}
nav a:hover {
  text-decoration: none;
}
nav > * + * {
  margin-left: clamp(2rem, 2rem + (1vw - 0.48rem) * 2.7778, 4rem);
}

.nav__logo {
  width: 6rem;
  height: 6rem;
  margin-top: -28px;
}
.right-info{
  margin-top:-20px
}
.right-info .text-info  {
  width:200px;
}
.right-info .text-info  {
  display: block;
  font-size: 12px
}
.right-info .text-info-h {
  font-weight: 600!important
}

@media (max-width: 992px) {

  .right-info{
    display:none;
  }
  header nav {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    position: fixed;
    width: calc(100vw - 3em) !important;
    padding: 2em !important;
    background-color: white;
    height: 100vh;
    left: -100%;
    top: 0;
    box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12);
    z-index: 9999;
    transition: 0.5s ease-in all;
  }
  header nav > * + * {
    margin-top: 2em;
    margin-left: 0 !important;
  }
  header nav a {
    color: var(--clr-flicker-blue);
    font-size: 1.25em !important;
    text-transform: full-size-kana;
  }
  header nav .toolBar__top {
    display: flex;
    flex-direction: column !important;
    align-items: flex-start !important;
    height: auto !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 0 2em 0 !important;
    color: var(--clr-davys-grey) !important;
  }
  header nav .toolBar__top span {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
  }
/*  .nav__shade {
    position: fixed;
    width: 100vw;
    height: 100vh;
    left: -100%;
    top: 0;
    z-index: 0;
    background-color: transparent;
  }
  .nav__shade--active {
    left: 0;
  }
  */
  .wrapper__nav {
    padding: 0 !important;
    display: block;

  }
  .wrapper__nav .nav__hamburger {
    height: 1.4em;
    position: absolute;
        right: 0;
  }

  .wrapper__nav .logo-xl {
    height:6rem;
    width: 6rem;
  }

  .wrapper__nav .nav__phone {
    height: 1.85em;
  }
  .nav__active {
    left: 0;
    transition: 0.5s ease-in all;
  }
  header .nav__close {
    position: fixed;
    left: 24em;
    left: -100%;
    height: 1rem;
    width: 1rem;
    z-index: 9999;
    transition: 0.5s ease all;
    transition-delay: 0.5s;
  }
  header .nav__close--active {
    left: calc(75vw - 1em) !important;
    transition: 0.5s ease all;
    transition-delay: 0.5s;
  }
}
.inner_page__baner {
  position: relative;
  width: 100%;
  height: 20rem;
  margin-top: 1rem;
}
.inner_page__baner::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, black 50%, rgba(255, 255, 255, 0) 100%);
  z-index: 0;
}
.inner_page__baner img {
  width: 100%;
  height: 100%;
  border-radius: 0.5em;
  object-fit: cover;
}
.inner_page__baner .headline,
.inner_page__baner .text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.inner_page__baner .headline span {
  color: white;
}
.inner_page__baner .text {
  top: 60%;
}
.inner_page__baner .text > div {
  color: white;
  margin-top: 10px!important;
  text-transform: uppercase;
  font-weight: 300!important;
  font-size: clamp(0.9rem, 0.9rem + (1vw - 0.48rem) * 0.1389, 1rem);
}

#cc_lay_ship .page_box {
  border-bottom: 0;
}
#cc_lay_ship .page_content_2 h4 a,
#cc_lay_ship .page_content_1 h4 a {
  color: var(--clr-flicker-blue);
  font-weight: 600;
  text-transform: initial;
  font-size: clamp(1.2rem, 0.9rem + (1vw - 0.48rem) * 0.1389, 1.3rem);
  margin-top: 1em;
}
#cc_lay_ship .liste_box_date {
  background-color: transparent;
  background: transparent;
  color: var(--clr-davys-grey);
}
#cc_lay_ship .liste_box_date em {
  color: var(--clr-davys-grey);
}
#cc_lay_ship .liste_box_nights {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex !important;
  margin: 0 20px 10px 0;
  padding: 0 20px 0 0;
}
#cc_lay_ship .liste_box_nights em {
  width: max-content;
  color: var(--clr-flicker-blue);
}
#cc_lay_ship .liste_box_headline {
  margin-right: 2rem !important;
}
#cc_lay_ship .liste_box_headline em {
  font-size: clamp(1.3rem, 0.9rem + (1vw - 0.48rem) * 0.1389, 1.5rem);
  color: var(--clr-royal-blue-dark);
  font-weight: 600;
}
#cc_lay_ship .liste_box_02 > div:nth-of-type(3) td {
  display: inline-block;
  margin-bottom: 0.4em;
  color: var(--clr-davys-grey);
}
#cc_lay_ship .page_content_header {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(30rem, 1fr));
  grid-template-columns: repeat(auto-fill, minmax(23rem, 1fr));
  grid-auto-flow: row dense;
  grid-gap: 1em;
  gap: 1em;
}
#cc_lay_ship .page_content_header .page_offers_chk {
  grid-area: 1/1/1/-1;
  width: 100%;
  background-color: white;
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
  margin: 0.5em 0 2em 0;
  margin-right: 0px;
  padding: 2em;
  border-radius: clamp(0.25rem, 0.25rem + (1vw - 0.48rem) * 0.3472, 0.5rem);
  background-size: 100%;
  background-repeat: no-repeat;
  overflow: hidden;
}
#cc_lay_ship .page_content_header .page_offers_chk > div:nth-of-type(1) {
  width: 100%;
}
#cc_lay_ship .page_content_header .page_offers_chk > div:nth-of-type(1) .price_tbl {
  width: 100%;
}
#cc_lay_ship .page_content_header .page_offers_chk > div:nth-of-type(1) .price_tbl tbody tr {
  height: 3em;
}
#cc_lay_ship .page_content_header .page_offers_chk > div:nth-of-type(1) .price_tbl th {
  font-size: clamp(0.9rem, 0.9rem + (1vw - 0.48rem) * 0.1389, 1rem);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--clr-davys-grey);
  border-bottom: 1px solid var(--clr-light-grey) !important;
}
#cc_lay_ship .page_content_header .page_offers_chk > div:nth-of-type(1) .price_tbl td {
  color: var(--clr-davys-grey);
  text-align: center;
  vertical-align: middle;
}
#cc_lay_ship .page_content_header .page_offers_chk > div:nth-of-type(1) .price_tbl tr:nth-of-type(3) {
  height: 1em;
  position: relative;
  bottom: -1.5em;
}
#cc_lay_ship .page_content_header .page_offers_chk .price_tbl_01 {
  background-color: transparent;
  color: #fff!important;
  font-weight: 600;
}
#cc_lay_ship .page_content_header .page_offers_cabine {
    display: block;

  justify-content: space-between;
  align-items: flex-start;
  position: relative;
  border-radius: 0.5em !important;
  padding: 4em;
  background-color: var(--clr-cultured);
}
#cc_lay_ship .page_content_header .page_offers_cabine h4 {
  color: var(--clr-royal-blue-dark);
  font-size: clamp(1.1rem, 0.9rem + (1vw - 0.48rem) * 0.1389, 1.2rem);
  font-weight: 500;
  text-transform: capitalize;
}
#cc_lay_ship .page_content_header .page_offers_cabine .underline {
  position: absolute;
  right: 4em!important;      /* Move to left */
   left: auto!important;       /* Cancel right positioning */
  bottom: 1em;
  height: max-content;
  padding: 0.5em;
  color: var(--clr-flicker-blue);
  text-transform: capitalize;
  text-decoration: none;
  outline: 1px solid var(--clr-flicker-blue);
}
#cc_lay_ship .page_content_header .page_offers_cabine .tbl_cabine tbody > * + * {
  margin-top: 0.5em;
}
#cc_lay_ship .page_content_header .page_offers_cabine .tbl_cabine tr {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  grid-gap: 1em;
  gap: 1em;
}
#cc_lay_ship .page_content_header .page_offers_cabine .tbl_cabine tr td {
  width: max-content !important;
  font-size: clamp(1.1rem, 0.9rem + (1vw - 0.48rem) * 0.1389, 1.2rem);
  font-weight: 100;
  color: var(--clr-davys-grey);
  padding: 0;
}
#cc_lay_ship .page_content_header .page_offers_cabine .tbl_cabine tr td:last-of-type {
  padding: 0;
}
#cc_lay_ship .page_content_header .page_offers_cabine .tbl_cabine tr .b_cabine_box {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 4em;
  height: 2em;
  border: 1px solid var(--clr-flicker-blue);
  border-radius: 0;
}
#cc_lay_ship .page_content_header .page_offers_cabine .tbl_cabine tr .b_cabine_box .b_cabine_box_sub {
  padding: 1em;
}
#cc_lay_ship .page_content_header .page_offers_cabine .tbl_cabine tr .b_cabine_box .b_cabine_box_sub:hover {
  background-color: transparent;
}
#cc_lay_ship .page_content_header .page_offers_cabine .tbl_cabine tr .b_cabine_box .b_cabine_box_add {
  padding: 1em;
  background-color: var(--clr-flicker-blue);
}
#cc_lay_ship .page_content_header .page_offers_cabine .tbl_cabine .page_offers_cabine_adult,
#cc_lay_ship .page_content_header .page_offers_cabine .tbl_cabine .page_offers_cabine_child {
  width: 2rem;
  height: 2.6rem;
  background-image: url(https://rocketdash.io/rk/assets/svg/icon__adult.svg);
  background-size: 2rem 2.6rem;
  background-position: center;
}
#cc_lay_ship .page_content_header .page_offers_cabine .tbl_cabine .page_offers_cabine_child {
  background-image: url(https://rocketdash.io/rk/assets/svg/icon__child.svg);
  background-size: 1.7rem 1.7rem;
}
#cc_lay_ship .page_content_header .page_offers_cabine .tbl_cabine .cabine_child select {
  transition: 0.5s ease all;
}
#cc_lay_ship .page_content_header .page_offers_cabine .tbl_cabine .cabine_child select:hover {
  background-color: var(--clr-flicker-blue);
  transition: 0.5s ease all;
}
#cc_lay_ship .page_content_header .page_offers_cabine .wrapper__innerPage--child_age {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  margin-top: 1em !important;
}
#cc_lay_ship .page_content_header .page_offers_cabine .wrapper__innerPage--child_age * {
  padding: 0;
  margin: 0;
}
#cc_lay_ship .page_content_header .page_offers_cabine .wrapper__innerPage--child_age select {
  padding: 0.2em;
  margin-left: 0.5em;
  margin-right: 0 !important;
}
#cc_lay_ship .page_content_header .page_offers_cabine .wrapper__innerPage--child_age tr:last-of-type {
  width: max-content;
}
#cc_lay_ship .page_content_header .page_offers_cabine .wrapper__innerPage--child_age tr:nth-of-type(2) td:first-of-type {
  display: none;
}

.page_nav {
  border: 0 !important;
}

#pagenav {
  position: relative;
  background-color: transparent;
}
#pagenav > li {
  background-color: transparent;
  z-index: 1;
}
#pagenav > li::before {
  display: none !important;
}
#pagenav > li span,
#pagenav > li a {
  background-color: transparent;
  font-size: clamp(0.8rem, 0.8rem + (1vw - 0.48rem) * 0.1389, 0.9rem);
  font-weight: 200 !important;
  color: var(--clr-royal-blue-dark) !important;
  letter-spacing: 0.2em;
}
#pagenav > li span:hover,
#pagenav > li a:hover {
  color: var(--clr-french-blue) !important;
}
#pagenav::after {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  content: "";
  position: absolute;
  height: 100%;
  background-color: var(--clr-cultured);
  z-index: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 0;
}

#cc_lay_ship .page_content[data-scrollpoint=cruise] {
  padding: 0 !important;
  margin-top: 2em;
}
#cc_lay_ship .page_content[data-scrollpoint=cruise] .page_content_1 br,
#cc_lay_ship .page_content[data-scrollpoint=cruise] .page_content_2 br {
  display: none;
}
#cc_lay_ship .page_content[data-scrollpoint=cruise] .page_content_1 h4,
#cc_lay_ship .page_content[data-scrollpoint=cruise] .page_content_2 h4 {
  margin-bottom: 1em;
}
#cc_lay_ship .page_content[data-scrollpoint=cruise] .page_content_1 h4 a,
#cc_lay_ship .page_content[data-scrollpoint=cruise] .page_content_2 h4 a {
  font-size: clamp(1.2rem, 0.9rem + (1vw - 0.48rem) * 0.1389, 1.3rem);
  font-weight: 600 !important;
  text-transform: inherit;
  color: var(--clr-royal-blue-dark) !important;
}
#cc_lay_ship .page_content[data-scrollpoint=cruise] .page_content_1 {
  /* border: 1px solid var(--clr-cultured); */
  padding: 0.5em !important;
}
#cc_lay_ship .page_content[data-scrollpoint=cruise] .page_content_2 {
  /* border: 1px solid var(--clr-cultured); */
}
#cc_lay_ship .page_content[data-scrollpoint=cruise] .page_content_2 > p {
  font-size: clamp(1.1rem, 0.9rem + (1vw - 0.48rem) * 0.1389, 1.2rem);
  font-weight: 500;
  color: var(--clr-flicker-blue);
  padding: 1em;
  margin-bottom: 0;
}
#cc_lay_ship .page_content[data-scrollpoint=cruise] .page_content_2 .page_table table tbody tr td:nth-of-type(2n-4) {
  text-align: center;
}
#cc_lay_ship .page_content[data-scrollpoint=cruise] .page_content_2 .page_table table tbody tr td:not(:nth-of-type(3)) {
  text-align: center;
}
#cc_lay_ship .page_content[data-scrollpoint=cruise] .page_content_2 .page_table table tbody tr:nth-of-type(2n + 1) {
  background-color: var(--clr-cultured);
}
#cc_lay_ship .page_content[data-scrollpoint=cruise] .page_content_2 .page_table table tbody tr:first-of-type {
  letter-spacing: 0.2em;
  line-height: 3em;
  background: var(--clr-light-grey);
}
#cc_lay_ship .page_content[data-scrollpoint=cruise] .page_content_2 .page_table table tbody th {
  color: var(--clr-royal-blue-dark);
  font-size: clamp(0.9rem, 0.9rem + (1vw - 0.48rem) * 0.1389, 1rem) !important;
  font-weight: 600;
  border-bottom: 0;
  padding: 0.4em;
}
#cc_lay_ship .page_content[data-scrollpoint=cruise] .page_content_2 .page_table table tbody td:first-of-type {
  font-size: clamp(1.2rem, 0.9rem + (1vw - 0.48rem) * 0.1389, 1.3rem);
  color: var(--clr-flicker-blue);
}
#cc_lay_ship .page_content[data-scrollpoint=cruise] .page_content_2 .page_table table tbody td {
  padding: 0.4em;
  line-height: 2em;
  vertical-align: middle;
  color: var(--clr-davys-grey);
  border: 0;
}
#cc_lay_ship .page_content[data-scrollpoint=service] .page_content_1,
#cc_lay_ship .page_content[data-scrollpoint=service] .page_content_2 {
  padding: 2em !important;
}
#cc_lay_ship #service,
#cc_lay_ship #ship,
#cc_lay_ship #deck,
#cc_lay_ship #cabine,
#cc_lay_ship .page_nav_top {
  margin: 4em auto;
  border-top: 1px solid var(--clr-cultured);
  border-bottom: 1px solid var(--clr-cultured);
}
#cc_lay_ship #service ul li::before,
#cc_lay_ship #ship ul li::before,
#cc_lay_ship #deck ul li::before,
#cc_lay_ship #cabine ul li::before,
#cc_lay_ship .page_nav_top ul li::before {
  display: none;
}
#cc_lay_ship #deck .deck * {
  color: var(--clr-davys-grey);
}
#cc_lay_ship .page_list_check ul > * + *,
#cc_lay_ship .page_list_no ul > * + * {
  margin-top: 1em;
}
#cc_lay_ship .page_list_check li,
#cc_lay_ship .page_list_no li {
  line-height: 1.2;
  color: var(--clr-davys-grey);
  margin-bottom: 30px;
}
#cc_lay_ship .page_list_check li::before,
#cc_lay_ship .page_list_no li::before {
  display: none;
}

#ship .page_table table tbody tr:first-of-type {
  letter-spacing: 0.2em;
  line-height: 3em;
  background: var(--clr-light-grey);
}
#ship .page_table table tbody tr:first-of-type td {
  padding: 0.25em 0.5em;
  font-size: clamp(1.1rem, 0.9rem + (1vw - 0.48rem) * 0.1389, 1.2rem);
  font-weight: 600;
  text-transform: uppercase;
  color: var(--clr-royal-blue-dark);
}
#ship .page_table table tbody tr:not(:first-of-type) td:first-of-type {
  padding: 0.4em;
  line-height: 2em;
  vertical-align: middle;
  color: var(--clr-davys-grey);
  border: 0;
}
#ship .page_table table tbody tr:not(:first-of-type) td {
  padding: 0.4em;
  line-height: 2em;
  vertical-align: middle;
  color: var(--clr-davys-grey);
  border: 0;
}
#ship .page_table table tbody tr:nth-of-type(2n + 3) {
  background-color: var(--clr-cultured);
}
#ship .page_content_1 {
  line-height: 1.5;
}
#ship .page_content_1 h4 a {
  font-size: clamp(1.3rem, 0.9rem + (1vw - 0.48rem) * 0.1389, 1.5rem);
  color: var(--clr-royal-blue-dark);
}
#ship .page_content_2 h4,
#ship .page_content_2 h4 a {
  color: var(--clr-flicker-blue);
  font-weight: 600;
  text-transform: capitalize;
  font-size: clamp(1.2rem, 0.9rem + (1vw - 0.48rem) * 0.1389, 1.1rem);
  margin-top: 1em;
}

#ship .page_content_2 > h4 a {
  font-size: clamp(2rem, 0.9rem + (1vw - 0.48rem) * 0.1389, 1.1rem)!important;
}

.page_content[data-scrollpoint=cabine] .selection_cb a {
  background-color: transparent !important;
  color: var(--clr-davys-grey) !important;
  text-transform: capitalize !important;
}

.page_content[data-scrollpoint=ship] .page_table table tbody tr:first-of-type {
  background-color: var(--clr-cultured) !important;
}
.page_content[data-scrollpoint=ship] .page_table table tbody tr:first-of-type td {
  color: var(--clr-davys-grey) !important;
  font-size: 14px !important;
  text-transform: none !important;
  padding: 0 0 0 0.4em !important;
  font-weight: 300 !important;
  letter-spacing: 0 !important;
  border-bottom: 0 !important;
}

.search {
  border-radius: clamp(0.2rem, 0.2rem + (1vw - 0.48rem) * 0.3472, 0.3rem);
  width: 100%;
  background-color: white;
  padding: 1.8em 2.875rem;
}
.search::before {
  max-width: 120rem;
  margin: 0 auto;
  padding: 0 0.5em;
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% + 18em);
  padding: 0;
  z-index: -1;
}
.search::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  height: 100%;
  margin: auto;
  transform: scaleX(0.96);
  width: 100%;
  z-index: -1;
}

.search,
#layout {
  max-width: 85rem;
  margin: 0 auto;
  padding: 0 0.5em;
  margin: 0 auto;
  position: relative;
  position: relative;
  background-color: transparent;
}

#layout .lp_ss_box01 {
  background-color: transparent!important;
}

#layout > div {
  background-color: transparent;
}

#layout > div > div {
  padding: 0 !important;
}

.lp_ss_box01 {
  border-radius: clamp(0.2rem, 0.2rem + (1vw - 0.48rem) * 0.3472, 0.3rem) !important;
  width: 100%;
  margin-bottom: 1em;
  background-color: white;
}
.lp_ss_box01::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  height: 100%;
  margin: auto;
  transform: scaleX(0.96);
  width: 100%;
  box-shadow: 0 0.0625rem 1rem 0 rgba(0, 0, 0, 0.24);
  z-index: -1;
}

#search {
  width: 100%;
  margin-top: 20px;
  margin-left: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
#search .lay_01,
#search .lay_01_1,
#search .lay_01_2 {
 /* display: none */
}
#search .lay_01_2 {
    display: block;
    position: absolute;
    right: 55px;
    top: 75px;
}


#search .lay_01_1 #cc_radio_seea2{
 display: none
}

#search .lay_01 h2,
#cc_lay_filter_detail h2, #cc_lay_filter_detail .wrapper__search_card--right .liste_box_preis > span, .wrapper__search_card--right #cc_lay_filter_detail .liste_box_preis > span {
  font-size: 21px!important;
  margin-left: 12px;
}


#search .lay_01 label, #search .lay_01_1 label, #search .lay_01_2 label, #search .lay_01_3 label  {
  color: #000!important;;
  font-size: 16px!important;
}

#cc #search .lay_01 input[type='checkbox'], #cc #search .lay_01 input[type='radio'],
#cc #search .lay_01_1 input[type='checkbox'], #cc #search .lay_01_1 input[type='radio'],
#cc #search .lay_01_2 input[type='checkbox'], #cc #search .lay_01_2 input[type='radio'],
#cc #search .lay_01_3 input[type='checkbox'], #cc #search .lay_01_3 input[type='radio'] {

    float: none!important;;
}

.lay_01_2:has(input[type="checkbox"]:disabled), .lay_01_1 #cc_radio_seea1 {
  display: none;
}
.lay_01_1 fieldset {
  display: flex;
  gap: 1em; /* space between each pair */
  align-items: center;
  flex-wrap: wrap; /* wrap on smaller screens if needed */
}
.radio-custom-label sup {
  display: none;
}
.radio-custom,
.radio-custom-label {
  display: inline-flex;
  align-items: center;
}

#search .lay_floatleft{
  margin-top: 10px;
}
#search .lay_floatleft,
#search .lay_floatright {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
#search .lay_floatleft > * + *,
#search .lay_floatright > * + * {
  margin-left: 1.5em;
}
#search input, #cc_lay_filter_detail input  {
  width: 100% !important;
}
#search input:hover {
  background-color: transparent !important;
  color: var(--clr-flicker-blue);
}

#cc .helperButton {
  height: max-content !important;
}

#cc .helperContainer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: max-content !important;
  border-radius: 5px 5px 0 0;
  background-color: #ffffff;
  border: 1px solid #444;
}
#cc .helperContainer button {
  width: max-content;
  background-color: #fff !important;
  /* padding: 0.2em !important; */
  padding: 5px 8px !important;
  /* margin-bottom: 0 !important; */
  color: var(--clr-davys-grey);
  border-radius: 5px;
}
#cc .helperContainer button:hover {
  color: var(--clr-flicker-blue);
  border: 1px solid #ccc;
    background-color: #ccc !important;
}

.checkboxLayer {
  background-color: #086caf!important;
}

#cc .page_box  {
  color: var(--clr-royal-blue-dark) !important;
}

.lay_08 {
  min-width: 20%;
      margin-top: 1em;
}
.lay_08 input {
  width: 100%;
}

#cc_lay_an {
  width: 100%;
  padding: 1.8em;
  background-color: white;
  border-radius: 8px;
}


#cc_lay_an::before {
  content: "";
  position: absolute;
  top: -1em;
  left: 0;
  height: 30em;
  width: 100vw !important;
  margin-left: calc(-50vw + 50%) !important;
  margin-right: calc(-50vw + 50%) !important;
  padding: 0;
  /*  background: linear-gradient(to bottom, #003559 0%, #086caf 100%); */
  z-index: -1;
}
.header__shading, .flexslider--0 li::before {
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  /* background-image: linear-gradient(transparent 90%, #003559 100%); */

}

.flexslider--0 li::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  background: linear-gradient(0, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 23.83%, #000 48.25%, rgba(0, 0, 0, 0) 75.83%, rgba(0, 0, 0, 0) 100%);
  z-index: 0;
}



#cc_lay_an > div {

  flex-direction: row;
  justify-content: space-bewteen;
  align-items: center;
}
#cc_lay_an > div > * + * {
  margin-left: 1em;
      text-align: center;
}

.clear {
  display: none;
}

#cc .searchdiv, #cc_lay_filter_detail .searchdiv {
  position: relative;
  margin-bottom: 0;
  width: 99%;
}
 #cc_lay_filter_detail .searchdiv, .lay_01_1, #cc_lay_filter_detail h2 {
  margin-left: 10px!important
}

.lay_01 h2 {
 margin-left: 15px!important
}


#cc .searchbutton {
  font-size: 1rem!important;
  color: var(--clr-flicker-blue);
  background-image: url(https://rocketdash.io/rk/assets/svg/arrow__down--blue.svg);
  background-color: transparent;
  background-size: 0.98em;
}

#cc .searchlist {
  width: 100% !important;

}



.tag-container {
  position: relative!important;
  display: flex;
  width: 100%;
}

/* Hide original text */
.tag-container input {
  color: transparent; /* hide text but keep input clickable */
  caret-color: black; /* cursor visible */
  padding-left: 5px;
}

/* Tag styles */
.tag-container .tag:not(.placeholder) {
  display: inline-block;
  background-color: #086caf;
  color: white;
  border-radius: 12px;
  padding: 8px 8px 4px 8px;
  margin: 2px 2px;
  font-size: 16px;
  pointer-events: none; /* clicks go through to input */
  white-space: nowrap;
}
.tag-container .tag-label {
    color: var(--clr-flicker-blue)!important;
    background-color: transparent!important;
    font-weight: 400!important;
}

#areas > input.searchbutton.searchclick.searchclose,
#cruiselines > input.searchbutton.searchclick.searchclose,
#ships > input.searchbutton.searchclick.searchclose,
#durations > input.searchbutton.searchclick.searchclose {
    color: transparent!important;      /* hides the text */
    text-shadow: none;       /* removes shadow if any */
    caret-color: black;      /* caret still visible when editing */
    position: absolute;
}

#areas > .searchlist, #cruiselines > .searchlist, #ships > .searchlist, #durations > .searchlist {
  margin-top: 40px;
}


#btnSearch, #cc_next {

  border-radius: 4px !important;
  position: relative !important;
  display: inline-block !important;
  text-transform: uppercase !important;
  line-height: 1.6 !important;
  padding: 0.5rem 1rem !important
  text-align: center !important;
  user-select: none !important;
  vertical-align: middle !important;
  text-decoration: none !important;
  cursor: pointer !important;


  font-size: 20px!important;

    font-weight: 600!important;
    width: auto!important;


    background-color: var(--clr-royal-blue-dark) !important;
    color: #fff;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    text-transform: none!important;
}



.lay_08::before,
.lay_08::after {
  content: '';
  position: absolute;
  bottom: 45px;
  width:  0;
  height: 2px;
  background-color: #086caf;
  z-index: 0;

   transition: width 0.8s ease;
}

.lay_08::before {
  left: 4%;
  margin-right: 10px;
  transform-origin: left;

}

.lay_08::after {
  right: 3%;
  margin-left: 10px;
   transform-origin: right;
}

.lay_08.animate::before,
.lay_08.animate::after {
  width:  32%!important; /* Adjust based on your layout */
}


[ng-controller="cruises"] .lay_08.animate::before,
[ng-controller="cruises"] .lay_08.animate::after {
    width: 0 !important;        /* disable the line */
    transition: none !important; /* disable animation */
}


#cc .multiSelectItem  {
    font-size: 14px;
}
#cc .search_headline {
  display: flex;
  flex-flow: row wrap;
  place-content: flex-start;
  align-items: flex-start;
  text-align: left;
  height: max-content;
}
#cc .search_headline > label:first-of-type {
  /* text-transform: uppercase !important; */
  letter-spacing: 0.2em;
  font-size: clamp(1rem, 1rem + (1vw - 0.48rem) * 0.1389, 1rem);
  border-bottom: 2px solid white;
  font-weight:700;
  padding: 0;
  letter-spacing: 0.05em!important;
}
#cc .search_headline label {
  color: white !important;
  font-size: clamp(0.9rem, 0.9rem + (1vw - 0.48rem) * 0.1389, 0.9rem);
  font-weight: 300;
  text-transform: none !important;
  letter-spacing: 0.01em;
}

#cc #search #areas label:nth-of-type(1) {
  margin-top: 20px!important;
  margin-right: 0 !important;
}
#cc #search #areas .search_subline label:nth-of-type(1) {
  margin-top: 0px!important;
  font-size: 16px !important;
    font-weight: 300 !important;
    margin: 5px 0 5px 0 !important;
}

#cc .page_box_form .pb_text{
  width: 220px!important;
}

#cc #search #cruiselines .headline_search, #cc #search #ships .headline_search {
 margin-top: 20px!important;
}


.search_subline {
  padding: 0;
}
.search_subline > label {
  padding: 0 !important;
}
.search_subline > .searchclick {
  font-weight: 600 !important;
  letter-spacing: 0.1em;
  color: red !important;
}

.search_option {
  padding: 0;
  margin: 0;
  line-height: 1em;
  height: 1em;
}
.search_option input {
  display: none !important;
}
.search_option .searchclick {
  margin-left: 0 !important;
  padding-left: 1em !important;
}

#cc .checkBoxContainer {
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  width: 100% !important;
  overflow-y: auto;
  padding: 1em !important;
  border-radius: 0 0 clamp(0.2rem, 0.2rem + (1vw - 0.48rem) * 0.3472, 0.3rem) clamp(0.2rem, 0.2rem + (1vw - 0.48rem) * 0.3472, 0.3rem);
}

#cc .search label:hover {
  background-color: transparent !important;
}

#cc .search .searchclick.ng {
  background-color: transparent !important;
}
.pagemaker-widget {
  background-color: transparent !important;
}


#cc .search_subline input[type="checkbox"]:checked + label:first-of-type {
    background-position: 95% !important;
}

#cc .search_subline input[type="checkbox"]:checked+label {
    background-position: 95% 3px !important;
}
#cc .lp_slider_box {
    margin: 0 !important;
    border-radius: 0px;
}
#cc .search input[type=checkbox]:checked + label {
  background-image: url(https://rocketdash.io/rk/assets/svg/check--yellow.svg) !important;
}



#cruiselines .searchlist {
  background-color: lightblue;
}
#cruiselines .headline_search, #ships .headline_search  {
  /* text-transform: uppercase !important;  */
      letter-spacing: 0.02em;
      font-size: clamp(0.9rem, 0.9rem + (1vw - 0.48rem) * 0.1389, 0.9rem);
      border-bottom: 2px solid white;
      font-weight: 700;
      padding: 0;
      color: white !important;
          text-align: left;
}
#cruiselines .searchclick {
  margin-left: 0;
}
#cruiselines .searchlist {
  background-color: #f5f5f5 !important;
}
#cruiselines .searchclick.multiSelectItem.ng-binding {
  margin-left: 0;
  padding-left: 0;
  color: white !important;
  text-transform: none !important;
}

#ships .searchlist.searchclick {
  width: 100% !important;
}
/* #ships .headline_search {
  text-transform: uppercase !important;
  letter-spacing: 0.2em;
  font-size: clamp(0.7rem, 0.7rem + (1vw - 0.48rem) * 0.1389, 0.8rem);
  border-bottom: 2px solid white;
  font-weight: 300;
  padding: 0;
  color: white !important;
} */


/* Testing input style if items selected

#areas .searchbutton[type="button"] {
font-weight: 900;
}

#areas .searchbutton[type="button"]:is([value="Risteilyalue"]) {
  border: none!important;
  border-radius: none!important;
} */



#ships .headline_search::before {
  display: none;
}
#ships .searchclick.ng-scope {
  margin-left: 0;
}
#ships .searchclick.ng-scope::before {
  display: none;
}
#ships .searchclick.multiSelectItem.ng-binding {
  padding-left: 0;
  color: white !important;
  text-transform: capitalize;
  font-weight: 300;
}
#ships .checkboxLayer.checkBoxContainer {
  display: grid !important;
}

#durations .search::before {
  display: none;
}
#durations .search input {
  display: none;
}
#durations .multiSelectItem {
  padding-left: 0;
  color: white !important;
  text-transform: lowercase;
}
#durations .searchclick.ng-scope {
  width: calc(25% - 0.75em) !important;
}
#durations .searchclick.ng-scope {
  margin-left: 0;
  width: 100%;
}
#durations .search.searchclick.ng-scope {
  width: 100% !important;
}

#durations .searchlist {
  width: 100% !important;
}

#durations .searchclick.ng-scope {
  width: 100% !important;
}

#departures .searchlist.searchclick,
#arrivals .searchlist.searchclick {
  background-color: #086caf!important;
  border-radius: 0 0 clamp(0.2rem, 0.2rem + (1vw - 0.48rem) * 0.3472, 0.3rem) clamp(0.2rem, 0.2rem + (1vw - 0.48rem) * 0.3472, 0.3rem);
}
#departures .datepicker.searchclick,
#arrivals .datepicker.searchclick {
  width: 100% !important;

  background: transparent;
      border: 1px solid #eee !important;
}
#departures .searchclick.datepicker--cell.datepicker--cell-month,
#arrivals .searchclick.datepicker--cell.datepicker--cell-month {
  color: white;
  font-size: clamp(0.7rem, 0.7rem + (1vw - 0.48rem) * 0.1389, 0.8rem);
}
#departures .datepicker--cell.-focus-,
#arrivals .datepicker--cell.-focus- {
  background-color: transparent !important;
  cursor: pointer;
}
#departures .datepicker--cell.-disabled-,
#arrivals .datepicker--cell.-disabled- {
  opacity: 0.7;
}
#departures .datepicker--nav-action:hover,
#departures .datepicker--nav-title:hover,
#arrivals .datepicker--nav-action:hover,
#arrivals .datepicker--nav-title:hover {
  background-color: transparent;
}
#departures .datepicker--nav-action path,
#arrivals .datepicker--nav-action path {
  stroke: white;
}

.datepicker--cell.datepicker--cell-day.-disabled- {

  background: transparent;

}
.datepicker--cell.datepicker--cell-day {
 color: #fff;
 font-weight: 700;
 margin: 2px 0

}

#cc .cc_limit_width:nth-of-type(2) {
  border-radius: 8px!important;
      background-color: transparent !important;
}

/* .searchlist.searchclick::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 8px;
  width: 100%;
  background-color: var(--clr-cultured);
} */

.inner_page__contact {
  padding: 0 6em;
}
.inner_page__contact h4 {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 400;
  text-transform: uppercase;
}
@media (max-width: 992px) {
  .inner_page__contact {
    padding: 0 0.5em;
  }
}

.inner_page__contact--wrapper {
  display: flex;
  gap: 4em;
}
.inner_page__contact--wrapper .h5 {
  font-size: 1.3rem;
  line-height: 2rem;
  font-weight: 400;
  text-transform: uppercase;
  margin: 2em 0;
  padding-bottom: 1em;
  color: var(--clr-french-blue);
  border-bottom: 1px solid lightgrey;
}
.inner_page__contact--wrapper > * {
  flex: 1;
}
@media (max-width: 992px) {
  .inner_page__contact--wrapper > * {
    width: 100%;
  }
}
@media (max-width: 992px) {
  .inner_page__contact--wrapper {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
}

.inner_page__contact--subtitle {
  font-size: clamp(1.1rem, 0.9rem + (1vw - 0.48rem) * 0.1389, 1.2rem);
  font-weight: 600;
  margin-bottom: 0.5em;
}

.inner_page__contact--details .inner_page__contact--row {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 0.5em;
  font-size: clamp(1rem, 0.9rem + (1vw - 0.48rem) * 0.1389, 1.1rem);
}
.inner_page__contact--details .inner_page__contact--row:not(first-of-type) {
  margin-top: 0.5em;
}
.inner_page__contact--details img {
  height: 1.2em;
}
.inner_page__contact--details > * + * {
  margin-top: 2em;
}

.inner_page__contact--form {
  margin-top: 4em;
  background-color: var(--clr-cultured);
  padding: 2em;
  border-radius: 0.5em;
  margin-bottom: 2em;
}
.inner_page__contact--form h4 {
  margin-bottom: 0.5em;
}
@media (max-width: 992px) {
  .inner_page__contact--form {
    width: 100%;
    padding: 0.5em;
  }
}
.inner_page__contact--form button {
  width: 100%;
  max-width: 100%;
}

#contactform > * + * {
  margin-top: 1em;
}
#contactform > div > * + * {
  margin-top: 1em;
}

.inner_page__contact--map iframe {
  width: 100%;
  border-radius: 0.5em;
  overflow: hidden;
  border: 0;
}
@media (max-width: 992px) {
  .inner_page__contact--map iframe {
    width: 100%;
  }
}

.inner_page__contact--wrapper---maps {
  margin-top: 2em;
}
.inner_page__contact--wrapper---maps .h4 {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 1em;
}

.inner_page__contact--social {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  grid-gap: 2em;
  gap: 2em;
  margin-top: 4em;
}
@media (max-width: 992px) {
  .inner_page__contact--social {
    margin-top: 2em;
  }
}

#cc_lay_page {
  background-color: transparent;
}


#booking .liste_box--wrapper {
  display: grid !important;
  grid-template-columns: 30% auto;


}

#booking .liste_box_01 {
  position: relative;
  aspect-ratio: 1/0.57;
  width: 95%;
max-width: 100%;
}
#booking .liste_box_01 > a {
  position: relative;
  top: 0;
  left: 0;

}
#booking .liste_box_01 > a img {
  height: 100%;
  width: 100%;

  margin: 10px;
    border-radius: 8px;
}
#cc .liste_box_01 img:nth-child(2n) {

  position: absolute;
  width: 30%;
  top: 0;
margin: 24px 24px;
  z-index: 999;
}



#booking .liste_box_02 .liste_box_nights,
#booking .liste_box_02 .liste_box_headline,
#booking .liste_box_02 .liste_box_text {
  grid-area: liste__left;
  display: block;
  font-weight: 700
}
#booking .liste_box_02 .liste_box_nights {
  order: 1;
}
#booking .liste_box_02 .liste_box_preis,
#booking .liste_box_02 .b_forward {
  grid-area: liste__right;
}

.button_favor {
  display: none;
}

#booking .liste_box_02 .liste_box_headline p, .page_box .liste_box_headline {
font-size:14px;
color: #333;
font-weight: 300!important
}

.page_box .liste_box_headline {
padding-top: 5px;
}

#cc_lay_ship .page_box {
padding-top: 40px!important
}

#cc .liste_box {
  background-color: #f2f4f7 !important;
}

#cc .liste_box:hover {
}

#cc .liste_box  {
  border: 1px solid #ddd;
  padding: 0;
  display: block!important;
  border-radius: 8px;
}

#cc_lay_filter_search #search > div {
  width: 100%;
}

#cc .searchbutton:hover {
  background-color: transparent;
  color: var(--clr-flicker-blue);
}

.page_offers_chk th:not([onclick]), .page_offers_chk td:not([onclick]) {
  cursor: default !important;
}

.list_filter {
  position: relative;
  background-color: #ffffff!important;
}
.list_filter .ng-scope:first-of-type {
  padding-top: 0.5em;
}
.list_filter .ng-scope:last-of-type {
  padding-bottom: 1em;
}
.list_filter .ng-scope {
  padding: 0.2em 0;
}
#cc .list_filter li[class^="headline"], #cc .list_filter li[class^="headline_var"] {
    padding: 0 0 0 0;
}
#cc .list_filter li[class^="headline"]:hover, #cc .list_filter li[class^="headline_var"]:hover {
    color:#ccc!important
}
.list_filter .ng-scope .headline_var:hover {
  background-color: transparent !important;
  border-radius: 0 !important;
}
.list_filter .ng-scope > li, #cc .list_filter ul li, #cc .list_filter ul label {
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-size: clamp(0.9rem, 0.9rem + (1vw - 0.48rem) * 0.1389, 0.8rem);
  border-bottom: 0!important;
  font-weight: 400;
  padding: 0;
  color: var(--clr-davys-grey)!important;
  margin-left: 10px!important;
  /* color:var(--clr-flicker-blue) !important; */
}

.list_filter .ng-scope ul li label {
  margin-left: 40px!important;
}


#empty_list {
  margin-top: 50px;
}
#empty_list div[ng-show="loading"] {
 margin-top: 20px;
}
#cc.ng-scope {
  display: grid;
  grid-template-areas: "topLeft topRight" "left right";
  grid-template-columns: 25% 75%;
  grid-gap: 1em;
  gap: 1em;
  padding-right: 1em;
}
#cc[ng-controller="offerCtrl"], #cc[ng-controller="cabCtrl"], form[ng-controller="cruise"] {
  display: block;


}

#cc.ng-scope #tpm, form[ng-controller="cruise"] #tpm {
  grid-area: topLeft;
  background-color: transparent;
  position: absolute;
  right: 1em;
}

form[ng-controller="cruise"] #cc_bk_navi {
        padding: 20px 20px;
    }

#cc ul#breadcrumbs {
    position: absolute;
    left: 1em;
}
#tpm {
  background-color: transparent !important;
}

#tpm #tpm_back a,
#tpm #tpm_ml a {
  color: var(--clr-flicker-blue);
  background-color: transparent !important;
  background-image: url(https://rocketdash.io/rk/assets/svg/arrow__left--blue.svg);
  outline: 1px solid var(--clr-flicker-blue);
  text-transform: capitalize;
}
 #tpm #tpm_ml {
  margin-left: 0.75em;
  display: none!important;
}
.button_favor_blue, #favorButton  {
 display: none!important;
}

#tpm #tpm_ml a {
  background-image: url(https://rocketdash.io/rk/assets/svg/icon__heart.svg);
  background-size: 0.7rem;

}
#cc.ng-scope #cc_bk_navi {
  grid-area: topRight;
  height: 20px;
  margin-top: 20px;
}
#cc.ng-scope #cc_lay_filter {
  grid-area: left;
  width: 100%;
}
#cc.ng-scope #cc_lay_page {
  grid-area: right;
}

#cc #cc_lay_page {
    grid-area: right!important;
    display: inherit!important;
    width: inherit!important;
    display: block!important;      /* or flex if you need */
    vertical-align: top!important; /* not needed in grid */
    margin: 0!important;
    padding: 0!important;
    max-width: 100%!important;     /* keep it inside the grid */
    overflow: hidden!important;    /* optional safety */
  }


}
#cc_lay_filter_detail {
    padding: 0px;
}
#cc_lay_filter_search, #cc_lay_filter_detail {
  padding: 2px;
  max-width: 450px;
  margin-left: -12px;
}
#cc_lay_filter_detail h2 {
  margin-top: 30px;
  margin-left: 0px;
}
#cc input[type="button"] {
  padding: .3em 2em .3em 0em;
}
#cc_lay_filter > div:nth-child(3) {
  margin-top:40px;
  float: left !important;
}
#cc .list_filter ul {
  background-color: transparent;
}
#cc .list_filter ul .search:hover {
  background-color: transparent;
}
#cc .list_filter ul .search::before {
  display: none;
}
#cc .list_filter ul .search label {
  padding-left: 0;
}

#cc_lay_filter > div:nth-of-type(3) {
  color: var(--clr-davys-grey) !important;
}

#cc_lay_sort {
  padding: 0;
}
#cc_lay_sort .liste_box_sort {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
#cc_lay_sort .liste_box_sort > a {
  display: none;
}
#cc_lay_sort .liste_box_sort .liste_box_01 {
  display: block;
  height: max-content;
  aspect-ratio: unset;
  font-size: 16px;
  text-transform: lowercase;
}
#cc_lay_sort .liste_box_sort  span {
  font-weight: 400!important
}
#cc_lay_sort .liste_box_sort .liste_box_02 {
  display: block;
  height: max-content;
  padding: 0;
  max-width: 27em;
  text-align: right;
}
#cc_lay_sort .liste_box_sort .liste_box_02 select, #cc_lay_ship .page_content_header .page_offers_cabine .tbl_cabine .cabine_child select, #cc_lay_ship .page_content_header .page_offers_cabine_ckd .tbl_cabine .cabine_child select {
  font-size: clamp(0.9rem, 0.9rem + (1vw - 0.48rem) * 0.1389, 1rem);
  color: var(--clr-flicker-blue);
  background-image: url(https://rocketdash.io/rk/assets/svg/arrow__down--blue.svg);
  background-color: transparent;
  background-size: 0.98em;
  text-align: left;
  text-align: right;
  padding-right: 30px;
  min-width: 55px
}
#cc_lay_sort .liste_box_sort .liste_box_02 .liste_box_br {
  display: none;
}
#cc_lay_sort .liste_box_sort .liste_box_02 #sort option {
  background-color: #ffffff;
  color: ;
}

#cruise_list > * + * {
  margin-top: 1em;
}
#cruise_list .liste_box:hover {
  background-color: unset;
  cursor: pointer;
}
#cruise_list .liste_box:hover .wrapper__search_card--right::after {
  width: 100%;
  transition: all 0.5s ease;
}
#cruise_list .liste_box_br {
  display: none;
}
#cruise_list .liste_box_text p {
  font-size: clamp(0.7rem, 0.7rem + (1vw - 0.48rem) * 0.1389, 0.8rem);
}
#cruise_list .liste_box_text p strong {
  color: var(--clr-space-cadet);
  font-weight: 500;
}
#cruise_list .liste_box_nights em, #cruise_list .liste_box_nights {
  color: var(--clr-davys-grey);
  color: var(--clr-flicker-blue);
}
#cruise_list .liste_box_headline {
  margin-top: 0.75em;
}
#cruise_list .liste_box_headline a {
  color: var(--clr-davys-grey);
}
#cruise_list .liste_box_headline a em {
  color: var(--clr-flicker-blue);
  margin-bottom: 0.3em;
}
#cruise_list .liste_box_02 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  /* align-items: center; */
  align-items: stretch; /* makes child heights equal */
  gap: 2em;
  padding: 1.5em;
}

.wrapper__search_card--left {
  flex: 1 1 auto; /* takes all remaining space */
  min-width: 0;
}


#cc .liste_box_nights em {
    font-style: normal;
    display: inline;
    font-size: 28px;
    margin-bottom: -7px;
    margin-top: -6px;
}




.wrapper__search_card--right {
  flex: 0 0 260px; /* fixed width (adjust if needed) */
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: #fefefe;
  align-items: center;
  position: relative;
  padding: 2rem;
  height: auto;
  margin-right: 0;
  box-shadow: 5px 5px 5px #dcdcdc;
  border-radius: 10px;

}

.wrapper__search_card--right::before {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 2em;
  height: 2em;
  transform: translateY(-50%);
  background-image: url(https://rocketdash.io/rk/assets/svg/arrow__right--dark_blue.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1em;
  z-index: 1;
}

/* Removed old sliding background */
.wrapper__search_card--right::after {
  display: none;
}

.wrapper__search_card--right .liste_box_preis {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 60%;
  text-align: center !important;

}

.wrapper__search_card--right .liste_box_preis > span {
  margin-top: 0.5em;
  font-size: 35px !important;
  color: var(--clr-royal-blue-dark) !important;
}

#cc .liste_box_headline em {
  font-weight: 700!important;
  font-size: 21px!important;
  line-height: 28px;
}
#cc .page_box .liste_box_02 .liste_box_headline em {
  font-size: 28px!important;
}
#cc .liste_box_headline p {

  margin-top: 20px!important;

}
/* BOX POPPING OUT */
.wrapper__search_card--right {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.liste_box:hover .wrapper__search_card--right {
  transform: scale(1.03);
  box-shadow: 0 12px 24px rgba(0, 94, 220, 0.2);
  border-radius: 5px;
}

.liste_box:hover .wrapper__search_card--right .liste_box_preis > span, .liste_box:hover .wrapper__search_card--right p  {
  color:#fff!important;
}

.liste_box .wrapper__search_card--right p  {
  font-weight: 400!important;
  font-size: 14px!important
}

.liste_box:hover .wrapper__search_card--right  {
  background-color: #086caf;
}

/* #cc_lay_filter_detail h2, #cc_lay_filter_detail .wrapper__search_card--right .liste_box_preis > span, .wrapper__search_card--right #cc_lay_filter_detail .liste_box_preis > span {
  font-size: clamp(1.925rem, 12px + 2.2vw, 2.475rem) !important;
  line-height: 1em;
} */
#cc_lay_filter_detail #oder_line {
  display: none;
}

#cc[ng-controller=confirm] {
  display: flex;
  flex-direction: column;
  margin-top: 50px;
}

#cc[ng-controller=confirm] .inner_page__baner {
  display: none;
}

#cc[ng-controller=confirm] input[type=submit] {
  width: auto !important;
  float: unset !important;
  margin-top: 2em;
}

.inner_page__baner {
  position: relative;
  width: 100%;
  height: 20rem;
  margin-top: 1rem;
}
.inner_page__baner::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, black 50%, rgba(255, 255, 255, 0) 100%);
  z-index: 0;
}
.inner_page__baner img {
  width: 100%;
  height: 100%;
  border-radius: 0.5em;
  object-fit: cover;
}
.inner_page__baner .headline,
.inner_page__baner .text {
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.inner_page__baner .headline span {
  color: white;
}
.inner_page__baner .text {
  top: 60%;
}
.inner_page__baner .text > div {
  color: white;
  text-transform: uppercase;
  font-weight: 100;
  font-size: clamp(0.9rem, 0.9rem + (1vw - 0.48rem) * 0.1389, 1rem);
}

#cc_lay_ship .page_box {
  border-bottom: 0;
}
#cc_lay_ship .page_content_1 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
#cc_lay_ship .page_content_2 h4 a,
#cc_lay_ship .page_content_1 h4 a {
  color: var(--clr-flicker-blue);
  font-weight: 600;
  text-transform: initial;
  font-size: clamp(1.2rem, 0.9rem + (1vw - 0.48rem) * 0.1389, 1.3rem);

}
#cc_lay_ship .page_content[data-scrollpoint=deck] .page_content_1 {
  align-items: center;
}
#cc_lay_ship #zoomify_decks {
  margin-top: 1em !important;
}
#cc_lay_ship .liste_box_date {
  background-color: transparent;
  background: transparent;
  color: var(--clr-davys-grey);
  display: none
}
#cc_lay_ship .liste_box_date em {
  color: var(--clr-davys-grey);
}
#cc_lay_ship .liste_box_nights {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex !important;
  margin: 0 20px 10px 0;
  padding: 0 20px 0 0;
}
#cc_lay_ship .liste_box_nights em {
  width: max-content;
  color: var(--clr-flicker-blue);
}
#cc_lay_ship .liste_box_headline {
  margin-right: 2rem !important;
}
#cc_lay_ship .liste_box_headline em {
  font-size: clamp(1.3rem, 0.9rem + (1vw - 0.48rem) * 0.1389, 1.5rem);
  color: var(--clr-royal-blue-dark);
  font-weight: 600;
}
#cc_lay_ship .liste_box_02 > div:nth-of-type(3) td {
  display: inline-block;
  margin-bottom: 0.4em;
  color: var(--clr-davys-grey);
}
#cc_lay_ship .page_content_header {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(30rem, 1fr));
  grid-auto-flow: row dense;
  grid-gap: 1em;
  gap: 1em;
}

form[ng-controller="cruise"] .page_offers_textbox .dates {
  margin-top: 10px;
}
form[ng-controller="cruise"] .page_offers_textbox p {
    color: var(--clr-royal-blue-dark);

    font-weight: 700 !important;
    font-size: 21px !important;
    line-height: 28px;
}
#layout form[ng-controller="cruise"] #cc .all_offers_filter_flex  {
  display: none!important;
}
#cc_lay_ship .page_content_header .page_offers_chk, form[ng-controller="cruise"] .page_offers_flex_02 {
  grid-area: 1/1/1/-1;
  width: 100%;
  background-color: var(--clr-royal-blue-dark);
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
  margin: 0.5em 0 2em 0!important;
  margin-right: 0px!important;
  padding: 2em!important;
  border-radius: clamp(0.25rem, 0.25rem + (1vw - 0.48rem) * 0.3472, 0.5rem)!important;
  background-size: 100%;
  background-repeat: no-repeat;
  overflow: hidden;
}
#cc_lay_ship .page_content_header .page_offers_chk > div:nth-of-type(1) {
  width: 100%;
}
#cc_lay_ship .page_content_header .page_offers_chk > div:nth-of-type(1) .price_tbl {
  width: 100%;
}
#cc_lay_ship .page_content_header .page_offers_chk > div:nth-of-type(1) .price_tbl tbody tr {
  height: 3em;
}
#cc_lay_ship .page_content_header .page_offers_chk > div:nth-of-type(1) .price_tbl th, #cc_lay_ship .page_offers_flex_02 table tr th {
  font-size: clamp(0.9rem, 0.9rem + (1vw - 0.48rem) * 0.1389, 1rem);
  letter-spacing: 0.1em;
  text-transform: capitalize;
  color: #fff;
  border-bottom: 1px solid var(--clr-light-grey) !important;
  text-align: left;
}
#cc_lay_ship .page_content_header .page_offers_chk > div:nth-of-type(1) .price_tbl td, #cc_lay_ship .page_offers_flex_02 table tr td {
  color: #fff;
  text-align: left;
  vertical-align: middle;
}
#cc_lay_ship .page_content_header .page_offers_chk > div:nth-of-type(1) .price_tbl tr:nth-of-type(3) {
  height: 1em;
  position: relative;
  bottom: -1.5em;
}
#cc_lay_ship .page_content_header .page_offers_chk .price_tbl_01 {
  font-weight: bold;
}
#cc_lay_ship .page_content_header .page_offers_cabine, #cc_lay_ship .page_content_header .page_offers_cabine_ckd {
  position: relative;
  border-radius: 0em !important;
  background-color: var(--clr-cultured);
  padding: 4em;
}
 #cc[ng-controller="cabCtrl"] .page_offers_cabine  {
  width: 33%;
}


#cc h1 {
    color: var(--clr-flicker-blue);
}
#cc_radio_cab div {

        padding: 0px 10px 0 10px;
    }
#cc_radio_cab div {
    width: 100px;
}
#cc_radio_cab div label {
  text-align: left;

}
#cc .pb_field_02 {
    width: 120px;
}

ul[name="customer[payment][cc][type]"] li {
    display: inline-block!important;
}


body:not(:has(#cc[ng-controller="offerCtrl"]))
.page_content:first-of-type .page_content_1 p:first-of-type::before {

  content: "Bokningsinformation";
  display: block;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 0.5em;
  color: var(--clr-royal-blue-dark) !important;
}

body:not(:has(#cc[ng-controller="offerCtrl"])) .page_content_1  .page_list_check p:first-of-type::before {
  content: ""; /* <-- Hide in cabin selection */
}

body:has(#passData) .liste_box_02 {
  padding:0 10px!important
}
body:has(#passData) #cc_lay_ship {
  margin-top:50px!important
}



#cc .selection_cat td {

    padding: 20px 10px !important;
    vertical-align: middle;
    font-size: 16px;

}
#cc .selection_cat td a, #cc .b_forward_100  {
/*  margin: 0 20px; valitse ja vahvista hytti hyppää yli vas laidan */
  background-color:  #086caf;

}
#cc .selection_cat .b_forward_100  {
  margin-top: 20px!important;

}

.page_offers_flex_03 .b_forward a, #cc .selection_cat td a, #cc .b_forward_100  {
  color: white;
  font-weight: 700;
  font-size: 14px;
}
#cc[ng-controller="cabCtrl"] .selection_cat td[data-label="Fortsätt bokningen"] a {
  padding: 10px;
  display: ruby;
  border-radius: 5px;
}
#cc .selection_cat .page_list_check li a  {
  background: none!important;
  padding: none!important;
  margin: none!important;
  font-size: 14px!important;
  font-weight: 400!important;
  color:  #086caf!important;
  text-decoration: underline!important;
}

.page_content .b_forward_100{
    font-size: 20px !important;
}
#cc .pb_text>label, #cc .pb_field>label, #cc .pb_field_take>label, #cc .page_content_header div>label {
        font-size: 16px !important;
    }
#cc form[name="requestFORM"] input[type="submit"] {

    float: left;
}



#cc .selection_cat a[name="reFocus"] {

  display: none;
}
#cc .page_list_check li, #cc .page_list_no li, #cc h3 {

    text-align: left;
}

#cc h3 {

     text-transform: capitalize!important; /* Tärkeää tietoa varauksesta koska CH CSS on UPPERCASE, mutta voi vaikuttaa muualle*/
    font-size: 30px;
    letter-spacing: 0;
}
#cc .selection_cat tr:hover {
    background-color: white!important
}
#cc .selection_cat td a:after, .page_offers_flex_03 .b_forward a i:after {
content: " »";

}


#cc .selection_cat #trprice0IB td a:hover {

  color: #FF7B45;
  font-weight: 700;
  font-size: 14px;
  margin: 0 20px;
  background-color:   var(--clr-flicker-blue) !important;
color: white;

}
#cc .selection_cat td:nth-child(6) {
 font-size:30px;
}
#cc .b_forward, #cc .b_forward_100 {


}


#cc_lay_ship .page_content_header .page_offers_cabine .underline, #cc_lay_ship .page_content_header .page_offers_cabine_ckd .underline, #cc_lay_ship .page_content_header .page_offers_cabine #cc .b_forward, #cc_lay_ship .page_content_header .page_offers_cabine_ckd #cc .b_forward, #cc #cc_lay_ship .page_content_header .page_offers_cabine .b_forward, #cc #cc_lay_ship .page_content_header .page_offers_cabine_ckd .b_forward,
#cc_lay_ship .page_content_header .page_offers_cabine #cc .b_forward_100,
#cc_lay_ship .page_content_header .page_offers_cabine_ckd #cc .b_forward_100,
#cc #cc_lay_ship .page_content_header .page_offers_cabine .b_forward_100,
#cc #cc_lay_ship .page_content_header .page_offers_cabine_ckd .b_forward_100 {
  left: 1em;
  top: 3em;
  height: max-content;
  padding: 0.5em;
  color: var(--clr-flicker-blue);
  text-transform: uppercase;
  text-decoration: none;
  background-color: transparent;
  outline: 1px solid var(--clr-flicker-blue);
}

.page_offers_cabine_r #change_cabin {
  outline: 0px!important;
}
.page_offers_cabine_r #change_cabin i {
  font-weight: 400!important;
  text-decoration: underline!important;
}
#cc_lay_ship .page_content_header .page_offers_cabine .tbl_cabine tbody > * + *, #cc_lay_ship .page_content_header .page_offers_cabine_ckd .tbl_cabine tbody > * + * {
  margin-top: 0.5em;
}
#cc_lay_ship .page_content_header .page_offers_cabine .tbl_cabine tr, #cc_lay_ship .page_content_header .page_offers_cabine_ckd .tbl_cabine tr {
  display: flex;
  flex-direction: row;
  justify-content: end;
  align-items: center;
  grid-gap: 1em;
  gap: 1em;
}
#cc_lay_ship .page_content_header .page_offers_cabine .tbl_cabine tr td, #cc_lay_ship .page_content_header .page_offers_cabine_ckd .tbl_cabine tr td {
  width: max-content !important;
  font-size: clamp(1.1rem, 0.9rem + (1vw - 0.48rem) * 0.1389, 1.2rem);
  font-weight: 300;
  color: var(--clr-davys-grey);
  padding: 0;
}
#cc_lay_ship .page_content_header .page_offers_cabine .tbl_cabine tr td:last-of-type, #cc_lay_ship .page_content_header .page_offers_cabine_ckd .tbl_cabine tr td:last-of-type {
  padding: 0;
}
#cc_lay_ship .page_content_header .page_offers_cabine .tbl_cabine tr .b_cabine_box, #cc_lay_ship .page_content_header .page_offers_cabine_ckd .tbl_cabine tr .b_cabine_box {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 4em;
  height: 2em;
  border: 1px solid var(--clr-flicker-blue);
  border-radius: 0;
}
#cc_lay_ship .page_content_header .page_offers_cabine .tbl_cabine tr .b_cabine_box .b_cabine_box_sub, #cc_lay_ship .page_content_header .page_offers_cabine_ckd .tbl_cabine tr .b_cabine_box .b_cabine_box_sub {
  padding: 1em;
}
#cc_lay_ship .page_content_header .page_offers_cabine .tbl_cabine tr .b_cabine_box .b_cabine_box_sub:hover, #cc_lay_ship .page_content_header .page_offers_cabine_ckd .tbl_cabine tr .b_cabine_box .b_cabine_box_sub:hover {
  background-color: transparent;
}
#cc_lay_ship .page_content_header .page_offers_cabine .tbl_cabine tr .b_cabine_box .b_cabine_box_add, #cc_lay_ship .page_content_header .page_offers_cabine_ckd .tbl_cabine tr .b_cabine_box .b_cabine_box_add {
  padding: 1em;
  background-color: var(--clr-flicker-blue);
}
#cc_lay_ship .page_content_header .page_offers_cabine .tbl_cabine .page_offers_cabine_adult, #cc_lay_ship .page_content_header .page_offers_cabine_ckd .tbl_cabine .page_offers_cabine_adult,
#cc_lay_ship .page_content_header .page_offers_cabine .tbl_cabine .page_offers_cabine_child,
#cc_lay_ship .page_content_header .page_offers_cabine_ckd .tbl_cabine .page_offers_cabine_child {
  width: 1.5rem;
  height: 2.6rem;
  background-image: url(https://rocketdash.io/rk/assets/svg/adult.svg);
  background-size: 2rem 2.6rem;
  background-position: center;
  float: right;
}
#cc_lay_ship .cabine_child select.age option:first-child{
display:none /* hide first selection which is name of field*/
}

#cc_lay_ship .page_content_header .page_offers_cabine .tbl_cabine .page_offers_cabine_child, #cc_lay_ship .page_content_header .page_offers_cabine_ckd .tbl_cabine .page_offers_cabine_child {
  background-image: url(https://rocketdash.io/rk/assets/svg/child.svg);
  background-size: 1.7rem 1.7rem;
}


#cc_lay_ship .page_offers_cabine_ckd, #cc_lay_ship .page_offers_cabine_l {
  display: block !important;        /* overrides display: flex or -webkit-flex */
    -webkit-box-orient: unset;        /* reset old flexbox properties if needed */
    -webkit-box-direction: unset;
    -webkit-flex-direction: unset;
    flex-direction: unset;
}


#cc_lay_ship .page_offers_cabine_l, #cc_lay_ship .page_offers_cabine_r {
   display: block;
   width: 70%;
}


#cc .page_offers_cabine_adult_ckd {
  width: 1.5rem;
  height: 2.6rem;
  background-image: url(https://rocketdash.io/rk/assets/svg/adult.svg);
  background-size: 2rem 2.6rem;
  background-position: center;
}
#cc .page_offers_cabine_child_ckd {
  width: 1.5rem;
  height: 2.6rem;
  background-image: url(https://rocketdash.io/rk/assets/svg/child.svg);
  background-size: 1.7rem 1.7rem;
  background-position: center;
}

#cc .selection_cat_on {
    background: url(https://rocketdash.io/rk/assets/svg/check--green.svg) no-repeat 0 6px;
    background-size: 20px;
}
#cc .selection_cat_on {
    display: block;
    height: 40px;
    width: 40px;
}

#cc_lay_ship .page_content_header .page_offers_cabine .tbl_cabine .cabine_child select, #cc_lay_ship .page_content_header .page_offers_cabine_ckd .tbl_cabine .cabine_child select {
  transition: 0.5s ease all;
}
#cc_lay_ship .page_content_header .page_offers_cabine .tbl_cabine .cabine_child select:hover, #cc_lay_ship .page_content_header .page_offers_cabine_ckd .tbl_cabine .cabine_child select:hover {
  background-color: var(--clr-flicker-blue);
  transition: 0.5s ease all;
}
#cc_lay_ship .page_content_header .page_offers_cabine .wrapper__innerPage--child_age, #cc_lay_ship .page_content_header .page_offers_cabine_ckd .wrapper__innerPage--child_age {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  margin-top: 1em !important;
}
#cc_lay_ship .page_content_header .page_offers_cabine .wrapper__innerPage--child_age *, #cc_lay_ship .page_content_header .page_offers_cabine_ckd .wrapper__innerPage--child_age * {
  padding: 0;
  margin: 0;
}
#cc_lay_ship .page_content_header .page_offers_cabine .wrapper__innerPage--child_age select, #cc_lay_ship .page_content_header .page_offers_cabine_ckd .wrapper__innerPage--child_age select {
  padding: 0.2em;
  margin-left: 0.5em;
  margin-right: 0 !important;
}
#cc_lay_ship .page_content_header .page_offers_cabine .wrapper__innerPage--child_age tr:last-of-type, #cc_lay_ship .page_content_header .page_offers_cabine_ckd .wrapper__innerPage--child_age tr:last-of-type {
  width: max-content;
}
#cc_lay_ship .page_content_header .page_offers_cabine .wrapper__innerPage--child_age tr:nth-of-type(2) td:first-of-type, #cc_lay_ship .page_content_header .page_offers_cabine_ckd .wrapper__innerPage--child_age tr:nth-of-type(2) td:first-of-type {
  display: none;
}

.page_content_header[data-scrollpoint=headerBox] {
  display: grid;
  grid-template-columns: 1fr !important;
}
.page_content_header[data-scrollpoint=headerBox] .page_offers_cabine, .page_content_header[data-scrollpoint=headerBox] .page_offers_cabine_ckd {
  width: 100%;
}
.page_content_header[data-scrollpoint=headerBox] .page_offers_cabine .page_offers_cabine_r, .page_content_header[data-scrollpoint=headerBox] .page_offers_cabine_ckd .page_offers_cabine_r {
  flex: 1 !important;
}

.all_offers_filter_flex .b_forward {
  display: block;
  margin-left: auto !important;
  background-color: var(--clr-royal-blue-dark) !important;
  background-image: url(https://rocketdash.io/rk/assets/svg/arrow__left--blue.svg);
  outline: 1px solid var(--clr-flicker-blue);
}
.all_offers_filter_flex .b_forward a {
  display: block;
  text-transform: capitalize;
  margin: auto !important;
  padding: 0.3em 0 0.3em 10px !important;
}

.page_offers {
  position: relative;
  background-color: transparent!important;
  padding: 0 !important;

}
.page_offers > div {
  z-index: 1;
}
.page_offers::after {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  height: 100%;
  z-index: -1;
}
.page_offers p {
  color: white;
}
.page_offers .page_offers_textbox {
  padding: 1em 10px !important;
  border: none !important;
}
.page_offers .page_offers_textbox > * + * {
  margin-top: 0.25em !important;
  display: block;
}
.page_offers .page_offers_flex_01 {
  padding: 0 !important;
}
.page_offers .page_offers_flex_03 {
  position: absolute;
  margin-top: -4em !important;
}
.page_offers .color_days {
  color: var(--clr-jonkuil) !important;
}

.page_nav {
  border: 0 !important;
}

#pagenav,
#cc_lay_ship .page_nav {
  position: relative;
  background-color: transparent;
}
#pagenav > li,
#cc_lay_ship .page_nav > li {
  background-color: transparent;
  z-index: 1;
}
#pagenav > li::before,
#cc_lay_ship .page_nav > li::before {
  display: none !important;
}
#pagenav > li span,
#pagenav > li a,
#cc_lay_ship .page_nav > li span,

#pagenav > li span:hover,
#pagenav > li a:hover,
#cc_lay_ship .page_nav > li span:hover,
#cc_lay_ship .page_nav > li a:hover {
  color: var(--clr-french-blue) !important;
}
#pagenav::after,
#cc_lay_ship .page_nav::after {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  content: "";
  position: absolute;
  height: 100%;
  background-color: var(--clr-cultured);
  z-index: 0;
  top: 0;
  left: 0%;
  transform: unset;
  z-index: 0;
}


#pagenav li span, .hytt-header, #cc[ng-controller="cabCtrl"] .page_offers_cabine p, form[ng-controller="cruise"] .page_nav li span, form[ng-controller="cruise"] .page_nav li a, #cc .pagenav li a, #cc .pagenav li span, #cc .page_offers_cabine_ausw, #pagenav li a, #cc_lay_ship .page_content_header .page_offers_cabine h4, #cc_lay_ship .page_content_header .page_offers_cabine_ckd h4 {
  color: var(--clr-royal-blue-dark)!important;
  font-size: 22px!important;
  font-weight: 500!important;
  text-transform: capitalize!important;
  letter-spacing: 0.01em!important;
}
form[ng-controller="cruise"] .page_nav li a:hover,  #cc .pagenav li a:hover {
  color: #2b72a3!important;
  }
form[ng-controller="cruise"] .page_nav li span,  #cc .pagenav li span {

    color: #eee!important;
    background: var(--clr-royal-blue-dark)!important;
    border-radius: 5px!important;
    padding: 5px 10px!important;
    cursor: default;
}

 #passData .page_content_2 .hytt-header {
  margin-top: 20px!important;
}

.dining-header {
  font-size: 22px!important;
  text-transform: none!important;
  margin-bottom: 20px!important;
}
#passData .pass-type {
  font-size: 18px!important;
  color: var(--clr-royal-blue-dark)!important;
  font-weight: 600!important;
  padding-top: 0!important
}

#passData h2, #passData .page_box_form h3 p, #passData .page_box_form h3 {
  font-size: 24px!important;
  margin-top: 30px;
}





#passData .pb_field_take {
  border-radius: 10px;
  background-color: #ddd!important;
  margin:10px 0!important
}
#passData label.radio-custom-label {

}

#passData input[type="checkbox"][id^="besteller"]

#passData .pb_field input[type="hidden"] {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  position: absolute !important;
}

input[name^="passenger"][type="hidden"] {
  display: none;
}

#pagenav li span, #pagenav li a {
  cursor: pointer
}
#cc .page_nav a:hover {
    background-image:none!important;
}

#cc .page_nav a, #cc .page_nav span {
    font-size: 18px !important;
}


#cc_lay_ship .page_nav ul {
  z-index: 1;
}
#cc_lay_ship .page_nav ul li::before {
  display: none;
}

#cc_lay_ship .page_offers_flex_02 table {
  width: 100%;
}
#cc_lay_ship .page_offers_flex_02 table tr {
  height: 3em;
}
border-bottom: 1px solid var(--clr-light-grey) !important;
}
#cc_lay_ship .page_offers_flex_02 table td {
  text-align: center;
  vertical-align: middle;
}
#cc_lay_ship .page_offers_flex_02 table .price_tbl_01 {
  background-color: transparent;
  color: var(--clr-flicker-blue) !important;
  font-weight: bold;
}


#cc_lay_ship .price_tbl td.price_tbl_00,
#cc_lay_ship .price_tbl td.price_tbl_01,
#cc_lay_ship .price_tbl td.price_tbl_02,
#cc_lay_ship .price_tbl td.price_tbl_03,
#cc_lay_ship .price_tbl td.price_tbl_04,
#cc_lay_ship .price_tbl td.price_tbl_05 {
  font-weight: 700;
  font-size: 30px;
  color: #fff!important;
  text-align: left !important;
}
.page_offers_flex {
  flex-direction: column;
}

#cc_lay_ship .page_content[data-scrollpoint=cruise] {
  padding: 0 !important;
  margin-top: 2em;
}
#cc_lay_ship .page_content[data-scrollpoint=cruise] .page_content_1 br,
#cc_lay_ship .page_content[data-scrollpoint=cruise] .page_content_2 br {
  display: none;
}
#cc_lay_ship .page_content[data-scrollpoint=cruise] .page_content_1 h4,
#cc_lay_ship .page_content[data-scrollpoint=cruise] .page_content_2 h4 {
  margin-bottom: 1em;
}
#cc_lay_ship .page_content[data-scrollpoint=cruise] .page_content_1 h4 a,
#cc_lay_ship .page_content[data-scrollpoint=cruise] .page_content_2 h4 a {
  font-size: clamp(1.2rem, 0.9rem + (1vw - 0.48rem) * 0.1389, 1.3rem);
  font-weight: 600 !important;
  text-transform: inherit;
  color: var(--clr-royal-blue-dark) !important;
}
#cc_lay_ship .page_content[data-scrollpoint=cruise] .page_content_1 {
  /* border: 1px solid var(--clr-cultured); */
  padding: 0.5em !important;
}
#cc_lay_ship .page_content[data-scrollpoint=cruise] .page_content_2 {
  /* border: 1px solid var(--clr-cultured); */
}
#cc_lay_ship .page_content[data-scrollpoint=cruise] .page_content_2 > p {
  font-size: clamp(1.1rem, 0.9rem + (1vw - 0.48rem) * 0.1389, 1.2rem);
  font-weight: 500;
  color: var(--clr-flicker-blue);
  padding: 1em;
  margin-bottom: 0;
}
#cc_lay_ship .page_content[data-scrollpoint=cruise] .page_content_2 .page_table table tbody tr td:nth-of-type(2n-4) {
  text-align: center;
}
#cc_lay_ship .page_content[data-scrollpoint=cruise] .page_content_2 .page_table table tbody tr td:not(:nth-of-type(3)) {
  text-align: center;
}
#cc_lay_ship .page_content[data-scrollpoint=cruise] .page_content_2 .page_table table tbody tr:nth-of-type(2n + 1) {
  background-color: var(--clr-cultured);
}
#cc_lay_ship .page_content[data-scrollpoint=cruise] .page_content_2 .page_table table tbody tr:first-of-type {
  letter-spacing: 0.2em;
  line-height: 3em;
  background: var(--clr-light-grey);
}
#cc_lay_ship .page_content[data-scrollpoint=cruise] .page_content_2 .page_table table tbody th {
  color: var(--clr-royal-blue-dark);
  font-size: clamp(0.9rem, 0.9rem + (1vw - 0.48rem) * 0.1389, 1rem) !important;
  font-weight: 600;
  border-bottom: 0;
  padding: 0.4em;
}
#cc_lay_ship .page_content[data-scrollpoint=cruise] .page_content_2 .page_table table tbody td:first-of-type {
  font-size: clamp(1.2rem, 0.9rem + (1vw - 0.48rem) * 0.1389, 1.3rem);
  color: var(--clr-flicker-blue);
}
#cc_lay_ship .page_content[data-scrollpoint=cruise] .page_content_2 .page_table table tbody td {
  padding: 0.4em;
  line-height: 2em;
  vertical-align: middle;
  color: var(--clr-davys-grey);
  border: 0;
}
#cc_lay_ship .page_content[data-scrollpoint=service] .page_content_1,
#cc_lay_ship .page_content[data-scrollpoint=service] .page_content_2 {
  padding: 2em !important;
}


#ship .page_content_2 #accordion h3 {
  font-weight: 400!important;
  letter-spacing: 0!important;
  font-size: 14px !important;
}
#ship .page_content_2 #accordion ul {
    margin-top:15px!important;
}

#ship .page_content_1 p {
    font-size: 14px !important;
    line-height: 1.8em
}

#ship .page_content_1 h3 a {
    font-size: 14px !important;
    font-weight: 400;
}


font-size: 14px !important;

#cc_lay_ship #service,
#cc_lay_ship #ship,
#cc_lay_ship #deck,
#cc_lay_ship #cabine,
#cc_lay_ship .page_nav_top {
  margin: 4em auto;
  border-top: 1px solid var(--clr-cultured);
  border-bottom: 1px solid var(--clr-cultured);
}
#cc_lay_ship #service ul li::before,
#cc_lay_ship #ship ul li::before,
#cc_lay_ship #deck ul li::before,
#cc_lay_ship #cabine ul li::before,
#cc_lay_ship .page_nav_top ul li::before {
  display: none;
}
#cc_lay_ship #deck .deck * {
  color: var(--clr-davys-grey);
}
#cc_lay_ship .page_list_check ul > * + *,
#cc_lay_ship .page_list_no ul > * + * {
  margin-top: 1em;
}
#cc_lay_ship .page_list_check li,
#cc_lay_ship .page_list_no li {
  line-height: 1.6;
  color: var(--clr-davys-grey);
  font-size: 14px;
}
#cc .page_list_check.accordion-content li {
  line-height: 1;
}
#cc .page_list_check li {
  background: url(https://rocketdash.io/rk/assets/svg/bullet.svg) no-repeat 0 4px!important;
}

#cc .page_content_1 h4, #cc .page_content_2 h4 {
  margin: 10px 0 30px 0!important;
}

#cc .page_list_no li {
  background: url(https://rocketdash.io/rk/assets/svg/bullet-empty.svg) no-repeat 0 4px !important;
}
#cc .page_list_check li, #cc .page_list_no li {
  background-size: 8px 8px !important;
  padding-left: 20px !important;
}
#cc_lay_ship .page_list_check li::before,
#cc_lay_ship .page_list_no li::before {
  display: none;
}

#ship .page_table table tbody tr:first-of-type {
  letter-spacing: 0.2em;
  line-height: 3em;
  background: var(--clr-light-grey);
}
#ship .page_table table tbody tr:first-of-type td {
  padding: 0.25em 0.5em;
  font-size: clamp(1.1rem, 0.9rem + (1vw - 0.48rem) * 0.1389, 1.2rem);
  font-weight: 600;
  text-transform: uppercase;
  color: var(--clr-royal-blue-dark);
}
#ship .page_table table tbody tr:not(:first-of-type) td:first-of-type {
  padding: 0.4em;
  line-height: 2em;
  vertical-align: middle;
  color: var(--clr-davys-grey);
  border: 0;
}
#ship .page_table table tbody tr:not(:first-of-type) td {
  padding: 0.4em;
  line-height: 2em;
  vertical-align: middle;
  color: var(--clr-davys-grey);
  border: 0;
}
#ship .page_table table tbody tr:nth-of-type(2n + 3) {
  background-color: var(--clr-cultured);
}
#ship .page_content_1 {
  line-height: 1.5;
}
#ship .page_content_1 h4 a {
  font-size: clamp(1.3rem, 0.9rem + (1vw - 0.48rem) * 0.1389, 1.5rem);
  color: var(--clr-royal-blue-dark);
}
#ship .page_content_2 h4,
#ship .page_content_2 h4 a {
  color: var(--clr-flicker-blue);
  font-weight: 600;
  text-transform: capitalize;
  font-size: clamp(1rem, 0.9rem + (1vw - 0.48rem) * 0.1389, 1.1rem);
  margin-top: 1em;
}
#ship .page_content_2 p, #ship .page_content_2 td {
  font-size: clamp(0.8rem, 0.8rem + (1vw - 0.48rem) * 0.1389, 0.9rem);
  font-weight: 400 !important;
}
#ship .page_content_2 p:first-of-type {
  padding: 5px;
  font-size: clamp(1.3rem, 0.9rem + (1vw - 0.48rem) * 0.1389, 1.5rem)!important;
    color: var(--clr-royal-blue-dark)!important;
    font-weight: 600 !important;
}
.slide-image-wrap .slide_next,
.slide-image-wrap .slide_prev {
  width: 2em !important;
  background: unset !important;
  background-color: rgba(255, 255, 255, 0.6) !important;
}
.slide-image-wrap .slide_next > div,
.slide-image-wrap .slide_prev > div {
  left: 0 !important;
  width: 2em !important;
  height: 2em !important;
  background: unset !important;
  background-image: url(https://rocketdash.io/rk/assets/svg/arrow__right--blue.svg) !important;
  background-size: 1em;
  background-repeat: no-repeat !important;
  background-position: center !important;
}
.slide-image-wrap .slide_prev > div {
  background-image: url(https://rocketdash.io/rk/assets/svg/arrow__left--blue.svg) !important;
}
.slide-image-wrap .slide-image {
  border-radius: 0.25em;
}

.page_gallery_thumb ul > * + * {
  margin-left: 0.5em !important;
}
.page_gallery_thumb img {
  border-radius: 0.15em !important;
}

.page_content[data-scrollpoint=cabine] .selection_cb a {
  background-color: transparent !important;
  color: var(--clr-davys-grey) !important;
  text-transform: capitalize !important;
}

#cc_next {
  width: 100% !important;
  grid-column: 1/-1;
  background-color: transparent !important;
  text-align: center;
  margin: 0 !important;
}
#cc_next i,  .page_offers_flex_03 .b_forward {
  width: max-content !important;
  background-color: #086caf!important;
  color: white;
  border-radius: 5px;
  /* margin: auto; */
}
#cc_next i,  .page_offers_flex_03 .b_forward a {
  padding: 0.75rem 3rem !important;
  /* moved padding to button */
}


#cc input[type=submit] {
  /*background-color: var(--clr-royal-blue-dark) !important;*/
  background-color: #086caf!important;
}


.page_offers_cabine a.underline {
    display: inline-flex;
    align-items: center;
    border: 1px solid #003559;
    text-decoration: none;
    font-size: 14px;
    color: #003559;
    padding: 0 0 0 10px!important;
    background-color: #ffffff!important;
}

.page_offers_cabine a.underline::after {
    content: "";
    display: inline-block;
    margin-left: 10px;
    width: 32px;
    height: 32px;
    background-color: var(--clr-flicker-blue);
    background-image: url(https://varaa.risteilykeskus.fi/images/icons/icon_add_white.svg);
    background-repeat: no-repeat;
    background-position: center;
}
.page_offers_cabine a.underline.del-cabin-btn::after {
    background-image: url(https://varaa.risteilykeskus.fi/images/icons/icon_sub_black.svg);
      background-color: #fff;
}
.page_offers_cabine a.underline.add-cabin-btn {
  top: 80px;
  left: 4em;
}
.page_offers_cabine h4 {
  padding: 0 0 20px 0;
}

.page_offers_cabine .wrapper__innerPage--child_age {
  display: flex!important;
  align-items: flex-start!important;
}
.tbl_cabine > tbody > tr:first-child > td:first-child {
    min-width: 150px !important;
}

#cc .cabine_child select {
    width: 40px;
    margin-right: 10px!important;
}

.tbl_cabine {
        padding-top: 20px;
}
.selection_cabine .selection_cb {
  text-transform: capitalize!important;
}
.selection_cabine .ng-binding {
  font-size: clamp(1.2rem, 0.9rem + (1vw - 0.48rem) * 0.1389, 1.3rem);
  font-weight: bold;
}
.selection_cabine .ng-binding img {
  margin-bottom: 0.25em !important;
}
.selection_cabine p {
  background-color: transparent !important;
  text-align: center !important;
  font-size: clamp(0.9rem, 0.9rem + (1vw - 0.48rem) * 0.1389, 1rem) !important;
  color: var(--clr-royal-blue-dark) !important;
  font-weight: normal !important;
}
.selection_cabine .selection_price_01 {
  color: var(--clr-flicker-blue) !important;
  /* letter-spacing: 2px !important; under selected cabin style */
}
#cc .selection_cb a, #cc .selection_cb_on a,  #cc .selection_cb_out a {
    padding: 0 0 10px 0 !important;
    text-transform: capitalize;
    letter-spacing: 0;
}
#cc .selection_cb a {
  margin-top: 5px !important;
}

#cc .selection_cb_out a {
  background-color: var(--clr-light-grey) !important;
  color: white !important;
  border-radius: 5px;
}

.selection_cb_out img {
  border-radius: 5px 5px 0 0 !important;
}

#cc .selection_cb_on a {
  background-color: var(--clr-flicker-blue) !important;
  color: white !important;
  border-radius: 5px!important;
}

#cc .selection_cb a img,
#cc .selection_cb_out a img,
#cc .selection_cb_on a img {
  border-radius: 5px!important;
}

#selection_cb_cat {
  margin-top: 1em;
}
#selection_cb_cat a {
  color: var(--clr-royal-blue-dark) !important;
  padding: 5px 0;
}

.selection_cat {
  width: 100%;
  background-color: white;
  border: 1px solid #CDCFD1 !important;
  margin: 0.5em 0 2em 0;
  margin-right: 0px;
  margin-right: 0px;
  margin-top: 3em !important;
  border-radius: clamp(0.25rem, 0.25rem + (1vw - 0.48rem) * 0.3472, 0.5rem);
  background-size: 100%;
  background-repeat: no-repeat;
  overflow: hidden;
}
.selection_cat th {
  background-color: transparent !important;
  padding: 1.25em 0.5em !important;
  border-bottom: 1px solid var(--clr-light-grey);
  text-align: center !important;
  font-size: clamp(1rem, 0.9rem + (1vw - 0.48rem) * 0.1389, 1.1rem) !important;
  color: var(--clr-davys-grey) !important;
}
.selection_cat td {
  text-align: center !important;
  padding: 0.5em 0 !important;
  color: var(--clr-davys-grey) !important;
}
.selection_cat td * {
  margin: auto;
}
.selection_cat tr:first-of-type {
  padding-top: 1em !important;
}

#cc #passData .pb_radio {
  /*  display: none; */
  width: auto;
}

#cc #passData .pb_field>label {
  /*  display: none; */
  display: flow;
}

#cc #passData .pb_field>label a {
   display: block;
   margin-top: 15px;
   text-decoration: underline;
}

div[ng-show="showDetail == v.id && lencab != 0 && error == false && showDeck != 'GTY'"] {
  text-align: left!important;
}
#cc .page_content_4 {
        margin: 20px 20px 0 0!important;
    }
#page_row_content {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  background-color: var(--clr-cultured);
  border-radius: 5px;
  border-bottom: dotted 1px #ccc!important;
}

#page_row_content .page_content_4:first-of-type {

}
#page_row_content .page_content_4 > div[ng-show="showDeck == 'GTY'"] {
  text-align: left;
}




#page_row_content .page_content_2 .b_forward_100 i, #cc form[name="requestFORM"] input[type="submit"], #passData .b_forward input,  #cc form[name="book"] input[type="submit"] {

  color: #ffffff !important;
  /*width: max-content !important; commented for last page button*/
  width: max-content !important;

  background-color: #086caf !important;
  color: white !important;
  padding: 0.75rem 3rem !important;
  margin: 0px!important;
  font-size: 20px !important;
  font-weight: 600 !important;
  border-radius: 5px!important;
}

#booking #cc[ng-controller="confirm"] #cc_lay_ship input[type="submit"] {
  margin: 0 20px 0 10px !important;
  white-space: normal !important;
    width: inherit!important;
}

#page_row_content .page_content_2 .b_forward_100, #cc .b_forward, #cc .b_forward_100 {
  background-color: transparent;
  background: transparent;
}

#cc #cc_next i::after, #page_row_content .page_content_2 .b_forward_100 i::after, #cc form[name="requestFORM"] input[type="submit"]::after, #passData .b_forward input[type="submit"]::after,  #cc form[name="book"] input[type="submit"]::after, #page_row_content .page_content_2 .b_forward_100 i::after {

  content: " »";
  font-weight: 700;

}

#page_row_content .page_content_2 select {
  color: var(--clr-flicker-blue);
  background-image: url(https://rocketdash.io/rk/assets/svg/arrow__down--blue.svg);
  background-color: transparent;
  background-size: 0.98em;
}

#change_cabin {
  outline: 1px solid var(--clr-flicker-blue);
}
#change_cabin i {
  padding: 0!important;
  color: var(--clr-flicker-blue);
  text-transform: none;
  text-decoration: none;
  text-align: center;
  background: transparent !important;
  background-color: transparent !important;
}

.ng-pristine[name=requestFORM] input {
  width: max-content !important;
  background-color: var(--clr-royal-blue-dark) !important;
  color: white;
  padding: 0.75rem 3rem !important;
  margin: auto;
}

#passData .page_content > * {
  border-radius: 0.5em !important;
  padding: 2em 4em;
  background-color: var(--clr-cultured);
}
#passData .page_content > * label {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
#passData .page_content .pb_box > * label.radio-custom-label {
  margin-top: -20px;
}


#cc_lay_ship :not(#passData) .page_content .page_content_2 p,
#cc_lay_ship :not(#passData) .page_box_form h3 p {
  color: var(--clr-flicker-blue)!important;
  font-weight: 400 !important;
  text-transform: capitalize !important;
  border: 1px solid;
  margin-bottom: 20px;
  padding: 20px;
  font-size: 14px;
  border-radius: 5px;
}

#passData p{
border: 0px solid;
}
#passData .page_box_form p{
font-weight: 600!important
}


#cc_lay_ship .page_content_1 p {
font-size: 14px;
  font-weight: 400
}

.checkbox-custom+.checkbox-custom-label:before, .radio-custom+.radio-custom-label:before {

        border-radius: 50%;

    }
#passData .page_content h4 {
  color: var(--clr-royal-blue-dark);
  font-size: clamp(1.1rem, 0.9rem + (1vw - 0.48rem) * 0.1389, 1.2rem);
  font-weight: 500;
  text-transform: inherit;
}

.checkbox-custom+.checkbox-custom-label:before, .radio-custom+.radio-custom-label:before {

        border: 4px solid #003559;

}

.radio-custom:checked+.radio-custom-label:before {
        background:rgba(0,153,204,1);
    }

#passData .page_content .page_content_1 {

    padding: 1em 4em;
}
#passData .page_content h4 {

    font-weight: 300;
}

.page_box_form h3 {

  margin-bottom: 30px!important;
}

#passData .clear {
    display: block
}
#cc #passData .pb_text {
    text-align: left;
    padding: 15px 10px 0 0;

}
#cc #passData .pb_field input, #cc .pb_field textarea {
    padding: 10px 20px;
    font-size: 16px;
    color: #003559!important;
    background-color: rgb(255 255 255) !important;
    border: 4px solid #eee;
    border-radius: 10px !important;
}


#booking #cc #tpm_back {
    float: right;
}

.page_offers_flight {
    display: contents!important;
}

.page_offers_flight h4 {
    margin-top: 33px !important;
    width: auto !important;
    text-align: right!important;
    text-transform: capitalize!important;
    vertical-align: center!important;
    font-size: clamp(1.2rem, 1.2rem + (1vw - 0.48rem) * 0.2083, 1.35rem)!important;
    font-weight: 500!important;
    line-height: 1.1!important;
    color: var(--clr-royal-blue-dark)!important;
}

#passData .lay_radio > * + * {
  margin-top: 0.35em !important;
}


#passData .page_content .page_content_2 select, #passData .select_country, #cc textarea, #page_row_content .page_content_2 select, #passData #nationp0, .page_offers_flight select  {
  background-color: var(--clr-light-grey)!important;
  padding: 20px!important;
  margin: 10px 0!important;
  border-radius: 10px!important;
}



#passData select, #page_row_content .page_content_2 select, #passData #nationp0, .page_offers_flight select {
  font-size: clamp(0.9rem, 0.9rem + (1vw - 0.48rem) * 0.1389, 1rem)!important;
  color: var(--clr-flicker-blue)!important;
  background-image: url(https://rocketdash.io/rk/assets/svg/arrow__down--blue.svg)!important;
  background-color: transparent!important;
  background-size: 0.98em!important;
  border: 4px solid #eee!important;
  outline: none!important;
}
#passData select:hover, #passData .page_content .page_content_2 select:hover, #cc textarea:hover,
#cc_lay_ship .page_content_header .page_offers_cabine .tbl_cabine .cabine_child select:hover,
#cc_lay_ship .page_content_header .page_offers_cabine_ckd .tbl_cabine .cabine_child select:hover, .page_offers_flight select:hover {
  background-color: transparent;
}
#passData select optgroup,  .liste_box_02 #sort {
  color: var(--clr-davys-grey);
  text-transform: inherit;
}
#passData select optgroup option, #page_row_content .page_content_2 select option,  .liste_box_02 #sort option {
  background-color: transparent!important;
  font-style: normal;
  font-weight: 300;
}
.liste_box_02 #sort:active {
  background-color: transparent!important;
}
.page_box_form {
  background-color: transparent !important;
}
.page_box_form input {
  border-radius: 0.25em !important;
}
.page_box_form input:hover {
  background-color: var(--clr-french-blue) !important;
}
.page_box_form .pb_box label {
  font-weight: 500 !important;
}

.radio-custom-label,
.checkbox-custom-label {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.25em;
  align-content: center;
  align-items: center;
}
.radio-custom-label > * + *,
.checkbox-custom-label > * + * {
  margin-left: 0.25em;
}
.radio-custom-label::before,
.checkbox-custom-label::before {
  min-width: 12px !important;
  min-height: 12px !important;
  margin-right: 5px;
}
.radio-custom-label b,
.checkbox-custom-label b {
  color: black;
  white-space: nowrap;
}

#passData .page_box_form {
  padding-bottom: 7em;
}

.pb_field {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0.25em;
}

main[data-main=single_ship] {
  padding: 0 1em;
  margin-top: 0;
}
main[data-main=single_ship] > * + * {
  margin-top: 4em;
}
main[data-main=single_ship] .hero {
  width: calc(100% + 2em);
  margin-left: -1em;
  margin-right: -1em;
  background-color: var(--clr-oxford-blue2);
}

.header__ship--single::before {
  background: transparent;
  background-color: var(--clr-oxford-blue);
}

.hero[data-hero=single_ship] {
  position: relative;
  width: calc(100% + 1em);
  margin-left: -0.5em;
  min-height: 58em;
}
.hero[data-hero=single_ship] img[data-hero-image=single_ship] {
  object-fit: cover;
  width: 100%;
}
@media (max-width: 1500px) {

  #cruise_list .liste_box .liste_box_01 {
    position: relative;
    aspect-ratio: 1/0.70!important ;
  }
}
@media (max-width: 992px) {
  .hero[data-hero=single_ship] img[data-hero-image=single_ship] {
    height: 23em;
  }
  #cruise_list .liste_box .liste_box_01 {
    position: relative;
    aspect-ratio: 1/1 ;
  }
}
.hero[data-hero=single_ship] .wrapper__header--texline {
  top: 30%;
}
@media (max-width: 992px) {
  .hero[data-hero=single_ship] .wrapper__header--texline {
    left: 1em;
    transform: unset;
  }
  .hero[data-hero=single_ship] .wrapper__header--texline * {
    text-align: left;
  }
  .hero[data-hero=single_ship] .wrapper__header--texline h2 {
    font-family: "ProximaNova-Regular", Arial, sans-serif !important;
    font-size: 1rem;
    letter-spacing: 0.125rem;
  }
  .hero[data-hero=single_ship] .wrapper__header--texline h1 {
    font-size: min(max(10.92vw, 44px), 48px);
    line-height: 0.6;
  }
}
@media (max-width: 992px) {
  .hero[data-hero=single_ship] .wrapper__header--texline {
    top: 14em;
  }
}
@media (max-width: 992px) {
  .hero[data-hero=single_ship] {
    min-height: 75em;
  }
}

.wrapper__hero--text_video {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 0;
  padding: 0em 5em 5em 5em;
}
.wrapper__hero--text_video::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background: linear-gradient(180deg, rgba(0, 12, 40, 0) 0%, rgb(0, 12, 40) 22%, rgb(0, 12, 40) 100%);
}
@media (max-width: 992px) {
  .wrapper__hero--text_video::after {
    top: -10em;
    height: 3em;
  }
}
.wrapper__hero--text_video * {
  color: white;
}
.wrapper__hero--text_video > * {
  max-width: 50%;
  z-index: 1;
}
@media (max-width: 992px) {
  .wrapper__hero--text_video > * {
    max-width: 100%;
  }
}
.wrapper__hero--text_video > * + * {
  margin-left: 3em;
}
@media (max-width: 992px) {
  .wrapper__hero--text_video > * + * {
    margin-left: 0;
  }
}
@media (max-width: 992px) {
  .wrapper__hero--text_video {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1em;
  }
}
.wrapper__hero--text_video iframe {
  border-radius: 0.4em;
  overflow: hidden;
}

.hero__text p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 9;
  -webkit-box-orient: vertical;
  margin-top: 1em;
  line-height: 1.6;
  font-size: clamp(1rem, 0.9rem + (1vw - 0.48rem) * 0.1389, 1.1rem);
  font-weight: 100;
}
.hero__text p:first-of-type {
  font-size: clamp(1.3rem, 0.9rem + (1vw - 0.48rem) * 0.1389, 1.5rem);
  font-weight: 500 !important;
}

.banner__card {
  position: relative;
  padding: 8em 0;
  width: calc(100% + 2em);
  margin-left: -1em;
}
.banner__card::before {
  content: " ";
  background-image: -webkit-linear-gradient(left top, white 0, white 49.6%, transparent 50%);
  background-image: -moz-linear-gradient(left top, white 0, white 49.6%, transparent 50%);
  background-image: linear-gradient(to right bottom, white 0, white 49.6%, transparent 50%);
  position: absolute;
  width: 110%;
  height: 4.5rem;
  top: 0;
  left: -5%;
  z-index: 3;
}
.banner__card::after {
  content: " ";
  background-image: -webkit-linear-gradient(right bottom, white 0, white 49.6%, transparent 50%);
  background-image: -moz-linear-gradient(right bottom, white 0, white 49.6%, transparent 50%);
  background-image: linear-gradient(to left top, white 0, white 49.6%, transparent 50%);
  position: absolute;
  width: 110%;
  height: 4.5rem;
  bottom: 0;
  left: -5%;
  z-index: 3;
}
@media (max-width: 992px) {
  .banner__card {
    width: calc(100% + 2em);
    margin-left: -1em;
  }
}

.banner__card--img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}

.banner__card--overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(21, 38, 76, 0.7);
  z-index: -1;
}

.wrapper__banner_card--text {
  position: relative;
  max-width: 60%;
  text-align: center;
  margin: auto;
  padding-bottom: 2em;
  z-index: 1;
}
.wrapper__banner_card--text > * {
  margin-bottom: 0.3em;
}
.wrapper__banner_card--text * {
  color: white;
}
.wrapper__banner_card--text p {
  line-height: 1.6;
  font-size: clamp(1.3rem, 0.9rem + (1vw - 0.48rem) * 0.1389, 1.5rem);
}
@media (max-width: 992px) {
  .wrapper__banner_card--text p {
    text-align: left;
  }
}
@media (max-width: 992px) {
  .wrapper__banner_card--text {
    max-width: 100%;
    padding: 0 1em;
  }
}

.wrapper__banner_card--cards {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 80%;
  margin: auto;
}
.wrapper__banner_card--cards > * + * {
  margin-left: 2em;
}
@media (max-width: 992px) {
  .wrapper__banner_card--cards > * + * {
    margin-left: 0;
    margin-top: 1em;
  }
}
.wrapper__banner_card--cards .card__3 {
  width: 50%;
}
.wrapper__banner_card--cards .card__3 img {
  height: 100%;
}
@media (max-width: 992px) {
  .wrapper__banner_card--cards .card__3 {
    max-width: 100%;
    width: 100%;
  }
}
@media (max-width: 992px) {
  .wrapper__banner_card--cards {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 1em;
    width: 100%;
    padding: 1em;
  }
}

.wrapper__what_to_do .swiper-slide {
  box-shadow: none;
  aspect-ratio: unset;
  border-radius: 0;
}
.wrapper__what_to_do .swiper-slide img {
  aspect-ratio: 1/0.7;
}
.wrapper__what_to_do > * + * {
  margin-top: 2em;
}
.wrapper__what_to_do h2 {
  margin-bottom: 0.15em;
}

.book_now--wide {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  position: relative;
  padding: 2em;
  background-color: var(--clr-jonkuil);
  text-align: center;
}
.book_now--wide::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1em;
  background: linear-gradient(0, rgba(0, 0, 0, 0) 0, #000 100%);
  opacity: 0.3;
}

main[data-main=ships] {
  margin-top: 0 !important;
  margin-bottom: 2em;
}
main[data-main=ships] .hero {
  width: calc(100% + 2em);
  margin-left: -1em;
}

.hero[data-hero=ships] {
  height: 22.5rem;
}
.hero[data-hero=ships] > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.intro__discover {
  width: calc(66% + 5.5rem);
}
.intro__discover h1 {
  font-size: 4rem;
  color: var(--clr-royal-blue-dark);
}
.intro__discover p {
  font-weight: 100;
  color: var(--clr-davys-grey);
  line-height: 1.5;
  margin-top: 0.5em;
}
@media (max-width: 992px) {
  .intro__discover {
    width: 100%;
  }
}

.wrapper__things_to_do {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
.wrapper__things_to_do img {
  max-height: 100%;
}

.things_to_do__left {
  position: relative;
  width: 70%;
  height: 100vh;
}
.things_to_do__left .swiper-button-next,
.things_to_do__left .swiper-button-prev {
  position: absolute;
  max-height: 10rem;
  bottom: 1rem;
  top: unset;
  transform: unset;
}

.wrapper__things_to_do--modal {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
.wrapper__things_to_do--modal img {
  max-height: 100%;
}
@media (max-width: 992px) {
  .wrapper__things_to_do--modal {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }
}

.things_to_do__left {
  position: relative;
  width: 70%;
  height: 100vh;
}
.things_to_do__left .swiper-button-next,
.things_to_do__left .swiper-button-prev {
  display: block;
  position: absolute;
  max-height: 10rem;
  bottom: 1rem;
  top: unset;
  transform: unset;
}
@media (max-width: 992px) {
  .things_to_do__left {
    width: 100%;
  }
}
.things_to_do__left .swiper-button-prev,
.things_to_do__left .swiper-button-next {
  opacity: 1 !important;
  background-color: transparent !important;
}
@media (max-width: 992px) {
  .things_to_do__left .swiper-button-next__ttd {
    right: 1em !important;
    position: absolute;
    left: unset;
  }
}

.things_to_do__right {
  height: 100%;
  padding: 2em;
  padding-top: 4em;
  overflow-y: auto;
  box-shadow: -0.1875rem -0.1875rem 1.3125rem -0.1875rem #d8d8d8;
  z-index: 999;
}
.things_to_do__right h1 {
  font-family: "Poppins" !important;
  font-size: 2rem;
  line-height: 1.4;
  font-weight: 200;
  color: var(--clr-midnight-blue);
}
.things_to_do__right .h2 {
  color: var(--clr-davys-grey);
  font-size: clamp(1.925rem, 12px + 2.2vw, 2.475rem);
}
.things_to_do__right h4 {
  color: var(--clr-davys-grey);
  text-transform: uppercase;
  font-size: clamp(1.1rem, 0.9rem + (1vw - 0.48rem) * 0.1389, 1.2rem);
  padding-bottom: 0.5em;
}
.things_to_do__right button {
  background-color: var(--clr-french-blue);
  color: white;
  font-weight: 100;
}
.things_to_do__right > * + * {
  margin-top: 2em;
}

* {
  box-sizing: border-box;
  font-family: var(--ff-main) !important;
  padding: 0;
  margin: 0;
  -webkit-font-smoothing: antialiased !important;
}
*::after, *::before {
  font-family: var(--ff-main);
}

html {
  height: 100vh;
  scroll-behavior: smooth;
}
@media (max-width: 992px) {
  html {
    height: 100%;
  }
}

body {
  background-color: var(--clr-oxford-blue)!important;
  color: var(--clr-davys-grey);
  overflow-x: hidden;
  overflow-y: scroll;
  min-height: 100vh;
}
body:has(form#passData), body:has(#cc[ng-controller="cruises"]), body:has([ng-controller="cruise"]), body:has(#cc[ng-controller="offerCtrl"]), body:has(#cc[ng-controller="cabCtrl"]), body:has(#cc[ng-controller="confirm"])  {
    background-color: #ffffff!important /* choose any color you like */
}

#cc[ng-controller="confirm"] .page_content_header{

    position: absolute;
    top: 200px;
}

#cc[ng-controller="confirm"] #cc_lay_ship .page_box:nth-of-type(2) {
  margin-top: 100px;
}
@media (max-width: 992px) {
  body {
    padding-bottom: 4em;
    height: 100%;
  }
}

#layout, .footer_inner {
  max-width: 93.75rem;
  margin: 0 auto;
  padding: 0 0.5em;
  max-width: 93.75rem !important;
}


#areas, #cruiselines, #ships, #durations, #departures, #arrivals {
    flex: 0 1 32%; /* don't grow beyond 32%, allow shrink */
    max-width: 32%;
    min-width: 200px; /* optional, prevent it from being too small */
    box-sizing: border-box;
}

 #cc[ng-controller="cruises"] #btnSearch {
   width: 100% !important;
}
#cc[ng-controller="cruises"] #search .lay_01_2 {
    margin-left: 10px;
    position: inherit;
    right: 0;
    top: 0;
}
[ng-controller="cruises"] #areas,
[ng-controller="cruises"] #cruiselines,
[ng-controller="cruises"] #ships,
[ng-controller="cruises"] #durations,
[ng-controller="cruises"] #departures,
[ng-controller="cruises"] #arrivals  {
  max-width: 100%!important;
      margin-left: 10px;
}

#cc[ng-controller="cruises"] #cc_lay_filter_search, #cc[ng-controller="cruises"] #cc_lay_filter_detail {
    margin-left: 0px;
}
[ng-controller="cruises"] #areas  {
 margin-top: 20px!important;
}

#areas {
  white-space: nowrap; /* keep contents inline */
}
/* Make the tags wrap inside the container instead of stretching it */
.tag-container {
    display: flex;
    flex-wrap: wrap;
    gap: 5px; /* spacing between tags */
}

/* Optional: make the tags look like chips */
.tag-container .tag {
    white-space: nowrap;
}
.tag-container .tag-wrapper {
    display: inline-block;    /* keep inline */
    max-width: 90%;          /* restrict width to parent */
    overflow: hidden;         /* hide overflowing tags */
    white-space: nowrap;      /* prevent wrapping */
    margin-left: -10px;
}

#cc .page_list_check li, #cc .page_list_no li {
    /* line-height: 1.4em; was making too big gaps*/
}
#cc ul[ng-if*="tariffs"] li.ng-scope > b.ng-binding {
  /*font-size: 22px; HYTTIKUVAUS INFO ++ OTSIKOT */
  padding: 10px 0 !important;
  display: block;
}
#cc ul[ng-if*="tariffs"] > li {
  background: none !important;
  background-image: transparent!important;
  padding-left:0!important;
  margin-bottom: 0!important;
  margin-top: 20px;
}



.price-final-box {
    padding: 2rem!important;
    height: auto;
    align-items: center;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 10px;
    box-shadow: 5px 5px 5px #dcdcdc;
    background-color: #086caf;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    color: #ffffff !important;
    margin-top: 20px !important;
}

.price-final {
    margin-top: 0.5em;
    font-size: 45px !important;
    font-weight: 700 !important;
}
.price-final-info {
    font-size: 14px;
}

@media (min-width: 1160px) {

  #layout .lp_ss_box01 {
    margin-top: -75px;
  }
  .page_content_1 #map_canvas {
    min-height: 600px;
  }
}

.giosg_chat_now  {
    right: -77px;
}
.giosg_chat_now .chatbuttontext {
    padding: 0 10px;
}

@media (min-width: 993px) {




  #change_cabin {
      position: absolute;!important;
      right: 40px!important;
      top: 40px!important;
      left: auto!important;
  }

  .price-final-box {
      padding: 2rem!important;
      height: auto;
      align-items: center;
      position: absolute;
      right: 12%;
      top: 90px;
      width: 200px;
  }
}

#cc_lay_ship .page_content[data-scrollpoint="service"] hr {
  display: none;
}


#passData .pb_field label[for=privacy] a {
}

#booking #cc[ng-controller="confirm"] .page_box table p  {
  margin-right: 5px;
  margin-top: 1px;
  font-size: 14px;
  font-weight: 400 !important;
  color: var(--clr-davys-grey)!important;
}
#booking #cc[ng-controller="confirm"] .page_box table p::after  {
  content: ":";
}
#booking #cc[ng-controller="confirm"] h4  {
    text-transform: none;
}
body#booking #cc[ng-controller="confirm"] h3, body#booking #cc[ng-controller="confirm"] h4    {
    font-size: 20px!important;
    margin-top: 20px!important;
    font-weight: 700!important;
    color: #000!important
}
#booking #cc[ng-controller="confirm"] h3:not(.skip-after):not(:has(a))::after  {
      content: " passagerare";
}

@media (max-width: 992px) {

  .page_offers_flight  {
      display: inherit !important;
      background: none !important;
      padding-left: 20px!important;
  }


  #cc input.searchclick:not(:checked) + label  {
      background-image: none!important;
  }


  .checkboxLayer.checkBoxContainer {
    scrollbar-color: #5CC4EF #5CC4EF!important; /* thumb color, track color */
    scrollbar-width: thin;              /* makes it slim */
  }


  .page_offers_flex_03 .b_forward {
 float: right;
 width: 100% !important;
 text-align: center;
 }
  .nav__logo {
      margin-top: -23px;
  }
.page_offers_flex_02 .price_tbl td.column-wrapper {
      width: 48%!important;
      display: inline-flex!important;
  }


  #cc .selection_cb img {
    opacity: 1!important /*blue shade on hytit images*/
  }
  #booking #cc[ng-controller="confirm"] .page_box table p  {
    margin-top: 2px;
    font-size: 16px;
  }

  #cc[ng-controller="confirm"] .page_content_header {
    top: 370px;
  }

  .wrapper__search_card--right .liste_box_preis > span {
   margin-top: 5px;
  }

  .wrapper__search_card--right{
    padding: 1.5rem 2rem 1rem 2rem;
    margin-top: 20px;
  }
  #cc_lay_ship .page_offers_cabine_l, #cc_lay_ship .page_offers_cabine_r {
     width: 100%;
  }


  [ng-controller="cruises"] .wrapper__search_card--left .liste_box_text p:nth-of-type(2)   {
      display: none!important;
  }

  body:not(:has(#cc[ng-controller="cruises"])) #cc_bk_navi {
      display: block!important;
  }

  #cc_bk_navi #breadcrumbs {
      display: none!important;
  }


  #passData .b_forward, .b_forward_100{
    background-image: none!important;
    background-color: transparent!important;
  }
  #passData .b_forward input{
    border-radius: 5px!important;
    width: 100% !important;
    padding: 0.75rem 2rem !important;
  }
  #passData .b_forward {
    margin: 0 20px 20px 20px;
    float: none;
  }

  #cc[ng-controller="cabCtrl"] .selection_cb_on a:after {
      content: 'Sulje tai vaihda';
      text-transform: uppercase!important;
  }



  #cc .selection_cb a, #cc .selection_cb_on a, #cc .selection_cb_out a {
    display: grid!important;
  }
  #passData .pass-type {
    position: relative;
    top: -50px;
    left: 25px;
  }

  #passData .pb_field_date {
      width: 33%!important;
      float: left!important;
  }

  #cc_lay_ship .page_content_header .page_offers_cabine .tbl_cabine tr, #cc_lay_ship .page_content_header .page_offers_cabine_ckd .tbl_cabine tr {

  }
  #passData .page_content .page_content_1 {
    padding: 0 1.5em 1em 1.5em;
    margin-left: 0.5em;
    margin-right: 0.5em;
  }
  #passData .page_content .page_content_2 {
    padding: 1em 1.5em 1em 1.5em;
    margin-left: 0.5em;
    margin-right: 0.5em;
  }
  #cc form[name="requestFORM"] input[type="submit"] {
      float:none!important;
        width: 100% !important;
  }
 .page_offers_cabine_r  #change_cabin, .page_offers_cabine_r .tbl_cabine {
      width: 100%!important;
  }

  .page_content_4 div[ng-click="desc_change()"] h3 {
    color:blue !important;
    text-decoration: underline !important;
    font-size: 14px !important;
    margin-left: 15px !important;
    font-weight: 400!important;
  }


#cc_lay_ship .page_content_header .page_offers_cabine .tbl_cabine tr, #cc_lay_ship .page_content_header .page_offers_cabine_ckd .tbl_cabine tr {
    justify-content: flex-end;
}

  #cc_lay_ship .page_content_header .page_offers_cabine .tbl_cabine tr,
  #cc_lay_ship .page_content_header .page_offers_cabine_ckd .tbl_cabine tr {
    justify-content: left;
  }
  #cc_lay_ship .page_content_header .page_offers_cabine .tbl_cabine .pricebox-exist,
  #cc_lay_ship .page_content_header .page_offers_cabine_ckd .tbl_cabine .pricebox-exist {
    justify-content: center!important;
  }


  #cc .selection_cat td a, #cc .b_forward_100 {
    margin: 10px 0!important;
    padding: 0!important;
  }



  #cc .selection_cat .b_forward, #cc .selection_cat .b_forward_100, #cc_lay_ship .page_content_header .page_offers_cabine .tbl_cabine .page_offers_cabine_adult, #cc_lay_ship .page_content_header .page_offers_cabine_ckd .tbl_cabine .page_offers_cabine_adult {

    float: left;
  }


  #cc .page_box .liste_box_02 .liste_box_headline em {
      padding-bottom: 10px;
      font-size: 26px !important;

  }

  #cc_lay_ship .liste_box_nights {
     flex-direction: row;
    }
  #cc_lay_ship .page_content_header {
      display: block!important;
    }
    #cc_lay_ship .liste_box_nights em {
        padding-right: 5px;
      }

  #cc .selection_cat .page_content_4 .deck{
      width: 100%!important;
      display: none!important;
    }
  #cc .selection_cat .page_content_4 {
      margin: 0 !important;
  }
  #cc .selection_cat .page_content_2 {
    margin: 10px 0 0 0!important;
}

  #cc .selection_cat {
    width: 100%;
    background-color: white;
    box-shadow: none!important;
    margin-top: 0em !important;
    padding: 0em;
}

  #page_row_content {
    flex-direction: column!important;
}



  #cc .selection_cat td {
      text-align: left !important;
  }
  #cc[ng-controller="cabCtrl"] .selection_cat td a {
      padding:0.75rem 3rem !important;
      margin: 0!important;
  }
  #cc .selection_cat_on {
    background-position:top right !important;
    height: 20px;
    width: 60px;
}
  #cc .selection_cat td::before {
      width: 45%;
      text-transform: capitalize;
      font-weight: normal;
  }
  #cc .selection_cat td {
    padding: 5px 0px !important;
      }
  #cc[ng-controller="cabCtrl"] h1, .selection_cat td[data-label="Fortsätt bokningen"]::before {
      display:none!important;
    }
    .selection_cat td[data-label="Fortsätt bokningen"] {
        margin:15px 0!important;
      }
  #cc .selection_cat tbody tr[ng-repeat-start="v in cat.children"] td:first-child {
      background-color: #eef;
      font-weight: bold;
      padding: 10px!important;
  }
  .inner_page__baner .text, .inner_page__baner .headline {
      text-align: center;

  }

  .inner_page__baner .text {
      top: 80%;
      font-weight: 700;
  }

  .inner_page__baner .headline span{
    line-height: 1.1em!important;
    font-size: 2.4rem !important;
  }

  #cc_lay_ship .page_content[data-scrollpoint="service"] .page_content_1, #cc_lay_ship .page_content[data-scrollpoint="service"] .page_content_4 {
    background: #f9f9f9;
    border-radius: 5px;
background-color: var(--clr-cultured)!important;
border-bottom: dotted 1px #ccc!important;
  }

  #cc_lay_ship .page_content_header .page_offers_chk{
  width:100%!important;
  display: none!important;
  }

  #cc_lay_ship .liste_box_nights {
    justify-content: left!important;
    align-items: flex-start!important
  }

  #cc_lay_ship .page_content_header {
    grid-template-columns: auto!important
  }
  #cc_lay_ship .page_content_header .page_offers_cabine {
    width: 100%!important;
    border-radius: 5px!important;
    margin-bottom: 20px !important;
  }
  #cc .page_list_no li {
      background-position: 0 4px !important;
  }

  #cc h1 {
    line-height: 1.5em;
}

  #cc_lay_ship .page_content[data-scrollpoint=cruise] .page_content_2 .page_table table tbody th {

    font-size: clamp(0.6rem, 0.6rem + (1vw - 0.48rem) * 0.1389, 1rem) !important;
  }

  .page_content_2 .page_table table tbody th,   #cc_lay_ship .page_content[data-scrollpoint=cruise] .page_content_2 .page_table table tbody td:first-of-type {

      font-size: clamp(0.8rem, 0.8rem + (1vw - 0.48rem) * 0.1389, 1rem) !important;
  }
  #cc_lay_ship .page_content[data-scrollpoint=cruise] .page_content_2 .page_table table tbody tr td:not(:nth-of-type(3)) {
    font-size: 0.9rem;
    font-weight: 500;
}
#cc_lay_ship .page_content[data-scrollpoint=cruise] .page_content_2 .page_table table tbody td {
  font-size: 0.9rem;

}


  #cc_lay_ship .page_content_header .page_offers_cabine, #cc_lay_ship .page_content_header .page_offers_cabine_ckd {
      padding: 2em!important;
  }

  #cc_lay_ship .page_content_header .page_offers_cabine .tbl_cabine tr, #cc_lay_ship .page_content_header .page_offers_cabine_ckd .tbl_cabine tr {
    flex-direction: row-reverse;
  }



  #cc_lay_ship .page_content_header .page_offers_cabine .wrapper__innerPage--child_age, #cc_lay_ship .page_content_header .page_offers_cabine_ckd .wrapper__innerPage--child_age {
    flex-direction: column;
  }

    #cc_lay_ship .page_content_header .page_offers_cabine .tbl_cabine .cabine_child select, #cc_lay_ship .page_content_header .page_offers_cabine_ckd .tbl_cabine .cabine_child select {

    padding: 5px;
    min-width: 50px;
    margin-right: 10px!important;
    margin-top: 10px!important;
    margin-bottom: 10px!important;
    margin-left: 0!important;
    float: left;
    text-align: left;
}

    #cc_lay_ship .page_content_header .page_offers_cabine .underline {
    top: 3.5em !important;
    }

  #cc .helperContainer button {
      padding: 2px 4px !important;
}

  #cc input[type="submit"] {
      font-size: 16px !important;
  }

  .header__shading, .flexslider--0 li::before {
    background: transparent!important;
}

.flexslider--0 li::after {
    left:0px!important;
    width: 100%;
}

  #cc.ng-scope {
         display: grid;
         grid-template-areas:
             "topLeft"
             "topRight"
             "left"
             "right";
         grid-template-columns: 100%;  /* single column */
         grid-gap: 1em;
         gap: 1em;
         padding-right: 0; /* optional, adjust for mobile */
     }
  #cc_lay_an > div > * + *, #search .lay_floatleft > * + *, #search .lay_floatright > * + * {
    margin-left: 0!important
  }
  #search .lay_floatleft,
    #search .lay_floatright {
        flex-direction: column!important;
        align-items: stretch!important;
    }

    /* Optional: make inputs full width on mobile */
    #search .lay_floatleft input,
    #search .lay_floatright input {
        width: 100%!important;
        max-width: 100%!important;
        font-size: 16px!important;
    }
    #search .lay_floatleft {

    }
    #areas, #cruiselines, #ships, #durations, #departures, #arrivals   {
        flex: unset!important;       /* remove flex sizing */
        max-width: 100%!important;   /* allow full width */
        min-width: 0!important;      /* remove minimum width restriction */
        margin-bottom: 10px!important;
    }

/* search results */
    #cc_lay_filter_search, #cc_lay_filter_detail {
      max-width: 100%!important;
      margin-left: 0px!important;
    }


  body:has(#cc[ng-controller="cruises"]) #layout, body:has(form[ng-controller="cruise"]) #layout, body:has(#cc[ng-controller="offerCtrl"]) #layout, body:has(#cc[ng-controller="cabCtrl"]) #layout, body:has(#cc[ng-controller="confirm"]) #layout  {
    padding: 0 10px!important;
    }

    #layout {
      padding: 0 0!important;
  }

  #booking .liste_box--wrapper {

     grid-template-columns: unset!important;
   }
   #cruise_list .liste_box .liste_box_01 {
        aspect-ratio: 1 / 0.82 !important;
    }
    #cruise_list .liste_box_02 {
      display: unset!important;
      padding-top: 0!important;
    }
    #cruise_list .liste_box_text p {
      font-size: clamp(0.9rem, 0.7rem + (1vw - 0.48rem) * 0.1389, 0.8rem)!important;
    }
    .liste_box .wrapper__search_card--right {
      background-color: #086caf;
    }
    .liste_box .wrapper__search_card--right .liste_box_preis > span, .liste_box .wrapper__search_card--right p {
      color: #ffffff!important;
    }
    #cc #btnSearch {
    width: 100% !important;
    }

    .lay_01 {
      margin: 0!important;
    }
    .lay_01, .lay_01_1 {
      text-align: center
    }
    .lay_01_1 fieldset {
      display: flex;             /* keep in a row */
      justify-content: center;   /* center the row horizontally */
      align-items: center;       /* vertically align labels with radios */
      gap: 1em;                  /* space between each radio+label pair */
      border: none;              /* remove default fieldset border */
    }
    .lay_01_2 {
        display: flex;            /* make it flex container */
        justify-content: center;  /* center horizontally */
        align-items: center;      /* center vertically if height > content */
    }

    .lay_01_2 fieldset {
        border: none;             /* keep existing style */
        display: flex;            /* ensure contents are in a row */
        justify-content: center;  /* center inside fieldset */
        align-items: center;
        gap: 5px;                 /* optional spacing between checkbox and label */
    }



    #layout {
      background-color: #fff;
      padding-bottom: 50px !important;
    }

    #cc .lp_slider_box span {
      font-size: 28px!important;
      text-align: center
    }
    #search .lay_01_2 {
      display: block;
      position: relative;
      right: 0;
      top: 0;
      padding-left: 15px;
    }

    #cc #search #areas {
      margin-top: 20px!important;
    }




    .price_tbl {
        border-collapse: collapse;
        width: 100%;
    }

    .price_tbl td.column-wrapper {
        display: flex;
        flex-direction: column;  /* stack header above price */
        text-align: center;
        padding: 8px;
        border: 0px solid #ccc;

    }

    .price_tbl td.column-wrapper th {
        cursor: pointer;
        margin-bottom: 4px;
    }
    .price_tbl td[onclick] {
      cursor: pointer;
      cursor:hand
    }
    #cc .b_forward i, #cc .b_forward_100 i {
        width: 100% !important;
      }
      #cc[ng-controller="cabCtrl"] .page_offers_cabine {
        width: 100%;
    }
    #cc .selection_cabine {

        display: block;
}

}


footer.footer_dark {
  margin-top: 30px;
  background-color: var(--clr-oxford-blue);
}


footer.footer {
  color: white;
  font-family: Arial, sans-serif;
  padding: 40px 20px;
}

footer.footer {
  color: white;
  font-family: Arial, sans-serif;
  padding: 40px 20px;
}

/* Newsletter section */
.footer__newsletter {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 40px;
}

.footer__newsletter-text h2 {
  font-size: 1.8rem;
  margin-bottom: 10px;
  color: #fff;
}

.footer__newsletter-text p {
  margin: 0;
  max-width: 500px;
  color: #fff;
}

.footer__newsletter-btns a {
  display: inline-block;
  margin-left: 10px;
  padding: 10px 20px;
  background-color: #003559;
  color: #fff;
  text-decoration: none;
  border-radius: 4px;
  font-size: 16px;

}

.footer__newsletter-btns a.btn-archive {
  background-color: transparent;
  border: 1px solid white;
}

/* Links section */
.footer__links {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
  flex-wrap: wrap;
}

.footer__column {
  flex: 1 1 200px;
  margin: 10px;
}

.footer__column h3 {
  font-size: 1.1rem;
  margin-bottom: 10px;
}

.footer__column ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer__column ul li {
  margin-bottom: 8px;
}

.footer__column ul li a {
  color: white;
  text-decoration: none;
  font-size: 16px;
}

.footer__column ul li a:hover {
  text-decoration: underline;
}

/* Social icons */
.footer__social {
  display: flex;
  gap: 20px;
  margin-bottom: 20px;
}

.social-icon {
  display: inline-block;
  width: 32px;
  height: 32px;
  text-align: center;
  line-height: 32px;
  border-radius: 50%;
  font-weight: bold;
  text-decoration: none;
}

/* Bottom links */
.footer__bottom-links {
  display: flex;
  justify-content: flex-end;
  gap: 20px;
  font-size: 0.9rem;
}

/* Mobile */
@media (max-width: 768px) {

  html {
    background-color: transparent!important;
  }
  .footer__newsletter {
    flex-direction: column;
    align-items: flex-start;
  }

  .footer__newsletter-btns {
    margin-top: 10px;
  }

  .footer__links {
    flex-direction: column;
  }

  .footer__bottom-links {
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
  }
  #cc .lp_slider_box p {
    font-size: 19px;
    letter-spacing: 0;
    text-align:center;
    line-height: 28px;
  }
  #cc .lp_slider_box span {
    line-height: 50px;
  }
  .lay_08::before, .lay_08::after {
    display: none
  }

  #cc_lay_ship .page_content_header .page_offers_cabine .underline, #cc_lay_ship .page_content_header .page_offers_cabine_ckd .underline, #cc_lay_ship .page_content_header .page_offers_cabine #cc .b_forward, #cc_lay_ship .page_content_header .page_offers_cabine_ckd #cc .b_forward, #cc #cc_lay_ship .page_content_header .page_offers_cabine .b_forward, #cc #cc_lay_ship .page_content_header .page_offers_cabine_ckd .b_forward,
  #cc_lay_ship .page_content_header .page_offers_cabine #cc .b_forward_100,
  #cc_lay_ship .page_content_header .page_offers_cabine_ckd #cc .b_forward_100,
  #cc #cc_lay_ship .page_content_header .page_offers_cabine .b_forward_100,
  #cc #cc_lay_ship .page_content_header .page_offers_cabine_ckd .b_forward_100 {

    top: 4.5em;

  }
  #cc .page_offers_flight, #cc .page_offers_cabine {
        margin: 0!important;
  }
  #pagenav li span, #pagenav li a, #cc_lay_ship .page_content_header .page_offers_cabine h4, #cc_lay_ship .page_content_header .page_offers_cabine_ckd h4 {
    font-size: 22px !important;

  }
}

.cruisehost-footer {
  bottom: 0;
  right: 20px
}


.cabin-modal {
    display: block; /* hidden/shown via ng-show */
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.5);
}

.cabin-modal-content {
    background-color: #fff;
    margin: 15% auto;
    padding: 1.5em;
    border: 1px solid #888;
    width: 90%;
    max-width: 400px;
    border-radius: 8px;
    text-align: center;
    position: relative;
}

.cabin-modal-close {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 1.5em;
    cursor: pointer;
}

.cabin-modal-message {
    font-size: 1em;
    color: #d32f2f; /* red for error */
}

#cc[ng-controller="cabCtrl"] .selection_cat td a[name="reFocus"] {
  display: none!important;
  }

#cc[ng-controller="cabCtrl"] div[ng-repeat="cat in categories"] {
      overflow: auto;
  }
  #cc .selection_cb a, #cc .selection_cb_on a, #cc .selection_cb_out a {

  }
#booking #cc[ng-controller="confirm"] .page_box h3 a {
  text-transform: none!important;
  text-decoration:underline!important;
  color:blue;
  margin-bottom: 30px!important;


}

#cc_lay_an div[data-ng-controller="form"] .lay_01 > h2 {
  text-transform: uppercase!important;
}

.datepicker--day-name {
  color:#5CC4EF!important;
  font-weight: 700;
  font-size: 16px!important;
}
.datepicker--cell {
    font-size: 16px!important;
}
.datepicker--nav-title i {
    color: #fff!important;
}
.lay_floatright .dates .searchbutton  {
  font-size: 16px !important;
}


.checkboxLayer.checkBoxContainer::-webkit-scrollbar {
  width: 10px;              /* make it thicker */
}

.checkboxLayer.checkBoxContainer::-webkit-scrollbar-thumb {
  background-color: #5CC4EF;  /* scrollbar thumb (the draggable part) */
  border-radius: 5px;       /* rounded edges */
}

.checkboxLayer.checkBoxContainer::-webkit-scrollbar-track {
  background: transparent;  /* background behind the thumb */
}

.checkboxLayer.checkBoxContainer {
  scrollbar-color: #5a3559 #5CC4EF; /* thumb color, track color */
  scrollbar-width: thin;              /* makes it slim */
}


#cc .page_box_form > h4 > p {
  color:#fff!important
}