/* stylelint-disable */

@keyframes scale-up-keyframes {
  0% {
    opacity: 0;
    transform: scale(0.99);
  }

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

@keyframes spin-keyframes {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.large-text {
  font-size: 1.6em;
  line-height: 1.6;
}

.footer {
  background-color: #ffffff;
  border-top: 0.1em solid #cccccc;
  font-size: 1rem;
  margin: 2.8em 0;
  padding-top: 2.8em;
}

.footer:lang(nb),
.footer:lang(da) {
  margin-top: 0;
}

@media (min-width: 375px) {
  .footer {
    padding-left: 0.8em;
    padding-right: 0.8em;
  }
}

@media (min-width: 768px) {
  .footer:lang(nb),
  .footer:lang(da) {
    margin-top: 12em;
  }
}

.footer__wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.footer__wrapper--align-center {
  -ms-flex-align: center;
      align-items: center;
}

@media (max-width: 767px) {
  .footer__links-order div {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }

  .footer__links-order div:not(:lang(en)) {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }

  .footer__links-order div:nth-child(2) {
    -ms-flex-order: 2;
        order: 2;
  }

  .footer__links-order div:nth-child(3) {
    -ms-flex-order: 4;
        order: 4;
  }

  .footer__links-order div:nth-child(3):not(:lang(en)) {
    -ms-flex-order: 3;
        order: 3;
  }

  .footer__links-order div:nth-child(4) {
    -ms-flex-order: 3;
        order: 3;
  }

  .footer__links-order div:last-child {
    -ms-flex-order: 5;
        order: 5;
  }
}

.footer__address {
  font-size: 1.4em;
  line-height: 1.6;
}

.footer__site-logo {
  margin-right: 1em;
}

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

.footer__list-title {
  color: #17317f;
  font-size: 1.4em;
}

.footer__list-link {
  color: #666666;
  display: inline-block;
  font-size: 1.4em;
  line-height: 1.8;
  text-decoration: none;
}

.footer__list-link:hover {
  text-decoration: underline;
}

.footer__payment-logos {
  max-width: 40em;
  width: 100%;
}

.footer__payment-logos:not(:lang(en)) {
  max-width: 50%;
}

.footer__statements {
  border-bottom: 0.1em solid #cccccc;
  font-size: 1.2em;
  line-height: 1.5;
  padding: 1.4em 0;
}

.footer__copyright {
  font-size: 1.2em;
}

@media (max-width: 397px) {
  .footer__social {
    -ms-flex: 1;
        flex: 1;
    margin-top: 1em;
  }
}

.site-bg-image {
  /* stylelint-disable color-no-hex */
  background-image: linear-gradient(#00b5ea 1.1%, #5dc4ee 9.5%, #85d2f1 18.5%, #79c5e8 28.7%, #72c3e6 29.1%, #6fc3e5 29.1%, #44b4dc 30.9%, #45b6d6 31.5%, #b6ecec 40.9%, #eaeee8 51.2%, #fafbf8 57.7%, #fdfdfd 80%, #ffffff);
  background-repeat: no-repeat;
  background-size: 100% 100rem;
}

.site-bg-image--homepage {
  background: url(/packed-assets/application/backgrounds/bg-homepage.0e136fc5ffcce2f2dc0751c05b5a0d66.jpg) no-repeat center 0/100% 53rem;
}

@media (min-width: 768px) {
  .site-bg-image--homepage {
    background-size: 100% 65rem;
  }
}

@media (min-width: 941px) {
  .site-bg-image--homepage {
    background-size: 100% 76rem;
  }
}

.site-bg-image--headerless {
  padding-top: 1.5em;
}

@media (max-width: 767px) {
  .site-bg-image--headerless {
    background-size: 100% 23.5rem;
  }
}

@media (min-width: 768px) {
  .site-bg-image--headerless {
    background-position-y: 0;
    background-size: 100% 67.5rem;
  }
}

@media (min-width: 1180px) {
  .site-bg-image--headerless {
    background-size: 100% 82.5rem;
  }
}

@media (max-width: 767px) {
  .site-bg-image--white {
    background: #ffffff;
  }
}

@media (min-width: 768px) {
  .site-bg-image--email-catcher-visible {
    background-position-y: 5.3rem;
  }
}

.agency-details {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.agency-details__card {
  background-color: #ebebeb;
  margin-bottom: 2em;
  padding: 1em;
}

@media (min-width: 640px) {
  .agency-details__card {
    padding: 3em;
  }
}

.agency-details__details {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

@media (min-width: 640px) {
  .agency-details__details {
    -ms-flex-align: end;
        align-items: flex-end;
    -ms-flex-direction: row;
        flex-direction: row;
  }
}

.agency-details__details-list {
  list-style: none;
  margin: 0 0 3em;
  padding: 0;
}

@media (min-width: 640px) {
  .agency-details__details-list {
    margin: 0;
  }
}

.agency-details__section {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin-bottom: 4em;
}

@media (min-width: 640px) {
  .agency-details__section {
    -ms-flex-align: end;
        align-items: flex-end;
    -ms-flex-direction: row;
        flex-direction: row;
  }
}

.ancillary-react {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 1em;
}

.ancillary-react--highlight {
  background-color: #fff8ca;
}

.ancillary-react:not(.ancillary-react--highlight):hover {
  background-color: #eaf9ff;
  cursor: pointer;
}

.ancillary-react__top {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-bottom: 1em;
}

.ancillary-react__description {
  -ms-flex-align: start;
      align-items: flex-start;
  display: -ms-flexbox;
  display: flex;
}

.ancillary-react__price {
  margin-right: 2em;
}

.ancillary-react__option {
  display: inline-block;
  height: 1.7em;
  position: relative;
  width: 1.7em;
}

.ancillary-react__option:hover {
  cursor: pointer;
}

.ancillary-react__option::before {
  background-color: #ffffff;
  border: 0.1em solid #17317f;
  content: "";
  display: inline-block;
  height: 1.7em;
  width: 1.7em;
}

[type="radio"] + .ancillary-react__option::before {
  border-radius: 50%;
}

.ancillary-react [type="radio"] {
  display: none;
}

.ancillary-react [type="radio"]:checked + .ancillary-react__option::before {
  border-color: #00a5dd;
}

.ancillary-react [type="radio"]:checked + .ancillary-react__option::after {
  background-color: #17317f;
  border-radius: 50%;
  content: "";
  height: 1.275em;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 1.275em;
}

.atol-lightbox__header {
  font-size: 3em;
}

.basket-references {
  background-color: #ebebeb;
  display: -ms-flexbox;
  display: flex;
  padding: 1em;
}

@media (min-width: 640px) {
  .basket-references {
    padding: 3em;
  }
}

.basket-references__input {
  margin-bottom: 1em;
  min-width: 24em;
}

@media (min-width: 640px) {
  .basket-references__input {
    margin-bottom: 0;
    margin-right: 1em;
  }
}

.basket-references__form {
  -ms-flex-align: end;
      align-items: flex-end;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

@media (min-width: 640px) {
  .basket-references__form {
    -ms-flex-direction: row;
        flex-direction: row;
  }
}

.booking-search {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.booking-search__actions {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.booking-search__card {
  background-color: #ebebeb;
  margin-bottom: 2em;
  padding: 1em;
}

@media (min-width: 640px) {
  .booking-search__card {
    padding: 3em;
  }
}

.booking-search__card--results {
  border-top: 2px solid #cccccc;
}

.booking-search__input {
  margin-bottom: 1em;
}

@media (min-width: 640px) {
  .booking-search__input {
    margin: 0 1em;
    min-width: 17em;
  }
}

.booking-search__result {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

@media (min-width: 640px) {
  .booking-search__result {
    -ms-flex-align: end;
        align-items: flex-end;
    -ms-flex-direction: row;
        flex-direction: row;
  }
}

.booking-search__results-list {
  list-style: none;
  margin: 0 0 3em;
  padding: 0;
}

@media (min-width: 640px) {
  .booking-search__results-list {
    margin: 0;
  }
}

.booking-search__section {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin-bottom: 4em;
}

@media (min-width: 640px) {
  .booking-search__section {
    -ms-flex-align: end;
        align-items: flex-end;
    -ms-flex-direction: row;
        flex-direction: row;
  }
}

.bta-banner {
  border: 0.1em solid #17317f;
  display: -ms-flexbox;
  display: flex;
  padding: 1em;
}

@media (min-width: 481px) {
  .bta-banner {
    padding-left: 0;
  }
}

.bta-banner__image {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  -ms-flex-pack: center;
      justify-content: center;
  margin: 0 1em;
}

.bta-banner__content {
  -ms-flex: 2;
      flex: 2;
}

.calendar-legend-wrapper {
  display: -ms-flexbox;
  display: flex;
  margin: 1em 0;
}

.calendar-legend:not(:last-child) {
  margin-right: 0.2em;
}

.price-copy {
  color: #666666;
  font-size: 0.8em;
  margin-left: auto;
}

@media (min-width: 768px) {
  .price-copy {
    font-size: 0.9em;
  }
}

.nights-wrapper {
  margin-bottom: 0.5em;
  margin-top: 0.5em;
}

.nights-error {
  color: #c60900;
  font-size: 0.8em;
  line-height: 1.5;
  padding: 0.5em;
}

.cancel-booking__table {
  border: 0.1em solid #666666;
  color: #17317f;
  margin-bottom: 1em;
  width: 100%;
}

.cancel-booking__table th,
.cancel-booking__table td {
  font-weight: 400;
  padding: 0.5em;
  text-align: left;
}

.cancel-booking__table td {
  text-align: right;
}

.cancel-booking__row--underlined {
  border-bottom: 0.1em solid #cccccc;
}

.cancel-booking__row--quaternary {
  background-color: #fff8ca;
}

.cancel-booking__trigger {
  color: #00a5dd;
  cursor: pointer;
  text-decoration: underline;
}

.cancel-booking__checkbox {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1em;
}

.cancel-booking__option {
  margin-bottom: 0;
}

.cancel-booking__error {
  color: #c60900;
}

.card__dates {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.card__dates-wrapper {
  -ms-flex: 1;
      flex: 1;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.card__dates-wrapper p {
  margin-bottom: 0;
}

.card__dates-heading {
  color: #17317f;
}

.card__dates-date {
  font-size: 0.9em;
  line-height: 1.4;
}

.card__flight-wrapper {
  position: relative;
}

.card__button-wrapper {
  position: absolute;
  right: 0;
  z-index: 1;
}

.card__booking-wrapper {
  -ms-flex-align: start;
      align-items: flex-start;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.card__booking {
  margin-bottom: 1em;
  width: 100%;
}

.card__booking:last-child {
  margin-bottom: 0.5em;
}

.card__booking--small {
  width: 50%;
}

.card__booking--flex {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media (min-width: 768px) {
  .card__booking {
    padding-right: 0.5em;
    width: 50%;
  }

  .card__booking--full {
    width: 100%;
  }

  .card__booking--small {
    width: 25%;
  }
}

@media (max-width: 767px) {
  .card__booking--underlined {
    border-bottom: 0.1em solid #cccccc;
  }
}

.card__list {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-bottom: 1em;
}

.card__booking-subtitle {
  margin: 0;
}

.card__booking-image {
  margin-bottom: 1em;
  padding-right: 0;
  width: 100%;
}

@media (min-width: 613px) {
  .card__booking-image {
    padding-right: 1em;
    width: 50%;
  }
}

@media (min-width: 768px) {
  .card__booking-image {
    padding-right: 0;
    width: 100%;
  }
}

@media (min-width: 900px) {
  .card__booking-image {
    padding-right: 1em;
    width: 50%;
  }
}

.card .loading-state {
  -ms-flex-align: center;
      align-items: center;
  background-color: #ffffff;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -ms-flex-pack: center;
      justify-content: center;
  left: 0;
  margin: auto;
  opacity: 0.75;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}

.card {
  background-color: #ffffff;
  border: 0.1rem solid #17317f;
  border-radius: 0.2em;
}

.card:not(:last-child) {
  margin-bottom: 1em;
}

.card__header {
  padding: 0.9em 0.9em 0;
}

.card__title {
  color: #17317f;
  display: inline-block;
  font-size: 1.2em;
  font-weight: 500;
  line-height: 1;
  margin: 0;
}

.card__body {
  padding: 1.35em 0.9em;
}

.card__ribbon {
  background-color: #f6417e;
  bottom: calc(100% + 0.1rem);
  color: #ffffff;
  font-size: 0.85em;
  font-weight: 300;
  left: -0.7em;
  line-height: 1;
  padding: 0.4em 0.8em;
  position: absolute;
}

@media (min-width: 768px) {
  .card__ribbon {
    padding: 0.4em 1.2em;
  }
}

.card__ribbon::before {
  border: solid transparent;
  border-right-color: #af2352;
  border-width: 0 0.6em 1.2em 0;
  content: "";
  left: 0;
  position: absolute;
  top: 100%;
}

.card__ribbon--aqua {
  background-color: #00adbc;
}

.card__ribbon--aqua::before {
  border-right-color: #018fa3;
}

.card--with-header .card__header {
  background-color: #17317f;
  padding-bottom: 0.9em;
}

.card--with-header .card__title {
  color: #ffffff;
}

.card--with-ribbon {
  border-top-left-radius: 0;
  margin-top: 2.5em;
  position: relative;
}

.card--secondary {
  border-color: #00a5dd;
}

.card--secondary.card--with-header .card__header {
  background-color: #00a5dd;
}

.card--secondary.card--with-header .card__title {
  color: #ffffff;
}

.card--payment-options {
  color: #17317f;
}

.flight-card__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.flight-card__booking-links {
  -ms-flex-align: end;
      align-items: flex-end;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}

@media (max-width: 480px) {
  .flight-card__booking-links {
    -ms-flex-align: start;
        align-items: flex-start;
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

.flight-card__button-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  width: 100%;
}

@media (max-width: 508px) {
  .flight-card__button-wrapper {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: baseline;
        justify-content: baseline;
  }
}

.flight-card__button {
  margin-right: 0.5em;
}

@media (max-width: 940px) {
  .flight-card__button {
    width: 50%;
  }
}

@media (max-width: 508px) {
  .flight-card__button {
    margin-right: 0;
    width: 100%;
  }

  .flight-card__button:not(:last-of-type) {
    margin-bottom: 1em;
  }
}

.hotel-card {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}

@media (min-width: 613px) {
  .hotel-card {
    width: 50%;
  }
}

@media (min-width: 768px) {
  .hotel-card {
    width: 100%;
  }
}

@media (min-width: 900px) {
  .hotel-card {
    width: 50%;
  }
}

.hotel-card__element {
  margin-bottom: 1em;
  width: 50%;
}

.hotel-card__element__title {
  width: 100%;
}

@media (max-width: 430px) {
  .hotel-card__element__room-type {
    width: 100%;
  }
}

.hotel-card__booking-links {
  -ms-flex-align: end;
      align-items: flex-end;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
}

@media (max-width: 480px) {
  .hotel-card__booking-links {
    -ms-flex-align: start;
        align-items: flex-start;
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

.hotel-card__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

@media (max-width: 480px) {
  .hotel-card__button {
    width: 100%;
  }
}

.party-card__button-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}

@media (min-width: 941px) {
  .party-card__button-wrapper {
    -ms-flex-pack: end;
        justify-content: flex-end;
  }
}

.party-card__lightbox {
  display: block;
  margin-top: 0.5em;
}

.party-card__button {
  padding-right: 0.5em;
}

@media (max-width: 940px) {
  .party-card__button {
    margin-bottom: 0.5em;
    width: 50%;
  }
}

@media (max-width: 508px) {
  .party-card__button {
    padding-right: 0;
    width: 100%;
  }

  .party-card__button:not(:last-of-type) {
    margin-bottom: 1em;
  }
}

.change-passenger__divider {
  margin: 1em 0 0;
  width: 100%;
}

.change-passenger__error-message {
  color: #c60900;
}

.change-passenger__hotel-only {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 2em;
}

.change-passenger__icon {
  cursor: initial;
  margin: 0 0.35em 0 0;
  min-height: 1.4em;
  min-width: 1.4em;
}

.change-passenger__passenger {
  -ms-flex: 1;
      flex: 1;
}

@media (max-width: 480px) {
  .change-passenger__passenger {
    margin-bottom: 0.5em;
  }
}

@media (min-width: 481px) {
  .change-passenger__passenger {
    padding: 0 1em;
  }
}

.change-passenger__passenger:first-of-type {
  padding-left: 0;
}

.change-passenger__passenger:last-of-type {
  padding-right: 0;
}

@media (max-width: 480px) {
  .change-passenger__passenger:last-of-type {
    margin-bottom: 0;
  }
}

.change-passenger__section {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin: 1em 0;
}

@media (min-width: 481px) {
  .change-passenger__section {
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
  }
}

.change-passenger__section:last-of-type:not(.change-passenger__section--hotel-only) {
  margin-bottom: 2em;
}

.change-passenger__section--age-warning {
  background-color: #fff8ca;
  border: 0.1em solid #fedc07;
  color: #17317f;
  padding: 1em 0;
}

.change-passenger__warning-container {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

.change-passenger__warning-text {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  padding-top: 1em;
}

@media (min-width: 640px) {
  .change-passenger__warning-text {
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
  }
}

.change-passenger__warning-text--error {
  margin-bottom: 1.5em;
}

.change-passenger-summary__table {
  border: 0.1em solid #666666;
  color: #17317f;
  display: block;
  margin-bottom: 1em;
  text-align: left;
  width: 100%;
}

.change-passenger-summary__table tbody {
  display: block;
}

.change-passenger-summary__table th,
.change-passenger-summary__table td {
  display: block;
  font-weight: 400;
  padding: 0.5em 1em 0.5em 0.5em;
}

.change-passenger-summary__table tr {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.change-passenger-summary__table td {
  text-align: right;
}

.change-passenger-summary__passenger {
  border-bottom: 0.1em solid #cccccc;
  padding: 1em 0;
}

.change-passenger-summary__row--quaternary {
  background-color: #fff8ca;
}

.change-passenger-summary__changed-pax {
  color: #17317f;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.change-passenger-summary__changed-pax--push-down {
  margin-bottom: 1em;
}

.chat__header {
  border-bottom: 0.2em solid whitesmoke;
  padding: 1em 2em;
  position: relative;
  text-align: center;
}

.chat__back {
  -ms-flex-align: center;
      align-items: center;
  bottom: 0;
  color: #17317f;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.5em;
  left: 0;
  position: absolute;
  text-decoration: none;
  top: 0;
}

.chat__back:hover {
  color: #122d58;
}

.chat__title {
  font-size: 1.2em;
}

.chat__body {
  border-bottom: 0.2em solid whitesmoke;
  margin-bottom: 1em;
  padding: 1em 0 2em;
}

.chat__details {
  color: #666666;
  font-size: 0.8em;
  margin-bottom: 0.5em;
  text-align: center;
}

.chat__bubble {
  background-color: #00a5dd;
  border-radius: 0.25em;
  color: #ffffff;
  margin-bottom: 1em;
  padding: 0.8em 1em;
  position: relative;
  width: 80%;
}

@media (min-width: 640px) {
  .chat__bubble {
    padding: 1.2em 1.5em;
  }
}

.chat__bubble::after {
  border-color: #00a5dd transparent transparent;
  border-style: solid;
  border-width: 1em 0 0 1em;
  bottom: -1em;
  content: "";
  height: 0;
  position: absolute;
  right: 0.5em;
  width: 0;
}

.chat__message--agent .chat__bubble {
  background-color: whitesmoke;
  color: #17317f;
}

.chat__message--agent .chat__bubble::after {
  border-left-width: 0;
  border-right-width: 1em;
  border-top-color: whitesmoke;
  left: 0.5em;
  right: auto;
}

.chat__message--customer .chat__details,
.chat__message--customer .chat__bubble {
  margin-left: auto;
}

@media (min-width: 941px) {
  .chat__details,
  .chat__bubble {
    width: 45%;
  }
}

.chat__input {
  height: 15em;
}

.chat__input--error,
.chat__input--error:focus {
  border-color: #c60900;
}

@media (min-width: 941px) {
  .chat {
    padding: 0 2em;
  }
}

.chat__heading {
  margin-bottom: 0.5em;
}

.chat__attach-file {
  -ms-flex-align: center;
      align-items: center;
}

.chat__answered {
  margin-bottom: 1em;
  text-align: center;
}

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

.columned-list__item {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.columned-list__item:not(:last-child) {
  border-bottom: 0.05rem solid #cccccc;
  margin-bottom: 0.5em;
  padding-bottom: 0.5em;
}

.columned-list__large-text {
  font-size: 1.3em;
}

.conversations__none {
  color: #666666;
  padding: 2em 0;
  text-align: center;
}

.countdown {
  color: #17317f;
  font-size: 9em;
}

.countdown__pair {
  display: inline-block;
}

.countdown__circle {
  float: left;
  margin: -0.03em;
}

.countdown__circle .progress-circle__shadow {
  opacity: 0.22;
}

.countdown__circle--days {
  z-index: 3;
}

.countdown__circle--days .progress-circle__shadow,
.countdown__circle--days .progress-circle__half-circle {
  border-color: #fedc07;
}

.countdown__circle--hours {
  z-index: 2;
}

.countdown__circle--hours .progress-circle__shadow,
.countdown__circle--hours .progress-circle__half-circle {
  border-color: #00a5dd;
}

.countdown__circle--minutes {
  z-index: 1;
}

.countdown__circle--minutes .progress-circle__shadow,
.countdown__circle--minutes .progress-circle__half-circle {
  border-color: #9bc34d;
}

.countdown__circle--seconds {
  z-index: 0;
}

.countdown__circle--seconds .progress-circle__shadow,
.countdown__circle--seconds .progress-circle__half-circle {
  border-color: #ec3772;
}

.deal-landing-page-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.deal-landing-page-header__heading {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.deal-landing-page-header__title {
  -ms-flex: 1;
      flex: 1;
  padding: 0;
}

.deal-landing-page-header__title-text {
  color: #313137;
  margin: 0;
}

.deal-landing-page-header__supplement {
  color: #00a5dd;
}

.deal-landing-page-header__calendar {
  margin: 0 auto;
  opacity: 0.2;
  overflow: hidden;
  padding: 1em;
  transform: scale(0.95) translateY(1%);
  transition: 200ms;
}

@media (min-width: 941px) {
  .deal-landing-page-header__calendar {
    width: 65%;
  }
}

.deal-landing-page-header__calendar--visible {
  opacity: 1;
  transform: scale(1) translateY(0);
}

.deal-landing-page-header__toggle {
  padding-left: 1em;
}

@media (max-width: 480px) {
  .deal-landing-page-header__toggle {
    font-size: 0.85em;
  }
}

.deal-landing-page-header__icon {
  font-size: 1em;
}

.deal-landing-page-header__icon--large {
  font-size: 1.5em;
}

.deal-landing-page-header__loading-state {
  -ms-flex-align: center;
      align-items: center;
  background-color: #ffffff;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -ms-flex-pack: center;
      justify-content: center;
  left: 0;
  margin: auto;
  opacity: 0.75;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

.deal-landing-page-header__toggle-date-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  font-size: 0.85em;
  line-height: 1.3;
  padding: 0.25em 0.5em;
}

.deal-landing-page-header__toggle-separator {
  border-bottom: 1px solid #ffffff;
}

.deal-landing-page-header--padded {
  padding: 0;
}

.deal-landing-page-header--padded .deal-landing-page-header__heading {
  padding: 1em;
}

.deal-landing-page-header--padded .deal-landing-page-header__calendar {
  padding: 1em;
}

.deal-landing-page-header--padded .deal-landing-page-header__calendar-legend-wrapper {
  display: -ms-flexbox;
  display: flex;
  margin-top: 1em;
}

.deal-landing-page-header--padded .deal-landing-page-header__price-copy {
  color: #666666;
  font-size: 0.8em;
  margin-left: auto;
}

@media (min-width: 768px) {
  .deal-landing-page-header--padded .deal-landing-page-header__price-copy {
    font-size: 0.9em;
  }
}

.deal-landing-page-header__calendar-legend:not(:last-child) {
  margin-right: 0.2em;
}

.email-catcher {
  background-color: #17317f;
  border-bottom: 0.1em solid #d5eff9;
  color: #ffffff;
  font-size: 1rem;
  padding: 0.6em 0;
}

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

.email-catcher__wrapper {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding-right: 2.6em;
  position: relative;
}

.email-catcher__text {
  font-size: 1.4em;
  line-height: 1.2;
  margin-bottom: 0;
}

.email-catcher__privacy {
  white-space: nowrap;
}

.email-catcher__privacy-link {
  color: #00a5dd;
}

.email-catcher__form {
  margin-left: 0.6em;
  position: relative;
}

.email-catcher__field-wrapper {
  display: -ms-flexbox;
  display: flex;
}

.email-catcher__field {
  border: 0;
  width: 14em;
}

.email-catcher__button {
  font-size: 1.4em;
}

.email-catcher__close {
  cursor: pointer;
  font-size: 1.6em;
  line-height: 1;
  position: absolute;
  right: 0;
  top: 0;
}

.email-catcher--hidden {
  display: none;
}

.email-holiday {
  background-color: #ffffff;
  padding: 1em;
}

.email-holiday__error {
  color: #c60900;
  font-size: 0.8em;
}

.email-holiday__title {
  color: #17317f;
}

.email-holiday__description,
.email-holiday__privacy-policy {
  color: #666666;
  font-size: 0.7em;
}

.email-holiday__marketing-preferences {
  display: -ms-flexbox;
  display: flex;
  font-size: 0.8em;
  position: relative;
}

.email-holiday__marketing-preferences .option {
  color: #666666;
  margin-bottom: 0;
  margin-right: 1em;
}

.email-holiday__form {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 1em;
  position: relative;
}

.email-holiday__input {
  border-right: 0;
  -ms-flex: 1;
      flex: 1;
}

.expandable-box {
  margin-bottom: 0.5em;
}

.expandable-box--cta {
  border-bottom: 1px solid #fedc07;
}

.expandable-box--cta .expandable-box__label {
  background-color: #fedc07;
  color: #17317f;
}

.expandable-box--cta .expandable-box__title {
  color: #17317f;
}

.expandable-box--light-grey {
  border-bottom: 1px solid #cccccc;
}

.expandable-box--light-grey .expandable-box__label {
  background-color: whitesmoke;
  color: #17317f;
}

.expandable-box--light-grey .expandable-box__title {
  color: #17317f;
}

.expandable-box--quaternary {
  border-bottom: 1px solid #f2eddf;
}

.expandable-box--quaternary .expandable-box__label {
  background-color: #f2eddf;
  color: #17317f;
}

.expandable-box--quaternary .expandable-box__title {
  color: #17317f;
}

.expandable-box__label {
  -ms-flex-align: center;
      align-items: center;
  background-color: #00a5dd;
  color: #ffffff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin: 0;
  padding: 0.5em;
}

@media (min-width: 481px) {
  .expandable-box__label {
    padding: 1.3em;
  }
}

.expandable-box__title {
  color: #ffffff;
  line-height: 1;
}

.expandable-box__content {
  background-color: #ffffff;
  padding: 1.5em;
}

.expandable-box--expandable .expandable-box__input {
  display: none;
}

.expandable-box--expandable .expandable-box__input:checked + .expandable-box__label .icon--arrow-down {
  transform: rotate(180deg);
}

.expandable-box--expandable .expandable-box__input:checked ~ .expandable-box__content {
  display: block;
}

.expandable-box--expandable .expandable-box__label:hover {
  cursor: pointer;
}

.expandable-box--expandable .expandable-box__content {
  display: none;
}

.experience-rating {
  color: #17317f;
}

.experience-rating__options {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin: 1em 0;
}

.experience-rating__options--disabled {
  cursor: not-allowed;
  pointer-events: none;
}

.experience-rating__label {
  font-size: 3em;
  line-height: 1;
  transition: 0.1s cubic-bezier(0.24, 1.53, 0.69, 2.09);
}

.experience-rating__label:hover {
  cursor: pointer;
  transform: scale(1.2);
}

.experience-rating__label--disabled {
  opacity: 0.5;
}

.experience-rating__label--selected {
  transform: scale(1.2);
}

.experience-rating__label-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 0.01em;
  margin: -0.01em;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 0.01em;
}

.experience-rating__input {
  display: none;
}

.feedback-form {
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  margin-left: auto;
  margin-right: auto;
  max-width: 24em;
}

@media (max-height: 30em) {
  .feedback-form {
    display: none;
  }
}

.feedback-form__question {
  margin-bottom: 0.5em;
}

.feedback-form__toggle-arrow {
  float: right;
  font-size: 1.2em;
}

.feedback-form__success-title {
  margin-bottom: 1.5em;
}

.feedback-form__success-icon {
  font-size: 5em;
  margin-bottom: 1.25em;
  margin-top: 0.75em;
  text-align: center;
}

.field-wrapper__error {
  color: #c60900;
}

.field-wrapper--push-down {
  margin-bottom: 1em;
}

.fixed-overlay {
  pointer-events: none;
  position: fixed;
  z-index: 3;
}

.fixed-overlay__element {
  pointer-events: auto;
}

.fixed-overlay--top,
.fixed-overlay--bottom {
  width: 100%;
}

.fixed-overlay--left,
.fixed-overlay--right {
  height: 100%;
}

.fixed-overlay--top {
  top: 0;
}

.fixed-overlay--left {
  left: 0;
  top: 0;
}

.fixed-overlay--bottom {
  bottom: 0;
}

.fixed-overlay--right {
  right: 0;
  top: 0;
}

.highlighted-text {
  background: none;
  border: 0;
  margin: 0;
  padding: 0;
  text-align: left;
}

.highlighted-text__highlight {
  color: #17317f;
  font-weight: 700;
  text-decoration: underline;
}

.holiday-checklist {
  color: #17317f;
}

.holiday-checklist__heading {
  -ms-flex-align: center;
      align-items: center;
  background-color: #ededed;
  border-bottom: 0.1em solid #ffffff;
  color: #17317f;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.2em;
  font-weight: 300;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin: 0;
  padding: 1.5em 0.5em;
  position: relative;
  text-align: center;
  transition: background-color 0.2s ease-in-out;
}

.holiday-checklist__heading:hover {
  cursor: pointer;
}

@media (min-width: 481px) {
  .holiday-checklist__heading {
    padding: 1.5em 1em;
  }
}

.holiday-checklist__tick {
  margin-right: 0.5em;
}

.holiday-checklist__expand {
  margin-left: 0.5em;
}

.holiday-checklist__content-container {
  background-color: whitesmoke;
  height: 0;
  overflow: hidden;
}

.holiday-checklist__content {
  padding: 1em;
}

.holiday-checklist__title {
  color: #17317f;
  margin-bottom: 0.5em;
}

.holiday-checklist__title--underlined {
  border-bottom: 0.1em solid #17317f;
}

.holiday-checklist__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.holiday-checklist__intro-text {
  padding-bottom: 1.5em;
}

.holiday-checklist__textarea {
  border: 0.15em solid #00a5dd;
  border-radius: 0.2em;
  font-size: 1em;
  line-height: 1.3;
  margin-bottom: 0.5em;
  min-height: 8em;
  padding: 0.65em;
  resize: none;
  width: 100%;
}

.holiday-checklist__textarea:active,
.holiday-checklist__textarea:focus {
  border-color: #17317f;
  outline: none;
}

.holiday-checklist__textarea--error {
  border-color: #c60900;
}

.holiday-checklist__submit-text {
  margin-top: 1.5em;
}

.holiday-checklist__link {
  color: #00a5dd;
  text-decoration: underline;
}

.holiday-checklist__link:hover {
  cursor: pointer;
}

.holiday-checklist__error {
  color: #c60900;
}

.holiday-checklist__element[data-open="true"] .holiday-checklist__content-container {
  height: auto;
}

.holiday-checklist__element[data-open="true"] .holiday-checklist__content {
  animation: scale-up-keyframes 0.4s 1 linear;
}

.holiday-checklist__element[data-open="true"] .holiday-checklist__heading {
  background-color: #00a5dd;
  color: #ffffff;
}

.holiday-checklist__element[data-complete="true"] .holiday-checklist__heading {
  background-color: #17317f;
  color: #ffffff;
}

.holiday-checklist__element[data-complete="false"] .holiday-checklist__heading {
  background-color: #666666;
  color: #ffffff;
}

.holiday-checklist__row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media (max-width: 639px) {
  .holiday-checklist__row {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

.added-extras__list {
  list-style: none;
  margin: 1em 0;
  padding: 0;
}

.added-extras__product {
  display: -ms-flexbox;
  display: flex;
}

.added-extras__icon {
  font-size: 1.4em;
  margin-right: 0.5em;
}

.added-extras__item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-bottom: 0.5em;
}

.added-extras__price {
  font-size: 1.2em;
}

.added-extras__title {
  margin-bottom: 1em;
}

.ancillaries-container {
  background-color: #ffffff;
  margin-bottom: 1em;
  padding: 0.5em;
}

.ancillaries-container__title {
  font-size: 1.5em;
  padding: 1em 0.8em;
}

.change-request__textarea {
  border: 0.15em solid #00a5dd;
  border-radius: 0.2em;
  font-size: 1em;
  line-height: 1.3;
  margin-bottom: 0.5em;
  min-height: 8em;
  padding: 0.65em;
  width: 100%;
}

.change-request__textarea:active,
.change-request__textarea:focus {
  border-color: #17317f;
  outline: none;
}

.change-request__textarea--error {
  border-color: #c60900;
}

.change-request__error {
  color: #c60900;
}

.holiday-checklist-complete {
  color: #17317f;
}

.holiday-checklist-complete__ancillary {
  border-bottom: 0.1em solid #cccccc;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-bottom: 1em;
  padding-bottom: 0.5em;
}

.holiday-checklist-complete__product {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
}

.holiday-checklist-complete__price {
  font-size: 1.3em;
}

.holiday-checklist-complete__price--right {
  text-align: right;
}

.holiday-checklist-complete__tick {
  font-size: 1.5em;
  margin-right: 0.25em;
}

.holiday-checklist-success__section {
  color: #17317f;
  margin-bottom: 2em;
}

.holiday-checklist-success__section--centered {
  text-align: center;
}

.holiday-checklist-success__title {
  color: #17317f;
  font-size: 1.7em;
  font-weight: 500;
}

.holiday-checklist-success__title--small {
  font-size: 1.1em;
}

.holiday-checklist-success__ancillary {
  border-bottom: 0.1em solid #cccccc;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-bottom: 1em;
  padding-bottom: 0.5em;
}

.holiday-checklist-success__product {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
}

.holiday-checklist-success__price {
  font-size: 1.3em;
}

.holiday-checklist-success__price--right {
  text-align: right;
}

.holiday-checklist-success__tick {
  font-size: 1.5em;
  margin-right: 0.25em;
}

.info-block {
  margin-bottom: 1em;
  width: 50%;
}

@media (max-width: 639px) {
  .info-block {
    width: 100%;
  }
}

.info-block--full {
  width: 100%;
}

.info-block__wrap {
  background-color: #ffffff;
  height: 100%;
  padding: 0.5em;
}

.info-block__wrap:nth-of-type(odd) {
  margin-right: 1em;
}

.info-block__title {
  color: #17317f;
  font-weight: 500;
}

.info-block__highlight {
  color: #313137;
}

.hotel-change__help-text {
  border: 0.1em solid #666666;
  padding: 0.5em;
}

.add-extra-rooms__error {
  color: #c60900;
}

.add-extra-rooms__section {
  border-bottom: 0.1em solid #666666;
  padding: 1em 0;
  position: relative;
}

.add-extra-rooms__section:last-of-type {
  border-bottom: 0;
}

.change-board-basis__error {
  color: #c60900;
}

.change-room-type__error {
  color: #c60900;
}

.confirm-changes__selection {
  background-color: #d5eff9;
  color: #17317f;
  margin-bottom: 1em;
  padding: 1em;
}

.confirm-changes__table {
  border: 0.1em solid #17317f;
  color: #17317f;
  font-weight: 700;
  margin: 1em 0;
  width: 100%;
}

.confirm-changes__table td {
  padding: 0.5em 1em;
}

.confirm-changes__table td:last-of-type {
  text-align: right;
}

.confirm-changes__button-wrapper {
  display: -ms-flexbox;
  display: flex;
  padding-top: 1em;
}

.current-hotel {
  background-color: #eaf9ff;
  color: #17317f;
  margin-bottom: 1em;
  padding: 1em;
}

.current-hotel__title {
  color: #17317f;
  font-weight: 400;
  margin-bottom: 0.5em;
}

.current-hotel__name {
  font-size: 1.3em;
}

.current-hotel__price {
  font-size: 1.2em;
}

.current-hotel__footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.current-hotel__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.new-hotel__error {
  color: #c60900;
}

.in-flight-extras-calculator__price {
  color: #00a5dd;
  margin: auto;
  text-align: center;
}

@media (max-width: 480px) {
  .in-flight-extras-calculator .input-counter {
    margin-bottom: 0.5em;
  }
}

.input-select {
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.input-select__dropdown {
  background-color: #ffffff;
  box-shadow: 0 0 0 0.1rem transparent, 0 0 0 0.1rem #00a5dd;
  left: 0;
  min-width: 100%;
  overflow-y: auto;
  position: absolute;
  top: 100%;
  z-index: 2;
}

.input-select__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.input-select__heading {
  display: block;
  font-weight: 700;
  padding: 0.25em 1em;
}

.input-select__item {
  display: block;
}

.input-select__action-wrapper {
  line-height: 1;
  position: absolute;
  z-index: 1;
}

@media (max-width: 767px) {
  .input-select__action-wrapper {
    display: -ms-flexbox;
    display: flex;
    right: 0;
  }
}

@media (min-width: 768px) {
  .input-select__action-wrapper {
    left: 0;
    top: 100%;
    width: 100%;
  }
}

.input-select__action-wrapper button {
  padding: 0 0.5em;
}

@media (min-width: 768px) {
  .input-select__action-clear {
    bottom: 100%;
    position: absolute;
    right: 0;
  }

  .input-select__action-list {
    display: inline-block;
  }

  .input-select__action-list button {
    color: #17317f;
    height: auto;
    margin-left: 0.3rem;
    margin-top: 0.7rem;
    padding: 0 0 0.1em;
    text-decoration: underline;
  }
}

.input-select [type="search"] {
  padding-right: 2em;
  z-index: 1;
}

@media (max-width: 767px) {
  .input-select [type="search"]:lang(en) {
    padding-right: 5.7em;
  }

  .input-select [type="search"]:lang(sv) {
    padding-right: 9.3em;
  }

  .input-select [type="search"]:lang(nb) {
    padding-right: 9.8em;
  }
}

.input-select [type="button"].input-select__option {
  height: auto;
  line-height: 1;
  padding: 0.5em 1em;
}

.input-select [type="button"].input-select__option:hover {
  background-color: whitesmoke;
}

.input-select [type="button"].input-select__option--visiting {
  background-color: #b2ebf7;
}

.input-select [type="button"].input-select__option--shift {
  padding-left: 1.5em;
}

.intro-text {
  line-height: 1;
  width: 75%;
}

@media (min-width: 768px) {
  .intro-text {
    margin: 6em 0;
  }
}

.intro-text__title {
  color: #17317f;
  font-size: 3em;
  margin-bottom: 0.5em;
}

.intro-text__strapline {
  color: #00a5dd;
  font-size: 2em;
}

.label-button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.label-button__input {
  display: none;
}

.label-button__input:checked + .button--primary {
  background-color: #17317f;
  border-bottom-color: #122d58;
  color: #ffffff;
}

.label-button__input:checked + .button--secondary {
  background-color: #17317f;
  border-bottom-color: #122d58;
  color: #ffffff;
}

.label-button__input:checked + .button--ghost-primary {
  background-color: #17317f;
  border-bottom-color: #122d58;
  color: #ffffff;
}

.meta-box {
  -ms-flex-align: center;
      align-items: center;
  background-color: rgba(255, 255, 255, 0.95);
  display: -ms-flexbox;
  display: flex;
  font-size: 1rem;
  -ms-flex-pack: center;
      justify-content: center;
  left: 0;
  padding: 1.4em;
  position: absolute;
  right: 0;
  z-index: 1;
}

@media (max-width: 767px) {
  .meta-box {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
  }
}

.meta-box__content {
  color: #17317f;
  font-size: 1.4em;
  font-weight: 600;
}

.meta-box__logo {
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: 0.4em;
}

.meta-box__logo--trivago {
  background-image: url(/packed-assets/application/meta/trivago.d8a24c7abeb5d10692ee73bc57368552.svg);
  height: 2em;
  margin-top: 0.15em;
  width: 6.4em;
}

.new-conversation {
  padding-bottom: 2em;
}

.new-conversation__select {
  margin-bottom: 1em;
}

.new-conversation__info {
  padding: 1em 0;
}

.new-conversation__new-message {
  margin-top: 1em;
}

.number-input {
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}

.number-input__num {
  -moz-appearance: textfield;
  background: none;
  border: 0.1em solid #4bb2f7;
  color: #4bb2f7;
  font-size: 1em;
  font-weight: 700;
  height: 100%;
  margin: 0;
  padding: 0 0.3em;
  text-align: center;
  width: 3em;
}

.number-input__num::-webkit-inner-spin-button,
.number-input__num::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.number-input__buttons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  height: 100%;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

@media (max-width: 639px) {
  .number-input__buttons {
    display: none;
  }
}

.number-input__btn {
  background-color: #4bb2f7;
  border: none;
  border-radius: 0;
  color: #121212;
  height: 45%;
  overflow: hidden;
  padding: 0;
}

.number-input__btn:hover {
  background-color: #2b96de;
}

.split-testing--active .number-input__btn {
  background-color: #2b96de;
}

.number-input__icon {
  height: 1em;
  transform: translateY(-25%);
}

.number-input--inverted .number-input__num {
  border: 0.1em solid #2b96de;
  color: #121212;
}

.number-input--inverted .number-input__btn {
  background-color: #2b96de;
}

.octicon {
  display: inline-block;
  fill: currentColor;
  vertical-align: text-top;
}

.payment-cards {
  margin-bottom: 1.5em;
}

.payment-cards__error-message {
  color: #c60900;
}

.progress-circle {
  height: 1em;
  position: relative;
  width: 1em;
}

.progress-circle__label-wrapper {
  -ms-flex-align: center;
      align-items: center;
  background: #ffffff;
  border-radius: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  font-size: 0.25em;
  height: 4em;
  -ms-flex-pack: center;
      justify-content: center;
  position: absolute;
  width: 4em;
}

.progress-circle__label {
  font-size: 0.5em;
  line-height: 1;
  padding-bottom: 0.6em;
}

.progress-circle__value {
  font-size: 1.5em;
  font-weight: 600;
  line-height: 0.75;
}

.progress-circle__shadow {
  border: 0.1em solid #cccccc;
  border-radius: 50%;
  height: 100%;
  width: 100%;
}

.progress-circle__pie {
  clip: rect(0, 1em, 1em, 0.5em);
  height: 100%;
  position: absolute;
  width: 100%;
}

.progress-circle__pie--over-half {
  clip: rect(auto, auto, auto, auto);
}

.progress-circle__half-circle {
  border: 0.1em solid #00a5dd;
  border-radius: 50%;
  clip: rect(0, 0.5em, 1em, 0);
  height: 100%;
  position: absolute;
  width: 100%;
}

.progress-circle__left-side,
.progress-circle__right-side {
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.progress-circle__right-side {
  display: none;
}

.progress-circle__right-side--over-half {
  display: block;
  transform: rotate(180deg);
}

.remove-lead-passenger__error {
  color: #c60900;
}

.remove-lead-passenger__error:last-child {
  margin-bottom: 1.5em;
}

.remove-passenger-confirmation {
  color: #17317f;
}

.remove-passenger {
  color: #17317f;
}

.remove-passenger__rooms {
  display: -ms-flexbox;
  display: flex;
}

.remove-passenger__error {
  color: #c60900;
}

.sandbox-bar {
  -ms-flex-align: center;
      align-items: center;
  background-color: #121212;
  bottom: 0;
  color: whitesmoke;
  display: -ms-flexbox;
  display: flex;
  height: 2.4em;
  position: fixed;
  right: 0;
  z-index: 10001;
}

.sandbox-bar__toggle {
  -ms-flex-align: center;
      align-items: center;
  background-color: transparent;
  border: 0 solid #333333;
  color: #4bb2f7;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin-left: auto;
  padding: 0 0.75em;
}

.sandbox-bar__toggle:hover {
  background-color: #4bb2f7;
  color: #ffffff;
}

.sandbox-bar__toggle:focus {
  outline: none;
}

.sandbox-bar--expanded {
  height: 4em;
  width: 100%;
}

.sandbox-bar--expanded .sandbox-bar__toggle {
  border-left-width: 0.1rem;
}

.sandbox-bar__sections {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-positive: 1;
      flex-grow: 1;
  height: 100%;
}

.sandbox-bar__section {
  border-right: 0.1rem solid #333333;
  color: #cccccc;
  max-width: 50%;
}

.sandbox-bar__section,
.sandbox-bar__button {
  -ms-flex-align: start;
      align-items: flex-start;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  height: 100%;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 0 0.5em;
}

@media (min-width: 640px) {
  .sandbox-bar__section,
  .sandbox-bar__button {
    padding: 0 1em;
  }
}

.sandbox-bar__button {
  background: none;
  border: none;
  border-radius: 0;
  cursor: pointer;
  margin: 0 -0.5em;
  text-align: left;
}

@media (min-width: 640px) {
  .sandbox-bar__button {
    margin: 0 -1em;
  }
}

.allocation {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.9em;
  height: 1.75em;
  margin-top: 0.2em;
}

.allocation__title {
  margin-right: 0.5em;
}

@media (max-width: 639px) {
  .allocation__title {
    display: none;
  }
}

.allocation__submit {
  background-color: #4bb2f7;
  border: none;
  border-radius: 0;
  color: #121212;
  height: 100%;
  margin-left: 0.25em;
  padding: 0 0.5em;
}

.allocation__submit:hover,
.allocation--inverted .allocation__submit {
  background-color: #2b96de;
}

.diff {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  padding-right: 1.5em;
}

.diff__block {
  background-color: #cccccc;
  display: block;
  height: 0.5em;
  margin-left: 1px;
  width: 0.5em;
}

.diff__block--add {
  background-color: #79d92e;
}

.diff__block--del {
  background-color: #ff451a;
}

.diff__count {
  font-size: 0.9em;
  margin-right: 0.4em;
}

.diff__count--add {
  color: #79d92e;
}

.diff__count--del {
  color: #ff451a;
}

.git-details {
  border-bottom: 0.3rem solid;
}

.git-details__item {
  display: -ms-flexbox;
  display: flex;
  padding: 1em 0;
}

.git-details__item:not(:first-child) {
  border-top: 0.1rem solid rgba(255, 255, 255, 0.15);
}

.git-details__icon {
  margin: 0.25em 0.5em;
  min-width: 3em;
  transform: scale(1.25);
}

.git-details__icon--mergeable {
  color: #79d92e;
}

.git-details__icon--unmergeable {
  color: #ff9800;
}

.git-details__icon--closed {
  color: #ff451a;
}

.git-details__icon--merged {
  color: #d859ff;
}

.git-details__icon--success {
  color: #9bc34d;
}

.git-details__info {
  -ms-flex-positive: 1;
      flex-grow: 1;
  padding-right: 2em;
}

.git-details__info--mergeable {
  color: #79d92e;
}

.git-details__info--unmergeable {
  color: #ff9800;
}

.git-details__info--closed {
  color: #ff451a;
}

.git-details__info--merged {
  color: #d859ff;
}

.git-details__info--success {
  color: #9bc34d;
}

.git-details__branch {
  color: #ffffff;
}

.git-details__subheading {
  color: #ffffff;
  font-size: 1.1em;
  font-weight: 400;
  margin: 0 0 1em;
}

.git-details__button {
  border-radius: 0.25em;
  color: #121212;
  display: inline-block;
  margin: 1.5em 0;
  padding: 0.75em 1em;
  text-decoration: none;
}

.git-details__button--mergeable {
  background-color: #79d92e;
}

.git-details__button--unmergeable {
  background-color: #ff9800;
}

.git-details__button--closed {
  background-color: #ff451a;
}

.git-details__button--merged {
  background-color: #d859ff;
}

.git-details__button--success {
  background-color: #9bc34d;
}

.git-details__button:hover {
  opacity: 0.9;
}

.git-details__button-icon {
  margin-right: 0.5em;
}

.git-details__markdown h1,
.git-details__markdown h2,
.git-details__markdown h3,
.git-details__markdown h4,
.git-details__markdown h5,
.git-details__markdown h6 {
  color: #cccccc;
  font-weight: 400;
}

.git-details__markdown h1,
.git-details__markdown h2 {
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0.15);
  padding-bottom: 0.5em;
}

.git-details__markdown h6 {
  font-size: 1em;
  margin: 0;
}

.git-details__markdown ul {
  margin: 0 0 1.5em;
}

.git-details__markdown [href] {
  color: #4bb2f7;
}

.git-details__markdown [href]:hover {
  color: #ffffff;
}

.git-details--mergeable {
  border-bottom-color: #79d92e;
}

.git-details--unmergeable {
  border-bottom-color: #ff9800;
}

.git-details--closed {
  border-bottom-color: #ff451a;
}

.git-details--merged {
  border-bottom-color: #d859ff;
}

.git-details--success {
  border-bottom-color: #9bc34d;
}

.git__branch {
  font-size: 0.9em;
  max-width: 10em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (min-width: 640px) {
  .git__branch {
    margin-bottom: 0.25em;
    max-width: 25em;
  }
}

.git__branch--mergeable {
  color: #79d92e;
}

.git__branch--unmergeable {
  color: #ff9800;
}

.git__branch--closed {
  color: #ff451a;
}

.git__branch--merged {
  color: #d859ff;
}

.git__branch--success {
  color: #9bc34d;
}

.git__loading-icon {
  animation: spin-keyframes 2s infinite linear;
  color: #cccccc;
}

.git__warning {
  -ms-flex-align: center;
      align-items: center;
  color: #ff9800;
  display: -ms-flexbox;
  display: flex;
  line-height: 1.2;
}

.git__warning-text {
  color: #ff9800;
  font-size: 0.9em;
  margin-left: 0.5em;
}

.git__status-icon {
  margin-right: 0.5em;
}

.git__deployed {
  font-size: 0.9em;
  line-height: 1.2em;
}

.git--expanded,
.git--expanded:hover {
  color: #333333;
}

.git--expanded.git--mergeable,
.git--expanded:hover.git--mergeable {
  background-color: #79d92e;
}

.git--expanded.git--unmergeable,
.git--expanded:hover.git--unmergeable {
  background-color: #ff9800;
}

.git--expanded.git--closed,
.git--expanded:hover.git--closed {
  background-color: #ff451a;
}

.git--expanded.git--merged,
.git--expanded:hover.git--merged {
  background-color: #d859ff;
}

.git--expanded.git--success,
.git--expanded:hover.git--success {
  background-color: #9bc34d;
}

.git--expanded .git__branch,
.git--expanded .git__deployed,
.git--expanded:hover .git__branch,
.git--expanded:hover .git__deployed {
  color: #121212;
}

.sandbox-bar-popup {
  background-color: #121212;
  bottom: 4em;
  color: #cccccc;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  height: calc(100% - 4em);
  left: 0;
  position: fixed;
  width: 100%;
}

@media (min-width: 768px) {
  .sandbox-bar-popup {
    max-width: 40em;
  }
}

.sandbox-bar-popup__heading {
  -ms-flex-align: center;
      align-items: center;
  border-bottom: 0.1rem solid #ffffff;
  color: #ffffff;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.4em;
  font-weight: 400;
  margin: 0;
  padding: 1em;
}

.sandbox-bar-popup__close {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  padding: 0;
  transform: scale(1.5);
}

.sandbox-bar-popup__details {
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
}

.split-test-list {
  background: #4bb2f7;
  color: #ffffff;
}

.split-test-list__table {
  width: 100%;
}

.split-test-list__row {
  border-top: 0.1rem solid rgba(255, 255, 255, 0.15);
}

.split-test-list__row:hover {
  background: #2b96de;
  cursor: pointer;
}

.split-test-list__cell {
  line-height: 1.4em;
  padding: 0.75em;
  text-align: left;
}

.split-test-list__cell:first-child {
  padding-left: 1em;
}

@media (min-width: 768px) {
  .split-test-list__cell:first-child {
    padding-left: 1.5em;
  }
}

.split-test-list__cell:last-child {
  text-align: center;
}

.split-test-list__description {
  display: block;
  line-height: 1.4em;
  margin-top: 0.25em;
  opacity: 0.75;
}

.split-testing__enabled {
  color: #4bb2f7;
  font-size: 0.9em;
}

.split-testing__graph-icon {
  margin-right: 0.25em;
}

@media (min-width: 640px) {
  .split-testing__graph-icon {
    margin-right: 0.5em;
  }
}

.split-testing__additional {
  border-bottom: 0.1rem dotted #4bb2f7;
  cursor: default;
  margin-left: 0.5em;
  position: relative;
}

.split-testing__tooltip {
  background-color: #4bb2f7;
  font-weight: 400;
  list-style: none;
  width: 20em;
}

.split-testing__tooltip::before {
  border-top-color: #4bb2f7;
}

.split-testing--expanded .split-testing__tooltip {
  display: none;
}

.split-testing--expanded,
.split-testing--expanded:hover {
  background-color: #4bb2f7;
  color: #121212;
}

.split-testing--expanded .split-testing__enabled,
.split-testing--expanded:hover .split-testing__enabled {
  color: #121212;
}

.split-testing--expanded .split-testing__tooltp,
.split-testing--expanded:hover .split-testing__tooltp {
  display: none;
}

.scrapbook-benefits {
  border: 0.1em solid #cccccc;
  border-bottom-width: 0.2em;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  height: 100%;
  padding: 1em 1em 0;
}

.scrapbook-benefits__text {
  border-bottom: 0.1em solid #cccccc;
  color: #17317f;
  font-size: 0.9em;
  font-weight: 700;
  margin-bottom: 1em;
  padding-bottom: 0.5em;
  text-align: center;
}

@media (min-width: 768px) {
  .scrapbook-benefits__text {
    display: none;
  }
}

.scrapbook-benefits__benefit-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 0 auto;
      flex: 1 0 auto;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.scrapbook-benefits__benefit-item {
  width: 50%;
}

.scrollspy-navigation {
  background-color: whitesmoke;
  border-bottom: 0.1em solid #cccccc;
  display: -ms-flexbox;
  display: flex;
  font-size: 1rem;
  left: 0;
  position: fixed;
  right: 0;
  top: 4.4em;
  z-index: 2;
}

.scrollspy-navigation__nav {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  height: 4.2em;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  line-height: 1;
  position: relative;
}

.scrollspy-navigation__link,
.scrollspy-navigation__button {
  border: 0;
  border-bottom: 0.15em solid transparent;
  color: #17317f;
  font-size: 1.4em;
  padding: 0.4em 0.15em 0.3em;
  text-decoration: none;
}

.scrollspy-navigation__link--active {
  border-bottom: 0.15em solid #17317f;
}

.scrollspy-navigation__button {
  background-color: transparent;
}

.search-form {
  background-color: rgba(213, 239, 249, 0.9);
  padding: 1em;
  position: relative;
}

@media (min-width: 768px) {
  .search-form__horizontal-fields-container > [class^="column-"]:first-child {
    padding-right: 3%;
  }

  .search-form__horizontal-fields-container > [class^="column-"]:last-child {
    padding-left: 3%;
  }
}

.search-form--dark .input-select__action-list button,
.search-form--dark .option,
.search-form--dark .search-form__field-label,
.search-form--dark .search-form__text-label {
  color: #ffffff;
}

.search-form--dark .dropdown .option {
  color: #17317f;
}

.search-form__field {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  position: relative;
}

@media (min-width: 768px) {
  .search-form__field-label {
    font-weight: 700;
  }
}

.search-form__text-label {
  color: #17317f;
  display: inline-block;
  font-size: 0.85em;
  font-weight: 700;
  margin-top: 0.5rem;
}

.search-form__text-label:lang(en) {
  white-space: nowrap;
}

.search-form__text-label:not(:lang(en)) {
  line-height: 1.2;
}

@media (min-width: 768px) and (max-width: 940px) {
  .search-form__text-label {
    font-size: 0.7em;
  }
}

.search-form__text-label--button {
  background: none;
  border: 0;
  padding: 0;
}

.search-form__submit {
  margin-top: 0.6em;
}

@media (min-width: 768px) {
  .search-form__submit {
    margin-top: 1.643em;
  }
}

@media (min-width: 768px) {
  .search-form__error {
    left: 0;
    position: absolute;
    top: calc(100% - 1em);
    width: 100%;
    z-index: 1;
  }
}

.search-form__check-in-label {
  white-space: nowrap;
}

@media (max-width: 940px) and (min-width: 768px) {
  .search-form__check-in-label:lang(sv) {
    direction: rtl;
  }
}

.search-form__where-to-label:lang(sv),
.search-form__where-to-label:lang(nb) {
  white-space: nowrap;
}

.search-form__list-dropdown {
  font-size: 0.9em;
}

@media (min-width: 768px) {
  .search-form--push-down {
    padding-bottom: 3em;
  }
}

@media (max-width: 767px) {
  .search-form .input-select__action-list {
    border-left: 0.1rem solid #00a5dd;
  }
}

.assistance-label__error-message {
  color: #c60900;
}

.flight-assistance {
  color: #17317f;
}

.flight-assistance__list {
  margin: 1.5em 0;
}

.flight-assistance__error-message {
  color: #c60900;
}

.sticky-bar {
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  -ms-flex-align: center;
      align-items: center;
  background-color: #ffffff;
  display: -ms-flexbox;
  display: flex;
  font-size: 1rem;
  -ms-flex-pack: justify;
      justify-content: space-between;
  line-height: 1.4;
  padding: 0.7em 1.4em;
  position: relative;
  z-index: 2;
}

.sticky-bar__title {
  font-size: 1.4em;
  margin-bottom: 0;
}

.sticky-bar__text {
  font-size: 1em;
}

@media (min-width: 375px) {
  .sticky-bar__text {
    font-size: 1.1em;
  }
}

@media (min-width: 640px) {
  .sticky-bar__text {
    font-size: 1.2em;
  }
}

.sticky-bar__text-supplement {
  color: #00a5dd;
  margin-left: 0.5em;
}

.sticky-bar__button {
  font-size: 1.4em;
  white-space: nowrap;
}

@media (min-width: 640px) {
  .sticky-bar__button {
    font-size: 1.8em;
  }
}

.sticky-bar--fixed {
  left: 0;
  position: fixed;
  right: 0;
}

.summary-icon {
  border: solid 0.1em #17317f;
  border-radius: 0.3em;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  font-size: 1rem;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin: 0.3em;
  min-width: 4.2em;
  overflow: hidden;
}

.summary-icon__text {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.8em;
  -ms-flex-pack: center;
      justify-content: center;
  line-height: 1;
  text-transform: uppercase;
}

.summary-icon__text--small {
  padding: 0.2em;
}

.summary-icon__text--medium {
  font-size: 2em;
}

.summary-icon__text--large {
  font-size: 2.6em;
  line-height: 1.4;
}

.summary-icon__header {
  background-color: #17317f;
  color: #ffffff;
}

.summary-icon__main {
  background-color: #ffffff;
  color: #17317f;
}

.summary-icon__main--icon {
  font-size: 1.1em;
  line-height: 0.8;
}

.summary-icon__footer {
  background-color: #17317f;
  border-top: solid 0.1em #17317f;
  color: #ffffff;
}

.summary-icon__footer--white {
  background-color: #ffffff;
  color: #17317f;
}

.tabset {
  display: -ms-flexbox;
  display: flex;
  font-size: 1.25rem;
  line-height: 1;
}

.tabset__tab {
  -ms-flex-align: center;
      align-items: center;
  background-color: #ffffff;
  color: #17317f;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  -ms-flex-pack: center;
      justify-content: center;
  margin-right: 0.2em;
  padding: 1.2em 0.5em;
  position: relative;
  text-decoration: none;
  z-index: 1;
}

.tabset__tab:hover,
.tabset__tab--active {
  background-color: rgba(213, 239, 249, 0.9);
}

.tabset__tab:last-child {
  margin: 0;
}

.tabset__icon {
  display: none;
  font-size: 1.5em;
  vertical-align: bottom;
}

.tabset__label {
  display: inline-block;
  text-align: center;
}

@media (min-width: 481px) {
  .tabset {
    font-size: 1.5rem;
  }
}

@media (min-width: 768px) {
  .tabset__tab {
    display: inline-block;
    -ms-flex: none;
        flex: none;
    padding: 0.5em 1em;
  }

  .tabset__icon {
    display: inline-block;
  }

  .tabset__label {
    text-align: left;
  }

  .tabset__icon,
  .tabset__label {
    margin-right: 0.5em;
    vertical-align: middle;
  }

  .tabset__icon:last-child,
  .tabset__label:last-child {
    margin: 0;
  }
}

@media (max-width: 767px) {
  .tabset--fixed-height {
    height: 3.5em;
  }
}

.trust-bar {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  background-color: #17317f;
  border-bottom: 0.5em solid #fedc07;
  font-size: 1rem;
  padding: 3.6em 0;
}

@media (min-width: 768px) {
  .trust-bar {
    padding: calc(3.6em / 2) 0;
  }
}

.trust-bar__wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.trust-bar__item {
  -ms-flex: 1 0 100%;
      flex: 1 0 100%;
  text-align: center;
}

@media (max-width: 374px) {
  .trust-bar__item:not(:last-of-type) {
    margin-bottom: 3.6em;
  }
}

@media (min-width: 375px) {
  .trust-bar__item {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
}

@media (min-width: 375px) and (max-width: 767px) {
  .trust-bar__item:nth-of-type(-n + 2) {
    margin-bottom: 3.6em;
  }
}

@media (min-width: 768px) {
  .trust-bar__item {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
}

.trust-bar__image {
  margin-bottom: 1.4em;
}

.trust-bar__message {
  color: #ffffff;
  font-size: 1.3em;
  font-weight: 500;
  line-height: 1;
}

@media (min-width: 941px) {
  .trust-bar__message {
    font-size: 1.5em;
  }
}