@charset "UTF-8";
/*!
 * Web Fonts from fontspring.com
 *
 * All OpenType features and all extended glyphs have been removed.
 * Fully installable fonts can be purchased at http://www.fontspring.com
 *
 * The fonts included in this stylesheet are subject to the End User License you purchased
 * from Fontspring. The fonts are protected under domestic and international trademark and
 * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
 * distributing this font software.
 *
 * (c) 2010-2014 Fontspring
 *
 *
 *
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * Vendor:      Fontfabric
 * License URL: http://www.fontspring.com/licenses/fontfabric/webfont
 *
 *
 */
/* stylelint-disable scss/dollar-variable-colon-space-after */
/* stylelint-enable */
/* stylelint-disable scss/dollar-variable-colon-space-after */
/* stylelint-enable */
/*
 * SVG generate functions
 */
/*
 * SVG placeholder selectors
 */
.app-block--section-arrow + .content-block::before,
.app-block--section-arrow + .content-block--white::before,
.content-block--section-arrow + .content-block::before,
.content-block--section-arrow + .content-block--white::before,
.content-block--section-arrow-compact + .content-block::before,
.content-block--section-arrow-compact + .content-block--white::before, .content-block--section-arrow-ontop.content-block::before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%204096%2044%22%20width%3D%224096%22%20height%3D%2244%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M2137%2C0l-76%2C39c-3.653%2C2.164-8.445%2C4-13%2C4s-9.347-1.836-13-4l-76-39H0v45h4096V0H2137z%22%2F%3E%3Cpath%20fill%3D%22transparent%22%20d%3D%22M2137%2C0l-76%2C39c-3.653%2C2.164-8.445%2C4-13%2C4s-9.347-1.836-13-4l-76-39H2137z%22%2F%3E%3C%2Fsvg%3E"); }

.app-block--section-arrow + .content-block--blue::before,
.content-block--section-arrow + .content-block--blue::before,
.content-block--section-arrow-compact + .content-block--blue::before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%204096%2044%22%20width%3D%224096%22%20height%3D%2244%22%3E%3Cpath%20fill%3D%22%232800a0%22%20d%3D%22M2137%2C0l-76%2C39c-3.653%2C2.164-8.445%2C4-13%2C4s-9.347-1.836-13-4l-76-39H0v45h4096V0H2137z%22%2F%3E%3Cpath%20fill%3D%22transparent%22%20d%3D%22M2137%2C0l-76%2C39c-3.653%2C2.164-8.445%2C4-13%2C4s-9.347-1.836-13-4l-76-39H2137z%22%2F%3E%3C%2Fsvg%3E"); }

.app-block--section-arrow + .content-block--green::before,
.content-block--section-arrow + .content-block--green::before,
.content-block--section-arrow-compact + .content-block--green::before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%204096%2044%22%20width%3D%224096%22%20height%3D%2244%22%3E%3Cpath%20fill%3D%22%2300d66c%22%20d%3D%22M2137%2C0l-76%2C39c-3.653%2C2.164-8.445%2C4-13%2C4s-9.347-1.836-13-4l-76-39H0v45h4096V0H2137z%22%2F%3E%3Cpath%20fill%3D%22transparent%22%20d%3D%22M2137%2C0l-76%2C39c-3.653%2C2.164-8.445%2C4-13%2C4s-9.347-1.836-13-4l-76-39H2137z%22%2F%3E%3C%2Fsvg%3E"); }

.app-block--section-arrow + .content-block--champagne::before,
.content-block--section-arrow + .content-block--champagne::before,
.content-block--section-arrow-compact + .content-block--champagne::before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%204096%2044%22%20width%3D%224096%22%20height%3D%2244%22%3E%3Cpath%20fill%3D%22%23f3e5d8%22%20d%3D%22M2137%2C0l-76%2C39c-3.653%2C2.164-8.445%2C4-13%2C4s-9.347-1.836-13-4l-76-39H0v45h4096V0H2137z%22%2F%3E%3Cpath%20fill%3D%22transparent%22%20d%3D%22M2137%2C0l-76%2C39c-3.653%2C2.164-8.445%2C4-13%2C4s-9.347-1.836-13-4l-76-39H2137z%22%2F%3E%3C%2Fsvg%3E"); }

.app-block--section-arrow + .content-block--white-hover::before,
.content-block--section-arrow + .content-block--white-hover::before,
.content-block--section-arrow-compact + .content-block--white-hover::before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%204096%2044%22%20width%3D%224096%22%20height%3D%2244%22%3E%3Cpath%20fill%3D%22%23f5f8fa%22%20d%3D%22M2137%2C0l-76%2C39c-3.653%2C2.164-8.445%2C4-13%2C4s-9.347-1.836-13-4l-76-39H0v45h4096V0H2137z%22%2F%3E%3Cpath%20fill%3D%22transparent%22%20d%3D%22M2137%2C0l-76%2C39c-3.653%2C2.164-8.445%2C4-13%2C4s-9.347-1.836-13-4l-76-39H2137z%22%2F%3E%3C%2Fsvg%3E"); }

/* Normalize stylesheet */
body {
  background: #fff; }

html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
pre,
a,
address,
em,
small,
strike,
strong,
dl,
dt,
dd,
fieldset,
form,
label,
table,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
figure,
figcaption,
footer,
header,
nav,
section,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-style: normal;
  vertical-align: baseline; }

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

ul,
li {
  font: inherit;
  vertical-align: baseline; }

ul {
  margin: 0 0 1.4em;
  padding: 0 0 0 1.1em; }

ol {
  margin-top: 0; }

[hidden] {
  display: none !important; }

img {
  border: 0; }

button[disabled],
html input[disabled] {
  cursor: default; }

input[type='checkbox'],
input[type='radio'] {
  padding: 0; }

input[type='search'] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed; }

/* Below the parts from main.css out of the boilerplate template */
/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */
audio,
img,
video {
  vertical-align: middle; }

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical; }

/* stylelint-disable scss/dollar-variable-colon-space-after */
/* stylelint-enable */
/* Inline icons  */
.icon-font, .link-list a::before, .back a::before, .read-more::before, .breadcrumb_item::before, .togglepanel .is-selected a::before, .togglepanel-asa .button-tertiary::before, .footer .social-media a > span, .footer .service-links [data-initialized*='ui/Toggle'] .toggler::before, .tooltip-dialog [data-module='ui/TogglePanel']::before, .ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next, [class*='icon-image']::before, .notification-icon, .flag-list .flag-other::before, [data-module*='ui/Toggle'][data-initialized*='ui/Toggle'] .toggle-element::before, .ancillaries-list_ancillary-content::before, .ancillary-detail .list-item li a::before, .ui-slider .ui-slider-handle::before, .ui-slider .ui-slider-handle::after, .slider-container .slider-option.slider-option-more::before, .ssr [data-initialized*='ui/Toggle'] h3::before, .ssr .info-pets::after, .ssr-products button::before, .flight-result.active .select::before, .component_container-intro [data-initialized*='ui/Toggle'] .toggle > h3:first-of-type::before, .ife-feed_list li::before, .component_table .toggle::before, .offer-list--small .offer-list_destination::before, .megasale-item--front .footnote-paragraph::before, .megasale-item--back a[data-expandible-trigger]::before, .cta-upcoming-flight .link--standalone::before,
.cta-upcoming-flight .link--standalone:link::before,
.cta-upcoming-flight .link--standalone:visited::before, .newsletter.is-loading::after {
  font-family: transavicon, sans-serif;
  font-weight: normal;
  vertical-align: middle;
  line-height: 0;
  transform-origin: left center; }

.icon-arrow-up::before {
  content: ""; }

.icon-arrow-right::before, .ui-datepicker .ui-datepicker-next::before, .ancillaries-list_ancillary-content::before, .flight-result.active .select::before {
  content: ""; }

.icon-arrow-down::before {
  content: ""; }

.icon-arrow-left::before, .back a::before, .ui-datepicker .ui-datepicker-prev::before {
  content: ""; }

.icon-up::before, .footer .service-links [data-initialized*='ui/Toggle'] .is-open .toggler::before, .component_container-intro [data-initialized*='ui/Toggle'] .toggle.is-open > h3:first-of-type::before {
  content: ""; }

.icon-right::before, .ancillary-detail .list-item li a::before {
  content: ""; }

.icon-down::before, .footer .service-links [data-initialized*='ui/Toggle'] .toggler::before, [data-module*='ui/Toggle'][data-initialized*='ui/Toggle'] .toggle-element::before, .slider-container .slider-option.slider-option-more::before, .ssr [data-initialized*='ui/Toggle'] h3::before, .component_container-intro [data-initialized*='ui/Toggle'] .toggle > h3:first-of-type::before, .component_table .toggle::before {
  content: ""; }

.icon-left::before {
  content: ""; }

.icon-hamburger::before {
  content: ""; }

.icon-error::before, .icon-cross::before, .asa .seatmap .asa-tooltip-content .heading .close::before {
  content: ""; }

.icon-house::before {
  content: ""; }

.icon-next::before, .link-list a::before, .read-more::before, .breadcrumb_item::before, .togglepanel-asa .button-tertiary::before, .offer-list--small .offer-list_destination::before, .cta-upcoming-flight .link--standalone::before,
.cta-upcoming-flight .link--standalone:link::before,
.cta-upcoming-flight .link--standalone:visited::before {
  content: ""; }

.icon-account-alt::before {
  content: ""; }

.icon-close::before {
  content: ""; }

.icon-up-small::before {
  content: ""; }

.icon-down-small::before {
  content: ""; }

.icon-left-small::before {
  content: ""; }

.icon-flip::before {
  content: ""; }

.icon-arrival::before {
  content: ""; }

.icon-departure::before {
  content: ""; }

.icon-inbound::before {
  content: ""; }

.icon-outbound::before, .icon-airplane::before {
  content: ""; }

.icon-return::before {
  content: ""; }

.icon-account::before, .icon-passenger::before {
  content: ""; }

.icon-check-in::before, [class*='icon-image-check']::before {
  content: ""; }

.icon-book-a-flight::before {
  content: ""; }

.icon-check::before, .icon-success::before, .togglepanel .is-selected a::before {
  content: ""; }

.icon-dot::before {
  content: ""; }

.icon-help-alt::before, .icon-question::before, .tooltip-dialog.tooltip-dialog_inverted [data-module='ui/TogglePanel']::before {
  content: ""; }

.icon-information::before,
.icon-info::before {
  content: ""; }

.icon-warning::before {
  content: ""; }

.icon-warning-sign::before {
  content: ""; }

.icon-map-marker::before, [class*='icon-image-route']::before {
  content: ""; }

.icon-camera::before {
  content: ""; }

.icon-language::before, .icon-globe::before, .flag-list .flag-other::before {
  content: ""; }

.icon-sustainability::before, .icon-medium-sustainability::before {
  content: ""; }

.icon-hotel-bell::before, .icon-service::before {
  content: ""; }

.icon-lock::before {
  content: ""; }

.icon-cocktail::before {
  content: ""; }

.icon-air-hostess::before {
  content: ""; }

.icon-captain::before {
  content: ""; }

.icon-working-person::before {
  content: ""; }

.icon-train::before {
  content: ""; }

.icon-metro::before {
  content: ""; }

.icon-bus::before {
  content: ""; }

.icon-taxi::before {
  content: ""; }

.icon-tram::before {
  content: ""; }

.icon-auto::before {
  content: ""; }

.icon-suitcase::before, .button [class*='icon-image-holdluggage']::before {
  content: ""; }

.icon-hotel::before {
  content: ""; }

.icon-seat::before {
  content: ""; }

.icon-prm::before {
  content: ""; }

.icon-ssr::before, [class*='icon-image-ssr']::before {
  content: ""; }

.icon-insurance::before {
  content: ""; }

.icon-hand-luggage::before {
  content: ""; }

.icon-hand-luggage-alt::before {
  content: ""; }

.icon-voucher::before {
  content: ""; }

.icon-medical-services::before {
  content: ""; }

.icon-pet-cabin::before {
  content: ""; }

.icon-pet-cargo::before {
  content: ""; }

.icon-park::before {
  content: ""; }

.icon-walking-person::before {
  content: ""; }

.icon-print::before {
  content: ""; }

.icon-edit::before {
  content: ""; }

.icon-calendar::before, [class*='icon-image-schedule']::before {
  content: ""; }

.icon-search::before {
  content: ""; }

.icon-download::before {
  content: ""; }

.icon-share::before {
  content: ""; }

.icon-time::before {
  content: ""; }

.icon-reset::before {
  content: ""; }

.icon-minus::before, .spinner .button.decrease span::before {
  content: ""; }

.icon-add::before, .spinner .button.increase span::before {
  content: ""; }

.icon-help::before, .tooltip-dialog [data-module='ui/TogglePanel']::before {
  content: ""; }

.icon-component-download-arrow::before {
  content: ""; }

.icon-component-download-line::before {
  content: ""; }

.icon-component-printer::before {
  content: ""; }

.icon-component-printer-paper::before {
  content: ""; }

.icon-2h::before {
  content: ""; }

.icon-14d::before {
  content: ""; }

.icon-boardingpass::before {
  content: ""; }

.icon-whatsapp::before, .footer .social-media .whatsapp a > span::before {
  content: ""; }

.icon-upload::before {
  content: ""; }

.icon-luggage-claim::before {
  content: ""; }

.icon-change-booking::before {
  content: ""; }

.icon-entertainment::before, .ife-feed_list li::before {
  content: ""; }

.icon-miles::before {
  content: ""; }

.icon-google-plus::before, .footer .social-media .googleplus a > span::before {
  content: ""; }

.icon-youtube::before, .footer .social-media .youtube a > span::before {
  content: ""; }

.icon-mail::before, .footer .social-media .newsletter a > span::before {
  content: ""; }

.icon-facebook::before, .footer .social-media .facebook a > span::before {
  content: ""; }

.icon-twitter::before, .footer .social-media .twitter a > span::before {
  content: ""; }

.icon-instagram::before, .footer .social-media .instagram a > span::before {
  content: ""; }

.icon-apple-tm::before {
  content: ""; }

.icon-android::before {
  content: ""; }

.icon-pinterest::before {
  content: ""; }

.icon-linkedin::before {
  content: ""; }

.icon-facebook-alt::before {
  content: ""; }

.icon-branded-fares-basic::before {
  content: ""; }

.icon-branded-fares-plus::before {
  content: ""; }

.icon-branded-fares-bizz::before {
  content: ""; }

.icon-contact::before {
  content: ""; }

.icon-settings::before {
  content: ""; }

.icon-disclaimer::before {
  content: ""; }

.icon-terms-conditions::before {
  content: ""; }

.icon-about::before {
  content: ""; }

.icon-call-us::before {
  content: ""; }

.icon-faq::before {
  content: ""; }

.icon-bike::before {
  content: ""; }

.icon-fishing::before {
  content: ""; }

.icon-golf::before {
  content: ""; }

.icon-instrument::before {
  content: ""; }

.icon-summersport::before {
  content: ""; }

.icon-wintersport::before {
  content: ""; }

.icon-diving::before {
  content: ""; }

.icon-paraglide::before {
  content: ""; }

.icon-mainbooker::before {
  content: ""; }

.icon-groups::before {
  content: ""; }

.icon-pets::before {
  content: ""; }

.icon-weather-sunny::before {
  content: ""; }

.icon-weather-partly-clouded::before {
  content: ""; }

.icon-weather-clouded::before {
  content: ""; }

.icon-weather-heavy-clouded::before {
  content: ""; }

.icon-weather-sun-cloud-rain::before {
  content: ""; }

.icon-weather-partly-clouded-rain::before {
  content: ""; }

.icon-weather-clouded-rain::before {
  content: ""; }

.icon-weather-clouded-thunder::before {
  content: ""; }

.icon-weather-heavy-clouded-rain-thunder::before {
  content: ""; }

.icon-weather-sun-snow::before {
  content: ""; }

.icon-weather-snow::before {
  content: ""; }

.icon-weather-clouded-snow::before {
  content: ""; }

.icon-weather-very-heavy-clouded::before {
  content: ""; }

.icon-weather-tornado::before {
  content: ""; }

.icon-weather-fog::before {
  content: ""; }

.icon-eye::before {
  content: ""; }

.icon-eye-slash::before {
  content: ""; }

.icon-medium-transavia::before {
  content: ""; }

.icon-medium-departure::before {
  content: ""; }

.icon-medium-outbound::before {
  content: ""; }

.icon-medium-check-in::before {
  content: ""; }

.icon-medium-suitacse-alt::before {
  content: ""; }

.icon-medium-handluggage::before {
  content: ""; }

.icon-medium-handluggage-alt::before {
  content: ""; }

.icon-medium-seat::before {
  content: ""; }

.icon-medium-pet-cabin::before, .ssr-products .product-petc::before {
  content: ""; }

.icon-medium-pet-cargo::before, .ssr-products .product-avih::before {
  content: ""; }

.icon-medium-size-pet-cabin::before {
  content: ""; }

.icon-medium-size-pet-cargo::before {
  content: ""; }

.icon-medium-allotment::before {
  content: ""; }

.icon-medium-bus::before {
  content: ""; }

.icon-medium-taxi::before {
  content: ""; }

.icon-medium-tram::before {
  content: ""; }

.icon-medium-car::before {
  content: ""; }

.icon-medium-luggage::before {
  content: ""; }

.icon-medium-suitcase::before, .ssr-products .product-host::before {
  content: ""; }

.icon-medium-hotel::before {
  content: ""; }

.icon-medium-train::before {
  content: ""; }

.icon-medium-prm::before {
  content: ""; }

.icon-medium-medical-services::before {
  content: ""; }

.icon-medium-metro::before {
  content: ""; }

.icon-medium-boardingpass::before {
  content: ""; }

.icon-medium-ssr::before {
  content: ""; }

.icon-medium-insurance::before {
  content: ""; }

.icon-medium-contact-alt::before {
  content: ""; }

.icon-medium-affiliates::before {
  content: ""; }

.icon-medium-at-the-airport::before {
  content: ""; }

.icon-medium-destination::before {
  content: ""; }

.icon-medium-prepared::before {
  content: ""; }

.icon-medium-bike::before, .ssr-products .product-bike::before {
  content: ""; }

.icon-medium-fishing::before, .ssr-products .product-fish::before {
  content: ""; }

.icon-medium-golf::before, .ssr-products .product-golf::before {
  content: ""; }

.icon-medium-instrument::before {
  content: ""; }

.icon-medium-summersport::before, .ssr-products .product-surf::before {
  content: ""; }

.icon-medium-wintersport-alt::before, .ssr-products .product-skis::before {
  content: ""; }

.icon-medium-wintersport::before {
  content: ""; }

.icon-medium-diving::before, .ssr-products .product-dive::before {
  content: ""; }

.icon-medium-diving-alt::before {
  content: ""; }

.icon-medium-special-travel-company::before {
  content: ""; }

.icon-medium-paraglide::before, .ssr-products .product-delt::before {
  content: ""; }

.icon-medium-baby::before {
  content: ""; }

.icon-medium-tickets::before {
  content: ""; }

.icon-medium-mybooking::before {
  content: ""; }

.icon-medium-handshake::before {
  content: ""; }

.icon-medium-dynamic-packaging::before {
  content: ""; }

.icon-medium-groups::before {
  content: ""; }

.icon-medium-contact::before {
  content: ""; }

.icon-medium-passport::before {
  content: ""; }

.icon-medium-air-hostess::before {
  content: ""; }

.icon-medium-captain::before {
  content: ""; }

.icon-medium-working-person::before {
  content: ""; }

.icon-medium-qr-code::before {
  content: ""; }

.icon-large-beach::before {
  content: ""; }

.icon-large-business::before {
  content: ""; }

.icon-large-diving-mask::before {
  content: ""; }

.icon-large-flip-flops::before {
  content: ""; }

.icon-large-flippers::before {
  content: ""; }

.icon-large-palm-tree::before {
  content: ""; }

.icon-large-sailboat::before {
  content: ""; }

.icon-large-surfer::before {
  content: ""; }

.icon-large-wintersport::before {
  content: ""; }

[class*='icon-medium-'] {
  font-size: 4rem;
  line-height: inherit; }

.icon-font {
  display: inline-block; }
  h1 .icon-font,
  .h1 .icon-font,
  h2 .icon-font,
  .h2 .icon-font,
  h3 .icon-font,
  .h3 .icon-font {
    transform: translate(0, -0.3125rem); }
  h4 .icon-font,
  .h4 .icon-font,
  h5 .icon-font,
  .h5 .icon-font {
    transform: translate(0, -0.1875rem); }
  h6 .icon-font,
  .h6 .icon-font {
    transform: translate(0, -0.125rem); }
  h1 .icon-font.icon-outbound,
  .h1 .icon-font.icon-outbound,
  h2 .icon-font.icon-outbound,
  .h2 .icon-font.icon-outbound,
  h3 .icon-font.icon-outbound,
  .h3 .icon-font.icon-outbound, h1 .icon-font.icon-inbound,
  .h1 .icon-font.icon-inbound,
  h2 .icon-font.icon-inbound,
  .h2 .icon-font.icon-inbound,
  h3 .icon-font.icon-inbound,
  .h3 .icon-font.icon-inbound {
    transform: translate(0, -0.25rem); }
  h4 .icon-font.icon-outbound,
  .h4 .icon-font.icon-outbound,
  h5 .icon-font.icon-outbound,
  .h5 .icon-font.icon-outbound, h4 .icon-font.icon-inbound,
  .h4 .icon-font.icon-inbound,
  h5 .icon-font.icon-inbound,
  .h5 .icon-font.icon-inbound {
    transform: translate(0, -0.125rem); }
  h6 .icon-font.icon-outbound,
  .h6 .icon-font.icon-outbound, h6 .icon-font.icon-inbound,
  .h6 .icon-font.icon-inbound {
    transform: translate(0, -0.0625rem); }

.icon-check-color {
  color: #00d66c; }

/* stylelint-disable declaration-colon-newline-after, declaration-empty-line-before, indentation */
@font-face {
  font-family: 'Nexa';
  src: url("../fonts/Nexa-Book.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  font-display: swap; }

@font-face {
  font-family: 'Nexa';
  src: url("../fonts/Nexa-ExtraBold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  font-display: swap; }

@font-face {
  font-family: 'transavicon';
  src: url("../fonts/transavicon.woff2?v=20231010") format("woff2"), url("../fonts/transavicon.woff?v=20231010") format("woff"), url("../fonts/transavicon.ttf?v=20231010") format("truetype"), url("../fonts/transavicon.svg?v=20231010#transavicon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

/* stylelint-enable */
html {
  font-family: "trebuchet ms", sans-serif;
  background: #fff;
  color: #606060;
  font-size: 100%;
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }
  html.fonts-loaded {
    font-family: "Nexa"; }

button,
input,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline; }

button,
input {
  line-height: normal; }

input::-ms-clear {
  display: none; }

/* Headings */
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  display: block; }

h1,
.h1 {
  margin-bottom: 1rem;
  font-size: 2.375rem;
  color: #00d66c;
  line-height: 2.875rem;
  font-weight: bold; }

.h1--white {
  color: #fff; }

.h1--blue {
  color: #2800a0; }

h2,
.h2 {
  margin-bottom: 1rem;
  font-size: 2.375rem;
  line-height: 2.875rem;
  color: #00d66c;
  font-weight: bold; }
  h2 .icon-font,
  .h2 .icon-font {
    color: inherit; }

.h2--white {
  color: #fff; }

.h2--blue {
  color: #2800a0; }

h3,
.h3 {
  margin-bottom: 1rem;
  font-size: 2.375rem;
  color: #00d66c;
  line-height: 2.5rem;
  font-weight: bold; }

.h3--white {
  color: #fff; }

.h3--blue {
  color: #2800a0; }

h4,
.h4 {
  margin-bottom: .25rem;
  font-size: 1.5rem;
  color: #2800a0;
  line-height: 1.875rem;
  font-weight: bold; }

.h4--white {
  color: #fff; }

.h4--green {
  color: #00d66c; }

.h4--ruby {
  color: #ff3268; }

h5,
.h5 {
  margin-bottom: .25rem;
  font-size: 1.25rem;
  color: #00d66c;
  line-height: 1.625rem;
  font-weight: bold; }

.h5--blue {
  color: #2800a0; }

.h5--white {
  color: #fff; }

.h5--ruby {
  color: #ff3268; }

h6,
.h6 {
  margin-bottom: .25rem;
  font-size: 1rem;
  color: #202020;
  line-height: 1.5rem;
  font-weight: bold; }

.h6_infant {
  display: block;
  font-weight: normal; }

.h6--white {
  color: #fff; }

.h6--blue {
  color: #2800a0; }

.white {
  color: #fff; }

.thinner {
  font-weight: normal;
  color: #909090; }

.footnote-title,
.footnote-paragraph,
.footnote-text {
  font-size: .75rem;
  line-height: 1.125rem;
  color: #606060; }

.footnote-title {
  font-weight: bold;
  margin-bottom: 0; }

.footnote-paragraph {
  margin-bottom: 1rem; }

.footnote-text {
  margin-bottom: 0;
  font-weight: normal !important; }

.smaller {
  font-size: .875em; }

small {
  font-size: 0.875rem;
  line-height: 1.25rem; }

.generic-font {
  font-family: sans-serif; }

.promo-element {
  font-size: 1rem;
  color: #ff3268;
  text-align: center; }

.subtotal-row {
  font-weight: bold;
  color: #202020; }

.subtotal-text--light {
  font-weight: normal; }

.nowrap {
  white-space: nowrap; }

.truncate {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

p,
ul,
ol {
  margin-bottom: 1rem; }

b,
strong {
  font-weight: bold; }

a {
  color: #2800a0; }
  a:hover, a:focus, a:active {
    outline: 0;
    color: #ff3268; }
  a.disabled {
    color: #ccc;
    cursor: default;
    pointer-events: none; }

.link {
  text-decoration: underline;
  background: none;
  margin: 0;
  padding: 0;
  border: 0;
  cursor: pointer;
  color: #2800a0;
  text-align: left; }
  .link:hover, .link:focus, .link:active {
    outline: 0;
    color: #ff3268; }

.no-underline {
  text-decoration: none; }

.skip-links {
  padding-left: 0; }
  .skip-links li {
    list-style: none; }
    .skip-links li + li {
      margin-top: .5em; }
  .skip-links a {
    text-decoration: none;
    color: #202020;
    font-weight: normal; }
    .skip-links a:hover, .skip-links a:focus, .skip-links a:active {
      color: #ff3268; }

.link-list {
  padding-left: 0; }
  @media screen and (min-width: 25em) {
    .link-list.link-list--2col {
      -moz-column-count: 2;
           column-count: 2;
      -moz-column-gap: 2em;
           column-gap: 2em; } }
  .link-list li {
    list-style-type: none;
    position: relative;
    margin-left: 1.1em; }
    .link-list li + li {
      margin-top: .5em; }
  .link-list a {
    display: inline-block;
    text-decoration: none;
    padding-left: 1.1em;
    color: #202020;
    font-weight: normal;
    word-wrap: break-word;
    overflow-wrap: break-word;
    max-width: 100%; }
    .link-list a::before {
      position: absolute;
      left: 0;
      margin-left: -.25em;
      font-size: 1.1em;
      line-height: 1.35em;
      speak: none;
      color: inherit; }
    .link-list a:hover, .link-list a:focus, .link-list a:active {
      color: #ff3268; }

.content-block--blue .link-list li a,
.content-block--green .link-list li a {
  font-weight: bold;
  text-decoration: none; }
  .content-block--blue .link-list li a:hover,
  .content-block--green .link-list li a:hover {
    color: #fff;
    text-decoration: underline; }

.content-block--blue .link-list li::before,
.content-block--green .link-list li::before {
  color: #fff; }

.checklist {
  padding-left: 0; }
  .checklist li {
    position: relative;
    padding-left: 1.5rem;
    list-style-type: none; }
    .checklist li + li {
      margin-top: .5em; }
    .checklist li .icon-check {
      position: absolute;
      left: 0;
      top: 0;
      line-height: inherit;
      color: #00d66c; }

.definition-list dt {
  color: #202020;
  font-weight: bold; }

.definition-list dd {
  margin-bottom: 1em; }

.bulletless {
  margin-bottom: 1rem;
  padding-left: 0;
  list-style-type: none; }

.ordered-list-aligner ol {
  margin: 0 0 1.4em;
  padding: 0 0 0 1.1em; }

.intro {
  color: #202020;
  font-size: 1.25em;
  line-height: 1.489;
  font-weight: bold; }

.back a {
  text-decoration: none !important; }
  .back a::before {
    top: -.063rem;
    padding-right: .25rem; }

.word-wrap {
  word-wrap: break-word;
  overflow-wrap: break-word; }

.price {
  white-space: nowrap; }

.price-decimals {
  font-size: .5em;
  vertical-align: super; }

.read-more {
  color: #2800a0;
  text-decoration: none !important; }
  .read-more::before {
    font-size: 1.1rem;
    color: #2800a0;
    position: relative;
    top: -.069rem; }
  .read-more:hover::before {
    color: #ff3268; }

/* Change colors of headings */
.info {
  color: #2800a0; }

.small-hl {
  color: #00d66c; }

.large-hl {
  color: #00d66c; }

.success {
  color: #00d66c; }

.warning {
  color: #202020; }

@media screen and (min-width: 50em) {
  h1,
  .h1 {
    margin-bottom: 2rem;
    font-size: 3.375rem;
    line-height: 3.875rem; }
  h2,
  .h2 {
    margin-bottom: 1rem;
    font-size: 3rem;
    line-height: 3.75rem; }
  h3,
  .h3 {
    margin-bottom: 1rem;
    line-height: 2.875rem; }
  h4,
  .h4,
  h5,
  .h5,
  h6,
  .h6 {
    margin-bottom: 0.5rem; }
  .footnote-title,
  .footnote-paragraph,
  .footnote-text {
    font-size: 0.875rem;
    line-height: 1.25rem; }
  .icon-font {
    display: inline-block; }
    h1 .icon-font,
    .h1 .icon-font {
      transform: translate(0, -0.5625rem); }
    h2 .icon-font,
    .h2 .icon-font {
      transform: translate(0, -0.375rem); }
    h3 .icon-font,
    .h3 .icon-font {
      transform: translate(0, -0.3125rem); }
    h1 .icon-font.icon-outbound,
    .h1 .icon-font.icon-outbound, h1 .icon-font.icon-inbound,
    .h1 .icon-font.icon-inbound {
      transform: translate(0, -0.4375rem); }
    h2 .icon-font.icon-outbound,
    .h2 .icon-font.icon-outbound, h2 .icon-font.icon-inbound,
    .h2 .icon-font.icon-inbound {
      transform: translate(0, -0.25rem); }
    h3 .icon-font.icon-outbound,
    .h3 .icon-font.icon-outbound, h3 .icon-font.icon-inbound,
    .h3 .icon-font.icon-inbound {
      transform: translate(0, -0.1875rem); } }

/**
 * Numbering starts with -1 as the actual first div
 * is the .backup div that contains the original text.
 */
[data-initialized*='ui/MultiColoredHeading'] .line:nth-of-type(3n-1) {
  color: #00d66c; }

[data-initialized*='ui/MultiColoredHeading'] .line:nth-of-type(3n+0) {
  color: #2800a0; }

[data-initialized*='ui/MultiColoredHeading'] .line:nth-of-type(3n+1) {
  color: #ff3268; }

/* stylelint-disable scss/dollar-variable-colon-space-after */
/* stylelint-enable */
/* stylelint-disable scss/dollar-variable-colon-space-after */
/* stylelint-enable */
.text-align-left {
  text-align: left !important; }

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

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

@media screen and (min-width: 30em) {
  .text-align-left--bp5 {
    text-align: left !important; }
  .text-align-center--bp5 {
    text-align: center !important; }
  .text-align-right--bp5 {
    text-align: right !important; } }

@media screen and (min-width: 40em) {
  .text-align-left--bp10 {
    text-align: left !important; }
  .text-align-center--bp10 {
    text-align: center !important; }
  .text-align-right--bp10 {
    text-align: right !important; } }

@media screen and (min-width: 48em) {
  .text-align-left--bp20 {
    text-align: left !important; }
  .text-align-right--bp20 {
    text-align: right !important; }
  .text-align-center--bp20 {
    text-align: center !important; } }

@media screen and (min-width: 50em) {
  .text-align-right--bp22 {
    text-align: right !important; }
  .text-align-center--bp22 {
    text-align: center !important; } }

@media screen and (min-width: 56em) {
  .text-align-right--bp25 {
    text-align: right !important; } }

@media screen and (min-width: 68em) {
  .text-align-right--bp28 {
    text-align: right !important; } }

.icon-left-side,
.icon-right-side,
.icon-standalone,
.icon-right-side--down {
  text-decoration: none;
  position: relative; }
  .icon-left-side .icon-font,
  .icon-right-side .icon-font,
  .icon-standalone .icon-font,
  .icon-right-side--down .icon-font {
    display: inline-block;
    position: relative; }

.icon-left-side {
  margin-left: -.125rem; }
  .icon-left-side .icon-font {
    top: -.063rem;
    left: -.188rem; }

.icon-right-side {
  padding-right: .5rem; }
  .icon-right-side .icon-font {
    margin-left: .5rem; }

.icon-right-side--down.button {
  display: inline-flex;
  align-items: center;
  padding-right: .5rem; }
  .icon-right-side--down.button .icon-font {
    margin-left: .5rem; }

[class^='icon-animation'] {
  position: relative; }

.icon-animation-right .icon-next {
  transition: transform .4s; }

.icon-animation-right:hover .icon-next {
  transform: translate(0.2em, 0); }

.icon-animation-arrow-down .icon-arrow-down {
  transition: transform .4s; }

.icon-animation-arrow-down:hover .icon-arrow-down {
  transform: translate(0, 0.1em); }

.icon-animation-arrow-right .icon-arrow-right {
  transition: transform .4s; }

.icon-animation-arrow-right:hover .icon-arrow-right {
  transform: translate(0.4em, 0); }

.icon-animation-remove .icon-error {
  transition: transform .4s;
  transform-origin: 50% 50%; }

.icon-animation-remove:hover .icon-error {
  transform: rotate(90deg); }

.icon-animation-refresh .icon-reset {
  transition: transform .7s;
  transform-origin: 50% 50%; }

.icon-animation-refresh:hover .icon-reset {
  transform: rotate(360deg); }

.icon-animation-flip .icon-flip {
  transition: transform .5s;
  transform-origin: 50% 50%; }

.icon-animation-flip:hover .icon-flip {
  transform: rotate(180deg); }

.icon-animation-print {
  position: static; }
  .icon-animation-print.icon-right-side .icon-font {
    line-height: 1.5; }
  .icon-animation-print .icon-component-printer {
    position: absolute;
    z-index: 0; }
  .icon-animation-print .icon-component-printer-paper {
    top: -.0625em;
    transition: transform .4s; }
  .icon-animation-print:hover .icon-component-printer-paper {
    transform: translate(0, 0.125em); }

.icon-animation-search .icon-search {
  transition: transform .6s;
  transform-origin: 50% 50%; }

.icon-animation-search:hover .icon-search {
  transform: rotate(90deg); }

.icon-animation-download.icon-right-side .icon-font {
  line-height: 1.5; }

.icon-animation-download .icon-component-download-arrow {
  position: absolute;
  z-index: 0; }

.icon-animation-download:hover .icon-component-download-arrow {
  animation: downloadArrow .6s; }

@keyframes downloadArrow {
  0% {
    transform: translate(0, 0); }
  50% {
    transform: translate(0, -0.3em); }
  100% {
    transform: translate(0, 0); } }

.divider {
  height: .0625rem;
  border: 0;
  background-color: #e6e6e6;
  margin: 0; }

/*
 * COMPONENT: divider-with-legend
 */
.divider-with-legend {
  overflow: hidden;
  text-align: center;
  line-height: 1; }

/*
 * PART: legend
 */
.divider-with-legend_legend {
  position: relative;
  display: inline-block;
  padding: 0 1em;
  color: #202020;
  font-weight: bold; }
  .divider-with-legend_legend::before, .divider-with-legend_legend::after {
    display: block;
    content: '';
    position: absolute;
    top: 50%;
    width: 9999px;
    height: 0;
    border-top: 0.0625rem solid #e6e6e6; }
  .divider-with-legend_legend::before {
    left: 0;
    margin-left: -9999px; }
  .divider-with-legend_legend::after {
    right: 0;
    margin-right: -9999px; }

/*
 * PART: divider
 */
.divider-with-legend .divider {
  display: none; }

/* stylelint-disable scss/dollar-variable-colon-space-after */
/* stylelint-enable */
/* stylelint-disable scss/dollar-variable-colon-space-after */
/* stylelint-enable */
/*
 * SVG generate functions
 */
/*
 * SVG placeholder selectors
 */
.app-block--section-arrow + .content-block::before,
.app-block--section-arrow + .content-block--white::before,
.content-block--section-arrow + .content-block::before,
.content-block--section-arrow + .content-block--white::before,
.content-block--section-arrow-compact + .content-block::before,
.content-block--section-arrow-compact + .content-block--white::before, .content-block--section-arrow-ontop.content-block::before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%204096%2044%22%20width%3D%224096%22%20height%3D%2244%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M2137%2C0l-76%2C39c-3.653%2C2.164-8.445%2C4-13%2C4s-9.347-1.836-13-4l-76-39H0v45h4096V0H2137z%22%2F%3E%3Cpath%20fill%3D%22transparent%22%20d%3D%22M2137%2C0l-76%2C39c-3.653%2C2.164-8.445%2C4-13%2C4s-9.347-1.836-13-4l-76-39H2137z%22%2F%3E%3C%2Fsvg%3E"); }

.app-block--section-arrow + .content-block--blue::before,
.content-block--section-arrow + .content-block--blue::before,
.content-block--section-arrow-compact + .content-block--blue::before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%204096%2044%22%20width%3D%224096%22%20height%3D%2244%22%3E%3Cpath%20fill%3D%22%232800a0%22%20d%3D%22M2137%2C0l-76%2C39c-3.653%2C2.164-8.445%2C4-13%2C4s-9.347-1.836-13-4l-76-39H0v45h4096V0H2137z%22%2F%3E%3Cpath%20fill%3D%22transparent%22%20d%3D%22M2137%2C0l-76%2C39c-3.653%2C2.164-8.445%2C4-13%2C4s-9.347-1.836-13-4l-76-39H2137z%22%2F%3E%3C%2Fsvg%3E"); }

.app-block--section-arrow + .content-block--green::before,
.content-block--section-arrow + .content-block--green::before,
.content-block--section-arrow-compact + .content-block--green::before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%204096%2044%22%20width%3D%224096%22%20height%3D%2244%22%3E%3Cpath%20fill%3D%22%2300d66c%22%20d%3D%22M2137%2C0l-76%2C39c-3.653%2C2.164-8.445%2C4-13%2C4s-9.347-1.836-13-4l-76-39H0v45h4096V0H2137z%22%2F%3E%3Cpath%20fill%3D%22transparent%22%20d%3D%22M2137%2C0l-76%2C39c-3.653%2C2.164-8.445%2C4-13%2C4s-9.347-1.836-13-4l-76-39H2137z%22%2F%3E%3C%2Fsvg%3E"); }

.app-block--section-arrow + .content-block--champagne::before,
.content-block--section-arrow + .content-block--champagne::before,
.content-block--section-arrow-compact + .content-block--champagne::before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%204096%2044%22%20width%3D%224096%22%20height%3D%2244%22%3E%3Cpath%20fill%3D%22%23f3e5d8%22%20d%3D%22M2137%2C0l-76%2C39c-3.653%2C2.164-8.445%2C4-13%2C4s-9.347-1.836-13-4l-76-39H0v45h4096V0H2137z%22%2F%3E%3Cpath%20fill%3D%22transparent%22%20d%3D%22M2137%2C0l-76%2C39c-3.653%2C2.164-8.445%2C4-13%2C4s-9.347-1.836-13-4l-76-39H2137z%22%2F%3E%3C%2Fsvg%3E"); }

.app-block--section-arrow + .content-block--white-hover::before,
.content-block--section-arrow + .content-block--white-hover::before,
.content-block--section-arrow-compact + .content-block--white-hover::before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%204096%2044%22%20width%3D%224096%22%20height%3D%2244%22%3E%3Cpath%20fill%3D%22%23f5f8fa%22%20d%3D%22M2137%2C0l-76%2C39c-3.653%2C2.164-8.445%2C4-13%2C4s-9.347-1.836-13-4l-76-39H0v45h4096V0H2137z%22%2F%3E%3Cpath%20fill%3D%22transparent%22%20d%3D%22M2137%2C0l-76%2C39c-3.653%2C2.164-8.445%2C4-13%2C4s-9.347-1.836-13-4l-76-39H2137z%22%2F%3E%3C%2Fsvg%3E"); }

.width-100p {
  width: 100% !important; }

.width-13rem {
  width: 13rem !important; }

.max-width-10rem {
  max-width: 10rem !important; }

.max-width-18rem {
  max-width: 18rem !important; }

.max-width-30rem {
  max-width: 30rem !important; }

.max-width-32rem {
  max-width: 32rem !important; }

.max-width-38rem {
  max-width: 38rem !important; }

.max-width-41rem {
  max-width: 41.25rem !important; }

@media screen and (min-width: 48em) {
  .max-width-13rem--bp20 {
    max-width: 13rem !important; } }

.pull-left {
  float: left !important; }

@media screen and (min-width: 40em) {
  .pull-left--bp10 {
    float: left !important; } }

.pull-right {
  float: right !important; }

@media screen and (min-width: 40em) {
  .pull-right--bp10 {
    float: right !important; } }

@media screen and (min-width: 48em) {
  .pull-right--bp20 {
    float: right !important; } }

@media screen and (min-width: 64em) {
  .pull-right--bp27 {
    float: right !important; } }

.nowrap {
  white-space: nowrap !important; }

@media screen and (min-width: 30em) {
  .margin-left-2rem--bp5 {
    margin-left: 2rem !important; } }

.padding-right-10perc {
  padding-right: 10% !important; }

.no-margin-bottom {
  margin-bottom: 0 !important; }

.margin-bottom-d25rem {
  margin-bottom: .25rem !important; }

.margin-bottom-d5rem {
  margin-bottom: .5rem !important; }

.margin-bottom-d75rem {
  margin-bottom: .75rem !important; }

.margin-bottom-1rem {
  margin-bottom: 1rem !important; }

.margin-bottom-1d5rem {
  margin-bottom: 1.5rem !important; }

.margin-bottom-2rem {
  margin-bottom: 2rem !important; }

.margin-bottom-3rem {
  margin-bottom: 3rem !important; }

.margin-top-minus-1rem {
  margin-top: -1rem !important; }

.margin-top-d5rem {
  margin-top: .5rem !important; }

.margin-top-1rem {
  margin-top: 1rem !important; }

.margin-top-1d5rem {
  margin-top: 1.5rem !important; }

.margin-top-2d5rem {
  margin-top: 2.5rem !important; }

.margin-right-1rem {
  margin-right: 1rem !important; }

@media screen and (min-width: 40em) {
  .no-margin-bottom--bp10 {
    margin-bottom: 0 !important; }
  .margin-bottom-d25rem--bp10 {
    margin-bottom: .25rem !important; }
  .margin-bottom-d5rem--bp10 {
    margin-bottom: .5rem !important; }
  .margin-bottom-d75rem--bp10 {
    margin-bottom: .75rem !important; }
  .margin-bottom-1rem--bp10 {
    margin-bottom: 1rem !important; }
  .margin-bottom-1d5rem--bp10 {
    margin-bottom: 1.5rem !important; }
  .margin-bottom-2rem--bp10 {
    margin-bottom: 2rem !important; }
  .margin-bottom-3rem--bp10 {
    margin-bottom: 3rem !important; }
  .margin-top-minus-1rem--bp10 {
    margin-top: -1rem !important; }
  .margin-top-d5rem--bp10 {
    margin-top: .5rem !important; }
  .margin-top-1rem--bp10 {
    margin-top: 1rem !important; }
  .margin-top-1d5rem--bp10 {
    margin-top: 1.5rem !important; }
  .margin-top-2d5rem--bp10 {
    margin-top: 2.5rem !important; }
  .margin-right-1rem--bp10 {
    margin-right: 1rem !important; } }

@media screen and (min-width: 48em) {
  .no-margin-bottom--bp20 {
    margin-bottom: 0 !important; }
  .margin-bottom-d25rem--bp20 {
    margin-bottom: .25rem !important; }
  .margin-bottom-d5rem--bp20 {
    margin-bottom: .5rem !important; }
  .margin-bottom-d75rem--bp20 {
    margin-bottom: .75rem !important; }
  .margin-bottom-1rem--bp20 {
    margin-bottom: 1rem !important; }
  .margin-bottom-1d5rem--bp20 {
    margin-bottom: 1.5rem !important; }
  .margin-bottom-2rem--bp20 {
    margin-bottom: 2rem !important; }
  .margin-bottom-3rem--bp20 {
    margin-bottom: 3rem !important; }
  .margin-top-minus-1rem--bp20 {
    margin-top: -1rem !important; }
  .margin-top-d5rem--bp20 {
    margin-top: .5rem !important; }
  .margin-top-1rem--bp20 {
    margin-top: 1rem !important; }
  .margin-top-1d5rem--bp20 {
    margin-top: 1.5rem !important; }
  .margin-top-2d5rem--bp20 {
    margin-top: 2.5rem !important; }
  .margin-right-1rem--bp20 {
    margin-right: 1rem !important; } }

@media screen and (min-width: 56em) {
  .no-margin-bottom--bp25 {
    margin-bottom: 0 !important; }
  .margin-bottom-d25rem--bp25 {
    margin-bottom: .25rem !important; }
  .margin-bottom-d5rem--bp25 {
    margin-bottom: .5rem !important; }
  .margin-bottom-d75rem--bp25 {
    margin-bottom: .75rem !important; }
  .margin-bottom-1rem--bp25 {
    margin-bottom: 1rem !important; }
  .margin-bottom-1d5rem--bp25 {
    margin-bottom: 1.5rem !important; }
  .margin-bottom-2rem--bp25 {
    margin-bottom: 2rem !important; }
  .margin-bottom-3rem--bp25 {
    margin-bottom: 3rem !important; }
  .margin-top-minus-1rem--bp25 {
    margin-top: -1rem !important; }
  .margin-top-d5rem--bp25 {
    margin-top: .5rem !important; }
  .margin-top-1rem--bp25 {
    margin-top: 1rem !important; }
  .margin-top-1d5rem--bp25 {
    margin-top: 1.5rem !important; }
  .margin-top-2d5rem--bp25 {
    margin-top: 2.5rem !important; }
  .margin-right-1rem--bp25 {
    margin-right: 1rem !important; } }

.no-margin-bottom-last-childs > :last-child {
  margin-bottom: 0 !important; }

.no-margin-bottom-last-childs > :last-child > :last-child {
  margin-bottom: 0 !important; }

.no-margin-bottom-last-childs > :last-child > :last-child > :last-child {
  margin-bottom: 0 !important; }

.no-margin-bottom-last-childs > :last-child > :last-child > :last-child > :last-child {
  margin-bottom: 0 !important; }

.no-margin-bottom-last-childs > :last-child > :last-child > :last-child > :last-child > :last-child {
  margin-bottom: 0 !important; }

.no-margin-left {
  margin-left: 0 !important; }

.no-padding-top {
  padding-top: 0 !important; }

.no-padding-bottom {
  padding-bottom: 0 !important; }

.no-padding-left {
  padding-left: 0 !important; }

.no-padding-right {
  padding-right: 0 !important; }

.no-padding {
  padding: 0 !important; }

.padding-top-1rem {
  padding-top: 1rem !important; }

.padding-bottom-2d5rem {
  padding-bottom: 2.5rem !important; }

.padding-bottom-d5rem {
  padding-bottom: .5rem !important; }

.padding-bottom-1rem {
  padding-bottom: 1rem !important; }

.padding-top-1d5rem {
  padding-top: 1.5rem !important; }

.padding-left-checkbox {
  padding-left: 2.2rem !important; }

@media screen and (min-width: 40em) {
  .padding-bottom-1rem--bp10 {
    padding-bottom: 1rem !important; }
  .no-padding-left-checkbox--bp10 {
    padding-left: 0 !important; }
  .padding-left-checkbox--bp10 {
    padding-left: 3.3rem !important; }
  .padding-1d5rem--bp10 {
    padding: 1.5rem !important; } }

@media screen and (min-width: 50em) {
  .padding-left-checkbox--bp22 {
    padding-left: 4rem !important; }
  .no-padding-top--bp22 {
    padding-top: 0 !important; } }

.screen-reader {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px; }

.is-hidden {
  display: none !important; }

.is-visible-block {
  display: block !important; }

.is-visible-inline {
  display: inline !important; }

.is-visible-inline-block {
  display: inline-block !important; }

@media screen and (min-width: 30em) {
  .is-hidden--bp5 {
    display: none !important; }
  .is-visible-block--bp5 {
    display: block !important; }
  .is-visible-inline-block--bp5 {
    display: inline-block !important; } }

@media screen and (min-width: 40em) {
  .is-hidden--bp10 {
    display: none !important; }
  .is-visible-block--bp10 {
    display: block !important; }
  .is-visible-inline-block--bp10 {
    display: inline-block !important; } }

@media screen and (min-width: 48em) {
  .is-hidden--bp20 {
    display: none !important; }
  .is-visible-block--bp20 {
    display: block !important; }
  .is-visible-inline-block--bp20 {
    display: inline-block !important; } }

@media screen and (min-width: 56em) {
  .is-hidden--bp25 {
    display: none !important; }
  .is-visible-block--bp25 {
    display: block !important; } }

@media screen and (min-width: 64em) {
  .is-hidden--bp27 {
    display: none !important; }
  .is-visible-block--bp27 {
    display: block !important; } }

@media screen and (min-width: 68em) {
  .is-visible-block--bp28 {
    display: block !important; } }

.position-relative {
  position: relative !important; }

.background--blue {
  background-color: #2800a0 !important; }

.background--green {
  background-color: #00d66c !important; }

.background--white {
  background-color: #fff !important; }

.background--white-hover {
  background-color: #f5f8fa !important; }

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

.color-green,
.color-green * {
  color: #00d66c !important; }

.color-blue,
.color-blue * {
  color: #2800a0 !important; }

.color-gray-d,
.color-gray-d * {
  color: #ccc !important; }

.color-gray-a,
.color-gray-a * {
  color: #202020 !important; }

.background-image-none {
  background-image: none !important; }
  .background-image-none * {
    background-image: none !important; }

.cursor-pointer {
  cursor: pointer; }

.word-break {
  word-break: break-all;
  -webkit-hyphens: auto;
          hyphens: auto; }

.overflow-break-word {
  overflow-wrap: break-word;
  overflow: auto; }

.with-logo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap; }
  .with-logo__content {
    margin-bottom: 0; }
  .with-logo__img {
    margin-left: 2rem; }
  @media screen and (max-width: 47.9375em) {
    .with-logo {
      flex-wrap: wrap; }
      .with-logo__content {
        width: 100%; }
      .with-logo__img {
        margin-top: 1rem;
        margin-left: 0; } }

body::before {
  height: 0;
  margin: 0;
  display: block;
  visibility: hidden;
  font-size: .01px; }

@media screen and (min-width: 48em) {
  body::before {
    content: 'small'; } }

@media screen and (min-width: 60em) {
  body::before {
    content: 'medium'; } }

@media screen and (min-width: 70em) {
  body::before {
    content: 'large'; } }

.background-image--center {
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat; }

.background-image--darker {
  position: relative; }
  .background-image--darker > * {
    position: relative;
    z-index: 1; }
  .background-image--darker::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    background-color: rgba(0, 0, 0, 0.2); }

[data-app="widget-search-panel"] {
  min-height: 11.5rem; }

/* COMPONENT: breadcrumb */
.breadcrumb {
  margin: 0;
  padding: 0;
  list-style: none; }

.breadcrumb_item {
  position: relative;
  display: inline-block;
  margin: 0 0 0 .25em;
  padding: 0 0 0 1.1em; }
  .breadcrumb_item::before {
    position: absolute;
    left: 0;
    top: 1px;
    margin-left: -.25em;
    font-size: 1.1em;
    line-height: 1.35em;
    speak: none;
    color: #2800a0; }
  .breadcrumb_item:first-child {
    margin-left: 0;
    padding-left: 0; }
    .breadcrumb_item:first-child::before {
      display: none; }

/*
 * COMPONENT: img
 */
.img {
  display: inline-block; }

/*
 * THEME: full-width
 */
.img--full-width {
  width: 100%;
  height: auto; }

/*
 * THEME: full-width-maxed
 */
.img--full-width-maxed {
  max-width: 100%;
  height: auto; }

.price-type-a {
  font-size: 1.25rem;
  color: #00d66c;
  font-weight: bold; }
  .price-type-a--miles {
    font-size: 1rem; }

.price-type-b {
  font-size: 1.25rem;
  color: #202020; }
  .price-type-b--miles {
    font-size: 1rem;
    text-align: right; }

.price-type-c {
  font-size: 1rem;
  font-weight: bold;
  color: #202020;
  text-align: right; }

.price-type-d {
  font-size: 1.25rem;
  font-weight: bold;
  color: #202020;
  text-align: right; }

.price--miles {
  font-size: 1rem; }

.subtotal-row::before, .subtotal-row::after,
.label-price-row::before,
.label-price-row::after {
  content: ' ';
  display: table;
  width: 0; }

.subtotal-row::after,
.label-price-row::after {
  clear: both; }

.subtotal-row .row-label,
.label-price-row .row-label {
  display: block;
  overflow: hidden; }

.subtotal-row .price,
.label-price-row .price {
  float: right;
  margin-left: 1rem; }

.c-price {
  font-size: 1em;
  font-weight: bold; }
  .c-price .currency,
  .c-price .decimal {
    vertical-align: top;
    font-size: 1.25em;
    line-height: 1em; }
  .c-price .integer,
  .c-price .separator {
    font-size: 2.375em;
    line-height: .9em; }
  .c-price .separator {
    display: inline-block;
    margin-left: -.12em; }
  .c-price .decimal {
    margin-left: -.5em;
    display: inline-block; }
  .c-price--green {
    color: #00d66c; }
  .c-price .suffix {
    font-size: 1.5em; }
  .c-price .with-price-label {
    position: relative;
    padding-right: .75em; }
    .c-price .with-price-label.c-price--asterix {
      padding-right: .25em; }
    .c-price .with-price-label .currency,
    .c-price .with-price-label .decimal {
      font-size: 1em; }
    .c-price .with-price-label .price-label {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 5em;
      text-align: left;
      font-size: .5em;
      line-height: 2em;
      font-weight: normal; }

.c-price--type-b {
  font-size: 1.3em; }

.c-price--blue {
  color: #2800a0; }

.c-price--asterix::after {
  content: '*';
  vertical-align: top;
  top: -.25rem;
  position: relative; }

.price {
  position: relative; }

[data-module*='ui/Flipper'][data-initialized*='ui/Flipper'],
.price:not([data-module*='ui/Flipper']) {
  perspective: none;
  position: relative; }
  [data-module*='ui/Flipper'][data-initialized*='ui/Flipper'] .front,
  [data-module*='ui/Flipper'][data-initialized*='ui/Flipper'] .back,
  .price:not([data-module*='ui/Flipper']) .front,
  .price:not([data-module*='ui/Flipper']) .back {
    min-width: 3rem;
    backface-visibility: hidden;
    transition: .6s;
    transform-style: preserve-3d;
    text-align: right; }
  [data-module*='ui/Flipper'][data-initialized*='ui/Flipper'] .back,
  .price:not([data-module*='ui/Flipper']) .back {
    position: absolute;
    top: 0;
    right: 0; }
  [data-module*='ui/Flipper'][data-initialized*='ui/Flipper'] .front,
  .price:not([data-module*='ui/Flipper']) .front {
    position: relative;
    transform: rotateY(0deg);
    z-index: 2; }
    [data-module*='ui/Flipper'][data-initialized*='ui/Flipper'] .front:empty::before,
    .price:not([data-module*='ui/Flipper']) .front:empty::before {
      content: '\00A0'; }
  [data-module*='ui/Flipper'][data-initialized*='ui/Flipper'] .back,
  [data-module*='ui/Flipper'][data-initialized*='ui/Flipper'].is-flipped .front,
  .price:not([data-module*='ui/Flipper']) .back,
  .price:not([data-module*='ui/Flipper']).is-flipped .front {
    transform: rotateX(180deg); }
  [data-module*='ui/Flipper'][data-initialized*='ui/Flipper'].is-flipped .back,
  .price:not([data-module*='ui/Flipper']).is-flipped .back {
    transform: rotateX(0deg); }

.no-csstransforms3d .price .flipper .front {
  visibility: visible; }

.no-csstransforms3d .price .flipper .back {
  visibility: hidden; }

.no-csstransforms3d .price.is-flipped .flipper .front {
  visibility: hidden; }

.no-csstransforms3d .price.is-flipped .flipper .back {
  visibility: visible; }

* {
  /* autoprefixer: off */
  /* autoprefixer bypass to keep box-sizing in working condition for browsers that were 'almost there', but which break the grid without it */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.fields > :last-child,
.list-item > :last-child,
[class*='HV-gs']:not([class*='HV-gs-main']) > :last-child,
[class*='HV-gu']:not(.HV-gu--preserve-last-margin) > :last-child,
.panel_section:not(.preserve-last-margin) > :last-child,
.list > :last-child {
  margin-bottom: 0 !important; }

.fields > :last-child > :last-child,
.list-item > :last-child > :last-child,
[class*='HV-gs']:not([class*='HV-gs-main']) > :last-child > :last-child,
[class*='HV-gu']:not(.HV-gu--preserve-last-margin) > :last-child > :last-child,
.panel_section:not(.preserve-last-margin) > :last-child > :last-child,
.list > :last-child > :last-child {
  margin-bottom: 0 !important; }

.fields > :last-child > :last-child > :last-child,
.list-item > :last-child > :last-child > :last-child,
[class*='HV-gs']:not([class*='HV-gs-main']) > :last-child > :last-child > :last-child,
[class*='HV-gu']:not(.HV-gu--preserve-last-margin) > :last-child > :last-child > :last-child,
.panel_section:not(.preserve-last-margin) > :last-child > :last-child > :last-child,
.list > :last-child > :last-child > :last-child {
  margin-bottom: 0 !important; }

.fields > :last-child > :last-child > :last-child > :last-child,
.list-item > :last-child > :last-child > :last-child > :last-child,
[class*='HV-gs']:not([class*='HV-gs-main']) > :last-child > :last-child > :last-child > :last-child,
[class*='HV-gu']:not(.HV-gu--preserve-last-margin) > :last-child > :last-child > :last-child > :last-child,
.panel_section:not(.preserve-last-margin) > :last-child > :last-child > :last-child > :last-child,
.list > :last-child > :last-child > :last-child > :last-child {
  margin-bottom: 0 !important; }

.fields > :last-child > :last-child > :last-child > :last-child > :last-child,
.list-item > :last-child > :last-child > :last-child > :last-child > :last-child,
[class*='HV-gs']:not([class*='HV-gs-main']) > :last-child > :last-child > :last-child > :last-child > :last-child,
[class*='HV-gu']:not(.HV-gu--preserve-last-margin) > :last-child > :last-child > :last-child > :last-child > :last-child,
.panel_section:not(.preserve-last-margin) > :last-child > :last-child > :last-child > :last-child > :last-child,
.list > :last-child > :last-child > :last-child > :last-child > :last-child {
  margin-bottom: 0 !important; }

.panel-loader {
  position: relative; }
  .panel-loader > .notification-icon {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -1.5em 0 0 -1.5em; }
  .panel-loader.is-loading > .notification-icon {
    display: block; }
  .panel-loader.is-loading > *:not(.notification-icon) {
    opacity: 0;
    visibility: hidden; }
  .panel-loader.is-loaded > * {
    opacity: 1;
    transition: opacity .5s;
    visibility: visible; }
  .panel-loader.is-loaded > .notification-icon {
    opacity: 0;
    transition: opacity .5s; }

@media screen and (min-width: 40em) {
  .aside {
    margin-top: .3em; } }

.element-in-margin::before, .element-in-margin::after {
  content: ' ';
  display: table;
  width: 0; }

.element-in-margin::after {
  clear: both; }

.element-in-margin_element {
  float: left; }

.element-in-margin_content {
  display: block;
  overflow: hidden; }

.banner {
  padding: .75rem 1.25rem;
  background: #00d66c;
  color: #fff;
  border-radius: .75rem; }
  .banner .h5 {
    color: inherit; }

/* stylelint-disable scss/dollar-variable-colon-space-after */
/* stylelint-enable */
.champagne {
  background: #f3e5d8; }

/**
 * MODULE: panel
 */
.panel {
  border-radius: 0.75rem;
  overflow: hidden;
  /**
     * STATE: disabled
     */ }
  .panel.is-disabled .panel_section {
    background: rgba(255, 255, 255, 0.35); }

.panel_content--right {
  float: right !important; }

.panel_content--left {
  float: left !important; }

.panel-grid {
  display: grid !important;
  grid-template-columns: 3fr 1fr; }
  .panel-grid .panel-grid__align-right {
    grid-column-start: 1; }
  @media screen and (min-width: 68em) {
    .panel-grid {
      grid-template-columns: 2fr 1fr; }
      .panel-grid .panel-grid__align-right {
        grid-column-start: 2; } }

/* stylelint-disable scss/dollar-variable-colon-space-after */
/* stylelint-enable */
/* stylelint-disable scss/dollar-variable-colon-space-after */
/* stylelint-enable */
.panel--border {
  border: 0.0625rem solid #ccc; }

.panel--border-left--bp0 {
  border-left: 0.0625rem solid #ccc !important; }

.panel--border-right--bp0 {
  border-right: 0.0625rem solid #ccc !important; }

.panel--border-bottom--bp0 {
  border-bottom: 0.0625rem solid #ccc !important; }

@media screen and (min-width: 40em) {
  .panel--border--bp10 {
    border: 0.0625rem solid #ccc; } }

/**
 * THEME: panel in panel
 */
.panel--rounded-group > .panel {
  border-radius: 0; }

/**
 * THEME: gray-g, mostly for a panel next to another panel
 */
@media screen and (min-width: 48em) {
  .panel--gray-g--bp20 {
    background: #f0f0f0; } }

/**
 * THEME: collapse top side
 */
@media screen and (min-width: 48em) {
  .panel--collapse-top--bp20 {
    border-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0; } }

/**
 * THEME: collapse right side
 */
@media screen and (min-width: 48em) {
  .panel--collapse-right--bp20 {
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; } }

/**
 * THEME: collapse bottom side
 */
@media screen and (min-width: 48em) {
  .panel--collapse-bottom--bp20 {
    border-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; } }

/**
 * THEME: collapse left side
 */
@media screen and (min-width: 48em) {
  .panel--collapse-left--bp20 {
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; } }

/**
 * THEME: with overflowing content that needs to be visible
 */
.panel--overflow {
  overflow: visible; }
  .panel--overflow .panel_section:first-child {
    border-top-left-radius: 0.75rem;
    border-top-right-radius: 0.75rem; }
  .panel--overflow .panel_section:last-child {
    border-bottom-right-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem; }

[role="tabpanel"] .panel_section--content:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

/**
 * THEME: with only overflow
 */
.panel--overflow-only {
  overflow: visible; }

/**
 * THEME: content
 * PART: section
 */
.panel_section {
  padding: .75rem 1rem; }
  .panel_section--content, .panel_section--white {
    background: #fff; }
  .panel_section--fullwidth {
    margin: 0 -1rem;
    padding-right: 1rem;
    padding-left: 1rem; }

/**
 * THEME: top
 */
.panel_section--top {
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem; }

/**
 * THEME: bottom
 */
.panel_section--bottom {
  border-bottom-right-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem; }

@media screen and (min-width: 30em) {
  .panel_section--top--bp5 {
    border-top-left-radius: 0.75rem !important;
    border-top-right-radius: 0.75rem !important; } }

@media screen and (min-width: 56em) {
  .panel_section--no-top--bp25 {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important; } }

/**
 * THEME: secondary
 */
.panel_section--secondary {
  background: rgba(255, 255, 255, 0.35);
  /** Photography override */
  /** Page Takeover override */ }
  .panel_section--secondary.panel_section--photography {
    background: rgba(255, 255, 255, 0.9); }
  .panel_section--secondary.panel_section--takeover {
    background: rgba(255, 255, 255, 0.7); }

/**
 * THEME: content-button
 *
 * Content section specific for preceding a container with overlapping button
 *
 */
.panel_section--content-button {
  padding-bottom: 2.25rem; }
  .panel_section--content-button + .panel_section--button {
    padding-top: 2rem; }

/**
 * THEME: button
 */
.panel_section--button {
  position: relative;
  background: #f7f7f7;
  text-align: center;
  border-bottom-right-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem; }
  .panel_section--button + .button.button--cta-selection.is-active {
    margin-bottom: 2em;
    margin-top: 2em; }

.panel_section--secondary + .panel_section--button {
  background: #fff; }

/**
 * THEME: button for search panel
 */
.panel_section--button-search {
  position: relative;
  background: #fff;
  padding-top: 2rem;
  padding-bottom: 4rem;
  text-align: center; }
  .panel_section--button-search::after {
    content: '';
    display: block;
    width: 11.1875rem;
    height: 2.1875rem;
    background: url("../img/logos/transavia-logo.svg") no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 1rem;
    left: 50%;
    margin-left: -5.9065rem; }
  .panel_section--button-search p {
    text-align: center; }

.panel_logo > img {
  width: 9em;
  height: 9em;
  margin-left: 1.5em; }

/**
 * THEME: notification
 */
.panel_section--notification {
  padding: .75rem;
  background: #9df;
  text-align: center; }

/**
 * THEME: white transparant
 */
.panel_section--white-transparant {
  background: rgba(255, 255, 255, 0.7); }

/**
 * THEME: green, mostly for total amount blocks
 */
.panel_section--green {
  background: #00d66c; }
  .panel_section--green * {
    color: #fff; }

/**
 * THEME: green-dark, mostly for a panel next to another panel
 */
@media screen and (min-width: 48em) {
  .panel_section--green-dark--bp20 {
    background: #00c061; }
    .panel_section--green-dark--bp20 * {
      color: #fff; } }

/**
 * THEME: blue, mostly for selected states
 */
.panel_section--blue {
  background: #2800a0;
  color: #fff; }
  .panel_section--blue * {
    color: #fff; }

/**
 * THEME: ruby, for now only used on hand-luggage service page
 */
.panel_section--ruby {
  background: #ff3268;
  color: #fff; }
  .panel_section--ruby * {
    color: #fff; }

/**
 * THEME: gray-g, mostly for a panel next to another panel
 */
@media screen and (min-width: 48em) {
  .panel_section--gray-g--bp20 {
    background: #f0f0f0; } }

/**
 * THEME: with divider
 */
.panel_section--divider {
  padding-top: .25rem;
  padding-bottom: .25rem; }

/**
 * PART: section-button-container
 */
.panel_section-button-container {
  position: absolute;
  left: 0;
  right: 0;
  top: -1.25rem;
  margin: 0 auto; }
  .panel_section-button-container .button {
    vertical-align: top; }

/**
 * PART: panel--modal-notification
 * specific for the large modal notification in ASA, if all standard seats are given
 * A z-index is needed, otherwise the airplane is on top of the notification
 */
.theme-asa .panel--modal-notification {
  position: relative;
  z-index: 1; }

/**
 * PART: panel--selected
 */
.panel--selected .panel_section--green {
  background: #2800a0; }

.panel--selected .button--selection,
.panel--selected .button--invisible-select {
  display: none; }

.panel--selected .button-call-to-action {
  display: inline-block; }

.panel--selected .icon-font {
  color: #2800a0 !important; }

.panel--selected .panel_section--bottom .icon-font {
  color: #fff !important; }

.panel--not-selected .button-call-to-action {
  display: none; }

@media screen and (min-width: 48em) {
  .panel--postcard {
    display: flex; } }

@media screen and (min-width: 48em) {
  .panel--postcard .panel_section--top {
    order: 2;
    width: 50%;
    border-top-left-radius: 0; } }

.panel--postcard .panel_section--bottom {
  position: relative;
  height: 11.5rem; }
  @media screen and (min-width: 48em) {
    .panel--postcard .panel_section--bottom {
      height: auto;
      width: 50%;
      border-bottom-right-radius: 0; } }
  .panel--postcard .panel_section--bottom::before {
    display: block;
    content: '';
    width: 100%;
    height: 1.125rem;
    position: absolute;
    top: -.6875rem;
    left: 0;
    background: radial-gradient(ellipse at center, #fff 0%, #fff 42%, transparent 46%);
    background-size: 1.25rem 1.25rem; }
    @media screen and (min-width: 48em) {
      .panel--postcard .panel_section--bottom::before {
        width: 1.125rem;
        height: 100%;
        top: 0;
        right: -.5625rem;
        left: auto; } }

@media screen and (min-width: 40em) {
  .panel_section,
  .panel_section--bp10 {
    padding: 1.25rem 1.5rem; }
    .panel_section--fullwidth,
    .panel_section--bp10--fullwidth {
      margin: 0 -1.5rem;
      padding-right: 1.5rem;
      padding-left: 1.5rem; }
  .panel_section--divider {
    padding-top: 0;
    padding-bottom: 0; }
  .panel_section-button-container {
    top: -1.1333rem; }
  .panel_section--notification {
    padding-top: 1rem;
    padding-bottom: 1rem; }
  .panel_section--button-search {
    padding-top: 2rem;
    padding-bottom: 4rem; }
  .panel_section--narrow-top {
    padding-top: 1rem; }
  .panel_section--narrow-bottom {
    padding-bottom: 1rem; }
  .panel_section--narrower-top {
    padding-top: .75rem; }
  .panel_section--narrower-bottom {
    padding-bottom: .75rem; }
  .panel_section--content-button {
    padding-bottom: 2.5rem; }
    .panel_section--content-button + .panel_section--button {
      padding-top: 2.5rem;
      padding-bottom: 1.5rem; }
  .panel_section--button {
    padding-bottom: 1.25rem; } }

@media screen and (min-width: 50em) {
  .panel_section,
  .panel_section--bp22 {
    padding: 1.75rem 2rem; }
    .panel_section--fullwidth,
    .panel_section--bp22--fullwidth {
      margin: 0 -2rem;
      padding-right: 2rem;
      padding-left: 2rem; }
  .panel_section--divider {
    padding-top: 0;
    padding-bottom: 0; }
  .panel_section--content-button {
    padding-bottom: 2.5rem; }
  .panel_section--button {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem; }
  .panel_section-button-container {
    top: -1.125rem; }
    .panel_section-button-container .button:active {
      top: 0.125rem; }
  .panel_section--button-search::after {
    bottom: 1.4rem;
    left: 1.5rem;
    margin-left: 0; }
  .panel_section--button-search p {
    text-align: right; }
  .panel_section--notification {
    padding-top: 1rem;
    padding-bottom: 1rem; }
  .panel_section--narrow-top {
    padding-top: 1rem; }
  .panel_section--narrow-bottom {
    padding-bottom: 1rem; }
  .panel_section--narrower-top {
    padding-top: .75rem; }
  .panel_section--narrower-bottom {
    padding-bottom: .75rem; } }

.grand-total::before, .grand-total::after {
  content: ' ';
  display: table;
  width: 0; }

.grand-total::after {
  clear: both; }

.grand-total * {
  color: #fff; }

.grand-total .h6 {
  line-height: 2.25rem;
  margin-bottom: 0; }

.grand-total__price-container {
  float: right; }

.grand-total__description {
  float: left; }

.grand-total__price-deduction {
  padding-top: .5rem;
  clear: both; }

.grand-total .price {
  font-size: 2.25rem;
  font-weight: bold;
  text-align: right;
  line-height: 1; }
  .grand-total .price + .price {
    margin-top: .25rem; }

.grand-total .price-decimals {
  font-size: 1.25rem; }

.grand-total--miles .h6, .grand-total--multi-currency .h6 {
  line-height: 1.25rem; }
  .grand-total--miles .h6 + .h6, .grand-total--multi-currency .h6 + .h6 {
    margin-top: .375rem; }

.grand-total--miles .price-decimals, .grand-total--multi-currency .price-decimals {
  vertical-align: baseline; }

.grand-total--miles .price {
  font-size: 1.25rem; }

.grand-total--multi-currency .price {
  font-size: 1.5rem; }
  .grand-total--multi-currency .price + .price {
    font-size: 1.25rem;
    font-weight: normal; }

.grand-total--multi-currency .price-decimals {
  font-size: inherit; }

.calculate {
  text-align: right; }
  .calculate button {
    margin-top: 1rem; }

.panel-passenger-details {
  position: relative; }
  .panel-passenger-details > .icon-spinner {
    position: absolute;
    bottom: 1.5rem;
    left: 50%;
    margin-left: -1.5rem;
    z-index: 10; }
  .panel-passenger-details[data-module*='ui/Toggle'] .toggler {
    padding-left: 2rem; }
    .panel-passenger-details[data-module*='ui/Toggle'] .toggler .icon-up {
      display: none; }
    .no-js .panel-passenger-details[data-module*='ui/Toggle'] .toggler {
      padding-left: 0; }
  .panel-passenger-details[data-initialized*='ui/Toggle'].is-disabled {
    cursor: not-allowed; }
    .panel-passenger-details[data-initialized*='ui/Toggle'].is-disabled .toggler {
      cursor: inherit; }
  .panel-passenger-details[data-initialized*='ui/Toggle'].is-complete .icon-success {
    display: block; }
  .panel-passenger-details[data-initialized*='ui/Toggle'] .passenger-baby {
    margin-bottom: 0; }
  .panel-passenger-details[data-initialized*='ui/Toggle'] .toggler {
    position: relative;
    cursor: pointer; }
    .panel-passenger-details[data-initialized*='ui/Toggle'] .toggler .icon-up,
    .panel-passenger-details[data-initialized*='ui/Toggle'] .toggler .icon-down {
      position: absolute;
      left: 0;
      transform: translate(0, 0);
      line-height: inherit; }
    .panel-passenger-details[data-initialized*='ui/Toggle'] .toggler .icon-up {
      display: none; }
  .panel-passenger-details[data-initialized*='ui/Toggle'] .container {
    clear: both;
    opacity: 0; }
  .panel-passenger-details[data-initialized*='ui/Toggle'].is-open .container,
  .panel-passenger-details[data-initialized*='ui/Toggle'] .icon-spinner .container {
    opacity: 1; }
  .panel-passenger-details[data-initialized*='ui/Toggle'].is-open .toggler::before {
    transform: rotate(180deg); }
  .panel-passenger-details[data-initialized*='ui/Toggle'].is-open .toggler .icon-down {
    display: none; }
  .panel-passenger-details[data-initialized*='ui/Toggle'].is-open .toggler .icon-up {
    display: inline-block; }
  .panel-passenger-details[data-initialized*='ui/Toggle'].is-open .passenger-baby {
    margin-bottom: 1.4rem; }
  .panel-passenger-details[data-initialized*='ui/Toggle'].is-open .price {
    display: none; }
  .panel-passenger-details[data-initialized*='ui/Toggle'].is-open .checkfield--main-booker {
    display: block; }
  .panel-passenger-details .depends-on-being-main-booker {
    display: none; }
    .panel-passenger-details .depends-on-being-main-booker.is-visible {
      display: block; }
      .panel-passenger-details .depends-on-being-main-booker.is-visible + label {
        display: none; }
  .panel-passenger-details .stamp {
    display: none;
    float: right;
    margin-bottom: 0; }
  .panel-passenger-details .price {
    float: right;
    line-height: 1.2; }
  .panel-passenger-details .checkfield--main-booker {
    margin-top: 1em;
    overflow: hidden;
    margin-bottom: 1em;
    display: none; }
  .panel-passenger-details .passenger-baby + .checkfield--main-booker {
    position: relative;
    top: -.5em;
    margin-top: 0; }

.flying-blue-label-and-field-container {
  position: relative; }
  .flying-blue-label-and-field-container > .icon-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -1.5rem 0 0 -1.5rem;
    z-index: 10; }

.flying-blue-login {
  display: flex;
  flex-direction: column;
  align-items: center; }
  .flying-blue-login + .notification {
    margin-top: 1rem; }
  .flying-blue-login__logo {
    margin-bottom: 1rem;
    align-self: flex-start; }
  .flying-blue-login__text {
    margin-bottom: 1.5rem; }
  .flying-blue-login__button {
    align-self: flex-end; }
  @media screen and (min-width: 40em) {
    .flying-blue-login {
      flex-direction: row; }
      .flying-blue-login__logo {
        margin: 0;
        align-self: auto; }
      .flying-blue-login__text {
        margin: 0 1.5rem; }
      .flying-blue-login__button {
        align-self: center; } }

.flying-blue-placeholder .miles-info--toggle-opened {
  display: none; }

.flying-blue-placeholder .miles-info--collapsed {
  height: 1rem; }

.flying-blue-placeholder .toggle-element::before {
  display: none; }

.flying-blue-placeholder .button-close {
  display: none; }

.flying-blue-placeholder .is-open .miles-info--toggle-closed {
  display: none; }

.flying-blue-placeholder .is-open .miles-info--toggle-opened {
  display: block; }

.flying-blue-placeholder .is-open .toggle-container {
  margin-top: 1rem; }

.flying-blue-placeholder .is-open .button-open {
  display: none; }

.flying-blue-placeholder .is-open .button-close {
  display: inline-block; }

.flying-blue-logo-header {
  margin-top: -.25em;
  margin-left: -.25em; }
  .flying-blue-logo-header--small {
    width: 4rem; }

/* stylelint-disable scss/dollar-variable-colon-space-after */
/* stylelint-enable */
/* stylelint-disable scss/dollar-variable-colon-space-after */
/* stylelint-enable */
[class*='HV-gw'] {
  max-width: 72rem;
  margin: 0 auto; }

[class*='HV-gw-column-centered'] {
  box-sizing: content-box;
  max-width: 40em; }

[class*='HV-gw-column-centered-type-a'] {
  max-width: 30em; }

[class*='HV-gw-column-centered-type-b'] {
  max-width: 70em; }

[class*='HV-gw-column-centered-type-c'] {
  max-width: 49em; }

[class*='HV-gw-column-centered-type-d'] {
  max-width: 28em; }

[class*='HV-gw-column-centered-type-e'] {
  max-width: 24em; }

[class*='HV-gw-column-centered-type-f'] {
  max-width: 43em; }

[class*='HV-gw-size-5'] {
  max-width: 5em; }

[class*='HV-gw-size-18'] {
  max-width: 18em; }

[class*='HV-gw-size-20'] {
  max-width: 20em; }

[class*='HV-gw-size-21'] {
  margin: 0;
  max-width: 21em; }

[class*='HV-gw-column-centered-size-21'] {
  max-width: 21em; }

[class*='HV-gw-align-right'] {
  margin: 0 0 0 auto; }

[class*='HV-gw-fields'] {
  margin: 0;
  max-width: 41.25em; }

[class*='HV-gc'] {
  flex-wrap: wrap; }
  [class*='HV-gc']::before, [class*='HV-gc']::after {
    content: ' ';
    display: table;
    width: 0; }
  [class*='HV-gc']::after {
    clear: both; }

[class*='HV-gc'] [class*='HV-gu'] {
  float: left;
  width: 100%;
  min-height: 1px; }

[class*='HV-gc'] [class*='--pull-'],
[class*='HV-gc'] [class*='--push-'] {
  position: relative; }

[class*='HV-gs'] {
  display: block; }

@media screen and (min-width: 0) {
  [class*='HV-gc-align-center--bp0'] {
    display: flex;
    justify-content: center; }
  [class*='HV-gc'] [class*='HV-gu--bp0'] {
    display: block;
    clear: none; }
  [class*='HV-gc'] [class*='HV-gu--bp0--x1-'] {
    clear: both; }
  [class*='HV-gc'] .HV-gu--bp0--0p {
    width: 0;
    display: none; }
  [class*='HV-gc'] .HV-gu--bp0--20p {
    width: 20%; }
  [class*='HV-gc'] .HV-gu--bp0--25p {
    width: 25%; }
  [class*='HV-gc'] .HV-gu--bp0--33p {
    width: 33.33%; }
  [class*='HV-gc'] .HV-gu--bp0--40p {
    width: 40%; }
  [class*='HV-gc'] .HV-gu--bp0--50p {
    width: 50%; }
  [class*='HV-gc'] .HV-gu--bp0--60p {
    width: 60%; }
  [class*='HV-gc'] .HV-gu--bp0--66p {
    width: 66.66%; }
  [class*='HV-gc'] .HV-gu--bp0--75p {
    width: 75%; }
  [class*='HV-gc'] .HV-gu--bp0--80p {
    width: 80%; }
  [class*='HV-gc'] [class*='HV-gu-flex--bp0'] {
    display: flex; }
  .HV-gu--bp0--x1-2 {
    padding: 0 0.25em 0 0em; }
  .HV-gu--bp0--x2-2 {
    padding: 0 0em 0 0.25em; }
  .HV-gu--bp0--x1-3 {
    padding: 0 0.33333em 0 0em; }
  .HV-gu--bp0--x2-3 {
    padding: 0 0.16667em 0 0.16667em; }
  .HV-gu--bp0--x3-3 {
    padding: 0 0em 0 0.33333em; }
  .HV-gu-fields--bp0--x1-3 {
    padding: 0 0.33333em 0 0em; }
  .HV-gu-fields--bp0--x2-3 {
    padding: 0 0.16667em 0 0.16667em; }
  .HV-gu-fields--bp0--x3-3 {
    padding: 0 0em 0 0.33333em; }
  .HV-gu-buttons--bp0--x1-2 {
    padding: 0 0.25em 0 0em; }
  .HV-gu-buttons--bp0--x2-2 {
    padding: 0 0em 0 0.25em; }
  .HV-gu-buttons--bp0--x1-3 {
    padding: 0 0.33333em 0 0em; }
  .HV-gu-buttons--bp0--x2-3 {
    padding: 0 0.16667em 0 0.16667em; }
  .HV-gu-buttons--bp0--x3-3 {
    padding: 0 0em 0 0.33333em; }
  [class*='HV-gu--bp0--y'] {
    margin-top: 1em; }
  [class*='HV-gu--bp0--y1-'] {
    margin-top: 0; }
  [class*='HV-gu-small--bp0--y'] {
    margin-top: 0.75rem; }
  [class*='HV-gu-small--bp0--y1-'] {
    margin-top: 0; }
  [class*='HV-gu-collapse--bp0--y'] {
    margin-top: 0; }
  [class*='HV-gu-collapse--bp0--y1-'] {
    margin-top: 0; }
  [class*='HV-gu-fields--bp0--y'] {
    margin-top: 0.5em; }
  [class*='HV-gu-fields--bp0--y1-'] {
    margin-top: 0; }
  [class*='HV-gu-buttons--bp0--y'] {
    margin-top: 0.5em; }
  [class*='HV-gu-buttons--bp0--y1-'] {
    margin-top: 0; }
  [class*='HV-gu-double--bp0--y'] {
    margin-top: 2em; }
  [class*='HV-gu-double--bp0--y1-'] {
    margin-top: 0; }
  [class*='HV-gu-narrowed--bp0--y'] {
    margin-top: 1em; }
  [class*='HV-gu-narrowed--bp0--y1-'] {
    margin-top: 0; }
  [class*='HV-gu-label-field--bp0--y'] {
    margin-top: 0.3em; }
  [class*='HV-gu-label-field--bp0--y1-'] {
    margin-top: 0; }
  [class*='HV-gu-field--bp0--y'] {
    margin-top: 1.25em; }
  [class*='HV-gu-field--bp0--y1-'] {
    margin-top: 0; }
  [class*='HV-gs--bp0'] {
    margin-bottom: 1rem; }
  [class*='HV-gs-type-a--bp0'] {
    margin-bottom: 2em; }
  [class*='HV-gs-type-b--bp0'] {
    margin-bottom: 1.5rem; }
  [class*='HV-gs-type-d--bp0'] {
    margin-bottom: .25em; }
  [class*='HV-gs-type-e--bp0'] {
    margin-bottom: .5em; }
  [class*='HV-gs-type-f--bp0'] {
    margin-bottom: 2.5em; }
  [class*='HV-gs-type-g--bp0'] {
    margin-bottom: 0; }
  [class*='HV-gs-type-h--bp0'] {
    margin-top: 1em; }
  [class*='HV-gs-type-i--bp0'] {
    padding-top: 1.4em;
    margin-bottom: 1.4em;
    clear: both; }
  [class*='HV-gs-field--bp0'] {
    margin-bottom: 1.25em; }
  [class*='HV-gs-main--bp0'] {
    margin: 0;
    padding: .5em 0 0; }
  [class*='HV-gs-label--bp0'] {
    margin-bottom: .3rem; }
  [class*='HV-gw--bp0'] {
    padding: 0 .5rem; }
  [class*='HV-gw-space-right-type-b--bp0'] {
    padding-right: .5em; }
  [class*='HV-gw-space-left-type-a--bp0'] {
    padding-left: .6em; }
  [class*='HV-gw-space-left-type-b--bp0'] {
    padding-left: 2.1em; }
  [class*='HV-gw-delete-row--bp0'] {
    padding-left: 0;
    padding-right: 2.5rem; } }

/* stylelint-disable scss/dollar-variable-colon-space-after */
/* stylelint-enable */
/* stylelint-disable scss/dollar-variable-colon-space-after */
/* stylelint-enable */
@media screen and (min-width: 30em) {
  [class*='HV-gc'] [class*='HV-gu--bp5'] {
    display: block;
    clear: none; }
  [class*='HV-gc'] [class*='HV-gu--bp5--x1-'] {
    clear: both; }
  [class*='HV-gc'] .HV-gu--bp5--0p {
    width: 0;
    display: none; }
  [class*='HV-gc'] .HV-gu--bp5--33p {
    width: 33.33%; }
  [class*='HV-gc'] .HV-gu--bp5--40p {
    width: 40%; }
  [class*='HV-gc'] .HV-gu--bp5--50p {
    width: 50%; }
  [class*='HV-gc'] .HV-gu--bp5--66p {
    width: 66.66%; }
  [class*='HV-gc'] .HV-gu--bp5--60p {
    width: 60%; }
  .HV-gu--bp5--x1-2 {
    padding: 0 0.5em 0 0em; }
  .HV-gu--bp5--x2-2 {
    padding: 0 0em 0 0.5em; }
  .HV-gu-fields--bp5--x1-2 {
    padding: 0 0.25em 0 0em; }
  .HV-gu-fields--bp5--x2-2 {
    padding: 0 0em 0 0.25em; }
  .HV-gu-no-gutter--bp5--x1-2 {
    padding: 0 0 0 0; }
  .HV-gu-no-gutter--bp5--x2-2 {
    padding: 0 0 0 0; }
  [class*='HV-gu--bp5--y'] {
    margin-top: 1em; }
  [class*='HV-gu--bp5--y1-'] {
    margin-top: 0; }
  [class*='HV-gu-fields--bp5--y'] {
    margin-top: 0.5em; }
  [class*='HV-gu-fields--bp5--y1-'] {
    margin-top: 0; }
  [class*='HV-gw--bp5'] {
    padding: 0 2rem; }
  [class*='HV-gw-type-a--bp5'] {
    padding: 0 0 0 45%; }
  [class*='HV-gw-space-left-type-b--bp5'] {
    padding-left: 2.1em; } }

/* stylelint-disable scss/dollar-variable-colon-space-after */
/* stylelint-enable */
/* stylelint-disable scss/dollar-variable-colon-space-after */
/* stylelint-enable */
@media screen and (min-width: 40em) {
  [class*='HV-gc-flex--bp10'] {
    display: flex; }
  [class*='HV-gc'] [class*='HV-gu--bp10'] {
    display: block;
    clear: none; }
  [class*='HV-gc'] [class*='HV-gu--bp10--x1-'] {
    clear: both; }
  [class*='HV-gc'] .HV-gu--bp10--0p {
    width: 0;
    display: none; }
  [class*='HV-gc'] .HV-gu--bp10--10p {
    width: 10%; }
  [class*='HV-gc'] .HV-gu--bp10--20p {
    width: 20%; }
  [class*='HV-gc'] .HV-gu--bp10--25p {
    width: 25%; }
  [class*='HV-gc'] .HV-gu--bp10--30p {
    width: 30%; }
  [class*='HV-gc'] .HV-gu--bp10--33p {
    width: 33.33%; }
  [class*='HV-gc'] .HV-gu--bp10--40p {
    width: 40%; }
  [class*='HV-gc'] .HV-gu--bp10--44p {
    width: 44.44%; }
  [class*='HV-gc'] .HV-gu--bp10--50p {
    width: 50%; }
  [class*='HV-gc'] .HV-gu--bp10--55p {
    width: 55.55%; }
  [class*='HV-gc'] .HV-gu--bp10--60p {
    width: 60%; }
  [class*='HV-gc'] .HV-gu--bp10--66p {
    width: 66.66%; }
  [class*='HV-gc'] .HV-gu--bp10--75p {
    width: 75%; }
  [class*='HV-gc'] .HV-gu--bp10--80p {
    width: 80%; }
  [class*='HV-gc'] .HV-gu--bp10--90p {
    width: 90%; }
  [class*='HV-gc'] .HV-gu--bp10--100p {
    width: 100%; }
  [class*='HV-gc'] [class*='HV-gu-vertical-align-bottom--bp10'] {
    display: flex;
    align-items: flex-end; }
    [class*='HV-gc'] [class*='HV-gu-vertical-align-bottom--bp10'] > * {
      flex-grow: 1; }
  .HV-gu--bp10--x1-1 {
    padding: 0 0em 0 0em; }
  .HV-gu--bp10--x1-2 {
    padding: 0 1em 0 0em; }
  .HV-gu--bp10--x2-2 {
    padding: 0 0em 0 1em; }
  .HV-gu--bp10--x1-3 {
    padding: 0 1.33333em 0 0em; }
  .HV-gu--bp10--x2-3 {
    padding: 0 0.66667em 0 0.66667em; }
  .HV-gu--bp10--x3-3 {
    padding: 0 0em 0 1.33333em; }
  .HV-gu-fields--bp10--x1-2 {
    padding: 0 0.25em 0 0em; }
  .HV-gu-fields--bp10--x2-2 {
    padding: 0 0em 0 0.25em; }
  .HV-gu-label-field--bp10--x1-3 {
    padding: 0 0.66667em 0 0em; }
  .HV-gu-label-field--bp10--x2-3 {
    padding: 0 0.33333em 0 0.33333em; }
  .HV-gu-label-field--bp10--x3-3 {
    padding: 0 0em 0 0.66667em; }
  [class*='HV-gu--bp10--y'] {
    margin-top: 2em; }
  [class*='HV-gu--bp10--y1-'] {
    margin-top: 0; }
  [class*='HV-gu-small--bp10--y'] {
    margin-top: 1em; }
  [class*='HV-gu-small--bp10--y1-'] {
    margin-top: 0; }
  [class*='HV-gu-fields--bp10--y'] {
    margin-top: 0.5em; }
  [class*='HV-gu-fields--bp10--y1-'] {
    margin-top: 0; }
  [class*='HV-gu-panels--bp10--y'] {
    margin-top: 1.5rem; }
  [class*='HV-gu-panels--bp10--y1-'] {
    margin-top: 0; }
  .HV-gu--bp10--pull-30p {
    left: -30%; }
  .HV-gu--bp10--push-30p {
    left: 30%; }
  [class*='HV-gs--bp10'] {
    margin-bottom: 1.5rem; }
  [class*='HV-gs-type-a--bp10'] {
    margin-bottom: 2em; }
  [class*='HV-gs-type-b--bp10'] {
    margin-bottom: 1.5rem; }
  [class*='HV-gs-type-d--bp10'] {
    margin-top: 1.75em; }
  [class*='HV-gs-type-h--bp10'] {
    margin-top: 1.5rem; }
  [class*='HV-gs-main--bp10'] {
    margin: 0;
    padding: 2em 0 0; }
  [class*='HV-gw--bp10'] {
    padding: 0 3em; }
  [class*='HV-gw-size-18'] {
    margin: 0; }
  [class*='HV-gw-column-centered-size-42--bp10'] {
    max-width: 42em; }
  [class*='HV-gw-column-centered-size-full--bp10'] {
    max-width: none; } }

/* stylelint-disable scss/dollar-variable-colon-space-after */
/* stylelint-enable */
/* stylelint-disable scss/dollar-variable-colon-space-after */
/* stylelint-enable */
@media screen and (min-width: 48em) {
  [class*='HV-gc'] [class*='HV-gu--bp20'] {
    display: block;
    clear: none; }
  [class*='HV-gc'] [class*='HV-gu--bp20--x1-'] {
    clear: both; }
  [class*='HV-gc'] .HV-gu--bp20--0p {
    width: 0;
    display: none; }
  [class*='HV-gc'] .HV-gu--bp20--10p {
    width: 10%; }
  [class*='HV-gc'] .HV-gu--bp20--20p {
    width: 20%; }
  [class*='HV-gc'] .HV-gu--bp20--25p {
    width: 25%; }
  [class*='HV-gc'] .HV-gu--bp20--33p {
    width: 33.33%; }
  [class*='HV-gc'] .HV-gu--bp20--66p {
    width: 66.66%; }
  [class*='HV-gc'] .HV-gu--bp20--40p {
    width: 40%; }
  [class*='HV-gc'] .HV-gu--bp20--50p {
    width: 50%; }
  [class*='HV-gc'] .HV-gu--bp20--60p {
    width: 60%; }
  [class*='HV-gc'] .HV-gu--bp20--80p {
    width: 80%; }
  [class*='HV-gc'] .HV-gu--bp20--90p {
    width: 90%; }
  [class*='HV-gc'] [class*='HV-gu-flex--bp20'] {
    display: flex; }
  .HV-gu--bp20--x1-1 {
    padding: 0 0em 0 0em; }
  .HV-gu--bp20--x1-2 {
    padding: 0 1em 0 0em; }
  .HV-gu--bp20--x2-2 {
    padding: 0 0em 0 1em; }
  .HV-gu--bp20--x1-3 {
    padding: 0 1.33333em 0 0em; }
  .HV-gu--bp20--x2-3 {
    padding: 0 0.66667em 0 0.66667em; }
  .HV-gu--bp20--x3-3 {
    padding: 0 0em 0 1.33333em; }
  .HV-gu--bp20--x1-4 {
    padding: 0 1.5em 0 0em; }
  .HV-gu--bp20--x2-4 {
    padding: 0 1em 0 0.5em; }
  .HV-gu--bp20--x3-4 {
    padding: 0 0.5em 0 1em; }
  .HV-gu--bp20--x4-4 {
    padding: 0 0em 0 1.5em; }
  .HV-gu--bp20--x1-5 {
    padding: 0 1.6em 0 0em; }
  .HV-gu--bp20--x2-5 {
    padding: 0 1.2em 0 0.4em; }
  .HV-gu--bp20--x3-5 {
    padding: 0 0.8em 0 0.8em; }
  .HV-gu--bp20--x4-5 {
    padding: 0 0.4em 0 1.2em; }
  .HV-gu--bp20--x5-5 {
    padding: 0 0em 0 1.6em; }
  .HV-gu-collapse--bp20--x1-2 {
    padding: 0 0 0 0; }
  .HV-gu-collapse--bp20--x2-2 {
    padding: 0 0 0 0; }
  .HV-gu-buttons--bp20--x1-2 {
    padding: 0 0.25em 0 0em; }
  .HV-gu-buttons--bp20--x2-2 {
    padding: 0 0em 0 0.25em; }
  .HV-gu-buttons--bp20--x1-5 {
    padding: 0 0.4em 0 0em; }
  .HV-gu-buttons--bp20--x2-5 {
    padding: 0 0.3em 0 0.1em; }
  .HV-gu-buttons--bp20--x3-5 {
    padding: 0 0.2em 0 0.2em; }
  .HV-gu-buttons--bp20--x4-5 {
    padding: 0 0.1em 0 0.3em; }
  .HV-gu-buttons--bp20--x5-5 {
    padding: 0 0em 0 0.4em; }
  .HV-gu-fields--bp20--x1-3 {
    padding: 0 0.66667em 0 0em; }
  .HV-gu-fields--bp20--x2-3 {
    padding: 0 0.33333em 0 0.33333em; }
  .HV-gu-fields--bp20--x3-3 {
    padding: 0 0em 0 0.66667em; }
  .HV-gu-narrowed--bp20--x1-2 {
    padding: 0 3em 0 0em; }
  .HV-gu-narrowed--bp20--x2-2 {
    padding: 0 0em 0 3em; }
  [class*='HV-gu--bp20--y'] {
    margin-top: 2em; }
  [class*='HV-gu--bp20--y1-'] {
    margin-top: 0; }
  [class*='HV-gu-buttons--bp20--y'] {
    margin-top: 0.5em; }
  [class*='HV-gu-buttons--bp20--y1-'] {
    margin-top: 0; }
  [class*='HV-gu-fields--bp20--y'] {
    margin-top: 1em; }
  [class*='HV-gu-fields--bp20--y1-'] {
    margin-top: 0; }
  [class*='HV-gu-narrowed--bp20--y'] {
    margin-top: 3em; }
  [class*='HV-gu-narrowed--bp20--y1-'] {
    margin-top: 0; }
  [class*='HV-gs--bp20'] {
    margin-bottom: 1em; }
  [class*='HV-gs-type-f--bp20'] {
    margin-bottom: 2.5em; }
  [class*='HV-gw-column-centered-type-c--bp20'] {
    max-width: 49em; }
  [class*='HV-gw-space-right-type-a--bp20'] {
    padding-right: 5em; } }

/* stylelint-disable scss/dollar-variable-colon-space-after */
/* stylelint-enable */
/* stylelint-disable scss/dollar-variable-colon-space-after */
/* stylelint-enable */
@media screen and (min-width: 50em) {
  [class*='HV-gc'] [class*='HV-gu--bp22'] {
    display: block;
    clear: none; }
  [class*='HV-gc'] [class*='HV-gu--bp22--x1-'] {
    clear: both; }
  [class*='HV-gc'] .HV-gu--bp22--0p {
    width: 0;
    display: none; }
  [class*='HV-gc'] .HV-gu--bp22--20p {
    width: 20%; }
  [class*='HV-gc'] .HV-gu--bp22--25p {
    width: 25%; }
  [class*='HV-gc'] .HV-gu--bp22--33p {
    width: 33.33%; }
  [class*='HV-gc'] .HV-gu--bp22--50p {
    width: 50%; }
  [class*='HV-gc'] .HV-gu--bp22--60p {
    width: 60%; }
  [class*='HV-gc'] .HV-gu--bp22--66p {
    width: 66.66%; }
  [class*='HV-gc'] .HV-gu--bp22--75p {
    width: 75%; }
  [class*='HV-gc'] .HV-gu--bp22--80p {
    width: 80%; }
  .HV-gu--bp22--x1-2 {
    padding: 0 1em 0 0em; }
  .HV-gu--bp22--x2-2 {
    padding: 0 0em 0 1em; }
  .HV-gu--bp22--x1-3 {
    padding: 0 1.33333em 0 0em; }
  .HV-gu--bp22--x2-3 {
    padding: 0 0.66667em 0 0.66667em; }
  .HV-gu--bp22--x3-3 {
    padding: 0 0em 0 1.33333em; }
  [class*='HV-gu--bp22--y'] {
    margin-top: 2em; }
  [class*='HV-gu--bp22--y1-'] {
    margin-top: 0; }
  [class*='HV-gs--bp22'] {
    margin-bottom: 2rem; }
  [class*='HV-gs-type-f--bp22'] {
    margin-bottom: 1.5rem; }
  [class*='HV-gs-type-h--bp22'] {
    margin-top: 2rem; }
  [class*='HV-gw-column-centered-type-c--bp22'] {
    max-width: 49em; }
  [class*='HV-gw-space-left-type-c--bp22'] {
    padding-left: 1.5em; }
  [class*='HV-gw-space-both-sides-type-c--bp22'] {
    padding-left: 1.5em;
    padding-right: 1.5em; } }

/* stylelint-disable scss/dollar-variable-colon-space-after */
/* stylelint-enable */
/* stylelint-disable scss/dollar-variable-colon-space-after */
/* stylelint-enable */
@media screen and (min-width: 56em) {
  [class*='HV-gc'] [class*='HV-gu--bp25'] {
    display: block;
    clear: none; }
  [class*='HV-gc'] [class*='HV-gu--bp25--x1-'] {
    clear: both; }
  [class*='HV-gc'] .HV-gu--bp25--0p {
    width: 0;
    display: none; }
  [class*='HV-gc'] .HV-gu--bp25--10p {
    width: 10%; }
  [class*='HV-gc'] .HV-gu--bp25--15p {
    width: 15%; }
  [class*='HV-gc'] .HV-gu--bp25--20p {
    width: 20%; }
  [class*='HV-gc'] .HV-gu--bp25--25p {
    width: 25%; }
  [class*='HV-gc'] .HV-gu--bp25--33p {
    width: 33.33%; }
  [class*='HV-gc'] .HV-gu--bp25--40p {
    width: 40%; }
  [class*='HV-gc'] .HV-gu--bp25--50p {
    width: 50%; }
  [class*='HV-gc'] .HV-gu--bp25--66p {
    width: 66.66%; }
  [class*='HV-gc'] .HV-gu--bp25--90p {
    width: 90%; }
  [class*='HV-gc'] .HV-gu--bp25--100p {
    width: 100%; }
  [class*='HV-gc'] .HV-gu--bp25--auto {
    width: auto; }
  .HV-gu--bp25--x1-1 {
    padding: 0 0em 0 0em; }
  .HV-gu--bp25--x1-2 {
    padding: 0 0.75em 0 0em; }
  .HV-gu--bp25--x2-2 {
    padding: 0 0em 0 0.75em; }
  .HV-gu--bp25--x1-3 {
    padding: 0 1em 0 0em; }
  .HV-gu--bp25--x2-3 {
    padding: 0 0.5em 0 0.5em; }
  .HV-gu--bp25--x3-3 {
    padding: 0 0em 0 1em; }
  [class*='HV-gu--bp25--y'] {
    margin-top: 1.5em; }
  [class*='HV-gu--bp25--y1-'] {
    margin-top: 0; }
  [class*='HV-gu-small--bp25--y'] {
    margin-top: 0.75rem; }
  [class*='HV-gu-small--bp25--y1-'] {
    margin-top: 0; }
  [class*='HV-gs-type-b--bp25'] {
    margin-bottom: 0; }
  [class*='HV-gs-type-a--bp25'] {
    margin-bottom: 2em; }
  [class*='HV-gs-type-g--bp25'] {
    margin-bottom: 0; }
  [class*='HV-gw-column-centered-type-c--bp25'] {
    max-width: 49em; }
  [class*='HV-gw-column-centered-size-full--bp25'] {
    max-width: none; } }

/* stylelint-disable scss/dollar-variable-colon-space-after */
/* stylelint-enable */
/* stylelint-disable scss/dollar-variable-colon-space-after */
/* stylelint-enable */
@media screen and (min-width: 64em) {
  [class*='HV-gc'] [class*='HV-gu--bp27'] {
    display: block;
    clear: none; }
  [class*='HV-gc'] [class*='HV-gu--bp27--x1-'] {
    clear: both; }
  [class*='HV-gc'] .HV-gu--bp27--0p {
    width: 0;
    display: none; }
  [class*='HV-gc'] .HV-gu--bp27--10p {
    width: 10%; }
  [class*='HV-gc'] .HV-gu--bp27--20p {
    width: 20%; }
  [class*='HV-gc'] .HV-gu--bp27--25p {
    width: 25%; }
  [class*='HV-gc'] .HV-gu--bp27--30p {
    width: 30%; }
  [class*='HV-gc'] .HV-gu--bp27--33p {
    width: 33.33%; }
  [class*='HV-gc'] .HV-gu--bp27--40p {
    width: 40%; }
  [class*='HV-gc'] .HV-gu--bp27--60p {
    width: 60%; }
  [class*='HV-gc'] .HV-gu--bp27--66p {
    width: 66.66%; }
  [class*='HV-gc'] .HV-gu--bp27--75p {
    width: 75%; }
  [class*='HV-gc'] .HV-gu--bp27--14p {
    width: 14.28%; }
  [class*='HV-gc'] .HV-gu--bp27--28p {
    width: 28.57%; }
  [class*='HV-gc'] .HV-gu--bp27--42p {
    width: 42.85%; }
  [class*='HV-gc'] .HV-gu--bp27--57p {
    width: 57.14%; }
  [class*='HV-gc'] .HV-gu--bp27--71p {
    width: 71.42%; }
  [class*='HV-gc'] .HV-gu--bp27--85p {
    width: 85.71%; }
  [class*='HV-gc'] [class*='HV-gu-flex--bp27'] {
    display: flex; }
  .HV-gu--bp27--x1-1 {
    padding: 0 0em 0 0em; }
  .HV-gu--bp27--x1-2 {
    padding: 0 0.75em 0 0em; }
  .HV-gu--bp27--x2-2 {
    padding: 0 0em 0 0.75em; }
  .HV-gu--bp27--x1-3 {
    padding: 0 1em 0 0em; }
  .HV-gu--bp27--x2-3 {
    padding: 0 0.5em 0 0.5em; }
  .HV-gu--bp27--x3-3 {
    padding: 0 0em 0 1em; }
  .HV-gu-buttons--bp27--x1-2 {
    padding: 0 0.25em 0 0em; }
  .HV-gu-buttons--bp27--x2-2 {
    padding: 0 0em 0 0.25em; }
  .HV-gu-buttons--bp27--x1-7 {
    padding: 0 0.42857em 0 0em; }
  .HV-gu-buttons--bp27--x2-7 {
    padding: 0 0.35714em 0 0.07143em; }
  .HV-gu-buttons--bp27--x3-7 {
    padding: 0 0.28571em 0 0.14286em; }
  .HV-gu-buttons--bp27--x4-7 {
    padding: 0 0.21429em 0 0.21429em; }
  .HV-gu-buttons--bp27--x5-7 {
    padding: 0 0.14286em 0 0.28571em; }
  .HV-gu-buttons--bp27--x6-7 {
    padding: 0 0.07143em 0 0.35714em; }
  .HV-gu-buttons--bp27--x7-7 {
    padding: 0 0em 0 0.42857em; }
  [class*='HV-gu--bp27--y'] {
    margin-top: 1rem; }
  [class*='HV-gu--bp27--y1-'] {
    margin-top: 0; }
  [class*='HV-gu-buttons--bp27--y'] {
    margin-top: 0.5em; }
  [class*='HV-gu-buttons--bp27--y1-'] {
    margin-top: 0; }
  [class*='HV-gs--bp27'] {
    margin-bottom: 1rem; }
  [class*='HV-gs-label--bp27'] {
    margin-bottom: .3rem; }
  [class*='HV-gw-type-c--bp27'] {
    padding: 0 2em; }
  [class*='HV-gw-type-d--bp27'] {
    padding: 0 3em; } }

/* stylelint-disable scss/dollar-variable-colon-space-after */
/* stylelint-enable */
/* stylelint-disable scss/dollar-variable-colon-space-after */
/* stylelint-enable */
@media screen and (min-width: 68em) {
  [class*='HV-gc'] [class*='HV-gu--bp28'] {
    display: block;
    clear: none; }
  [class*='HV-gc'] [class*='HV-gu--bp28--x1-'] {
    clear: both; }
  [class*='HV-gc'] .HV-gu--bp28--33p {
    width: 33.33%; }
  [class*='HV-gc'] .HV-gu--bp28--40p {
    width: 40%; }
  [class*='HV-gc'] .HV-gu--bp28--50p {
    width: 50%; }
  [class*='HV-gc'] .HV-gu--bp28--60p {
    width: 60%; }
  [class*='HV-gc'] .HV-gu--bp28--100p {
    width: 100%; }
  .HV-gu--bp28--x1-1 {
    padding: 0 0em 0 0em; }
  .HV-gu--bp28--x1-2 {
    padding: 0 0.75em 0 0em; }
  .HV-gu--bp28--x2-2 {
    padding: 0 0em 0 0.75em; }
  .HV-gu--bp28--x1-3 {
    padding: 0 1em 0 0em; }
  .HV-gu--bp28--x2-3 {
    padding: 0 0.5em 0 0.5em; }
  .HV-gu--bp28--x3-3 {
    padding: 0 0em 0 1em; }
  [class*='HV-gu--bp28--y'] {
    margin-top: 1.5em; }
  [class*='HV-gu--bp28--y1-'] {
    margin-top: 0; } }

/* stylelint-disable scss/dollar-variable-colon-space-after */
/* stylelint-enable */
/* stylelint-disable scss/dollar-variable-colon-space-after */
/* stylelint-enable */
@media screen and (min-width: 80em) {
  [class*='HV-gc'] [class*='HV-gu--bp30'] {
    display: block;
    clear: none; }
  [class*='HV-gc'] [class*='HV-gu--bp30--x1-'] {
    clear: both; }
  [class*='HV-gc'] .HV-gu--bp30--15p {
    width: 15%; }
  [class*='HV-gc'] .HV-gu--bp30--25p {
    width: 25%; }
  [class*='HV-gc'] .HV-gu--bp30--33p {
    width: 33.33%; }
  [class*='HV-gc'] .HV-gu--bp30--40p {
    width: 40%; }
  [class*='HV-gc'] .HV-gu--bp30--50p {
    width: 50%; }
  [class*='HV-gc'] .HV-gu--bp30--60p {
    width: 60%; }
  [class*='HV-gc'] .HV-gu--bp30--66p {
    width: 66.66%; }
  [class*='HV-gc'] .HV-gu--bp30--85p {
    width: 85%; }
  .HV-gu--bp30--x1-2 {
    padding: 0 1em 0 0em; }
  .HV-gu--bp30--x2-2 {
    padding: 0 0em 0 1em; }
  .HV-gu--bp30--x1-3 {
    padding: 0 1.33333em 0 0em; }
  .HV-gu--bp30--x2-3 {
    padding: 0 0.66667em 0 0.66667em; }
  .HV-gu--bp30--x3-3 {
    padding: 0 0em 0 1.33333em; }
  .HV-gu--bp30--x1-4 {
    padding: 0 1.5em 0 0em; }
  .HV-gu--bp30--x2-4 {
    padding: 0 1em 0 0.5em; }
  .HV-gu--bp30--x3-4 {
    padding: 0 0.5em 0 1em; }
  .HV-gu--bp30--x4-4 {
    padding: 0 0em 0 1.5em; }
  [class*='HV-gu--bp30--y'] {
    margin-top: 2em; }
  [class*='HV-gu--bp30--y1-'] {
    margin-top: 0; }
  [class*='HV-gu-small--bp30--y'] {
    margin-top: 0.75rem; }
  [class*='HV-gu-small--bp30--y1-'] {
    margin-top: 0; } }

/* stylelint-disable scss/dollar-variable-colon-space-after */
/* stylelint-enable */
/* stylelint-disable scss/dollar-variable-colon-space-after */
/* stylelint-enable */
@media screen and (min-width: 70em) {
  [class*='HV-gc'] [class*='HV-gu--bp40'] {
    display: block;
    clear: none; }
  [class*='HV-gc'] [class*='HV-gu--bp40--x1-'] {
    clear: both; }
  [class*='HV-gc'] .HV-gu--bp40--25p {
    width: 25%; }
  [class*='HV-gc'] .HV-gu--bp40--30p {
    width: 29.45%; }
  [class*='HV-gc'] .HV-gu--bp40--40p {
    width: 40%; }
  [class*='HV-gc'] .HV-gu--bp40--53p {
    width: 53.35%; }
  .HV-gu--bp40--x1-2 {
    padding: 0 1em 0 0em; }
  .HV-gu--bp40--x2-2 {
    padding: 0 0em 0 1em; }
  .HV-gu--bp40--x1-4 {
    padding: 0 1.5em 0 0em; }
  .HV-gu--bp40--x2-4 {
    padding: 0 1em 0 0.5em; }
  .HV-gu--bp40--x3-4 {
    padding: 0 0.5em 0 1em; }
  .HV-gu--bp40--x4-4 {
    padding: 0 0em 0 1.5em; }
  [class*='HV-gu--bp40--y'] {
    margin-top: 2em; }
  [class*='HV-gu--bp40--y1-'] {
    margin-top: 0; } }

/* stylelint-disable scss/dollar-variable-colon-space-after */
/* stylelint-enable */
/* stylelint-disable scss/dollar-variable-colon-space-after */
/* stylelint-enable */
.flex-container {
  display: flex !important; }
  .flex-container.space-between {
    justify-content: space-between; }

.flex-item {
  flex-grow: 1; }

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

.flex-stretch-item {
  align-self: stretch; }

.flex-center-item {
  align-self: center; }

.flex-column {
  display: flex !important;
  flex-direction: column; }

.flex-align-bottom {
  display: flex !important;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-end; }

@media screen and (min-width: 40em) {
  .flex--vertical-align-center--bp10 {
    display: flex;
    align-items: center; } }

.header {
  position: relative;
  z-index: 20; }

.header_logo {
  position: relative;
  z-index: 50;
  float: left;
  margin: .5em 1em; }

.header_bar {
  position: relative;
  z-index: 10;
  box-shadow: 0 0.3125em 0.625em 0 rgba(0, 0, 0, 0.15);
  padding: .5em 1em;
  height: 3.25em;
  background-color: #fff; }
  .header_bar::before, .header_bar::after {
    content: ' ';
    display: table;
    width: 0; }
  .header_bar::after {
    clear: both; }

.header--horizontal .header_logo {
  display: none; }

.header--compact {
  line-height: 2.3rem; }
  .header--compact .header_link {
    position: absolute;
    color: #00d66c;
    text-decoration: none; }
    .header--compact .header_link.gos_more-information {
      right: 1em; }
      .header--compact .header_link.gos_more-information .header_link-text {
        display: block; }
  .header--compact .header_link-icon {
    font-size: 1.5em; }
  .header--compact .header_link-text {
    font-size: .875em;
    font-weight: bold;
    display: none; }
  .header--compact .header_title {
    height: 3em;
    display: block;
    margin: 0 1.5em;
    font-size: 1.2em;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-weight: bold;
    color: #00d66c; }
  .header--compact .header_secondary-logo {
    display: none;
    position: absolute;
    top: .4em;
    right: 3em;
    height: 2.5em; }

@media screen and (min-width: 40em) {
  .header--compact .header_title {
    font-size: 1.5em; } }

@media screen and (min-width: 68em) {
  .header--compact .header_link-text {
    display: inline-block; }
  .header--compact .header_title {
    margin: 0 9em; }
  .header--compact .header_secondary-logo {
    display: block; } }

.header--compact--type-a .primary-navigation--horizontal {
  min-width: 2rem; }

.header--compact--type-a .header_title {
  padding: 0 6rem;
  display: inline-block;
  position: absolute;
  z-index: -1;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  height: auto;
  margin: 0; }

.header--compact--type-a .navigation_button-open {
  font-size: 1rem;
  text-decoration: none; }

.header--compact--type-a .navigation_button-close {
  float: right; }

.header--compact--type-a .link-list {
  line-height: 1.5; }

@media screen and (min-width: 40em) {
  .header--compact--type-a .header_title {
    line-height: 1.5em; } }

.logo {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  line-height: 0;
  text-align: left;
  text-indent: -9999px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/logos/transavia-logo.svg); }
  .logo::after {
    content: '';
    display: block;
    padding-top: 19.55307%; }
  .logo img {
    width: 100%;
    display: block; }

/**
 * Homepage
 */
.component_home-header .logo {
  background-image: none; }

.component_home-header .logo--stacked-inverted img {
  opacity: .9; }

/*
 * THEME: inverted
 */
.logo--inverted {
  background-image: url("../img/logos/transavia-logo-inverted.svg"); }
  .logo--inverted::after {
    padding-top: 18.23899%; }

/*
 * THEME: stacked
 */
.logo--stacked {
  background-image: url("../img/logos/transavia-logo-vertical.svg"); }
  .logo--stacked::after {
    padding-top: 122.07792%; }

/*
 * THEME: stacked-inverted
 */
.logo--stacked-inverted {
  opacity: .9;
  background-image: url("../img/logos/transavia-logo-stacked-white.svg"); }
  .logo--stacked-inverted::after {
    padding-top: 120%; }
  .home-col .logo--stacked-inverted::after {
    padding-top: 2rem; }

.navigation a:hover,
.navigation a:focus {
  color: #2800a0; }

.navigation_collapsed-navigation {
  display: none;
  background-color: #f7f7f7; }
  .navigation_collapsed-navigation:target {
    display: block; }
  .js .navigation_collapsed-navigation {
    position: absolute;
    top: 0;
    left: 100%;
    width: 100%; }

.navigation_button-open-wrapper {
  margin-bottom: 0;
  text-align: right;
  float: right; }

.navigation_button-open {
  font-size: 1.5em;
  color: #00d66c;
  text-decoration: none; }

.navigation_button-open_icon {
  color: inherit; }

.navigation_collapsed-navigation-content {
  background-color: #fff; }

.navigation_button-close-wrapper {
  position: relative;
  z-index: 10;
  box-shadow: 0 0.3125em 0.625em 0 rgba(0, 0, 0, 0.15);
  padding: .5em 1em;
  height: 3.25em;
  background-color: #fff; }

.navigation_button-close {
  font-size: 1.5em; }

.navigation_vertical-primary-and-secondary-navigation-wrapper {
  padding: 0 1em;
  padding-bottom: 1px;
  background-color: #fff; }

.navigation--horizontal::before, .navigation--horizontal::after {
  content: ' ';
  display: table;
  width: 0; }

.navigation--horizontal::after {
  clear: both; }

.navigation--horizontal .navigation_button-open-wrapper {
  float: right; }

.navigation--horizontal .navigation_container::before, .navigation--horizontal .navigation_container::after {
  content: ' ';
  display: table;
  width: 0; }

.navigation--horizontal .navigation_container::after {
  clear: both; }

.navigation--horizontal .navigation_horizontal-primary-navigation {
  float: left; }

.navigation--horizontal .navigation_horizontal-secondary-navigation {
  float: right; }

/* stylelint-disable scss/dollar-variable-colon-space-after */
/* stylelint-enable */
.navigation--bbl__icon-account-alt {
  font-size: 1.625rem; }

.navigation--bbl__navigation_button-open {
  margin-left: 1rem; }

.navigation--bbl__account-name {
  margin: 0 .5rem; }

.navigation--bbl__secondary-navigation_list {
  margin: 0;
  padding: 0;
  list-style: none; }

.navigation--bbl__secondary-navigation_list-item {
  border-bottom: 1px solid #ccc;
  padding: .75rem 0;
  margin: 0; }
  .navigation--bbl__secondary-navigation_list-item:first-child {
    padding-top: 0; }
  .navigation--bbl__secondary-navigation_list-item:last-child {
    padding-bottom: .5rem;
    border-bottom: 0; }

.navigation--bbl__secondary-navigation-link {
  text-decoration: none;
  color: #909090; }

.navigation--bbl__navigation_button-close {
  float: right;
  color: #fff; }

.navigation--bbl__navigation_button-close-wrapper {
  background-color: #00d66c;
  color: #fff;
  display: flex;
  align-items: center;
  margin-bottom: 1rem; }

.navigation--bbl__navigation_collapsed-account-name {
  flex: 1;
  margin: 0; }

/* stylelint-disable scss/dollar-variable-colon-space-after */
/* stylelint-enable */
.navigation--personal-account__icon-account-alt {
  font-size: 1.625rem; }

.navigation--personal-account__navigation_button-open {
  margin-left: 1rem; }

.navigation--personal-account__account-name {
  margin: 0 .5rem; }

.navigation--personal-account__secondary-navigation_list {
  margin: 0;
  padding: 0;
  list-style: none; }

.navigation--personal-account__secondary-navigation_list-item {
  border-bottom: 1px solid #ccc;
  padding: .75rem 0;
  margin: 0; }
  .navigation--personal-account__secondary-navigation_list-item:first-child {
    padding-top: 0; }
  .navigation--personal-account__secondary-navigation_list-item:last-child {
    padding-bottom: .5rem;
    border-bottom: 0; }

.navigation--personal-account__secondary-navigation-link {
  text-decoration: none;
  color: #909090; }

.navigation--personal-account__navigation_button-close {
  float: right;
  color: #fff; }

.navigation--personal-account__navigation_button-close-wrapper {
  background-color: #00d66c;
  color: #fff;
  display: flex;
  align-items: center;
  margin-bottom: 1rem; }

.navigation--personal-account__navigation_collapsed-account-name {
  flex: 1;
  margin: 0; }

.primary-navigation_list {
  margin-bottom: 0; }

.primary-navigation_item {
  margin-bottom: 0; }

.primary-navigation_link {
  display: block;
  margin-bottom: 0;
  text-decoration: none; }
  .is-open .primary-navigation_link {
    color: #2800a0; }

.primary-navigation--horizontal {
  min-width: 27em; }
  .primary-navigation--horizontal .primary-navigation_item {
    display: inline-block;
    vertical-align: top;
    margin-right: 1em; }
  .primary-navigation--horizontal .primary-navigation_link {
    line-height: 2.3rem; }
  .primary-navigation--horizontal .primary-navigation_togglepanel {
    width: 100%;
    max-width: 72rem; }
  .primary-navigation--horizontal .primary-navigation_togglepanel-content {
    padding: 0; }

.primary-navigation--vertical .primary-navigation_item .primary-navigation_link {
  padding-bottom: .2em; }

.primary-navigation--vertical .primary-navigation_item + .primary-navigation_item {
  border-top: 0.0625rem solid #e6e6e6; }
  .primary-navigation--vertical .primary-navigation_item + .primary-navigation_item .primary-navigation_link {
    padding: .3em 0 .2em; }

.secondary-navigation_list {
  margin-bottom: 0; }

.secondary-navigation_link {
  color: #00d66c;
  text-decoration: none; }

.secondary-navigation--horizontal .secondary-navigation_item {
  display: inline-block;
  vertical-align: top;
  margin-left: 1em; }

.secondary-navigation--horizontal .secondary-navigation_link {
  line-height: 2.3rem; }
  .secondary-navigation--horizontal .secondary-navigation_link--border-left {
    position: relative;
    margin-left: 1rem; }
    .secondary-navigation--horizontal .secondary-navigation_link--border-left::before {
      content: '';
      position: absolute;
      left: -1rem;
      width: 1px;
      height: .85rem;
      top: 50%;
      transform: translateY(-50%);
      background-color: #00d66c;
      pointer-events: none; }

.secondary-navigation--vertical .secondary-navigation_link {
  display: block;
  padding: .25em 0; }

.tertiary-navigation {
  clear: both;
  background-color: #f7f7f7; }

.tertiary-navigation_list {
  margin-bottom: 0; }

.tertiary-navigation__toggle-selection .link-list li:hover a {
  color: #2800a0; }

.tertiary-navigation__toggle-selection .link-list li:hover::before {
  color: #2800a0; }

.tertiary-navigation--vertical {
  padding: .5em 1em; }
  .tertiary-navigation--vertical .tertiary-navigation__toggle-selection {
    padding: .5em 0 .5em 1.25em; }

.tertiary-navigation--horizontal {
  padding: .25em 1em;
  height: 2rem; }
  .tertiary-navigation--horizontal .tertiary-navigation_list {
    text-align: right; }
  .tertiary-navigation--horizontal .tertiary-navigation_item {
    display: inline-block;
    margin-left: 1em; }
  .tertiary-navigation--horizontal .tertiary-navigation_link {
    font-size: .75rem;
    color: #202020; }

.tertiary-navigation--transparent {
  background-color: rgba(0, 0, 0, 0.3); }
  .tertiary-navigation--transparent .tertiary-navigation_link {
    color: #fff; }
    .tertiary-navigation--transparent .tertiary-navigation_link:hover, .tertiary-navigation--transparent .tertiary-navigation_link:focus {
      color: #fff;
      text-decoration: underline; }

.sub-navigation_link {
  text-decoration: none; }

.sub-navigation--vertical .sub-navigation_item .sub-navigation_link {
  padding-bottom: .125em; }

.sub-navigation--vertical .sub-navigation_item + .sub-navigation_item .sub-navigation_link {
  padding-top: .125em; }

.sub-navigation--vertical .sub-navigation_link {
  display: block;
  color: #202020; }

.sub-navigation--vertical [data-module*='ui/TogglePanel'] {
  display: inline-block; }

.sub-navigation-level-1--vertical .sub-navigation-level-1_list {
  margin-bottom: .75rem; }

.sub-navigation-level-1--horizontal .icon-font {
  transform: none; }

.sub-navigation-level-1--horizontal .sub-navigation-level-1_list {
  margin-bottom: 0; }

.sub-navigation-level-1--horizontal .sub-navigation-level-1_item:nth-child(1) .sub-navigation-level-1_link {
  color: #00d66c; }

.sub-navigation-level-1--horizontal .sub-navigation-level-1_item:nth-child(1) .stamp {
  background-color: #00d66c; }

.sub-navigation-level-1--horizontal .sub-navigation-level-1_item:nth-child(2) .sub-navigation-level-1_link {
  color: #2800a0; }

.sub-navigation-level-1--horizontal .sub-navigation-level-1_item:nth-child(2) .stamp {
  background-color: #2800a0; }

.sub-navigation-level-1--horizontal .sub-navigation-level-1_item:nth-child(3) .sub-navigation-level-1_link {
  color: #ff3268; }

.sub-navigation-level-1--horizontal .sub-navigation-level-1_item:nth-child(3) .stamp {
  background-color: #ff3268; }

.sub-navigation-level-1--horizontal .sub-navigation-level-1_link-text {
  position: relative;
  top: .25em; }

.sub-navigation-level-2--horizontal {
  background-color: #f7f7f7; }
  .sub-navigation-level-2--horizontal .sub-navigation-level-2_list {
    margin-bottom: 0; }
  .sub-navigation-level-2--horizontal .sub-navigation-level-2_link {
    color: #202020; }

.togglepanel-container {
  margin: 0;
  width: 100%;
  position: absolute;
  display: none;
  top: 0;
  opacity: 0;
  z-index: 1000;
  overflow: visible; }
  .togglepanel-container.is-positioning {
    display: block !important;
    opacity: 0 !important;
    transform: none;
    transition: none; }
  .togglepanel-container.is-visible-intermediate {
    display: block;
    transform: scale(0.9); }
  .togglepanel-container.is-visible {
    display: block;
    opacity: 1;
    transform: scale(1);
    transition: opacity .3s ease-out, transform .1s ease-in; }
  .togglepanel-container .togglepanel-arrow {
    width: 2.5em;
    height: 2.5em;
    bottom: 100%;
    left: 50%;
    margin-left: -1.25em;
    margin-top: -0.0625em;
    overflow: hidden;
    position: absolute;
    z-index: 101; }
    .togglepanel-container .togglepanel-arrow em {
      position: absolute;
      width: 1em;
      height: 1em;
      content: '';
      background-color: #fff;
      left: 50%;
      margin-left: -0.5em;
      bottom: -0.5em;
      border-radius: 0.125em 0;
      transform: rotate(45deg);
      border: 0.0625em solid #909090;
      transition: background-color .3s ease-out; }
  .togglepanel-container.position-top .togglepanel-arrow {
    height: .75em;
    top: 100%;
    bottom: auto;
    left: 50%;
    right: auto;
    margin-top: -0.0625em; }
    .togglepanel-container.position-top .togglepanel-arrow em {
      left: 50%;
      right: auto;
      margin-left: -0.5em;
      margin-top: 0;
      bottom: auto;
      top: -0.5em;
      border-radius: 0.125em 0; }
  .togglepanel-container.position-right .togglepanel-arrow {
    top: 50%;
    bottom: auto;
    right: 100%;
    left: auto;
    margin-top: -1.25em;
    margin-left: 0;
    margin-right: -0.0625em; }
    .togglepanel-container.position-right .togglepanel-arrow em {
      left: auto;
      right: -0.5em;
      margin-left: 0;
      margin-top: -0.5em;
      bottom: auto;
      top: 50%;
      border-radius: 0 0.125em; }
  .togglepanel-container.position-bottom .togglepanel-arrow {
    top: auto;
    bottom: 100%;
    left: 50%;
    right: auto;
    margin-left: -1.25em;
    margin-bottom: -0.0625em; }
    .togglepanel-container.position-bottom .togglepanel-arrow em {
      left: 50%;
      right: auto;
      margin-left: -0.5em;
      margin-top: 0;
      bottom: -0.5em;
      top: auto;
      border-radius: 0.125em 0; }
  .togglepanel-container.position-left .togglepanel-arrow {
    top: 50%;
    bottom: auto;
    left: 100%;
    right: auto;
    margin-top: -1.25em;
    margin-left: -0.0625em; }
    .togglepanel-container.position-left .togglepanel-arrow em {
      left: -0.5em;
      right: auto;
      margin-left: 0;
      margin-top: -0.5em;
      bottom: auto;
      top: 50%;
      border-radius: 0 0.125em; }
  .togglepanel-container.togglepanel-incomplete-warning .close:not(.close-link) {
    color: #ccc; }
    .togglepanel-container.togglepanel-incomplete-warning .close:not(.close-link):hover {
      color: #909090; }
  .togglepanel-container.togglepanel-incomplete-warning .heading {
    background-color: #f7f7f7; }
  .togglepanel-container.togglepanel-incomplete-warning .button-tertiary {
    font-size: .875em; }

.togglepanel,
.togglepanel-content {
  padding: .625em;
  background: #fff;
  border-radius: .375rem;
  border: 0.0625em solid #909090; }

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

.togglepanel li {
  text-align: center; }
  .togglepanel li a {
    display: block;
    line-height: 2; }

.togglepanel .is-disabled {
  color: #ccc;
  cursor: not-allowed; }

.togglepanel .is-selected {
  background: #2800a0;
  border-radius: .25em; }

.togglepanel .is-selected a {
  color: #fff; }
  .togglepanel .is-selected a::before {
    width: 1.35em;
    margin-right: .25em;
    height: .75em; }

/* specific togglepanel styling-fixes for Tooltip Dialog popup trigger */
[data-module='ui/TooltipDialog'] [data-module='ui/TogglePanel'] {
  position: absolute;
  width: 100%;
  height: 100%; }

/* specific togglepanel styling for Hold Luggage Weight popup */
.togglepanel-container[data-togglepanel='holdluggage'] {
  margin: .25em 0 0; }
  .togglepanel-container[data-togglepanel='holdluggage'] .is-selected a::before {
    position: relative;
    margin-right: -1em;
    width: 1.5em;
    left: -1.25em; }

/* specific togglepanel styling for Datepicker popup */
.togglepanel-container[data-togglepanel^='dp'] {
  width: auto;
  margin: -.4em; }
  .togglepanel-container[data-togglepanel^='dp'] .togglepanel {
    padding: 0;
    overflow: hidden; }

.asa-togglepanel-content {
  display: none; }

.togglepanel-asa .togglepanel {
  padding: 0; }
  .togglepanel-asa .togglepanel a,
  .togglepanel-asa .togglepanel span {
    display: inline;
    line-height: 1; }

.togglepanel-asa .heading {
  padding: 1.25em 1em .01em;
  background: #f7f7f7;
  text-align: center;
  border-bottom-right-radius: .4375em;
  border-bottom-left-radius: .4375em; }
  .togglepanel-asa .heading .display-name {
    margin-bottom: 0;
    padding-bottom: 1.4em;
    color: #606060; }

.togglepanel-asa .button-tertiary {
  font-weight: normal;
  text-align: center; }
  .togglepanel-asa .button-tertiary::before {
    font-size: 1.1rem;
    line-height: 1.35rem;
    color: #2800a0; }
  .togglepanel-asa .button-tertiary:hover, .togglepanel-asa .button-tertiary:hover::before {
    color: #ff3268; }

.togglepanel-asa .footnote {
  padding-bottom: 0; }
  .togglepanel-asa .footnote p {
    font-size: .75em !important; }
  .togglepanel-asa .footnote p + p {
    margin-top: 1.25em; }

.togglepanel-asa[data-togglepanel='asa-standard'] .content .seat-type,
.togglepanel-asa[data-togglepanel='asa-standard'] .content .seat-price, .togglepanel-asa[data-togglepanel='asa-legroom'] .content .seat-type,
.togglepanel-asa[data-togglepanel='asa-legroom'] .content .seat-price {
  color: #202020; }

.togglepanel-asa[data-togglepanel='asa-standard'] .content .optional-text, .togglepanel-asa[data-togglepanel='asa-legroom'] .content .optional-text {
  color: #606060; }

.togglepanel-asa .content {
  padding: 1.25em 1em 0;
  margin-bottom: 1.25em;
  text-align: center; }
  .togglepanel-asa .content h4,
  .togglepanel-asa .content p {
    padding-bottom: 0;
    margin-bottom: 1.25em; }
  .togglepanel-asa .content .seat-type,
  .togglepanel-asa .content .seat-price {
    color: #202020; }
  .togglepanel-asa .content .seat-type + .seat-price {
    margin-top: -1.25em;
    font-weight: bold;
    font-size: 1.25rem; }
  .togglepanel-asa .content .footnote p {
    margin: 0; }

.togglepanel-asa.togglepanel-asa-legroom .heading {
  background: #f7f7f7; }

.togglepanel-asa.togglepanel-asa-remove .seat-type {
  margin-bottom: 0;
  padding: 0 1rem; }

.togglepanel-asa.togglepanel-asa-remove .content,
.togglepanel-asa.togglepanel-asa-remove .seat-type,
.togglepanel-asa.togglepanel-asa-remove .close:hover {
  color: #202020; }

.togglepanel-asa.togglepanel-asa-remove .close {
  color: #606060; }

.togglepanel-asa.togglepanel-asa-remove .content .seat-type + .seat-price {
  margin-top: 0; }

.togglepanel-asa.togglepanel-asa-remove .heading {
  background-color: #f7f7f7; }
  .togglepanel-asa.togglepanel-asa-remove .heading::before, .togglepanel-asa.togglepanel-asa-remove .heading::after {
    content: ' ';
    display: table;
    width: 0; }
  .togglepanel-asa.togglepanel-asa-remove .heading::after {
    clear: both; }

.togglepanel-asa.togglepanel-conditions h4 {
  margin-bottom: 1em;
  text-align: center; }

.togglepanel-asa.togglepanel-conditions li {
  text-align: left;
  font-size: .75em; }

.togglepanel-asa.togglepanel-conditions .footnote p {
  margin: 0;
  padding-bottom: 1.666666666666667em; }

.togglepanel-asa .conditions {
  padding: 1.25em 1.25em .1em;
  background: #fff;
  display: none;
  text-align: center;
  border-radius: .4375em; }
  .togglepanel-asa .conditions .scrollable p {
    margin-bottom: .5em;
    text-align: left;
    font-size: .875em;
    font-weight: bold; }

.togglepanel-asa .is-visible .conditions {
  display: block; }

.togglepanel-asa .close:not(.button) {
  position: absolute;
  top: .3333rem;
  right: .6rem;
  color: #ccc;
  font-size: 2rem;
  text-decoration: none; }
  .togglepanel-asa .close:not(.button):hover {
    color: #909090;
    text-decoration: none; }

.togglepanel-container[data-togglepanel='map-destination'] {
  width: 13rem; }
  .togglepanel-container[data-togglepanel='map-destination'].position-top .togglepanel-arrow,
  .togglepanel-container[data-togglepanel='map-destination'].position-bottom .togglepanel-arrow {
    height: 0.75em; }
  .togglepanel-container[data-togglepanel='map-destination'].position-left .togglepanel-arrow,
  .togglepanel-container[data-togglepanel='map-destination'].position-right .togglepanel-arrow {
    width: 0.75em; }
  .togglepanel-container[data-togglepanel='map-destination'] .togglepanel {
    padding: 0; }
    .togglepanel-container[data-togglepanel='map-destination'] .togglepanel.no-routes .destination_content {
      border-radius: .375rem; }
    .togglepanel-container[data-togglepanel='map-destination'] .togglepanel.no-routes .destination_action {
      display: none; }
  .togglepanel-container[data-togglepanel='map-destination'] .destination_content {
    padding: 1.188rem .875rem;
    border-radius: .375rem .375rem 0 0;
    background-size: auto; }
    .togglepanel-container[data-togglepanel='map-destination'] .destination_content p {
      font-size: .875em;
      line-height: 1.42857em;
      margin-bottom: .5em; }
  .togglepanel-container[data-togglepanel='map-destination'] .destination_header {
    padding-right: .5em; }
  .togglepanel-container[data-togglepanel='map-destination'] a:link {
    font-weight: normal;
    font-size: .875rem;
    text-decoration: underline; }
  .togglepanel-container[data-togglepanel='map-destination'] .destination_action {
    padding: 1.188rem .875rem;
    margin: 0 0 -2px;
    border-radius: 0 0 .375rem .375rem;
    background-color: #2800a0; }
    .togglepanel-container[data-togglepanel='map-destination'] .destination_action .button {
      display: block;
      text-align: center;
      font-weight: bold;
      font-size: 1rem; }
  .togglepanel-container[data-togglepanel='map-destination'] .destination_price-container {
    margin-bottom: .5rem;
    color: #fff;
    font-size: .875em;
    text-align: center;
    font-weight: bold; }
    .togglepanel-container[data-togglepanel='map-destination'] .destination_price-container .price {
      display: block;
      line-height: inherit;
      white-space: nowrap;
      font-size: 2.28571em; }
  .togglepanel-container[data-togglepanel='map-destination'] .error {
    padding: 1.5em 3.75em 1.5em 1.5em;
    font-size: .625em; }
  .togglepanel-container[data-togglepanel='map-destination'] .close {
    cursor: pointer;
    width: 1.5em;
    height: 1.5em;
    position: absolute;
    right: 1em;
    top: 1em;
    z-index: 1002;
    color: #909090;
    text-decoration: none !important; }
    .togglepanel-container[data-togglepanel='map-destination'] .close::after {
      position: absolute;
      right: 0;
      top: 0;
      font-size: 1.125rem;
      line-height: 1;
      content: 'x';
      z-index: 1003; }
    .togglepanel-container[data-togglepanel='map-destination'] .close:hover {
      color: #ff3268; }

@media screen and (min-width: 30em) {
  .togglepanel-container.togglepanel-asa, .togglepanel-container[data-togglepanel='navmobile'] {
    width: 14em; }
  .togglepanel-container.needs-conditions, .togglepanel-container.togglepanel-incomplete-warning, .togglepanel-container.togglepanel-asa-adjacent {
    width: 15.5em; } }

@media screen and (min-width: 30.0625em) {
  .togglepanel-container {
    width: 9.25em; }
    .togglepanel-container.togglepanel-language, .togglepanel-container.togglepanel-currency, .togglepanel-container.togglepanel-login {
      width: 22em; }
      .togglepanel-container.togglepanel-language .togglepanel-content, .togglepanel-container.togglepanel-currency .togglepanel-content, .togglepanel-container.togglepanel-login .togglepanel-content {
        padding: 1.5em; }
        .togglepanel-container.togglepanel-language .togglepanel-content a.close, .togglepanel-container.togglepanel-currency .togglepanel-content a.close, .togglepanel-container.togglepanel-login .togglepanel-content a.close {
          position: absolute;
          top: .3333rem;
          right: .6rem;
          color: #202020;
          text-decoration: none; }
    .togglepanel-container.togglepanel-login .panel_section {
      padding: 1.75rem 0 0; }
    .togglepanel-container.togglepanel-currency, .togglepanel-container.togglepanel-login {
      width: 18em; } }

@media screen and (min-width: 80em) {
  .togglepanel .is-selected a {
    background-position: 0 .3125em; } }

.togglepanel-secondary-navigation-bbl,
.togglepanel-secondary-navigation-personal-account {
  width: 17rem; }
  .togglepanel-secondary-navigation-bbl__list,
  .togglepanel-secondary-navigation-personal-account__list {
    padding: 0;
    margin: 0; }
  .togglepanel-secondary-navigation-bbl__list-item,
  .togglepanel-secondary-navigation-personal-account__list-item {
    list-style: none;
    border-bottom: 1px solid #ccc;
    padding: .75rem 0;
    margin: 0 .75rem; }
    .togglepanel-secondary-navigation-bbl__list-item:first-child,
    .togglepanel-secondary-navigation-personal-account__list-item:first-child {
      padding-top: 0; }
    .togglepanel-secondary-navigation-bbl__list-item:last-child,
    .togglepanel-secondary-navigation-personal-account__list-item:last-child {
      padding-bottom: 0;
      border-bottom: 0; }
  .togglepanel-secondary-navigation-bbl__link,
  .togglepanel-secondary-navigation-personal-account__link {
    text-decoration: none;
    color: #909090; }

.togglepanel-sub-navigation {
  width: 100%;
  max-width: 35rem; }
  .togglepanel-sub-navigation .sub-navigation--list {
    margin-bottom: 0; }
    .togglepanel-sub-navigation .sub-navigation--list a {
      display: flex;
      white-space: nowrap; }
  .togglepanel-sub-navigation .sub-navigation--item-title {
    flex: 1 1 auto;
    padding: 0 6px;
    margin-right: auto; }
  .togglepanel-sub-navigation .sub-navigation--show-more {
    display: block;
    padding-left: 18px;
    margin-top: .4em;
    text-decoration: none; }

.theme.theme-splash {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover; }
  .theme.theme-splash .splashpage {
    padding-top: 1rem; }
    .theme.theme-splash .splashpage::after {
      width: 100%;
      max-width: 18.75rem;
      height: 3.25rem;
      padding-bottom: 2rem;
      content: '';
      display: block;
      background: url("../img/logos/transavia-logo.svg") no-repeat left top;
      background-size: contain; }
    .theme.theme-splash .splashpage h1 {
      color: #fff; }
    .theme.theme-splash .splashpage .language-switch_list {
      padding: 0; }
      .theme.theme-splash .splashpage .language-switch_list li {
        list-style-type: none;
        padding-bottom: .5rem; }
        .theme.theme-splash .splashpage .language-switch_list li a {
          text-decoration: none; }

@media screen and (min-width: 48em) {
  .theme.theme-splash .splashpage {
    max-width: 24.125rem;
    margin: 0 0 0 2.5rem;
    padding-top: 5.5rem;
    position: relative; }
    .theme.theme-splash .splashpage::after {
      background: url("../img/logos/transavia-logo-vertical.svg") no-repeat left top;
      background-size: contain;
      height: 10rem;
      width: 8.188rem;
      max-width: none; } }

.fields.country-language {
  overflow: hidden; }
  .fields.country-language li {
    width: 50%;
    height: 8.5em;
    float: left;
    clear: none; }
    .fields.country-language li:nth-child(2n) {
      clear: right; }
  .fields.country-language .languages {
    margin: 0;
    padding: 0;
    list-style-type: none; }
    .fields.country-language .languages li {
      float: none;
      height: auto;
      margin-top: .25em; }

@media screen and (min-width: 40em) {
  .fields.country-language li {
    width: 33.33333%; }
    .fields.country-language li:nth-child(2n) {
      clear: none; }
    .fields.country-language li:nth-child(3n) {
      clear: right; } }

.c-passengers-form-component.toggle-panel-is-open .notification-error {
  display: none; }

.c-passengers-form-component.toggle-panel-is-open .notification-error-label {
  color: #202020; }
  .booking-search-combinations .c-passengers-form-component.toggle-panel-is-open .notification-error-label.h3 {
    color: #00d66c; }

.c-passengers-form-component .togglepanel-container.togglepanel-passengers {
  z-index: 200; }

.c-passengers-form-component .togglepanel-passengers {
  width: 20em; }
  .c-passengers-form-component .togglepanel-passengers .togglepanel {
    padding: 0; }
  .c-passengers-form-component .togglepanel-passengers .passengers {
    padding: 1em 1em 0; }
  .c-passengers-form-component .togglepanel-passengers .button-container {
    background-color: #00d66c;
    padding-top: .75em;
    padding-bottom: .85em;
    border-bottom-left-radius: .375rem;
    border-bottom-right-radius: .375rem; }

.c-passengers-form-component .passengers-input-container {
  position: relative; }

.c-passengers-form-component .textfield .icon-passenger {
  position: absolute;
  top: 54%;
  right: .45em;
  transform: translateY(-50%);
  font-size: 1.4em;
  color: #2800a0;
  cursor: pointer; }

.c-passengers-form-component .passengers select {
  font-size: 1.25em; }

.c-passengers-form-component .passengers label {
  line-height: 1.3; }

.c-passengers-form-component .passengers .sub-label {
  display: block;
  font-size: .75em;
  font-weight: normal;
  line-height: inherit;
  color: #909090; }

.c-passengers-form-component [readonly] {
  padding-right: 2em; }

@media screen and (min-width: 40em) {
  .c-passengers-form-component .passengers .spinner {
    font-size: .75em;
    text-align: right; } }

.footer {
  clear: both; }
  .footer .services {
    padding: 1rem 0 .1rem;
    background: #f7f7f7;
    position: relative; }
    .footer .services .social-media li a {
      margin-bottom: 0; }
  .footer h2 {
    text-align: center; }
  .footer a {
    color: #909090;
    font-weight: normal;
    font-size: .75rem;
    white-space: nowrap;
    text-decoration: none; }
    .footer a:hover {
      color: #ff3268; }
    .footer a:focus {
      outline: thin dotted #606060; }
  .footer ul {
    padding: 0;
    list-style-type: none; }
  .footer .social-media {
    margin: 0;
    text-align: center; }
    .footer .social-media::before, .footer .social-media::after {
      content: ' ';
      display: table;
      width: 0; }
    .footer .social-media::after {
      clear: both; }
    .footer .social-media li {
      width: 33%;
      display: inline-block;
      margin-right: -.4rem; }
    .footer .social-media a {
      display: block;
      text-align: center;
      color: transparent;
      font-weight: bold;
      font-size: .1px; }
      .footer .social-media a:focus {
        outline: 0;
        transform: scale(0.875); }
      .footer .social-media a > span {
        width: 3rem;
        height: 3rem;
        margin: 0 auto .5rem;
        border-radius: 50%;
        color: #fff;
        display: block;
        position: relative;
        font-size: 1.5rem;
        line-height: 3rem;
        text-align: center;
        transition: transform .1s;
        font-weight: normal;
        transform-origin: 50%;
        -webkit-font-smoothing: antialiased; }
        .footer .social-media a > span:hover, .footer .social-media a > span:active {
          transform: scale(0.875); }
    .footer .social-media li:nth-child(4n + 1) a > span {
      background-color: #00d66c; }
    .footer .social-media li:nth-child(4n + 2) a > span {
      background-color: #2800a0; }
    .footer .social-media li:nth-child(4n + 3) a > span {
      background-color: #ff3268; }
    .footer .social-media li:nth-child(4n + 4) a > span {
      background-color: #eedac8;
      color: #2800a0; }
  .footer .service-links {
    padding: 1em 0; }
    .footer .service-links [data-initialized*='ui/Toggle'] .toggler {
      padding: 0;
      cursor: pointer; }
      .footer .service-links [data-initialized*='ui/Toggle'] .toggler::before {
        margin-right: .2em; }
    .footer .service-links [data-initialized*='ui/Toggle'] ul {
      padding: 0 1.25em; }
  .footer .legal-info {
    background: #f7f7f7;
    padding: 1em 0 .5em; }
    .footer .legal-info h3 {
      display: none; }
    .footer .legal-info ul {
      padding: 0;
      overflow: hidden;
      list-style: none; }
      .footer .legal-info ul li {
        line-height: 1rem; }
  .footer .footer-branding {
    text-align: justify;
    font-size: .75em; }
    .footer .footer-branding::before, .footer .footer-branding::after {
      content: ' ';
      display: table;
      width: 0; }
    .footer .footer-branding::after {
      clear: both; }
    .footer .footer-branding img {
      width: 100%;
      max-width: 13em; }
    .footer .footer-branding.footer-cobranding {
      font-size: 1em; }
      .footer .footer-branding.footer-cobranding img {
        width: auto;
        max-width: 6.6em;
        margin-top: 1em;
        display: block; }
      .footer .footer-branding.footer-cobranding .cobranding {
        width: auto;
        max-width: 8.125em;
        max-height: 4em; }
    .footer .footer-branding a + a img {
      margin-left: 2em; }
  .footer.partner-portal .service-links {
    background: #f7f7f7;
    padding-top: 2rem; }
  .footer.partner-portal .legal-info {
    background: transparent; }

.footer-helpcenter {
  text-align: center; }
  .footer-helpcenter .footer-helpcenter-container {
    margin: 1rem 0; }
  .footer-helpcenter .button {
    font-size: 1rem;
    font-weight: bold; }

@media screen and (max-width: 20em) {
  .footer .footer-branding a + a img {
    margin-left: 0; }
  .footer .footer-branding .cobranding {
    margin: 0 2em 1em 0; } }

@media screen and (min-width: 30em) {
  .footer .services {
    padding: 1rem 0 .1rem; }
  .footer .social-media {
    margin: 0 0 .5rem; }
    .footer .social-media a {
      font-size: .75rem;
      color: #909090; }
    .footer .social-media li {
      width: 16.66667%;
      padding-bottom: 1em; } }

@media screen and (min-width: 40em) {
  .footer .legal-info ul li {
    margin-right: 1em;
    float: left; }
  .footer .footer-branding {
    text-align: right; }
    .footer .footer-branding.footer-cobranding img {
      display: inline-block; }
    .footer .footer-branding.footer-cobranding img + img {
      margin-left: 1.5em;
      max-width: none; } }

@media screen and (min-width: 80em) {
  .footer .social-media a span::after {
    top: .3em; } }

.theme {
  margin-top: -2rem;
  padding-top: 2rem;
  clear: both;
  padding-bottom: .1px;
  background-repeat: no-repeat;
  background-size: 100% 25%, cover;
  background-position: bottom, 0 0; }

.theme-asa {
  overflow-x: hidden;
  background-color: #f3e5d8; }
  .theme-asa .main {
    padding-bottom: 0; }

.theme-bbl {
  overflow: hidden;
  background-color: #f3e5d8;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../img/theme/beach-portrait_small.jpg"); }
  @media screen and (min-width: 40.125em) {
    .theme-bbl {
      /* 3:2 original @ 66% */
      background-image: url("../img/theme/beach-medium.jpg"); } }
  @media screen and (min-width: 80em) {
    .theme-bbl {
      /* 2.4:1 (12:5) crop around vertical position of focus point */
      background-image: url("../img/theme/beach-wide.jpg"); } }
  @media (-webkit-min-device-pixel-ratio: 2) and (max-width: 40em), (min-resolution: 192dpi) and (max-width: 40em) {
    .theme-bbl {
      /* retina small-screen: use the large portrait version: 2:3 crop @ 100% */
      background-image: url("../img/theme/beach-portrait_large.jpg"); } }

.theme-champagne {
  background-color: #f3e5d8; }

.theme-green {
  background-color: #00d66c; }

@media screen and (min-width: 40em) {
  .theme-asa {
    background-image: url("../img/theme/asa-landscape02.jpg");
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-color: #a8bcd7;
    background-attachment: fixed;
    background-size: 100%; }
    .performance-limited .theme-asa {
      background-image: none; }
    .theme-asa.flying {
      animation: flying-landscape-orientation 100s 1 cubic-bezier(0.25, 0, 1, 1);
      animation-fill-mode: forwards; }
    .performance-partial .theme-asa.flying {
      animation: none; }
    .theme-asa .cloud-container {
      overflow: hidden;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
    .theme-asa .clouds {
      position: absolute;
      left: 0;
      bottom: 100%;
      right: 0;
      height: 100%;
      background-image: url("../img/asa/cloud_small01.png");
      background-repeat: no-repeat;
      background-attachment: scroll;
      background-size: cover;
      background-position: 0 0; }
      .theme-asa .clouds.animated {
        animation: clouds 8s 1 linear; }
    .performance-partial .theme-asa {
      background-attachment: scroll;
      background-image: url("../img/theme/asa-landscape02.jpg");
      background-position: 50% 100%;
      background-size: 100% auto;
      animation: none; }
      .performance-partial .theme-asa .clouds {
        display: none; } }

@media (orientation: portrait) {
  .theme-asa.flying {
    animation: flying-portrait-orientation 100s 1 cubic-bezier(0.2, 0, 1, 1);
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards; } }

label {
  min-height: 1.5625rem; }

.fields {
  margin: 0;
  padding: 0;
  clear: both;
  list-style: none; }
  .fields ul {
    padding-top: 1.25em; }
  .fields .note {
    font-weight: normal;
    clear: both;
    display: block;
    font-size: .75em;
    color: #909090;
    margin-bottom: .5em; }
  .fields .radiofield-wrapper .note {
    padding-left: 2.7em; }

.fields > li,
.fields .field {
  padding-bottom: 1.25em;
  clear: left;
  position: relative; }
  .fields > li::before, .fields > li::after,
  .fields .field::before,
  .fields .field::after {
    content: ' ';
    display: table;
    width: 0; }
  .fields > li::after,
  .fields .field::after {
    clear: both; }
  .fields > li.only-child,
  .fields .field.only-child {
    padding-bottom: .5em; }
  .fields > li:empty,
  .fields .field:empty {
    display: none; }

.fields label,
.fields .label {
  margin-bottom: .3em;
  display: inline-block;
  font-weight: bold;
  color: #202020; }
  .fields label .additional-message,
  .fields .label .additional-message {
    display: block;
    font-size: .75em;
    line-height: 1.5;
    color: #909090;
    font-weight: normal; }
  .fields label.multiline,
  .panel-default .fields label.multiline,
  .fields .label.multiline,
  .panel-default
  .fields .label.multiline {
    padding-top: 0; }

.field-block .textfield,
.field-block .has-3-items {
  clear: both; }

.readonly {
  clear: both; }

.error-message {
  margin: .5em 0 0;
  color: #ff6565;
  font-size: .875rem;
  clear: both; }

.phonenumberfield .notification-message {
  margin-top: -.5em;
  margin-bottom: .75em; }

.js .phonenumberfield > .field:first-child {
  display: none; }

.no-js .phonenumberfield > .field:nth-child(n+2) {
  display: none; }

.phonenumberfield-group .phonenumberfield-group_mobile-toggle,
.phonenumberfield-group .phonenumberfield-group_no-mobile-toggle {
  padding-bottom: 0; }

.phonenumberfield-group.is-closed .phonenumberfield-group_mobile-toggle {
  display: none; }

.phonenumberfield-group.is-open .phonenumberfield-group_no-mobile-toggle {
  display: none; }

@media screen and (min-width: 30em) {
  .readonly {
    clear: none;
    line-height: 2.25em; }
  .field .note {
    margin-bottom: 0; }
  .phonenumberfield-group .notification-message {
    padding-left: 50%; } }

/* stylelint-disable scss/dollar-variable-colon-space-after */
/* stylelint-enable */
/* stylelint-disable scss/dollar-variable-colon-space-after */
/* stylelint-enable */
.label--bold--bp0 {
  font-weight: bold;
  color: #202020; }

.label--note--bp0 {
  display: block;
  color: #909090; }

@media screen and (min-width: 30em) {
  .label--gutter-right--bp5 {
    display: inline-block;
    padding-right: 2rem; }
  .label--align-with-field--bp5 {
    display: inline-block;
    padding-top: .6em;
    line-height: 1.3; } }

@media screen and (min-width: 64em) {
  .label--align-with-field--bp27 {
    display: inline-block;
    padding-top: .6em;
    line-height: 1.3; }
  .label--bold--bp27 {
    font-weight: bold;
    color: #202020; } }

.textfield {
  width: 100%;
  clear: left;
  position: relative; }
  .textfield input,
  .textfield textarea {
    width: 100%;
    margin: 0;
    display: block;
    border: 0.0625rem solid #91a3b7;
    color: #606060;
    font-size: 1rem;
    border-radius: .5rem;
    transition: border .2s linear, color .2s linear;
    text-overflow: ellipsis;
    -webkit-appearance: none;
    -moz-appearance: textfield;
    appearance: none; }
    .textfield input[disabled],
    .textfield textarea[disabled] {
      background: #e6e6e6;
      color: #909090;
      border: 0; }
      .textfield input[disabled]::-moz-placeholder, .textfield textarea[disabled]::-moz-placeholder {
        color: #e6e6e6; }
      .textfield input[disabled]::placeholder,
      .textfield textarea[disabled]::placeholder {
        color: #e6e6e6; }
    .textfield input::-webkit-inner-spin-button,
    .textfield textarea::-webkit-inner-spin-button {
      -webkit-appearance: none; }
    .textfield input::-webkit-outer-spin-button,
    .textfield textarea::-webkit-outer-spin-button {
      -webkit-appearance: none; }
    .textfield input.date-input,
    .textfield textarea.date-input {
      padding-right: 2em; }
      .textfield input.date-input[disabled] + button::after,
      .textfield textarea.date-input[disabled] + button::after {
        color: #ccc; }
      .textfield input.date-input.placeholder-as-if-input::-moz-placeholder, .textfield textarea.date-input.placeholder-as-if-input::-moz-placeholder {
        color: #606060; }
      .textfield input.date-input.placeholder-as-if-input::placeholder,
      .textfield textarea.date-input.placeholder-as-if-input::placeholder {
        color: #606060; }
      .textfield input.date-input.placeholder-as-if-input:focus::-moz-placeholder, .textfield textarea.date-input.placeholder-as-if-input:focus::-moz-placeholder {
        color: #606060; }
      .textfield input.date-input.placeholder-as-if-input:focus::placeholder,
      .textfield textarea.date-input.placeholder-as-if-input:focus::placeholder {
        color: #606060; }
  .textfield input {
    min-height: 2.5rem;
    padding: 0 .5rem;
    line-height: 2.3rem; }
  .textfield textarea {
    min-height: 10rem;
    padding: .5rem; }
  .textfield.is-active input {
    border-color: #2800a0; }
  .textfield .button {
    border-radius: .5rem; }
  .textfield--merge-input-and-button {
    display: flex; }
    .textfield--merge-input-and-button > * {
      flex-grow: 1; }
    .textfield--merge-input-and-button input {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0; }
    .textfield--merge-input-and-button .button {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0; }

.textfield input:focus,
.textfield input:hover,
.textfield.is-active input,
.is-suggested .textfield input {
  border-color: #2800a0;
  outline: none;
  text-overflow: clip; }

.textfield input::-moz-placeholder {
  color: #909090; }

.textfield input::placeholder {
  color: #909090; }

.textfield input:focus::-moz-placeholder, .textfield input:hover::-moz-placeholder {
  color: #ccc; }

.textfield input:focus::placeholder,
.textfield input:hover::placeholder {
  color: #ccc; }

.textfield-wrapper {
  display: inline-block;
  vertical-align: middle; }

.textfield-wrapper-small {
  width: 5.25rem; }

.textfield-wrapper-medium {
  width: 7.25rem; }

.textfield-rangechecker input {
  border-radius: .5rem .5rem 0 0; }

@media screen and (min-width: 30em) {
  .textfield {
    clear: none; } }

.passwordfield {
  position: relative; }
  .passwordfield input {
    padding-right: 2.5rem !important; }
    .passwordfield input::-ms-clear, .passwordfield input::-ms-reveal {
      display: none; }
  .passwordfield .icon-font {
    right: 1rem;
    position: absolute;
    z-index: 1;
    top: 50%;
    cursor: pointer; }

.checkfield-wrapper,
.radiofield-wrapper {
  clear: both; }
  .checkfield-wrapper::before, .checkfield-wrapper::after,
  .radiofield-wrapper::before,
  .radiofield-wrapper::after {
    content: ' ';
    display: table;
    width: 0; }
  .checkfield-wrapper::after,
  .radiofield-wrapper::after {
    clear: both; }
  .checkfield-wrapper > label,
  .radiofield-wrapper > label {
    position: relative;
    float: left;
    padding-left: 2.125em;
    color: #606060;
    font-weight: normal;
    cursor: pointer; }
  .checkfield-wrapper .label--bold--bp0,
  .radiofield-wrapper .label--bold--bp0 {
    font-weight: bold;
    color: #202020; }
  .checkfield-wrapper > input,
  .radiofield-wrapper > input {
    width: 1em;
    margin: 0 -1em 0 0;
    float: left;
    opacity: 0; }
    .checkfield-wrapper > input ~ label::before,
    .checkfield-wrapper > input + label::before,
    .checkfield-wrapper > input + input + label::before,
    .radiofield-wrapper > input ~ label::before,
    .radiofield-wrapper > input + label::before,
    .radiofield-wrapper > input + input + label::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 1.4375rem;
      height: 1.4375rem;
      background-color: #fff;
      border: 0.0625em solid #91a3b7;
      text-align: center;
      transition: linear .2s; }
    .checkfield-wrapper > input ~ label::after,
    .checkfield-wrapper > input + label::after,
    .checkfield-wrapper > input + input + label::after,
    .radiofield-wrapper > input ~ label::after,
    .radiofield-wrapper > input + label::after,
    .radiofield-wrapper > input + input + label::after {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      font-family: transavicon, sans-serif;
      width: 1.4375rem;
      height: 1.4375rem;
      transition: linear .2s;
      transform: scale(0);
      border: .0625rem solid transparent;
      color: inherit; }
    .checkfield-wrapper > input:checked ~ label,
    .checkfield-wrapper > input:checked + label,
    .checkfield-wrapper > input:checked + input + label,
    .radiofield-wrapper > input:checked ~ label,
    .radiofield-wrapper > input:checked + label,
    .radiofield-wrapper > input:checked + input + label {
      color: #2800a0; }
      .checkfield-wrapper > input:checked ~ label::after,
      .checkfield-wrapper > input:checked + label::after,
      .checkfield-wrapper > input:checked + input + label::after,
      .radiofield-wrapper > input:checked ~ label::after,
      .radiofield-wrapper > input:checked + label::after,
      .radiofield-wrapper > input:checked + input + label::after {
        transform: scale(1); }
      .checkfield-wrapper > input:checked ~ label.notification-error-label,
      .checkfield-wrapper > input:checked + label.notification-error-label,
      .checkfield-wrapper > input:checked + input + label.notification-error-label,
      .radiofield-wrapper > input:checked ~ label.notification-error-label,
      .radiofield-wrapper > input:checked + label.notification-error-label,
      .radiofield-wrapper > input:checked + input + label.notification-error-label {
        color: #ff6565; }
        .checkfield-wrapper > input:checked ~ label.notification-error-label::after,
        .checkfield-wrapper > input:checked + label.notification-error-label::after,
        .checkfield-wrapper > input:checked + input + label.notification-error-label::after,
        .radiofield-wrapper > input:checked ~ label.notification-error-label::after,
        .radiofield-wrapper > input:checked + label.notification-error-label::after,
        .radiofield-wrapper > input:checked + input + label.notification-error-label::after {
          color: #2800a0; }
    .checkfield-wrapper > input:disabled ~ label,
    .checkfield-wrapper > input:disabled + label,
    .checkfield-wrapper > input:disabled + input + label,
    .radiofield-wrapper > input:disabled ~ label,
    .radiofield-wrapper > input:disabled + label,
    .radiofield-wrapper > input:disabled + input + label {
      cursor: not-allowed;
      color: #ccc; }
      .checkfield-wrapper > input:disabled ~ label::before,
      .checkfield-wrapper > input:disabled + label::before,
      .checkfield-wrapper > input:disabled + input + label::before,
      .radiofield-wrapper > input:disabled ~ label::before,
      .radiofield-wrapper > input:disabled + label::before,
      .radiofield-wrapper > input:disabled + input + label::before {
        border-color: inherit; }
  .checkfield-wrapper:hover > input ~ label::before,
  .radiofield-wrapper:hover > input ~ label::before {
    border-color: #2800a0; }
  .checkfield-wrapper:hover > input:disabled ~ label::before,
  .radiofield-wrapper:hover > input:disabled ~ label::before {
    border-color: #ccc; }
  .checkfield-wrapper > .is-hidden ~ label,
  .radiofield-wrapper > .is-hidden ~ label {
    padding-left: 0; }
    .checkfield-wrapper > .is-hidden ~ label::before, .checkfield-wrapper > .is-hidden ~ label::after,
    .radiofield-wrapper > .is-hidden ~ label::before,
    .radiofield-wrapper > .is-hidden ~ label::after {
      display: none; }
  .checkfield-wrapper > .is-hidden:checked ~ label::after,
  .radiofield-wrapper > .is-hidden:checked ~ label::after {
    display: none; }

.radiofield-info,
.checkfield-info {
  clear: both;
  margin-left: 2em; }

.checkfield-with-price {
  position: relative; }
  .checkfield-with-price label {
    padding-right: 4rem; }
  .checkfield-with-price__price {
    display: none;
    width: 3rem;
    position: absolute;
    top: 0;
    margin-top: 0;
    right: 0;
    font-size: 1.25rem;
    color: #00d66c;
    text-align: right;
    font-weight: bold; }
    input:checked ~ .checkfield-with-price__price {
      display: block; }

.checkfield-wrapper > input ~ label::before {
  border-radius: .5rem; }

.checkfield-wrapper > input ~ label::after {
  content: "";
  text-indent: .22rem;
  font-size: 1rem;
  line-height: 1.6em; }

.checkfield-horizontal .checkfield-wrapper {
  padding: .5em 1em 0 0; }

.radiofield-wrapper > input ~ label::before {
  border-radius: 50%; }

.radiofield-wrapper > input ~ label::after {
  content: "";
  text-indent: -.28rem;
  font-size: 2rem;
  line-height: .75em; }

.radiofield-horizontal .radiofield-wrapper {
  padding: .5em 1em 0 0;
  display: inline-block;
  vertical-align: top; }

/* stylelint-disable scss/dollar-variable-colon-space-after */
/* stylelint-enable */
.selectfield.has-2-items .selectfield-wrapper, .selectfield.has-3-items .selectfield-wrapper {
  margin-bottom: .3em; }
  .selectfield.has-2-items .selectfield-wrapper:first-of-type, .selectfield.has-3-items .selectfield-wrapper:first-of-type {
    margin-left: 0; }

.selectfield.has-2-items .selectfield-wrapper {
  width: 100%; }

.fake-selectfield.is-active {
  position: relative; }
  .fake-selectfield.is-active select {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    opacity: 0; }
    .fake-selectfield.is-active select:disabled + .container {
      background: #e6e6e6;
      color: #909090;
      border: 0;
      box-shadow: none; }
  .fake-selectfield.is-active .container {
    position: relative;
    border: 0.0625rem solid #91a3b7;
    border-radius: .375rem;
    box-shadow: inset 0 -0.1875rem #91a3b7;
    width: 100%;
    height: 2.5em;
    background-color: #fff; }
  .fake-selectfield.is-active .value {
    display: block;
    padding-left: .5625rem;
    padding-right: 2rem;
    line-height: 2.3125em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .fake-selectfield.is-active .icon-down {
    display: inline-block;
    position: absolute;
    left: auto;
    bottom: auto;
    right: .5625rem;
    top: 0;
    line-height: 2.3125em; }

.fake-selectfield.focus .container {
  box-shadow: none;
  border-color: #2800a0; }

.fake-selectfield .value,
.fake-selectfield .icon-down {
  display: none; }

select {
  width: 100%;
  height: 2.5em;
  margin: 0;
  padding: .5rem 1rem .5rem .3rem;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  color: #606060;
  font-size: 1em;
  border: 0.0625rem solid #91a3b7;
  outline: 0;
  border-radius: .5rem;
  background: #fff;
  transition: border .2s linear, color .2s linear;
  box-shadow: 0 0.1875rem 0.0625rem #91a3b7; }
  select[disabled], select[disabled]:active {
    background: #e6e6e6;
    color: #ccc;
    border-color: #e6e6e6;
    box-shadow: none;
    cursor: default; }
  select:focus {
    border-color: #2800a0;
    box-shadow: none; }
  select:active {
    outline: none; }
  .selectfield-wrapper-medium select {
    padding-right: 1.375rem; }

@media screen and (min-width: 30em) {
  .selectfield.has-2-items .selectfield-wrapper, .selectfield.has-3-items .selectfield-wrapper {
    margin-bottom: 0; }
    .selectfield.has-2-items .selectfield-wrapper + .notification-inline, .selectfield.has-3-items .selectfield-wrapper + .notification-inline {
      padding-top: .5rem; }
  .selectfield.has-2-items .selectfield-wrapper {
    width: 47.5%;
    float: left; }
    .selectfield.has-2-items .selectfield-wrapper:first-of-type {
      margin-right: 5%; }
  .selectfield.has-3-items .selectfield-wrapper {
    width: 30%;
    float: left;
    margin-right: 5%; }
    .selectfield.has-3-items .selectfield-wrapper:last-of-type {
      margin-right: 0; } }

.tooltip-dialog {
  width: 1rem;
  height: 1rem;
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
  position: relative;
  margin-left: .25em;
  color: #fff; }
  .tooltip-dialog [data-module='ui/TogglePanel'] {
    cursor: pointer;
    line-height: 1;
    white-space: nowrap; }
    .tooltip-dialog [data-module='ui/TogglePanel']::before {
      position: absolute;
      top: 0;
      left: 0;
      line-height: inherit;
      color: #ccc;
      transition: .2s color linear; }
  .tooltip-dialog.is-visible [data-module='ui/TogglePanel']::before,
  .tooltip-dialog [data-module='ui/TogglePanel']:hover::before {
    color: #202020; }

.tooltip-dialog.tooltip-dialog_info {
  width: 1.4rem;
  height: 1.4rem; }
  .tooltip-dialog.tooltip-dialog_info [data-module='ui/TogglePanel']::before {
    font-size: 1.3rem;
    color: #202020; }
  .tooltip-dialog.tooltip-dialog_info.is-visible [data-module='ui/TogglePanel']::before,
  .tooltip-dialog.tooltip-dialog_info [data-module='ui/TogglePanel']:hover::before {
    color: #909090; }

.tooltip-dialog.tooltip-dialog_inverted {
  border-radius: 50%;
  border: 0.125rem solid #fff; }
  .tooltip-dialog.tooltip-dialog_inverted [data-module='ui/TogglePanel']::before {
    top: 0.0625rem;
    left: 0.0625rem;
    font-size: 0.625rem;
    color: inherit; }
  .tooltip-dialog.tooltip-dialog_inverted.is-visible [data-module='ui/TogglePanel']::before,
  .tooltip-dialog.tooltip-dialog_inverted [data-module='ui/TogglePanel']:hover::before {
    color: inherit; }

.togglepanel-container.dialog-container {
  width: 13em;
  z-index: 1001; }
  .togglepanel-container.dialog-container .close {
    text-indent: 1.5rem;
    overflow: hidden;
    cursor: pointer;
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    right: 1.25rem;
    top: 1em;
    z-index: 1002; }
    .togglepanel-container.dialog-container .close::after {
      position: absolute;
      right: 0;
      top: 0;
      font-size: 2rem;
      line-height: 1;
      content: '\00D7';
      font-weight: normal;
      color: #202020;
      z-index: 1003; }
    .togglepanel-container.dialog-container .close:hover::after {
      color: #2800a0; }
  .togglepanel-container.dialog-container .togglepanel-arrow em {
    background-color: #9df;
    border: 0; }
  .togglepanel-container.dialog-container .dialog-content {
    width: 100%;
    padding: 1.25em 1.25em .3em;
    word-wrap: break-word;
    background-color: #9df;
    border-radius: .75rem; }
    .togglepanel-container.dialog-container .dialog-content--info {
      background-color: #9df;
      color: #202020; }
    .togglepanel-container.dialog-container .dialog-content--static {
      background-color: #2800a0;
      color: #fff; }
      .togglepanel-container.dialog-container .dialog-content--static p {
        color: #fff; }

.togglepanel-container.dialog-container-info {
  margin: -.5em; }

.dialog-container h3,
.dialog-container p {
  color: #202020; }

.dialog-container h3 {
  padding-right: 1.5em;
  line-height: 1.25;
  font-weight: bold;
  font-size: .875em; }

.dialog-container p {
  font-size: .75em; }

.js [data-module*='ui/DatePickerInput'] select {
  padding-top: .725em;
  padding-bottom: .665em; }

.js [data-module*='ui/DatePickerInput'] .selectfield {
  visibility: hidden; }

[data-module*='ui/DatePickerInput'][data-initialized*='ui/DatePickerInput'] {
  position: relative; }
  [data-module*='ui/DatePickerInput'][data-initialized*='ui/DatePickerInput'] .selectfield {
    display: none; }

#ui-datepicker-div {
  display: none !important;
  position: relative !important;
  top: auto !important;
  left: auto !important;
  min-width: 19.375rem; }

[data-togglepanel^='dp'] #ui-datepicker-div {
  display: block !important; }

.field-datepicker .textfield {
  position: relative; }

.field-datepicker .selectfield {
  overflow-y: auto;
  overflow-x: hidden;
  white-space: nowrap;
  max-width: 22em;
  padding-bottom: .3rem; }

.field-datepicker .selectfield-wrapper {
  display: inline-block; }
  .field-datepicker .selectfield-wrapper:first-of-type {
    margin-left: 1%; }
  .field-datepicker .selectfield-wrapper:last-child {
    margin-right: 0; }

.ui-datepicker-trigger {
  display: none; }

.datepicker-trigger {
  position: absolute;
  height: 100%;
  right: 0;
  top: 0;
  padding: 0 .5rem 0 .375rem;
  cursor: pointer;
  color: #2800a0; }
  .datepicker-trigger::before {
    display: block;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    margin-top: .0625rem;
    font-size: 1.4rem; }
    .textfield.is-active .datepicker-trigger::before {
      color: #2800a0; }
    .error-message + .datepicker-trigger::before {
      color: #202020; }

.ui-datepicker .ui-datepicker-header {
  background-color: #00d66c;
  padding: 1.25rem .5rem .625rem; }
  .ui-datepicker .ui-datepicker-header::before, .ui-datepicker .ui-datepicker-header::after {
    content: ' ';
    display: table;
    width: 0; }
  .ui-datepicker .ui-datepicker-header::after {
    clear: both; }

.ui-datepicker .ui-datepicker-title {
  color: #fff;
  text-align: center;
  font-size: 1.5rem; }

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  color: #fff;
  font-size: 1.5rem;
  line-height: inherit;
  cursor: pointer; }
  .ui-datepicker .ui-datepicker-prev.disabled,
  .ui-datepicker .ui-datepicker-next.disabled {
    cursor: default;
    color: #ccc; }
  .ui-datepicker .ui-datepicker-prev span,
  .ui-datepicker .ui-datepicker-next span {
    display: none; }

.ui-datepicker .ui-datepicker-prev {
  float: left;
  border-left: 0.75rem solid #00d66c; }

.ui-datepicker .ui-datepicker-next {
  float: right;
  border-right: 0.75rem solid #00d66c; }

.ui-datepicker .ui-state-disabled::before {
  content: ''; }

.ui-datepicker-calendar {
  width: 100%;
  margin-bottom: 0;
  text-align: center;
  border-collapse: collapse;
  table-layout: auto; }
  .ui-datepicker-calendar thead {
    background-color: #00d66c;
    color: #fff; }
    .ui-datepicker-calendar thead th {
      font-weight: normal;
      color: #fff;
      padding: .5625rem;
      border-bottom: 1px solid #00d66c; }
      .ui-datepicker-calendar thead th:first-child {
        border-left: 0.75rem solid #00d66c; }
      .ui-datepicker-calendar thead th:last-child {
        border-right: 0.75rem solid #00d66c; }
  .ui-datepicker-calendar tbody::before {
    content: '';
    display: block;
    height: .375rem; }
  .ui-datepicker-calendar tbody::after {
    content: '';
    display: block;
    height: .75rem; }
  .ui-datepicker-calendar td {
    border-radius: .5rem;
    cursor: default;
    transition: background-color .2s linear; }
    .ui-datepicker-calendar td:not(.ui-datepicker-unselectable) a:hover {
      cursor: pointer;
      color: #2800a0;
      background-color: #e9e5f5; }
    .ui-datepicker-calendar td.ui-datepicker-unselectable a {
      color: #ccc; }
    .ui-datepicker-calendar td.ui-datepicker-current-day a {
      color: #2800a0;
      background-color: #e9e5f5; }
    .ui-datepicker-calendar td:first-child {
      border-left: 0.75rem solid #fff; }
    .ui-datepicker-calendar td:last-child {
      border-right: 0.75rem solid #fff; }
    .ui-datepicker-calendar td.ui-datepicker-unselectable {
      padding: .5625rem;
      color: #ccc;
      white-space: nowrap; }
  .ui-datepicker-calendar a {
    display: block;
    padding: .5625rem;
    color: #202020;
    border-radius: .5rem;
    text-decoration: none; }

.date-picker-suggestions {
  position: absolute;
  z-index: 49;
  top: 2.215rem;
  right: 0;
  left: 0;
  padding: 0;
  font-size: 1rem;
  background: #fff;
  border: 1px solid #2800a0;
  border-top: 0;
  border-radius: 0 0 .5rem .5rem; }
  .date-picker-suggestions h6 {
    padding: .5rem .4375rem;
    margin: 0;
    font-weight: bold;
    color: #202020; }
  .date-picker-suggestions ul {
    margin: 0;
    padding: 0;
    list-style: none; }
    .date-picker-suggestions ul li {
      margin: 0;
      padding: .5rem .4375rem;
      color: #606060;
      cursor: pointer; }
      .date-picker-suggestions ul li.highlight {
        background-color: #e9e5f5; }
      .date-picker-suggestions ul li:last-child {
        border-radius: 0 0 .5rem .5rem; }

.datepicker-footer {
  display: block;
  position: relative;
  text-align: center;
  z-index: 999;
  width: 100%;
  padding: .75rem;
  margin: 0;
  opacity: 0;
  background-color: #f7f7f7; }
  .datepicker-footer.visible {
    opacity: 1; }
  [data-module*='ui/DatePickerInput'] + .datepicker-footer {
    display: none; }

/* stylelint-disable scss/dollar-variable-colon-space-after */
/* stylelint-enable */
/*
 * COMPONENT: button
 */
button[type='submit'] * {
  pointer-events: none; }

.button {
  margin: 0;
  padding: .4375em 1.5em .5625em;
  position: relative;
  border: 0;
  font-weight: bold;
  line-height: 1.5;
  cursor: pointer;
  display: inline-block;
  text-decoration: none !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  transition: background-color .2s linear;
  border-radius: 1.25em;
  min-height: 1.5rem;
  min-width: 1.5rem; }
  .button:focus {
    outline: 0; }
  .button .icon-font {
    display: inline-block;
    margin-left: .125em;
    margin-right: .125em;
    font-weight: normal;
    font-size: 1.25em;
    pointer-events: none; }

p .button {
  text-decoration: none; }

/*
 * PART: icon
 */
.button_icon + .button_icon {
  margin-left: -.125em; }

.button_icon:first-child {
  margin-left: 0; }

.button_icon:last-child {
  margin-right: 0; }

/*
 * PART: text
 */
.button_text {
  display: inline; }

/*
 * PART THEME: big
 */
.button_text--big {
  font-size: 1.25rem; }

/*
 * PART THEME: small
 */
.button_text--small {
  font-weight: normal;
  font-size: .75rem; }

/*
 * THEME: transparent
 */
.button-transparent {
  background: none; }

/*
 * THEME: icon
 */
.button-icon {
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  line-height: normal; }

/*
 * THEME: primary
 */
.button-primary {
  background-color: #ff3268;
  box-shadow: inset 0 -0.1875em 0.0625em #ca2b55; }
  .button-primary:hover, .button-primary:focus {
    background-color: #ff658e; }
  .button-primary:active, .button-primary.is-active, .button-primary.button-active {
    background-color: #ff2e62;
    box-shadow: inset 0 0.125em 0.0625em #ca2b55; }
  .button-primary.button-disabled:hover, .button-primary.button-disabled:focus, .button-primary.button-disabled:active {
    background-color: #e6e6e6;
    color: #ccc;
    box-shadow: none; }

.button-primary,
.button-primary:hover,
.button-primary:active,
.button-primary:visited {
  color: #fff !important; }
  .button-primary.button-disabled,
  .button-primary:hover.button-disabled,
  .button-primary:active.button-disabled,
  .button-primary:visited.button-disabled {
    background-color: #e6e6e6 !important;
    color: #ccc !important;
    box-shadow: none; }

/*
 * THEME: secondary
 */
.button-secondary,
.button-secondary.button-disabled:active {
  padding: .4em 1em .5em;
  border-radius: .5rem;
  background-color: #fff;
  border: 0.0625em solid #91a3b7;
  box-shadow: inset 0 -0.1875em 0.125rem #91a3b7; }
  .button-secondary:hover, .button-secondary:focus,
  .button-secondary.button-disabled:active:hover,
  .button-secondary.button-disabled:active:focus {
    color: #202020;
    background-color: #f5f8fa; }

.button-secondary,
.button-secondary:hover,
.button-secondary:active,
.button-secondary:visited {
  color: #202020 !important; }
  .button-secondary.button-disabled,
  .button-secondary:hover.button-disabled,
  .button-secondary:active.button-disabled,
  .button-secondary:visited.button-disabled {
    background-color: #e6e6e6 !important;
    color: #ccc !important;
    box-shadow: none; }

.button-secondary:active {
  color: #202020;
  background-color: #f5f8fa;
  box-shadow: inset 0 0.1875em 0.0625em #91a3b7; }

/*
 * THEME: tertiary
 */
.button-tertiary {
  padding: 0;
  display: inline-block;
  background: transparent;
  text-align: left;
  line-height: normal;
  border-radius: 0; }
  .button-tertiary .icon-font {
    font-size: 1em;
    margin-left: 0;
    margin-right: 0; }
    .button-tertiary .icon-font:first-child {
      margin-right: .25em; }
    .button-tertiary .icon-font:last-child {
      margin-left: .25em; }

p .button.button-tertiary {
  text-decoration: underline; }

.button-tertiary,
.button-tertiary:visited {
  color: #2800a0; }

.button-tertiary:hover,
.button-tertiary:focus,
.button-tertiary:active {
  color: #ff3268; }

/*
 * THEME: tertiary-alt
 */
.button-tertiary-alt {
  font-weight: normal;
  color: #2800a0; }

.button-tertiary-alt:hover,
.button-tertiary-alt:focus,
.button-tertiary-alt:active {
  color: #2800a0; }

/*
 * THEME: call-to-action
 */
.button-call-to-action {
  background-color: #2800a0;
  box-shadow: inset 0 -0.1875em 0.0625em #120145;
  color: #fff; }
  .button-call-to-action:hover, .button-call-to-action:focus {
    background-color: #5e40b8; }
  .button-call-to-action:active,
  .button-call-to-action .is-active {
    background-color: #2800a0;
    box-shadow: inset 0 0.1875em 0.0625em #120145; }
  .button-call-to-action.button.button-disabled {
    color: #ccc !important;
    box-shadow: none; }
  .button-call-to-action:hover, .button-call-to-action:focus, .button-call-to-action:active,
  .button-call-to-action .is-active, .button-call-to-action:visited {
    color: #fff !important; }

/*
 * THEME: disabled
 */
.button-disabled {
  background-color: #e6e6e6;
  color: #ccc;
  box-shadow: none;
  border: 0;
  cursor: default;
  pointer-events: none; }
  .button-disabled:hover, .button-disabled:focus, .button-disabled:active {
    background-color: #e6e6e6;
    color: #ccc;
    box-shadow: none; }

/*
 * THEME: t-button
 */
.t-button {
  width: 100%;
  display: block;
  position: relative;
  color: #fff;
  border-radius: .5rem;
  font-weight: normal !important;
  line-height: 1.2;
  background-color: #00d66c;
  box-shadow: inset 0 -0.1875rem 0.0625rem #1e9162; }
  .t-button:active, .t-button.is-active {
    background-color: #00c061;
    box-shadow: inset 0 3px 1px #1e9162; }
  .t-button:hover, .t-button:focus {
    background-color: #4de298; }
  .t-button .text {
    display: block; }
  .t-button .button {
    display: none; }

.t-button,
.t-button:hover,
.t-button:active,
.t-button:visited {
  color: #fff !important; }

/*
 * THEME: selection
 */
.button--selection {
  color: #fff !important;
  background-color: #00d66c;
  box-shadow: inset 0 -0.1875rem 0.0625rem #1e9162; }
  .button--selection:hover, .button--selection:focus {
    background-color: #4de298; }
  .button--selection:active, .button--selection.is-active {
    background-color: #00c061;
    box-shadow: inset 0 0.1875rem 0.0625rem #1e9162; }

/*
 * THEME: cta-selection
 */
.button--cta-selection {
  position: relative;
  padding: 1rem;
  color: #fff !important;
  border-radius: .5rem;
  background-color: #00d66c;
  box-shadow: inset 0 -0.1875rem 0.0625rem #1e9162;
  text-align: center; }
  .button--cta-selection:hover, .button--cta-selection:focus {
    background-color: #4de298; }
  .button--cta-selection.is-active {
    background-color: #2800a0;
    box-shadow: none; }
  .button--cta-selection.button-disabled {
    color: #909090 !important;
    background-color: #e6e6e6;
    box-shadow: none; }
  .button--cta-selection--secondary {
    color: #202020 !important;
    background-color: #fff;
    border: 0.0625em solid #91a3b7;
    box-shadow: inset 0 -0.1875em 0.125rem #91a3b7; }
    .button--cta-selection--secondary:hover, .button--cta-selection--secondary:focus {
      background-color: #f5f8fa; }
    .button--cta-selection--secondary .price-prefix {
      color: #606060; }
  .button--cta-selection .button_icon {
    font-size: 3rem;
    line-height: 1; }

/*
 * THEME: cta-selection-arrow-bottom
 */
.button--cta-selection-arrow-bottom::after {
  width: 1.75rem;
  height: 1.75rem;
  margin: -1rem 0 0 -.875rem;
  transform: scaleY(0.7) rotate(45deg);
  content: '';
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
  background-color: "transparent";
  border-radius: .2rem;
  transition: background-color .4s; }

.button--cta-selection-arrow-bottom.is-active::after {
  background-color: #2800a0; }

@media screen and (min-width: 40em) {
  .notification-ici-ancillaries .t-button {
    min-height: 7.3em; } }

@media screen and (min-width: 48em) {
  .notification-ici-ancillaries .t-button {
    min-height: 10.5em; } }

/*
 Stretch button
*/
.button-stretch {
  display: flex;
  align-items: center;
  justify-content: space-between;
  -moz-column-gap: .125rem;
       column-gap: .125rem;
  width: 100%; }
  @media screen and (min-width: 40em) {
    .button-stretch--until-bp10 {
      display: inline-flex;
      width: auto; } }
  .button-stretch--center {
    justify-content: center; }

.icon-image--bp0 {
  height: 3em;
  width: 3em; }

[class*='icon-image'] {
  display: inline-block; }
  [class*='icon-image']::before {
    font-size: 2.5rem;
    line-height: 3rem; }

[class*='icon-image-route-and-schedule'] {
  width: 6em; }
  [class*='icon-image-route-and-schedule']::before {
    content: "" "";
    white-space: nowrap; }

@media screen and (min-width: 48em) {
  .icon-image--bp20 {
    height: 5em;
    width: 5em; }
  [class*='icon-image']::before {
    font-size: 3rem;
    line-height: 1.833em; }
  [class*='icon-image-holdluggage']::before,
  [class*='icon-image-ssr']::before,
  [class*='icon-image-check']::before {
    font-size: 3.7rem;
    line-height: 1.4em; }
  .button [class*='icon-image-holdluggage']::before {
    content: ""; }
  [class*='icon-image-ssr']::before {
    content: ""; }
  [class*='icon-image-check']::before {
    content: ""; } }

.spinner [data-initialized='ui/Spinner'] {
  display: none; }

.spinner input,
.spinner button,
.spinner .textfield {
  float: none;
  display: inline-block;
  vertical-align: middle; }

.spinner .textfield {
  margin: 0 1em;
  width: auto; }

.spinner input {
  width: 2.5em;
  padding: 0;
  text-align: center; }

.spinner .button {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  padding: 0;
  width: 2.625em;
  height: 2.625em;
  border-radius: 50%; }
  .spinner .button.button-disabled:active {
    border-radius: 50%;
    padding: 0; }
  .spinner .button::before, .spinner .button::after {
    display: inline-block; }
  .spinner .button .icon-font {
    line-height: inherit; }

.autocomplete-results {
  padding: 0;
  position: absolute;
  top: 2em;
  right: 0;
  left: 0;
  z-index: 49;
  background: #fff;
  border-radius: 0 0 .5rem .5rem;
  font-size: 1em;
  overflow-y: auto;
  max-height: 9em;
  border: 0.0625em solid #2800a0;
  border-top: 0; }
  .autocomplete-results h6 {
    padding: .25em 0;
    color: #202020;
    font-weight: bold; }
  .autocomplete-results strong {
    color: #202020; }
  .autocomplete-results ol {
    margin: 0;
    padding: 0;
    list-style: none; }
    .autocomplete-results ol li {
      margin: 0;
      padding: .25em .5rem;
      color: #606060;
      cursor: pointer; }
      .autocomplete-results ol li.highlight {
        background-color: #e6e6e6; }
      .autocomplete-results ol li:last-child {
        border-radius: 0 0 .5rem .5rem; }
  .autocomplete-results .no-results-message {
    margin: 0;
    padding: .25em 1em;
    color: #909090; }

.item-list {
  padding: 0;
  margin: 0 0 2em;
  list-style: none; }
  .item-list > li {
    padding: 1.5em;
    color: #606060;
    margin: 0 0 1em;
    position: relative;
    min-height: 6em;
    border: 0.063rem solid rgba(0, 0, 0, 0.15);
    border-radius: .75rem;
    background: #fff; }
    .content-block--blue .item-list > li,
    .content-block--green .item-list > li,
    .content-block--champagne .item-list > li {
      border: 0; }
    .item-list > li:last-child {
      margin-bottom: 0; }
    .item-list > li li {
      list-style: disc; }
    .item-list > li a {
      text-decoration: underline; }
    .item-list > li:nth-child(3n+1) .stamp {
      background: #00d66c; }
    .item-list > li:nth-child(3n+1) .h5--rotating {
      color: #00d66c; }
    .item-list > li:nth-child(3n+2) .stamp {
      background: #2800a0; }
    .item-list > li:nth-child(3n+2) .h5--rotating {
      color: #2800a0; }
    .item-list > li:nth-child(3n+3) .stamp {
      background: #ff3268; }
    .item-list > li:nth-child(3n+3) .h5--rotating {
      color: #ff3268; }

.item-list-sequence {
  counter-reset: item-list; }

.item-list-grouped > li {
  margin-bottom: 0;
  padding-bottom: .5em;
  border-radius: 0;
  min-height: 0;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: none; }
  .item-list-grouped > li:first-child {
    border-radius: .625em .625em 0 0; }
  .item-list-grouped > li:last-child {
    padding-bottom: 1.5em;
    border-radius: 0 0 .625em .625em; }

.item-list-sequence .stamp {
  counter-increment: item-list; }
  .item-list-sequence .stamp::before {
    font-size: 20px;
    font-weight: bold; }

.item-list-sequence-alpha .stamp::before {
  content: counter(item-list, upper-alpha); }

.item-list-sequence-number .stamp::before {
  content: counter(item-list); }

.details-list .label {
  color: #202020;
  font-weight: bold; }
  .details-list .label .detail {
    color: #606060;
    font-weight: normal; }

.details-list .value ul {
  padding-top: 0;
  padding-left: 0;
  list-style: none; }

.details-list .amount {
  color: #202020;
  font-weight: bold;
  text-align: right; }
  .details-list .amount ul {
    padding-top: 0;
    padding-left: 0;
    list-style: none; }

.details-list .seat {
  color: #202020; }

.details-list .label--header,
.details-list .value--header,
.details-list .amount--header {
  color: #00d66c;
  font-size: 1.25rem;
  font-weight: bold; }

.details-list .label--subtotal,
.details-list .value--subtotal,
.details-list .amount--subtotal {
  margin-top: .4rem;
  font-weight: bold; }

.details-list .amount--subtotal {
  font-size: 1.25rem; }

.details-list .label--sub,
.details-list .value--sub,
.details-list .amount--sub {
  color: #606060;
  font-size: .875rem;
  line-height: 1.25rem;
  font-weight: normal; }

.details-list .label--sub-subtotal,
.details-list .value--sub-subtotal,
.details-list .amount--sub-subtotal {
  color: #202020;
  font-size: .875rem;
  line-height: 1.25rem;
  font-weight: bold; }

/**
 * Header
 */
.details-list--header .label,
.details-list--header .value,
.details-list--header .amount {
  color: #00d66c;
  font-size: 1.25rem;
  font-weight: bold; }

/**
 * Subtotal
 */
.details-list--subtotal .label,
.details-list--subtotal .value,
.details-list--subtotal .amount {
  margin-top: .4rem;
  font-weight: bold; }

.details-list--subtotal .amount {
  font-size: 1.25rem; }

/**
 * Sub
 */
.details-list--sub .label,
.details-list--sub .value,
.details-list--sub .amount {
  color: #606060;
  font-size: .875rem;
  line-height: 1.25rem;
  font-weight: normal; }

/**
 * Sub subtotal
 */
.details-list--sub-subtotal .label,
.details-list--sub-subtotal .value,
.details-list--sub-subtotal .amount {
  color: #202020;
  font-size: .875rem;
  line-height: 1.25rem;
  font-weight: bold; }

@media screen and (min-width: 40em) {
  .details-list .seat {
    text-align: right; } }

.list-with-dividers > li + li {
  border-top: 0.0625rem solid #e6e6e6;
  margin-top: 1em;
  padding-top: 1em; }

.list-with-dividers--narrow > li + li {
  margin-top: .5em;
  padding-top: .5em; }

.list-tabbed {
  margin: 0;
  padding: 0;
  list-style: none; }
  .list-tabbed li {
    display: inline-block;
    margin-bottom: 1px;
    width: 100%;
    border-bottom: 1px solid #e6e6e6; }
  .list-tabbed a:link,
  .list-tabbed a:visited {
    display: block;
    text-decoration: none;
    color: #000;
    font-weight: bold;
    padding: 15px 20px 15px 0;
    position: relative; }
    .list-tabbed a:link::after,
    .list-tabbed a:visited::after {
      font-family: transavicon, sans-serif;
      content: "";
      position: absolute;
      right: 0;
      top: 15px; }
  .list-tabbed a:hover,
  .list-tabbed a:active {
    color: #ff3268; }

@media screen and (min-width: 25em) {
  .list-tabbed--column {
    -moz-column-count: 2;
         column-count: 2;
    -moz-column-gap: 2em;
         column-gap: 2em; } }

.js .file-input {
  position: absolute;
  width: .0625rem;
  height: .0625rem;
  opacity: 0;
  overflow: hidden;
  z-index: -1; }

.file-input:focus + .file-input__label {
  background-color: #5e40b8;
  border-color: #2800a0; }

.file-input__label {
  display: none; }
  .js .file-input__label {
    display: block;
    overflow: hidden;
    color: #fff;
    background-color: #2800a0;
    border: 0.0625rem solid #91a3b7;
    border-radius: .5rem;
    cursor: pointer;
    transition: background .2s, border .2s; }
  .file-input__label:hover {
    background-color: #5e40b8;
    border-color: #2800a0; }

.file-input__text {
  display: inline-block;
  overflow: hidden;
  width: 60%;
  padding: 0 .5rem;
  line-height: 2.5rem;
  vertical-align: middle;
  white-space: nowrap;
  background: #fff;
  color: #909090;
  text-overflow: ellipsis; }
  @media screen and (min-width: 50em) {
    .file-input__text {
      width: 70%; } }

.file-input__action {
  display: inline-block;
  width: 40%;
  font-weight: bold;
  text-align: center; }
  @media screen and (min-width: 50em) {
    .file-input__action {
      width: 30%; } }

/**
 * Mixins
 **/
/**
 * Module
 **/
.c-hl-advice #section-1 .dimension-figure,
.c-hl-advice #section-2 .dimension-figure,
.c-hl-advice #section-3 .dimension-figure {
  text-align: center; }
  .c-hl-advice #section-1 .dimension-figure .dimension,
  .c-hl-advice #section-2 .dimension-figure .dimension,
  .c-hl-advice #section-3 .dimension-figure .dimension {
    position: static;
    transform: none; }
  .c-hl-advice #section-1 .dimension-figure figcaption,
  .c-hl-advice #section-2 .dimension-figure figcaption,
  .c-hl-advice #section-3 .dimension-figure figcaption {
    margin: .5em 0; }
  .c-hl-advice #section-1 .dimension-figure img,
  .c-hl-advice #section-2 .dimension-figure img,
  .c-hl-advice #section-3 .dimension-figure img {
    width: 45%; }

.c-hl-advice #section-1 .weight-figure,
.c-hl-advice #section-2 .weight-figure,
.c-hl-advice #section-3 .weight-figure {
  text-align: center; }
  .c-hl-advice #section-1 .weight-figure .weight,
  .c-hl-advice #section-2 .weight-figure .weight,
  .c-hl-advice #section-3 .weight-figure .weight {
    position: static;
    transform: none; }
  .c-hl-advice #section-1 .weight-figure figcaption,
  .c-hl-advice #section-2 .weight-figure figcaption,
  .c-hl-advice #section-3 .weight-figure figcaption {
    margin: .5em 0; }
  .c-hl-advice #section-1 .weight-figure img,
  .c-hl-advice #section-2 .weight-figure img,
  .c-hl-advice #section-3 .weight-figure img {
    width: 45%; }

.c-hl-advice img {
  max-width: 100%; }

.c-hl-advice .panel {
  position: relative;
  z-index: 10; }

.c-hl-advice .panel-main {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  box-shadow: 0 0.25em 0.625em rgba(0, 0, 0, 0.5); }

.c-hl-advice .sections,
.c-hl-advice #section-1,
.c-hl-advice #section-2,
.c-hl-advice #section-3 {
  float: left;
  width: 100%;
  clear: both; }

.c-hl-advice .sections .icon-spinner {
  display: block;
  margin: 0 auto; }

.c-hl-advice .t-button-1 {
  position: relative;
  padding-right: 8em; }
  .c-hl-advice .t-button-1 .sticker {
    height: 8.5em;
    width: 8.5em; }

.c-hl-advice #section-2 .section-on-board .luggage-compartments {
  background: #e4ebf7 url("../img/ancillaries/hand-luggage/retina/arc-with-flat-top_whiite.svg") no-repeat top left, #e4ebf7 url("../img/ancillaries/hand-luggage/normal/section3-gl5-luggage-compartments.png") repeat-x center 5em;
  background-size: 115% auto, auto 10em; }

.c-hl-advice #section-3 .section-on-board .luggage-compartments {
  background: #e4ebf7 url("../img/ancillaries/hand-luggage/retina/arc-with-flat-top_blue.svg") no-repeat top left, #e4ebf7 url("../img/ancillaries/hand-luggage/normal/section3-gl5-luggage-compartments.png") repeat-x center 5em;
  background-size: 115% auto, auto 10em; }

.c-hl-advice .section-on-board {
  position: relative; }
  .c-hl-advice .section-on-board .windows {
    position: relative; }
  .c-hl-advice .section-on-board .seats {
    position: absolute;
    top: 9em;
    right: 0;
    left: 0;
    height: 24em;
    z-index: 1;
    background: url("../img/ancillaries/hand-luggage/retina/section3-gl4-seat.png") repeat-x top center;
    background-size: auto 100%; }
  .c-hl-advice .section-on-board .backpack {
    position: absolute;
    top: 74%;
    left: 50%;
    margin-left: -8.5em;
    width: 8em; }
  .c-hl-advice .section-on-board .luggage-compartments {
    position: relative;
    min-height: 15em;
    background: #e4ebf7 url("../img/ancillaries/hand-luggage/normal/section3-gl5-luggage-compartments.png") repeat-x center 5em; }
  .c-hl-advice .section-on-board .open-compartment {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url("../img/ancillaries/hand-luggage/normal/section3-gl5-open-luggage-compartment.png") no-repeat center 5.125em;
    background-size: auto 7.825em; }
  .c-hl-advice .section-on-board .clip-trolley {
    position: absolute;
    top: 6.75em;
    bottom: 3.1em;
    left: 50%;
    margin-left: -7em;
    width: 16em;
    overflow: hidden; }
  .c-hl-advice .section-on-board .trolley {
    margin-left: -2em;
    width: 8.5em;
    margin-top: .5em; }
  .c-hl-advice .section-on-board .section-small-piece .windows {
    min-height: 36.5em;
    padding-top: 10%;
    background: url("../img/ancillaries/hand-luggage/retina/arc-with-flat-top_whiite.svg") no-repeat top left, #789ed5 url("../img/ancillaries/hand-luggage/retina/section3-gl4-windows.png") repeat-x top center;
    background-size: 115% auto, auto 100%; }
  .c-hl-advice .section-on-board .section-large-piece .windows {
    min-height: 25em;
    padding-top: 2em;
    padding-bottom: 4em;
    background: #789ed5 url("../img/ancillaries/hand-luggage/retina/section3-gl4-windows.png") repeat-x center -3em;
    background-size: auto 100%; }

.c-hl-advice .section-cargo-hold {
  position: relative;
  z-index: 10; }
  .c-hl-advice .section-cargo-hold .cargo-hold {
    position: relative;
    min-height: 27em;
    background: url("../img/ancillaries/hand-luggage/normal/section3-gl6-open-cargo-hold.png") no-repeat top center;
    background-size: 110em auto; }
    .c-hl-advice .section-cargo-hold .cargo-hold .trolley {
      position: absolute;
      top: 5em;
      left: 50%;
      margin-left: -2em;
      width: 6.3em; }
  .c-hl-advice .section-cargo-hold .content-container {
    position: relative;
    top: -2em; }

@media screen and (min-width: 30em) {
  .c-hl-advice #section-1 .dimension-figure,
  .c-hl-advice #section-2 .dimension-figure {
    position: relative;
    text-align: left; }
    .c-hl-advice #section-1 .dimension-figure img,
    .c-hl-advice #section-2 .dimension-figure img {
      width: auto; }
    .c-hl-advice #section-1 .dimension-figure .dimension,
    .c-hl-advice #section-2 .dimension-figure .dimension {
      position: absolute;
      top: 50%;
      left: 50%;
      margin-left: 1em;
      transform: translate(0, -50%); }
  .c-hl-advice #section-1 .weight-figure,
  .c-hl-advice #section-2 .weight-figure {
    position: relative;
    text-align: left; }
    .c-hl-advice #section-1 .weight-figure img,
    .c-hl-advice #section-2 .weight-figure img {
      width: auto; }
    .c-hl-advice #section-1 .weight-figure .weight,
    .c-hl-advice #section-2 .weight-figure .weight {
      position: absolute;
      top: 50%;
      right: 50%;
      margin-right: 1em;
      transform: translate(0, -50%); } }

@media screen and (min-width: 40em) {
  .c-hl-advice #section-1 .dimension-figure,
  .c-hl-advice #section-2 .dimension-figure {
    text-align: center; }
    .c-hl-advice #section-1 .dimension-figure .dimension,
    .c-hl-advice #section-2 .dimension-figure .dimension {
      position: static;
      transform: none; }
    .c-hl-advice #section-1 .dimension-figure figcaption,
    .c-hl-advice #section-2 .dimension-figure figcaption {
      margin: .5em 0; }
    .c-hl-advice #section-1 .dimension-figure img,
    .c-hl-advice #section-2 .dimension-figure img {
      width: 45%; }
  .c-hl-advice #section-1 .weight-figure,
  .c-hl-advice #section-2 .weight-figure {
    text-align: center; }
    .c-hl-advice #section-1 .weight-figure .weight,
    .c-hl-advice #section-2 .weight-figure .weight {
      position: static;
      transform: none; }
    .c-hl-advice #section-1 .weight-figure figcaption,
    .c-hl-advice #section-2 .weight-figure figcaption {
      margin: .5em 0; }
    .c-hl-advice #section-1 .weight-figure img,
    .c-hl-advice #section-2 .weight-figure img {
      width: 45%; }
  .c-hl-advice .t-button-1 {
    padding-right: 1em; }
  .c-hl-advice .section-cargo-hold .content-container {
    top: -4em; } }

@media screen and (min-width: 48em) {
  .c-hl-advice #section-1 .dimension-figure,
  .c-hl-advice #section-2 .dimension-figure {
    position: relative;
    text-align: left; }
    .c-hl-advice #section-1 .dimension-figure img,
    .c-hl-advice #section-2 .dimension-figure img {
      width: auto; }
    .c-hl-advice #section-1 .dimension-figure .dimension,
    .c-hl-advice #section-2 .dimension-figure .dimension {
      position: absolute;
      top: 50%;
      left: 50%;
      margin-left: 1em;
      transform: translate(0, -50%); }
  .c-hl-advice #section-1 .weight-figure,
  .c-hl-advice #section-2 .weight-figure {
    position: relative;
    text-align: left; }
    .c-hl-advice #section-1 .weight-figure img,
    .c-hl-advice #section-2 .weight-figure img {
      width: auto; }
    .c-hl-advice #section-1 .weight-figure .weight,
    .c-hl-advice #section-2 .weight-figure .weight {
      position: absolute;
      top: 50%;
      right: 50%;
      margin-right: 1em;
      transform: translate(0, -50%); } }

@media screen and (min-width: 80em) {
  .c-hl-advice #section-3 .dimension-figure img {
    width: auto; }
  .c-hl-advice #section-3 .weight-figure {
    position: relative;
    text-align: left; }
    .c-hl-advice #section-3 .weight-figure img {
      width: auto; }
    .c-hl-advice #section-3 .weight-figure .weight {
      position: absolute;
      top: 50%;
      right: 50%;
      margin-right: 1em;
      transform: translate(0, -50%); } }

.c-change-booking-between-page .t-button {
  padding: .5em;
  padding-left: 5.05em;
  line-height: 3.6em; }
  .c-change-booking-between-page .t-button.t-button-3 {
    padding-left: 7em; }
  .c-change-booking-between-page .t-button .text {
    display: inline-block;
    line-height: 1.5em;
    height: 100%;
    vertical-align: middle;
    margin-top: -.1em; }
  .c-change-booking-between-page .t-button .button {
    display: none; }
  .c-change-booking-between-page .t-button [class*='icon-image'] {
    position: absolute;
    left: 1em;
    top: 50%;
    margin-top: -1.7em; }

@media screen and (min-width: 48em) {
  .c-change-booking-between-page .t-button {
    padding: 0 0 1.25em;
    text-align: center;
    line-height: inherit; }
    .c-change-booking-between-page .t-button.t-button-3 {
      padding: 0 0 1.25em; }
    .c-change-booking-between-page .t-button [class*='icon-image'] {
      position: relative;
      top: auto;
      left: auto; }
    .c-change-booking-between-page .t-button [class*='icon-image'],
    .c-change-booking-between-page .t-button .text {
      vertical-align: middle;
      display: block;
      margin: 0 auto; } }

.flow dl::before, .flow dl::after {
  content: ' ';
  display: table;
  width: 0; }

.flow dl::after {
  clear: both; }

.flow dl dt,
.flow dl dd {
  width: 100%;
  float: left; }

.flow dl dt {
  padding-right: 11em;
  margin-right: -11em;
  color: #606060;
  clear: left; }

.flow dl dd {
  width: 11em;
  text-align: right;
  color: #202020;
  font-weight: bold; }

.flow .subtotal {
  margin-bottom: .5em; }
  .flow .subtotal .checkfield {
    display: none; }
    .flow .subtotal .checkfield .h4 {
      margin-top: 2rem; }
  .flow .subtotal li {
    padding: 0 4em 0 0;
    font-weight: bold;
    position: relative;
    color: #202020; }
    .flow .subtotal li .price {
      width: 5rem;
      position: absolute;
      top: -.2rem;
      right: 0;
      font-weight: bold;
      font-size: 1.25rem; }
  .flow .subtotal label {
    color: #2800a0;
    cursor: pointer; }

.flow .outbound .subtotal .inbound .price {
  top: 4.7rem;
  bottom: 2.25rem; }

.flow .info-link {
  margin: .5em 0 0;
  clear: both; }
  .flow .info-link a {
    display: block;
    font-size: .75em;
    font-weight: bold;
    text-decoration: underline; }

.flow .footnote p {
  font-size: .875em;
  color: #202020; }

.theme-flow {
  position: relative; }
  .theme-flow .flow {
    margin-bottom: 0; }
  .theme-flow .form-navigation .button {
    float: left; }
  .theme-flow .form-navigation .button-tertiary {
    margin-top: .875em; }
  .theme-flow .form-navigation .button-primary {
    float: right; }
  .theme-flow + header + footer,
  .theme-flow + footer {
    padding-top: 0; }

@media screen and (min-width: 30em) {
  .panel-default .fields {
    max-width: 41.25rem; }
  .panel-default .field > label {
    width: 45%;
    padding-right: 2em;
    float: left;
    clear: left;
    text-align: right;
    line-height: 1.3em;
    padding-top: .6em; }
  .panel-default .field .selectfield,
  .panel-default .field .textfield,
  .panel-default .field .radiofield,
  .panel-default .field .readonly {
    width: 50%;
    float: left; }
  .panel-default .field .field.datefield,
  .panel-default .field .field.selectfield,
  .panel-default .field .field.textfield,
  .panel-default .field .field.radiofield,
  .panel-default .field .field.readonly {
    width: 100%;
    float: none; }
  .panel-default .contentfield {
    margin-left: 45%; }
  .panel-default .tooltip-dialog {
    margin: .725em 0 0 -1.55rem;
    float: left; }
  .panel .panel-default .field > label {
    width: 45%; }
  .panel .panel-default .phonenumberfield .notification-message {
    margin-left: 45%; }
  /**
     * label 35% width modifier
     */
  .panel .panel-default--35p .field > label {
    width: 35%; }
  .panel .panel-default--35p .HV-gw-type-a--bp5 {
    padding-left: 35% !important; }
  .panel .panel-default--35p .phonenumberfield .notification-message {
    margin-left: 35%; } }

.form-navigation {
  padding: 1.5em 0;
  position: relative;
  background: #fff;
  z-index: 2; }
  .form-navigation .button {
    float: left; }
  .form-navigation .button-tertiary {
    margin-top: .875em; }
  .form-navigation .button-primary {
    float: right; }
  .form-navigation::before, .form-navigation::after {
    content: ' ';
    display: table;
    width: 0; }
  .form-navigation::after {
    clear: both; }
  .form-navigation .payment-methods {
    padding-top: 1.5em;
    clear: both;
    text-align: right;
    vertical-align: middle; }
    .form-navigation .payment-methods img {
      /* autoprefixer: off */
      max-height: 2rem;
      filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
      /* Firefox 10+, Firefox on Android */
      filter: #808080;
      /* IE6-9 */
      -webkit-filter: grayscale(100%);
      /* Chrome 19+, Safari 6+, Safari 6+ iOS */ }

.step-indicator::before, .step-indicator::after {
  content: ' ';
  display: table;
  width: 0; }

.step-indicator::after {
  clear: both; }

.step-indicator ol {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
  border-radius: 1em;
  display: table;
  position: relative;
  z-index: 1;
  counter-reset: step-indicator;
  background: rgba(255, 255, 255, 0.7); }
  .step-indicator ol::before, .step-indicator ol::after {
    display: none; }

.step-indicator li {
  line-height: 2rem;
  display: table-cell;
  border-radius: 1em;
  color: rgba(32, 32, 32, 0.5);
  counter-increment: step-indicator; }
  .step-indicator li::before {
    padding: 0 1rem;
    display: block;
    content: counter(step-indicator);
    text-align: center; }
  .step-indicator li.is-active {
    -moz-background-clip: padding;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    background: #2800a0;
    /* stylelint-disable-line declaration-block-no-shorthand-property-overrides */
    color: #fff; }

.step-indicator span {
  display: none;
  text-align: center;
  font-size: .875rem;
  font-weight: bold; }

@media screen and (min-width: 48em) {
  .step-indicator {
    margin-top: -1.5rem; }
    .step-indicator h1 {
      position: relative;
      margin-top: 1.5rem;
      margin-bottom: 0;
      padding-right: 1.5rem;
      float: left;
      line-height: 1;
      z-index: 1; }
    .step-indicator ol {
      margin-top: 1.5rem;
      width: auto;
      float: right; }
    .step-indicator li {
      padding: 0 1.5rem; }
      .step-indicator li::before {
        display: none; }
    .step-indicator span {
      display: block; } }

.flight-summary {
  display: none; }

@media screen and (min-width: 50em) {
  .flight-summary {
    margin: 0;
    padding: 1rem 1.25rem;
    list-style: none;
    display: block;
    overflow: hidden;
    position: relative;
    z-index: 1;
    border-radius: .75rem;
    background: rgba(255, 255, 255, 0.7); }
    .flight-summary li {
      width: 33.33333333333333%;
      float: left;
      font-size: .875rem;
      color: #2800a0; }
      .flight-summary li + li {
        text-align: center; }
      .flight-summary li + li + li {
        text-align: right; }
    .flight-summary strong {
      display: block; }
    .flight-summary.single-flight li:last-child {
      text-align: center; } }

/* stylelint-disable scss/dollar-variable-colon-space-after */
/* stylelint-enable */
.home-cols {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 1rem; }
  @media screen and (min-width: 48em) {
    .home-cols {
      flex-direction: row; } }
  .home-cols .home-col .sticker {
    max-width: 13rem; }
  .home-cols .home-col .sticker:not(:first-child),
  .home-cols .home-col .brick__button:not(:first-child) {
    margin-top: 1rem; }
  .home-cols .home-col .brick__button {
    display: inline-block; }
  .home-cols .home-col--1 {
    order: 2;
    margin-top: 1rem; }
  .home-cols .home-col--3 {
    display: none;
    width: 13rem; }
  @media screen and (min-width: 40em) {
    .home-cols .home-col--1 {
      margin-top: 2rem; } }
  @media screen and (min-width: 48em) {
    .home-cols .home-col .carousel-item,
    .home-cols .home-col .brick__button {
      max-width: 13rem; }
    .home-cols .home-col--1 {
      order: 0;
      width: 40%;
      margin-top: 0; }
    .home-cols .home-col--2 {
      margin-left: 2rem;
      width: 60%; } }
  @media screen and (min-width: 56em) {
    .home-cols .home-col--1 {
      order: 0;
      width: 25%;
      max-width: 13rem; }
    .home-cols .home-col--2 {
      margin: 0 1.5rem;
      width: 50%; }
    .home-cols .home-col--3 {
      display: block;
      width: 25%;
      max-width: 13rem; } }
  @media screen and (min-width: 64em) {
    .home-cols .home-col--2 {
      width: 40%; } }

.button-container__search-home {
  display: flex;
  justify-content: center; }
  .button-container__search-home .button {
    max-width: 25rem; }

.alternative-search-links {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: .5rem;
  flex-wrap: wrap;
  padding: 1rem 0; }
  .alternative-search-links a {
    color: #606060; }
    .alternative-search-links a:hover, .alternative-search-links a:focus {
      color: #2800a0; }
  @media screen and (min-width: 48em) {
    .alternative-search-links {
      flex-direction: row;
      padding: 1.5rem 0 0 0;
      justify-content: space-between; } }

.notification {
  padding: .5rem;
  border-radius: .75rem;
  clear: both; }
  .notification .notification-message {
    margin-bottom: 0; }
    .notification .notification-message * {
      margin-bottom: 0; }
  .notification button[type='submit'] {
    margin-top: 1rem; }
  h4 + .notification {
    margin-top: .5em; }
  .has-notification .notification {
    border-radius: 0 0 .75rem .75rem; }

.notification.panel-arrow-bottom {
  position: relative; }
  .notification.panel-arrow-bottom::before {
    width: .875rem;
    height: .875rem;
    background: #9df;
    content: '';
    transform: rotate(45deg);
    position: absolute;
    bottom: -.5rem;
    left: 45%; }

.notification p {
  font-size: .875rem; }

.notification .notification-title {
  margin-bottom: 0;
  font-weight: bold; }
  .notification .notification-title:first-child {
    margin-top: 0; }
  .stamp + .notification .notification-title {
    margin-top: 0; }

.notification .notification-icon {
  font-size: 1rem;
  float: right; }

.notification-inline {
  margin: .5em 0 0;
  clear: both; }
  .notification-inline :last-child {
    margin-bottom: 0; }

.notification-list {
  margin: 0;
  list-style-type: disc; }
  .notification-list li:only-child {
    list-style: none;
    margin-left: -1.063rem; }

.notification-message {
  font-size: .875rem; }
  .notification-message > * {
    font-size: .875rem; }
  .ici .notification-message {
    font-size: .75rem; }
    .ici .notification-message ul {
      margin-top: .5rem; }
    .ici .notification-message > * {
      font-size: 1rem; }
  .notification-message .request-quote-button {
    width: 100%;
    margin: .7rem 0; }

.notification-error {
  color: #202020; }
  .notification-error .notification-title {
    color: #202020; }
  .notification-error.notification {
    background: #ff8484; }
    .notification-error.notification * {
      color: #202020; }
  .notification-error.notification-inline {
    color: #ff6565; }

.fields label.notification-error-label,
.fields .label.notification-error-label, .checkfield-wrapper .notification-error-label,
.radiofield-wrapper .notification-error-label, .notification-error-label {
  color: #ff6565; }
  .fields label.notification-error-label *, .fields .label.notification-error-label *, .checkfield-wrapper .notification-error-label *, .radiofield-wrapper .notification-error-label *, .notification-error-label * {
    color: inherit; }

.notification-informative.notification {
  background: #9df;
  color: #202020; }

.notification-informative.notification-title,
.notification-informative .notification-title {
  color: #202020; }

.notification-balloon {
  margin-top: 1rem;
  position: relative; }
  .notification-balloon .notification-message {
    color: #202020; }
  .notification-balloon::before {
    width: .875rem;
    height: .875rem;
    content: '';
    transform: rotate(45deg);
    position: absolute;
    top: -.4375rem;
    left: 2.5rem; }
  .notification-balloon.notification-informative::before {
    background: #9df; }
  .notification-balloon.notification-error::before {
    background: #ff8484; }

.notification-success.notification {
  background: #4ce298;
  color: #202020; }
  .notification-success.notification a {
    color: #202020;
    font-weight: bold; }
    .notification-success.notification a:hover {
      text-decoration: none; }
  .notification-success.notification .stamp {
    background-color: #2d5a44;
    color: #4ce298 !important; }

.notification-success-light.notification {
  background: #edfbf0;
  color: #202020; }

.notification-warning.notification {
  background: #f9bf71;
  color: #202020; }
  .notification-warning.notification a {
    color: #202020;
    font-weight: bold; }
    .notification-warning.notification a:hover {
      text-decoration: none; }
  .notification-warning.notification .stamp {
    background: rgba(32, 32, 32, 0.7);
    color: #f9bf71 !important; }

.notification-modal {
  text-align: center; }
  .notification-modal .notification-booking-number {
    font-weight: bold;
    margin-bottom: 0; }
  .notification-modal .notification-icon {
    margin: 0 0 .5rem; }
  .notification-modal > .notification-message {
    font-size: 1rem;
    max-width: 36em;
    margin-left: auto;
    margin-right: auto; }
  .notification-modal > div.notification-message > * {
    font-size: 1rem; }
  .notification-modal .notification-title {
    color: #00d66c; }
  .notification-modal.notification-info .notification-title {
    color: #37a6ff; }
  .notification-modal.notification-busy .notification-title {
    color: #2800a0; }
  .notification-modal.notification-busy .notification-message {
    font-weight: bold; }
  .notification-modal.notification-warning .notification-title {
    color: #f28c37; }
  .notification-modal .notification {
    margin: 0 auto 1.4em;
    text-align: left; }
    .notification-modal .notification .notification-title {
      margin: 0;
      max-width: none;
      font-size: .875em;
      font-weight: bold; }
    .notification-modal .notification .notification-message {
      margin-left: 0;
      margin-right: 0;
      max-width: none;
      font-size: .875rem; }
    .notification-modal .notification p {
      max-width: none;
      margin: 0;
      font-size: .875rem; }
    .notification-modal .notification.notification-informative .notification-title {
      color: #202020; }
    .notification-modal .notification.notification-success .notification-title {
      color: #00d66c; }
    .notification-modal .notification.notification-warning .notification-title {
      color: #202020; }
  .notification-modal .notification--center {
    text-align: center; }

.notification-no-logo,
.notification-no-logo.notification-success {
  margin-bottom: -1rem; }
  .notification-no-logo .notification-success,
  .notification-no-logo.notification-success .notification-success {
    margin-bottom: 0; }
    .notification-no-logo .notification-success::after,
    .notification-no-logo.notification-success .notification-success::after {
      display: none; }

.notification-busy .notification-message {
  font-size: 1em;
  font-weight: bold; }

.notification-icon {
  width: 2.3125rem;
  height: 2.3125rem;
  font-size: 1.2rem;
  line-height: 2.3125rem;
  border-radius: 50%;
  margin: 0;
  display: inline-block;
  text-align: center;
  position: relative; }
  .notification-icon.icon-info {
    background: #37a6ff; }
    .notification-icon.icon-info::before {
      color: #fff;
      top: -.2rem; }
  .notification-icon.icon-success {
    background: #00d66c; }
    .notification-icon.icon-success::before {
      color: #fff; }
  .notification-icon.icon-warning {
    background: #f28c37; }
    .notification-icon.icon-warning::before {
      color: #fff; }
  .notification-icon.icon-time::before {
    color: #37a6ff;
    font-size: 2.3125rem; }

.has-notification-bullet::after {
  content: "•";
  color: #ff3268;
  font-size: 2.4em;
  line-height: 0; }

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

.icon-dialog {
  width: 1.4375em;
  height: 1.4375em;
  margin-top: 0;
  background-size: 25%; }

.textfield-rangechecker .notification {
  border-radius: 0 0 .75em .75em; }

@media screen and (max-width: 30em) {
  .notification .stamp-in-margin--bp0 {
    padding-left: 2.2rem;
    min-height: 2.3em; }
    .notification .stamp-in-margin--bp0 .stamp {
      top: .25rem;
      left: .4em; }
    .notification .stamp-in-margin--bp0 .stamp.icon-font {
      line-height: .9rem;
      width: 1.125rem;
      height: 1.125rem; }
      .notification .stamp-in-margin--bp0 .stamp.icon-font::before {
        font-size: .6rem; } }

@media screen and (min-width: 30em) {
  .notification {
    padding: 1rem;
    padding-left: 1em;
    padding-right: 1em; } }

@media screen and (min-width: 48em) {
  .notification-icon {
    height: 3rem;
    width: 3rem;
    font-size: 1.4rem;
    line-height: 3rem; }
    .notification-icon.icon-time::before {
      font-size: 3rem; }
  .notification-modal .notification-icon {
    margin: 0 0 1rem; } }

/*
    notification-informative--light is a lighter variant of the standard informative
    and does not have the same styling behavious/breakpoints as the other ones
    It is copied from the newer design, used in SearchPanel (react app)

    * the icon and paddings stay the same in all breakpoints
    * the border-radius is smaller
*/
.notification-informative--light.notification {
  background: #eff8ff;
  color: #202020; }

.notification-informative--light.notification {
  border-radius: .5rem;
  padding: .5rem; }

.notification-informative--light .stamp-informative--light {
  position: relative;
  padding-top: .1rem;
  padding-left: 2rem;
  min-height: 1.5rem; }
  .notification-informative--light .stamp-informative--light .stamp {
    position: absolute;
    top: 0;
    left: .15rem; }
    .notification-informative--light .stamp-informative--light .stamp.icon-information--light {
      background-color: #37a6ff;
      color: #fff !important; }
    .notification-informative--light .stamp-informative--light .stamp.icon-font {
      line-height: 1;
      width: 1.25rem;
      height: 1.25rem; }
      .notification-informative--light .stamp-informative--light .stamp.icon-font::before {
        font-size: .7rem; }

.notification-informative--light .notification-message,
.notification-informative--light .notification-message > * {
  font-size: .75rem; }

.notification-25-term {
  position: relative;
  z-index: 10;
  padding: 1rem 0;
  background: #9df; }

@media screen and (min-width: 40em) {
  .notification-25-term {
    padding: 2rem 0; } }

.notification-content-25-term {
  color: #202020; }
  .notification-content-25-term * {
    color: inherit; }
  .notification-content-25-term .icon-medium-transavia {
    opacity: .7;
    margin-left: -.12em; }
  .notification-content-25-term .icon-in-margin--bp10 .icon-medium-transavia {
    display: none; }
  .notification-content-25-term .content a .icon-next {
    margin-left: -.3em; }

@media screen and (min-width: 40em) {
  .notification-content-25-term .icon-in-margin--bp10 .icon-medium-transavia {
    display: inline-block;
    float: left;
    line-height: 1;
    margin-right: 1rem; }
  .notification-content-25-term .icon-in-margin--bp10 .content {
    overflow: hidden; } }

.promo-element {
  position: relative;
  display: inline-block; }

.promo-element_arrow {
  position: absolute;
  width: .5em;
  height: .5em;
  border-left: 0.125rem solid #ff3268;
  border-bottom: 0.125rem solid #ff3268;
  background-color: #fff; }

.promo-element_container {
  display: block;
  padding: .4em 1em .3em;
  border: 0.125rem solid #ff3268;
  border-radius: .375em;
  background-color: #fff; }

.promo-element--arrow-top--bp0 {
  display: block;
  margin: .5em 0 0;
  padding: .25em 0 0; }
  .promo-element--arrow-top--bp0 .promo-element_arrow {
    top: 0;
    left: 10%;
    transform: rotate(135deg) skew(-5deg, -5deg); }

.promo-element--arrow-left--bp0 {
  display: inline-block;
  margin: 0 0 0 .5em;
  padding: 0 0 0 .25em; }
  .promo-element--arrow-left--bp0 .promo-element_arrow {
    left: 0;
    top: 50%;
    margin-top: -.2em;
    transform: rotate(45deg) skew(-5deg, -5deg); }

@media screen and (min-width: 40em) {
  .promo-element {
    width: 50%; } }

@media screen and (min-width: 56em) {
  .promo-element {
    width: auto; }
  .promo-element--arrow-top--bp25 {
    display: block;
    margin: .5em 0 0;
    padding: .25em 0 0; }
    .promo-element--arrow-top--bp25 .promo-element_arrow {
      top: 0;
      left: 10%;
      transform: rotate(135deg) skew(-5deg, -5deg); }
  .promo-element--arrow-left--bp25 {
    display: inline-block;
    margin: 0 0 0 .5em;
    padding: 0 0 0 .25em; }
    .promo-element--arrow-left--bp25 .promo-element_arrow {
      left: 0;
      top: 50%;
      margin-top: -.2em;
      transform: rotate(45deg) skew(-5deg, -5deg); } }

.icon-spinner {
  padding: .5em;
  background: #2800a0;
  border-radius: 50%;
  width: 3rem;
  height: 3rem;
  font-size: 1rem;
  line-height: 3rem; }
  .icon-spinner .container {
    width: 2em;
    height: 2em;
    position: relative;
    background: url("../img/spinner/spinner.svg") no-repeat center center;
    background-size: 71%;
    animation: spinner 2s linear infinite; }
    .icon-spinner .container div {
      display: none; }

.icon-spinner-preload::after {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  z-index: -1;
  content: url("../img/spinner/spinner.svg"); }

@keyframes spinner {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.searchfield {
  padding: 15px;
  display: flex;
  border-radius: 8px;
  border: 1px solid #ccc; }

.searchfield-input {
  border: none;
  flex: 1 1 auto;
  margin-right: 15px; }
  .searchfield-input:focus {
    outline: none; }

.searchfield-button {
  flex: 0 0 auto; }

.searchfield-wrapper {
  margin: 40px 0; }

.faq-wrapper {
  padding: 40px 0; }

.faq-scrollbox {
  border-top: 1px solid #ccc;
  padding-top: 20px; }
  .content-block--green .content-text-color .faq-scrollbox,
  .content-block--blue .content-text-color .faq-scrollbox {
    border-color: #fff; }
  .faq-scrollbox .link-list li a {
    font-weight: normal; }
  .faq-scrollbox.is-expanded .faq-scrollbox-content {
    max-height: 325px;
    overflow-y: scroll; }
  .faq-scrollbox.is-expanded .faq-scrollbox-trigger {
    display: none; }

.faq-scrollbox-title {
  font-size: 1.3rem;
  font-weight: normal;
  margin-bottom: 1rem; }
  .content-block--green .content-text-color .faq-scrollbox-title,
  .content-block--blue .content-text-color .faq-scrollbox-title {
    color: #fff; }

.faq-scrollbox-content {
  max-height: 150px;
  overflow: hidden; }

.faq-hash-offset {
  padding-top: 30px;
  margin-top: -30px; }
  @media screen and (min-width: 50em) {
    .faq-hash-offset {
      padding-top: 60px;
      margin-top: -60px; } }

.content-block.content-block--faq-morequestions {
  padding-top: 0; }

.faq-morequestions-trigger .icon-up-small {
  display: none; }

.is-expanded .faq-morequestions-trigger .icon-up-small {
  display: inline-block; }

.is-expanded .faq-morequestions-trigger .icon-down-small {
  display: none; }

[data-initialized="expandibleByUrl/ExpandibleByUrl"].content-block:not(.is-expanded) {
  margin: 0;
  padding: 0; }

.faq-morequestions-content {
  display: none; }
  .is-expanded .faq-morequestions-content {
    display: block; }

.breadcrumb--faq {
  display: none; }
  .is-expanded .breadcrumb--faq {
    display: block; }

/* stylelint-disable scss/dollar-variable-colon-space-after */
/* stylelint-enable */
/* stylelint-disable scss/dollar-variable-colon-space-after */
/* stylelint-enable */
.icon--circle {
  width: 1.125rem;
  height: 1.125rem;
  border-radius: 50%;
  line-height: 1;
  position: relative;
  text-align: center;
  display: block; }
  .icon--circle::before {
    font-size: 0.75rem;
    line-height: 1.5; }

.icon--circle-warning {
  background-color: #f28c37;
  color: #fff; }

@media screen and (min-width: 48em) {
  .icon--circle {
    width: 1.5rem;
    height: 1.5rem; }
    .icon--circle::before {
      font-size: 1rem; } }

.icon-in-margin {
  margin: 0 0 0 1.5rem;
  position: relative; }
  .icon-in-margin .icon-font {
    top: .75rem;
    left: -1.5rem;
    position: absolute;
    color: inherit; }

.icon-in-heading {
  margin: 0 0 0 2em; }
  .icon-in-heading .icon-font {
    margin: 0 .25em 0 -1.25em;
    font-size: 1.5em; }

.stamp {
  position: relative;
  font-weight: normal;
  text-align: center;
  line-height: 2.3125rem;
  color: #fff !important;
  width: 2.3125rem;
  height: 2.3125rem;
  border-radius: 50%;
  display: block;
  margin-bottom: .325em;
  vertical-align: middle;
  background: #00d66c; }
  .stamp::before {
    font-size: 1.5rem; }

.stamp.icon-font::before {
  font-size: 1.2rem; }

.stamp.icon-success {
  background: #00d66c; }

.stamp.icon-warning {
  background: #f9bf71;
  color: #202020 !important; }

.stamp.icon-information {
  background: rgba(32, 32, 32, 0.7);
  color: #9df !important; }

.stamp.icon-error {
  color: #ff8484 !important;
  background: rgba(32, 32, 32, 0.7); }

.stamp-char {
  background-color: #2800a0;
  font-size: 1.25rem;
  font-weight: bold; }

.stamp-in-margin--bp0 {
  position: relative;
  padding-left: 3.3125rem;
  min-height: 2.3125rem; }
  .stamp-in-margin--bp0 .stamp {
    position: absolute;
    top: 0;
    left: 0; }

.stamp-top-margin--bp0 {
  padding-top: .25em; }

@media screen and (min-width: 26em) {
  .stamp-in-margin--bp5 {
    position: relative;
    padding-left: 3.3125rem;
    min-height: 2.3125rem; }
    .stamp-in-margin--bp5 .stamp {
      position: absolute;
      top: 0;
      left: 0; }
  .stamp-top-margin--bp5 {
    padding-top: .2em; } }

@media screen and (min-width: 40em) {
  .stamp-in-margin--bp10 {
    position: relative;
    padding-left: 3.3125rem;
    min-height: 2.3125rem; }
    .stamp-in-margin--bp10 .stamp {
      position: absolute;
      top: 0;
      left: 0; }
  .stamp-top-margin--bp10 {
    padding-top: .2em; } }

@media screen and (min-width: 48em) {
  .stamp-in-margin--bp20 {
    position: relative;
    padding-left: 4.4rem;
    min-height: 3em; }
    .stamp-in-margin--bp20 .stamp {
      position: absolute;
      top: 0;
      left: 0; }
    .stamp-in-margin--bp20 .stamp {
      width: 3em;
      height: 3em;
      line-height: 3em; }
      .stamp-in-margin--bp20 .stamp.icon-font::before {
        font-size: 1.5rem; }
      .stamp-in-margin--bp20 .stamp span {
        font-size: 1.75em; }
  .stamp-bigger--bp20 {
    width: 3em;
    height: 3em;
    line-height: 3em; }
    .stamp-bigger--bp20.icon-font::before {
      font-size: 1.5rem; }
    .stamp-bigger--bp20 span {
      font-size: 1.75em; }
  .stamp-top-margin--bp20 {
    padding-top: .75em; } }

@media screen and (min-width: 64em) {
  .stamp-in-margin--bp27 {
    position: relative;
    padding-left: 4.4rem;
    min-height: 3em; }
    .stamp-in-margin--bp27 .stamp {
      position: absolute;
      top: 0;
      left: 0; }
    .stamp-in-margin--bp27 .stamp {
      width: 3em;
      height: 3em;
      line-height: 3em; }
      .stamp-in-margin--bp27 .stamp.icon-font::before {
        font-size: 1.5rem; }
      .stamp-in-margin--bp27 .stamp span {
        font-size: 1.75em; } }

@media screen and (min-width: 80em) {
  .stamp-in-margin--bp20 .stamp.icon-font::before {
    font-size: 30px; } }

@media screen and (min-width: 105em) {
  .stamp-in-margin--bp30 {
    position: relative;
    padding-left: 4.4rem;
    min-height: 3em; }
    .stamp-in-margin--bp30 .stamp {
      position: absolute;
      top: 0;
      left: 0; }
    .stamp-in-margin--bp30 .stamp {
      width: 3em;
      height: 3em;
      line-height: 3em; }
      .stamp-in-margin--bp30 .stamp.icon-font::before {
        font-size: 1.5rem; }
      .stamp-in-margin--bp30 .stamp span {
        font-size: 1.75em; } }

.flag-list {
  padding-left: 0;
  list-style: none; }
  .flag-list li {
    padding-left: 3.5rem; }
  .flag-list .flag {
    width: 2em;
    height: 2em;
    margin: 0 0 0 -3.1rem;
    float: left;
    background: 0 0 no-repeat; }
  .flag-list .flag-nl {
    background-image: url("../img/flags/nl.svg");
    background-size: contain; }
  .flag-list .flag-be {
    background-image: url("../img/flags/be.svg");
    background-size: contain; }
  .flag-list .flag-en {
    background-image: url("../img/flags/en.svg");
    background-size: contain; }
  .flag-list .flag-fr {
    background-image: url("../img/flags/fr.svg");
    background-size: contain; }
  .flag-list .flag-es {
    background-image: url("../img/flags/es.svg");
    background-size: contain; }
  .flag-list .flag-it {
    background-image: url("../img/flags/it.svg");
    background-size: contain; }
  .flag-list .flag-pt {
    background-image: url("../img/flags/pt.svg");
    background-size: contain; }
  .flag-list .flag-de {
    background-image: url("../img/flags/de.svg");
    background-size: contain; }
  .flag-list .flag-other {
    background: none; }
    .flag-list .flag-other::before {
      font-size: 2rem; }

.is-loading-type-dimmed {
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none; }
  .is-loading-type-dimmed > *:not(.icon-spinner) {
    transition: opacity .5s;
    opacity: .4 !important; }
  .is-loading-type-dimmed::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100; }

.center-loading-icon {
  position: relative; }
  .center-loading-icon .icon-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -1.5em;
    margin-top: -1.5em;
    z-index: 100; }

.top-center-loading-icon {
  position: relative;
  min-height: 5rem; }
  .top-center-loading-icon:empty {
    min-height: 0; }
  .top-center-loading-icon .icon-spinner {
    position: absolute;
    top: 1rem;
    left: 50%;
    margin-left: -1.5rem;
    z-index: 100; }

.bottom-center-loading-icon {
  position: relative;
  min-height: 5rem; }
  .bottom-center-loading-icon:empty {
    min-height: 0; }
  .bottom-center-loading-icon .icon-spinner {
    position: absolute;
    bottom: 2rem;
    left: 50%;
    margin-left: -1.5rem;
    z-index: 100; }

.reserve-space-for-loading-icon {
  min-width: 3em;
  min-height: 3em; }

.legend {
  margin: 0 0 .5em;
  padding: 0;
  list-style: none; }

.legend_item {
  display: inline-block;
  position: relative;
  margin: 0 1em .5em 0;
  padding-left: 1em; }
  .legend_item::before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: .5em;
    width: .5em;
    height: .5em;
    border-radius: .5em; }
  .legend_item:last-child {
    margin-right: 0; }

.legend_item--blue::before {
  background-color: #2800a0; }

.legend_item--green::before {
  background-color: #00d66c; }

.legend_item--ruby::before {
  background-color: #ff3268; }

/*
 * COMPONENT: sticker
 */
.sticker {
  display: table;
  padding: 1rem 1.5rem;
  background-color: #00d66c;
  color: #fff;
  border-radius: .5rem;
  text-align: center; }

.sticker--price {
  display: block;
  text-align: left; }
  .sticker--price .sticker_content {
    display: block; }

/*
 * PART: content
 */
.sticker_content {
  display: table-cell;
  vertical-align: middle; }

/*
 * THEME: icon
 */
.sticker--icon .icon-font {
  font-size: 2rem; }

/*
 * THEME: icon-medium
 */
.sticker--icon-medium .icon-font {
  font-size: 2.75rem; }

/*
 * THEME: icon-large
 */
.sticker--icon-large .icon-font {
  font-size: 3.5rem; }

/*
 * THEME: width-small
 */
.sticker--width-small {
  padding: 1rem; }

/*
 * THEME: height-medium
 */
.sticker--height-medium {
  height: 7rem; }

/*
 * THEME: height-large
 */
.sticker--height-large {
  height: 10.5rem; }

/*
 * THEME: height-full
 */
.sticker--height-full {
  height: 100%; }

/*
 * THEME: radius-medium
 */
.sticker--radius-medium {
  border-radius: 1.25rem; }

/*
 * THEME: radius-large
 */
.sticker--radius-large {
  border-radius: 6.25rem; }

/*
 * THEME: blue
 */
.sticker--blue {
  background-color: #2800a0;
  color: #fff; }

/*
 * THEME: ruby
 */
.sticker--ruby {
  background-color: #ff3268;
  color: #fff; }

/*
 * THEME: green
 */
.sticker--green {
  background-color: #00d66c;
  color: #fff; }
  .content-block-bg-image .sticker--green,
  .background-image .sticker--green {
    background-color: rgba(0, 214, 108, 0.9); }

/*
 * THEME: white
 */
.sticker--white {
  background-color: #fff; }

/*
 * THEME: weather
 */
.sticker--weather {
  height: 5.7rem; }

/*
 * THEME: link
 */
.sticker--link {
  position: relative; }

.sticker_link {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0; }

/*
 * THEME: logo
 */
.sticker__logo-image {
  max-height: 2.5rem;
  max-width: 100%; }

.sticker--logo {
  width: 100%;
  height: 2.5rem;
  padding-top: .5rem;
  padding-bottom: .5rem; }

/*
 * THEME: home/mobile
 */
.sticker-container--autosize {
  display: flex;
  flex-direction: column; }
  .sticker-container--autosize .sticker {
    align-self: baseline; }
  .sticker-container--autosize .button.button-call-to-action {
    margin-top: 1rem;
    align-self: baseline;
    width: auto; }

/*
 * THEME: sticker icon list-style for list item
 */
.sticker-list {
  padding: 0;
  list-style: none; }

.sticker-list {
  display: flex;
  row-gap: 1.5rem;
  flex-direction: column; }
  .sticker-list__item {
    display: inline-flex;
    align-items: center;
    -moz-column-gap: 1rem;
         column-gap: 1rem;
    color: #202020;
    font-weight: 800; }
  .sticker-list__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .75rem .5rem; }

/* stylelint-disable scss/dollar-variable-colon-space-after */
/* stylelint-enable */
/* stylelint-disable scss/dollar-variable-colon-space-after */
/* stylelint-enable */
.card {
  position: relative; }
  .card--destination_visual {
    height: 10em; }
  .card--destination_sticker {
    position: absolute;
    right: 1rem;
    bottom: 1rem; }

.js .scrolltop {
  display: none; }

.js .scrolltop[data-module='ui/ScrollTop'][data-initialized='ui/ScrollTop'] {
  display: block;
  position: fixed;
  margin: 0;
  bottom: 0;
  width: 3.125em;
  right: 3.125em;
  height: 0;
  background-color: #2800a0;
  background-size: .9375em;
  border-radius: .5rem .5rem 0 0;
  z-index: 100;
  transition: height .3s ease-in;
  opacity: .9; }
  .performance-limited .js .scrolltop[data-module='ui/ScrollTop'][data-initialized='ui/ScrollTop'] {
    opacity: 1; }
  .js .scrolltop[data-module='ui/ScrollTop'][data-initialized='ui/ScrollTop'].is-visible {
    bottom: 0;
    height: 3.125em; }
  .js .scrolltop[data-module='ui/ScrollTop'][data-initialized='ui/ScrollTop'] a {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 100%;
    white-space: nowrap;
    overflow: hidden;
    outline: none;
    color: #2800a0;
    font-weight: normal;
    text-decoration: none; }
    .js .scrolltop[data-module='ui/ScrollTop'][data-initialized='ui/ScrollTop'] a::before {
      width: 3.125em;
      right: 3.125em;
      content: "";
      font-family: transavicon, sans-serif;
      color: #fff;
      font-size: 1.8rem;
      position: absolute;
      top: .3rem;
      left: .7rem; }
    .js .scrolltop[data-module='ui/ScrollTop'][data-initialized='ui/ScrollTop'] a:hover {
      text-decoration: none; }

.calendar-placeholder {
  position: relative;
  margin: auto -.5rem; }
  .calendar-placeholder.is-loading-type-dimmed::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10; }
  .calendar-placeholder.is-loading-type-dimmed table {
    opacity: .4; }
  .calendar-placeholder.is-loading-type-dimmed .button-previous,
  .calendar-placeholder.is-loading-type-dimmed .button-next {
    color: #909090; }
  .calendar-placeholder .icon-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 20;
    transform: translate(-50%, -50%);
    margin: 0; }

.c-calendar {
  background-color: #fff; }
  .c-calendar table {
    margin-bottom: 0;
    transition: opacity .4s;
    table-layout: fixed;
    border-collapse: separate; }
    .c-calendar table thead tr:first-child th {
      padding-top: 0.5rem;
      color: #fff;
      background-color: #00d66c; }
      .c-calendar table thead tr:first-child th:first-child {
        border-radius: 0.75rem 0 0; }
      .c-calendar table thead tr:first-child th:last-child {
        border-radius: 0 0.75rem 0 0; }
    .c-calendar table tbody tr td:first-child {
      border-left: 0.0625rem solid rgba(0, 0, 0, 0.15); }
    .c-calendar table tbody tr td:last-child {
      border-right: 0.0625rem solid rgba(0, 0, 0, 0.15); }
    .c-calendar table tbody tr:last-child td {
      border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.15); }
      .c-calendar table tbody tr:last-child td:first-child {
        border-radius: 0 0 0 0.75rem; }
      .c-calendar table tbody tr:last-child td:last-child {
        border-radius: 0 0 0.75rem; }
    .c-calendar table tbody .airport-date-message td {
      border: 0; }
    .c-calendar table tbody .airport-date-message .notification {
      border-radius: 0 0 0.75rem 0.75rem; }
    .c-calendar table tbody.no-border-bottom tr:last-child td {
      border-bottom: 0;
      border-radius: 0; }
  .c-calendar .h3 {
    vertical-align: middle;
    color: #fff;
    font-size: 1.5rem; }
  .c-calendar .button-previous,
  .c-calendar .button-next {
    color: #fff;
    font-size: 1.25rem;
    padding-left: 0;
    padding-right: 0; }
  .c-calendar .button-disabled {
    color: #ccc;
    background: #00d66c; }
  .c-calendar .week-day {
    padding: .5em 0;
    color: #fff;
    text-align: center;
    background-color: #00d66c; }
  .c-calendar .day-cell {
    padding: 1px;
    vertical-align: top;
    width: 14.28571%; }
  .c-calendar .day-placeholder {
    height: 4rem;
    text-align: center; }
  .c-calendar .button-day {
    width: 100%;
    height: inherit;
    padding: .4rem 0 .6rem;
    border: 0.0625em solid #e6e6e6;
    border-radius: .5rem;
    box-shadow: none;
    font-weight: normal; }
    .c-calendar .button-day .day,
    .c-calendar .button-day .price {
      display: block; }
    .c-calendar .button-day .price {
      color: #00d66c; }
  .c-calendar .is-selected .button-day {
    background: #00d66c; }
    .c-calendar .is-selected .button-day * {
      color: #fff; }
  .c-calendar .is-unselectable .day {
    padding-top: .75rem;
    color: #ccc; }
  .c-calendar .price {
    font-size: 0.6875rem;
    font-weight: bold; }
  .c-calendar .day-placeholder--offer .button-day .price {
    color: #2800a0; }
  .c-calendar .day-placeholder--offer.is-selected .button-day {
    background: #2800a0; }
    .c-calendar .day-placeholder--offer.is-selected .button-day * {
      color: #fff; }
  .c-calendar .day-placeholder--promo .button-day {
    border: 0.125rem solid #ff3268; }
    .c-calendar .day-placeholder--promo .button-day .price {
      color: #ff3268; }
  .c-calendar .day-placeholder--promo.is-selected .button-day {
    background: #ff3268; }
    .c-calendar .day-placeholder--promo.is-selected .button-day * {
      color: #fff; }

@media (min-width: 26.25rem) and (max-width: 34.5625rem) {
  .c-calendar .price {
    font-size: 0.75rem; } }

@media screen and (min-width: 34.625rem) {
  .c-calendar .price {
    font-size: 1rem; } }

@media screen and (min-width: 30rem) {
  .c-calendar tbody tr td:first-child {
    padding-left: 0.125rem; }
  .c-calendar tbody tr td:last-child {
    padding-right: 0.125rem; }
  .c-calendar tbody tr:first-child td {
    padding-top: 0.125rem; }
  .c-calendar tbody tr:last-child td {
    padding-bottom: 0.125rem; }
  .c-calendar tbody .airport-date-message td {
    padding: 0; } }

@media screen and (min-width: 40rem) {
  .calendar-placeholder {
    margin: auto; } }

@media screen and (min-width: 68rem) {
  .calendar-placeholder {
    margin: auto -.5rem; } }

[data-module*='ui/Toggle'][data-initialized*='ui/Toggle'] .toggle-element {
  padding: 0 0 0 2rem;
  cursor: pointer;
  color: #00d66c;
  font-weight: bold;
  position: relative;
  transition: color linear .2s; }
  [data-module*='ui/Toggle'][data-initialized*='ui/Toggle'] .toggle-element::before {
    position: absolute;
    left: 0;
    transition: transform .4s linear;
    line-height: inherit;
    transform-origin: center; }
  [data-module*='ui/Toggle'][data-initialized*='ui/Toggle'] .toggle-element--variant-a {
    color: #2800a0;
    font-weight: normal; }
  [data-module*='ui/Toggle'][data-initialized*='ui/Toggle'] .toggle-element--centered {
    display: block;
    margin: auto;
    width: 100%;
    padding-left: 0;
    text-align: center; }
    [data-module*='ui/Toggle'][data-initialized*='ui/Toggle'] .toggle-element--centered::before {
      display: inline-block;
      position: relative;
      top: -.0625rem;
      margin-right: .625rem; }
  [data-module*='ui/Toggle'][data-initialized*='ui/Toggle'] .toggle-element:hover {
    color: #ff3268; }
  [data-module*='ui/Toggle'][data-initialized*='ui/Toggle'] .toggle-element__text-open, [data-module*='ui/Toggle'][data-initialized*='ui/Toggle'] .toggle-element__text-close {
    transition: opacity .5s linear; }

[data-module*='ui/Toggle'][data-initialized*='ui/Toggle'] .is-open .toggle-element::before,
[data-module*='ui/Toggle'][data-initialized*='ui/Toggle'] .is-animating:not(.is-open) .toggle-element::before {
  transform: rotate(180deg); }

[data-module*='ui/Toggle'][data-initialized*='ui/Toggle'] .is-open .toggle-element__text-open,
[data-module*='ui/Toggle'][data-initialized*='ui/Toggle'] .is-animating:not(.is-open) .toggle-element__text-open {
  position: absolute;
  visibility: hidden;
  opacity: 0; }

[data-module*='ui/Toggle'][data-initialized*='ui/Toggle'] .is-animating.is-open .toggle-element::before,
[data-module*='ui/Toggle'][data-initialized*='ui/Toggle'] .is-closed .toggle-element::before {
  transform: rotate(0deg); }

[data-module*='ui/Toggle'][data-initialized*='ui/Toggle'] .is-animating.is-open .toggle-element__text-close,
[data-module*='ui/Toggle'][data-initialized*='ui/Toggle'] .is-closed .toggle-element__text-close {
  position: absolute;
  visibility: hidden;
  opacity: 0; }

.content-toggler.is-open .content-toggler_element--hide-on-is-open {
  display: none; }

.toggle-container-level-1 {
  transition: background-color .4s; }
  .toggle-container-level-1 .icon-up,
  .toggle-container-level-1 .icon-up-small,
  .toggle-container-level-1 .icon-down,
  .toggle-container-level-1 .icon-down-small {
    display: none; }
  .toggle-container-level-1.is-open .toggle-button-level-1 .button-close {
    display: inline-block; }
  .toggle-container-level-1.is-open .toggle-button-level-1 .button-open {
    display: none; }
  .toggle-container-level-1.is-open .toggle-button-level-1 .icon-down,
  .toggle-container-level-1.is-open .toggle-button-level-1 .icon-down-small {
    display: none; }
  .toggle-container-level-1.is-open .toggle-button-level-1 .icon-up,
  .toggle-container-level-1.is-open .toggle-button-level-1 .icon-up-small {
    display: inline-block; }
  .toggle-container-level-1.is-closed .toggle-button-level-1 > :last-child {
    margin-bottom: 0; }
  .toggle-container-level-1.is-closed .toggle-button-level-1 .button-close {
    display: none; }
  .toggle-container-level-1.is-closed .toggle-button-level-1 .button-open {
    display: inline-block; }
  .toggle-container-level-1.is-closed .toggle-button-level-1 .icon-down,
  .toggle-container-level-1.is-closed .toggle-button-level-1 .icon-down-small {
    display: inline-block; }
  .toggle-container-level-1.is-closed .toggle-button-level-1 .icon-up,
  .toggle-container-level-1.is-closed .toggle-button-level-1 .icon-up-small {
    display: none; }
  .toggle-container-level-1.is-closed .toggle-content-level-1 {
    margin: 0; }

[data-initialized*='ui/Toggle'] .toggle-button-level-1 {
  cursor: pointer; }

[data-initialized*='ui/Toggle'] .icon-up + [class*='icon-']:not(.icon-down):not(.icon-down-small):not(.icon-up):not(.icon-up-small),
[data-initialized*='ui/Toggle'] .icon-up-small + [class*='icon-']:not(.icon-down):not(.icon-down-small):not(.icon-up):not(.icon-up-small),
[data-initialized*='ui/Toggle'] .icon-down + [class*='icon-']:not(.icon-down):not(.icon-down-small):not(.icon-up):not(.icon-up-small),
[data-initialized*='ui/Toggle'] .icon-down-small + [class*='icon-']:not(.icon-down):not(.icon-down-small):not(.icon-up):not(.icon-up-small) {
  display: none; }

.toggle-container-level-2 {
  transition: background-color .4s; }
  .toggle-container-level-2 .icon-up,
  .toggle-container-level-2 .icon-up-small,
  .toggle-container-level-2 .icon-down,
  .toggle-container-level-2 .icon-down-small {
    display: none; }
  .toggle-container-level-2.is-open .toggle-button-level-2 .button-close {
    display: inline-block; }
  .toggle-container-level-2.is-open .toggle-button-level-2 .button-open {
    display: none; }
  .toggle-container-level-2.is-open .toggle-button-level-2 .icon-down,
  .toggle-container-level-2.is-open .toggle-button-level-2 .icon-down-small {
    display: none; }
  .toggle-container-level-2.is-open .toggle-button-level-2 .icon-up,
  .toggle-container-level-2.is-open .toggle-button-level-2 .icon-up-small {
    display: inline-block; }
  .toggle-container-level-2.is-closed .toggle-button-level-2 > :last-child {
    margin-bottom: 0; }
  .toggle-container-level-2.is-closed .toggle-button-level-2 .button-close {
    display: none; }
  .toggle-container-level-2.is-closed .toggle-button-level-2 .button-open {
    display: inline-block; }
  .toggle-container-level-2.is-closed .toggle-button-level-2 .icon-down,
  .toggle-container-level-2.is-closed .toggle-button-level-2 .icon-down-small {
    display: inline-block; }
  .toggle-container-level-2.is-closed .toggle-button-level-2 .icon-up,
  .toggle-container-level-2.is-closed .toggle-button-level-2 .icon-up-small {
    display: none; }
  .toggle-container-level-2.is-closed .toggle-content-level-2 {
    margin: 0; }

[data-initialized*='ui/Toggle'] .toggle-button-level-2 {
  cursor: pointer; }

[data-initialized*='ui/Toggle'] .icon-up + [class*='icon-']:not(.icon-down):not(.icon-down-small):not(.icon-up):not(.icon-up-small),
[data-initialized*='ui/Toggle'] .icon-up-small + [class*='icon-']:not(.icon-down):not(.icon-down-small):not(.icon-up):not(.icon-up-small),
[data-initialized*='ui/Toggle'] .icon-down + [class*='icon-']:not(.icon-down):not(.icon-down-small):not(.icon-up):not(.icon-up-small),
[data-initialized*='ui/Toggle'] .icon-down-small + [class*='icon-']:not(.icon-down):not(.icon-down-small):not(.icon-up):not(.icon-up-small) {
  display: none; }

.toggle-container-level-3 {
  transition: background-color .4s; }
  .toggle-container-level-3 .icon-up,
  .toggle-container-level-3 .icon-up-small,
  .toggle-container-level-3 .icon-down,
  .toggle-container-level-3 .icon-down-small {
    display: none; }
  .toggle-container-level-3.is-open .toggle-button-level-3 .button-close {
    display: inline-block; }
  .toggle-container-level-3.is-open .toggle-button-level-3 .button-open {
    display: none; }
  .toggle-container-level-3.is-open .toggle-button-level-3 .icon-down,
  .toggle-container-level-3.is-open .toggle-button-level-3 .icon-down-small {
    display: none; }
  .toggle-container-level-3.is-open .toggle-button-level-3 .icon-up,
  .toggle-container-level-3.is-open .toggle-button-level-3 .icon-up-small {
    display: inline-block; }
  .toggle-container-level-3.is-closed .toggle-button-level-3 > :last-child {
    margin-bottom: 0; }
  .toggle-container-level-3.is-closed .toggle-button-level-3 .button-close {
    display: none; }
  .toggle-container-level-3.is-closed .toggle-button-level-3 .button-open {
    display: inline-block; }
  .toggle-container-level-3.is-closed .toggle-button-level-3 .icon-down,
  .toggle-container-level-3.is-closed .toggle-button-level-3 .icon-down-small {
    display: inline-block; }
  .toggle-container-level-3.is-closed .toggle-button-level-3 .icon-up,
  .toggle-container-level-3.is-closed .toggle-button-level-3 .icon-up-small {
    display: none; }
  .toggle-container-level-3.is-closed .toggle-content-level-3 {
    margin: 0; }

[data-initialized*='ui/Toggle'] .toggle-button-level-3 {
  cursor: pointer; }

[data-initialized*='ui/Toggle'] .icon-up + [class*='icon-']:not(.icon-down):not(.icon-down-small):not(.icon-up):not(.icon-up-small),
[data-initialized*='ui/Toggle'] .icon-up-small + [class*='icon-']:not(.icon-down):not(.icon-down-small):not(.icon-up):not(.icon-up-small),
[data-initialized*='ui/Toggle'] .icon-down + [class*='icon-']:not(.icon-down):not(.icon-down-small):not(.icon-up):not(.icon-up-small),
[data-initialized*='ui/Toggle'] .icon-down-small + [class*='icon-']:not(.icon-down):not(.icon-down-small):not(.icon-up):not(.icon-up-small) {
  display: none; }

.panel_section--cobranding {
  position: relative; }
  .panel_section--cobranding h1 {
    padding-right: 6rem; }
    .panel_section--cobranding h1 img {
      max-width: 2em;
      position: absolute;
      right: 1rem;
      top: 1.3rem; }

@media screen and (min-width: 40em) {
  .panel_section--cobranding h1 img {
    right: 1.5rem;
    top: 1.8rem; } }

@media screen and (min-width: 50em) {
  .panel_section--cobranding h1 img {
    right: 2rem;
    top: 2.6rem; } }

.booking-heading {
  margin-bottom: 1rem;
  position: relative; }
  .booking-heading::before, .booking-heading::after {
    content: ' ';
    display: table;
    width: 0; }
  .booking-heading::after {
    clear: both; }
  .booking-heading .booking-heading-head {
    margin-bottom: .25rem; }
  .booking-heading .booking-number {
    line-height: 1; }
    .booking-heading .booking-number .footnote-paragraph {
      margin-bottom: 0; }
  .booking-heading.header-branding .branding {
    margin-bottom: 1em;
    margin-top: 1em;
    background: #fff;
    color: #909090; }
    .booking-heading.header-branding .branding .branding-container {
      vertical-align: middle; }
      .booking-heading.header-branding .branding .branding-container img {
        display: block;
        max-width: 4rem;
        max-height: 4rem; }

@media screen and (min-width: 40em) {
  .booking-heading .booking-number .footnote-title {
    margin-right: .25rem;
    font-weight: normal; }
  .booking-heading .booking-number .footnote-title,
  .booking-heading .booking-number .footnote-paragraph {
    font-size: 1rem;
    display: inline-block; }
  .booking-heading.header-branding .branding {
    min-width: 1%;
    margin: 0;
    float: right;
    background: transparent;
    box-shadow: none; }
    .booking-heading.header-branding .branding .branding-container {
      padding: 1.75em 0 0 2em; } }

@media screen and (min-width: 48em) {
  .booking-heading.header-branding {
    min-height: 0;
    background: none; } }

@media screen and (min-width: 56em) {
  .booking-heading.header-branding .branding p {
    color: #909090; } }

@media screen and (min-width: 80em) {
  .booking-heading.header-branding {
    min-height: 8.6875rem; } }

.weather-info {
  display: none; }

@media screen and (min-width: 40em) {
  .weather-info {
    display: block;
    width: 100%;
    max-width: 16rem;
    float: right;
    text-align: right; }
    .weather-info .sticker--blue {
      padding-top: 0;
      padding-bottom: 0; }
    .weather-info .h5 {
      font-weight: normal; }
    .weather-info sup {
      font-size: 1rem; } }

/*
 * COMPONENT: ancillaries-list
 */
.ancillaries-list {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  margin: 0;
  padding: 0; }

/*
 * PART: list-ancillary
 */
.ancillaries-list_ancillary {
  width: 100%;
  display: flex; }
  .ancillaries-list_ancillary:last-child .ancillaries-list_ancillary-content {
    border-bottom: 0; }

/*
 * PART: list-ancillary content
 */
.ancillaries-list_ancillary-content {
  flex-direction: column;
  display: block;
  position: relative;
  width: 100%;
  text-decoration: none;
  padding: .5em 0 .5em 2em;
  border-bottom: 0.0625rem solid #ccc; }
  .ancillaries-list_ancillary-content::before {
    font-size: 1.2em;
    position: absolute;
    right: 0;
    top: 1.2em; }

/*
 * PART: list-ancillary-title
 */
.ancillaries-list_ancillary-title {
  font-size: 1.25em;
  line-height: 1.2em;
  padding-bottom: .1em;
  padding-top: .2em;
  color: inherit;
  margin-bottom: 0;
  margin-right: 1.25em; }
  .ancillaries-list_ancillary-title .icon-font {
    position: absolute;
    top: 1.35em;
    left: 0; }

/*
 * PART: list-ancillary-sub-title
 */
.ancillaries-list_ancillary-sub-title {
  font-size: .875em;
  color: #606060;
  margin-bottom: 0; }

@media screen and (min-width: 48em) {
  .ancillaries-list {
    margin: 0 -2em; }
  .ancillaries-list_ancillary {
    width: 50%;
    padding: 0 2em; }
    .ancillaries-list_ancillary:nth-child(2) .ancillaries-list_ancillary-content {
      border-top: 0; }
    .ancillaries-list_ancillary:nth-last-child(2):nth-child(odd) .ancillaries-list_ancillary-content {
      border-bottom: 0; }
  .ancillaries-list_ancillary-content {
    padding-top: 1em;
    padding-bottom: 1em; }
    .ancillaries-list_ancillary-content::before {
      top: 1.6em; }
  .ancillaries-list_ancillary-title .icon-font {
    top: 1.75em; } }

.ancillary-detail h3 {
  clear: both; }

.ancillary-detail .content-image {
  display: block;
  padding: 0 1em 1em 0; }

.ancillary-detail .kennel-example {
  text-align: center; }
  .ancillary-detail .kennel-example .allowed {
    display: inline-block;
    padding: .5em 1em;
    background-color: rgba(0, 214, 108, 0.9);
    color: #fff;
    font-size: .625em;
    border-radius: .4em; }
    .ancillary-detail .kennel-example .allowed.allowed-not {
      background-color: rgba(255, 50, 104, 0.9); }

.ancillary-detail .list-item {
  padding-left: 0; }
  .ancillary-detail .list-item li {
    position: relative;
    padding-left: 1.1em;
    list-style-type: none; }
    .ancillary-detail .list-item li + li {
      margin-top: .5em; }
    .ancillary-detail .list-item li a {
      color: #202020 !important; }
      .ancillary-detail .list-item li a::before {
        position: absolute;
        left: 0;
        margin-left: -.25em;
        font-size: 1em;
        line-height: 1.4em;
        speak: none;
        color: #202020; }
      .ancillary-detail .list-item li a:hover::before {
        color: #ff3268; }

.ancillary-detail .toggle {
  margin-bottom: 1rem; }

@media screen and (min-width: 26.25em) {
  .ancillary-detail .content-image {
    float: left; } }

.booking-price-breakdown .toggle .toggle-container {
  padding-bottom: 1rem;
  border-top: 1rem solid #fff; }

.booking-price-breakdown .toggle .toggle-element {
  padding-top: 1rem;
  color: #2800a0;
  font-size: 1rem;
  font-weight: normal; }

.hold-luggage .same-as-outbound-container {
  display: none; }

.js .hold-luggage .calculate button {
  display: none; }

.ui-slider_range-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  opacity: 0;
  width: 100%;
  -webkit-appearance: none; }
  .ui-slider_range-input::-ms-tooltip {
    display: none; }
  .ui-slider_range-input:focus {
    outline: 0; }

input[type='range']::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 3.5rem;
  height: 2.5rem;
  cursor: ew-resize; }

input[type='range']::-moz-range-thumb {
  width: 3.5rem;
  height: 2.5rem;
  cursor: ew-resize; }

input[type='range']::-ms-thumb {
  width: 3.5rem;
  height: 2.5rem;
  cursor: ew-resize; }

.select-weight {
  width: 75%;
  float: left; }

.select-amount {
  float: left; }
  .fields .select-amount label {
    float: none;
    display: block; }

.ui-slider {
  margin: .7em 0;
  position: relative;
  text-align: left;
  background: #fff;
  border-radius: .75em;
  box-shadow: 0 0.2em 0.15em #ccc inset;
  border: 0.0625em solid #e6e6e6; }

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 3.5rem;
  height: 2.5rem;
  line-height: 2.2rem;
  border-radius: 1.25em;
  background: #fff;
  cursor: ew-resize;
  background-clip: padding-box;
  box-shadow: inset 0 -0.1875em 0.125rem #91a3b7;
  border: 0.0625em solid #91a3b7;
  animation: pound 1s 2s ease-in-out;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none; }
  .ui-slider .ui-slider-handle:focus {
    outline: none; }
  .ui-slider .ui-slider-handle::before, .ui-slider .ui-slider-handle::after {
    line-height: inherit;
    font-size: .75em;
    font-weight: bold;
    color: #202020; }
  .ui-slider .ui-slider-handle::before {
    content: "";
    margin-right: .5em; }
  .ui-slider .ui-slider-handle::after {
    content: ""; }
  .ui-slider .ui-slider-handle.is-disabled::before, .ui-slider .ui-slider-handle.is-disabled::after {
    color: #ccc; }
  .ui-slider .ui-slider-handle.is-disabled-lower::before {
    color: #ccc; }
  .ui-slider .ui-slider-handle.is-disabled-higher::after {
    color: #ccc; }

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  display: block;
  border: 0;
  background-position: 0 0;
  background: #2800a0;
  /* stylelint-disable-line declaration-block-no-shorthand-property-overrides */
  border-radius: .75em;
  box-shadow: 0 0.2em 0 #ccc inset; }

.ui-slider-horizontal {
  height: 1.25em; }

.ui-slider-horizontal .ui-slider-handle {
  top: -.75em;
  margin-left: -1.75em; }
  .ui-slider-horizontal .ui-slider-handle[style='left: 0%;'] {
    margin-left: -.75em; }
  .ui-slider-horizontal .ui-slider-handle[style='left: 100%;'] {
    margin-left: -2.75em; }

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%; }

.ui-slider-horizontal .ui-slider-range-min {
  left: 0; }

.ui-slider-horizontal .ui-slider-range-max {
  right: 0; }

.ui-slider-vertical {
  width: .8em;
  height: 100px; }

.ui-slider-vertical .ui-slider-handle {
  left: -.3em;
  margin-left: 0;
  margin-bottom: -.6em; }

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%; }

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0; }

.ui-slider-vertical .ui-slider-range-max {
  top: 0; }

.slider-container {
  padding-bottom: .0625rem; }
  .slider-container .slider-list {
    width: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    list-style: none; }
  .slider-container .slider-list-item {
    padding-bottom: 0;
    display: block;
    position: absolute;
    top: 0;
    white-space: nowrap; }
    .slider-container .slider-list-item + .slider-list-item {
      margin-left: -1em; }
    .slider-container .slider-list-item:first-child {
      position: relative; }
    .slider-container .slider-list-item:last-child {
      right: 0;
      text-align: right; }
  .slider-container .has-4-items .slider-list-item:nth-of-type(2) {
    left: 33.333%; }
  .slider-container .has-4-items .slider-list-item:nth-of-type(3) {
    left: 66.667%; }
  .slider-container .has-5-items .slider-list-item:nth-of-type(2) {
    left: 25%; }
  .slider-container .has-5-items .slider-list-item:nth-of-type(3) {
    left: 50%; }
  .slider-container .has-5-items .slider-list-item:nth-of-type(4) {
    left: 75%; }
  .slider-container .has-6-items .slider-list-item:nth-of-type(2) {
    left: 20%; }
  .slider-container .has-6-items .slider-list-item:nth-of-type(3) {
    left: 40%; }
  .slider-container .has-6-items .slider-list-item:nth-of-type(4) {
    left: 60%; }
  .slider-container .has-6-items .slider-list-item:nth-of-type(5) {
    left: 80%; }
  .slider-container .has-7-items .slider-list-item:nth-of-type(2) {
    left: 16.667%; }
  .slider-container .has-7-items .slider-list-item:nth-of-type(3) {
    left: 33.333%; }
  .slider-container .has-7-items .slider-list-item:nth-of-type(4) {
    left: 50%; }
  .slider-container .has-7-items .slider-list-item:nth-of-type(5) {
    left: 66.667%; }
  .slider-container .has-7-items .slider-list-item:nth-of-type(6) {
    left: 83.333%; }
  .slider-container .slider-option {
    font-size: .875rem;
    color: #202020;
    text-decoration: underline; }
    .slider-container .slider-option.slider-option-more {
      padding-right: 1.625em;
      position: relative; }
      .slider-container .slider-option.slider-option-more::before {
        position: absolute;
        right: .5em;
        width: 1em;
        height: 1em;
        top: 50%;
        margin-top: -.5em;
        line-height: 100%; }
  .slider-container .is-disabled {
    border-bottom: 0;
    color: #ccc;
    cursor: not-allowed;
    text-decoration: none; }
  .slider-container .is-active {
    border-bottom: 0;
    font-weight: bold;
    color: #2800a0;
    text-decoration: none; }
    .slider-container .is-active:hover, .slider-container .is-active:active, .slider-container .is-active:focus {
      text-decoration: none; }

.weight-options-container {
  position: absolute; }

@keyframes pound {
  0% {
    box-shadow: inset 0 0 0.125rem 0.125rem rgba(207, 218, 229, 0.9), 0 -0.125rem 0 0 rgba(207, 218, 229, 0.1); }
  50% {
    box-shadow: inset 0 0 0.125rem 0.125rem rgba(207, 218, 229, 0.9), 0 -0.125rem 1.5rem 0 #909090; }
  100% {
    box-shadow: inset 0 0 0.125rem 0.125rem rgba(207, 218, 229, 0.9), 0 -0.125rem 0 0 rgba(207, 218, 229, 0.1); } }

.hold-luggage .slider-option-luggage {
  display: inline-block;
  text-decoration: none; }
  .hold-luggage .slider-option-luggage__price {
    display: block;
    text-align: center; }
  .hold-luggage .slider-option-luggage:not(.is-active):not(.is-disabled) .slider-option-luggage__price {
    color: #606060; }

.hold-luggage .option-more-luggage {
  text-decoration: none; }

.hold-luggage .dropdown-luggage {
  text-decoration: none;
  color: #202020; }
  .hold-luggage .dropdown-luggage:not(.is-active):not(.is-disabled) .dropdown-luggage__price {
    color: #606060; }
  .hold-luggage .dropdown-luggage.is-active {
    font-weight: bold;
    color: #2800a0; }
  .hold-luggage .dropdown-luggage__price {
    font-weight: normal; }

.hold-luggage .slider-container .slider-option.slider-option-more {
  display: inline-block; }
  .hold-luggage .slider-container .slider-option.slider-option-more::before {
    top: .8em;
    line-height: 1em; }

.errorpage {
  padding-bottom: 2em; }

@media screen and (min-width: 30em) {
  .errorpage {
    min-height: 40em; } }

.ssr .select-product.is-open .toggle {
  display: block; }

.ssr .select-product .toggle {
  display: none; }

.js .ssr .select-product select, .js
.ssr .select-product .info-link {
  display: none; }

.js .ssr .calculate button {
  display: none; }

.ssr fieldset.inbound {
  margin-top: 2rem; }
  .js .ssr fieldset.inbound {
    display: none; }

.js .ssr .subtotal .checkfield {
  display: list-item; }

.ssr .fields.subtotal {
  margin-bottom: 0;
  padding-top: 1rem;
  border-top: 0.063rem solid rgba(0, 0, 0, 0.15); }

.ssr .fields ul {
  padding-top: 0; }

.ssr .fields .field {
  padding-bottom: 0;
  overflow-y: hidden; }
  .ssr .fields .field .price {
    color: #202020;
    text-align: right;
    font-weight: bold; }

.ssr .fields.passengers {
  min-height: 50px; }

.ssr .product-container .price {
  width: 3em;
  position: absolute;
  top: 0;
  right: 0; }

.ssr .info-asa {
  margin-bottom: 1rem; }

.ssr .price.product-total-price {
  position: absolute;
  right: 0;
  top: 1.05rem;
  display: none; }

.ssr .passengers .field {
  position: relative; }
  .ssr .passengers .field::before, .ssr .passengers .field::after {
    content: ' ';
    display: table;
    width: 0; }
  .ssr .passengers .field::after {
    clear: both; }
  .ssr .passengers .field label {
    padding-right: 5em;
    margin-bottom: .5rem; }
  .ssr .passengers .field .notification {
    margin-top: .5em; }
  .ssr .passengers .field:last-child {
    padding-top: 0;
    padding-bottom: 0; }
    .ssr .passengers .field:last-child .notification {
      margin-bottom: .5em !important; }
  .ssr .passengers .field .selectfield-wrapper {
    margin-bottom: 1.5rem; }

.ssr .p-amount {
  display: block;
  clear: both;
  font-size: .875em;
  padding-bottom: .8rem; }
  .ssr .p-amount + .selectfield-wrapper {
    margin-top: .5em; }

.ssr .selectfield-wrapper + .selectfield-wrapper {
  margin-top: .5em; }

.ssr [data-initialized*='ui/Toggle'] h3 {
  cursor: pointer;
  width: 100%;
  position: relative;
  padding-left: 1.8rem;
  padding-right: 4rem;
  word-break: break-all; }
  .ssr [data-initialized*='ui/Toggle'] h3::before {
    display: inline-block;
    line-height: inherit;
    transition: transform .4s ease-out;
    position: absolute;
    left: 0;
    transform-origin: center; }

.ssr [data-initialized*='ui/Toggle'] .product-container {
  clear: both;
  overflow-x: auto;
  overflow-y: hidden; }

.ssr [data-initialized*='ui/Toggle'] .price.product-total-price {
  display: block;
  color: #00d66c;
  font-size: 1.25rem; }

.ssr [data-initialized*='ui/Toggle'].is-open h3::before {
  transform: scale(0.96) translateX(0) rotate(180deg); }

.ssr [data-initialized*='ui/Toggle'].is-open .total-items,
.ssr [data-initialized*='ui/Toggle'].is-open .price.product-total-price {
  display: none; }

.ssr dl dt {
  width: 75%;
  margin: 0 -5em .5em 0;
  padding-right: 5em;
  font-weight: bold; }

.ssr dl dd {
  width: 25%; }

.ssr .info-pets {
  height: auto !important;
  max-height: none; }
  .ssr .info-pets ul {
    padding-top: 0;
    margin-bottom: 0;
    list-style: disc; }
  .ssr .info-pets li {
    margin: 0 0 .5em; }
    .ssr .info-pets li strong {
      color: #202020;
      font-weight: normal; }
    .ssr .info-pets li span {
      float: right; }

.ssr .outbound .inbound .checkfield-wrapper {
  margin-bottom: 0; }

.ssr .outbound .link-label {
  font-weight: normal;
  text-decoration: none; }

@media screen and (min-width: 30em) {
  .ssr::before {
    content: 'tiles';
    height: 0;
    margin: 0;
    display: block;
    visibility: hidden;
    font-size: .01px; }
  .ssr .info-pets {
    padding: 0 11.5rem 0 0;
    position: relative; }
    .ssr .info-pets::after {
      width: 7.875rem;
      height: 5rem;
      display: block;
      position: absolute;
      right: 0;
      top: 2.2rem;
      background-color: #2800a0;
      border-radius: .75rem;
      font-size: 3rem;
      color: #fff;
      text-align: center;
      line-height: 1.667em; }
    .ssr .info-pets.info-petc::after {
      content: ""; }
    .ssr .info-pets.info-avih::after {
      content: ""; } }

@media screen and (min-width: 48em) {
  .ssr .product-container .price {
    top: .6rem; }
  .ssr .passengers .field {
    position: relative;
    padding-right: 5em; }
    .ssr .passengers .field::before, .ssr .passengers .field::after {
      content: ' ';
      display: table;
      width: 0; }
    .ssr .passengers .field::after {
      clear: both; }
    .ssr .passengers .field label {
      margin-bottom: 0;
      padding-right: 10.5rem;
      padding-top: .6rem;
      float: left; }
    .ssr .passengers .field .selectfield-wrapper,
    .ssr .passengers .field .p-amount {
      width: 10em;
      margin-left: -10rem;
      float: right;
      clear: none; }
    .ssr .passengers .field .p-amount {
      width: 11em;
      padding-top: .8rem; }
    .ssr .passengers .field .selectfield-wrapper {
      clear: right;
      margin-bottom: 1.5rem; }
      .ssr .passengers .field .selectfield-wrapper + .selectfield-wrapper {
        margin-bottom: 2rem; }
        .ssr .passengers .field .selectfield-wrapper + .selectfield-wrapper:last-of-type {
          margin-bottom: 1.5rem; }
    .ssr .passengers .field .notification {
      margin: 3em 0 1.5rem;
      clear: both; } }

.ssr-products {
  display: none; }

@media screen and (min-width: 30em) {
  .ssr .select-product::before, .ssr .select-product::after {
    content: ' ';
    display: table;
    width: 0; }
  .ssr .select-product::after {
    clear: both; }
  .ssr-products {
    margin: 0 -.5em;
    padding: 0;
    display: block;
    overflow: hidden; }
    .ssr-products li {
      padding: 0 .5em 1em;
      display: block; }
    .ssr-products button {
      width: 100%;
      height: 5.125rem;
      padding: 0 1rem;
      display: block;
      color: #fff;
      border-radius: .5em;
      line-height: 1;
      position: relative;
      text-align: left;
      background-color: #00d66c;
      box-shadow: inset 0 -0.1875em 0.0625em #1e9162; }
      .ssr-products button:visited {
        background-color: #00d66c;
        box-shadow: inset 0 -0.1875em 0.0625em #1e9162; }
      .ssr-products button:hover, .ssr-products button:focus {
        background-color: #4de298; }
      .ssr-products button:active, .ssr-products button.is-active {
        background-color: #2800a0;
        box-shadow: none; }
      .ssr-products button::before {
        display: block;
        width: 100%;
        text-align: center;
        font-size: 3rem;
        line-height: inherit; }
      .ssr-products button span {
        margin-top: .5rem;
        display: block;
        font-size: .875rem;
        word-wrap: break-word;
        text-align: center; }
  .flow .ssr-toggle {
    padding-left: 1.25em;
    font-size: 1rem;
    font-weight: normal;
    text-decoration: none; }
    .flow .ssr-toggle::before {
      display: block;
      margin-left: -1.25em;
      float: left;
      font-family: transavicon, sans-serif;
      font-weight: normal;
      content: ""; }
  .flow .is-open .ssr-toggle::before {
    content: ""; } }

@media screen and (min-width: 30em) and (max-width: 80.9999em) {
  .ssr-products li button {
    height: 8rem; } }

@media screen and (min-width: 45em) and (max-width: 47.9999em) {
  .ssr-products li {
    width: 25%;
    float: left; } }

@media screen and (min-width: 30em) and (max-width: 44.9999em) {
  .ssr-products li {
    width: 50%;
    float: left; } }

@media screen and (min-width: 48em) and (max-width: 61.9999em), screen and (min-width: 64em) and (max-width: 71.9999em) {
  .ssr-products li {
    width: 100%; } }

@media screen and (min-width: 81em) {
  .ssr-products button::before {
    float: left;
    width: auto; }
  .ssr-products button span {
    display: block;
    overflow: hidden;
    padding-left: 1rem;
    margin-top: 1rem;
    text-align: left; } }

.panel-covering-image {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  overflow: hidden;
  right: 0;
  left: 50%;
  border-radius: 0 .5em .5em 0;
  background-size: cover; }
  .panel-covering-image + .action-sticker--price-only {
    top: auto;
    bottom: 1.5em;
    right: 2em; }

.ssr-ife .inbound-select-container {
  display: block; }

.ssr-ife .same-as-outbound-container {
  display: none; }

.ssr-ife.ssr-ife--inbound-same-as-outbound .same-as-outbound-container {
  display: block; }

.ssr-ife.ssr-ife--inbound-same-as-outbound .inbound-select-container {
  display: none; }

.c-prm .fields .field {
  padding: .525rem 0; }

.c-prm .fields .field.only-child {
  padding-bottom: 0; }

.c-prm .inboundSameAsOutbound-container {
  display: none; }

.c-prm label {
  float: none; }

.c-prm .toggle-content-container {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 3.5rem;
  clear: both; }
  .c-prm .toggle-content-container.is-visible {
    max-height: 666em;
    overflow: auto;
    opacity: 1;
    padding-bottom: 1rem; }
  .c-prm .toggle-content-container .notification-informative:not(.notification-balloon) {
    margin-top: 1rem; }
  .c-prm .toggle-content-container .fields .field {
    padding-bottom: 0; }
    .c-prm .toggle-content-container .fields .field .notification-error {
      margin-bottom: 1rem; }

@media screen and (min-width: 40em) {
  .c-prm .toggle-content-container {
    padding-left: 4rem; } }

@media screen and (min-width: 48em) {
  .c-prm [data-module='ui/Sticky'] {
    padding-bottom: 3.5em; } }

@media screen and (min-width: 50em) {
  .c-prm .toggle-content-container {
    padding-left: 4.5rem; } }

.c-booking .search-results-panel-placeholder,
.c-booking .resultsPanelWrapper {
  position: relative;
  margin-bottom: 0; }
  .c-booking .search-results-panel-placeholder.is-loading,
  .c-booking .resultsPanelWrapper.is-loading {
    min-height: 5em; }
  .c-booking .search-results-panel-placeholder + p,
  .c-booking .resultsPanelWrapper + p {
    margin-top: 1.4em; }

.c-booking .search-results-panel-placeholder .icon-spinner {
  position: absolute;
  top: 0;
  z-index: 100;
  left: 50%;
  transform: translateX(-50%); }

.booking-search label {
  display: block; }

.booking-search .checkfield-wrapper label {
  padding-left: 2rem; }

.booking-search select {
  position: relative;
  z-index: 1; }
  .booking-search select + .notification-informative {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }

.booking-search .button-primary[type='button'] {
  display: none; }

.booking-search .collapsed .panel_section--button-search {
  padding-top: 2rem;
  padding-bottom: 1.5rem; }
  .booking-search .collapsed .panel_section--button-search p, .booking-search .collapsed .panel_section--button-search::after {
    display: none; }

/* stylelint-disable scss/dollar-variable-colon-space-after */
/* stylelint-enable */
.booking-check-page-flight-panel.is-open .button-open {
  display: none; }

.booking-check-page-flight-panel.is-open .container_toggle_toggler {
  padding-top: 1rem; }

.booking-check-page-flight-panel.is-closed .button-close {
  display: none; }

.booking-check-page-flight-panel.is-closed .container_toggle_toggler {
  padding-top: 0; }

.booking-check-page-flight-panel .panel_section--secondary .bulletless li {
  font-size: 1rem;
  font-weight: bold; }

.booking-check-page-flight-panel .panel_section--secondary .bulletless .price,
.booking-check-page-flight-panel .panel_section--secondary .bulletless .item {
  color: #202020; }

.booking-check-page-flight-panel .panel_section--secondary .bulletless.footnote li {
  font-size: .875rem;
  font-weight: normal; }

.c-change-booking .button {
  width: 100%; }

.c-change-booking .button-reset {
  margin-top: .4em;
  font-size: 1rem;
  line-height: 1.25rem; }
  .c-change-booking .button-reset:hover {
    color: #ff3268; }

.c-change-booking .toggler-level-1::before, .c-change-booking .toggler-level-1::after {
  content: ' ';
  display: table;
  width: 0; }

.c-change-booking .toggler-level-1::after {
  clear: both; }

.c-change-booking .resultsPanelWrapper {
  position: relative; }
  .c-change-booking .resultsPanelWrapper.is-loading {
    min-height: 5em; }

.c-change-booking .icon-spinner {
  position: absolute;
  top: 0;
  z-index: 100;
  left: 50%;
  transform: translateX(-50%); }

.c-change-booking .flight .original.is-open .toggle-container-level-1 {
  padding-bottom: 1rem; }

.c-change-booking .flight .original .h6 {
  margin-bottom: 0;
  font-weight: normal; }
  .c-change-booking .flight .original .h6 + .h6 {
    margin-bottom: .625em; }

.c-change-booking .flight .original .h4 {
  font-weight: normal;
  margin-bottom: .625em; }

.c-change-booking .flight[data-module*='ui/Toggle'].is-open .button-change-this-flight {
  display: none; }

.c-change-booking .search label {
  color: #202020;
  font-weight: bold;
  display: inline-block;
  margin: .5em 0; }

.no-js .c-change-booking .search [data-module='ui/DatePickerInput'] > label:first-child {
  display: none; }

.c-change-booking .search .ui-datepicker-trigger {
  width: 2em; }

.c-change-booking .search + .results {
  margin-top: 1em; }

.no-svg .c-change-booking .panel .panel-main {
  background-color: #fff; }

.c-change-booking .original .toggler-level-1 .icon-down,
.c-change-booking .original .toggler-level-1 .icon-up,
.c-change-booking .search .toggler-level-1 .icon-down,
.c-change-booking .search .toggler-level-1 .icon-up {
  display: none; }

.c-change-booking .original[data-module*='ui/Toggle'].is-open .toggler-level-1,
.c-change-booking .search[data-module*='ui/Toggle'].is-open .toggler-level-1 {
  margin-bottom: 0; }
  .c-change-booking .original[data-module*='ui/Toggle'].is-open .toggler-level-1 .icon-down,
  .c-change-booking .search[data-module*='ui/Toggle'].is-open .toggler-level-1 .icon-down {
    display: none; }
  .c-change-booking .original[data-module*='ui/Toggle'].is-open .toggler-level-1 .icon-up,
  .c-change-booking .search[data-module*='ui/Toggle'].is-open .toggler-level-1 .icon-up {
    display: inline-block; }

.c-change-booking .original[data-module*='ui/Toggle'] .toggler-level-1,
.c-change-booking .search[data-module*='ui/Toggle'] .toggler-level-1 {
  cursor: pointer;
  margin-bottom: 0; }
  .c-change-booking .original[data-module*='ui/Toggle'] .toggler-level-1 .icon-down,
  .c-change-booking .search[data-module*='ui/Toggle'] .toggler-level-1 .icon-down {
    display: inline-block; }
  .c-change-booking .original[data-module*='ui/Toggle'] .toggler-level-1 .icon-up,
  .c-change-booking .search[data-module*='ui/Toggle'] .toggler-level-1 .icon-up {
    display: none; }

@media screen and (min-width: 22em) {
  .c-change-booking .button-row::before, .c-change-booking .button-row::after {
    content: ' ';
    display: table;
    width: 0; }
  .c-change-booking .button-row::after {
    clear: both; }
  .c-change-booking .button-row .button-change-this-flight,
  .c-change-booking .button-row .button-call-to-action,
  .c-change-booking .button-row .actions .button-select-flight {
    float: right;
    width: auto; } }

@media screen and (min-width: 48em) {
  .c-change-booking .flight .original.is-open .toggle-container-level-1 {
    padding-bottom: 0; }
  .c-change-booking .flight .original .flight-result {
    border: 0;
    border-top: 0.0625rem solid #e6e6e6;
    border-radius: 0; }
  .c-change-booking .original .toggler-level-1 {
    display: inline-block; }
  .c-change-booking .button-reset {
    float: right;
    width: auto;
    margin-top: .2em; } }

.c-flight-results-panel .panel--rounded-group {
  position: relative;
  box-shadow: 0 0 0 0.5rem #fff; }

.c-flight-results-panel .navigate-days-horizontal {
  display: none;
  text-align: center; }
  .c-flight-results-panel .navigate-days-horizontal .button-container {
    display: inline-block;
    vertical-align: bottom; }
  .c-flight-results-panel .navigate-days-horizontal .button-previous,
  .c-flight-results-panel .navigate-days-horizontal .button-next {
    padding: 0;
    border-radius: 50%;
    width: 2em;
    height: 2em; }
    .c-flight-results-panel .navigate-days-horizontal .button-previous::before,
    .c-flight-results-panel .navigate-days-horizontal .button-next::before {
      margin-right: 0;
      margin-left: 0; }
    .c-flight-results-panel .navigate-days-horizontal .button-previous .icon-font,
    .c-flight-results-panel .navigate-days-horizontal .button-next .icon-font {
      line-height: inherit; }
  .c-flight-results-panel .navigate-days-horizontal .result-date {
    margin: 0 1em; }

@media screen and (min-width: 20em) {
  .c-flight-results-panel .navigate-days-vertical .button {
    float: none;
    width: 100%; } }

@media screen and (min-width: 48em) {
  .c-flight-results-panel .button-month-view {
    float: right;
    margin-top: .5em; }
  .c-flight-results-panel .navigate-days-vertical {
    display: none; }
  .c-flight-results-panel .navigate-days-horizontal {
    display: block; } }

.flight-result {
  position: relative;
  border-radius: .75rem;
  border: .0625rem solid #cfdae5;
  box-shadow: 0 .125rem 0 .125rem #cfdae5;
  padding: 0; }
  .flight-result .flight-result-button {
    cursor: pointer;
    display: block;
    display: flex;
    flex-flow: row wrap;
    align-items: start;
    margin: 0;
    padding: 0 0 .75rem 0;
    background: transparent;
    border: 0;
    text-align: left;
    width: 100%;
    outline: 0;
    overflow: hidden; }
    .flight-result .flight-result-button[disabled] {
      cursor: default; }
  .flight-result .times {
    position: absolute;
    top: 0;
    left: 0;
    padding-top: .75rem;
    font-size: 1rem;
    font-weight: bold; }
    .flight-result .times time {
      margin-left: 1rem;
      color: #606060;
      position: relative;
      float: left; }
      .flight-result .times time .icon-font {
        position: relative;
        top: -.05em;
        color: #606060;
        font-size: 1.5rem; }
      .flight-result .times time.departure .icon-font {
        display: none; }
      .flight-result .times time.arrival {
        margin-left: .5em; }
        .flight-result .times time.arrival .icon-font {
          font-size: 1rem;
          margin-right: .15rem;
          display: inline-block; }
  .flight-result .details {
    max-width: 50%;
    font-size: .7rem;
    padding: 2.25rem 1rem 0 1rem; }
    .flight-result .details ul {
      display: table;
      display: flex;
      align-items: center;
      margin: 0;
      padding: 0;
      list-style: none; }
      .flight-result .details ul li {
        vertical-align: middle;
        display: inline-block;
        flex: 0 1 auto;
        color: #606060;
        line-height: 1.4em; }
      .flight-result .details ul .stopover br {
        display: none; }
      .flight-result .details ul .almostsoldout {
        color: #ff6565;
        display: flex;
        align-items: center;
        gap: .5rem; }
        .flight-result .details ul .almostsoldout img {
          width: 1rem;
          height: 1rem; }
      .flight-result .details ul li:nth-child(2) {
        flex: 0 0 auto;
        padding-right: 2.2em;
        display: none; }
  .flight-result .actions {
    display: table;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-left: auto;
    padding-top: .75rem;
    font-size: .75rem; }
    .flight-result .actions .icon-font {
      margin-left: .5rem;
      top: 0;
      font-size: 1.1rem;
      right: -.3rem;
      line-height: 3.125rem; }
    .flight-result .actions .message {
      display: table-cell;
      display: flex;
      margin-left: auto;
      align-items: center;
      vertical-align: middle;
      padding-right: 1.3em;
      color: #00d66c;
      text-align: right;
      max-width: 10rem; }
      .flight-result .actions .message > a {
        display: contents;
        margin-top: auto;
        margin-left: .2rem; }
    .flight-result .actions .price {
      flex: 1;
      margin-left: auto;
      vertical-align: middle;
      display: table-cell;
      padding-right: .75rem;
      color: #00d66c;
      font-size: 1rem;
      white-space: nowrap;
      font-weight: bold; }
      .flight-result .actions .price.price-miles {
        font-size: .875rem;
        white-space: normal;
        line-height: normal;
        text-align: right; }
    .flight-result .actions .select {
      padding-top: .25rem;
      padding-right: .5rem; }
  .flight-result.active .select::before {
    display: none;
    font-size: 1.3em;
    line-height: 1.4em;
    color: #00d66c; }
  .flight-result.no-button .actions .select {
    display: none; }
  .flight-result.selected {
    background: #2800a0;
    border: 0;
    box-shadow: none; }
    .flight-result.selected .times time {
      color: #fff; }
      .flight-result.selected .times time .icon-font {
        color: #fff; }
    .flight-result.selected .details ul li {
      color: #fff; }
    .flight-result.selected .actions .price,
    .flight-result.selected .actions .message,
    .flight-result.selected .actions .select {
      color: #fff; }
  .flight-result.disabled {
    box-shadow: none;
    cursor: default; }
    .flight-result.disabled .flight-result-button {
      cursor: default; }
    .flight-result.disabled .times time {
      color: #ccc; }
      .flight-result.disabled .times time .icon-font {
        color: #ccc; }
    .flight-result.disabled .details ul li {
      color: #ccc; }
    .flight-result.disabled .actions .price,
    .flight-result.disabled .actions .select {
      color: #ccc; }
    .flight-result.disabled .actions .price {
      text-align: right; }
    .flight-result.disabled .actions .message {
      color: #909090;
      font-size: .75rem; }
    .flight-result.disabled .select .button {
      background-color: #e6e6e6;
      color: #ccc !important;
      box-shadow: none;
      cursor: not-allowed; }
  .flight-result.information {
    background: #fff;
    box-shadow: none; }
    .flight-result.information .actions .select {
      display: none; }

@media screen and (min-width: 35em) {
  .flight-result {
    height: 3.125rem; }
    .flight-result .flight-result-button {
      align-items: unset;
      padding: 0; }
    .flight-result .times {
      position: initial;
      font-weight: normal;
      font-size: .875em;
      min-width: 9.75rem;
      line-height: 3.125rem;
      padding-top: 0; }
      .flight-result .times time.arrival {
        margin-left: .5em; }
      .flight-result .times time.departure .icon-font {
        display: inline;
        font-size: 1.25rem; }
    .flight-result .details {
      max-width: auto;
      flex: 1 1;
      display: block;
      padding: 0 1.2em; }
      .flight-result .details ul {
        height: 3.125rem; }
        .flight-result .details ul li {
          font-size: .75rem; }
        .flight-result .details ul .stopover br {
          display: initial; }
    .flight-result .actions {
      flex-direction: row;
      height: 3.125rem;
      padding-top: 0;
      font-size: 1rem; }
      .flight-result .actions .icon-font {
        position: static;
        right: -.5rem;
        line-height: 3.125rem; }
      .flight-result .actions .message {
        padding-right: .1rem;
        max-width: none;
        min-width: 6rem; }
      .flight-result .actions .price {
        font-size: 1.25rem;
        padding-right: .1rem;
        line-height: 3.125rem; }
      .flight-result .actions .select {
        display: table-cell;
        min-width: 0;
        width: 2.4em;
        vertical-align: middle;
        padding-top: 0;
        padding-right: 0;
        font-size: 1em;
        text-align: center; }
        .flight-result .actions .select .button {
          display: inline-block;
          width: auto; }
        .flight-result .actions .select .button,
        .flight-result .actions .select .status-selected {
          display: none; }
    .flight-result.active .select {
      padding-right: 0; }
      .flight-result.active .select::before {
        display: inline-block; }
    .flight-result.selected .actions .message {
      padding-right: 1rem; }
    .flight-result.selected .actions .select::before {
      content: ''; }
    .flight-result.selected .actions .select .icon-font {
      margin-left: 0;
      right: 0; } }

@media screen and (min-width: 48em) {
  .flight-result {
    height: auto;
    padding: 1rem 0; }
    .flight-result .flight-result-button::before, .flight-result .flight-result-button::after {
      content: ' ';
      display: table;
      width: 0; }
    .flight-result .flight-result-button::after {
      clear: both; }
    .flight-result.disabled .actions {
      width: 12.75rem; }
      .flight-result.disabled .actions .message {
        font-size: .875rem;
        min-width: 9rem; }
    .flight-result .times {
      min-width: 13.75rem;
      font-size: 1.5rem;
      line-height: 3.125rem; }
      .flight-result .times time.departure .icon-font {
        position: relative;
        top: -.075rem;
        font-size: 1.7rem; }
      .flight-result .times time.arrival .icon-font {
        top: -.1rem;
        font-size: 1.25rem; }
    .flight-result .details {
      display: block; }
      .flight-result .details ul {
        height: 3.125rem; }
        .flight-result .details ul li {
          font-size: .875rem; }
    .flight-result .actions {
      top: 1rem; }
      .flight-result .actions .icon-font {
        display: inline; }
      .flight-result .actions .price {
        font-size: 2.25rem;
        line-height: 3.125rem; }
      .flight-result .actions .select {
        display: table-cell; } }

@media screen and (min-width: 56em) {
  .flight-result {
    border: 0;
    border-bottom: 0.0625rem solid #e6e6e6;
    box-shadow: none;
    border-radius: 0; }
    :not(.panel--rounded-group) > .flight-result.selected {
      border-radius: .75rem;
      box-shadow: 0 0 0 8px #fff; }
    .flight-result.disabled .actions {
      width: 21rem; }
    .flight-result .actions .price,
    .flight-result .actions .message {
      padding-right: .75rem; }
    .flight-result .actions .select {
      min-width: 10em;
      display: table-cell; }
      .flight-result .actions .select::before {
        display: none; }
      .flight-result .actions .select .button {
        display: inline-block; }
      .flight-result .actions .select .status-selected {
        display: inline; } }

@media screen and (min-width: 64em) {
  .flight-result .details ul li:nth-child(2) {
    display: table-cell;
    display: flex;
    order: -1; } }

.no-flight-selected-notification {
  margin-bottom: 1em;
  position: relative; }
  .no-flight-selected-notification::after {
    width: 0;
    height: 0;
    content: ' ';
    position: absolute;
    bottom: -1.9rem;
    left: 50%;
    margin-left: -.5em;
    border: 1em solid transparent;
    border-top-color: #ff8484; }

@media screen and (min-width: 56em) {
  .no-flight-selected-notification::after {
    left: auto;
    right: 5em; } }

.booking-summary-placeholder {
  transition: opacity .5s; }
  .booking-summary-placeholder.is-loading-type-dimmed {
    opacity: .8; }

.booking-summary .display-table {
  width: 100%;
  display: table; }

.booking-summary .price-section {
  display: table-cell;
  vertical-align: top;
  width: 100%; }
  .booking-summary .price-section .button-details {
    float: right;
    clear: both;
    margin-bottom: 0; }
    .booking-summary .price-section .button-details * {
      color: #fff; }
    .booking-summary .price-section .button-details .icon-font {
      font-size: .75rem;
      top: .05rem; }
  .booking-summary .price-section .button-checkout {
    margin-top: .5rem; }

.booking-summary .price-section,
.booking-summary .panel-total {
  background-color: #00d66c;
  border-radius: 0; }

.booking-summary .button-primary,
.booking-summary .button-desktop {
  display: none; }

.booking-summary .summary-section {
  display: none; }

.booking-summary .panel-total {
  padding: .75rem .5rem;
  overflow: hidden; }

@media screen and (min-width: 30em) {
  .booking-summary .panel-total {
    padding-right: 2rem;
    padding-left: 2rem; } }

@media screen and (min-width: 40em) {
  .booking-summary .panel-total {
    padding-right: 3rem;
    padding-left: 3rem; } }

@media screen and (min-width: 64em) {
  .booking-summary {
    background-color: #f0f0f0; }
    .booking-summary .display-table {
      padding: .5rem 0; }
    .booking-summary .summary-section {
      width: 70%;
      margin-right: 1rem;
      padding: 1em 1em 0 1rem;
      display: table-cell;
      vertical-align: top;
      color: #202020;
      background-color: #fff;
      border-radius: .75rem;
      border: 0.0625rem solid #ccc; }
      .booking-summary .summary-section .button-details {
        float: right; }
        .booking-summary .summary-section .button-details * {
          color: #2800a0; }
        .booking-summary .summary-section .button-details:hover * {
          color: #ff3268; }
    .booking-summary .price-section {
      width: 30%;
      background-color: transparent; }
      .booking-summary .price-section .panel-total {
        padding: 0;
        background-color: transparent; }
      .booking-summary .price-section .button-details {
        display: none; }
    .booking-summary .summary {
      display: inline-block;
      white-space: nowrap;
      padding: 0 1em 0 0;
      vertical-align: middle;
      line-height: 1.4; }
      .booking-summary .summary > * {
        display: inline-block;
        vertical-align: top; }
      .booking-summary .summary .icon-return,
      .booking-summary .summary .icon-outbound,
      .booking-summary .summary .icon-inbound {
        line-height: 1; }
      .booking-summary .summary.return .icon-return,
      .booking-summary .summary.return .icon-outbound, .booking-summary .summary.single .icon-return,
      .booking-summary .summary.single .icon-outbound {
        margin: 0 .5em; }
      .booking-summary .summary.combination .icon-inbound {
        margin-left: 1em; }
    .booking-summary .airport,
    .booking-summary .date {
      margin-bottom: 0;
      overflow: hidden;
      text-overflow: ellipsis; }
    .booking-summary .date {
      font-weight: normal;
      color: #606060; }
      .booking-summary .date::after {
        content: '\00a0'; }
    .booking-summary .icon-return,
    .booking-summary .icon-outbound,
    .booking-summary .icon-inbound {
      font-size: 1.5em; }
    .booking-summary .passengers {
      margin: -.25em 0 0 1em;
      font-size: 1.25em;
      font-weight: normal; }
    .booking-summary .icon-passenger {
      display: inline-block;
      font-size: 1.125em; }
    .booking-summary .display-table .button-primary {
      display: block;
      float: right; }
    .booking-summary .submit-buttons-desktop {
      padding-left: .5rem; }
    .booking-summary .button-desktop {
      display: inline-block; }
      .booking-summary .button-desktop:nth-child(2) {
        margin-left: auto; }
    .booking-summary .button-primary {
      display: none; }
  .form-navigation.page-has-booking-summary .button-primary {
    display: none; }
  .form-navigation.page-has-booking-summary .payment-methods {
    clear: none;
    padding-top: .5em; } }

.grand-total--booking-summary {
  background: #00d66c; }

@media screen and (min-width: 64em) {
  .price-section .grand-total--booking-summary {
    margin: 0 0 1rem .5rem;
    padding: .5rem 1rem;
    border-radius: .75rem; } }

.booking-summary .ancillaries-state {
  margin-top: .5em;
  min-height: 2.2em; }
  .booking-summary .ancillaries-state [data-ancillary] {
    display: none; }
  .booking-summary .ancillaries-state .is-enabled {
    display: inline-block; }
  .booking-summary .ancillaries-state .icon-font {
    font-size: 1.55em;
    color: #2800a0; }

.multi-day-availability .nav-days {
  margin-bottom: 1rem;
  padding: 0 0 1rem;
  position: relative; }

.multi-day-availability .nav-days-before,
.multi-day-availability .nav-days-after {
  top: 65%;
  margin-top: 2em;
  position: absolute;
  z-index: 1; }
  .multi-day-availability .nav-days-before .button,
  .multi-day-availability .nav-days-after .button {
    padding: 0;
    border-radius: 50%;
    width: 2.5rem;
    height: 2.5rem; }
    .multi-day-availability .nav-days-before .button::before,
    .multi-day-availability .nav-days-after .button::before {
      margin-right: 0;
      margin-left: 0; }
  .multi-day-availability .nav-days-before .icon-font,
  .multi-day-availability .nav-days-after .icon-font {
    line-height: inherit; }

.multi-day-availability .nav-days-before {
  left: 0; }

.multi-day-availability .nav-days-after {
  right: 0; }

.multi-day-availability .animation-container {
  /**
         * On the sides, overflow hidden is needed for the animation.
         * On the bottom, the selected arrow needs to fall outside the container.
         * The combination of margin top and top makes this possible.
         */
  position: relative;
  width: 100%;
  overflow: hidden; }

.multi-day-availability .new-view {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 50;
  width: 100%; }
  .multi-day-availability .new-view.transitions {
    transition: left .5s; }

.multi-day-availability .mask {
  position: relative;
  overflow: hidden;
  left: 0; }
  .multi-day-availability .mask.transitions {
    transition: left .5s; }

.multi-day-availability .current-view {
  position: relative; }

.multi-day-availability .month {
  position: relative; }
  .multi-day-availability .month::before {
    height: 1px;
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    z-index: 0;
    background-color: #ccc;
    transform: translateY(-50%);
    border-radius: 0; }
  .multi-day-availability .month .text {
    position: relative;
    z-index: 1;
    margin: 0;
    text-align: center;
    font-size: .875em;
    color: #202020;
    font-weight: bold; }
  .multi-day-availability .month .inline-text {
    display: inline-block;
    background-color: #fff;
    padding-left: .5em;
    padding-right: .5em; }

.multi-day-availability .days {
  margin: 0; }

.multi-day-availability .day {
  width: 100%;
  padding-bottom: 2em;
  text-align: center; }
  .multi-day-availability .day .h6 {
    font-weight: normal; }
  .multi-day-availability .day .button {
    width: 100%;
    min-height: 5.5rem;
    padding: 1rem .25rem; }
  .multi-day-availability .day .button--flying-blue {
    min-height: 6rem; }

.multi-day-availability .day-with-availability {
  cursor: pointer; }

.multi-day-availability .message {
  font-size: .875rem;
  line-height: 1.25rem;
  display: block;
  font-weight: normal; }

.multi-day-availability .is-selected {
  position: relative;
  cursor: default; }
  .multi-day-availability .is-selected .h6 {
    font-weight: bold; }
  .multi-day-availability .is-selected .button {
    color: #fff !important;
    background-color: #2800a0;
    box-shadow: none;
    overflow: visible; }
    .multi-day-availability .is-selected .button::after {
      background-color: #2800a0; }
  .multi-day-availability .is-selected .price-prefix {
    color: #fff; }

.multi-day-availability .price {
  display: block;
  font-size: 1.25rem;
  font-weight: bold; }
  .multi-day-availability .price.price-miles {
    font-size: .875rem;
    line-height: 1.125rem;
    white-space: normal; }

.multi-day-availability .price-prefix {
  display: block;
  font-size: .875rem;
  font-weight: normal; }

.multi-day-availability .radiofield-wrapper {
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0; }
  .multi-day-availability .radiofield-wrapper label {
    padding: 0;
    height: 1.5em;
    width: 1.5em; }

@media screen and (min-width: 30em) {
  .multi-day-availability .nav-days {
    margin-bottom: 0;
    padding: 0 3.5rem 1rem; }
  .multi-day-availability .nav-days-before,
  .multi-day-availability .nav-days-after {
    top: 25%; }
  .multi-day-availability .day {
    padding-bottom: 1rem; } }

@media screen and (min-width: 40em) {
  .multi-day-availability .month .text {
    font-size: 1rem; } }

@media screen and (min-width: 48em) {
  .multi-day-availability .day .button--flying-blue {
    min-height: 6.5rem; } }

@media screen and (min-width: 50em) {
  .multi-day-availability .day .button--flying-blue {
    min-height: 6rem; } }

/**
 * Solid
  */
.has-page-takeover:not(.has-page-takeover--transparent) .header,
.has-page-takeover:not(.has-page-takeover--transparent) .notification-25-term,
.has-page-takeover:not(.has-page-takeover--transparent) .container.theme,
.has-page-takeover:not(.has-page-takeover--transparent) .footer {
  display: none; }

.page-takeover {
  position: relative;
  padding-bottom: 1em; }
  .page-takeover.is-hidden .page {
    position: relative;
    top: 3em; }
  .page-takeover.is-fixed {
    display: block !important;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 500;
    overflow: hidden; }
  .page-takeover.transitions-show .background-color {
    transition: opacity .5s .5s; }
  .page-takeover.transitions-show .gradient {
    transition: opacity .5s; }
  .page-takeover.transitions-show .page {
    transition: opacity .5s, top .5s ease-out; }
  .page-takeover.transitions-hide .background-color,
  .page-takeover.transitions-hide .gradient,
  .page-takeover.transitions-hide .page {
    transition: opacity .5s; }
  .page-takeover.is-visible {
    display: block !important;
    min-height: 100vh; }
    .page-takeover.is-visible .background-color,
    .page-takeover.is-visible .gradient,
    .page-takeover.is-visible .page {
      opacity: 1; }
    .page-takeover.is-visible .page {
      top: 0; }
  .page-takeover .background-color {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    background-color: rgba(243, 229, 216, 0.7); }
  .page-takeover .gradient {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 20;
    background-color: rgba(0, 0, 0, 0.2); }
  .page-takeover .page {
    position: relative;
    z-index: 30; }
  .page-takeover .background-color,
  .page-takeover .gradient,
  .page-takeover .page {
    opacity: 0; }
  .page-takeover .close-trigger {
    cursor: pointer; }

@media screen and (min-width: 40em) {
  .page-takeover.is-visible {
    padding-top: 2.5em;
    padding-bottom: 2.5em; } }

.page-takeover--flex {
  display: flex;
  flex-direction: column;
  max-height: 90vh;
  overflow-y: scroll; }
  .page-takeover--flex header {
    flex: 0 0 auto; }
  .page-takeover--flex section {
    flex: 1 1 auto;
    overflow-y: scroll; }
  .page-takeover--flex footer {
    flex: 0 0 auto;
    text-align: center; }

/*
 * Transparent
 */
.has-page-takeover--transparent {
  overflow: hidden !important; }

.page-takeover--transparent {
  position: static !important;
  padding: 0 !important;
  min-height: 0 !important; }
  .page-takeover--transparent__glass {
    display: block;
    background-color: rgba(0, 0, 0, 0.85) !important;
    height: 100%;
    overflow: hidden;
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 997 !important; }
  .page-takeover--transparent__container {
    background-color: transparent;
    left: 0;
    z-index: 998;
    height: 100%;
    overflow-y: auto;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    font-size: 0;
    padding: .75rem 1rem; }
    @media screen and (min-width: 40em) {
      .page-takeover--transparent__container {
        padding: 1.25rem 1.5rem; } }
    @media screen and (min-width: 50em) {
      .page-takeover--transparent__container {
        padding: 1.75rem 2rem; } }
    .page-takeover--transparent__container::before {
      content: '';
      display: inline-block;
      height: 100%;
      width: 1px;
      vertical-align: middle;
      -webkit-user-select: none;
         -moz-user-select: none;
              user-select: none; }
  .page-takeover--transparent__content {
    text-align: left;
    vertical-align: middle;
    display: inline-block;
    height: auto;
    max-width: calc(100% - 1px);
    width: 100%;
    pointer-events: auto;
    font-size: 1rem;
    cursor: default; }
    @media screen and (min-width: 70.125em) {
      .page-takeover--transparent__content {
        max-width: 66rem; } }
  .page-takeover--transparent .no-gutter {
    padding: .75rem 1rem;
    margin: 0 -1rem 1rem; }
    @media screen and (min-width: 40em) {
      .page-takeover--transparent .no-gutter {
        padding: 1.25rem 1.5rem;
        margin-left: -1.5rem;
        margin-right: -1.5rem; } }
    @media screen and (min-width: 50em) {
      .page-takeover--transparent .no-gutter {
        padding: 1.75rem 2rem;
        margin-left: -2rem;
        margin-right: -2rem; } }
    .page-takeover--transparent .no-gutter > :last-child {
      margin-bottom: 0; }

.page-takeover-content-booking-details {
  box-shadow: 0 0.3125rem 0.625rem 0 rgba(0, 0, 0, 0.15);
  /** Outbound specific toggle styling */
  /** Inbound specific toggle styling */ }
  .page-takeover-content-booking-details .icon-close {
    float: right;
    margin-top: 1rem; }
  .page-takeover-content-booking-details .icon-passenger {
    font-size: 1.25em; }
  .page-takeover-content-booking-details .toggle_toggler--container {
    padding-top: 0; }
  .page-takeover-content-booking-details .button-close {
    display: none; }
  .page-takeover-content-booking-details .is-animating--outbound .toggle_toggler--container-outbound .button-close {
    display: inline-block; }
  .page-takeover-content-booking-details .is-animating--outbound .toggle_toggler--container-outbound .button-open {
    display: none; }
  .page-takeover-content-booking-details .is-open--outbound .toggle_toggler--container-outbound {
    padding-top: 1rem; }
    .page-takeover-content-booking-details .is-open--outbound .toggle_toggler--container-outbound .button-open {
      display: none; }
    .page-takeover-content-booking-details .is-open--outbound .toggle_toggler--container-outbound .button-close {
      display: inline-block; }
    .page-takeover-content-booking-details .is-open--outbound .toggle_toggler--container-outbound .subtotal-row {
      display: none; }
  .page-takeover-content-booking-details .is-animating--inbound .toggle_toggler--container-inbound .button-close {
    display: inline-block; }
  .page-takeover-content-booking-details .is-animating--inbound .toggle_toggler--container-inbound .button-open {
    display: none; }
  .page-takeover-content-booking-details .is-open--inbound .toggle_toggler--container-inbound {
    padding-top: 1rem; }
    .page-takeover-content-booking-details .is-open--inbound .toggle_toggler--container-inbound .button-open {
      display: none; }
    .page-takeover-content-booking-details .is-open--inbound .toggle_toggler--container-inbound .button-close {
      display: inline-block; }
    .page-takeover-content-booking-details .is-open--inbound .toggle_toggler--container-inbound .subtotal-row {
      display: none; }
  .page-takeover-content-booking-details .price-type-a {
    display: none; }
  .page-takeover-content-booking-details [data-ancillary] {
    display: none; }
  .page-takeover-content-booking-details .is-enabled {
    display: block; }
    .page-takeover-content-booking-details .is-enabled ~ .no-products-message {
      display: none; }
  .page-takeover-content-booking-details .price {
    margin-bottom: 0;
    text-align: right;
    float: right; }
  .page-takeover-content-booking-details .grand-total .price {
    float: none; }
  .page-takeover-content-booking-details .icon-check {
    margin-bottom: 0;
    float: right;
    line-height: inherit; }
  .page-takeover-content-booking-details .subtotal {
    margin-bottom: 1rem; }
  .page-takeover-content-booking-details .has-total-of-zero .subtotal-row {
    display: none; }
  .page-takeover-content-booking-details .has-total-of-zero .icon-check {
    display: block; }
  .page-takeover-content-booking-details .has-total-higher-than-zero::before, .page-takeover-content-booking-details .has-total-higher-than-zero::after {
    content: ' ';
    display: table;
    width: 0; }
  .page-takeover-content-booking-details .has-total-higher-than-zero::after {
    clear: both; }
  .page-takeover-content-booking-details .has-total-higher-than-zero .h3 {
    display: inline; }
  .page-takeover-content-booking-details .has-total-higher-than-zero .subtotal-row {
    display: block; }
  .page-takeover-content-booking-details .has-total-higher-than-zero .icon-check {
    display: none; }

@media screen and (min-width: 40em) {
  .page-takeover-content-booking-details {
    border-radius: .75rem; }
    .page-takeover-content-booking-details .price-type-a {
      display: block;
      text-align: right;
      float: right; }
    .page-takeover-content-booking-details .price-type-e {
      display: none; }
    .page-takeover-content-booking-details .subtotal {
      display: none; }
    .page-takeover-content-booking-details .panel_section--secondary .subtotal {
      display: block; }
    .page-takeover-content-booking-details .has-total-of-zero .h5,
    .page-takeover-content-booking-details .has-total-higher-than-zero .h5 {
      display: block; }
    .page-takeover-content-booking-details .has-total-of-zero .subtotal-row,
    .page-takeover-content-booking-details .has-total-higher-than-zero .subtotal-row {
      display: none; }
    .page-takeover-content-booking-details .has-total-of-zero .price {
      display: none; }
    .page-takeover-content-booking-details .has-total-higher-than-zero .price {
      display: block; } }

.page-takeover-month-view-placeholder.is-loading {
  text-align: center; }

.page-takeover-content-month-view {
  box-shadow: 0 0.3125em 0.625em 0 rgba(0, 0, 0, 0.15);
  border-radius: .75rem; }
  .page-takeover-content-month-view .icon-close {
    float: right;
    margin-top: 1rem; }
  .page-takeover-content-month-view .panel_section--submit form {
    position: relative; }
  .page-takeover-content-month-view .panel_section--submit .button-primary {
    position: absolute;
    right: 0; }

.name-change-option-choice .price {
  display: none;
  width: 3em;
  height: 1.2em;
  position: absolute;
  top: 0;
  margin-top: 0;
  right: 1em;
  font-size: 1.25rem;
  color: #00d66c;
  text-align: right;
  font-weight: bold; }

.name-change-option-choice input:checked ~ .price {
  display: block; }

.name-change-option-choice .panel .panel {
  padding-left: 0; }

.fast-track-change-option-choice {
  position: relative; }
  .fast-track-change-option-choice .price {
    display: none;
    width: 3em;
    height: 1.2em;
    position: absolute;
    top: 0;
    margin-top: 0;
    right: 1em;
    font-size: 1.25rem;
    color: #00d66c;
    text-align: right;
    font-weight: bold; }
  .fast-track-change-option-choice input:checked ~ .price {
    display: block; }

/* stylelint-disable scss/dollar-variable-colon-space-after */
/* stylelint-enable */
.AS-search-panel .panel_section:not(.panel_section--top):not(.panel_section--narrow-top) {
  padding-top: 0; }

.AS-search-panel .panel_section:not(.panel_section--bottom):not(.panel_section--narrow-bottom) {
  padding-bottom: 0; }

.AS-search-panel .panel_section--top {
  border-radius: 0; }

.AS-search-panel .panel_section--bottom {
  border-radius: 0; }

.AS-search-panel .preserve-last-margin::before, .AS-search-panel .preserve-last-margin::after {
  content: ' ';
  display: table;
  width: 0; }

.AS-search-panel .preserve-last-margin::after {
  clear: both; }

/* stylelint-disable scss/dollar-variable-colon-space-after */
/* stylelint-enable */
/* stylelint-disable scss/dollar-variable-colon-space-after */
/* stylelint-enable */
/* stylelint-disable scss/dollar-variable-colon-space-after */
/* stylelint-enable */
@media screen and (min-width: 40em) {
  .AS-search-panel .panel_section:not(.panel_section--top):not(.panel_section--narrow-top) {
    padding-top: 0; }
  .AS-search-panel .panel_section:not(.panel_section--bottom):not(.panel_section--narrow-bottom) {
    padding-bottom: 0; }
  .AS-search-panel .panel_section--top {
    border-radius: 0; }
  .AS-search-panel .panel_section--bottom {
    border-radius: 0; } }

/* stylelint-disable scss/dollar-variable-colon-space-after */
/* stylelint-enable */
/* stylelint-disable scss/dollar-variable-colon-space-after */
/* stylelint-enable */
/* stylelint-disable scss/dollar-variable-colon-space-after */
/* stylelint-enable */
@media screen and (min-width: 50em) {
  .AS-search-panel .panel_section:not(.panel_section--top):not(.panel_section--narrow-top) {
    padding-top: 0; }
  .AS-search-panel .panel_section:not(.panel_section--bottom):not(.panel_section--narrow-bottom) {
    padding-bottom: 0; }
  .AS-search-panel .panel_section--top {
    border-radius: 0; }
  .AS-search-panel .panel_section--bottom {
    border-radius: 0; } }

.AS-search-panel-section.is-open .AS-search-panel-section_summary {
  display: none; }

.AS-search-panel-budget-section.is-open + .AS-search-panel-budget-section_next-section .AS-search-panel-budget-section_next-divider,
.AS-search-panel-when-section.is-open + .AS-search-panel-budget-section_next-section .AS-search-panel-budget-section_next-divider, .AS-search-panel-budget-section.is-open +
.AS-search-panel-when-section_next-section .AS-search-panel-budget-section_next-divider,
.AS-search-panel-when-section.is-open +
.AS-search-panel-when-section_next-section .AS-search-panel-budget-section_next-divider, .AS-search-panel-budget-section.is-open + .AS-search-panel-budget-section_next-section
.AS-search-panel-when-section_next-divider,
.AS-search-panel-when-section.is-open + .AS-search-panel-budget-section_next-section
.AS-search-panel-when-section_next-divider, .AS-search-panel-budget-section.is-open +
.AS-search-panel-when-section_next-section
.AS-search-panel-when-section_next-divider,
.AS-search-panel-when-section.is-open +
.AS-search-panel-when-section_next-section
.AS-search-panel-when-section_next-divider {
  display: none; }

.AS-counties-and-cities-form-field_field-container {
  position: relative; }

.AS-counties-and-cities-form-field_remove-button {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  color: #2800a0; }
  .AS-counties-and-cities-form-field_remove-button:hover {
    color: #ff3268; }
  .AS-counties-and-cities-form-field_remove-button .AS-counties-and-cities-form-field_remove-button-icon {
    font-size: 1.125rem; }

/* stylelint-disable scss/dollar-variable-colon-space-after */
/* stylelint-enable */
.AS-results-panel .panel_section:not(.panel_section--top):not(.panel_section--narrow-top) {
  padding-top: 0; }

.AS-results-panel .panel_section:not(.panel_section--bottom):not(.panel_section--narrow-bottom) {
  padding-bottom: 0; }

.AS-results-panel .panel_section--top {
  border-radius: 0; }

.AS-results-panel .panel_section--bottom {
  border-radius: 0; }

.AS-results-panel .preserve-last-margin::before, .AS-results-panel .preserve-last-margin::after {
  content: ' ';
  display: table;
  width: 0; }

.AS-results-panel .preserve-last-margin::after {
  clear: both; }

/* stylelint-disable scss/dollar-variable-colon-space-after */
/* stylelint-enable */
/* stylelint-disable scss/dollar-variable-colon-space-after */
/* stylelint-enable */
/* stylelint-disable scss/dollar-variable-colon-space-after */
/* stylelint-enable */
@media screen and (min-width: 40em) {
  .AS-results-panel .panel_section:not(.panel_section--top):not(.panel_section--narrow-top) {
    padding-top: 0; }
  .AS-results-panel .panel_section:not(.panel_section--bottom):not(.panel_section--narrow-bottom) {
    padding-bottom: 0; }
  .AS-results-panel .panel_section--top {
    border-radius: 0; }
  .AS-results-panel .panel_section--bottom {
    border-radius: 0; } }

/* stylelint-disable scss/dollar-variable-colon-space-after */
/* stylelint-enable */
/* stylelint-disable scss/dollar-variable-colon-space-after */
/* stylelint-enable */
/* stylelint-disable scss/dollar-variable-colon-space-after */
/* stylelint-enable */
@media screen and (min-width: 50em) {
  .AS-results-panel .panel_section:not(.panel_section--top):not(.panel_section--narrow-top) {
    padding-top: 0; }
  .AS-results-panel .panel_section:not(.panel_section--bottom):not(.panel_section--narrow-bottom) {
    padding-bottom: 0; }
  .AS-results-panel .panel_section--top {
    border-radius: 0; }
  .AS-results-panel .panel_section--bottom {
    border-radius: 0; } }

.AS-destinations-list {
  margin-bottom: 0; }

.AS-destination_button {
  position: relative;
  min-height: 12rem;
  padding-bottom: 2.75rem; }
  .AS-destination_button:hover .AS-destination_toggle-button {
    background-color: rgba(0, 0, 0, 0.6); }

.AS-destination_price-panel-container {
  display: inline-block; }

.AS-destination_toggle-button {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  border: 0;
  border-radius: .75rem .75rem 0 0;
  padding: .4rem 3rem;
  transition: background-color .4s;
  background-color: rgba(0, 0, 0, 0.3);
  color: #fff;
  white-space: nowrap;
  cursor: inherit;
  outline: 0; }
  .AS-destination_toggle-button:hover, .AS-destination_toggle-button:focus {
    text-decoration: underline; }

.AS-destination_time-frames-placeholder.is-loading {
  background-color: #fff; }

@media screen and (min-width: 50em) {
  .AS-destination_button {
    padding-top: 1rem;
    padding-bottom: 3.75rem; }
  .AS-destination_price-panel-container {
    float: left;
    margin-right: 2rem; } }

/* stylelint-disable scss/dollar-variable-colon-space-after */
/* stylelint-enable */
/* stylelint-disable scss/dollar-variable-colon-space-after */
/* stylelint-enable */
.AS-time-frame-list {
  margin-bottom: 0; }
  .AS-time-frame-list_item-content {
    display: flex;
    align-items: center; }
  .AS-time-frame-list_item-content-container {
    transition: background-color .4s; }

.AS-time-frame-list_item.is-open .AS-time-frame-list_item-content-container {
  position: relative; }
  .AS-time-frame-list_item.is-open .AS-time-frame-list_item-content-container::after {
    width: 1.75rem;
    height: 1.75rem;
    margin: -1rem 0 0 -.875rem;
    transform: scaleY(0.7) rotate(45deg);
    content: '';
    display: block;
    position: absolute;
    top: 100%;
    left: 50%;
    background-color: #fff;
    border-radius: .2rem;
    transition: background-color .4s; }

.AS-time-frame-list_item.is-open .AS-time-frame-list_divider {
  display: none; }

.AS-time-frame-list_item.is-open:hover .AS-time-frame-list_item-content-container::after {
  width: 1.75rem;
  height: 1.75rem;
  margin: -1rem 0 0 -.875rem;
  transform: scaleY(0.7) rotate(45deg);
  content: '';
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
  background-color: #e9e5f5;
  border-radius: .2rem;
  transition: background-color .4s; }

.AS-time-frame-list_item:last-child .AS-time-frame-list_divider {
  display: none; }

.AS-time-frame-list_item:hover {
  margin-top: -0.0625rem; }
  .AS-time-frame-list_item:hover .AS-time-frame-list_item-content-container {
    background-color: #e9e5f5;
    color: #2800a0; }
    .AS-time-frame-list_item:hover .AS-time-frame-list_item-content-container * {
      color: inherit; }
    .AS-time-frame-list_item:hover .AS-time-frame-list_item-content-container::before {
      content: '';
      display: block;
      height: 0.0625rem; }
  .AS-time-frame-list_item:hover .AS-time-frame-list_divider .divider {
    visibility: hidden; }

.AS-destination-close-button {
  width: 100%;
  padding: .75rem 1rem;
  background-color: #e9e5f5;
  text-align: center; }

/* stylelint-disable scss/dollar-variable-colon-space-after */
/* stylelint-enable */
@media screen and (max-width: 47.9375em) {
  .AS-flights-container {
    padding-top: 1.25rem; } }

@media screen and (min-width: 50em) {
  .AS-flight_content-container {
    display: flex;
    align-items: center; } }

.c-flow-price-breakdown {
  /**
     * Price overview layout
     */
  /**
     * Generic toggle styling for all the toggle's on the price breakdown
     */
  /**
     * Outbound toggles
     */
  /** Animating */
  /** Opened */
  /**
     * Inbound toggles
     */
  /** Animating */
  /** Opened */
  /**
     * Outbound seating toggles
     */
  /** Animating */
  /** Opened */
  /**
     * Inbound seating toggles
     */
  /** Animating */
  /** Opened */ }
  .c-flow-price-breakdown .summary,
  .c-flow-price-breakdown .change-fee {
    margin-top: -.25rem; }
  .c-flow-price-breakdown .ticket-price {
    padding-bottom: .5rem; }
  .c-flow-price-breakdown .subtotals {
    margin-top: -.5rem; }
  .c-flow-price-breakdown .is-open--outbound .subtotals {
    margin-top: 0; }
  .c-flow-price-breakdown .toggle_toggler {
    cursor: pointer;
    overflow: hidden; }
    .c-flow-price-breakdown .toggle_toggler .icon-up {
      display: none; }
  .c-flow-price-breakdown .summary-outbound,
  .c-flow-price-breakdown .summary-inbound {
    margin-top: -.4rem;
    padding-bottom: 1rem; }
  .c-flow-price-breakdown .is-animating--outbound .toggle_toggler--outbound .icon-up {
    display: inline-block; }
  .c-flow-price-breakdown .is-animating--outbound .toggle_toggler--outbound .icon-down {
    display: none; }
  .c-flow-price-breakdown .is-open--outbound .toggle_toggler--outbound .icon-up {
    display: inline-block; }
  .c-flow-price-breakdown .is-open--outbound .toggle_toggler--outbound .icon-down {
    display: none; }
  .c-flow-price-breakdown .is-animating--inbound .toggle_toggler--inbound .icon-up {
    display: inline-block; }
  .c-flow-price-breakdown .is-animating--inbound .toggle_toggler--inbound .icon-down {
    display: none; }
  .c-flow-price-breakdown .is-open--inbound .toggle_toggler--inbound .icon-up {
    display: inline-block; }
  .c-flow-price-breakdown .is-open--inbound .toggle_toggler--inbound .icon-down {
    display: none; }
  .c-flow-price-breakdown .is-animating--seat-outbound .toggle_toggler--seat-outbound .icon-up {
    display: inline-block; }
  .c-flow-price-breakdown .is-animating--seat-outbound .toggle_toggler--seat-outbound .icon-down {
    display: none; }
  .c-flow-price-breakdown .is-open--seat-outbound .toggle_toggler--seat-outbound .icon-up {
    display: inline-block; }
  .c-flow-price-breakdown .is-open--seat-outbound .toggle_toggler--seat-outbound .icon-down {
    display: none; }
  .c-flow-price-breakdown .is-animating--seat-inbound .toggle_toggler--seat-inbound .icon-up {
    display: inline-block; }
  .c-flow-price-breakdown .is-animating--seat-inbound .toggle_toggler--seat-inbound .icon-down {
    display: none; }
  .c-flow-price-breakdown .is-open--seat-inbound .toggle_toggler--seat-inbound .icon-up {
    display: inline-block; }
  .c-flow-price-breakdown .is-open--seat-inbound .toggle_toggler--seat-inbound .icon-down {
    display: none; }

.panel--passenger .panel_section:first-child {
  padding-bottom: .5rem; }

.panel--passenger .panel_section--content-passenger {
  padding-top: 0;
  padding-bottom: 0; }
  .panel--passenger .panel_section--content-passenger button {
    width: 100%;
    margin: 0;
    padding: .75rem 0;
    display: block;
    border: 0;
    cursor: pointer;
    text-align: left;
    background: transparent;
    outline: 0;
    position: relative; }
    .panel--passenger .panel_section--content-passenger button[disabled] {
      cursor: default; }
  .panel--passenger .panel_section--content-passenger:not(.panel_section--blue) + .panel_section--content-passenger:not(.panel_section--blue) button {
    border-top: 0.0625rem solid #e6e6e6; }
  .panel--passenger .panel_section--content-passenger:not(.panel_section--blue) strong,
  .panel--passenger .panel_section--content-passenger:not(.panel_section--blue) .link {
    color: #2800a0; }
  .panel--passenger .panel_section--content-passenger:not(.panel_section--blue) .unit-price,
  .panel--passenger .panel_section--content-passenger:not(.panel_section--blue) .price-decimals {
    color: #00d66c; }
  .panel--passenger .panel_section--content-passenger:not(.panel_section--blue) button[disabled] .checkin-message,
  .panel--passenger .panel_section--content-passenger:not(.panel_section--blue) button[disabled] strong,
  .panel--passenger .panel_section--content-passenger:not(.panel_section--blue) button[disabled] .link,
  .panel--passenger .panel_section--content-passenger:not(.panel_section--blue) button[disabled] p {
    color: #ccc; }
  .panel--passenger .panel_section--content-passenger.panel_section--blue .checkin-message,
  .panel--passenger .panel_section--content-passenger.panel_section--blue strong,
  .panel--passenger .panel_section--content-passenger.panel_section--blue .link {
    color: #fff; }
  .panel--passenger .panel_section--content-passenger:last-child {
    padding-bottom: 1rem; }
    .panel--passenger .panel_section--content-passenger:last-child button {
      padding-bottom: 0; }
  .panel--passenger .panel_section--content-passenger .link {
    text-decoration: underline;
    display: block; }
  .panel--passenger .panel_section--content-passenger p {
    margin-bottom: 0; }
  .panel--passenger .panel_section--content-passenger .passenger-price-container {
    padding-right: 5rem; }
  .panel--passenger .panel_section--content-passenger .unit-price {
    position: absolute;
    top: .5rem;
    font-weight: bold; }

.panel--passenger .unit-price {
  font-size: 1.25rem;
  position: absolute;
  right: 0; }

.panel--passenger .button-tertiary {
  font-weight: normal;
  text-decoration: underline !important; }

.panel--passenger .seat-summary {
  position: relative; }
  .panel--passenger .seat-summary .unit-price {
    top: -.2rem; }

@media screen and (min-width: 40em) {
  .panel--passenger .panel_section:first-child {
    padding-bottom: 1rem; }
  .panel--passenger .panel_section--content-passenger:last-child {
    padding-bottom: 1.5rem; } }

@media screen and (min-width: 50em) {
  .panel--passenger .panel_section--content-passenger:last-child {
    padding-bottom: 2rem; } }

[data-module*='ui/ToggleFormField'] .is-visually-hidden {
  transition: opacity .5s, padding .5s, max-height .25s;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  display: none; }

[data-module*='ui/ToggleFormField'] .is-visible {
  transition: opacity .5s, padding .5s, max-height .25s;
  max-height: 666em;
  overflow: visible;
  opacity: 1;
  display: block; }

.payment-details label {
  width: 100%; }

.payment-details .fields .toggle-content-container {
  clear: both;
  transition: max-height .5s ease-out, opacity .5s;
  will-change: auto; }

.payment-details ul.fields {
  padding-top: 0; }

.payment-details .field p {
  margin-bottom: 1rem; }

.payment-details [data-module='ui/PaymentToggle'] .toggle-content-container {
  max-height: 0;
  padding: 0;
  overflow: hidden;
  overflow-y: auto;
  opacity: 0;
  transition: max-height .5s ease-out, opacity .5s;
  will-change: auto; }

.payment-details [data-module='ui/PaymentToggle'] .is-open + .panel_section .toggle-content-container {
  padding: 1rem 0;
  max-height: 40em;
  opacity: 1; }

.payment-details .payment-methods {
  display: none; }

.payment-details .price {
  display: none; }

.payment-details .checked .price {
  width: 3em;
  height: 1.2em;
  position: absolute;
  top: .3em;
  right: 0;
  font-size: 1.25em;
  color: #2800a0;
  text-align: right;
  display: block;
  font-weight: bold; }

.payment-details--total-amount-0 {
  display: none; }
  .total-amount-0 .payment-details--total-amount-0 {
    display: block; }

.total-amount-0 .payment-details {
  display: none; }

.total-amount-0 .payment-btn-txt {
  display: none; }

.payment-btn-txt--total-amount-0 {
  display: none; }
  .total-amount-0 .payment-btn-txt--total-amount-0 {
    display: inline; }

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

.payment-details_d3ds-text {
  position: relative;
  top: 2px;
  display: inline-block;
  margin: 0;
  font-size: .75em; }
  .payment-details_d3ds-text .icon-font {
    position: relative;
    top: -.1em;
    font-size: 1.25em;
    margin-right: .25em; }

.payment-details_d3ds-logo {
  margin-left: .5em; }

@media screen and (min-width: 30em) {
  .payment-details label {
    padding-right: 3em; } }

@media screen and (min-width: 44em) {
  .payment-details label {
    float: none; }
  .payment-details .payment-methods {
    width: 56%;
    margin: -.9rem 0 .3rem;
    line-height: 3rem;
    display: block;
    float: right;
    vertical-align: middle; }
    .payment-details .payment-methods img {
      margin: .3rem 0 0 -.125rem;
      max-height: 2.7em; } }

/* stylelint-disable scss/dollar-variable-colon-space-after */
/* stylelint-enable */
[data-initialized*='ui/VisualCreditCard'].co-badged-card .visual-cc_type-logo-mobile-container,
[data-initialized*='ui/VisualCreditCard'].co-badged-card .visual-cc_type-logo-desktop-container {
  display: none; }

[data-initialized*='ui/VisualCreditCard'] .visual-cc_type-logo-mobile-container,
[data-initialized*='ui/VisualCreditCard'] .visual-cc_type-logo-desktop-container {
  background-repeat: no-repeat;
  background-size: cover; }

[data-initialized*='ui/VisualCreditCard'].visual-cc--uatp .visual-cc_type-logo-mobile-container,
[data-initialized*='ui/VisualCreditCard'].visual-cc--uatp .visual-cc_type-logo-desktop-container {
  background-image: url("../img/payment/logo-uatp.png");
  width: 5.25rem;
  height: 1.5rem; }

[data-initialized*='ui/VisualCreditCard'].visual-cc--americanexpress .visual-cc_type-logo-mobile-container,
[data-initialized*='ui/VisualCreditCard'].visual-cc--americanexpress .visual-cc_type-logo-desktop-container {
  background-image: url("../img/payment/logo-americanexpress.svg");
  width: 2.75rem;
  height: 2.75rem; }

[data-initialized*='ui/VisualCreditCard'].visual-cc--visa .visual-cc_type-logo-mobile-container,
[data-initialized*='ui/VisualCreditCard'].visual-cc--visa .visual-cc_type-logo-desktop-container {
  background-image: url("../img/payment/logo-visa.svg");
  width: 5rem;
  height: 1.625rem; }

[data-initialized*='ui/VisualCreditCard'].visual-cc--mastercard .visual-cc_type-logo-mobile-container,
[data-initialized*='ui/VisualCreditCard'].visual-cc--mastercard .visual-cc_type-logo-desktop-container {
  background-image: url("../img/payment/logo-mastercard.svg");
  width: 4.25rem;
  height: 2.5625rem; }

[data-initialized*='ui/VisualCreditCard'] .visual-cc_type-logo-desktop-container {
  display: none; }

[data-initialized*='ui/VisualCreditCard'] .visual-cc_type-logo-mobile-container {
  margin-top: 1em; }

[data-initialized*='ui/VisualCreditCard'] .visual-cc-cobadged-options-desktop {
  display: none; }

[data-initialized*='ui/VisualCreditCard'] .visual-cc-cobadged-options-mobile {
  display: flex;
  margin-top: 1em; }

[data-initialized*='ui/VisualCreditCard'] .co-badged-container {
  display: block;
  width: auto;
  position: relative;
  padding-right: 0;
  margin-right: 8px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none; }

[data-initialized*='ui/VisualCreditCard'] .co-badged-radio {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0; }
  [data-initialized*='ui/VisualCreditCard'] .co-badged-radio:checked + .co-badged-label {
    border-color: #2800a0; }

[data-initialized*='ui/VisualCreditCard'] .co-badged-label {
  display: block;
  border-radius: .5rem;
  border: 1px solid transparent;
  height: 30px;
  width: 50px;
  background-color: #fff;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }

@media screen and (min-width: 64em) {
  [data-initialized*='ui/VisualCreditCard'] {
    margin: 0 0 1em 18.6em;
    width: 452px; }
    [data-initialized*='ui/VisualCreditCard'] .visual-cc_type-logo-desktop-container {
      display: block; }
    [data-initialized*='ui/VisualCreditCard'] .visual-cc_type-logo-mobile-container {
      display: none; }
    [data-initialized*='ui/VisualCreditCard'] .visual-cc-cobadged-options-desktop {
      display: flex;
      position: absolute;
      top: 84px;
      left: 325px;
      width: 120px; }
    [data-initialized*='ui/VisualCreditCard'] .visual-cc-cobadged-options-mobile {
      display: none; }
    [data-initialized*='ui/VisualCreditCard'] > p {
      margin-bottom: 1em; }
    [data-initialized*='ui/VisualCreditCard'] .field,
    [data-initialized*='ui/VisualCreditCard'] .fields,
    [data-initialized*='ui/VisualCreditCard'] .textfield {
      position: static;
      float: none;
      width: 100%; }
    [data-initialized*='ui/VisualCreditCard'] .field {
      padding: 0; }
      [data-initialized*='ui/VisualCreditCard'] .field input {
        position: absolute;
        padding-top: .3em;
        padding-bottom: .2em;
        z-index: 1;
        min-height: 1.3em;
        line-height: 1.3em; }
      [data-initialized*='ui/VisualCreditCard'] .field .visual-cc_field-date-month-selectfield,
      [data-initialized*='ui/VisualCreditCard'] .field .visual-cc_field-date-year-selectfield {
        position: absolute;
        padding: 0;
        height: 1.6875em;
        z-index: 1; }
      [data-initialized*='ui/VisualCreditCard'] .field label {
        position: absolute;
        margin: 0;
        padding: 0;
        width: auto !important;
        line-height: 1 !important;
        color: #606060;
        font-size: 14px;
        font-weight: normal;
        z-index: 1; }
      [data-initialized*='ui/VisualCreditCard'] .field .notification-error,
      [data-initialized*='ui/VisualCreditCard'] .field .notification-error-label {
        padding-top: 0;
        color: #ff6565; }
      [data-initialized*='ui/VisualCreditCard'] .field .tooltip-dialog {
        display: none; }
    [data-initialized*='ui/VisualCreditCard'] .contentfield {
      width: 452px; }
    [data-initialized*='ui/VisualCreditCard'] .visual-cc_cards {
      position: relative; }
    [data-initialized*='ui/VisualCreditCard'] .visual-cc_card-front {
      position: relative;
      padding-top: 270px; }
      [data-initialized*='ui/VisualCreditCard'] .visual-cc_card-front::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 452px;
        height: 266px;
        background: #eedac8;
        border: 0.0625rem solid #ccc;
        border-radius: 10px;
        box-shadow: -2px 2px #ccc; }
      [data-initialized*='ui/VisualCreditCard'] .visual-cc_card-front .fields::after {
        content: 'Credit Card';
        position: absolute;
        top: 23px;
        left: 24px;
        white-space: nowrap;
        width: 200px;
        font-size: 16px;
        font-weight: bold;
        color: #000; }
    [data-initialized*='ui/VisualCreditCard'] .visual-cc_field-cc-type {
      display: none; }
    [data-initialized*='ui/VisualCreditCard'] .visual-cc_field-verification-code {
      display: none; }
    [data-initialized*='ui/VisualCreditCard'] .visual-cc_field-cc-number > label {
      top: 64px;
      left: 24px; }
    [data-initialized*='ui/VisualCreditCard'] .visual-cc_field-cc-number .fee-label {
      color: #2800a0;
      position: absolute;
      top: 115px;
      left: 24px; }
    [data-initialized*='ui/VisualCreditCard'] .visual-cc_field-cc-number input {
      top: 84px;
      left: 24px;
      width: 290px; }
    [data-initialized*='ui/VisualCreditCard'] .visual-cc_field-full-name > label {
      top: 198px;
      left: 24px; }
    [data-initialized*='ui/VisualCreditCard'] .visual-cc_field-full-name input {
      top: 219px;
      left: 24px;
      width: 289px; }
    [data-initialized*='ui/VisualCreditCard'] .visual-cc_field-date > label {
      top: 133px;
      left: 24px; }
    [data-initialized*='ui/VisualCreditCard'] .visual-cc_field-date-month-label {
      display: block;
      top: 133px;
      left: 120px; }
    [data-initialized*='ui/VisualCreditCard'] .visual-cc_field-date-month-selectfield {
      top: 151px;
      left: 115px;
      width: 76px !important; }
      [data-initialized*='ui/VisualCreditCard'] .visual-cc_field-date-month-selectfield::after {
        content: '/';
        position: absolute;
        top: 9px;
        left: 87px; }
    [data-initialized*='ui/VisualCreditCard'] .visual-cc_field-date-year-label {
      display: block;
      top: 133px;
      left: 228px; }
    [data-initialized*='ui/VisualCreditCard'] .visual-cc_field-date-year-selectfield {
      top: 151px;
      left: 223px;
      width: 90px !important; }
    [data-initialized*='ui/VisualCreditCard'].visual-cc--visa .visual-cc_card-back, [data-initialized*='ui/VisualCreditCard'].visual-cc--mastercard .visual-cc_card-back {
      position: relative;
      margin-top: 20px;
      padding-top: 270px; }
      [data-initialized*='ui/VisualCreditCard'].visual-cc--visa .visual-cc_card-back::before, [data-initialized*='ui/VisualCreditCard'].visual-cc--mastercard .visual-cc_card-back::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 452px;
        height: 266px;
        background: #eedac8;
        border: 0.0625rem solid #ccc;
        border-radius: 10px;
        box-shadow: -2px 2px #ccc; }
      [data-initialized*='ui/VisualCreditCard'].visual-cc--visa .visual-cc_card-back::after, [data-initialized*='ui/VisualCreditCard'].visual-cc--mastercard .visual-cc_card-back::after {
        content: '';
        position: absolute;
        top: 29px;
        left: -1px;
        right: -1px;
        display: block;
        height: 48px;
        background: #606060; }
    [data-initialized*='ui/VisualCreditCard'].visual-cc--visa .visual-cc_field-verification-code, [data-initialized*='ui/VisualCreditCard'].visual-cc--mastercard .visual-cc_field-verification-code {
      display: block; }
      [data-initialized*='ui/VisualCreditCard'].visual-cc--visa .visual-cc_field-verification-code > label, [data-initialized*='ui/VisualCreditCard'].visual-cc--mastercard .visual-cc_field-verification-code > label {
        top: 99px;
        right: 24px; }
      [data-initialized*='ui/VisualCreditCard'].visual-cc--visa .visual-cc_field-verification-code input, [data-initialized*='ui/VisualCreditCard'].visual-cc--mastercard .visual-cc_field-verification-code input {
        top: 119px;
        right: 24px;
        width: 203px; }
    [data-initialized*='ui/VisualCreditCard'].visual-cc--mastercard .visual-cc_card-front .visual-cc_type-logo-desktop-container {
      position: absolute;
      top: 210px;
      right: 34px; }
    [data-initialized*='ui/VisualCreditCard'].visual-cc--visa .visual-cc_card-front .visual-cc_type-logo-desktop-container {
      position: absolute;
      top: 218px;
      right: 30px;
      width: 80px;
      height: 26px; }
    [data-initialized*='ui/VisualCreditCard'].visual-cc--americanexpress .visual-cc_card-front .visual-cc_type-logo-desktop-container {
      position: absolute;
      top: 205px;
      right: 24px; }
    [data-initialized*='ui/VisualCreditCard'].visual-cc--americanexpress .visual-cc_field-cc-number input {
      width: 212px; }
    [data-initialized*='ui/VisualCreditCard'].visual-cc--americanexpress .visual-cc_field-verification-code {
      display: block; }
      [data-initialized*='ui/VisualCreditCard'].visual-cc--americanexpress .visual-cc_field-verification-code > label {
        top: 64px;
        left: 249px; }
      [data-initialized*='ui/VisualCreditCard'].visual-cc--americanexpress .visual-cc_field-verification-code input {
        top: 84px;
        left: 249px;
        width: 64px; }
    [data-initialized*='ui/VisualCreditCard'].visual-cc--uatp .visual-cc_card-front .visual-cc_type-logo-desktop-container {
      position: absolute;
      top: 220px;
      right: 24px; }
    [data-initialized*='ui/VisualCreditCard'].visual-cc--has-fee .visual-cc_field-date > label {
      top: 178px; }
    [data-initialized*='ui/VisualCreditCard'].visual-cc--has-fee .visual-cc_field-date-month-selectfield,
    [data-initialized*='ui/VisualCreditCard'].visual-cc--has-fee .visual-cc_field-date-year-selectfield {
      top: 196px; }
    [data-initialized*='ui/VisualCreditCard'].visual-cc--has-fee .visual-cc_field-full-name > label {
      top: 243px; }
    [data-initialized*='ui/VisualCreditCard'].visual-cc--has-fee .visual-cc_field-full-name input {
      top: 264px; }
    [data-initialized*='ui/VisualCreditCard'].visual-cc--has-fee .visual-cc_card-front .visual-cc_type-logo-desktop-container {
      top: 250px; }
    [data-initialized*='ui/VisualCreditCard'].visual-cc--has-fee .visual-cc_card-front {
      padding-top: 320px; }
      [data-initialized*='ui/VisualCreditCard'].visual-cc--has-fee .visual-cc_card-front::before {
        height: 316px; } }

.flow.insurance .radiofield label {
  float: none; }

.flow.insurance .radiofield label + .footnote {
  margin-left: 2.1rem; }

/**
 * Insurance (new) ssr tables
 */
@media screen and (min-width: 64em) {
  .insurance-placeholder tbody .td-content {
    vertical-align: middle;
    text-align: center; }
    .insurance-placeholder tbody .td-content .icon-font {
      font-size: 2.375rem; } }

@media screen and (min-width: 68em) {
  .panel--not-selected .panel_section--green,
  .panel--selected .panel_section--green {
    min-height: 7.6rem; } }

@media screen and (max-width: 48em) {
  .flow.insurance .button-select-insurance {
    margin-bottom: 1.5em !important; } }

.ssr-table {
  border-collapse: separate;
  border-radius: .75rem; }
  .ssr-table thead td,
  .ssr-table thead th,
  .ssr-table tbody td,
  .ssr-table tbody th {
    padding: .75rem 1rem; }
  .ssr-table .label {
    display: none;
    padding-left: 0; }
  .ssr-table .th {
    background: #00d66c;
    font-size: 1.25rem;
    color: #fff;
    line-height: 1.875rem;
    font-weight: bold;
    text-align: left; }
    .ssr-table .th:nth-child(2) {
      border-top-left-radius: .75rem; }
    .ssr-table .th:last-child {
      border-top-right-radius: .75rem; }
  .ssr-table .th + .th {
    border-left: 0.0625rem solid #fff; }
  .ssr-table .td-content + .td-content {
    border-left: 0.0625rem solid #ccc; }
  .ssr-table .td-content:nth-child(2) {
    border-left: 0.0625rem solid #ccc; }
  .ssr-table .td-content:last-child {
    border-right: 0.0625rem solid #ccc; }
  .ssr-table tbody .td-content {
    background: #fff;
    padding-top: 1.25rem;
    position: relative; }
    .ssr-table tbody .td-content::before {
      content: '';
      width: 100%;
      height: 0.5rem;
      background: #f7f7f7;
      position: absolute;
      top: 0;
      left: 0; }
    .ssr-table tbody .td-content .icon-font {
      color: #00d66c; }
  .ssr-table tbody .icon-font {
    color: #00d66c; }
  .ssr-table tbody .is-unavailable {
    background: #f7f7f7;
    color: #ccc; }
    .ssr-table tbody .is-unavailable * {
      color: #ccc !important; }
  .ssr-table tbody tr:last-child .td-content {
    padding-bottom: 1.25rem; }
    .ssr-table tbody tr:last-child .td-content::after {
      content: '';
      width: 100%;
      height: 0.5rem;
      background: #f7f7f7;
      position: absolute;
      bottom: 0;
      left: 0; }
  .ssr-table tfoot .td-content {
    border-bottom: 0.0625rem solid #ccc; }
    .ssr-table tfoot .td-content:nth-child(2),
    .ssr-table tfoot .td-content:nth-child(2) .button-container {
      border-bottom-left-radius: .75rem; }
    .ssr-table tfoot .td-content:last-child,
    .ssr-table tfoot .td-content:last-child .button-container {
      border-bottom-right-radius: .75rem; }
    .ssr-table tfoot .td-content .h6 {
      margin-bottom: 0;
      padding: .75rem 1rem 2rem; }
  .ssr-table tfoot .button-container {
    padding: 1rem 0 2rem;
    background: #f7f7f7;
    position: relative;
    text-align: center; }
    .ssr-table tfoot .button-container > div {
      position: absolute;
      top: -1.25rem;
      left: 0;
      right: 0; }
  .ssr-table tfoot .button-call-to-action {
    display: none; }

.ssr-table.ssr-table--selected-column-1 .th:nth-child(2) {
  background: #2800a0;
  border-left: #2800a0; }
  .ssr-table.ssr-table--selected-column-1 .th:nth-child(2) + .th {
    border-left: 0.125rem solid #2800a0; }
  .ssr-table.ssr-table--selected-column-1 .th:nth-child(2) .button--invisible-select {
    display: none; }

.ssr-table.ssr-table--selected-column-1 td:nth-child(2) {
  border-left: 0.125rem solid #2800a0; }
  .ssr-table.ssr-table--selected-column-1 td:nth-child(2) + td {
    border-left: 0.125rem solid #2800a0; }
  .ssr-table.ssr-table--selected-column-1 td:nth-child(2):last-child {
    border-right: 0.125rem solid #2800a0; }

.ssr-table.ssr-table--selected-column-1 tbody td:nth-child(2) .icon-font {
  color: #2800a0; }

.ssr-table.ssr-table--selected-column-1 tfoot td:nth-child(2) {
  border-bottom: 0.125rem solid #2800a0; }
  .ssr-table.ssr-table--selected-column-1 tfoot td:nth-child(2) .button--selection {
    display: none; }
  .ssr-table.ssr-table--selected-column-1 tfoot td:nth-child(2) .button-call-to-action {
    display: inline-block; }

.ssr-table.ssr-table--selected-column-2 .th:nth-child(3) {
  background: #2800a0;
  border-left: #2800a0; }
  .ssr-table.ssr-table--selected-column-2 .th:nth-child(3) + .th {
    border-left: 0.125rem solid #2800a0; }
  .ssr-table.ssr-table--selected-column-2 .th:nth-child(3) .button--invisible-select {
    display: none; }

.ssr-table.ssr-table--selected-column-2 td:nth-child(3) {
  border-left: 0.125rem solid #2800a0; }
  .ssr-table.ssr-table--selected-column-2 td:nth-child(3) + td {
    border-left: 0.125rem solid #2800a0; }
  .ssr-table.ssr-table--selected-column-2 td:nth-child(3):last-child {
    border-right: 0.125rem solid #2800a0; }

.ssr-table.ssr-table--selected-column-2 tbody td:nth-child(3) .icon-font {
  color: #2800a0; }

.ssr-table.ssr-table--selected-column-2 tfoot td:nth-child(3) {
  border-bottom: 0.125rem solid #2800a0; }
  .ssr-table.ssr-table--selected-column-2 tfoot td:nth-child(3) .button--selection {
    display: none; }
  .ssr-table.ssr-table--selected-column-2 tfoot td:nth-child(3) .button-call-to-action {
    display: inline-block; }

.ssr-table.ssr-table--selected-column-3 .th:nth-child(4) {
  background: #2800a0;
  border-left: #2800a0; }
  .ssr-table.ssr-table--selected-column-3 .th:nth-child(4) + .th {
    border-left: 0.125rem solid #2800a0; }
  .ssr-table.ssr-table--selected-column-3 .th:nth-child(4) .button--invisible-select {
    display: none; }

.ssr-table.ssr-table--selected-column-3 td:nth-child(4) {
  border-left: 0.125rem solid #2800a0; }
  .ssr-table.ssr-table--selected-column-3 td:nth-child(4) + td {
    border-left: 0.125rem solid #2800a0; }
  .ssr-table.ssr-table--selected-column-3 td:nth-child(4):last-child {
    border-right: 0.125rem solid #2800a0; }

.ssr-table.ssr-table--selected-column-3 tbody td:nth-child(4) .icon-font {
  color: #2800a0; }

.ssr-table.ssr-table--selected-column-3 tfoot td:nth-child(4) {
  border-bottom: 0.125rem solid #2800a0; }
  .ssr-table.ssr-table--selected-column-3 tfoot td:nth-child(4) .button--selection {
    display: none; }
  .ssr-table.ssr-table--selected-column-3 tfoot td:nth-child(4) .button-call-to-action {
    display: inline-block; }

@media screen and (min-width: 64em) {
  .ssr-table .label {
    display: table-cell;
    text-align: left; }
  .ssr-table .th {
    font-size: 1rem;
    line-height: 1.5; }
    .ssr-table .th:nth-child(2) {
      border-radius: 0; }
  .ssr-table thead tr .label {
    background-color: #00d66c;
    border-top-left-radius: .75rem; }
  .ssr-table tbody th .icon-font {
    color: #202020; }
  .ssr-table tbody tr:last-child .label::after {
    content: '';
    width: 100%;
    height: 0.5rem;
    background: #f7f7f7;
    position: absolute;
    bottom: 0;
    left: 0; }
  .ssr-table tbody .label {
    position: relative;
    border-left: 0.0625rem solid #ccc;
    padding-left: 1rem;
    padding-top: 1rem; }
    .ssr-table tbody .label::before {
      content: '';
      width: 100%;
      height: 0.5rem;
      background: #f7f7f7;
      position: absolute;
      top: 0;
      left: 0; }
  .ssr-table tfoot .label {
    border-left: 0.0625rem solid #ccc;
    border-bottom: 0.0625rem solid #ccc;
    border-bottom-left-radius: .75rem;
    vertical-align: bottom; }
    .ssr-table tfoot .label > div {
      padding: 1rem 0 2rem;
      background: #f7f7f7;
      border-bottom-left-radius: .75rem;
      position: relative;
      bottom: 1px; }
  .ssr-table tfoot .td-content:nth-child(2),
  .ssr-table tfoot .td-content:nth-child(2) .button-container {
    border-bottom-left-radius: 0; } }

@keyframes clouds {
  0% {
    opacity: 0;
    bottom: 100%; }
  20% {
    opacity: 1;
    bottom: 60%; }
  80% {
    opacity: 1;
    bottom: -60%; }
  100% {
    opacity: 0;
    bottom: -100%; } }

@keyframes flying-landscape-orientation {
  0% {
    background-position: 50% 100%; }
  2% {
    background-position: 50% 100%; }
  100% {
    background-position: 50% -200%; } }

@keyframes flying-portrait-orientation {
  0% {
    background-position: 50% 100%; }
  2% {
    background-position: 50% 100%; }
  100% {
    background-position: 50% 450%; } }

@keyframes pulse-enlarged {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(2.2);
    animation-timing-function: ease-in; }
  100% {
    animation-timing-function: ease-in;
    transform: scale(1); } }

/* styling for price flipper animation */
.price {
  position: relative;
  perspective: none; }
  .price .flipper {
    position: relative;
    transform: translateY(0%);
    transition: .6s;
    transform-style: preserve-3d;
    transform-origin: 100% 0; }
  .price .front,
  .price .back {
    backface-visibility: hidden;
    transition: .6s;
    transform-style: preserve-3d; }
  .price .back {
    position: absolute;
    top: 0;
    right: 0; }
  .price .front {
    position: relative;
    text-align: right;
    transform: rotateY(0deg);
    z-index: 2; }
    .price .front:empty::before {
      content: ''; }
  .price .back,
  .price.is-flipped .front {
    transform: rotateX(180deg); }
  .price.is-flipped .back {
    transform: rotateX(0deg); }

.animated-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  overflow: visible;
  transform-origin: 0 50%; }

@keyframes slide-down {
  0% {
    opacity: 0;
    transform: translateY(-50%); }
  80% {
    animation-timing-function: ease-out;
    transform: translateY(0); }
  100% {
    animation-timing-function: ease-out;
    opacity: 1;
    transform: translateY(0); } }

@keyframes fx-fade-in {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.fx-fade-in {
  animation: fx-fade-in .25s ease-in both; }

[data-module*='ui/ShowContent'] > .is-visually-hidden,
[data-module*='ui/ShowContent'] > .is-visible {
  transition: opacity .5s; }
  [data-module*='ui/ShowContent'] > .is-visually-hidden.booking-summary,
  [data-module*='ui/ShowContent'] > .is-visible.booking-summary {
    transition: opacity 1s 1s; }

[data-module*='ui/ShowContent'] > .is-visually-hidden {
  opacity: 0; }

[data-module*='ui/ShowContent'] > .is-visible {
  opacity: 1; }

.content-block {
  margin: 0;
  padding: 1rem 0;
  position: relative; }
  .content-block:first-of-type {
    padding-top: 3rem;
    margin-top: -2.5rem; }
  .content-block .narrow-content_sidebar {
    text-align: right; }

.app-block--section-arrow:not(.app-block--section-arrow),
.content-block--section-arrow:not(.app-block--section-arrow),
.content-block--section-arrow-compact:not(.app-block--section-arrow) {
  padding-bottom: 3.75rem; }

.app-block--section-arrow + .content-block,
.content-block--section-arrow + .content-block,
.content-block--section-arrow-compact + .content-block {
  padding-top: 1rem; }

.app-block--section-arrow + .content-block::before,
.content-block--section-arrow + .content-block::before,
.content-block--section-arrow-compact + .content-block::before {
  display: block;
  content: '';
  position: absolute;
  top: -44px;
  left: 0;
  right: 0;
  height: 44px;
  background-position: center bottom; }

.content-block--section-arrow-compact.content-block {
  margin-top: -2.5em; }

.content-block--section-arrow-ontop {
  padding-bottom: 3.75rem; }
  .content-block--section-arrow-ontop.content-block {
    padding-top: 1rem;
    margin-top: 44px; }
  .content-block--section-arrow-ontop.content-block::before {
    display: block;
    content: '';
    position: absolute;
    top: -44px;
    left: 0;
    right: 0;
    height: 44px;
    background-position: center bottom;
    background-color: #f3e5d8; }

.content-block-bg-image {
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat; }

.content-block--transparent > * {
  position: relative; }

.content-block--transparent::before {
  content: '';
  background-color: rgba(0, 0, 0, 0.1);
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute; }

.content-block--white {
  background-color: #fff; }

.content-block--blue {
  background-color: #2800a0; }

.content-block--green {
  background-color: #00d66c; }

.content-block--blue .content-text-color,
.content-block--green .content-text-color {
  color: #fff; }
  .content-block--blue .content-text-color > *,
  .content-block--blue .content-text-color .footnote *,
  .content-block--green .content-text-color > *,
  .content-block--green .content-text-color .footnote * {
    color: #fff; }
  .content-block--blue .content-text-color a:link,
  .content-block--blue .content-text-color a:visited,
  .content-block--blue .content-text-color a:active,
  .content-block--blue .content-text-color .link,
  .content-block--green .content-text-color a:link,
  .content-block--green .content-text-color a:visited,
  .content-block--green .content-text-color a:active,
  .content-block--green .content-text-color .link {
    color: #fff; }
  .content-block--blue .content-text-color a:hover,
  .content-block--green .content-text-color a:hover {
    color: #eedac8; }

.content-block--champagne {
  background-color: #f3e5d8; }
  .content-block--champagne .content-text-color {
    color: #606060; }
    .content-block--champagne .content-text-color > *:not(a) {
      color: #606060; }
    .content-block--champagne .content-text-color h1,
    .content-block--champagne .content-text-color .h1,
    .content-block--champagne .content-text-color h2,
    .content-block--champagne .content-text-color .h2,
    .content-block--champagne .content-text-color h3,
    .content-block--champagne .content-text-color .h3,
    .content-block--champagne .content-text-color h4,
    .content-block--champagne .content-text-color .h4,
    .content-block--champagne .content-text-color h5,
    .content-block--champagne .content-text-color .h5 {
      color: #2800a0; }
    .content-block--champagne .content-text-color h6,
    .content-block--champagne .content-text-color .h6 {
      color: #202020; }

.content-block--term {
  background: #9df !important; }

.handluggage-icon .icon-font {
  font-size: 3rem;
  line-height: normal;
  transform: translate(0, 0.4375rem); }

@media screen and (max-width: 30em) {
  .content-block-bg-image.images-hidden-on-mobile {
    background-image: none !important; }
    .content-block-bg-image.images-hidden-on-mobile.full-width-image {
      display: none; } }

@media screen and (min-width: 40em) {
  .content-block {
    padding: 1.5rem 0; }
    .content-block:first-of-type {
      padding-top: 3.5rem;
      margin-top: -4rem; }
  .content-block--section-arrow,
  .content-block--section-arrow-compact {
    padding-bottom: 4.25rem; } }

@media screen and (min-width: 50em) {
  .content-block {
    padding: 2rem 0; }
    .content-block:first-of-type {
      padding-top: 4rem; }
  .content-block--section-arrow,
  .content-block--section-arrow-compact {
    padding-bottom: 4.75rem; } }

.responsive-table,
div[class^='toggle-content-level-'] {
  overflow: scroll hidden !important;
  margin: 2rem 0; }
  .responsive-table table,
  div[class^='toggle-content-level-'] table {
    min-width: 800px !important; }
    .responsive-table table td p,
    div[class^='toggle-content-level-'] table td p {
      margin: 0;
      padding: 0; }
  @media screen and (min-width: 1100px) {
    .responsive-table,
    div[class^='toggle-content-level-'] {
      overflow: auto auto !important; }
      .responsive-table table,
      div[class^='toggle-content-level-'] table {
        width: 100% !important;
        min-width: auto !important; } }

[class*='component_'] em,
[class*='component_'] i {
  font-style: italic; }

[class*='component_'] .price {
  color: #2800a0;
  font-weight: bold; }

/* for any header: header with logo */
.header-footnote {
  color: #fff;
  text-shadow: 0.0625rem 0.0625rem 0.1875rem #202020;
  font-size: 0.875rem;
  line-height: 1.25;
  font-weight: bold;
  text-align: center; }
  .header-footnote::before {
    content: '*';
    display: inline;
    font-size: 1rem;
    vertical-align: top; }

.header--with-logo::after {
  height: 2em;
  content: '';
  width: 100%;
  background-image: url("../img/logos/transavia-logo-inverted.svg");
  background-repeat: no-repeat;
  background-position: top left;
  background-size: contain;
  display: block;
  max-width: 80em;
  position: absolute;
  bottom: 6.875rem; }

.header--with-logo.header--with-multiple-logos.header--logo_flying-blue::before {
  content: '';
  display: block;
  width: 15rem;
  height: 2.5rem;
  background: url("../img/logos/flying-blue-logo--text-only.svg") 50% 50% no-repeat;
  background-size: auto 16px;
  background-color: #fff;
  position: absolute;
  bottom: 3rem;
  left: 0;
  border-radius: .5rem; }

.header--with-logo.component_destination-detail-header::after {
  bottom: 3.75rem; }

.header--error-background {
  padding-bottom: .1rem;
  background-color: #f3e5d8; }

/* COMPONENT: destination detail header */
.component_destination-detail-header {
  padding: 1em 0 0; }

.content-block .destination-detail-header_header {
  display: none;
  color: #fff;
  margin-bottom: 0; }

/* END: destination detail header */
/* COMPONENT: Campaign header */
.component_campaign-header {
  position: relative; }
  .component_campaign-header .action-sticker {
    display: none; }
  .component_campaign-header.header--with-logo::after {
    bottom: 3rem; }
  .component_campaign-header.header--with-logo.header--with-multiple-logos.header--logo_flying-blue::before {
    bottom: -0.5rem; }

.campaign-header_header {
  padding-right: 17.6em;
  padding-bottom: 7.5rem; }
  .header--with-multiple-logos.header--logo_flying-blue .campaign-header_header {
    padding-bottom: 7.25rem; }
  .campaign-header_header h1 {
    color: #fff;
    margin: 0; }

/* END: Campaign header */
/* COMPONENT: theme landing header */
.theme-landing-header {
  min-height: 30em; }

/* END: theme landing header */
/* COMPONENT: Home header */
.component_home-header .button-call-to-action {
  width: 100%;
  box-shadow: none;
  border-radius: 0.5rem;
  position: relative;
  padding: 1rem 3rem 1rem 1rem; }
  .component_home-header .button-call-to-action .icon-font {
    position: absolute;
    bottom: 0.75rem;
    right: 1rem;
    margin: 0;
    line-height: inherit; }

.component_home-header .component_search-panel label {
  display: block; }
  .component_home-header .component_search-panel label:not(.notification-error-label) {
    color: #202020; }
  .component_home-header .component_search-panel label .h6 {
    margin-bottom: 0; }

.component_home-header .component_search-panel .checkfield-wrapper label {
  padding-left: 2em; }

.component_home-header .component_search-panel .mobile label {
  display: none; }

/* END: Home header */
/* COMPONENT: ife header */
.ife-header {
  padding-bottom: 5rem; }
  .ife-header::after {
    width: 12.5rem;
    height: 2.375rem;
    position: absolute;
    display: block;
    bottom: 2rem;
    left: .5rem;
    content: '';
    background: url("../img/logos/transavia-logo.svg") 0 0 no-repeat;
    background-size: 100%; }
  .ife-header.content-block--section-arrow {
    padding-bottom: 8.5rem; }
    .ife-header.content-block--section-arrow::after {
      bottom: 5rem; }
  .ife-header .intro {
    margin-bottom: 1em; }
  .ife-header .action-sticker {
    position: absolute;
    top: 5rem;
    right: 4rem;
    min-width: 6rem;
    max-width: 8rem; }
    .ife-header .action-sticker .action-sticker_content {
      padding-bottom: .8rem; }
    .ife-header .action-sticker .action-sticker_text {
      font-weight: bold; }
    .ife-header .action-sticker .action-sticker_currency:first-child {
      margin-top: 0;
      font-size: 2rem;
      line-height: 1; }
    .ife-header .action-sticker .action-sticker_price {
      font-size: 2.375rem; }
    .ife-header .action-sticker .action-sticker_text-top {
      width: 90%;
      font-size: 1em;
      margin: 0 auto .5em;
      text-align: center;
      line-height: 1.25; }
  .ife-header #skip-links {
    margin-bottom: 1em !important; }

/* /COMPONENT: ife header */
/* COMPONENT: ife header-alt */
.ife-header-alt {
  padding-bottom: 2em; }

/* /COMPONENT: ife header-alt */
.sales-detail-header--mega-sale .footnote-paragraph {
  color: #fff; }

@media screen and (min-width: 30em) {
  .header--with-logo::after {
    left: 0; }
  .header--with-logo.component_destination-detail-header::after {
    bottom: 4.5rem;
    left: auto; }
  .component_destination-detail-header .component_offer-panel {
    display: inline-block;
    vertical-align: middle;
    margin-left: -.4em;
    width: 100%; }
  .ife-header::after {
    left: 2rem; } }

@media screen and (max-width: 39.975em) {
  .component_ife-header::before {
    content: 'reformat';
    display: none; }
  .ife-header {
    background-image: none !important; }
    .ife-header [class*='44p'] {
      display: none; } }

@media screen and (min-width: 40em) {
  .header--with-logo::after {
    width: 18em;
    height: 2.5em;
    max-width: 80em;
    margin: 0;
    background-position: 0 0;
    left: auto; }
  .component_destination-detail-header {
    padding: 1em 0 2em;
    overflow: hidden; }
    .component_destination-detail-header .component_offer-panel {
      width: 60%;
      float: right;
      margin-bottom: 4em; }
  .ife-header::after {
    left: 3rem; } }

@media screen and (max-width: 47.9875em) {
  .theme-landing-header {
    display: none; } }

@media screen and (min-width: 48em) {
  .component_campaign-header {
    min-height: 18em; }
    .component_campaign-header .action-sticker {
      display: block;
      top: 0;
      right: 0; }
    .component_campaign-header.header--with-logo::after {
      bottom: 0; }
    .component_campaign-header.header--with-logo.header--with-multiple-logos.header--logo_flying-blue::before {
      bottom: -3.5rem; }
  .campaign-header_header {
    display: block;
    margin-top: 2em;
    margin-bottom: 3em; }
  .theme-landing-header {
    display: block; }
  .component_theme-landing-header {
    display: table;
    width: 100%;
    height: 22.5em;
    position: relative; }
    .partner-portal .component_theme-landing-header {
      height: 19rem; }
    .component_theme-landing-header.header--with-logo::after {
      bottom: -3rem;
      left: 0; }
    .content-block--section-arrow .component_theme-landing-header.header--with-logo::after {
      bottom: -1rem;
      left: 0; }
  .content-block .theme-landing-header_header {
    color: #fff; }
  .theme-landing-header--header-top .theme-landing-header_header {
    position: relative;
    margin-top: 6rem;
    padding-left: 97px;
    vertical-align: top; }
    .theme-landing-header--header-top .theme-landing-header_header::before {
      position: absolute;
      top: -.2em;
      left: 0;
      width: 73px;
      height: 123px;
      background-color: #2800a0;
      font-family: transavicon, sans-serif;
      content: "";
      display: inline-block;
      border-radius: 2.25rem;
      line-height: 123px;
      font-size: 2rem;
      text-align: center; }
  .theme-landing-header--header-bottom .theme-landing-header_header {
    vertical-align: bottom; }
  .component_destination-detail-header .component_offer-panel {
    margin-bottom: 2em; } }

@media screen and (min-width: 50em) {
  .component_destination-detail-header {
    padding: 4em 0 0; }
    .component_destination-detail-header .component_offer-panel {
      width: 50%; }
  .content-block .destination-detail-header_header {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding-right: .5em; }
    .destination-detail-header--header-top .content-block .destination-detail-header_header {
      vertical-align: top; }
    .destination-detail-header--header-bottom .content-block .destination-detail-header_header {
      vertical-align: bottom; } }

@media screen and (min-width: 62.5em) {
  .component_home-header {
    position: relative; }
    .component_home-header.header--with-logo .component_search-panel {
      position: relative; }
      .component_home-header.header--with-logo .component_search-panel::after {
        content: '';
        width: 10.125rem;
        height: 12.375rem;
        background-image: url("../img/logos/transavia-logo-stacked-white.svg");
        background-repeat: no-repeat;
        background-position: top center;
        background-size: contain;
        position: absolute;
        right: -13rem;
        top: 0;
        margin: 0;
        opacity: .9; } }

@media screen and (min-width: 64em) {
  .component_destination-detail-header .destination-detail-header_header {
    width: 55%; }
  .component_destination-detail-header .component_offer-panel {
    width: 33.333%; } }

.inspirational-header {
  padding-top: 2rem; }
  .inspirational-header_transavia-logo {
    height: 2rem; }

.component_container-intro {
  /* Toggle element */ }
  .component_container-intro [data-initialized*='ui/Toggle'] .toggle .item-list {
    padding: 0 .5em; }
  .component_container-intro [data-initialized*='ui/Toggle'] .toggle > h3:first-of-type {
    padding-left: 1.25em;
    position: relative;
    cursor: pointer; }
    .component_container-intro [data-initialized*='ui/Toggle'] .toggle > h3:first-of-type::before {
      line-height: 1;
      position: absolute;
      top: .25em;
      left: 0;
      transition: max-height .4s ease-out; }

.component_container-intro.container-intro--on-dark-background h2,
.component_container-intro.container-intro--on-dark-background .h2 {
  color: #fff; }

.proposition-statement {
  background-position: 100% 50%;
  background-size: auto 100%;
  background-repeat: no-repeat; }

.proposition-statement_visual {
  background-position: 100% 50%;
  background-size: auto 100%;
  background-repeat: no-repeat; }

.proposition-statement_body em {
  margin-bottom: 1rem; }

@media screen and (min-width: 34em) {
  .proposition-statement_body {
    padding-bottom: 4rem;
    z-index: 2;
    position: relative; }
    .proposition-statement_body::after {
      width: 12.5rem;
      height: 2rem;
      content: '';
      background-image: url("../img/logos/transavia-logo.svg");
      background-repeat: no-repeat;
      background-position: top center;
      background-size: contain;
      display: block;
      position: absolute;
      bottom: 0;
      left: -1.1rem; } }

@media screen and (max-width: 47.9375em) {
  .proposition-statement {
    background-image: url("../img/theme/map-EU-small.png"); } }

@media screen and (min-width: 48em) {
  .proposition-statement_visual {
    padding-bottom: 0;
    margin-bottom: 0;
    z-index: 1;
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0; }
    .proposition-statement_visual.statement--map-EU {
      background-image: url("../img/theme/map-EU.png"); }
  .proposition-statement_body {
    width: 60%;
    padding-bottom: 4rem;
    z-index: 2;
    position: relative; } }

.ife-header ~ .content-block .usp-list {
  margin-bottom: 2em !important; }

.content-block--champagne.content-block--champagne--with-panels-only {
  color: inherit; }

.ife-how-topic .component_inline-image {
  display: none; }

.ife-how-topic .component_inline-image img {
  max-width: 25em; }

.component_ife-topic-panel {
  padding: .75em 1.25em 1em;
  background-color: rgba(255, 255, 255, 0.9);
  color: #202020;
  position: relative; }
  .component_ife-topic-panel[class*='solid-'] .h5 {
    color: #2800a0; }
  .component_ife-topic-panel[class*='solid-'] .ife-topic-panel_sequence-number {
    background-color: #2800a0; }
  .component_ife-topic-panel.ife-topic-panel--numbered {
    padding-top: 3em; }
    .component_ife-topic-panel.ife-topic-panel--numbered h3 {
      margin-top: .8em; }
    .component_ife-topic-panel.ife-topic-panel--numbered p:first-of-type {
      margin-top: 1em; }
    .content-block--white .component_ife-topic-panel.ife-topic-panel--numbered {
      border: 0.0625em solid #ccc; }

.ife-topic--moved-background-image {
  padding-bottom: 66.66667%;
  background-size: cover;
  background-repeat: no-repeat;
  margin-bottom: -4em; }

.ife-topic-panel_sequence-number {
  display: none;
  position: absolute;
  font-size: 1.25em;
  width: 2em;
  height: 2em;
  line-height: 2.05em;
  border-radius: 50%;
  left: 1em;
  top: 0.8em;
  font-weight: bold;
  color: #fff;
  background-color: #00d66c;
  text-align: center; }
  .ife-topic-panel--numbered .ife-topic-panel_sequence-number {
    display: inline-block; }

@media screen and (min-width: 40em) {
  .ife-how-topic [class*='x1-2'] .component_inline-image img {
    float: right; }
  .ife-how-topic [class*='HV-gc'] {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 1em; }
  .ife-how-topic [class*='HV-gu'] {
    display: table-cell;
    vertical-align: middle;
    float: none; }
  .ife-how-topic .component_inline-image {
    display: block; }
    .ife-how-topic .component_inline-image img {
      max-width: 22em; }
  .component_ife-topic-panel {
    padding: 1.5em 2em;
    min-height: 20em; }
  .ife-topic-panel_sequence-number {
    left: 1.5em; } }

@media screen and (min-width: 48em) {
  .component_ife-topic-panel.ife-topic-panel--numbered {
    padding-left: 5.5em;
    padding-top: 1em; }
    .component_ife-topic-panel.ife-topic-panel--numbered h3 {
      margin-top: .5em; }
  .ife-topic-panel_sequence-number {
    left: 1em;
    width: 2.5em;
    height: 2.5em;
    line-height: 2.55em; } }

.component_ife-feed ol {
  list-style-type: none;
  padding: 0; }

.ife-feed_list li {
  list-style: none; }
  .ife-feed_list li::before {
    position: absolute;
    width: 1.5em;
    height: 1em;
    left: .2em;
    top: .75em; }

.ife-feed-list_item {
  display: block;
  position: relative; }
  .ife-feed-list_item:nth-child(n+11) {
    display: none; }

.ife-list-feed-item_title {
  display: inline; }

@media screen and (max-width: 29.999em) {
  .ife-feed_list li {
    margin-top: .5em;
    padding-left: 2em;
    position: relative; }
  .ife-list-feed-item_visual {
    background-image: none !important; } }

@media screen and (min-width: 30em) {
  .ife-feed_list {
    /* stylelint-disable declaration-block-no-redundant-longhand-properties */
    margin: -0.9375em;
    margin-bottom: -0.9375em;
    margin-left: -0.9375em;
    margin-right: -0.9375em;
    /* stylelint-enable */ }
    .ife-feed_list li::before {
      display: none; }
  .ife-feed-list_item {
    width: 50%;
    margin-right: -.3em;
    margin-bottom: -.4em;
    padding: 0.9375em 0.9375em;
    display: inline-block;
    text-align: left; }
    .ife-feed-list_item:nth-child(n+5) {
      display: none; }
  .ife-list-feed-item_visual {
    background-size: cover;
    padding-bottom: 66%;
    display: block;
    position: relative; }
  .ife-list-feed-item_attributes {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 60%, black 100%); }
  .ife-list-feed-item_title {
    padding: 0 1em .6875em;
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff; } }

@media screen and (min-width: 38em) {
  .ife-feed-list_item {
    width: 33%; }
    .ife-feed-list_item:nth-child(n+5) {
      display: inline-block; }
    .ife-feed-list_item:nth-child(n+10) {
      display: none; } }

@media screen and (min-width: 55em) {
  .ife-feed-list_item {
    width: 25%; }
    .ife-feed-list_item:nth-child(n+10) {
      display: inline-block; }
    .ife-feed-list_item:nth-child(n+17) {
      display: none; } }

.panel.usp-list {
  background-color: rgba(255, 255, 255, 0.8);
  color: #202020;
  padding: 1.5em 1.25em; }

.usp-list ul {
  padding: 0; }
  .usp-list ul li {
    list-style: none;
    padding-left: 3.75em;
    position: relative;
    margin-top: 1.25em;
    padding-top: .5em;
    min-height: 2.375em; }
    .usp-list ul li:first-child {
      margin-top: 0; }
    .usp-list ul li:nth-child(3n+1) .stamp {
      background: #00d66c; }
    .usp-list ul li:nth-child(3n+2) .stamp {
      background: #2800a0; }
    .usp-list ul li:nth-child(3n+3) .stamp {
      background: #ff3268; }

.usp-list .stamp {
  width: 2.375em;
  height: 2.375em;
  line-height: 2.375em;
  position: absolute;
  left: 0;
  top: 0; }

.component_offer-panel {
  margin-bottom: 3em; }
  .component_offer-panel ul {
    list-style: none;
    padding: 0; }
    .component_offer-panel ul li {
      margin-top: .5em;
      border-bottom: 0.063rem solid rgba(0, 0, 0, 0.15); }
      .component_offer-panel ul li:first-child {
        margin-top: 0; }
      .component_offer-panel ul li:last-child {
        border-bottom: 0; }

.offer-panel_offer {
  display: block;
  position: relative;
  padding: .25rem 0 .563rem;
  font-weight: normal;
  color: #202020; }
  .offer-panel_offer:hover {
    color: #ff3268; }

.offer-panel_outbound {
  display: inline-block;
  padding-right: 4.1em;
  vertical-align: middle; }

.offer-panel_price {
  color: #2800a0;
  font-weight: bold;
  font-size: 1.5rem;
  width: 2.6em;
  text-align: right;
  white-space: nowrap;
  position: absolute;
  right: 0;
  height: 1em;
  margin-top: -1.063rem;
  top: 50%; }
  .offer-panel_offer:hover .offer-panel_price {
    color: #ff3268; }

.component_inline-image img {
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 2em;
  border-radius: .75rem; }

@media screen and (max-width: 30em) {
  .component_inline-image.images-hidden-on-mobile img {
    display: none; } }

.component_table {
  overflow: visible; }
  .component_table table {
    word-wrap: break-word;
    width: auto; }
  .component_table .table--reformatted {
    display: block;
    width: 100%;
    margin-left: 0 !important;
    margin-right: 0 !important; }
    .component_table .table--reformatted td {
      padding-right: 0; }
    .component_table .table--reformatted tbody,
    .component_table .table--reformatted tr,
    .component_table .table--reformatted td {
      display: block; }
  .component_table td,
  .component_table th {
    min-height: 1.5em; }
  .component_table tr > td {
    padding: .25em 2em .25em 0; }
    .component_table tr > td:first-child {
      padding-left: 0; }
    .component_table tr > td p {
      margin-bottom: 0;
      display: inline; }
  .component_table thead th, .component_table dl dt {
    font-weight: bold;
    padding: .3125rem 2rem .3125rem 0; }
    .content-block--blue .component_table thead th, .content-block--blue .component_table dl dt,
    .content-block--green .component_table thead th,
    .content-block--green .component_table dl dt {
      color: #fff; }
  .component_table thead th {
    text-align: left; }
    .component_table thead th:first-child {
      padding-left: 0; }
  .component_table thead p {
    margin-bottom: 0;
    display: inline; }
  .component_table dl {
    display: block;
    max-height: 0;
    overflow: hidden;
    transition: max-height .4s ease-in-out;
    padding: 0 0 .25rem 1.5rem; }
    .component_table dl dt {
      padding: .5rem 0 .25rem;
      display: block; }
    .component_table dl dd {
      padding: .25em 0; }
  .component_table .is-measuring dl {
    max-height: none !important;
    opacity: 0;
    display: block !important; }
  .component_table .is-open dl {
    max-height: 100rem !important;
    overflow-y: auto; }
  .component_table .toggle {
    color: inherit;
    font-weight: bold;
    position: relative;
    display: block;
    padding-left: 1.5rem;
    cursor: pointer;
    transition: color linear .2s; }
    .component_table .toggle::before {
      position: absolute !important;
      left: 0;
      top: .75rem;
      transition: transform .4s linear;
      transform-origin: 50% 50%; }
    .component_table .toggle:hover {
      color: #ff3268; }
  .component_table .is-open .toggle::before,
  .component_table .is-animating:not(.is-open) .toggle::before {
    transform: rotate(180deg); }
  .component_table .is-animating.is-open .toggle::before {
    transform: rotate(0deg); }

@media screen and (max-width: 32em) {
  .component_table::before {
    content: 'reformat';
    display: none; } }

/* Offer List Mini */
.component_offer-list {
  margin-bottom: 0; }

.offer-list_footnote {
  margin-bottom: 0;
  clear: left; }
  .offer-list_footnote::before {
    content: '*';
    display: inline;
    font-size: 1rem;
    vertical-align: top; }

.offer-list--mini {
  padding: 0;
  margin: 0;
  list-style: none;
  overflow: hidden; }
  .offer-list--mini ul {
    padding: 0;
    margin: 0;
    list-style: none; }
  .offer-list--mini .offer-list_offer {
    z-index: 1;
    position: relative;
    float: left;
    height: auto;
    min-height: 10em;
    margin-right: .5em;
    margin-bottom: .8em;
    padding: .8em 1em 8.4em;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: .75rem; }
    .offer-list--mini .offer-list_offer .button {
      width: 100%;
      text-align: center; }
    .offer-list--mini .offer-list_offer.offer-list_offer--footnote .offer_price::after {
      content: '*';
      margin-left: .2em;
      vertical-align: super;
      font-size: .55em; }
  .offer-list--mini .offer-list_offer:not(.offer-list_offer-clickthrough) {
    width: 47.2%; }
  .offer-list--mini .offer_action-and-price {
    width: 100%;
    position: absolute;
    padding: 0 1em 1.25em;
    bottom: 0;
    left: 0; }
  .offer-list--mini .offer_heading_footnote {
    font-size: .875em;
    color: #2800a0;
    margin-top: -.2em; }
  .offer-list--mini .offer_price {
    margin-bottom: 0;
    font-size: 2.5em;
    color: #00d66c;
    font-weight: bold; }
  .offer-list--mini .offer-list_offer-clickthrough {
    z-index: 0;
    display: block;
    float: none;
    background: none;
    margin-right: 0; }
    .offer-list--mini .offer-list_offer-clickthrough .action-sticker {
      position: absolute;
      top: 0;
      right: 0; }
    .offer-list--mini .offer-list_offer-clickthrough .offer_action-and-price {
      padding: 0;
      right: 0;
      left: auto;
      width: auto; }

.offer-list--fade-in .offer-list_offer:not(.offer-list_offer-clickthrough) {
  animation: offer-list-offer-intro .8s .2s;
  animation-fill-mode: backwards; }

.offer-list--fade-in .offer-list_offer:nth-child(2) {
  animation-delay: .3s; }

.offer-list--fade-in .offer-list_offer:nth-child(3) {
  animation-duration: .6s;
  animation-delay: .4s; }

.offer-list--fade-in .offer-list_offer:nth-child(4) {
  animation-duration: .6s;
  animation-delay: .5s; }

.offer-list--fade-in .offer-list_offer:nth-child(5) {
  animation-duration: .6s;
  animation-delay: .6s; }

@keyframes offer-list-offer-intro {
  0% {
    opacity: 0;
    margin-left: -10px; }
  70% {
    margin-left: 0; }
  100% {
    opacity: 1; } }

/* Offer List Medium */
.offer-list--medium {
  margin-bottom: 1em;
  padding: 0 0 1em;
  list-style: none;
  border-bottom: 0.0625rem solid #e6e6e6; }
  .offer-list--medium .offer-list_offer {
    position: relative;
    vertical-align: middle;
    line-height: 2em; }
    .offer-list--medium .offer-list_offer a {
      color: #202020;
      font-weight: normal; }
      .offer-list--medium .offer-list_offer a:hover {
        color: #ff3268; }
  .offer-list--medium a:link {
    display: inline-block;
    padding-right: 4.1em;
    vertical-align: middle;
    line-height: 1.25;
    margin-top: -.0625em; }
  .offer-list--medium .offer_price {
    color: #2800a0;
    font-size: 1.5em;
    width: 2.6em;
    text-align: right;
    line-height: 1;
    white-space: nowrap;
    position: absolute;
    right: 0;
    height: 1em;
    margin-top: -.5em;
    top: 50%;
    font-weight: bold; }
    .offer-list--medium .offer_price::after {
      content: '*';
      display: inline;
      font-size: 1rem;
      vertical-align: top; }

/* Offer List Small */
.offer-list--small {
  padding: 0;
  list-style: none; }
  .offer-list--small a {
    text-decoration: none;
    display: block;
    font-weight: normal; }
  .offer-list--small .offer-list_offer {
    position: relative;
    vertical-align: middle;
    line-height: 2em;
    background-color: rgba(255, 255, 255, 0.9);
    padding: 0 0 1.5rem;
    border-bottom: 0.0625rem solid #ccc;
    margin-bottom: 1.5rem; }
  .offer-list--small .offer-list_destination {
    padding-right: 4.75em;
    padding-left: 1rem;
    vertical-align: middle;
    margin-bottom: 0;
    display: inline-block;
    line-height: 1.25;
    position: relative; }
    .offer-list--small .offer-list_destination::before {
      position: absolute;
      left: 0;
      top: 2.2rem;
      font-size: 1rem; }
    .offer-list--small .offer-list_destination:hover {
      color: #ff3268; }
      .offer-list--small .offer-list_destination:hover::before {
        color: #ff3268; }
  .offer-list--small .offer-list_departure-station {
    font-size: 1rem;
    display: block;
    margin-bottom: .125em;
    font-weight: normal;
    color: #202020; }
  .offer-list--small .offer_price {
    color: #2800a0;
    font-size: 2.25em;
    width: 2.6em;
    text-align: right;
    line-height: 1;
    white-space: nowrap;
    position: absolute;
    right: 0;
    height: 1em;
    bottom: 1.4rem;
    font-weight: bold; }

@media screen and (min-width: 30em) {
  .offer-list--mini .offer-list_offer {
    margin-right: 1em;
    margin-bottom: 1.2em; }
    .offer-list--mini .offer-list_offer:not(.offer-list_offer-clickthrough) {
      width: 10em; } }

@media screen and (min-width: 60em) {
  .offer-list--mini .offer-list_offer {
    margin-right: 2em; } }

/* Offer List Multi Departures */
.component_offer-list-multi-departures .HV-gu--bp20--x2-2 {
  margin-top: 0; }
  .component_offer-list-multi-departures .HV-gu--bp20--x2-2 thead {
    display: none; }

/* Table */
.offer-list-multi-departures_table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0; }

/* Table head cells */
.offer-list-multi-departures_heading-price,
.offer-list-multi-departures_heading-destination,
.offer-list-multi-departures_heading-departure-stations {
  font-size: .875em;
  text-align: left;
  border-bottom: 0.0625rem solid #e6e6e6; }

.offer-list-multi-departures_heading-price {
  padding: 0 .5rem .4rem 0; }

.offer-list-multi-departures_heading-destination {
  padding: 0 .5rem .4rem; }

.offer-list-multi-departures_heading-departure-stations {
  display: none;
  padding: 0 0 .4rem .5rem; }

/* Table body rows */
.offer-list-multi-departures_offer td {
  border-bottom: 0.0625rem solid #e6e6e6; }

@media screen and (max-width: 30em) {
  .offer-list-multi-departures_offer {
    cursor: pointer; }
    .offer-list-multi-departures_offer.unmatched {
      display: none; } }

/* Table body cells */
.offer-list-multi-departures_offer-price,
.offer-list-multi-departures_offer-destination,
.offer-list-multi-departures_offer-departure-stations {
  padding: 1em;
  vertical-align: middle; }

/* Offer price */
.offer-list-multi-departures_offer-price {
  padding: 1.25rem .5rem 1.25rem 0;
  width: 5em; }

.offer-list-multi-departures_offer-price-amount {
  font-size: 1.25em; }

/* Offer destination */
.offer-list-multi-departures_offer-destination {
  position: relative;
  padding: 1.25rem .5rem;
  font-size: 1.25em; }

.offer-list-multi-departures_offer .offer-list-multi-departures_offer-destination-link {
  color: #00d66c;
  min-height: 2.5em;
  line-height: 1.2;
  font-weight: bold;
  text-shadow: none !important;
  text-decoration: none !important; }
  .offer-list-multi-departures_offer .offer-list-multi-departures_offer-destination-link:hover {
    color: #ff3268; }
  .offer-list-multi-departures_offer .offer-list-multi-departures_offer-destination-link .icon-font {
    position: absolute;
    top: 50%;
    right: 0;
    color: #2800a0; }

/* Offer departure stations */
.offer-list-multi-departures_offer-departure-stations {
  display: none;
  width: 12em; }

.offer-list-multi-departures_offer-departure-stations-station {
  display: inline-block;
  width: 33.33%;
  margin-right: -.21em;
  padding: .4rem 0 .4rem .5rem; }

/* Filters */
.offer-list-multi-departures_filters {
  color: #fff; }
  .offer-list-multi-departures_filters::before, .offer-list-multi-departures_filters::after {
    content: ' ';
    display: table;
    width: 0; }
  .offer-list-multi-departures_filters::after {
    clear: both; }

.offer-list-multi-departures_filters-heading {
  margin-bottom: .5em;
  font-size: .875em; }

.offer-list-multi-departures_filters-label span {
  color: #fff; }

.offer-list-multi-departures_filters .checkfield {
  display: inline-block;
  width: 33.33%;
  margin-right: -.21em; }

/* Responsive behavior */
@media screen and (min-width: 30em) {
  .offer-list-multi-departures_filters {
    display: none; }
  .offer-list-multi-departures_heading-departure-stations {
    display: table-cell;
    text-align: center; }
  .offer-list-multi-departures_offer-departure-stations {
    padding: 1rem 0;
    display: table-cell; }
  .offer-list-multi-departures_offer-destination-link .icon-font {
    display: none; } }

@media screen and (min-width: 48em) {
  .component_offer-list-multi-departures .HV-gu--bp20--x2-2 thead {
    display: table-header-group; } }

.component_destination-list .h5 a,
.component_destination-list .h5 a:visited {
  text-decoration: none; }

.destination-list_list {
  color: #202020; }

/* Theme item */
.theme-item_visual {
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: .75rem;
  width: 100%;
  padding-bottom: 66.6666%; }
  .theme-item--large .theme-item_visual {
    background-image: none !important;
    display: none; }
  [data-initialized='ui/EqualHeightHelper'] .theme-item_visual.visual--for-offerlist {
    padding-bottom: 0;
    height: 100%;
    overflow: hidden; }

/* Theme item large */
.theme-item--large {
  padding-bottom: 1rem;
  position: relative; }
  .theme-item--large .theme-item_text-wrapper {
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: .75rem;
    padding: 1rem 1rem 5.5rem; }
  .theme-item--large .theme-item_cta-wrapper {
    padding: 0 1rem 1rem;
    margin-top: -4.5rem; }
    .theme-item--large .theme-item_cta-wrapper::before, .theme-item--large .theme-item_cta-wrapper::after {
      content: ' ';
      display: table;
      width: 0; }
    .theme-item--large .theme-item_cta-wrapper::after {
      clear: both; }
  .theme-item--large .theme-item_price {
    display: inline;
    vertical-align: middle;
    font-size: 2.5em;
    line-height: 1; }
  .theme-item--large .theme-item_starting-at-label {
    vertical-align: bottom; }
  .theme-item--large .theme-item_button {
    float: right; }

@media screen and (min-width: 48em) {
  .theme-item_visual {
    width: 100%;
    padding-bottom: 100%; }
    .theme-item--large .theme-item_visual {
      display: block; }
  .theme-item--large .theme-item_text-wrapper {
    padding: 2rem 2rem 6.5rem; }
  .theme-item--large .theme-item_cta-wrapper {
    padding: 0 2rem 2rem; } }

@media screen and (min-width: 68em) {
  .theme-item_visual {
    width: 80%;
    padding-bottom: 80%;
    float: right; }
    .theme-item_visual.visual--for-offerlist {
      width: 100%; } }

.component_top-task {
  padding: 1em;
  position: relative;
  background-color: #fff;
  border-radius: .438rem; }

.service-overview-topic .component_top-task {
  background-color: #fff;
  border: 0.063rem solid rgba(0, 0, 0, 0.15); }
  .service-overview-topic .component_top-task .h5--rotating {
    color: #00d66c !important; }
  .service-overview-topic .component_top-task .top-task_body {
    color: #202020; }
  .content-block--blue .service-overview-topic .component_top-task,
  .content-block--green .service-overview-topic .component_top-task {
    border: 0; }

@media screen and (max-width: 40em) {
  .component_top-task {
    padding: 1.5em; }
  .service-overview-topic .component_top-task {
    margin: 2em 0; } }

.component_button-set {
  margin-top: -0.5em;
  margin-bottom: -1em;
  clear: both; }
  .component_button-set .button {
    display: block;
    text-align: center;
    margin-top: 0.5em;
    margin-bottom: 1em; }
  .component_button-set.button-set--align-center {
    text-align: center; }
  .component_button-set.button-set--align-right {
    text-align: right; }
    .component_button-set.button-set--align-right .button {
      margin-left: 0.7em;
      margin-right: 1em; }

@media screen and (min-width: 28em) {
  .component_button-set {
    /* stylelint-disable declaration-block-no-redundant-longhand-properties */
    margin-left: -1em;
    margin-right: -1em;
    margin-top: -0.5em;
    margin-bottom: -0.5em;
    /* stylelint-enable */ }
    .component_button-set .button {
      display: inline-block;
      text-align: left;
      margin-right: 0.7em;
      margin-left: 1em; } }

.narrow-content_sidebar .newsletter-subscription.icon-mail {
  font-size: 3em;
  line-height: 1;
  text-align: center;
  display: none; }

.component_newsletter-subscription {
  position: relative; }
  .component_newsletter-subscription .notification-message > * {
    font-size: 1em; }
    .content-block--blue .component_newsletter-subscription .notification-message > *,
    .content-block--green .component_newsletter-subscription .notification-message > * {
      color: #fff; }
  .component_newsletter-subscription .notification-success,
  .component_newsletter-subscription .notification-failure {
    display: none; }

@media screen and (min-width: 48em) {
  .narrow-content_sidebar .newsletter-subscription.icon-mail {
    display: block; }
    .content-block--white .narrow-content_sidebar .newsletter-subscription.icon-mail,
    .content-block--blue .narrow-content_sidebar .newsletter-subscription.icon-mail,
    .content-block--green .narrow-content_sidebar .newsletter-subscription.icon-mail,
    .content-block--champagne .narrow-content_sidebar .newsletter-subscription.icon-mail {
      width: 5.5rem;
      height: 10.5rem;
      line-height: 10.5rem;
      display: inline-block;
      border-radius: 5.25rem;
      vertical-align: middle; }
    .content-block--blue .narrow-content_sidebar .newsletter-subscription.icon-mail,
    .content-block--green .narrow-content_sidebar .newsletter-subscription.icon-mail {
      background-color: #fff; }
    .content-block--white .narrow-content_sidebar .newsletter-subscription.icon-mail {
      background-color: #00d66c;
      color: #fff; }
    .content-block--blue .narrow-content_sidebar .newsletter-subscription.icon-mail {
      color: #2800a0; }
    .content-block--green .narrow-content_sidebar .newsletter-subscription.icon-mail {
      color: #00d66c; }
    .content-block--champagne .narrow-content_sidebar .newsletter-subscription.icon-mail {
      background-color: #2800a0;
      color: #fff; } }

/* COMPONENT: photo-collage */
.photo-collage {
  padding: 0;
  position: relative;
  overflow: hidden; }

/* ELEMENT: item */
.photo-collage_item {
  display: none;
  position: relative;
  background-color: #00d66c;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
  /* spacer with 1:1 ratio */
  /* only display 1st and 4th item */ }
  .photo-collage_item::before {
    content: '';
    display: block;
    padding-top: 100%; }
  .photo-collage_item.photo-collage_item--1, .photo-collage_item.photo-collage_item--4 {
    display: block; }

/* ELEMENT: item-title */
.photo-collage_item-title {
  position: absolute;
  bottom: 1rem;
  left: 1.2rem;
  right: 1.2rem;
  color: #fff;
  margin-bottom: 0; }

/* ELEMENT: item-stamp */
.photo-collage_item-stamp {
  position: absolute;
  top: 1.5rem;
  left: 1.5rem;
  /* stamp shape */ }
  .photo-collage_item-stamp::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: .5rem;
    opacity: .9; }
  .photo-collage_item-stamp .icon-font {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -.5em;
    color: #fff;
    font-size: 3.75rem; }

/* ELEMENT THEME: shape-1 */
.photo-collage_item-stamp--shape-1 {
  width: 5rem;
  height: 45%; }

/* ELEMENT THEME: shape-2 */
.photo-collage_item-stamp--shape-2 {
  width: 45%;
  height: 45%; }

/* ELEMENT THEME: shape-3 */
.photo-collage_item-stamp--shape-3 {
  width: 45%;
  height: 5rem; }
  .photo-collage_item-stamp--shape-3::before {
    border-radius: 3rem; }

/* ELEMENT THEME: color-blue */
.photo-collage_item-stamp--color-blue::before {
  background-color: #2800a0; }

/* ELEMENT THEME: color-ruby */
.photo-collage_item-stamp--color-ruby::before {
  background-color: #ff3268; }

/* ELEMENT THEME: color-green */
.photo-collage_item-stamp--color-green::before {
  background-color: #00d66c; }

/* BREAKPOINTS */
@media screen and (min-width: 30em) {
  .photo-collage_item {
    width: 50%;
    float: left; }
    .photo-collage_item.photo-collage_item--2, .photo-collage_item.photo-collage_item--5 {
      display: block; } }

@media screen and (min-width: 48em) {
  .photo-collage_item {
    width: 33.333%; }
    .photo-collage_item.photo-collage_item--3, .photo-collage_item.photo-collage_item--6 {
      display: block; } }

@media screen and (min-width: 80em) {
  .photo-collage_item {
    width: 25%; }
    .photo-collage_item.photo-collage_item--3, .photo-collage_item.photo-collage_item--6 {
      display: none; } }

@media screen and (min-width: 100em) {
  .photo-collage_item {
    width: 20%; }
    .photo-collage_item.photo-collage_item--3 {
      display: block; } }

@media screen and (min-width: 120em) {
  .photo-collage_item {
    width: 16.666666667%; }
    .photo-collage_item.photo-collage_item--6 {
      display: block; } }

@media screen and (min-width: 50em) {
  .panel--404 .background-404 {
    width: 6.25rem;
    height: 12.5rem;
    background-color: #00d66c;
    border-radius: 6.25rem;
    display: block;
    float: right;
    position: relative; }
    .panel--404 .background-404 .icon-font {
      color: #fff;
      position: absolute;
      top: 50%;
      left: 22%;
      font-size: 3.5rem; } }

.inner-sticker {
  display: table;
  height: 100%;
  width: 100%;
  padding: .5em; }
  .inner-sticker .text {
    display: table-cell;
    vertical-align: middle;
    font-size: .875em; }

/* COMPONENT: Action sticker */
.action-sticker {
  margin: 0 auto;
  background: rgba(0, 214, 108, 0.9);
  color: #fff;
  border-radius: .75rem; }
  .action-sticker.action-sticker--text-only .action-sticker_content {
    margin-top: 0; }
  .action-sticker.action-sticker--text-only .action-sticker_text {
    text-align: center;
    line-height: 1.25; }
  .action-sticker.action-sticker--text-only.action-sticker--large {
    padding: 1rem; }
    .action-sticker.action-sticker--text-only.action-sticker--large .action-sticker_text {
      text-align: left;
      font-size: 1.25rem; }
  .action-sticker.action-sticker--small {
    min-width: 5rem; }
    .action-sticker.action-sticker--small .action-sticker_text-top {
      font-size: 1rem;
      font-weight: normal;
      text-align: right; }
    .action-sticker.action-sticker--small .action-sticker_currency {
      display: inline-block;
      font-size: 1rem;
      margin: 0 0 0 .125rem; }
      .action-sticker.action-sticker--small .action-sticker_currency:first-child {
        margin: -.17rem .5rem 0 0; }
    .action-sticker.action-sticker--small .action-sticker_price {
      margin-left: -.08em;
      line-height: 1; }
  .action-sticker.action-sticker--middle {
    width: 15rem; }
    .action-sticker.action-sticker--middle .action-sticker_text-top {
      text-align: left;
      font-size: 1.5em; }
    .action-sticker.action-sticker--middle .action-sticker_currency {
      font-size: 2em; }
    .action-sticker.action-sticker--middle .action-sticker_price {
      font-size: 3.875em; }
  .action-sticker.action-sticker--large {
    width: 15.6rem; }
    .action-sticker.action-sticker--large .action-sticker_text-top {
      font-size: 1.5rem; }
    .action-sticker.action-sticker--large .action-sticker_currency {
      font-size: 2.8125rem; }
    .action-sticker.action-sticker--large .action-sticker_price {
      font-size: 4.25rem; }
  .action-sticker.action-sticker--footnote .action-sticker_price {
    font-size: 3.5em; }
  .action-sticker.action-sticker--footnote .action-sticker_price + .action-sticker_currency::after,
  .action-sticker.action-sticker--footnote .action-sticker_currency + .action-sticker_price::after {
    content: '*';
    font-size: .6em;
    vertical-align: top;
    top: .5rem;
    position: relative; }
  .action-sticker.action-sticker--footnote .action-sticker_currency + .action-sticker_price::after {
    font-size: .3em; }
  .action-sticker.action-sticker--footnote.action-sticker--small .action-sticker_price {
    font-size: 1.7em; }
  .action-sticker.action-sticker--footnote.action-sticker--small .action-sticker_price + .action-sticker_currency {
    margin-right: -.3em;
    margin-left: -.25em; }
  .action-sticker.action-sticker--footnote.action-sticker--middle .action-sticker_price {
    font-size: 3.2em; }
  .action-sticker.action-sticker--footnote.action-sticker--middle .action-sticker_price + .action-sticker_currency {
    margin-left: 0; }
  .action-sticker.action-sticker--price-only {
    width: auto;
    min-width: 0; }
    .action-sticker.action-sticker--price-only .action-sticker_currency,
    .action-sticker.action-sticker--price-only .action-sticker_price {
      font-size: 1.5rem;
      line-height: 1; }
    .action-sticker.action-sticker--price-only .action-sticker_currency:first-child {
      margin-top: 0; }

.action-sticker_content {
  padding: 1em; }

.action-sticker_price-container {
  text-align: right;
  white-space: nowrap; }

.action-sticker_text-top,
.action-sticker_currency,
.action-sticker_price {
  color: #fff;
  font-weight: bold; }

.action-sticker_text-top {
  margin-bottom: 0;
  text-align: left; }

.action-sticker_text-bottom {
  display: none; }

.action-sticker_currency {
  font-size: 2em;
  vertical-align: top; }

.action-sticker_price {
  font-size: 1.5rem;
  line-height: 1.25; }

/* END: Action sticker */
@media screen and (min-width: 40em) {
  .t-button-1 .sticker {
    left: -1.5em;
    right: auto;
    transform: rotate(-10deg); } }

@media screen and (min-width: 48em) {
  .action-sticker {
    position: absolute;
    top: 3em;
    right: 3em; }
    .action-sticker.action-sticker--text-only .action-sticker_text {
      font-weight: bold; }
    .action-sticker.action-sticker--middle .action-sticker_content,
    .action-sticker.action-sticker--middle .action-sticker_text-top {
      margin-bottom: 1.8rem; }
    .action-sticker.action-sticker--middle .action-sticker_currency {
      font-size: 3rem; }
      .action-sticker.action-sticker--middle .action-sticker_currency:first-child {
        margin: -.3rem .5rem 0 0; }
    .action-sticker.action-sticker--middle .action-sticker_price {
      line-height: 1;
      font-size: 6em; }
    .action-sticker.action-sticker--footnote.action-sticker--middle .action-sticker_price {
      font-size: 6em; } }

.icon-sticker {
  color: #fff;
  background-color: #00d66c;
  border-radius: .5rem;
  height: 10.5rem;
  width: 5.5rem;
  line-height: 10.5rem;
  text-align: center; }
  .icon-sticker .icon-font {
    font-size: 3.5rem;
    line-height: 1; }
  .content-block--green .icon-sticker {
    background: #fff;
    color: #00d66c; }
  .content-block--champagne .icon-sticker {
    background: #2800a0;
    color: #fff; }
  .content-block--blue .icon-sticker {
    background: #fff;
    color: #2800a0; }

/*
 * THEME: pill
 */
.icon-sticker--pill {
  border-radius: 6.25rem; }

@media screen and (max-width: 55.995em) {
  .service-overview-topic .icon-sticker {
    display: none; } }

.partner-portal_contact {
  /* Call center design: countries and flags / contact details. */ }
  .partner-portal_contact .icon-sticker {
    background-color: #2800a0;
    border-radius: .75rem;
    color: #fff;
    width: 7.875rem;
    height: 7.875rem;
    text-align: center;
    line-height: 7.875rem;
    float: right; }
    .partner-portal_contact .icon-sticker .icon-font {
      font-size: 3rem; }
  .partner-portal_contact .call-center {
    line-height: 2em;
    overflow: hidden; }
    .partner-portal_contact .call-center .country {
      position: relative;
      margin-left: 3.15em;
      margin-bottom: .8em;
      float: left;
      clear: left;
      font-weight: bold;
      width: 12em; }
    .partner-portal_contact .call-center .details {
      float: left; }

.partner-portal .component_theme-landing-header.header--with-logo::after {
  bottom: -3rem; }

.partner-portal .textfield {
  clear: both; }

.partner-portal .component_theme-landing-header .theme-landing-header_header {
  /* padding-top: 2rem;
            font-size: 4.25rem;
            vertical-align: top;
            line-height: 1; */ }

.partner-portal .submit-button {
  padding-bottom: 2rem; }

/**
 * This effectively hides a generated iframe element.
 * It has its width, height and border set to 0px,
 * but still claims whitespace because it defaults
 * to an inline element.
 */
.rightnow iframe {
  display: block; }

/*
 * The search component uses the same HTML as the
 * search field in the footer. We need some small
 * overrides to allow it to render properly outside
 * of the footer component.
 */
.rightnow-search .field {
  padding-bottom: 0; }

.rightnow-search input {
  height: 2.9rem; }

.rightnow-search .button-search {
  background-color: #ff3268;
  box-shadow: inset 0 -0.1875em 0.0625em #ca2b55; }

.rightnow-search .button-search:focus,
.rightnow-search .button-search:hover {
  background-color: #ff658e; }

.rightnow-search .button-primary {
  display: none; }

.formtext {
  overflow: hidden;
  margin: 0 0 1.1em;
  padding: 1.875em 1.875em 0;
  border: 0.0625rem solid #ccc;
  border-radius: .625em; }

/**
 * For selected widths, the component switches to a
 * wider view, allowing for a submit button with text
 * and a somewhat different layout.
 */
@media (min-width: 24em) and (max-width: 48em), (min-width: 54em) {
  .rightnow-search {
    position: relative;
    padding: .85em 1.5em;
    background: #fff;
    border: 1px solid #909090;
    border-radius: .625em; }
    .rightnow-search:hover, .rightnow-search.is-focused {
      border-color: #2800a0; }
    .rightnow-search input {
      border: 0;
      height: 1.5em;
      width: 60%; }
    .rightnow-search .button-search {
      display: none; }
    .rightnow-search .button-primary {
      display: block;
      position: absolute;
      right: 0;
      top: 0; } }

/**
 * The step indicator within the RightNow environment
 * has added functionality compared to the indicator
 * used in the website flows. An extra state for steps
 * is introduced: 'is-completed'.
 */
.rightnow .step-indicator ol {
  width: 100%;
  margin-bottom: 1rem;
  float: none;
  background: #f7f7f7; }

.rightnow .step-indicator li::before {
  display: none; }

/** Inactive step */
.rightnow .step-indicator .step .index {
  display: block;
  color: #ccc; }

.rightnow .step-indicator .step .label {
  display: none; }

/** Completed step */
.rightnow .step-indicator .step.is-completed .index {
  color: #00d66c; }

.rightnow .step-indicator .step.is-completed:hover {
  cursor: pointer;
  position: relative;
  z-index: 100;
  background: #00d66c; }

.rightnow .step-indicator .step.is-completed:hover .index {
  color: #fff; }

/** Active step */
.rightnow .step-indicator .step.is-active.is-completed:hover {
  cursor: inherit;
  background: #2800a0; }

.rightnow .step-indicator .step.is-active .index,
.rightnow .step-indicator .step.is-active.is-completed:hover .index {
  color: #fff; }

/**
 * Non-interactive step indicator
 */
.rightnow .step-indicator.non-interactive .panel {
  float: right;
  width: auto; }

.rightnow .step-indicator.non-interactive .step {
  padding: 0 1em; }

.rightnow .step-indicator.non-interactive .step .index {
  display: block !important; }

.rightnow .step-indicator.non-interactive .step,
.rightnow .step-indicator.non-interactive .step:hover,
.rightnow .step-indicator.non-interactive .step .index,
.rightnow .step-indicator.non-interactive .step:hover .index {
  cursor: inherit;
  color: inherit !important;
  background: transparent !important; }

.rightnow .step-indicator.non-interactive .step.is-active,
.rightnow .step-indicator.non-interactive .step.is-active:hover {
  cursor: inherit;
  color: #fff !important;
  background: #2800a0 !important; }

.rightnow .selectfield {
  clear: both; }

@media screen and (min-width: 40em) {
  /** Active step */
  .rightnow .step-indicator .step.is-active .index {
    display: none; }
  .rightnow .step-indicator .step.is-active .label {
    display: block; } }

/**
 * The questions component is based on the
 * link list HTML. The toggle is built using
 * the Toggle (V1) module and the answer
 * HTML is custom.
 */
.rightnow-questions {
  /**
     * The is-open class sets the question's
     * toggle state.
     */
  /**
     * These settings are for the answer's toggle
     * behavior. They're based on the Toggle
     * modules default CSS.
     */
  /**
     * The answer HTML is generated by the
     * Knowledgebase Company and is styled
     * to look like normal body copy.
     */
  /**
     * The feedback form is handled by the
     * Knowledgebase Company, but its HTML
     * is written by us.
     */ }
  .rightnow-questions h2 {
    font-size: 1.5em;
    line-height: 1.489;
    color: #2800a0; }
  .rightnow-questions .is-open a::before,
  .rightnow-questions .is-animating a::before {
    content: "";
    transform: rotate(-90deg);
    margin-left: 0.375rem;
    top: 0.625rem; }
  .rightnow-questions .is-open.is-animating a::before {
    content: ""; }
  .rightnow-questions .answer {
    overflow: hidden;
    margin: 0;
    padding: 0;
    border: 0;
    max-height: 0; }
    .rightnow-questions .answer .h5 {
      color: #fff; }
    .rightnow-questions .answer a:link,
    .rightnow-questions .answer a:visited {
      color: #2800a0; }
    .rightnow-questions .answer a:hover {
      color: #ff3268; }
    .rightnow-questions .answer strong {
      color: #202020; }
    .rightnow-questions .answer > ul li {
      list-style-type: disc;
      padding-left: 0; }
    .rightnow-questions .answer a::before {
      display: none; }
  .rightnow-questions .question.is-open .answer {
    max-height: none; }
  .rightnow-questions .question.is-animating .answer {
    transition: max-height .4s ease-in; }
  .rightnow-questions .question.is-open .answer,
  .rightnow-questions .question.is-measuring .answer,
  .rightnow-questions .question.is-animating .answer {
    overflow: visible;
    margin-left: -1.1em;
    margin-top: .55em;
    padding-top: .65em;
    border-top: 0.0625rem solid #ccc; }
  .rightnow-questions .feedback {
    background-color: #00d66c;
    margin: 0 -.5em 1em -1.6em;
    padding: .5em .5em 1em 1.6em; }
  .rightnow-questions button + button {
    margin-left: .75em; }
  .rightnow-questions .textfield {
    clear: both; }
  .rightnow-questions .feedback-positive {
    margin-top: 0; }
  .rightnow-questions .feedback-negative {
    margin-top: 1.6em; }
    .rightnow-questions .feedback-negative li {
      padding-left: 0; }
    .rightnow-questions .feedback-negative p,
    .rightnow-questions .feedback-negative label,
    .rightnow-questions .feedback-negative .button-tertiary {
      color: #fff; }
    .rightnow-questions .feedback-negative .submit-button {
      text-align: right; }
    .rightnow-questions .feedback-negative .button-tertiary {
      text-decoration: underline !important;
      border-radius: 0; }

/**
 * For wider views, the answer content has a
 * border and different positioning.
 */
@media screen and (min-width: 30em) {
  .rightnow-questions .question.is-open .answer,
  .rightnow-questions .question.is-measuring .answer,
  .rightnow-questions .question.is-animating .answer {
    overflow: hidden;
    margin: 1.75em 0 1.1em -1.1em;
    padding: 1.875em 1.875em 0;
    border: 0.0625rem solid #ccc;
    border-radius: .625em; }
  .rightnow-questions .feedback {
    margin: 0 -1.875em;
    padding: 1.6em 1.875em; } }

.business-item-list {
  padding: 0;
  margin: 0;
  list-style: none; }
  .business-item-list > li {
    padding: 0;
    margin: 0 0 1.5em; }

/*
 * COMPONENT: flight-info
 */
.flight-info {
  display: block; }

/*
 * PART: label
 */
.flight-info_label {
  margin-bottom: .5em;
  font-size: .875em;
  font-weight: normal;
  line-height: 1.5em;
  color: #202020; }

/*
 * PART THEME: 2-line
 */
.flight-info_label--2-line {
  min-height: 3em; }

/*
 * PART: value
 */
.flight-info_value {
  margin-bottom: 0;
  font-size: 1.5em;
  line-height: 1em;
  font-weight: bold;
  color: #909090; }
  .flight-info_value + .flight-info_value {
    margin-top: .25em; }

/*
 * PART THEME: small
 */
.flight-info_value--small {
  font-size: 1em; }

/*
 * THEME: highlighted
 */
.flight-info--highlighted .flight-info_label,
.flight-info--highlighted .flight-info_value {
  color: #2800a0; }

/*
 * THEME: important
 */
.flight-info--important .flight-info_label,
.flight-info--important .flight-info_value {
  color: #202020; }

/*
 * THEME: small
 */
.flight-info--small .flight-info_label {
  font-size: .75em; }

.flight-info--small .flight-info_value {
  font-size: 1em; }

/*
 * THEME: normal
 */
@media screen and (min-width: 30em) {
  .flight-info--normal--bp5 .flight-info_label {
    font-size: .875em; }
  .flight-info--normal--bp5 .flight-info_value {
    font-size: 1.5em; }
  .flight-info--normal--bp5 .flight-info_value--small {
    font-size: 1em; } }

.content-block.content-block--disruption-message {
  margin: -3rem 0 -0.25rem; }
  .home .content-block.content-block--disruption-message {
    clear: both;
    margin-top: -0.75rem;
    padding: 1rem;
    z-index: 1;
    background-color: #fff; }
  .content-block.content-block--disruption-message ~ .home-header {
    padding-top: 9rem;
    margin-top: -6rem; }

.disruption-message {
  padding: 0 0.5rem 0 1rem;
  position: relative; }
  .disruption-message_icon {
    display: inline-block;
    vertical-align: initial; }
  .disruption-message_title {
    margin: 0;
    font-size: 0.875rem;
    color: #f28c37;
    display: inline-block; }
  .disruption-message_text {
    margin: 0;
    font-size: 0.875rem; }
  .disruption-message_link {
    white-space: nowrap;
    font-size: 0.875rem; }

@media screen and (min-width: 40em) {
  .content-block.content-block--disruption-message {
    margin: -2.75rem 0 -0.6875rem;
    padding: 1.5rem 0; }
    .home .content-block.content-block--disruption-message {
      margin-top: -2rem; } }

@media screen and (min-width: 48em) {
  .disruption-message {
    width: 100%;
    padding: 0 1rem; }
    .disruption-message_icon {
      vertical-align: top; }
    .disruption-message_title {
      padding-right: 0.5rem;
      line-height: 1.5;
      display: inline; }
    .disruption-message_text {
      display: inline;
      overflow: visible;
      white-space: normal;
      text-overflow: clip; } }

.personal-account-login {
  /**
     * Header disabled state
     */
  /**
     * Toggle
     */ }
  .personal-account-login .panel-personal-account,
  .personal-account-login .panel-bbl {
    background-color: #fff; }
    @media screen and (min-width: 48em) {
      .personal-account-login .panel-personal-account .panel-bbl,
      .personal-account-login .panel-bbl .panel-bbl {
        background-color: #f5f8fa; } }
  .personal-account-login .is-disabled * {
    color: #ccc; }
  .personal-account-login [data-toggler-selector] {
    display: none; }
  .personal-account-login [data-initialized*='ui/Toggle'] [data-toggler-selector] {
    display: block;
    padding: .5em; }

@media screen and (min-width: 40em) {
  .personal-account-login .small-cta {
    padding: 1.25rem 0 0; } }

@media screen and (min-width: 48em) {
  .personal-account-login .panel-bbl {
    background-color: #f5f8fa; }
  .personal-account-login .small-cta {
    position: absolute;
    bottom: 0;
    padding: 0 0 .75rem; } }

@media screen and (min-width: 50em) {
  .personal-account-login .small-cta {
    padding: 0 0 1.75rem; } }

@keyframes fadeInRemoveBookingNotification {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.personal-account-add-remove-booking > .notification {
  margin-top: 1rem;
  margin-bottom: 1rem; }
  .personal-account-add-remove-booking > .notification.initially-hidden {
    display: none;
    opacity: 0; }

.personal-account-add-remove-booking.is-expanded > .notification.initially-hidden {
  display: block;
  opacity: 1;
  animation: fadeInRemoveBookingNotification 1s ease; }

.personal-account-add-remove-booking.is-expanded .button-remove-booking {
  display: none; }

.personal-account-add-remove-booking .personal-account-standalone-add-booking {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: baseline; }
  @media screen and (min-width: 30em) {
    .personal-account-add-remove-booking .personal-account-standalone-add-booking {
      flex-direction: row; } }
  .personal-account-add-remove-booking .personal-account-standalone-add-booking .button-remove-booking {
    text-align: center;
    font-weight: normal;
    margin-top: 1rem;
    margin-right: 1rem;
    order: 1; }
    @media screen and (min-width: 30em) {
      .personal-account-add-remove-booking .personal-account-standalone-add-booking .button-remove-booking {
        margin-top: 0;
        order: 0; } }

.personal-account-standalone-add-booking {
  margin: 1rem 0 2rem;
  padding: 0 1rem;
  text-align: center; }
  @media screen and (min-width: 30em) {
    .personal-account-standalone-add-booking {
      margin: 0;
      padding: 0;
      text-align: right; } }
  .personal-account-standalone-add-booking .button {
    width: 100%; }
    @media screen and (min-width: 30em) {
      .personal-account-standalone-add-booking .button {
        width: auto; } }

.personal-account-bookings-list {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none; }

/* stylelint-disable scss/dollar-variable-colon-space-after */
/* stylelint-enable */
/* stylelint-disable scss/dollar-variable-colon-space-after */
/* stylelint-enable */
.personal-account-upcoming-booking {
  position: relative;
  border: 0.0625rem solid #ccc;
  border-radius: .75rem;
  overflow: hidden;
  margin-bottom: 1.5rem; }
  .personal-account-upcoming-booking:last-of-type {
    margin-bottom: 0; }
  @media screen and (min-width: 60em) {
    .personal-account-upcoming-booking {
      display: flex; } }
  .personal-account-upcoming-booking__image {
    height: 6.25rem; }
    @media screen and (min-width: 60em) {
      .personal-account-upcoming-booking__image {
        width: 12rem;
        height: auto;
        flex-shrink: 0; } }
  .personal-account-upcoming-booking__booking-info {
    display: flex;
    flex-wrap: wrap;
    padding: 1.5rem 1rem; }
    @media screen and (min-width: 48em) {
      .personal-account-upcoming-booking__booking-info {
        padding: 1.5rem;
        justify-content: space-between; } }
    @media screen and (min-width: 60em) {
      .personal-account-upcoming-booking__booking-info {
        width: 100%; } }
  .personal-account-upcoming-booking__flight {
    width: 100%;
    text-align: center;
    margin-bottom: 2rem; }
    @media screen and (min-width: 48em) {
      .personal-account-upcoming-booking__flight {
        width: 27.5rem;
        text-align: left; }
        .personal-account-upcoming-booking__flight:last-of-type {
          margin-bottom: 0; } }
    @media screen and (min-width: 64em) {
      .personal-account-upcoming-booking__flight {
        width: 31.875rem; } }
  .personal-account-upcoming-booking__station {
    display: inline-block; }
  .personal-account-upcoming-booking__datetime {
    display: flex;
    justify-content: space-around;
    max-width: 18.125rem;
    margin: auto auto .5rem; }
    .personal-account-upcoming-booking__datetime:last-of-type {
      margin-bottom: 0; }
    @media screen and (min-width: 48em) {
      .personal-account-upcoming-booking__datetime {
        justify-content: space-between;
        margin-left: 0; } }
  .personal-account-upcoming-booking--emphasize {
    border-color: #f28c37; }
  .personal-account-upcoming-booking__footer {
    width: 100%;
    padding: 10px 0; }
    @media screen and (min-width: 48em) {
      .personal-account-upcoming-booking__footer {
        padding-bottom: 0; } }
  .personal-account-upcoming-booking__countdown {
    color: #37a6ff; }
  .personal-account-upcoming-booking__warn {
    color: #f28c37;
    float: left; }
    @media screen and (min-width: 50em) {
      .personal-account-upcoming-booking__warn {
        float: right; } }
    .personal-account-upcoming-booking__warn a:link,
    .personal-account-upcoming-booking__warn a:visited {
      color: #f28c37; }
    .personal-account-upcoming-booking__warn .icon {
      width: 20px;
      height: 20px;
      border-radius: 50%;
      background-color: #f28c37;
      color: #fff;
      font-size: .9em;
      text-align: center;
      line-height: 1.5; }
  .personal-account-upcoming-booking .button {
    width: 100%;
    text-align: center;
    order: 3; }
    @media screen and (min-width: 30em) {
      .personal-account-upcoming-booking .button {
        width: auto;
        margin: auto;
        align-self: flex-end; } }
    @media screen and (min-width: 48em) {
      .personal-account-upcoming-booking .button {
        margin: 0;
        order: 0; } }
  .personal-account-upcoming-booking .button--remove-booking {
    position: absolute;
    width: auto;
    top: 5rem;
    right: 0;
    padding: .5em;
    margin: .5em;
    background-color: #fff;
    border-radius: 50%; }
    .personal-account-upcoming-booking .button--remove-booking .icon-font {
      margin: 0; }
    @media screen and (min-width: 60em) {
      .personal-account-upcoming-booking .button--remove-booking {
        top: 0; } }

/* stylelint-disable scss/dollar-variable-colon-space-after */
/* stylelint-enable */
/* stylelint-disable scss/dollar-variable-colon-space-after */
/* stylelint-enable */
.personal-account-historic-booking {
  position: relative;
  padding: 1rem 0;
  border-bottom: 0.0625rem solid #ccc; }
  .personal-account-historic-booking:first-of-type {
    padding-top: 0; }
  .personal-account-historic-booking:last-of-type {
    border-bottom: 0;
    padding-bottom: 0; }
  @media screen and (min-width: 36em) {
    .personal-account-historic-booking {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; } }
  @media screen and (min-width: 48em) {
    .personal-account-historic-booking {
      padding: 1.125rem 0;
      flex-wrap: wrap; } }
  .personal-account-historic-booking__flight {
    margin-bottom: .5rem;
    width: calc(100% - 2rem); }
    @media screen and (min-width: 36em) {
      .personal-account-historic-booking__flight {
        width: 60%;
        padding-right: 1rem; } }
    @media screen and (min-width: 48em) {
      .personal-account-historic-booking__flight {
        display: flex;
        justify-content: space-between;
        width: 70%; }
        .personal-account-historic-booking__flight:last-of-type {
          margin-bottom: 0; } }
  .personal-account-historic-booking__route {
    margin-bottom: 0; }
    @media screen and (min-width: 48em) {
      .personal-account-historic-booking__route {
        flex: 1;
        padding-right: 1rem; } }
  .personal-account-historic-booking__station {
    display: inline-block; }
  @media screen and (min-width: 48em) {
    .personal-account-historic-booking__date {
      flex: 1; } }
  .personal-account-historic-booking__link {
    margin-left: -.25rem;
    text-decoration: none; }
    @media screen and (min-width: 48em) {
      .personal-account-historic-booking__link {
        padding-left: .5rem; } }
  .personal-account-historic-booking:first-of-type .button--remove-booking {
    top: 0; }
  .personal-account-historic-booking .button--remove-booking {
    position: absolute;
    top: 1em;
    right: 0;
    width: auto;
    height: 1em;
    background-color: #fff;
    border-radius: 50%; }
    @media screen and (min-width: 36em) {
      .personal-account-historic-booking .button--remove-booking {
        position: relative;
        margin-left: 2.5rem;
        top: 0; } }

/* stylelint-disable scss/dollar-variable-colon-space-after */
/* stylelint-enable */
.personal-account-overlay-add-booking__buttons .button {
  width: 100%;
  margin-bottom: 1rem; }

.personal-account-overlay-add-booking__success .panel_section {
  background: #4ce298;
  color: #fff; }

.personal-account-overlay-add-booking__check {
  text-align: center;
  font-size: 3rem;
  margin-top: -.875rem;
  margin-bottom: .5rem; }

@media screen and (min-width: 30em) {
  .personal-account-overlay-add-booking__form {
    margin: 0 auto; }
  .personal-account-overlay-add-booking__buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
    .personal-account-overlay-add-booking__buttons .button {
      width: auto;
      align-self: flex-start; }
      .personal-account-overlay-add-booking__buttons .button:nth-of-type(1) {
        order: 2;
        margin-bottom: 0; }
      .personal-account-overlay-add-booking__buttons .button:nth-of-type(2) {
        order: 1;
        margin-right: 1.5em; } }

@media screen and (min-width: 50em) {
  .personal-account-overlay-add-booking__buttons .button {
    margin-bottom: 0; } }

@media screen and (min-width: 43.0625em) {
  .personal-account-register-t-c-overlay {
    max-width: 40em; } }

.personal-account-register-t-c-overlay.is-loading {
  text-align: center; }

.personal-account-register-t-c-overlay__content {
  overflow-y: scroll;
  padding-right: 1rem;
  font-size: .875rem; }

.personal-account-register-t-c-overlay__button-group {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }
  .personal-account-register-t-c-overlay__button-group .button {
    width: 100%;
    margin-bottom: 1rem; }
    @media screen and (min-width: 30em) {
      .personal-account-register-t-c-overlay__button-group .button {
        width: auto;
        align-self: flex-start; }
        .personal-account-register-t-c-overlay__button-group .button:nth-of-type(1) {
          order: 2;
          margin-bottom: 0; }
        .personal-account-register-t-c-overlay__button-group .button:nth-of-type(2) {
          order: 1;
          margin-right: 1.5em; } }
    @media screen and (min-width: 50em) {
      .personal-account-register-t-c-overlay__button-group .button {
        margin-bottom: 0; } }

/* stylelint-disable scss/dollar-variable-colon-space-after */
/* stylelint-enable */
/* stylelint-disable scss/dollar-variable-colon-space-after */
/* stylelint-enable */
.personal-account-next-destination {
  display: block;
  padding: 1.5rem;
  background: #2800a0;
  color: #fff;
  border-radius: .75rem;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: background .2s linear; }
  @media screen and (min-width: 48em) {
    .personal-account-next-destination {
      padding: 2rem; } }
  .personal-account-next-destination__sub-title {
    margin-bottom: 0; }
  .personal-account-next-destination .icon-font {
    margin-left: .25rem; }
  .personal-account-next-destination:hover, .personal-account-next-destination:focus {
    background: #5e40b8;
    color: #fff; }
    .personal-account-next-destination:hover .personal-account-next-destination__sub-title, .personal-account-next-destination:focus .personal-account-next-destination__sub-title {
      text-decoration: underline; }

.complete-account {
  border-radius: 1rem;
  box-shadow: 0 0.25rem 0.75rem 0 rgba(0, 0, 0, 0.15);
  margin-top: 0;
  margin-bottom: 1rem;
  padding: 1rem .5rem; }
  @media screen and (min-width: 48em) {
    .complete-account {
      margin-top: 1rem;
      margin-bottom: 3rem;
      padding: 2rem; } }
  .complete-account > *:nth-child(n) {
    padding: .5rem 0;
    margin: 0; }
    @media screen and (min-width: 48em) {
      .complete-account > *:nth-child(n) {
        padding: .75rem 0; } }
    .complete-account > *:nth-child(n):first-child {
      padding-top: 0; }
    .complete-account > *:nth-child(n):last-child {
      padding-bottom: 0; }
  .complete-account__icon {
    color: #2800a0;
    font-size: 2.5rem;
    line-height: 2.5rem; }
    @media screen and (min-width: 48em) {
      .complete-account__icon {
        font-size: 3.5rem;
        line-height: 3.5rem; } }
  .complete-account__description {
    font-weight: bold;
    color: #202020;
    word-break: break-all; }
    .complete-account__description > p:nth-of-type(n):not(:only-of-type):not(:last-of-type) {
      margin-bottom: 0; }
    .complete-account__description > p:last-of-type {
      margin-bottom: 0; }
      @media screen and (min-width: 48em) {
        .complete-account__description > p:last-of-type {
          margin-bottom: .5rem; } }
    .complete-account__description--question {
      margin-top: .5rem;
      font-weight: normal; }
  .complete-account__buttons {
    display: flex;
    flex-direction: column;
    margin-bottom: .5rem; }
    .complete-account__buttons > a:last-of-type:not(:only-of-type) {
      order: -1;
      margin-bottom: .5rem; }
    @media screen and (min-width: 48em) {
      .complete-account__buttons {
        display: inherit; }
        .complete-account__buttons > a:last-of-type:not(:only-of-type) {
          margin-bottom: inherit;
          margin-left: .75rem; } }

#self-connect-notification-message {
  display: flex; }
  #self-connect-notification-message > div {
    z-index: 1; }

/* stylelint-disable scss/dollar-variable-colon-space-after */
/* stylelint-enable */
.corporate-news-list_item + .corporate-news-list_item .corporate-news-list_date,
.corporate-news-list_item + .corporate-news-list_item .corporate-news-list_link-container {
  padding-top: .5rem; }

.corporate-news-list_date, .corporate-news-list_link-container {
  text-align: left;
  vertical-align: top; }

.corporate-news-list_date {
  width: 4rem;
  white-space: nowrap;
  padding-right: .5rem; }

@media screen and (min-width: 30em) {
  .corporate-news-list_date {
    width: 4.5rem;
    padding-right: 1rem; } }

.cartrawler-widget--small {
  border-radius: .75rem .75rem 0 0;
  position: relative;
  overflow: hidden; }
  .cartrawler-widget--small.is-loading {
    position: absolute;
    width: calc(100% - 16px);
    height: 100%; }
  .cartrawler-widget--small .ctw-wrapper {
    border-radius: .75rem .75rem 0 0;
    display: flex;
    flex-direction: column;
    flex-grow: 1; }

.button-combination-page {
  text-align: left;
  padding-right: 20%; }
  .button-combination-page .icon-arrow-down {
    position: absolute;
    right: .8em;
    bottom: 1.5em; }

@media screen and (min-width: 60em) {
  .search-combination-page {
    position: relative; }
  .button-combination-page {
    position: absolute;
    left: -220px;
    top: 82px;
    max-width: 200px;
    padding-right: 12%; } }

.megasale-section {
  margin-bottom: 80px; }

.megasale-header {
  padding-bottom: 15px;
  border-bottom: 1px solid #e6e6e6;
  overflow: auto; }

.megasale-subtitle {
  text-align: center;
  margin-top: 30px; }
  @media screen and (min-width: 38em) {
    .megasale-subtitle {
      display: inline;
      text-align: left;
      float: right;
      margin-top: 0; } }

.megasale-from-price {
  font-size: 1em;
  position: relative; }
  .megasale-from-price::after {
    content: '';
    position: absolute;
    height: 2px;
    margin-top: -1px;
    top: 50%;
    left: 0;
    width: 100%;
    background: #ca2b55;
    transform: rotate(-12deg); }
  .megasale-from-price.c-price {
    font-size: .5em; }
    .megasale-from-price.c-price::after {
      width: 50%;
      left: auto;
      right: 0; }

.megasale-list {
  list-style: none;
  margin: 0;
  padding: 0; }
  @media screen and (min-width: 64em) {
    .megasale-list {
      display: flex;
      flex-flow: row wrap; } }

.megasale-item {
  position: relative;
  margin-top: 40px;
  background-size: cover; }
  .megasale-item:nth-child(2n) {
    margin-left: auto; }
  @media screen and (min-width: 38em) {
    .megasale-item {
      flex: 0 1 47%; } }
  .megasale-item a {
    text-decoration: none;
    cursor: pointer; }
  .megasale-item [data-expandible-content] {
    position: relative; }
    @media screen and (min-width: 64em) {
      .megasale-item [data-expandible-content] {
        display: flex;
        height: 100%;
        min-height: 150px; } }

.megasale-item--front {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  cursor: pointer;
  width: 100%; }
  @media screen and (min-width: 64em) {
    .megasale-item--front {
      display: flex;
      margin-left: 136px;
      background-color: #fff;
      border: 0.0625rem solid #ccc;
      border-left: 0;
      border-radius: 0 12px 12px 0; } }
  .megasale-item--front::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    left: -153px; }
  .is-expanded .megasale-item--front {
    display: none; }
  .megasale-item--front h3 {
    color: #fff;
    margin: 1.688rem 0  1.5rem 1rem;
    font-size: 1.5rem;
    line-height: 1.875rem; }
    @media screen and (min-width: 64em) {
      .megasale-item--front h3 {
        color: #2800a0;
        margin-bottom: 0;
        padding-right: 135px; } }
  .megasale-item--front .footnote-paragraph {
    position: relative;
    background-color: #fff;
    margin-top: 1rem;
    margin-bottom: 0;
    padding: 1rem 0 1rem 2.5rem;
    order: 3;
    border: 0.0625rem solid #ccc;
    border-radius: 0 0 12px 12px; }
    @media screen and (min-width: 64em) {
      .megasale-item--front .footnote-paragraph {
        border: none;
        margin-top: auto; } }
    .megasale-item--front .footnote-paragraph::before {
      position: absolute;
      left: 1rem;
      top: 1.5rem;
      color: #2800a0;
      content: ""; }
  .megasale-item--front .sticker {
    margin-bottom: 1rem;
    margin-left: 1rem;
    padding: 1rem;
    max-width: 7rem; }
    .megasale-item--front .sticker--with-from-price {
      padding-top: .5rem;
      padding-bottom: .5rem; }
    @media screen and (min-width: 28em) {
      .megasale-item--front .sticker {
        position: absolute;
        right: 1rem;
        top: .75rem;
        z-index: 2; } }

.megasale-item--back {
  position: relative;
  display: none;
  width: 100%;
  padding-bottom: 1rem; }
  .megasale-item--back::before {
    content: '';
    position: absolute;
    top: -1rem;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background-color: rgba(0, 0, 0, 0.2); }
  .megasale-item--back h4 {
    color: #fff;
    margin: 1rem 0 0 1rem; }
  .megasale-item--back .megasale-item--content {
    margin: 1rem 0 0 1rem; }
    @media screen and (min-width: 64em) {
      .megasale-item--back .megasale-item--content {
        position: relative; } }
  .megasale-item--back a[data-expandible-trigger] {
    position: absolute;
    top: 0;
    right: 1rem;
    width: 1rem;
    height: 1rem;
    display: block;
    overflow: hidden;
    color: transparent;
    cursor: pointer; }
    @media screen and (min-width: 64em) {
      .megasale-item--back a[data-expandible-trigger] {
        top: 1rem; } }
    .megasale-item--back a[data-expandible-trigger]::before {
      position: absolute;
      left: 0;
      top: .5rem;
      color: #fff;
      content: "";
      font-size: 1rem; }
  .is-expanded .megasale-item--back {
    display: block; }
    @media screen and (min-width: 64em) {
      .is-expanded .megasale-item--back {
        display: block; } }

.megasale-item--content {
  color: #fff; }

.megasale-item--buttons {
  display: flex;
  padding: .5rem;
  align-self: center;
  flex-wrap: wrap; }
  @media screen and (min-width: 22em) {
    .megasale-item--buttons {
      padding: 0 1rem;
      flex-wrap: nowrap; } }
  @media screen and (min-width: 34em) {
    .megasale-item--buttons {
      align-self: flex-end; } }
  .megasale-item--buttons a {
    margin: .5rem 0 0 .5rem;
    flex: 0 1 95%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: flex-end; }
    .megasale-item--buttons a:last-child {
      margin-right: 0; }
    @media screen and (min-width: 34em) {
      .megasale-item--buttons a {
        flex: 0 1 50%; } }

.megasale-overview-header {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%; }
  @media screen and (min-width: 40rem) {
    .megasale-overview-header {
      height: 770px; } }

@media screen and (min-width: 40rem) {
  .megasale-disclaimer p {
    padding-right: 380px; } }

.megasale-toppick li {
  display: none;
  overflow: hidden; }
  .megasale-toppick li:nth-child(-n+3) {
    display: list-item; }

@media screen and (min-width: 40rem) {
  .megasale-toppick li {
    display: list-item; } }

@media screen and (min-width: 40rem) {
  .megasale-toppick-wrapper {
    position: absolute;
    width: 100%; } }

.megasale-toppick-trigger .icon-down-small {
  display: inline-block; }

.megasale-toppick-trigger .icon-up-small {
  display: none; }

.is-expanded .megasale-toppick-trigger .icon-down-small {
  display: none; }

.is-expanded .megasale-toppick-trigger .icon-up-small {
  display: inline-block; }

.megasale-toppick-content {
  max-height: 0;
  opacity: 1;
  margin: 0;
  padding-left: 20px;
  list-style: none;
  transition: max-height .3s; }
  .is-expanded .megasale-toppick-content {
    opacity: 1;
    max-height: 74px; }
  .megasale-toppick-content a:link,
  .megasale-toppick-content a:visited {
    text-decoration: none; }
  .megasale-toppick-content .icon-font {
    margin-right: 5px; }

/* stylelint-disable scss/dollar-variable-colon-space-after */
/* stylelint-enable */
.button-as-link {
  background-color: transparent;
  background-repeat: no-repeat;
  border: none;
  cursor: pointer;
  outline: none;
  margin: 0;
  padding: 0;
  border-radius: 0;
  overflow: visible; }
  .button-as-link:hover {
    color: #2800a0; }

.flag-list-button {
  height: 2em;
  width: auto;
  padding-left: 3.5rem; }
  .flag-list-button .select-flag {
    opacity: .4; }
  .flag-list-button .flag {
    width: 2em;
    height: 2em;
    margin: 0 0 0 -3.1rem;
    float: left;
    background: 0 0 no-repeat;
    background-size: contain; }
    .flag-list-button .flag.flag-nl {
      background-image: url("../img/flags/nl.svg"); }
    .flag-list-button .flag.flag-en {
      background-image: url("../img/flags/en.svg"); }
    .flag-list-button .flag.flag-fr {
      background-image: url("../img/flags/fr.svg"); }
  .flag-list-button li {
    width: 2em;
    height: 2em;
    list-style: none;
    display: inline-block;
    margin-right: .5rem; }

.language-list {
  padding-left: .5rem; }
  .language-list .language-list-item {
    list-style: none; }
  .language-list .disc-list li {
    list-style: disc;
    padding-left: 0; }
  .language-list .description {
    display: none; }
    .language-list .description.visible {
      display: block; }

.captcha-placeholder {
  width: 350px;
  height: 350px;
  margin: 1rem auto; }

#dCF_captcha_text {
  display: none; }

.content-block--disruption-message + .cta-blue .cta-upcoming-flight {
  margin: 0;
  padding-top: 1em; }

.cta-blue {
  background-color: #9df; }

.cta-upcoming-flight {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 1em;
  font-size: 0.875rem;
  margin-left: auto;
  margin-right: auto; }
  .cta-upcoming-flight .link--standalone,
  .cta-upcoming-flight .link--standalone:link,
  .cta-upcoming-flight .link--standalone:visited {
    position: relative;
    display: inline-block;
    text-decoration: none;
    font-size: 0.875rem;
    white-space: nowrap;
    padding: .6em;
    margin-right: 1em;
    margin-bottom: -.6em;
    margin-left: .6em; }
    .cta-upcoming-flight .link--standalone::before,
    .cta-upcoming-flight .link--standalone:link::before,
    .cta-upcoming-flight .link--standalone:visited::before {
      position: absolute;
      left: 0;
      top: .6em;
      margin-left: -.85em;
      font-size: 0.875rem;
      line-height: 1.45em; }
  .cta-upcoming-flight .notification-message--title {
    font-weight: 700; }
  .cta-upcoming-flight .cta-actions {
    display: flex;
    flex-wrap: wrap;
    min-height: initial; }
  .cta-upcoming-flight.cta-single-action {
    flex-direction: column; }
    @media screen and (min-width: 55em) {
      .cta-upcoming-flight.cta-single-action {
        flex-direction: row; }
        .cta-upcoming-flight.cta-single-action .cta-actions {
          align-self: flex-end; } }

@media screen and (min-width: 40em) {
  .content-block.cta-upcoming-flight {
    padding-top: 2.875rem; } }

.tripadvisor {
  padding-bottom: 10px;
  text-align: center; }

.tripadvisor-label {
  display: none; }
  @media screen and (min-width: 48em) {
    .tripadvisor-label {
      display: inline-block; } }

.tripadvisor-label-short {
  display: inline-block;
  margin-left: auto;
  text-align: center; }
  @media screen and (min-width: 48em) {
    .tripadvisor-label-short {
      display: none; } }

.tripadvisor-logo {
  width: 140px;
  height: 42px;
  position: relative;
  display: inline-block;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 100%;
  vertical-align: middle;
  margin-left: .5em; }

.tripadvisor-10 {
  background-image: url("../img/tripadvisor/img/tripadvisor-10.svg"); }

.tripadvisor-15 {
  background-image: url("../img/tripadvisor/img/tripadvisor-15.svg"); }

.tripadvisor-20 {
  background-image: url("../img/tripadvisor/img/tripadvisor-20.svg"); }

.tripadvisor-25 {
  background-image: url("../img/tripadvisor/img/tripadvisor-25.svg"); }

.tripadvisor-30 {
  background-image: url("../img/tripadvisor/img/tripadvisor-30.svg"); }

.tripadvisor-35 {
  background-image: url("../img/tripadvisor/img/tripadvisor-35.svg"); }

.tripadvisor-40 {
  background-image: url("../img/tripadvisor/img/tripadvisor-40.svg"); }

.tripadvisor-45 {
  background-image: url("../img/tripadvisor/img/tripadvisor-45.svg"); }

.tripadvisor-50 {
  background-image: url("../img/tripadvisor/img/tripadvisor-50.svg"); }

.asa .seatmap .seat.unavailable label {
  cursor: default; }

.asa .seatmap .asa-tooltip {
  position: absolute;
  width: 100%;
  left: 0;
  z-index: 30; }
  .asa .seatmap .asa-tooltip::before {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: -1; }

.asa .seatmap .asa-tooltip-content {
  width: 340px;
  max-width: 100vw;
  margin: 3em auto 0;
  background-color: #fff;
  border-radius: 10px;
  border: 1px solid #606060;
  overflow: hidden; }
  @media screen and (min-width: 56em) {
    .asa .seatmap .asa-tooltip-content {
      width: 100%; } }
  .asa .seatmap .asa-tooltip-content .heading {
    width: 100%;
    display: flex;
    padding: 1rem;
    background-color: #00d66c; }
    .asa .seatmap .asa-tooltip-content .heading .seat-number {
      color: #fff;
      font-size: 3em;
      margin: 0;
      padding: 0;
      line-height: 1em; }
    .asa .seatmap .asa-tooltip-content .heading .seat-type {
      color: #fff;
      flex-grow: 1;
      font-size: 1em;
      margin: 0 .5em;
      padding: 0; }
    .asa .seatmap .asa-tooltip-content .heading .close {
      font-family: transavicon, sans-serif;
      color: #fff;
      text-decoration: none;
      align-self: flex-start;
      position: relative;
      top: 4px; }
    .asa .seatmap .asa-tooltip-content .heading p,
    .asa .seatmap .asa-tooltip-content .heading h4 {
      margin: 0;
      padding: 0;
      font-size: 1em;
      line-height: 1.5em;
      color: #fff; }
  .asa .seatmap .asa-tooltip-content .content {
    padding: 2rem 1rem;
    text-align: center; }
    .asa .seatmap .asa-tooltip-content .content .close {
      margin-top: 1rem; }
    .asa .seatmap .asa-tooltip-content .content .button {
      margin-top: 2rem;
      width: 100%; }

.asa .seatmap .asa-tooltip-arrow {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0.5em) rotate(45deg);
  top: 2em;
  width: 1em;
  height: 1em;
  z-index: 40;
  border-top: 1px solid #606060;
  border-left: 1px solid #606060;
  background-color: #00d66c; }

.video {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0; }
  .video iframe {
    position: absolute;
    border-radius: .5em;
    width: 100%;
    height: 100%; }

.newsletter {
  display: flex; }

.newsletter-symbol {
  display: none; }
  @media screen and (min-width: 50em) {
    .newsletter-symbol {
      display: inline-block;
      background-color: #2800a0;
      color: #fff;
      width: 5.5rem;
      height: 10.5rem;
      line-height: 10.5rem;
      border-radius: 5.25rem;
      vertical-align: middle;
      font-size: 3em;
      text-align: center;
      flex: 0 0 5.5rem;
      margin-right: 2rem; } }

.newsletter-content {
  flex: 1; }

.newsletter-form {
  display: block; }
  @media screen and (min-width: 30em) {
    .newsletter-form {
      display: flex; } }

@media screen and (min-width: 30em) {
  .newsletter-textfield {
    margin-right: 1rem;
    flex: 1 1 auto; } }

.newsletter-cta {
  margin-top: 1rem; }
  @media screen and (min-width: 30em) {
    .newsletter-cta {
      margin-top: 0;
      flex: 0 0 auto; } }

.newsletter-notification {
  font-size: 1em; }
  .newsletter-notification .failure {
    color: #ff6565;
    padding-top: 10px; }
  .newsletter-notification .success {
    padding-top: 10px; }

.newsletter.is-loading {
  position: relative; }
  .newsletter.is-loading::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    background-color: #fff;
    opacity: .6;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none; }
  .newsletter.is-loading::after {
    content: '';
    width: 2em;
    height: 2em;
    font-size: 1.2rem;
    border-radius: 50%;
    position: absolute;
    left: calc(50% - 1em);
    top: calc(50% - 1em);
    z-index: 11;
    transform-origin: 50% 50%;
    background: #2800a0 url("../img/spinner/spinner.svg") no-repeat center center;
    background-size: 50%;
    animation: spinner 2s linear infinite; }

.modal {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 100;
  width: calc(100vw - 2rem);
  min-width: 10rem;
  max-width: 55rem;
  max-height: calc(100% - 1rem);
  border-radius: .5rem;
  background-color: #fff;
  overflow: hidden; }
  .modal.is-open {
    display: flex;
    flex-direction: column;
    overflow-y: auto; }
  .modal .modal-form {
    display: flex;
    flex-direction: column;
    padding: .5rem 0; }
    @media screen and (min-width: 30em) {
      .modal .modal-form {
        padding: 0 1.25rem; } }
  .modal .field {
    display: flex;
    justify-content: space-around;
    align-items: baseline;
    flex-direction: column; }
    .modal .field .textfield {
      display: inline-flex;
      flex-direction: column;
      flex: 1 0 60%; }
  .modal .modal-info {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap; }
    .modal .modal-info h4 {
      margin: 0 1.25rem;
      width: 100%;
      font-size: 1em; }
    .modal .modal-info > div {
      margin: 0 1.25rem; }
  @media screen and (min-width: 30em) {
    .modal .field {
      flex-direction: row; }
      .modal .field .textfield {
        padding-left: 1em; } }
  .modal .actions {
    display: flex;
    align-self: flex-end;
    justify-content: space-between;
    flex-direction: column;
    flex-wrap: wrap;
    width: 100%; }
    .modal .actions .button[type='submit'] {
      order: 1;
      margin-top: .5rem; }
    @media screen and (min-width: 30em) {
      .modal .actions {
        flex-direction: row;
        align-items: center; }
        .modal .actions .button {
          margin: 0; } }
  .modal .center-loading-icon.is-invisible {
    visibility: hidden; }

.modal-response {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99;
  width: calc(100vw - 2rem);
  min-width: 10rem;
  max-width: 32rem;
  padding: 1rem 2rem;
  border-radius: .5rem;
  background-color: #ff8484;
  color: #fff;
  overflow: hidden; }
  .modal-response.is-open {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center; }
  .modal-response.success {
    background-color: #4ce298; }
  .modal-response .icon-font {
    line-height: 3rem;
    margin-top: .875rem;
    margin-bottom: .5rem;
    font-size: 3rem; }
  .modal-response p {
    text-align: center; }

.modal-shadow {
  display: none;
  width: 100vw;
  height: 100vh;
  left: 0;
  top: 0;
  position: fixed;
  z-index: 98;
  background-color: #000;
  opacity: .8; }
  .modal-shadow.is-open {
    display: block; }

.panel-overlay-container .panel-overlay {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 202;
  width: calc(100vw - 2rem);
  height: calc(100vh - 2rem);
  min-width: 10rem;
  max-width: 32rem;
  padding: .75rem 1rem;
  border-radius: .5rem;
  background-color: #fff; }
  .panel-overlay-container .panel-overlay.is-open {
    display: flex;
    flex-direction: column; }
  .panel-overlay-container .panel-overlay .scrollable-content {
    max-height: calc(90vh - 6rem);
    overflow-y: scroll;
    padding-right: 1rem;
    padding-bottom: 1rem;
    font-size: .875rem; }
  .panel-overlay-container .panel-overlay .panel-overlay_footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 1rem;
    text-align: center;
    background-color: #fff; }

.panel-overlay-container .panel-overlay-shadow {
  display: none;
  width: 100vw;
  height: 100vh;
  left: 0;
  top: 0;
  position: fixed;
  z-index: 201;
  background-color: #000;
  opacity: .8; }
  .panel-overlay-container .panel-overlay-shadow.is-open {
    display: block; }

.toggle-panel-list {
  list-style: none;
  padding: 0; }
  .toggle-panel-list .notification {
    margin: 1.5em 0; }
  .toggle-panel-list .toggle-panel-list-item {
    padding-bottom: 1em; }
  .toggle-panel-list .pap-boarding-pass-block {
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-wrap: wrap; }
    .toggle-panel-list .pap-boarding-pass-block.-no-qr {
      justify-content: flex-start; }
      .toggle-panel-list .pap-boarding-pass-block.-no-qr .icon-standalone {
        padding: .5em .5em .5em 0; }
        .toggle-panel-list .pap-boarding-pass-block.-no-qr .icon-standalone:first-child {
          margin-right: 1.5em; }
      .toggle-panel-list .pap-boarding-pass-block.-no-qr .button {
        max-width: 30em;
        align-self: stretch;
        margin: .5em 0; }
        .toggle-panel-list .pap-boarding-pass-block.-no-qr .button:first-child {
          margin-right: 1.5em; }
  .toggle-panel-list .qr-code {
    position: relative;
    width: 158px;
    height: 158px;
    margin: .5em auto .5em 0; }
  .toggle-panel-list .qr-explanation {
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-right: auto;
    max-width: 110px; }
    .toggle-panel-list .qr-explanation .tooltip-dialog {
      order: -1; }
  .toggle-panel-list .qr-cta {
    display: none; }
  .toggle-panel-list .qr-cta-xs {
    position: relative;
    margin: .5em 0 1.5em;
    height: 100%;
    border-radius: .5rem;
    padding: 1rem 1.25rem 0;
    background-color: #2800a0;
    color: #fff;
    font-size: .75em;
    width: 100%;
    align-self: stretch;
    display: block; }
    .toggle-panel-list .qr-cta-xs::before {
      position: absolute;
      content: '';
      top: -.5em;
      left: calc(130px / 2 - .5em);
      background-color: inherit;
      width: 1em;
      height: 1em;
      transform: rotate(45deg); }
  .toggle-panel-list .qr-email {
    display: none; }
  .toggle-panel-list .toggle-icon {
    position: absolute;
    right: 0;
    top: 50%;
    transform: rotate(180deg);
    transform-origin: 50% 50%;
    transition: transform .25s linear; }
  .toggle-panel-list .qr-info {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-around;
    margin-right: auto; }
  @media screen and (min-width: 28em) {
    .toggle-panel-list .qr-code {
      margin-right: 0;
      width: 219px;
      height: 219px; }
    .toggle-panel-list .qr-info {
      max-width: 40%; }
    .toggle-panel-list .qr-explanation {
      display: block;
      max-width: initial;
      margin: 0 1.5em;
      padding-left: 1.25rem;
      font-size: .75em; }
    .toggle-panel-list .qr-cta {
      display: block;
      position: relative;
      margin: .5em 1.5em 1em;
      border-radius: .5rem;
      padding: 1rem 1.25rem 0;
      background-color: #2800a0;
      color: #fff;
      font-size: .75em;
      align-self: flex-start;
      max-width: 250px; }
      .toggle-panel-list .qr-cta::before {
        position: absolute;
        content: '';
        top: calc(50% - .5em);
        left: -.5em;
        background-color: inherit;
        width: 1em;
        height: 1em;
        transform: rotate(45deg); }
    .toggle-panel-list .qr-cta-xs {
      display: none; } }
  .js .toggle-panel-list .toggle-panel-list-item [data-toggle-trigger]:hover {
    cursor: pointer; }
  .js .toggle-panel-list .toggle-panel-list-item .subtitle {
    margin-left: 26px; }
  @media screen and (min-width: 60em) {
    .js .toggle-panel-list .toggle-panel-list-item .qr-divider {
      position: relative;
      width: 10px;
      height: 115px;
      border-left: 0.0625rem solid #e6e6e6;
      margin-right: auto; } }
  .js .toggle-panel-list .toggle-panel-list-item .qr-email {
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: space-around; }
  .js .toggle-panel-list .toggle-panel-list-item .pap-boarding-pass-block {
    overflow: hidden;
    height: 100%;
    max-height: 300px;
    transition: max-height .25s ease-out; }
  .js .toggle-panel-list .toggle-panel-list-item.is-closed .pap-boarding-pass-block {
    max-height: 0 !important; }
  .js .toggle-panel-list .toggle-panel-list-item.is-closed .toggle-icon {
    transform: rotate(0); }
  .toggle-panel-list h3 {
    position: relative; }

.info-banner {
  display: block;
  width: 100%;
  padding: 1rem;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 901;
  background-color: #fff;
  box-shadow: -3px 0 7px rgba(0, 0, 0, 0.2); }
  @media screen and (min-width: 30em) {
    .info-banner {
      padding: 2rem; } }
  @media screen and (min-width: 40em) {
    .info-banner {
      padding: 2rem 3rem; } }
  @media screen and (min-width: 76em) {
    .info-banner {
      padding: 2rem calc((100% - 70rem) / 2); } }

.info-banner--field-list {
  margin: 0 0 1rem;
  padding: 0;
  list-style: none; }
  @media screen and (min-width: 40em) {
    .info-banner--field-list {
      display: flex;
      justify-content: space-between; } }
  .info-banner--field-list li {
    margin-bottom: .5rem;
    padding: 0 1rem 0 0; }

.info-banner--small {
  color: #909090;
  line-height: 1.3; }
  .info-banner--small::before {
    content: "("; }
  .info-banner--small::after {
    content: ")"; }
  @media screen and (min-width: 40em) {
    .info-banner--small {
      display: block; }
      .info-banner--small::before, .info-banner--small::after {
        content: ''; } }

.info-banner--mobile {
  display: block; }
  @media screen and (min-width: 40em) {
    .info-banner--mobile {
      display: none; } }

.info-banner--desktop {
  display: none; }
  @media screen and (min-width: 40em) {
    .info-banner--desktop {
      display: block; } }

.carousel .component_home-header {
  position: relative; }

.carousel.carousel--started {
  background-color: #ccc;
  background-image: none !important; }

.carousel__slide-image {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat; }
  .carousel__slide-image.fade-in {
    animation: fadeInCarouselSlideContent 1s ease-out; }
  @media screen and (prefers-reduced-motion: reduce) {
    .carousel__slide-image.fade-in {
      animation: none; } }

.carousel .carousel-item {
  position: relative;
  display: none; }
  .carousel .carousel-item.carousel-item--active {
    display: block; }

.carousel__arrow {
  display: none;
  position: absolute;
  top: 42rem;
  padding: .5em;
  border-radius: 100%; }
  .carousel__arrow__icon {
    transform: translateY(-0.1em); }
  .carousel__arrow--left {
    left: 3em; }
  .carousel__arrow--right {
    right: 3em; }
  @media screen and (min-width: 56em) {
    .carousel__arrow {
      display: block; } }
  @media screen and (min-width: 64em) {
    .carousel__arrow {
      top: 24rem; } }

.carousel__dollydots {
  position: relative;
  list-style: none;
  margin: 0 0 1em 0;
  padding: 0;
  display: flex;
  justify-content: center;
  width: 100%; }
  .carousel__dollydots__dot {
    width: .8em;
    height: .8em;
    margin: 0 .4em;
    padding: 0;
    border: 1px solid #91a3b7;
    border-radius: 100%;
    background: rgba(255, 255, 255, 0.35);
    cursor: pointer; }
    .carousel__dollydots__dot.carousel-item--active, .carousel__dollydots__dot:hover {
      background: #fff; }

@keyframes fadeInCarouselSlideContent {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.visible-on-interact {
  display: none; }
  .search-panel-started-interaction .visible-on-interact {
    display: block;
    animation: fx-fade-in .25s ease-in initial; }
  @media screen and (min-width: 40em) {
    .visible-on-interact {
      display: block; } }

.check-page__flight {
  margin: 1rem 0; }

@media screen and (min-width: 56em) {
  .check-page__trip--return {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between; }
    .check-page__trip--return .check-page__flight {
      width: calc(50% - .25rem);
      flex-shrink: 0;
      flex-grow: 0; } }

.flight__date {
  color: #202020;
  font-weight: bold; }

.flight__details {
  padding-bottom: 1rem; }
  .check-page__trip--return .flight__details {
    padding-top: 1rem;
    border-top: 1px solid #ccc; }
  .flight__details dt {
    float: left;
    margin-right: .5rem; }
    .flight__details dt::after {
      content: ":"; }

.flight__disclaimer {
  margin: .5rem 0;
  font-size: .75em;
  color: #606060; }

.flight-schedule {
  margin-bottom: 1rem; }
  .flight-schedule__connection {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    margin-top: 1rem;
    color: #202020;
    font-weight: bold; }
  .flight-schedule__info {
    position: relative;
    z-index: 1;
    align-self: flex-start;
    background: #fff; }
    .flight-schedule__info--arrival {
      text-align: right; }
  .flight-schedule__time {
    font-size: 1.5rem; }
  .flight-schedule__icon {
    font-size: 1.5rem;
    flex-grow: 1;
    flex-shrink: 1;
    text-align: center; }
    .check-page__trip--single .flight-schedule__icon {
      margin: 0 1.5rem; }
      .check-page__trip--single .flight-schedule__icon::before {
        position: relative;
        z-index: 1;
        background: #fff;
        padding: 0 .5rem; }
  .check-page__trip--return .flight-schedule__info {
    flex-basis: 35%; }
  @media screen and (min-width: 40em) {
    .check-page__trip--single .flight-schedule__connection {
      position: relative; }
      .check-page__trip--single .flight-schedule__connection::after {
        content: " ";
        position: absolute;
        top: 50%;
        left: 0;
        margin-top: -1px;
        display: block;
        width: 100%;
        height: 1px;
        border-top: 1px dashed #ccc; }
    .check-page__trip--single .flight-schedule__info {
      position: relative;
      z-index: 1; }
      .check-page__trip--single .flight-schedule__info--departure {
        padding-right: 1.5rem; }
      .check-page__trip--single .flight-schedule__info--arrival {
        padding-left: 1.5rem; } }

.flight-price {
  border-top: 1px solid #606060;
  transition: border-color .2s .4s ease-in-out; }
  .flight-price.is-expanded {
    border-color: #fff; }
  .flight-price__breakdown {
    max-height: 0;
    padding-top: 0;
    padding-bottom: 0;
    opacity: 0;
    transition-property: opacity, max-height;
    transition-duration: .4s;
    transition-timing-function: ease-in-out;
    background-color: #f5f8fa;
    overflow: hidden; }
    .flight-price__breakdown table {
      margin: 1rem 0; }
    .flight-price__breakdown th {
      text-align: left; }
    .flight-price__breakdown td {
      text-align: right; }
    .is-expanded .flight-price__breakdown {
      overflow: hidden;
      max-height: 400px;
      opacity: 1; }
  .flight-price__total, .flight-price__row--perperson {
    font-weight: bold;
    color: #202020; }
    .flight-price__total:not(:first-child) td,
    .flight-price__total:not(:first-child) th, .flight-price__row--perperson:not(:first-child) td,
    .flight-price__row--perperson:not(:first-child) th {
      padding-top: 1rem; }
  .flight-price__total {
    padding-top: 1rem;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between; }
  .flight-price__togglebutton button {
    background: none;
    font-weight: 400;
    margin: 1rem 0; }
    .flight-price__togglebutton button::after {
      font-family: transavicon, sans-serif;
      content: "";
      display: inline-block;
      margin-left: .75rem;
      vertical-align: middle;
      transition: transform .2s .5s linear;
      transform: rotate(0); }
      .is-expanded .flight-price__togglebutton button::after {
        transform: rotate(180deg); }
  @media screen and (min-width: 40em) {
    .flight-price__togglebutton {
      text-align: right; } }
  .flight-price__nrpersons {
    display: none; }
    @media screen and (min-width: 56em) {
      .flight-price__nrpersons {
        display: inline-block; } }
  .flight-price .flight__disclaimer {
    text-align: right; }

.discount {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: flex-end; }
  .discount__content {
    max-height: 0;
    opacity: 0;
    transition-property: opacity, max-height;
    transition-duration: .4s;
    transition-timing-function: ease-in-out;
    overflow: hidden; }
    .discount--show .discount__content {
      overflow: hidden;
      max-height: 400px;
      opacity: 1; }
  .discount__fields {
    min-width: 100%; }
  .discount-label__info {
    color: #606060;
    font-weight: normal;
    font-size: .9em; }
  .discount__remaining {
    padding: 1rem 0;
    font-size: .9em; }
  @media screen and (min-width: 40em) {
    .discount {
      flex-direction: row; }
      .discount__fields {
        width: 21rem;
        min-width: auto;
        margin-right: 2rem; }
        .discount__fields .field:last-child {
          padding-bottom: 0; } }

.health-declaration__part {
  display: none;
  animation: fx-fade-in .5s ease-in both; }
  .health-declaration__part:first-child {
    display: block; }
  .health-declaration__part ul {
    list-style: disc;
    margin-top: .5rem; }
    .health-declaration__part ul li {
      margin-bottom: .5rem; }
  .health-declaration__part--dirty + .health-declaration__part {
    display: block; }

.health-declaration__parts {
  margin: 2rem 0;
  padding: 0;
  list-style: none; }
  .health-declaration__parts > li {
    margin-bottom: .5rem; }
  @media screen and (min-width: 50rem) {
    .health-declaration__parts .health-declaration__part label {
      padding-left: 3rem; } }

.health-declaration__step {
  font-size: 1.2rem;
  margin-bottom: 1rem;
  color: #00d66c;
  text-align: center; }
  .health-declaration__part--dirty .health-declaration__step {
    display: none; }

.health-declaration__passed-msg {
  display: none; }
  .health-declaration__passed-msg .notification {
    margin: 0 -.6rem 1rem -.6rem; }
    @media screen and (min-width: 50rem) {
      .health-declaration__passed-msg .notification {
        margin-left: -1.4rem;
        margin-right: -1.4rem; } }
  .health-declaration--passed .health-declaration__passed-msg {
    display: block;
    animation: fx-fade-in .25s ease-in both; }

.tabs-list {
  display: flex;
  gap: .25rem; }
  .tabs-list .tab__button {
    display: flex;
    flex-direction: column;
    flex: 1 0 0;
    align-items: center;
    gap: .5rem;
    font-size: 1rem;
    font-weight: 800;
    color: #606060;
    background-color: #e6e6e6;
    padding: .75rem;
    margin: 0;
    border: none;
    outline: none;
    border-radius: .75rem .75rem 0 0;
    cursor: pointer; }
    .tabs-list .tab__button:focus, .tabs-list .tab__button:hover, .tabs-list .tab__button[aria-selected="true"] {
      background-color: #fff;
      color: #2800a0; }

/*# sourceMappingURL=transavia.css.map */