@charset "UTF-8";
/* Basic element reset */
html,
body,
section,
article,
aside,
nav,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
a,
figure,
address,
img,
div,
span,
em,
strong,
b,
i,
table,
th,
td,
form,
input,
button,
label {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  border: none;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  font-family: inherit;
  font-weight: inherit;
  font-style: inherit;
  list-style: none;
  color: inherit; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

th,
td {
  text-align: left;
  vertical-align: top; }

a,
a:visited {
  text-decoration: none; }

::-moz-focus-inner {
  border: none;
  padding: 0; }

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

/*

	MIXINS
	======
	Collections of re-usable snippets, arranged by topic
	@mixin [name] ($optional variable name: optional default value)

*/
.fun-font, .branding .payoff, .tooltip--hint-suggestion .tooltip--hint-suggestion__text::before {
  font-family: "Josschrift", "Brush Script MT", cursive; }

.text-border {
  text-shadow: -2px -2px 0 #fff, 2px -2px 0 #fff, 2px 2px 0 #fff, -2px 2px 0 #fff; }

/*

    VARIABLES
    =========
    Collections of re-usable values, i.e. for colours
    Use these elsewhere in Sass to promote consistency
    $variable-name: value;

*/
/*

  GRID IMPLEMENTATION
  =========
  Adds some inner-container .content element width/max-width rules to the Bourbon Neat grids

*/
.content {
  max-width: em(1088);
  margin-right: auto;
  margin-left: auto; }
  .content::after {
    display: table;
    clear: both;
    content: ""; }

@media (max-width: 767px) {
  * > .content {
    width: 90.625%;
    max-width: 600px; } }

@media (min-width: 768px) and (max-width: 1023px) {
  * > .content {
    width: 92.1875%;
    max-width: 880px; } }

@media (min-width: 1024px) {
  * > .content {
    width: 93.5546875%;
    max-width: 1164px; } }

.container_13 {
  width: 100%;
  max-width: 1160px;
  margin-right: auto;
  margin-left: auto; }
  .container_13 .content__wrapper {
    padding: 0 1rem; }
  .container_13 .grid_1,
  .container_13 .grid_2,
  .container_13 .grid_3,
  .container_13 .grid_4,
  .container_13 .grid_5,
  .container_13 .grid_6,
  .container_13 .grid_7,
  .container_13 .grid_8,
  .container_13 .grid_9,
  .container_13 .grid_10,
  .container_13 .grid_11,
  .container_13 .grid_12,
  .container_13 .grid_13 {
    display: inline-block;
    float: none;
    margin-right: 0;
    margin-left: 0;
    vertical-align: top; }
  .container_13 .grid_13 {
    width: 100%; }

@font-face {
  font-family: "Formular";
  src: url("https://static.vakantiediscounter.nl/atomic/fonts/formular-light.woff2") format("woff2"), url("https://static.vakantiediscounter.nl/atomic/fonts/formular-light.woff") format("woff");
  font-weight: 300; }

@font-face {
  font-family: "Formular";
  src: url("https://static.vakantiediscounter.nl/atomic/fonts/formular-regular.woff2") format("woff2"), url("https://static.vakantiediscounter.nl/atomic/fonts/formular-regular.woff") format("woff");
  font-weight: 400; }

@font-face {
  font-family: "Formular";
  src: url("https://static.vakantiediscounter.nl/atomic/fonts/formular-medium.woff2") format("woff2"), url("https://static.vakantiediscounter.nl/atomic/fonts/formular-medium.woff") format("woff");
  font-weight: 500; }

@font-face {
  font-family: "Formular";
  src: url("https://static.vakantiediscounter.nl/atomic/fonts/formular-bold.woff2") format("woff2"), url("https://static.vakantiediscounter.nl/atomic/fonts/formular-bold.woff") format("woff");
  font-weight: 600; }

@font-face {
  font-family: "Formular";
  src: url("https://static.vakantiediscounter.nl/atomic/fonts/formular-black.woff2") format("woff2"), url("https://static.vakantiediscounter.nl/atomic/fonts/formular-black.woff") format("woff");
  font-weight: 800; }

@font-face {
  font-family: "Josschrift";
  src: url("/atomic/fonts/josschrift.woff2") format("woff2");
  font-weight: 400; }

body {
  -moz-font-smoothing: subpixel-antialiased;
  -webkit-font-smoothing: subpixel-antialiased;
  font-smoothing: subpixel-antialiased;
  text-rendering: auto;
  font-kerning: normal;
  -moz-osx-font-smoothing: grayscale; }

/*

    NEW COMMENT

    COMMON ELEMENTS
    ===============
    Collection of elements that are widely used, but arguably too small for their own partial.
    Critical review should determine wether or not to split off elements to partials.

    0.  Base styling
    1.  Comfort icons
    2.  Big statements
    3.  Re-occuring link types
    4.  Branding and logo
    5.  Inline star ratings
    6.  Button classes
    7.  Prices
    8.  Dimmer for overlays
    9.  Soft line breaks based on empty spans
    10. Price conditions (travel, transfer, stay)
    11. Lightbox
    12. Reusable font styles
    13. Warning message box
    14. Offset settings for id-assigned anchor links on page sections
    15. 'Specs' for an offer (definition list w/departure date etc)
    16. SnapEngage box-sizing
    17. Payment option logos
    18. Alternating content pattern (toggle compact/full)
    19. List types
    20. Custom dropdown / expander (for search headers, fake dropdowns)
    21. Viewport-sticky layers, to contain buttons and messages
    22.1    404 page
    22.2    500 page
    23. search facets
    24. checkboxes
    25. radiobuttons
    26. tooltips
    26.1 price info (info button next to price)
    27. Feedback (dark centered message)
    28. breadcrumbs
    29. Full screen lightbox
    30. [removed] pointer-events none for children of .product-click-tracked
    31. pointer-events enabled for tooltips under .product-click-tracked

*/
body {
  min-width: 320px;
  font-size: 16px;
  line-height: 1.5;
  font-family: "Formular", sans-serif;
  font-weight: 300;
  color: #33373d;
  background: #fbfdff;
  image-rendering: -webkit-optimize-contrast; }

* > .content {
  margin: 0 auto; }
  @media (max-width: 767px) {
    * > .content {
      width: 100%; } }

h3 {
  font-weight: 600;
  color: #ff007d; }

h4 {
  margin-bottom: 2rem;
  font-size: 1.5rem;
  font-weight: 400;
  color: #9dabb2; }
  footer h4 {
    color: #fff; }

h5 {
  font-size: 1rem;
  font-weight: 400;
  color: #9dabb2; }
  footer h5 {
    color: #c3ebff; }

.hidden {
  display: none !important; }

#_hj_feedback_container div[data-viewmode="desktop"],
#_hj_feedback_container div[data-viewmode="touch"] {
  z-index: 130; }

.comfort-icons {
  font-size: 0;
  width: 100%; }
  .comfort-icons li {
    display: inline-block;
    font-size: 1rem;
    vertical-align: middle; }
    .comfort-icons li + li {
      margin-left: 1em; }
      @media (max-width: 767px) {
        .comfort-icons li + li {
          margin-left: .5em; } }
    .comfort-icons li .comfort-icon {
      display: block;
      width: 2.8em;
      height: 2.3em;
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;
      overflow: hidden; }
      .comfort-icons li .comfort-icon.sgr {
        height: 2.6em;
        background-image: url("/atomic/images/logo-sgr.png");
        background-image: url("/atomic/images/logo-sgr.svg"); }
        @media (max-width: 767px) {
          .comfort-icons li .comfort-icon.sgr {
            height: 1.8em; } }
      .comfort-icons li .comfort-icon.anvr {
        background-image: url("/atomic/images/logo-anvr.png");
        background-image: url("/atomic/images/logo-anvr.svg"); }
      .comfort-icons li .comfort-icon.ideal {
        background-image: url("/atomic/images/logo-ideal.png");
        background-image: url("/atomic/images/logo-ideal.svg"); }
      .comfort-icons li .comfort-icon.abto {
        background-image: url("/atomic/images/logo-abto.svg");
        width: 64px;
        height: 44px; }
      .comfort-icons li .comfort-icon.gcr {
        background-image: url("/atomic/images/logo-gcr.svg");
        width: 41px;
        height: 40px; }
      .comfort-icons li .comfort-icon.secure {
        background-image: url("/atomic/images/icon-lock-green.png");
        background-image: url("/atomic/images/icon-lock-green.svg"); }
      .comfort-icons li .comfort-icon.ingenico {
        width: 80px;
        background-image: url("/atomic/images/secure-payment-ingenico.png"); }
      .comfort-icons li .comfort-icon.norton {
        width: 56px;
        background-image: url("/atomic/images/secure-by-norton.png"); }
      .comfort-icons li .comfort-icon.fau {
        background-image: url("/atomic/images/logo-fau.svg"); }
      .comfort-icons li .comfort-icon.ssl {
        background-image: url("/atomic/images/logo-secure-ssl.svg"); }
      .comfort-icons li .comfort-icon.tuv {
        background-image: url("/atomic/images/tuv-saarland.svg");
        height: 38px;
        width: 38px; }
      .comfort-icons li .comfort-icon.vir {
        background-image: url("/atomic/images/vir-small.svg");
        height: 40px;
        width: 60px; }
      .comfort-icons li .comfort-icon.soep {
        background-image: url("/atomic/images/soep.svg");
        height: 32px;
        width: 95px; }
      .comfort-icons li .comfort-icon::before {
        display: block;
        width: 0;
        height: 100%;
        content: ""; }
      @media (max-width: 767px) {
        .comfort-icons li .comfort-icon {
          height: 1.8em; } }

.trust h2.big-statement,
.price-comparison h2.big-statement {
  font-size: 2.4rem;
  line-height: 1.2;
  font-weight: 300;
  text-align: center;
  color: #0079bb; }
  @media (min-width: 768px) and (max-width: 1023px) {
    .trust h2.big-statement,
    .price-comparison h2.big-statement {
      font-size: 2.5rem; } }
  @media (max-width: 767px) {
    .trust h2.big-statement,
    .price-comparison h2.big-statement {
      font-size: 1.4rem; } }

.continue {
  font-weight: 500;
  color: #37b0f2; }
  .continue::before {
    margin-right: .6rem;
    content: ">"; }
  footer .continue {
    color: #fff; }

button.btn--theme--secondary.infobutton {
  padding-left: 2rem;
  background-color: white;
  background-image: url("/atomic/images/icon-info-white.png");
  background-image: url("/atomic/images/icon-info-white.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 23px 23px;
  min-height: 24px; }

button.show-more-button {
  padding-left: 1.5rem;
  font-size: 1rem;
  color: #37b0f2;
  background-color: white;
  background-image: url("/atomic/images/icon-chevron-down-blue.png");
  background-image: url("/atomic/images/icon-chevron-down-blue.svg");
  background-repeat: no-repeat;
  background-position: left 40%;
  background-size: 13px 9px; }

.download {
  display: block;
  margin-bottom: .5rem;
  padding-left: 2.5rem;
  background-repeat: no-repeat;
  background-position: left 5px;
  background-size: auto 2rem; }
  .download span {
    display: block;
    line-height: 1.3;
    font-weight: 500;
    color: #37b0f2; }
  .download small {
    font-size: .875em;
    color: #90a8b5; }
  .download.pdf {
    background-image: url("/atomic/images/icon-pdf.png");
    background-image: url("/atomic/images/icon-pdf.svg"); }

.branding .hero {
  background-image: url("/atomic/images/nl/hero-circle-of-trust.png");
  background-image: url("/atomic/images/nl/hero-circle-of-trust.svg");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: contain;
  overflow: hidden; }
  .branding .hero::before {
    display: block;
    width: 0;
    height: 100%;
    content: ""; }

.branding .logo {
  background-image: url("/atomic/images/nl/vd_logo.png");
  background-image: url("/atomic/images/nl/vd_logo.svg");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: contain;
  overflow: hidden; }
  .branding .logo::before {
    display: block;
    width: 0;
    height: 100%;
    content: ""; }

.branding .payoff {
  display: block;
  font-size: 1.45rem;
  text-align: center;
  white-space: nowrap;
  color: #ff007d; }

.star-rating {
  display: inline-block;
  height: 1.15rem;
  margin-top: -.2rem;
  font-size: 0;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  vertical-align: middle; }
  .reviews-header .star-rating {
    margin-right: .375rem; }
  .star-rating.star-1 {
    width: 1.45rem;
    background-image: url("/atomic/images/star-1.png");
    background-image: url("/atomic/images/star-1.svg"); }
  .star-rating.star-2 {
    width: 2.75rem;
    background-image: url("/atomic/images/star-2.png");
    background-image: url("/atomic/images/star-2.svg"); }
  .star-rating.star-3 {
    width: 4.125rem;
    background-image: url("/atomic/images/star-3.png");
    background-image: url("/atomic/images/star-3.svg"); }
  .star-rating.star-4 {
    width: 5.5rem;
    background-image: url("/atomic/images/star-4.png");
    background-image: url("/atomic/images/star-4.svg"); }
  .star-rating.star-5 {
    width: 6.875rem;
    background-image: url("/atomic/images/star-5.png");
    background-image: url("/atomic/images/star-5.svg"); }

.star-rating-small {
  display: inline-block;
  height: 12px;
  margin-top: -.2rem;
  margin-left: .5rem;
  font-size: 0;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: auto 12px;
  vertical-align: middle; }
  .star-rating-small.star-1 {
    width: 15px;
    background-image: url("/atomic/images/star-1.png");
    background-image: url("/atomic/images/star-1.svg"); }
  .star-rating-small.star-2 {
    width: 30px;
    background-image: url("/atomic/images/star-2.png");
    background-image: url("/atomic/images/star-2.svg"); }
  .star-rating-small.star-3 {
    width: 45px;
    background-image: url("/atomic/images/star-3.png");
    background-image: url("/atomic/images/star-3.svg"); }
  .star-rating-small.star-4 {
    width: 60px;
    background-image: url("/atomic/images/star-4.png");
    background-image: url("/atomic/images/star-4.svg"); }
  .star-rating-small.star-5 {
    width: 75px;
    background-image: url("/atomic/images/star-5.png");
    background-image: url("/atomic/images/star-5.svg"); }

button,
.btn {
  -webkit-transition: background-color .2s ease, color .2s ease;
  -moz-transition: background-color .2s ease, color .2s ease;
  -o-transition: background-color .2s ease, color .2s ease;
  transition: background-color .2s ease, color .2s ease;
  border-radius: .5em;
  outline: none;
  font-weight: 500;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent; }
  button:disabled,
  .btn:disabled {
    cursor: default; }
  button.back,
  .btn.back {
    padding-right: 10px;
    padding-left: 20px;
    background-color: transparent;
    background-image: url("/atomic/images/icon-chevron-left-blue.png");
    background-image: url("/atomic/images/icon-chevron-left-blue.svg");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: .55rem;
    background-size: 8px 13px; }
  button.up,
  .btn.up {
    border: 0 none;
    padding: 10px 22px 10px 10px;
    font-size: 1rem;
    text-align: right;
    color: #37b0f2;
    background-image: url("/atomic/images/icon-chevron-up-blue.png");
    background-image: url("/atomic/images/icon-chevron-up-blue.svg");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: .85rem; }
  button.close,
  .btn.close {
    display: block;
    width: 30px;
    height: 30px;
    border: 0 none;
    font-size: 0;
    border-radius: 0;
    background-color: transparent;
    background-color: transparent;
    background-image: url("/atomic/images/icon-close-grayblue.png");
    background-image: url("/atomic/images/icon-close-grayblue.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1.5rem; }
  button.map-reveal,
  .btn.map-reveal {
    display: block;
    position: relative;
    height: 14px;
    padding-left: 20px;
    font-size: .875rem;
    line-height: 14px;
    color: #37b0f2;
    background: transparent; }
    button.map-reveal::before,
    .btn.map-reveal::before {
      position: absolute;
      left: 0;
      width: 12px;
      height: 14px;
      background-image: url("/atomic/images/icon-mapmarker-blue.png");
      background-image: url("/atomic/images/icon-mapmarker-blue.svg");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: contain;
      content: ""; }
    @media (hover: hover), (pointer: fine) {
      button.map-reveal:hover,
      .btn.map-reveal:hover {
        color: #29aaf1; } }
    button.map-reveal:active,
    .btn.map-reveal:active {
      color: #0f9be7; }
    .tile-view button.map-reveal,
    .map-wrapper button.map-reveal, .tile-view
    .btn.map-reveal,
    .map-wrapper
    .btn.map-reveal {
      display: inline-block;
      position: absolute;
      bottom: 1rem;
      left: 1rem;
      height: 32px;
      padding: 0 10px 0 26px;
      font-size: 16px;
      line-height: initial;
      border-radius: 3px;
      font-weight: 300;
      color: #fff;
      background: rgba(4, 36, 54, 0.7); }
      .tile-view button.map-reveal::before,
      .map-wrapper button.map-reveal::before, .tile-view
      .btn.map-reveal::before,
      .map-wrapper
      .btn.map-reveal::before {
        top: 9px;
        left: 7px; }
    .list-view .search-acco-image-container button.map-reveal, .list-view .search-acco-image-container
    .btn.map-reveal {
      display: none; }
  button.large,
  .btn.large {
    padding: 18px 36px;
    font-size: 15px; }
  @media (max-width: 767px) {
    button > .extra,
    .btn > .extra {
      display: none; } }

.price {
  position: relative;
  background-image: url("/atomic/images/marker.png");
  background-image: url("/atomic/images/marker.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain; }
  .price > span {
    vertical-align: baseline; }
  .price.no-marker {
    background: none; }
  .price .price-from-term {
    font-size: 1.125em;
    font-weight: 300; }
  .price .price-number {
    padding: .5rem 0;
    font-size: 3.36em;
    font-weight: 800;
    white-space: nowrap; }
    .price .price-number::before {
      margin-right: .3rem;
      font-size: .744047619em;
      line-height: 1.15;
      font-weight: 400;
      content: "€"; }

.price-old {
  font-size: 16px; }
  .price-old .price-number {
    background-image: url("/atomic/images/strikethrough.png");
    background-image: url("/atomic/images/strikethrough.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 101px 31px; }
    .price-old .price-number::before {
      margin-right: .3rem;
      content: "€"; }

.price-comment {
  display: block;
  margin-top: .5rem;
  font-size: 1.125rem;
  font-weight: 500; }
  .price-comment.comment-positive {
    color: #65c454; }
  .price-comment.comment-negative {
    color: #ff6f6f; }
    @media (max-width: 767px) {
      .price-comment.comment-negative {
        margin-top: -.5rem; } }

.price-wrapper .zero-price span {
  font-size: .875rem; }
  .price-wrapper .zero-price span.zero-price-message {
    display: block;
    height: 50px;
    font-size: 1rem;
    line-height: 42px;
    font-weight: 500; }

.btn--theme--primary .zero-price > span:first-of-type {
  margin-right: 5px; }

.search-results-list.tile-view .btn--theme--primary .zero-price > span:first-of-type {
  margin-right: 0; }

.search-results-list.tile-view .btn--theme--primary .zero-price > span:last-of-type {
  display: none; }

/*
    8.  Dimmer for clicking-next-to-an-overlay-box
    ==============================================
    Once the .hidden class is removed, #dimmer fills the viewport
    The idea is for this layer to form a click target OVER the page but UNDER any sort of modal box;
    Users should then be able to click anywhere on the page to make the modal box (and the dimmer) disappear.
*/
#dimmer,
#menudimmer {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 1;
  z-index: 20; }
  #dimmer.hidden,
  #menudimmer.hidden {
    display: none;
    opacity: 0;
    z-index: -1; }

.overlay {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-top: 30%;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 100; }

.no-scroll {
  position: relative;
  height: 100%;
  overflow: hidden; }
  .no-scroll .header-sticky.visible {
    height: 0 !important; }

.soft-br {
  display: none; }
  @media (min-width: 1024px) {
    .soft-br.soft-br-l {
      display: block; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .soft-br.soft-br-m {
      display: block; } }
  @media (max-width: 767px) {
    .soft-br.soft-br-s {
      display: block; } }

.soft-hyphen {
  display: none; }
  @media (max-width: 380px) {
    .soft-hyphen.av {
      display: inline-block; } }

.price-conditions {
  display: block;
  margin: .25rem 0 .75rem;
  padding-top: .25rem;
  font-size: .85em; }
  .price-conditions::before {
    display: inline-block;
    height: 1.3rem;
    margin-right: .6rem;
    font-size: 0;
    color: #9eabb2;
    background-repeat: no-repeat;
    background-size: 99% auto;
    vertical-align: middle; }
  .price-conditions.travel-stay::before {
    width: 3.3rem;
    background-image: url("/atomic/images/icon-plane-bed.png");
    background-image: url("/atomic/images/icon-plane-bed.svg"); }
  .price-conditions.travel-transfer::before {
    width: 2.8rem;
    background-image: url("/atomic/images/icon-plane-bus.png");
    background-image: url("/atomic/images/icon-plane-bus.svg"); }
  .price-conditions.travel-flight-only::before {
    width: 1.4rem;
    background-image: url("/atomic/images/icon-plane.png");
    background-image: url("/atomic/images/icon-plane.svg"); }
  .price-conditions.travel-own::before {
    width: 1.4rem;
    background-image: url("/atomic/images/icon-car.png");
    background-image: url("/atomic/images/icon-car.svg"); }
  .small .price-conditions {
    height: 18px;
    margin-top: 0;
    margin-bottom: .6rem;
    padding-top: 0;
    font-size: .875rem;
    line-height: 1.2; }

.error {
  color: red; }

.strong {
  font-weight: 500; }

.touchable {
  cursor: pointer; }

.unavailable {
  color: #c8d6de; }
  .unavailable > span {
    color: #c8d6de; }

.tax-info {
  font-size: 16px; }

.message-box {
  display: block;
  position: relative;
  max-width: 80%;
  margin: 0 auto 10px;
  padding: 4px 16px;
  font-size: .875rem;
  text-align: center; }
  .message-box.message-warning {
    color: #696547;
    background: #fffac9; }
  @media (max-width: 767px) {
    .message-box {
      display: inline-block;
      clear: both;
      max-width: 100%;
      margin-top: 1rem; } }

.description .message-box {
  margin-top: 2rem; }
  @media (max-width: 767px) {
    .description .message-box {
      max-width: none;
      padding: .5rem .75rem; } }

/*
Most of these use pseudo-elements and negative margins,
and are tweaked for their specific situations (in order
to be invisible while perusing the page normally)
*/
#opties {
  display: block;
  position: absolute;
  top: -189px;
  left: 0;
  width: 100%;
  height: 70px;
  font-size: 0;
  visibility: hidden; }

#selection-header::before {
  display: block;
  width: 100%;
  height: 70px;
  margin-top: -90px;
  content: " ";
  visibility: hidden; }
  @media (max-width: 767px) {
    #selection-header::before {
      display: none; } }

.specs dl {
  display: block;
  margin: 0 0 .6rem;
  padding: 0 0 0 1.6rem;
  line-height: 1.2;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 1rem; }
  .specs dl.travel-date {
    background-image: url("/atomic/images/icon-calendar.png");
    background-image: url("/atomic/images/icon-calendar.svg"); }
  .specs dl.travel-duration {
    background-image: url("/atomic/images/icon-duration.png");
    background-image: url("/atomic/images/icon-duration.svg"); }
  .specs dl.travel-party {
    background-image: url("/atomic/images/icon-party.png");
    background-image: url("/atomic/images/icon-party.svg"); }
  .specs dl.travel-board {
    background-image: url("/atomic/images/icon-cutlery.png");
    background-image: url("/atomic/images/icon-cutlery.svg"); }
  .specs dl.travel-origin {
    background-image: url("/atomic/images/icon-plane.png");
    background-image: url("/atomic/images/icon-plane.svg"); }

.specs dd {
  width: 100%;
  margin: 0;
  font-size: .875rem;
  white-space: nowrap; }
  .specs dd .duration {
    color: #90a8b5; }

.tile-view .specs dl {
  height: 18px;
  background-size: auto 18px; }

.tile-view .specs dt {
  display: none; }

#SnapABug_WP,
#SnapABug_WP * {
  box-sizing: content-box; }

.payment-icons {
  display: flex;
  font-size: 0;
  justify-content: center; }
  .payment-icons li {
    display: inline-block;
    width: 14.2%;
    height: 3rem; }
  .payment-icons .payment-icon {
    display: block;
    width: 100%;
    height: 100%;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 2rem auto; }
    .payment-icons .payment-icon.amex {
      background-image: url("/atomic/images/logo-payment-amex.png");
      background-image: url("/atomic/images/logo-payment-amex.svg"); }
    .payment-icons .payment-icon.ideal {
      background-image: url("/atomic/images/logo-payment-ideal.png");
      background-image: url("/atomic/images/logo-payment-ideal.svg"); }
    .payment-icons .payment-icon.maestro {
      background-image: url("/atomic/images/logo-payment-maestro.png");
      background-image: url("/atomic/images/logo-payment-maestro.svg"); }
    .payment-icons .payment-icon.mastercard {
      background-image: url("/atomic/images/logo-payment-mastercard.png");
      background-image: url("/atomic/images/logo-payment-mastercard.svg"); }
    .payment-icons .payment-icon.visa {
      background-image: url("/atomic/images/logo-payment-visa.png");
      background-image: url("/atomic/images/logo-payment-visa.svg"); }
    .payment-icons .payment-icon.paypal {
      background-image: url("/atomic/images/logo-payment-paypal.png");
      background-image: url("/atomic/images/logo-payment-paypal.svg"); }
    .payment-icons .payment-icon.bcmc {
      background-image: url("/atomic/images/logo-payment-bcmc.png");
      background-image: url("/atomic/images/logo-payment-bcmc.svg"); }
    .payment-icons .payment-icon.giropay {
      background-image: url("/atomic/images/logo-payment-giropay.png");
      background-image: url("/atomic/images/logo-payment-giropay.svg"); }
    .payment-icons .payment-icon.sofort {
      background-image: url("/atomic/images/logo-payment-sofort.png");
      background-image: url("/atomic/images/logo-payment-sofort.svg"); }
    .payment-icons .payment-icon.paydirekt {
      background-image: url("/atomic/images/logo-payment-paydirekt.png");
      background-image: url("/atomic/images/logo-payment-paydirekt.svg"); }

/*
    18. List types
    ==============
    Re-usable types of lists for content, e.g. with tick marks
*/
.check-list li {
  margin: 0;
  padding: 0 0 0 36px;
  list-style: none;
  background-image: url("/atomic/images/icon-tick-green.png");
  background-image: url("/atomic/images/icon-tick-green.svg");
  background-repeat: no-repeat;
  background-position: left 5px;
  background-size: 1rem; }
  .check-list li + li {
    margin-top: .5rem; }

.circled-check-list li {
  margin: 0;
  padding: 0 0 0 46px;
  list-style: none;
  background-image: url("/atomic/images/vd_icon_checkmark.png");
  background-image: url("/atomic/images/vd_icon_checkmark.svg");
  background-repeat: no-repeat;
  background-position: left 5px;
  background-size: 30px 29px; }
  .circled-check-list li + li {
    margin-top: .5rem; }

.indented-list li {
  margin: 0;
  padding: 0 0 0 36px;
  list-style: none; }
  .indented-list li + li {
    margin-top: .5rem; }

.asterisk-list li {
  position: relative;
  margin: 0;
  padding: 0 0 0 36px;
  font-size: .875em;
  list-style: none; }
  .asterisk-list li i {
    position: absolute;
    top: 0;
    left: 0;
    width: 36px;
    text-align: left;
    color: #90a8b5; }
  .asterisk-list li + li {
    margin-top: .5rem; }

/*
    19. Custom dropdown / expander
    ==============================
    + Expander
    |- Inner container (shrinkwrap for secondary content and button)
    |   |- Menu toggle (button to expand or collapse)
    |   |- Menu (secondary content container)
    |   |   |- ul (secondary content)
*/
/* 20.  Viewport-sticky layers, to contain buttons and messages
        Can be used for cookie warnings that should stick, scroll-to-bottom buttons et cetera

        Idea:
         - outer container ('.sticky') is 100% width of viewport
         - inner container ('.visible-tab') size is determined by its content
         - combine classes like .bottom or .top to determine placement of the outer container,
         - combine specific situational classes ('.scroll-down') to style the inner container

*/
.sticky {
  position: fixed;
  width: 100%;
  text-align: center;
  z-index: 100; }
  .sticky.bottom {
    bottom: 0;
    left: 0; }
    #cookiebar .sticky.bottom {
      min-height: 207px;
      background-color: #fff;
      -webkit-box-shadow: 0 -1px 5px 0 rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 0 -1px 5px 0 rgba(0, 0, 0, 0.1);
      -ms-box-shadow: 0 -1px 5px 0 rgba(0, 0, 0, 0.1);
      -o-box-shadow: 0 -1px 5px 0 rgba(0, 0, 0, 0.1);
      box-shadow: 0 -1px 5px 0 rgba(0, 0, 0, 0.1); }
  .sticky.hidden {
    display: none; }
  .sticky .visible-tab {
    display: inline-flex; }
    .sticky .visible-tab.scroll-down {
      padding: 22px;
      background-color: rgba(237, 248, 250, 0.9); }

.footer-sticky {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100vw;
  padding: .7rem 0;
  text-align: center;
  background-color: #e1f4ff;
  z-index: 90;
  -webkit-transition: all ease-out 0.5s;
  -moz-transition: all ease-out 0.5s;
  -ms-transition: all ease-out 0.5s;
  -o-transition: all ease-out 0.5s;
  transition: all ease-out 0.5s;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); }
  .footer-sticky .btn {
    width: calc(100% - 3rem);
    max-width: 340px; }
  .footer-sticky.hide {
    display: none;
    opacity: 0; }
  @media (max-width: 767px) {
    .footer-sticky {
      display: block; } }

#searchbox .search-header.no-offer {
  position: relative; }
  #searchbox .search-header.no-offer .content {
    height: auto; }
    #searchbox .search-header.no-offer .content .geo-title {
      margin-top: 2.625rem;
      margin-bottom: 0; }
      @media (min-width: 768px) and (max-width: 1023px) {
        #searchbox .search-header.no-offer .content .geo-title {
          margin-top: 1.75rem; } }
      @media (max-width: 767px) {
        #searchbox .search-header.no-offer .content .geo-title {
          margin-top: 0; } }
  #searchbox .search-header.no-offer .message-404 {
    position: absolute;
    right: 50%;
    bottom: 0;
    left: 50%;
    width: 550px;
    height: 242px;
    margin-right: -275px;
    margin-left: -275px; }
    #searchbox .search-header.no-offer .message-404 .balloon {
      width: 550px;
      height: 179px;
      padding: 1.5rem 1rem 1rem 3rem;
      background-image: url("/atomic/images/balloon-404-large.png");
      background-image: url("/atomic/images/balloon-404-large.svg");
      background-repeat: no-repeat;
      background-size: contain; }
      #searchbox .search-header.no-offer .message-404 .balloon > span {
        display: block;
        font-size: 1rem;
        text-align: center; }
        #searchbox .search-header.no-offer .message-404 .balloon > span:first-of-type {
          margin-bottom: .425rem;
          font-weight: 500;
          color: #4f5355; }
        #searchbox .search-header.no-offer .message-404 .balloon > span:last-of-type {
          margin-bottom: .625rem;
          color: #8ba0b0; }
      #searchbox .search-header.no-offer .message-404 .balloon > div {
        width: 100%;
        text-align: center; }
      #searchbox .search-header.no-offer .message-404 .balloon .back-button__label--mobile {
        display: none; }
      @media (min-width: 768px) and (max-width: 1023px) {
        #searchbox .search-header.no-offer .message-404 .balloon {
          width: 519px;
          height: 212px;
          padding: 1.2rem 1.5rem;
          background-image: url("/atomic/images/balloon-404-medium.png");
          background-image: url("/atomic/images/balloon-404-medium.svg"); } }
      @media (max-width: 767px) {
        #searchbox .search-header.no-offer .message-404 .balloon {
          width: 295px;
          height: 237px;
          padding: 1.2rem;
          background-image: url("/atomic/images/balloon-404-small.png");
          background-image: url("/atomic/images/balloon-404-small.svg"); }
          #searchbox .search-header.no-offer .message-404 .balloon .back-button__label {
            display: none; }
          #searchbox .search-header.no-offer .message-404 .balloon .back-button__label--mobile {
            display: block; } }
    #searchbox .search-header.no-offer .message-404::after {
      position: absolute;
      bottom: 0;
      left: -130px;
      width: 222px;
      height: 156px;
      background-image: url("/atomic/images/nl/hero-404.png");
      background-repeat: no-repeat;
      background-position: center top;
      background-size: 222px auto;
      content: ""; }
      @media (min-width: 768px) and (max-width: 1023px) {
        #searchbox .search-header.no-offer .message-404::after {
          left: -110px;
          width: 201px;
          height: 141px;
          background-size: 201px auto; } }
      @media (max-width: 767px) {
        #searchbox .search-header.no-offer .message-404::after {
          left: -10px;
          width: 172px;
          height: 121px;
          background-size: 172px auto; } }
    @media (min-width: 768px) and (max-width: 1023px) {
      #searchbox .search-header.no-offer .message-404 {
        width: 519px;
        height: 275px;
        margin-right: -259.5px;
        margin-left: -259.5px; } }
    @media (max-width: 767px) {
      #searchbox .search-header.no-offer .message-404 {
        width: 295px;
        height: 330px;
        margin-right: -147.5px;
        margin-left: -147.5px; } }
  @media (max-width: 767px) {
    #searchbox .search-header.no-offer {
      min-height: 450px; } }

#page-500 {
  position: relative;
  min-height: 380px;
  padding-top: 64px;
  font-weight: 400;
  text-align: center;
  color: #fff;
  background: url(/atomic/images/detail-backdrop.jpg) no-repeat;
  background-size: 1280px auto; }
  #page-500::after {
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100px;
    background: -moz-linear-gradient(top, rgba(237, 248, 255, 0) 0%, #edf8ff 100%);
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-linear-gradient(top, rgba(237, 248, 255, 0) 0%, #edf8ff 100%);
    background: linear, to bottom, rgba(237, 248, 255, 0) 0%, #edf8ff 100%;
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    content: "";
    z-index: 1;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr="#00edf8ff", endColorstr="$vd-light-blue", GradientType=0);
    /* IE6-9 */ }
  #page-500 header h1 {
    margin-bottom: 1rem;
    padding: 0 1rem;
    font-size: 2.25rem;
    line-height: 2.5rem; }
    @media (max-width: 767px) {
      #page-500 header h1 {
        font-size: 1.75rem;
        line-height: 2rem; } }
  #page-500 header p {
    padding: 0 1rem;
    font-size: 1.125rem; }
    @media (max-width: 767px) {
      #page-500 header p {
        font-size: 1rem; } }
  #page-500 header::after {
    display: inline-block;
    position: relative;
    width: 309px;
    height: 159px;
    margin-top: 2rem;
    background-image: url("/atomic/images/nl/hero-repair.png");
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    z-index: 2; }
    @media (max-width: 767px) {
      #page-500 header::after {
        width: 236px;
        height: 122px; } }
  #page-500 + .trust {
    margin-top: 0;
    border-top: 0; }
  @media (min-width: 1024px) {
    #page-500 {
      background-size: 100% auto; } }

#page-404 {
  width: 100%;
  margin-bottom: 2rem;
  color: #fff;
  background: url("/atomic/images/detail-backdrop.jpg") no-repeat;
  background-size: 100% auto; }
  #page-404 header {
    max-width: 814px;
    margin: 0 auto;
    padding: 3.125rem 0;
    font-weight: 400;
    text-align: center; }
    #page-404 header h1 {
      margin-bottom: 1rem;
      font-size: 2.25rem;
      line-height: 2.5rem; }
      @media (max-width: 767px) {
        #page-404 header h1 {
          padding: 0 1rem;
          font-size: 1.75rem;
          line-height: 2rem; } }
    #page-404 header p {
      font-size: 1.125rem; }
      @media (max-width: 767px) {
        #page-404 header p {
          padding: 0 1rem; } }
    @media (max-width: 767px) {
      #page-404 header {
        padding: 2.5rem 0; } }
  #page-404 .content {
    max-width: 814px;
    margin: 0 auto; }
    #page-404 .content ul li {
      display: inline-block;
      float: left;
      width: 32%;
      height: 155px;
      margin-bottom: 1rem;
      background-position: center;
      background-size: cover; }
      #page-404 .content ul li:nth-child(2), #page-404 .content ul li:nth-child(5) {
        margin: 0 2%; }
        @media (max-width: 767px) {
          #page-404 .content ul li:nth-child(2), #page-404 .content ul li:nth-child(5) {
            margin: 0 0 1rem; } }
      #page-404 .content ul li#mario::after {
        display: inline-block;
        width: 220px;
        height: 263px;
        background-image: url("/atomic/images/nl/hero-confused.png");
        background-repeat: no-repeat;
        background-size: contain;
        content: ""; }
        @media (min-width: 768px) and (max-width: 1023px) {
          #page-404 .content ul li#mario::after {
            width: 210px; } }
      @media (max-width: 767px) {
        #page-404 .content ul li#mario {
          display: none; } }
      #page-404 .content ul li#sun {
        background-image: url("/atomic/images/verticals/404/sun.png"); }
      #page-404 .content ul li#car {
        background-image: url("/atomic/images/verticals/404/car.png"); }
      #page-404 .content ul li#city {
        background-image: url("/atomic/images/verticals/404/city.png"); }
      #page-404 .content ul li#far {
        background-image: url("/atomic/images/verticals/404/far.png"); }
      #page-404 .content ul li#winter {
        background-image: url("/atomic/images/verticals/404/winter.png"); }
      #page-404 .content ul li a {
        display: block;
        position: relative;
        width: 100%;
        height: 100%;
        text-align: center; }
        #page-404 .content ul li a span {
          display: inline-flex;
          align-items: center;
          position: relative;
          margin-top: 6.325rem;
          font-size: 1.625rem;
          font-weight: 500; }
          #page-404 .content ul li a span::after {
            display: inline-block;
            width: 12px;
            height: 17px;
            font-size: 0;
            background-image: url("/atomic/images/icon-chevron-right-white.png");
            background-image: url("/atomic/images/icon-chevron-right-white.svg");
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
            margin-left: .5rem;
            margin-top: 2px;
            content: ">"; }
          @media (min-width: 768px) and (max-width: 1023px) {
            #page-404 .content ul li a span {
              font-size: 1.5rem; } }
          @media (max-width: 767px) {
            #page-404 .content ul li a span {
              margin-top: 0;
              font-size: 1.5rem; } }
        @media (max-width: 767px) {
          #page-404 .content ul li a {
            position: absolute;
            top: 0;
            left: 0;
            padding-top: 37%; } }
        @media (max-width: 340px) {
          #page-404 .content ul li a {
            padding-top: 40%; } }
      @media (max-width: 767px) {
        #page-404 .content ul li {
          position: relative;
          width: 100%;
          margin: 0 0 1rem;
          padding-top: 56.25%; } }
    @media (max-width: 767px) {
      #page-404 .content {
        padding: 0 2.5rem; } }
  @media (max-width: 767px) {
    #page-404 {
      background-size: auto 100%; } }

.search-facets {
  clear: both;
  margin-left: 0;
  padding: 0 5%;
  font-size: 0;
  list-style: none;
  text-align: center; }
  .search-facets:not(:empty) {
    margin-top: 5px; }
  .search-facets li {
    display: inline-block;
    margin: .5rem .5rem 0 0; }
    .search-facets li a {
      display: block;
      position: relative;
      height: 32px;
      padding: 0 30px 0 10px;
      font-size: .75rem;
      line-height: 34px;
      -o-transition: background-color .2s ease, color .2s ease;
      -moz-transition: background-color .2s ease, color .2s ease;
      -webkit-transition: background-color .2s ease, color .2s ease;
      transition: background-color .2s ease, color .2s ease;
      border-radius: 5px;
      font-weight: 500;
      text-transform: uppercase;
      color: #fff;
      background-color: #0079bb;
      cursor: pointer;
      -webkit-tap-highlight-color: transparent; }
      .search-facets li a.icon-flag {
        padding-left: 45px; }
        .search-facets li a.icon-flag::before {
          margin-left: 5px; }
      .search-facets li a::after {
        position: absolute;
        top: 1px;
        right: 0;
        width: 30px;
        height: 100%;
        font-size: 0;
        border-radius: 0 5px 5px 0;
        background-image: url("/atomic/images/icon-close-lightblue.png");
        background-image: url("/atomic/images/icon-close-lightblue.svg");
        background-repeat: no-repeat;
        background-position: center 47%;
        background-size: .72rem;
        content: ""; }
      @media (hover: hover), (pointer: fine) {
        .search-facets li a:hover {
          color: #fff;
          background-color: #0079bb; }
          .search-facets li a:hover::after {
            opacity: .5; } }
      .search-facets li a:active {
        background-color: #009aee;
        opacity: .7; }
        .search-facets li a:active::after {
          opacity: .1; }
    .search-facets li:last-of-type {
      margin-right: 0; }
    @media (min-width: 1024px) {
      .search-facets li {
        margin: .5rem .5rem 0 0; } }
  .search-filters .search-facets-overview .search-facets {
    margin-top: -.5rem;
    padding: 0 1rem;
    text-align: left; }

/*
    26.1 Price information button
    =========================================================
*/
.price-info,
.with-info .price-info {
  position: absolute;
  width: 14px;
  height: 14px; }
  .price-info .info-tooltip-button,
  .with-info .price-info .info-tooltip-button {
    cursor: pointer;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    font-size: 0;
    background-color: transparent;
    background-image: url("/atomic/images/icon-info-darkyellow.png");
    background-image: url("/atomic/images/icon-info-darkyellow.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 14px 14px; }
  .price-info.luggage-tooltip,
  .with-info .price-info.luggage-tooltip {
    width: 18px;
    height: 18px;
    margin-top: 5px;
    margin-left: 6px; }
    .price-info.luggage-tooltip button,
    .with-info .price-info.luggage-tooltip button {
      background-image: url("/atomic/images/icon-info-green.png");
      background-image: url("/atomic/images/icon-info-green.svg");
      background-position: center; }
  .price-info.sgr-tooltip-icon,
  .with-info .price-info.sgr-tooltip-icon {
    width: 18px;
    height: 18px;
    margin-top: 5px;
    margin-left: 6px; }
    .price-info.sgr-tooltip-icon button,
    .with-info .price-info.sgr-tooltip-icon button {
      background-image: url("/atomic/images/icon-info-grey.png");
      background-image: url("/atomic/images/icon-info-grey.svg");
      background-position: center; }

div .sgr-tooltip span {
  color: black; }
  div .sgr-tooltip span strong {
    font-weight: bold; }

.sgr-logo {
  display: block;
  margin-top: 0.6em;
  width: 2.8em;
  height: 2.3em;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("/atomic/images/logo-sgr.png");
  background-image: url("/atomic/images/logo-sgr.svg"); }

body.vd .spotlight-image {
  display: block;
  width: 100%;
  height: 210px;
  margin-bottom: 8px;
  border: 2px solid #fff;
  text-align: center;
  background-position: center;
  background-size: cover;
  box-shadow: 0 0 0 1px #bebebe;
  overflow: hidden; }
  body.vd .spotlight-image + .landingpage__variation__content__image__transport {
    top: 2px;
    right: 2px; }
  body.vd .spotlight-image ~ .l {
    display: inline-block;
    float: none;
    white-space: nowrap; }
    body.vd .spotlight-image ~ .l .landingpage__variation__content__region_link {
      display: block;
      font-size: 18px !important;
      line-height: 24px !important;
      font-weight: 600;
      color: #355fc9; }
    body.vd .spotlight-image ~ .l .description {
      font-size: 12px !important;
      line-height: 21px;
      font-weight: 300;
      color: #666; }
    @media (min-width: 768px) and (max-width: 880px) {
      body.vd .spotlight-image ~ .l {
        position: absolute; } }
  body.vd .spotlight-image ~ .r {
    display: inline-block;
    min-width: 90px;
    text-align: right; }
    body.vd .spotlight-image ~ .r .description {
      display: inline-block;
      font-size: 13px;
      font-size: 12px !important;
      line-height: 19px;
      line-height: 21px;
      font-weight: 300;
      color: #666;
      color: #666;
      vertical-align: top; }
      @media (max-width: 530px) {
        body.vd .spotlight-image ~ .r .description {
          position: absolute;
          right: 0; } }
      @media (min-width: 768px) {
        body.vd .spotlight-image ~ .r .description {
          position: absolute;
          right: 0; } }
    body.vd .spotlight-image ~ .r .price-label {
      display: inline-block;
      margin-top: 10px;
      margin-bottom: -5px;
      padding: 10px 5px;
      font-size: 28px !important;
      line-height: 34px !important;
      font-weight: 600;
      color: #111;
      background: url("/atomic/images/bg-pricelabel.png") 0 3px no-repeat;
      vertical-align: top; }
      @media (min-width: 520px) and (max-width: 768px) {
        body.vd .spotlight-image ~ .r .price-label {
          margin-top: -5px; } }

body.vd .spotlight-caption {
  position: relative;
  width: 100%; }
  body.vd .spotlight-caption .info-wrapper {
    display: inline-block;
    float: right;
    width: 170px; }
    @media (min-width: 770px) and (max-width: 960px) {
      body.vd .spotlight-caption .info-wrapper {
        width: 130px; } }
  body.vd .spotlight-caption > a {
    display: inline-block;
    width: calc(100% - 170px); }
    @media (min-width: 770px) and (max-width: 960px) {
      body.vd .spotlight-caption > a {
        width: calc(100% - 130px); } }
  @media (max-width: 335px) {
    body.vd .spotlight-caption .landingpage__variation__content__region_link.block.link {
      max-width: 135px !important; } }
  @media (max-width: 479px), (min-width: 650px) and (max-width: 770px), (min-width: 960px) {
    body.vd .spotlight-caption .r.description {
      margin-right: 8px;
      text-align: right; }
      body.vd .spotlight-caption .r.description > span {
        display: block; }
    body.vd .spotlight-caption .price-label {
      margin-top: -8px; } }
  @media (min-width: 480px) and (max-width: 650px), (min-width: 771px) and (max-width: 959px) {
    body.vd .spotlight-caption .r.description,
    body.vd .spotlight-caption .r.description.with-info {
      position: absolute;
      top: 0;
      right: 0;
      margin-right: 0;
      text-align: right; }
      body.vd .spotlight-caption .r.description span,
      body.vd .spotlight-caption .r.description.with-info span {
        display: inline-block; }
    body.vd .spotlight-caption .price-label {
      margin-top: 18px; } }

body.vd .l {
  display: block;
  float: left; }
  body.vd .l .landingpage__variation__content__region_link {
    display: block;
    font-size: 18px !important;
    line-height: 24px !important;
    font-weight: 600; }

body.vd .r {
  float: right; }

.landingpage__variation__content__image__transport {
  position: absolute;
  top: 2px;
  right: 2px;
  height: 36px;
  padding: 8px 8px 4px;
  background: #fff; }
  .landingpage__variation__content__image__transport .icon-transport-vl {
    display: inline-block;
    width: 62px;
    height: 17px;
    background: url("/atomic/images/ico-airplane-plus-bed.png") 0 0 no-repeat; }
  .landingpage__variation__content__image__transport .icon-transport-ev {
    display: inline-block;
    width: 24px;
    height: 17px;
    background: url("/atomic/images/ico-airplane-plus-bed.png") -38px no-repeat; }

.germany-tbd {
  height: 100%;
  background-color: black;
  background-image: -webkit-linear-gradient(top, black 33%, red 33%, red 66%, yellow 66%);
  background-image: linear-gradient(to bottom,black 33%, red 33%, red 66%, yellow 66%); }

a .info-tooltip-button {
  pointer-events: auto; }

label.title.disabled {
  color: lightgray; }

.autocomplete-suggestions {
  margin-top: -3px;
  padding: 8px 0 5px;
  background: #fbfdff;
  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1); }
  .autocomplete-suggestions li a.icon-flag {
    display: block;
    padding: 12px 14px 12px 36px;
    font-size: .8rem;
    line-height: 1.3rem;
    color: #33373d; }
    .autocomplete-suggestions li a.icon-flag::before {
      width: 36px;
      background-size: 1.1rem;
      background-position: center 17px; }
    .autocomplete-suggestions li a.icon-flag:hover, .autocomplete-suggestions li a.icon-flag:active, .autocomplete-suggestions li a.icon-flag.active, .autocomplete-suggestions li a.icon-flag:focus {
      color: #33373d;
      background-color: #edf8ff; }
    .autocomplete-suggestions li a.icon-flag span {
      font-size: 1rem;
      line-height: 1.3rem; }
    .autocomplete-suggestions li a.icon-flag .typed {
      font-weight: 500; }

.small-search-container .autocomplete-suggestions {
  width: 99%; }
  .small-search-container .autocomplete-suggestions li a {
    padding: 12px 14px 12px 36px;
    font-size: 1rem;
    white-space: normal; }
    .small-search-container .autocomplete-suggestions li a span {
      font-size: 1rem;
      line-height: 1.1; }

/*----------------------------------------------------------------*/
/*---------------------------- Footer ----------------------------*/
/*----------------------------------------------------------------*/
.footer .content {
  display: flex;
  flex-direction: column;
  padding: 0;
  position: relative;
  margin: 0 26px;
  line-height: 1.5;
  width: unset; }

@media (min-width: 1025px) {
  .footer .content {
    flex-direction: row;
    margin: 0 auto;
    max-width: 1164px;
    width: 95%; } }

.footer-layer-one {
  background-color: #edf8ff;
  display: flex;
  flex-direction: column;
  padding: 32px 0 16px 0; }

@media (min-width: 1025px) {
  .footer-layer-one {
    padding: 42px 0; } }

.footer-layer-one h3 {
  font-size: 20px;
  font-weight: 500;
  margin: 0 26px 20px 26px; }

@media (min-width: 1025px) {
  .footer-layer-one h3 {
    margin: 0 0 24px 0;
    font-size: 24px;
    text-align: center; } }

.footer-column {
  display: flex; }

@media (max-width: 1024px) {
  .footer-column {
    margin: 0 0 16px 0; } }

@media (min-width: 1025px) {
  .footer-column {
    width: 25%; } }

@media (max-width: 1024px) {
  .footer-layer-one {
    position: relative; }
  .footer-layer-one svg {
    position: absolute; }
  .footer-layer-one .footer-column__one svg {
    left: 16px; }
  .footer-layer-one .footer-column__two svg {
    left: 20px; }
  .footer-layer-one .footer-column__three svg {
    left: 16px; }
  .footer-layer-one .footer-column__one .footer-column-text,
  .footer-layer-one .footer-column__two .footer-column-text,
  .footer-layer-one .footer-column__three .footer-column-text {
    padding-left: 64px; } }

.footer-layer-one svg {
  margin: 8px 16px 0 0; }

.footer-column-text {
  display: flex;
  flex-direction: column; }

.footer-column-text__top {
  font-size: 16px;
  font-weight: 500; }

.footer-column-text__bottom {
  color: #90a8b5;
  font-family: Formular;
  font-size: 14px; }

.footer-layer-one .footer-column-text__bottom {
  margin-top: -4px; }

/* time table in footer */
.footer .time-table {
  font-size: 14px; }

.time-table__col-left {
  width: 90px;
  display: inline-block; }

/* footer layer two */
.footer-layer-two {
  background-color: #0079bb;
  padding: 32px 0 16px 0; }

@media (min-width: 1025px) {
  .footer-layer-two {
    padding: 52px 0; } }

.footer-layer-two .footer-column {
  flex-direction: column; }

.footer-layer-two h4 {
  color: #edf8ff;
  font-size: 18px;
  font-weight: 500;
  margin: 0 0 18px 0;
  line-height: 1.5; }

.footer-layer-two a {
  color: #b8e3ff;
  line-height: 1.5;
  font-weight: 400; }

.footer-layer-two a:hover {
  color: #fff; }

.footer-layer-two a:active {
  opacity: .4; }

.footer-layer-two a + a {
  margin: 8px 0 0 0; }

.footer-logos {
  display: flex; }

.footer-logos li + li {
  margin: 0 0 0 8px; }

.footer-logos + h4 {
  margin-top: 24px; }

.powered-by-zendesk {
  display: none; }

/* footer layer three */
.footer-layer-three {
  background-color: #006CB1;
  padding: 32px 0; }

.footer-layer-three a {
  color: #73c7f5;
  line-height: 1.5;
  font-weight: 400; }

.footer-layer-three .content {
  justify-content: space-between; }
  .footer-layer-three .content::after {
    display: none; }

.footer-layer-three__links {
  align-items: center;
  display: flex;
  flex-wrap: wrap; }

@media (max-width: 1024px) {
  .footer-layer-three__links {
    margin: 0 0 16px 0; } }

.footer-layer-three__links li {
  margin-right: 24px; }

.footer-social-links {
  display: flex; }

.footer-social-links li {
  margin-right: 16px; }

.footer-social-links a {
  width: 32px;
  height: 32px;
  display: inline-flex;
  justify-content: center;
  align-items: center; }

.contact-page h2 {
  margin-bottom: 16px; }

.contact-page .time-table {
  margin-bottom: 24px; }

.contact-page hr {
  border-top: #c9dcea 1px solid;
  border-bottom: none;
  margin: 20px 0 30px 0;
  display: inline-block;
  width: 100%; }

.footer-contact-link {
  display: flex; }

.footer-contact-link:hover {
  color: #37b0f2; }

.footer-contact-link:active {
  opacity: .4; }

@media (max-width: 767px) {
  #header-component {
    position: relative;
    z-index: 50; } }

header.sitewide .content,
header.sitewide nav .content {
  position: relative; }
  @media (max-width: 767px) {
    header.sitewide .content,
    header.sitewide nav .content {
      width: 100%;
      max-width: 100%; } }

@media (max-width: 767px) {
  header.sitewide .navigation .content {
    max-width: 100%; } }

@media (min-width: 768px) and (max-width: 1023px) {
  header.sitewide .navigation .content {
    width: 97%; } }

header.sitewide .comfort {
  height: 36px;
  font-size: 0;
  color: #dfe7ec;
  background-color: #213642; }
  header.sitewide .comfort .content {
    position: relative;
    width: 95%; }
  header.sitewide .comfort .content > * {
    display: inline-block;
    height: 36px;
    line-height: 34px;
    vertical-align: top; }
    header.sitewide .comfort .content > *:last-child {
      position: absolute;
      top: 0;
      right: 0;
      text-align: right; }
  header.sitewide .comfort .comfort-usp.cramped-header {
    width: 35%; }
  header.sitewide .comfort .comfort-usp li {
    display: inline-block;
    font-size: .8125rem;
    line-height: 36px;
    list-style: none;
    vertical-align: middle; }
    header.sitewide .comfort .comfort-usp li::before {
      display: inline-block;
      width: 18px;
      height: 16px;
      margin-top: 8px;
      margin-right: 6px;
      font-size: 0;
      color: #55c454;
      background-image: url("/atomic/images/vd_icon_checkmark_bare.png");
      background-image: url("/atomic/images/vd_icon_checkmark_bare.svg");
      background-repeat: no-repeat;
      background-size: 18px 16px;
      content: "✔";
      vertical-align: top; }
    header.sitewide .comfort .comfort-usp li + li {
      margin-left: 1rem; }
      @media (max-width: 1050px) {
        header.sitewide .comfort .comfort-usp li + li {
          margin-left: .5rem; } }
  header.sitewide .comfort .comfort-icons {
    line-height: initial;
    text-align: center;
    width: 11%;
    display: inline-flex;
    justify-content: center;
    align-items: center; }
    header.sitewide .comfort .comfort-icons li a {
      display: block;
      width: 28px;
      height: 36px;
      font-size: 0;
      margin-top: -1px;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: contain;
      text-align: center; }
      header.sitewide .comfort .comfort-icons li a.anvr {
        background-image: url("/atomic/images/logo-anvr-header.svg");
        width: 24px;
        height: 19px; }
      header.sitewide .comfort .comfort-icons li a.sgr {
        background-image: url("/atomic/images/logo-sgr-header.svg");
        width: 25px;
        height: 23px; }
      header.sitewide .comfort .comfort-icons li a.ideal {
        background-image: url("/atomic/images/logo-ideal-header.svg");
        width: 23px;
        height: 21px; }
      header.sitewide .comfort .comfort-icons li a.abto {
        background-image: url("/atomic/images/logo-abto-header.svg");
        width: 26px;
        height: 26px; }
      header.sitewide .comfort .comfort-icons li a.gcr {
        background-image: url("/atomic/images/logo-gcr-header.svg");
        width: 26px;
        height: 26px; }
      header.sitewide .comfort .comfort-icons li a.tuv {
        background-image: url("/atomic/images/tuv-header-light.svg");
        width: 24px;
        height: 21px; }
      header.sitewide .comfort .comfort-icons li a.vir {
        background-image: url("/atomic/images/vir-header-light.svg");
        width: 28px;
        height: 19px; }
      header.sitewide .comfort .comfort-icons li a.soep {
        background-image: url("/atomic/images/soep-header-light.svg");
        width: 37px;
        height: 14px; }
    header.sitewide .comfort .comfort-icons li + li {
      margin-left: .25rem; }

header.sitewide .basics {
  font-size: 0;
  background-color: #ffee59;
  position: relative; }
  header.sitewide .basics .content {
    background-color: #ffee59; }
    @media (min-width: 768px) and (max-width: 1023px) {
      header.sitewide .basics .content {
        width: 97%; } }
  header.sitewide .basics .content > * {
    display: inline-block;
    font-size: 1rem;
    vertical-align: top; }
    header.sitewide .basics .content > *#autocomplete-component {
      width: 360px;
      margin-left: 1rem;
      float: right; }
      @media (max-width: 1170px) {
        header.sitewide .basics .content > *#autocomplete-component {
          width: calc(100% - 739px); } }
      @media (min-width: 768px) and (max-width: 1023px) {
        header.sitewide .basics .content > *#autocomplete-component {
          width: 210px; } }
      @media (min-width: 768px) and (max-width: 806px) {
        header.sitewide .basics .content > *#autocomplete-component {
          margin-left: 10px; } }
    @media (min-width: 768px) {
      header.sitewide .basics .content > * {
        height: 76px; } }
    @media (max-width: 767px) {
      header.sitewide .basics .content > * {
        height: 55px; } }
  header.sitewide .basics .basics-branding {
    position: relative;
    width: 499px; }
    header.sitewide .basics .basics-branding a {
      display: block;
      float: left;
      width: auto;
      max-width: 260px;
      height: 100%;
      font-size: 0;
      white-space: nowrap; }
      header.sitewide .basics .basics-branding a > * {
        display: inline-block;
        height: 100%;
        vertical-align: top; }
      @media (max-width: 767px) {
        header.sitewide .basics .basics-branding a.home {
          float: left;
          position: absolute;
          z-index: 1; } }
    header.sitewide .basics .basics-branding .hero-vd {
      width: 20%;
      min-width: 50px;
      max-width: 50px;
      margin-right: 5px;
      background-image: url("/atomic/images/hero-header.png");
      background-image: url("/atomic/images/hero-header.svg");
      background-repeat: no-repeat;
      background-position: center 40%;
      background-size: contain; }
      @media (max-width: 767px) {
        header.sitewide .basics .basics-branding .hero-vd {
          width: 44px;
          min-width: initial;
          background-position: right 40%;
          background-size: 34px 43px; } }
    header.sitewide .basics .basics-branding .logo-vd {
      width: 160px;
      font-size: 0;
      background-image: url("/atomic/images/nl/vd_logo.png");
      background-image: url("/atomic/images/nl/vd_logo.svg");
      background-repeat: no-repeat;
      background-position: left center;
      background-size: contain; }
      @media (max-width: 767px) {
        header.sitewide .basics .basics-branding .logo-vd {
          width: 120px;
          background-size: auto 36px; } }
  @media (max-width: 767px) and (max-width: 340px) {
    header.sitewide .basics .basics-branding .logo-vd {
      width: 100px;
      background-size: contain; } }
    header.sitewide .basics .basics-branding .zoover-award.beste {
      display: none; }
    header.sitewide .basics .basics-branding .zoover-award.populairste {
      display: none; }
    @media (min-width: 768px) and (max-width: 1023px) {
      header.sitewide .basics .basics-branding.has-zoover a.home {
        max-width: 180px; }
        header.sitewide .basics .basics-branding.has-zoover a.home .hero-vd {
          width: 40px;
          min-width: 40px;
          max-width: 40px; }
        header.sitewide .basics .basics-branding.has-zoover a.home .logo-vd {
          max-width: 120px; }
      header.sitewide .basics .basics-branding.has-zoover .zoover-award.beste {
        top: 0;
        left: 175px;
        width: 90px;
        height: 75px; }
      header.sitewide .basics .basics-branding.has-zoover .zoover-award.populairste {
        top: 0;
        left: 174px;
        width: 90px;
        height: 75px; } }
    @media (max-width: 950px) {
      header.sitewide .basics .basics-branding.has-zoover .zoover-award.beste {
        top: 4px;
        left: 169px;
        width: 75px;
        height: 64px; }
      header.sitewide .basics .basics-branding.has-zoover .zoover-award.populairste {
        top: 4px;
        left: 169px;
        width: 75px;
        height: 64px; } }
    @media (min-width: 768px) and (max-width: 1023px) {
      header.sitewide .basics .basics-branding {
        width: calc(100% - 426px); } }
    @media (min-width: 768px) and (max-width: 806px) {
      header.sitewide .basics .basics-branding {
        width: calc(100% - 390px); } }
    @media (max-width: 767px) {
      header.sitewide .basics .basics-branding {
        width: 100%; } }

header.sitewide input[type="checkbox"]#small-menu-switch {
  display: none; }

header.sitewide .navigation {
  color: #535040; }
  @media (min-width: 768px) {
    header.sitewide .navigation {
      background-color: #ffe641; } }
  header.sitewide .navigation a {
    color: #e96800; }
  header.sitewide .navigation .links {
    display: flex;
    position: relative;
    width: 100%;
    font-size: 0; }
    @media (min-width: 768px) {
      header.sitewide .navigation .links {
        flex-direction: row; } }
    @media (max-width: 767px) {
      header.sitewide .navigation .links {
        flex-direction: column;
        margin-top: -1000px;
        -webkit-transition: margin 150ms ease-out;
        -moz-transition: margin 150ms ease-out;
        transition: margin 150ms ease-out; }
        header.sitewide .navigation .links.expanded {
          z-index: 1;
          width: 100%;
          height: auto;
          margin-top: 0;
          margin-right: 0;
          border-bottom: 6px solid #37b0f2;
          padding: .5rem;
          background-color: #fff; } }
    header.sitewide .navigation .links li {
      display: inline-block;
      position: relative;
      list-style: none; }
      header.sitewide .navigation .links li.login, header.sitewide .navigation .links li.logout, header.sitewide .navigation .links li.my-vd {
        display: none; }
      @media (max-width: 767px) {
        header.sitewide .navigation .links li {
          display: block; } }
      header.sitewide .navigation .links li a {
        display: block;
        height: 42px;
        font-size: 1.125rem;
        line-height: 42px;
        outline: none;
        font-weight: 300;
        background-color: #ffe641; }
        @media (min-width: 768px) {
          header.sitewide .navigation .links li a:focus {
            background-color: #ffdf0e; }
          header.sitewide .navigation .links li a:active {
            background-color: #f4d300; } }
        @media (max-width: 767px) {
          header.sitewide .navigation .links li a span.navigation-link__mobile-text {
            display: inline-block; }
          header.sitewide .navigation .links li a span.navigation-link__desktop-text {
            display: none; } }
        @media (min-width: 768px) {
          header.sitewide .navigation .links li a span.navigation-link__mobile-text {
            display: none; }
          header.sitewide .navigation .links li a span.navigation-link__desktop-text {
            display: inline-block; } }
      @media (hover: hover), (pointer: fine) {
        header.sitewide .navigation .links li:nth-child(-n + 10):hover > a {
          position: relative; } }
  @media (hover: hover) and (min-width: 768px), (pointer: fine) and (min-width: 768px) {
    header.sitewide .navigation .links li:nth-child(-n + 10):hover > a {
      background-color: #fffcb2; } }

@media (hover: hover) and (min-width: 768px) and (max-width: 1023px), (pointer: fine) and (min-width: 768px) and (max-width: 1023px) {
  header.sitewide .navigation .links li.help:hover > a {
    background-color: #fffcb2; } }
      @media (min-width: 768px) {
        header.sitewide .navigation .links li:first-child {
          margin-left: -16px; }
        header.sitewide .navigation .links li a {
          padding: 0 7px; } }
      @media (min-width: 821px) {
        header.sitewide .navigation .links li a {
          padding: 0 10px; } }
  header.sitewide .navigation li.help span {
    line-height: inherit; }
  @media (min-width: 1024px) {
    header.sitewide .navigation li.help span {
      font-size: .875rem; }
    header.sitewide .navigation li.help > span {
      float: left;
      height: 42px;
      line-height: 42px; }
      header.sitewide .navigation li.help > span:first-of-type {
        margin-right: 4px; }
    header.sitewide .navigation li.help a {
      display: inline-block;
      float: left;
      max-height: 42px;
      padding: 0;
      font-size: .875rem;
      font-weight: 500;
      vertical-align: baseline; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    header.sitewide .navigation li.help {
      position: relative; }
      header.sitewide .navigation li.help a::first-letter {
        text-transform: uppercase; }
      header.sitewide .navigation li.help > span {
        display: none; } }
  @media (max-width: 767px) {
    header.sitewide .navigation li.help > span {
      display: none; }
    header.sitewide .navigation li.help.corona a span {
      line-height: 48px;
      text-transform: unset; }
    header.sitewide .navigation li.help a span {
      line-height: 52px; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    header.sitewide .navigation li.help a span:first-child {
      display: none; }
    header.sitewide .navigation li.faq {
      text-transform: capitalize; } }

@media (min-width: 1024px) {
  header.sitewide {
    height: auto;
    border-bottom: 8px solid #ff007d; }
    header.sitewide .small-search-toggle {
      display: none; }
    header.sitewide li.corona {
      margin-left: auto; }
    header.sitewide li.faq {
      margin-left: 1rem; }
      header.sitewide li.faq span {
        text-transform: lowercase; } }

@media (min-width: 768px) and (max-width: 1023px) {
  header.sitewide {
    height: auto;
    border-bottom: 9px solid #ff007d; }
    header.sitewide .comfort .comfort-usp {
      display: none; }
    header.sitewide .small-search-toggle {
      display: none; } }

@media (max-width: 767px) {
  header.sitewide {
    height: 61px;
    position: relative; }
    header.sitewide .comfort {
      display: none; }
    header.sitewide .navigation-toggle {
      z-index: 1; }
    header.sitewide .small-search-toggle,
    header.sitewide .small-menu-toggle {
      display: block; }
    header.sitewide .basics {
      height: 61px;
      border-bottom: 6px solid #ff007d;
      z-index: 1; }
    header.sitewide .navigation {
      height: auto; }
      header.sitewide .navigation .links li a {
        padding: 0 1rem;
        position: relative;
        height: 48px;
        line-height: 48px; }
      header.sitewide .navigation .links li:not(:last-of-type) a::after {
        display: block;
        position: absolute;
        bottom: 0;
        width: calc(100% - 2rem);
        height: 1px;
        content: ""; }
      header.sitewide .navigation .links li:not(.login):not(.logout):not(.my-vd) a {
        color: #2f2c30;
        background-color: #fff; }
        header.sitewide .navigation .links li:not(.login):not(.logout):not(.my-vd) a::after {
          background-color: #d5e6ef; }
      header.sitewide .navigation .links li.login, header.sitewide .navigation .links li.logout, header.sitewide .navigation .links li.my-vd {
        display: none; } }
      @media (max-width: 767px) and (max-width: 767px) {
        header.sitewide .navigation .links li.login, header.sitewide .navigation .links li.logout, header.sitewide .navigation .links li.my-vd {
          display: block; }
          header.sitewide .navigation .links li.login a, header.sitewide .navigation .links li.logout a, header.sitewide .navigation .links li.my-vd a {
            font-size: 1rem;
            font-weight: 500;
            color: #37b0f2;
            background-color: #e1f4ff; } }

@media (max-width: 767px) {
      header.sitewide .navigation .links li.login a::after, header.sitewide .navigation .links li.logout a::after {
        background-color: #6ac2fc; } }

/*  =====================================
    M Y V D   H E A D E R   S E C T I O N
    =====================================
*/
.my-vd-header {
  font-size: 1rem;
  text-align: right;
  width: 28%; }
  @media (min-width: 768px) and (max-width: 1023px) {
    .my-vd-header {
      width: auto; } }
  .my-vd-header a.my-acco div,
  .my-vd-header a > div:first-of-type {
    display: inline-block;
    margin-right: .5rem;
    font-size: 11px;
    font-weight: 600;
    text-align: center;
    color: #edf8ff;
    vertical-align: top; }
    .my-vd-header a.my-acco div span,
    .my-vd-header a > div:first-of-type span {
      display: inline-block;
      height: 100%;
      font-size: 11px;
      line-height: 24px;
      vertical-align: top; }
    .my-vd-header a.my-acco div.empty,
    .my-vd-header a > div:first-of-type.empty {
      width: 17px;
      height: 15px;
      margin-top: .625rem;
      margin-right: .625rem;
      background-image: url("/atomic/images/icon-heart-grey.png");
      background-image: url("/atomic/images/icon-heart-grey.svg");
      background-repeat: no-repeat;
      background-position: center;
      background-size: 17px 15px; }
    .my-vd-header a.my-acco div.viewed,
    .my-vd-header a > div:first-of-type.viewed {
      width: 21px;
      height: 21px;
      margin-top: 6px;
      -moz-border-radius: 50%;
      -webkit-border-radius: 50%;
      border-radius: 50%;
      background-color: #0079bb; }
    .my-vd-header a.my-acco div.saved,
    .my-vd-header a > div:first-of-type.saved {
      width: 25px;
      height: 22px;
      margin-top: 6px;
      background-image: url("/atomic/images/icon-heart.png");
      background-image: url("/atomic/images/icon-heart.svg");
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain; }
  .my-vd-header a {
    display: inline-block;
    font-size: .875rem;
    line-height: 36px;
    font-weight: 300;
    color: #c6efff;
    background-color: transparent;
    vertical-align: top; }
    .my-vd-header a.login {
      padding-left: 2rem;
      background-image: url("/atomic/images/user-avatar-single.png");
      background-image: url("/atomic/images/user-avatar-single.svg");
      background-repeat: no-repeat;
      background-position: left;
      background-size: 25px 26px; }
    .my-vd-header a.my-acco {
      margin-right: 1rem; }
    @media (hover: hover), (pointer: fine) {
      .my-vd-header a:hover {
        color: #37b0f2; } }

li.my-vd div {
  display: inline-block;
  position: absolute;
  right: 1.5rem;
  font-size: 11px;
  font-weight: 600;
  text-align: center;
  color: #edf8ff;
  vertical-align: top; }
  li.my-vd div span {
    display: inline-block;
    height: 100%;
    line-height: 23px;
    vertical-align: top; }
  li.my-vd div.empty {
    width: 25px;
    height: 22px;
    margin-top: 12px;
    background-image: url("/atomic/images/icon-heart-grey.png");
    background-image: url("/atomic/images/icon-heart-grey.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain; }
  li.my-vd div.viewed {
    width: 21px;
    height: 21px;
    margin-top: 12px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #0079bb; }
  li.my-vd div.saved {
    width: 25px;
    height: 22px;
    margin-top: 12px;
    background-image: url("/atomic/images/icon-heart.png");
    background-image: url("/atomic/images/icon-heart.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain; }

.icon-flag {
  position: relative; }
  .icon-flag::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 35px;
    height: 100%;
    font-size: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    content: "."; }

.icon-flag.af::before {
  background-image: url("/atomic/images/flags/AF.png"); }

.icon-flag.al::before {
  background-image: url("/atomic/images/flags/AL.png"); }

.icon-flag.an::before {
  background-image: url("/atomic/images/flags/AN.png"); }

.icon-flag.dz::before {
  background-image: url("/atomic/images/flags/DZ.png"); }

.icon-flag.ad::before {
  background-image: url("/atomic/images/flags/AD.png"); }

.icon-flag.ag::before {
  background-image: url("/atomic/images/flags/AG.png"); }

.icon-flag.ar::before {
  background-image: url("/atomic/images/flags/AR.png"); }

.icon-flag.am::before {
  background-image: url("/atomic/images/flags/AM.png"); }

.icon-flag.au::before {
  background-image: url("/atomic/images/flags/AU.png"); }

.icon-flag.at::before {
  background-image: url("/atomic/images/flags/AT.png"); }

.icon-flag.az::before {
  background-image: url("/atomic/images/flags/AZ.png"); }

.icon-flag.bs::before {
  background-image: url("/atomic/images/flags/BS.png"); }

.icon-flag.bh::before {
  background-image: url("/atomic/images/flags/BH.png"); }

.icon-flag.bd::before {
  background-image: url("/atomic/images/flags/BD.png"); }

.icon-flag.bb::before {
  background-image: url("/atomic/images/flags/BB.png"); }

.icon-flag.by::before {
  background-image: url("/atomic/images/flags/BY.png"); }

.icon-flag.be::before {
  background-image: url("/atomic/images/flags/BE.png"); }

.icon-flag.bx::before {
  background-image: url("/atomic/images/flags/BX.png"); }

.icon-flag.bz::before {
  background-image: url("/atomic/images/flags/BZ.png"); }

.icon-flag.bj::before {
  background-image: url("/atomic/images/flags/BJ.png"); }

.icon-flag.bt::before {
  background-image: url("/atomic/images/flags/BT.png"); }

.icon-flag.bo::before {
  background-image: url("/atomic/images/flags/BO.png"); }

.icon-flag.ba::before {
  background-image: url("/atomic/images/flags/BA.png"); }

.icon-flag.bw::before {
  background-image: url("/atomic/images/flags/BW.png"); }

.icon-flag.br::before {
  background-image: url("/atomic/images/flags/BR.png"); }

.icon-flag.bn::before {
  background-image: url("/atomic/images/flags/BN.png"); }

.icon-flag.bg::before {
  background-image: url("/atomic/images/flags/BG.png"); }

.icon-flag.bf::before {
  background-image: url("/atomic/images/flags/BF.png"); }

.icon-flag.bi::before {
  background-image: url("/atomic/images/flags/BI.png"); }

.icon-flag.kh::before {
  background-image: url("/atomic/images/flags/KH.png"); }

.icon-flag.ca::before {
  background-image: url("/atomic/images/flags/CA.png"); }

.icon-flag.cm::before {
  background-image: url("/atomic/images/flags/CM.png"); }

.icon-flag.cv::before {
  background-image: url("/atomic/images/flags/CV.png"); }

.icon-flag.cw::before {
  background-image: url("/atomic/images/flags/CW.png"); }

.icon-flag.cf::before {
  background-image: url("/atomic/images/flags/CF.png"); }

.icon-flag.td::before {
  background-image: url("/atomic/images/flags/TD.png"); }

.icon-flag.cl::before {
  background-image: url("/atomic/images/flags/CL.png"); }

.icon-flag.cn::before {
  background-image: url("/atomic/images/flags/CN.png"); }

.icon-flag.co::before {
  background-image: url("/atomic/images/flags/CO.png"); }

.icon-flag.km::before {
  background-image: url("/atomic/images/flags/KM.png"); }

.icon-flag.cg::before {
  background-image: url("/atomic/images/flags/CG.png"); }

.icon-flag.cd::before {
  background-image: url("/atomic/images/flags/CD.png"); }

.icon-flag.cr::before {
  background-image: url("/atomic/images/flags/CR.png"); }

.icon-flag.ci::before {
  background-image: url("/atomic/images/flags/CI.png"); }

.icon-flag.hr::before {
  background-image: url("/atomic/images/flags/HR.png"); }

.icon-flag.cu::before {
  background-image: url("/atomic/images/flags/CU.png"); }

.icon-flag.cy::before {
  background-image: url("/atomic/images/flags/CY.png"); }

.icon-flag.dk::before {
  background-image: url("/atomic/images/flags/DK.png"); }

.icon-flag.dj::before {
  background-image: url("/atomic/images/flags/DJ.png"); }

.icon-flag.dm::before {
  background-image: url("/atomic/images/flags/DM.png"); }

.icon-flag.cz::before {
  background-image: url("/atomic/images/flags/CZ.png"); }

.icon-flag.do::before {
  background-image: url("/atomic/images/flags/DO.png"); }

.icon-flag.tl::before {
  background-image: url("/atomic/images/flags/TL.png"); }

.icon-flag.ec::before {
  background-image: url("/atomic/images/flags/EC.png"); }

.icon-flag.eg::before {
  background-image: url("/atomic/images/flags/EG.png"); }

.icon-flag.sv::before {
  background-image: url("/atomic/images/flags/SV.png"); }

.icon-flag.gq::before {
  background-image: url("/atomic/images/flags/GQ.png"); }

.icon-flag.er::before {
  background-image: url("/atomic/images/flags/ER.png"); }

.icon-flag.ee::before {
  background-image: url("/atomic/images/flags/EE.png"); }

.icon-flag.et::before {
  background-image: url("/atomic/images/flags/ET.png"); }

.icon-flag.fj::before {
  background-image: url("/atomic/images/flags/FJ.png"); }

.icon-flag.fi::before {
  background-image: url("/atomic/images/flags/FI.png"); }

.icon-flag.fr::before {
  background-image: url("/atomic/images/flags/FR.png"); }

.icon-flag.ga::before {
  background-image: url("/atomic/images/flags/GA.png"); }

.icon-flag.gm::before {
  background-image: url("/atomic/images/flags/GM.png"); }

.icon-flag.ge::before {
  background-image: url("/atomic/images/flags/GE.png"); }

.icon-flag.de::before {
  background-image: url("/atomic/images/flags/DE.png"); }

.icon-flag.gh::before {
  background-image: url("/atomic/images/flags/GH.png"); }

.icon-flag.gr::before {
  background-image: url("/atomic/images/flags/GR.png"); }

.icon-flag.gd::before {
  background-image: url("/atomic/images/flags/GD.png"); }

.icon-flag.gt::before {
  background-image: url("/atomic/images/flags/GT.png"); }

.icon-flag.gn::before {
  background-image: url("/atomic/images/flags/GN.png"); }

.icon-flag.gw::before {
  background-image: url("/atomic/images/flags/GW.png"); }

.icon-flag.gy::before {
  background-image: url("/atomic/images/flags/GY.png"); }

.icon-flag.hk::before {
  background-image: url("/atomic/images/flags/HK.png"); }

.icon-flag.ht::before {
  background-image: url("/atomic/images/flags/HT.png"); }

.icon-flag.hn::before {
  background-image: url("/atomic/images/flags/HN.png"); }

.icon-flag.hu::before {
  background-image: url("/atomic/images/flags/HU.png"); }

.icon-flag.is::before {
  background-image: url("/atomic/images/flags/IS.png"); }

.icon-flag.in::before {
  background-image: url("/atomic/images/flags/IN.png"); }

.icon-flag.id::before {
  background-image: url("/atomic/images/flags/ID.png"); }

.icon-flag.iq::before {
  background-image: url("/atomic/images/flags/IQ.png"); }

.icon-flag.ir::before {
  background-image: url("/atomic/images/flags/IR.png"); }

.icon-flag.ie::before {
  background-image: url("/atomic/images/flags/IE.png"); }

.icon-flag.il::before {
  background-image: url("/atomic/images/flags/IL.png"); }

.icon-flag.it::before {
  background-image: url("/atomic/images/flags/IT.png"); }

.icon-flag.jm::before {
  background-image: url("/atomic/images/flags/JM.png"); }

.icon-flag.jp::before {
  background-image: url("/atomic/images/flags/JP.png"); }

.icon-flag.jo::before {
  background-image: url("/atomic/images/flags/JO.png"); }

.icon-flag.kz::before {
  background-image: url("/atomic/images/flags/KZ.png"); }

.icon-flag.ke::before {
  background-image: url("/atomic/images/flags/KE.png"); }

.icon-flag.ki::before {
  background-image: url("/atomic/images/flags/KI.png"); }

.icon-flag.kp::before {
  background-image: url("/atomic/images/flags/KP.png"); }

.icon-flag.kr::before {
  background-image: url("/atomic/images/flags/KR.png"); }

.icon-flag.xk::before {
  background-image: url("/atomic/images/flags/XK.png"); }

.icon-flag.la::before {
  background-image: url("/atomic/images/flags/LA.png"); }

.icon-flag.lv::before {
  background-image: url("/atomic/images/flags/LV.png"); }

.icon-flag.ls::before {
  background-image: url("/atomic/images/flags/LS.png"); }

.icon-flag.lb::before {
  background-image: url("/atomic/images/flags/LB.png"); }

.icon-flag.kg::before {
  background-image: url("/atomic/images/flags/KG.png"); }

.icon-flag.kw::before {
  background-image: url("/atomic/images/flags/KW.png"); }

.icon-flag.lr::before {
  background-image: url("/atomic/images/flags/LR.png"); }

.icon-flag.ly::before {
  background-image: url("/atomic/images/flags/LY.png"); }

.icon-flag.li::before {
  background-image: url("/atomic/images/flags/LI.png"); }

.icon-flag.lt::before {
  background-image: url("/atomic/images/flags/LT.png"); }

.icon-flag.lu::before {
  background-image: url("/atomic/images/flags/LU.png"); }

.icon-flag.mk::before {
  background-image: url("/atomic/images/flags/MK.png"); }

.icon-flag.mg::before {
  background-image: url("/atomic/images/flags/MG.png"); }

.icon-flag.mw::before {
  background-image: url("/atomic/images/flags/MW.png"); }

.icon-flag.my::before {
  background-image: url("/atomic/images/flags/MY.png"); }

.icon-flag.mv::before {
  background-image: url("/atomic/images/flags/MV.png"); }

.icon-flag.ml::before {
  background-image: url("/atomic/images/flags/ML.png"); }

.icon-flag.mt::before {
  background-image: url("/atomic/images/flags/MT.png"); }

.icon-flag.mh::before {
  background-image: url("/atomic/images/flags/MH.png"); }

.icon-flag.mr::before {
  background-image: url("/atomic/images/flags/MR.png"); }

.icon-flag.mu::before {
  background-image: url("/atomic/images/flags/MU.png"); }

.icon-flag.mx::before {
  background-image: url("/atomic/images/flags/MX.png"); }

.icon-flag.fm::before {
  background-image: url("/atomic/images/flags/FM.png"); }

.icon-flag.md::before {
  background-image: url("/atomic/images/flags/MD.png"); }

.icon-flag.mc::before {
  background-image: url("/atomic/images/flags/MC.png"); }

.icon-flag.mn::before {
  background-image: url("/atomic/images/flags/MN.png"); }

.icon-flag.me::before {
  background-image: url("/atomic/images/flags/ME.png"); }

.icon-flag.ma::before {
  background-image: url("/atomic/images/flags/MA.png"); }

.icon-flag.mz::before {
  background-image: url("/atomic/images/flags/MZ.png"); }

.icon-flag.mm::before {
  background-image: url("/atomic/images/flags/MM.png"); }

.icon-flag.na::before {
  background-image: url("/atomic/images/flags/NA.png"); }

.icon-flag.nr::before {
  background-image: url("/atomic/images/flags/NR.png"); }

.icon-flag.np::before {
  background-image: url("/atomic/images/flags/NP.png"); }

.icon-flag.nl::before {
  background-image: url("/atomic/images/flags/NL.png"); }

.icon-flag.nz::before {
  background-image: url("/atomic/images/flags/NZ.png"); }

.icon-flag.ni::before {
  background-image: url("/atomic/images/flags/NI.png"); }

.icon-flag.aw::before {
  background-image: url("/atomic/images/flags/AW.png"); }

.icon-flag.ne::before {
  background-image: url("/atomic/images/flags/NE.png"); }

.icon-flag.ng::before {
  background-image: url("/atomic/images/flags/NG.png"); }

.icon-flag.no::before {
  background-image: url("/atomic/images/flags/NO.png"); }

.icon-flag.om::before {
  background-image: url("/atomic/images/flags/OM.png"); }

.icon-flag.pk::before {
  background-image: url("/atomic/images/flags/PK.png"); }

.icon-flag.pw::before {
  background-image: url("/atomic/images/flags/PW.png"); }

.icon-flag.pa::before {
  background-image: url("/atomic/images/flags/PA.png"); }

.icon-flag.pg::before {
  background-image: url("/atomic/images/flags/PG.png"); }

.icon-flag.py::before {
  background-image: url("/atomic/images/flags/PY.png"); }

.icon-flag.pe::before {
  background-image: url("/atomic/images/flags/PE.png"); }

.icon-flag.ph::before {
  background-image: url("/atomic/images/flags/PH.png"); }

.icon-flag.pl::before {
  background-image: url("/atomic/images/flags/PL.png"); }

.icon-flag.pt::before {
  background-image: url("/atomic/images/flags/PT.png"); }

.icon-flag.qa::before {
  background-image: url("/atomic/images/flags/QA.png"); }

.icon-flag.ro::before {
  background-image: url("/atomic/images/flags/RO.png"); }

.icon-flag.ru::before {
  background-image: url("/atomic/images/flags/RU.png"); }

.icon-flag.rw::before {
  background-image: url("/atomic/images/flags/RW.png"); }

.icon-flag.kn::before {
  background-image: url("/atomic/images/flags/KN.png"); }

.icon-flag.lc::before {
  background-image: url("/atomic/images/flags/LC.png"); }

.icon-flag.vc::before {
  background-image: url("/atomic/images/flags/VC.png"); }

.icon-flag.ws::before {
  background-image: url("/atomic/images/flags/WS.png"); }

.icon-flag.sm::before {
  background-image: url("/atomic/images/flags/SM.png"); }

.icon-flag.st::before {
  background-image: url("/atomic/images/flags/ST.png"); }

.icon-flag.sa::before {
  background-image: url("/atomic/images/flags/SA.png"); }

.icon-flag.sn::before {
  background-image: url("/atomic/images/flags/SN.png"); }

.icon-flag.rs::before {
  background-image: url("/atomic/images/flags/RS.png"); }

.icon-flag.sc::before {
  background-image: url("/atomic/images/flags/SC.png"); }

.icon-flag.sl::before {
  background-image: url("/atomic/images/flags/SL.png"); }

.icon-flag.sg::before {
  background-image: url("/atomic/images/flags/SG.png"); }

.icon-flag.sk::before {
  background-image: url("/atomic/images/flags/SK.png"); }

.icon-flag.si::before {
  background-image: url("/atomic/images/flags/SI.png"); }

.icon-flag.sb::before {
  background-image: url("/atomic/images/flags/SB.png"); }

.icon-flag.so::before {
  background-image: url("/atomic/images/flags/SO.png"); }

.icon-flag.za::before {
  background-image: url("/atomic/images/flags/ZA.png"); }

.icon-flag.ss::before {
  background-image: url("/atomic/images/flags/SS.png"); }

.icon-flag.es::before {
  background-image: url("/atomic/images/flags/ES.png"); }

.icon-flag.lk::before {
  background-image: url("/atomic/images/flags/LK.png"); }

.icon-flag.sd::before {
  background-image: url("/atomic/images/flags/SD.png"); }

.icon-flag.sr::before {
  background-image: url("/atomic/images/flags/SR.png"); }

.icon-flag.sx::before {
  background-image: url("/atomic/images/flags/SX.png"); }

.icon-flag.sz::before {
  background-image: url("/atomic/images/flags/SZ.png"); }

.icon-flag.se::before {
  background-image: url("/atomic/images/flags/SE.png"); }

.icon-flag.ch::before {
  background-image: url("/atomic/images/flags/CH.png"); }

.icon-flag.sy::before {
  background-image: url("/atomic/images/flags/SY.png"); }

.icon-flag.tw::before {
  background-image: url("/atomic/images/flags/TW.png"); }

.icon-flag.tj::before {
  background-image: url("/atomic/images/flags/TJ.png"); }

.icon-flag.tz::before {
  background-image: url("/atomic/images/flags/TZ.png"); }

.icon-flag.th::before {
  background-image: url("/atomic/images/flags/TH.png"); }

.icon-flag.tg::before {
  background-image: url("/atomic/images/flags/TG.png"); }

.icon-flag.to::before {
  background-image: url("/atomic/images/flags/TO.png"); }

.icon-flag.tt::before {
  background-image: url("/atomic/images/flags/TT.png"); }

.icon-flag.tn::before {
  background-image: url("/atomic/images/flags/TN.png"); }

.icon-flag.tr::before {
  background-image: url("/atomic/images/flags/TR.png"); }

.icon-flag.tm::before {
  background-image: url("/atomic/images/flags/TM.png"); }

.icon-flag.tv::before {
  background-image: url("/atomic/images/flags/TV.png"); }

.icon-flag.ug::before {
  background-image: url("/atomic/images/flags/UG.png"); }

.icon-flag.ua::before {
  background-image: url("/atomic/images/flags/UA.png"); }

.icon-flag.ae::before {
  background-image: url("/atomic/images/flags/AE.png"); }

.icon-flag.gb::before {
  background-image: url("/atomic/images/flags/GB.png"); }

.icon-flag.us::before {
  background-image: url("/atomic/images/flags/US.png"); }

.icon-flag.uy::before {
  background-image: url("/atomic/images/flags/UY.png"); }

.icon-flag.uz::before {
  background-image: url("/atomic/images/flags/UZ.png"); }

.icon-flag.vu::before {
  background-image: url("/atomic/images/flags/VU.png"); }

.icon-flag.va::before {
  background-image: url("/atomic/images/flags/VA.png"); }

.icon-flag.ve::before {
  background-image: url("/atomic/images/flags/VE.png"); }

.icon-flag.vn::before {
  background-image: url("/atomic/images/flags/VN.png"); }

.icon-flag.ye::before {
  background-image: url("/atomic/images/flags/YE.png"); }

.icon-flag.zm::before {
  background-image: url("/atomic/images/flags/ZM.png"); }

.icon-flag.zw::before {
  background-image: url("/atomic/images/flags/ZW.png"); }

.email-popup-wrapper .email-popup {
  position: fixed;
  right: 35px;
  bottom: -350px;
  width: 320px;
  height: 310px;
  transition: bottom 1.5s ease-in-out;
  -o-transition: bottom 1.5s ease-in-out;
  -ms-transition: bottom 1.5s ease-in-out;
  -webkit-transition: bottom 1.5s ease-in-out;
  -moz-transition: bottom 1.5s ease-in-out;
  background: #fff;
  z-index: 70;
  will-change: transform; }
  .email-popup-wrapper .email-popup.show {
    bottom: 0;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1); }
  .email-popup-wrapper .email-popup.invalid .email-form input[type="email"]:not(.searchbox-input) {
    border-color: #f54f4f;
    background-color: #fff9f9; }
  @media (max-width: 767px) {
    .email-popup-wrapper .email-popup.invalid {
      height: 390px; } }
  @media (max-width: 400px) {
    .email-popup-wrapper .email-popup.invalid {
      height: 135px; } }
  .email-popup-wrapper .email-popup u {
    position: absolute;
    top: 72px;
    left: -242px;
    width: 15.5rem;
    border: 1px solid #ffe682;
    padding: 1.3rem 1.5rem;
    font-size: .875rem;
    line-height: 1.25;
    line-height: 1.2;
    -webkit-transition: left 100ms ease-in, opacity 100ms ease-in, z-index 100ms ease-in;
    -o-transition: left 100ms ease-in, opacity 100ms ease-in, z-index 100ms ease-in;
    transition: left 100ms ease-in, opacity 100ms ease-in, z-index 100ms ease-in;
    -ms-transition: left 100ms ease-in, opacity 100ms ease-in, z-index 100ms ease-in;
    -moz-transition: left 100ms ease-in, opacity 100ms ease-in, z-index 100ms ease-in;
    border-radius: 7px;
    text-decoration: none;
    color: #2f2f2f;
    color: #90a8b5;
    background-color: #fff9cb;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1); }
    .email-popup-wrapper .email-popup u::after, .email-popup-wrapper .email-popup u::before {
      position: absolute;
      top: 1.75rem;
      left: 100%;
      width: 0;
      height: 0;
      border: solid transparent;
      content: " ";
      pointer-events: none; }
      @media (max-width: 767px) {
        .email-popup-wrapper .email-popup u::after, .email-popup-wrapper .email-popup u::before {
          top: -20px;
          left: 16px; } }
    .email-popup-wrapper .email-popup u::after {
      border-width: 10px;
      border-color: rgba(255, 249, 203, 0);
      border-left-color: #fff9cb; }
      @media (max-width: 767px) {
        .email-popup-wrapper .email-popup u::after {
          border-bottom-color: #fff9cb;
          border-left-color: rgba(255, 249, 203, 0); } }
    .email-popup-wrapper .email-popup u::before {
      margin-top: -1px;
      border-width: 11px;
      border-color: rgba(255, 230, 130, 0);
      border-left-color: #ffe682; }
      @media (max-width: 767px) {
        .email-popup-wrapper .email-popup u::before {
          left: 15px;
          margin-top: -2px;
          border-bottom-color: #ffe682;
          border-left-color: rgba(255, 230, 130, 0); } }
    @media (max-width: 767px) {
      .email-popup-wrapper .email-popup u {
        display: block;
        position: relative;
        top: -5px;
        left: initial;
        width: 100%;
        margin-bottom: 10px; } }
    @media (max-width: 400px) {
      .email-popup-wrapper .email-popup u {
        display: none; } }
  .email-popup-wrapper .email-popup .top-banner {
    position: relative; }
    .email-popup-wrapper .email-popup .top-banner::before {
      position: absolute;
      bottom: -6px;
      left: 20px;
      width: 180px;
      height: 104px;
      background-image: url(/atomic/images/nl/hero-email-popup.png);
      background-size: contain;
      content: ""; }
      @media (max-width: 400px) {
        .email-popup-wrapper .email-popup .top-banner::before {
          display: none; } }
    .email-popup-wrapper .email-popup .top-banner button {
      position: absolute;
      top: 14px;
      right: 14px;
      width: 35px;
      height: 35px;
      font-size: 0;
      border-radius: 5px;
      background-color: #37b0f2;
      background-image: url("/atomic/images/icon-chevron-down-white.png");
      background-image: url("/atomic/images/icon-chevron-down-white.svg");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 16px auto; }
      @media (hover: hover), (pointer: fine) {
        .email-popup-wrapper .email-popup .top-banner button:hover {
          background-color: #30a6e1; } }
  @media (hover: hover) and (max-width: 400px), (pointer: fine) and (max-width: 400px) {
    .email-popup-wrapper .email-popup .top-banner button:hover {
      background-color: transparent; } }
      @media (max-width: 400px) {
        .email-popup-wrapper .email-popup .top-banner button {
          width: 24px;
          height: 24px;
          background-color: transparent;
          background-image: url("/atomic/images/icon-close-grayblue.png");
          background-image: url("/atomic/images/icon-close-grayblue.svg");
          z-index: 1; } }
  .email-popup-wrapper .email-popup .email-form {
    position: relative;
    padding: 1rem; }
    .email-popup-wrapper .email-popup .email-form h1 {
      margin-bottom: 1rem;
      font-size: 24px;
      line-height: 28px;
      font-weight: 400;
      color: #4f5355; }
      @media (max-width: 400px) {
        .email-popup-wrapper .email-popup .email-form h1 {
          margin-bottom: .75rem;
          padding-right: 2rem;
          font-size: 20px;
          line-height: 24px; } }
    .email-popup-wrapper .email-popup .email-form input[type="email"]:not(.searchbox-input) {
      display: block;
      width: 100%;
      margin: 0 0 1rem;
      border: 1px solid #88cffb;
      padding: .5rem .5rem .3rem;
      font-size: 1em;
      line-height: 1.5;
      font-weight: 300; }
      @media (max-width: 400px) {
        .email-popup-wrapper .email-popup .email-form input[type="email"]:not(.searchbox-input) {
          display: inline-block;
          float: left;
          width: 80%; } }
    .email-popup-wrapper .email-popup .email-form button {
      width: 100%;
      margin-bottom: 1rem;
      padding: 0; }
      @media (max-width: 400px) {
        .email-popup-wrapper .email-popup .email-form button::before {
          position: absolute;
          top: 50%;
          left: 50%;
          width: 10px;
          height: 16px;
          margin-top: -8px;
          margin-left: -5px;
          font-size: 0;
          background-image: url("/atomic/images/icon-chevron-right-white.svg");
          background-image: url("/atomic/images/icon-chevron-right-white.png");
          background-repeat: no-repeat;
          background-size: contain;
          content: ">"; } }
      @media (max-width: 400px) {
        .email-popup-wrapper .email-popup .email-form button {
          display: inline-block;
          position: relative;
          float: right;
          width: 42px;
          height: 42px;
          margin-top: -2px;
          margin-bottom: 0;
          padding: 0;
          font-size: 0;
          border-radius: .5rem; } }
    .email-popup-wrapper .email-popup .email-form p {
      font-size: 14px;
      font-weight: 500;
      color: #62c64e; }
      @media (max-width: 400px) {
        .email-popup-wrapper .email-popup .email-form p {
          display: none; } }
    @media (max-width: 400px) {
      .email-popup-wrapper .email-popup .email-form {
        padding: .875rem; } }
  @media (max-width: 767px) {
    .email-popup-wrapper .email-popup {
      right: 50%;
      bottom: -450px;
      margin-right: -160px; } }
  @media (max-width: 400px) {
    .email-popup-wrapper .email-popup {
      right: 0;
      width: 100%;
      height: 135px;
      margin-right: 0; } }

@media (max-width: 767px) {
  .email-popup-wrapper {
    -webkit-transition: opacity ease-out 100ms;
    -moz-transition: opacity ease-out 100ms;
    -ms-transition: opacity ease-out 100ms;
    -o-transition: opacity ease-out 100ms;
    transition: opacity ease-out 100ms; } }

.footer__trust {
  padding: 3.5em 0;
  background-color: #edf8ff;
  position: relative; }
  .footer__trust .trust-pillar {
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
    @media (min-width: 768px) {
      .footer__trust .trust-pillar + .trust-pillar {
        border-left: 1px solid #e2e4e6; } }
    .footer__trust .trust-pillar .trust-pillar-top {
      padding: 2.71399%; }
      @media (min-width: 1024px) {
        .footer__trust .trust-pillar .trust-pillar-top {
          min-height: 18rem; } }
    .footer__trust .trust-pillar .trust-pillar-bottom {
      margin: .5rem 0 .5rem 0; }
      @media (max-width: 767px) {
        .footer__trust .trust-pillar .trust-pillar-bottom {
          margin: 2.375rem 0 1rem; } }
  .footer__trust .reasonsto {
    margin-top: 2rem; }
    .footer__trust .reasonsto li {
      margin: 0 0 .75rem 2.4rem;
      font-size: 1.125em;
      line-height: 1.5;
      vertical-align: top; }
      .footer__trust .reasonsto li::before {
        display: inline-block;
        width: 2.5rem;
        height: 1.75rem;
        margin-bottom: -.5rem;
        margin-left: -2.5rem;
        text-indent: -999em;
        background: url(/atomic/images/vd_icon_checkmark.svg) no-repeat left center;
        background: url(/atomic/images/vd_icon_checkmark.png) no-repeat left center;
        background-size: 1.8rem;
        content: "✓";
        overflow: hidden; }
      .footer__trust .reasonsto li:last-child {
        margin-bottom: 0; }
  .footer__trust .trust-lists .trust-pillar-bottom p {
    margin-bottom: .75rem;
    text-align: center;
    color: #b8bcc2; }
    @media (max-width: 767px) {
      .footer__trust .trust-lists .trust-pillar-bottom p {
        margin-bottom: .75em; } }
  .footer__trust .trust-lists .comfort-icons {
    text-align: center;
    margin: 0 0 .5rem 0; }
    .footer__trust .trust-lists .comfort-icons .comfort-icon + .comfort-icon {
      margin-left: 1rem; }
  .footer__trust .trust-comfort .branding .hero {
    height: 15rem;
    margin-top: -1rem; }
    .footer__trust .trust-comfort .branding .hero.wink {
      position: relative; }
      .footer__trust .trust-comfort .branding .hero.wink::after {
        display: inline-block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url("/atomic/images/nl/mario-circle-wink.svg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        content: ""; }
  .footer__trust .trust-comfort .branding .logo {
    height: 3rem; }
  .footer__trust .trust-comfort .branding .payoff {
    margin-top: .7rem; }
  .footer__trust .trust-report .trust-pillar-top {
    overflow: visible; }
  .footer__trust .trust-report .trust-pillar-bottom .review-link {
    display: block; }
  .footer__trust .trust-report .trust-pillar-bottom .continue {
    display: block;
    height: 4.5rem;
    padding-top: 2.8125rem;
    font-size: 1rem;
    text-align: center;
    background-image: url(/atomic/images/logo-trustpilot.png);
    background-image: url(/atomic/images/logo-trustpilot.svg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 151px 38px;
    margin: 0 0 .25rem 0; }
    .footer__trust .trust-report .trust-pillar-bottom .continue::before {
      display: none;
      content: ""; }
    @media (max-width: 767px) {
      .footer__trust .trust-report .trust-pillar-bottom .continue {
        padding: 2.375rem 0 1rem;
        background-size: 132px 32px; } }
  .footer__trust .review {
    position: relative;
    height: auto;
    padding: 20px 20px 20px;
    background: #fff; }
    .footer__trust .review::before {
      position: absolute;
      top: -15px;
      left: 0;
      width: 100%;
      height: 16px;
      background: url(/atomic/images/speech-top.png) no-repeat;
      background: url(/atomic/images/speech-top.svg) no-repeat;
      background-position: right bottom;
      background-size: 100% auto;
      content: "";
      display: none; }
    .footer__trust .review::after {
      position: absolute;
      bottom: -67px;
      left: 0;
      width: 100%;
      height: 67px;
      background: url(/atomic/images/speech-bottom.png) no-repeat;
      background: url(/atomic/images/speech-bottom.svg) no-repeat;
      background-size: contain;
      content: ""; }
    .footer__trust .review h5 {
      font-size: .8125rem;
      line-height: 1;
      font-weight: 300;
      color: #b8bcc2; }
    .footer__trust .review h6 {
      font-size: 1, 125rem;
      line-height: 1.3;
      font-weight: 600;
      color: #33373d;
      margin-top: 4px; }
    .footer__trust .review p {
      font-size: .875rem;
      font-weight: 300;
      color: #b8bcc2; }
    .footer__trust .review .abstract {
      margin: .3em 0;
      line-height: 1.5; }
      @media (max-width: 767px) {
        .footer__trust .review .abstract {
          margin: .3em 0 .5rem; } }
    .footer__trust .review .rating {
      color: #65c454; }
      .footer__trust .review .rating > * {
        vertical-align: middle; }
      .footer__trust .review .rating .wording {
        display: block;
        margin-right: .5rem;
        font-size: 1.5rem;
        font-weight: 800;
        margin-bottom: -8px; }
      .footer__trust .review .rating .grade {
        font-size: 1.5625rem;
        font-weight: 800; }
      .footer__trust .review .rating .out-of-five {
        font-weight: 300;
        font-size: 19px; }
        .footer__trust .review .rating .out-of-five:before {
          content: "/";
          margin: .3rem; }
        .footer__trust .review .rating .out-of-five:after {
          content: "5"; }
    @media (max-width: 767px) {
      .footer__trust .review {
        padding: .5rem 1rem 1rem; } }

.footer__trust__big-statement {
  font-size: 2.4rem;
  line-height: 1.2;
  font-weight: 300;
  text-align: center;
  color: #0079bb;
  margin: 0 0 1rem 0; }
  @media (min-width: 768px) and (max-width: 1023px) {
    .footer__trust__big-statement {
      font-size: 2.5rem; } }
  @media (max-width: 767px) {
    .footer__trust__big-statement {
      font-size: 1.4rem; } }

.footer__trust-pillars {
  display: flex;
  flex-direction: row;
  justify-content: space-between; }
  .footer__trust-pillars.content::after {
    display: none; }

@media (min-width: 1024px) {
  .footer__trust .trust-pillar {
    width: 31.52401%;
    padding: 2.71399% .5%; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .footer__trust .content {
    position: relative; }
  .footer__trust .footer__trust-pillars {
    flex-wrap: wrap; }
  .footer__trust .trust-pillar {
    width: 48.64301%;
    height: auto;
    padding: 2.71399% .5%; }
    .footer__trust .trust-pillar.trust-lists {
      order: 1;
      flex: 1; }
    .footer__trust .trust-pillar.trust-report {
      order: 2;
      flex: 1; }
    .footer__trust .trust-pillar.trust-comfort {
      order: 3;
      width: 100%; }
      .footer__trust .trust-pillar.trust-comfort .branding .hero {
        margin-top: 0; }
      .footer__trust .trust-pillar.trust-comfort .trust-pillar-bottom {
        border: 0 none; } }

@media (max-width: 767px) {
  .footer__trust {
    padding: 2rem 0 1rem 0; }
    .footer__trust .content {
      position: relative; }
      .footer__trust .content .big-statement {
        margin-bottom: 1.5rem;
        font-size: 1.75rem;
        line-height: 1.2; }
    .footer__trust .footer__trust-pillars {
      flex-direction: column; }
    .footer__trust .trust-pillar {
      width: 100%;
      padding: 2.71399% .5%; }
      .footer__trust .trust-pillar .trust-pillar-top {
        min-height: auto;
        padding: 0; }
      .footer__trust .trust-pillar + .trust-pillar {
        margin-top: 1rem; }
    .footer__trust .reasonsto {
      margin: 0; }
      .footer__trust .reasonsto li {
        font-size: 1rem; }
        .footer__trust .reasonsto li::before {
          background-size: 1.7rem; }
    .footer__trust .trust-lists {
      padding: 0;
      order: 1; }
    .footer__trust .trust-comfort {
      order: 3;
      border-top: 1px solid #e2e4e6; }
      .footer__trust .trust-comfort .trust-pillar-bottom {
        border: 0 none; }
      .footer__trust .trust-comfort .trust-pillar-top {
        margin-top: 1.5rem; }
      .footer__trust .trust-comfort .branding .hero {
        margin-top: 0; }
      .footer__trust .trust-comfort .branding .logo {
        height: 3.6rem; }
    .footer__trust .trust-report {
      order: 2;
      padding-right: 1rem;
      padding-left: 1rem; } }
    @media (max-width: 767px) and (max-width: 767px) {
      .footer__trust .trust-report {
        padding-right: 0;
        padding-left: 0; } }

body.page-detail .footer__trust {
  border-top: 8px solid #fff; }
  @media (max-width: 767px) {
    body.page-detail .footer__trust {
      padding: 2rem 0; } }

.page-booking section.footer__trust {
  margin-top: 3.5rem;
  border-top: 10px solid white;
  padding: 2.75rem 0; }
  @media (min-width: 768px) {
    .page-booking section.footer__trust .footer__trust-pillars {
      justify-content: flex-start; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .page-booking section.footer__trust .footer__trust-pillars {
      flex-wrap: unset; } }
  .page-booking section.footer__trust .trust-pillar {
    padding: 0 .5%; }
    @media (min-width: 768px) {
      .page-booking section.footer__trust .trust-pillar {
        width: 32.3333%; } }
    @media (min-width: 768px) and (max-width: 1023px) {
      .page-booking section.footer__trust .trust-pillar {
        order: unset;
        flex: unset;
        width: 100%; } }
    @media (max-width: 767px) {
      .page-booking section.footer__trust .trust-pillar .trust-pillar-bottom {
        margin-top: 0; }
      .page-booking section.footer__trust .trust-pillar.trust-comfort {
        margin-top: 0;
        padding-top: 2rem; } }
  @media (max-width: 767px) {
    .page-booking section.footer__trust {
      margin: 1rem 0;
      padding: 2rem 1rem; } }

.trust-pillar-bottom--user-reference {
  background-image: url(/atomic/images/user-avatar-single.svg);
  background-position: 0 4px;
  background-repeat: no-repeat;
  background-size: 37px;
  font-size: 1rem;
  padding: 0 0 0 55px; }
  .footer__trust .trust-pillar .trust-pillar-bottom--user-reference.trust-pillar-bottom {
    margin: 0.5rem 0 0.5rem 1rem; }
    @media (max-width: 767px) {
      .footer__trust .trust-pillar .trust-pillar-bottom--user-reference.trust-pillar-bottom {
        margin-top: 4.25rem; } }
  .trust-pillar-bottom--user-reference .user-reference__name {
    color: #2f2f2f;
    font-weight: 500; }
  .trust-pillar-bottom--user-reference .user-reference__sub-title {
    color: #90a8b5;
    font-weight: 400; }
    .trust-pillar-bottom--user-reference .user-reference__sub-title:before {
      content: "";
      display: inline-flex;
      height: 12px;
      width: 14px;
      background-size: contain;
      background-position: center;
      background-image: url(/atomic/images/vd_icon_checkmark_bare_grey.svg);
      margin: 0 .5rem 0 0; }

#cms-toolbar .primary,
#homepage-toolbar .primary,
#geo-toolbar .primary,
#vertical-toolbar .primary {
  display: block;
  margin: 0 auto;
  padding: 14px 30px;
  font-size: .875rem;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
  color: #fff;
  background: #ff007d; }
  #cms-toolbar .primary:hover,
  #homepage-toolbar .primary:hover,
  #geo-toolbar .primary:hover,
  #vertical-toolbar .primary:hover {
    background: #f00076; }
  #cms-toolbar .primary:active,
  #homepage-toolbar .primary:active,
  #geo-toolbar .primary:active,
  #vertical-toolbar .primary:active {
    color: #ffcce5;
    background: #ff66b1; }

#cms-toolbar .content,
#homepage-toolbar .content,
#geo-toolbar .content,
#vertical-toolbar .content {
  display: inline-flex;
  position: fixed;
  bottom: 0;
  left: 0;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  width: 100%;
  max-width: 100%;
  height: 0;
  height: auto;
  border-top: 1px solid #bdd7e5;
  border-bottom: 1px solid #bdd7e5;
  padding: 12px 0;
  font-size: 1rem;
  background-color: #edf8ff;
  -moz-box-shadow: 0 0 10px 2px rgba(33, 54, 66, 0.5);
  -webkit-box-shadow: 0 0 10px 2px rgba(33, 54, 66, 0.5);
  box-shadow: 0 0 10px 2px rgba(33, 54, 66, 0.5);
  z-index: 80; }
  #cms-toolbar .content button.search,
  #homepage-toolbar .content button.search,
  #geo-toolbar .content button.search,
  #vertical-toolbar .content button.search {
    width: 40px;
    height: 40px;
    margin-left: .5rem;
    font-size: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #37b0f2;
    background-image: url(/atomic/images/icon-search-white.png);
    background-image: url(/atomic/images/icon-search-white.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px 20px;
    vertical-align: middle; }
  #cms-toolbar .content .select-box,
  #homepage-toolbar .content .select-box,
  #geo-toolbar .content .select-box,
  #vertical-toolbar .content .select-box {
    display: inline-block;
    position: relative;
    border: 1px solid #b7deff;
    padding: 0;
    text-align: left; }
    #cms-toolbar .content .select-box .expander,
    #homepage-toolbar .content .select-box .expander,
    #geo-toolbar .content .select-box .expander,
    #vertical-toolbar .content .select-box .expander {
      width: 100%;
      min-width: 100%;
      height: 40px;
      min-height: 40px; }
      #cms-toolbar .content .select-box .expander.expanded .inner-container,
      #homepage-toolbar .content .select-box .expander.expanded .inner-container,
      #geo-toolbar .content .select-box .expander.expanded .inner-container,
      #vertical-toolbar .content .select-box .expander.expanded .inner-container {
        top: 0;
        left: 0;
        border: 1px solid #b7deff; }
        #cms-toolbar .content .select-box .expander.expanded .inner-container .menu-toggle::after,
        #homepage-toolbar .content .select-box .expander.expanded .inner-container .menu-toggle::after,
        #geo-toolbar .content .select-box .expander.expanded .inner-container .menu-toggle::after,
        #vertical-toolbar .content .select-box .expander.expanded .inner-container .menu-toggle::after {
          background-image: url("/atomic/images/icon-chevron-up.png");
          background-image: none, url("/atomic/images/icon-chevron-up.svg"), url("/atomic/images/icon-chevron-up.png"); }
        #cms-toolbar .content .select-box .expander.expanded .inner-container .menu-options,
        #homepage-toolbar .content .select-box .expander.expanded .inner-container .menu-options,
        #geo-toolbar .content .select-box .expander.expanded .inner-container .menu-options,
        #vertical-toolbar .content .select-box .expander.expanded .inner-container .menu-options {
          border-top: 1px solid #b7deff;
          border-right: 1px solid #b7deff;
          border-left: 1px solid #b7deff; }
      #cms-toolbar .content .select-box .expander .inner-container,
      #homepage-toolbar .content .select-box .expander .inner-container,
      #geo-toolbar .content .select-box .expander .inner-container,
      #vertical-toolbar .content .select-box .expander .inner-container {
        height: 100%; }
        #cms-toolbar .content .select-box .expander .inner-container .menu .menu-options a,
        #homepage-toolbar .content .select-box .expander .inner-container .menu .menu-options a,
        #geo-toolbar .content .select-box .expander .inner-container .menu .menu-options a,
        #vertical-toolbar .content .select-box .expander .inner-container .menu .menu-options a {
          display: block;
          padding: 8px 1.5rem 8px 1rem;
          font-family: Helvetica;
          font-weight: 400;
          text-overflow: ellipsis;
          white-space: nowrap;
          cursor: pointer;
          overflow: hidden; }
          #cms-toolbar .content .select-box .expander .inner-container .menu .menu-options a:hover,
          #homepage-toolbar .content .select-box .expander .inner-container .menu .menu-options a:hover,
          #geo-toolbar .content .select-box .expander .inner-container .menu .menu-options a:hover,
          #vertical-toolbar .content .select-box .expander .inner-container .menu .menu-options a:hover {
            background: #edf8ff; }
        #cms-toolbar .content .select-box .expander .inner-container .menu-toggle,
        #homepage-toolbar .content .select-box .expander .inner-container .menu-toggle,
        #geo-toolbar .content .select-box .expander .inner-container .menu-toggle,
        #vertical-toolbar .content .select-box .expander .inner-container .menu-toggle {
          height: 40px;
          padding-left: 36px; }
          #cms-toolbar .content .select-box .expander .inner-container .menu-toggle::after,
          #homepage-toolbar .content .select-box .expander .inner-container .menu-toggle::after,
          #geo-toolbar .content .select-box .expander .inner-container .menu-toggle::after,
          #vertical-toolbar .content .select-box .expander .inner-container .menu-toggle::after {
            background-image: url("/atomic/images/icon-chevron-down-blue.png");
            background-image: none, url("/atomic/images/icon-chevron-down-blue.svg"), url("/atomic/images/icon-chevron-down-blue.png"); }
          #cms-toolbar .content .select-box .expander .inner-container .menu-toggle span,
          #homepage-toolbar .content .select-box .expander .inner-container .menu-toggle span,
          #geo-toolbar .content .select-box .expander .inner-container .menu-toggle span,
          #vertical-toolbar .content .select-box .expander .inner-container .menu-toggle span {
            line-height: 40px; }
            #cms-toolbar .content .select-box .expander .inner-container .menu-toggle span.toggle-title::before,
            #homepage-toolbar .content .select-box .expander .inner-container .menu-toggle span.toggle-title::before,
            #geo-toolbar .content .select-box .expander .inner-container .menu-toggle span.toggle-title::before,
            #vertical-toolbar .content .select-box .expander .inner-container .menu-toggle span.toggle-title::before {
              background-image: url("/atomic/images/icon-holidaytype-all.png");
              background-image: none, url("/atomic/images/icon-holidaytype-all.svg"), url("/atomic/images/icon-holidaytype-all.png"); }
          #cms-toolbar .content .select-box .expander .inner-container .menu-toggle span::before,
          #homepage-toolbar .content .select-box .expander .inner-container .menu-toggle span::before,
          #geo-toolbar .content .select-box .expander .inner-container .menu-toggle span::before,
          #vertical-toolbar .content .select-box .expander .inner-container .menu-toggle span::before {
            position: absolute;
            top: 0;
            left: 0;
            width: 36px;
            height: 40px;
            background-repeat: no-repeat;
            background-position: center center;
            background-size: auto 19px;
            content: ""; }
    #cms-toolbar .content .select-box.custom-page-picker,
    #homepage-toolbar .content .select-box.custom-page-picker,
    #geo-toolbar .content .select-box.custom-page-picker,
    #vertical-toolbar .content .select-box.custom-page-picker {
      width: 260px;
      text-align: left; }
      #cms-toolbar .content .select-box.custom-page-picker .menu,
      #homepage-toolbar .content .select-box.custom-page-picker .menu,
      #geo-toolbar .content .select-box.custom-page-picker .menu,
      #vertical-toolbar .content .select-box.custom-page-picker .menu {
        position: absolute;
        bottom: 40px;
        min-width: 260px;
        max-height: 280px;
        padding: 0;
        overflow-y: auto; }
    #cms-toolbar .content .select-box.custom-page-version-picker,
    #homepage-toolbar .content .select-box.custom-page-version-picker,
    #geo-toolbar .content .select-box.custom-page-version-picker,
    #vertical-toolbar .content .select-box.custom-page-version-picker {
      width: 220px;
      margin-left: .5rem;
      text-align: left; }
      #cms-toolbar .content .select-box.custom-page-version-picker .inner-container .menu-toggle span.toggle-title::before,
      #homepage-toolbar .content .select-box.custom-page-version-picker .inner-container .menu-toggle span.toggle-title::before,
      #geo-toolbar .content .select-box.custom-page-version-picker .inner-container .menu-toggle span.toggle-title::before,
      #vertical-toolbar .content .select-box.custom-page-version-picker .inner-container .menu-toggle span.toggle-title::before {
        background-image: url("/atomic/images/icon-calendar.png");
        background-image: none, url("/atomic/images/icon-calendar.svg"), url("/atomic/images/icon-calendar.png"); }
      #cms-toolbar .content .select-box.custom-page-version-picker .menu,
      #homepage-toolbar .content .select-box.custom-page-version-picker .menu,
      #geo-toolbar .content .select-box.custom-page-version-picker .menu,
      #vertical-toolbar .content .select-box.custom-page-version-picker .menu {
        position: absolute;
        bottom: 40px;
        min-width: 220px;
        max-height: 280px;
        padding: 0;
        overflow-y: auto; }
  #cms-toolbar .content ul.controls,
  #homepage-toolbar .content ul.controls,
  #geo-toolbar .content ul.controls,
  #vertical-toolbar .content ul.controls {
    display: inline-block;
    position: relative;
    top: -2px;
    margin-left: .5rem;
    text-align: left; }
    #cms-toolbar .content ul.controls li,
    #homepage-toolbar .content ul.controls li,
    #geo-toolbar .content ul.controls li,
    #vertical-toolbar .content ul.controls li {
      display: inline-block;
      margin-right: 5px; }
      #cms-toolbar .content ul.controls li button,
      #homepage-toolbar .content ul.controls li button,
      #geo-toolbar .content ul.controls li button,
      #vertical-toolbar .content ul.controls li button {
        height: 40px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px; }
        #cms-toolbar .content ul.controls li button:disabled,
        #homepage-toolbar .content ul.controls li button:disabled,
        #geo-toolbar .content ul.controls li button:disabled,
        #vertical-toolbar .content ul.controls li button:disabled {
          cursor: not-allowed;
          opacity: .4; }
        #cms-toolbar .content ul.controls li button.publish,
        #homepage-toolbar .content ul.controls li button.publish,
        #geo-toolbar .content ul.controls li button.publish,
        #vertical-toolbar .content ul.controls li button.publish {
          background-color: #65c454; }
        #cms-toolbar .content ul.controls li button.unpublish,
        #homepage-toolbar .content ul.controls li button.unpublish,
        #geo-toolbar .content ul.controls li button.unpublish,
        #vertical-toolbar .content ul.controls li button.unpublish {
          background-color: #37b0f2; }
    @media (max-width: 1350px) {
      #cms-toolbar .content ul.controls,
      #homepage-toolbar .content ul.controls,
      #geo-toolbar .content ul.controls,
      #vertical-toolbar .content ul.controls {
        display: block;
        margin-top: 12px;
        margin-left: 0;
        text-align: center; } }
  #cms-toolbar .content form.custom-page-url,
  #homepage-toolbar .content form.custom-page-url,
  #geo-toolbar .content form.custom-page-url,
  #vertical-toolbar .content form.custom-page-url {
    display: inline-block;
    margin-left: .5rem; }
    #cms-toolbar .content form.custom-page-url fieldset,
    #homepage-toolbar .content form.custom-page-url fieldset,
    #geo-toolbar .content form.custom-page-url fieldset,
    #vertical-toolbar .content form.custom-page-url fieldset {
      margin: 0;
      border: 0;
      padding: 0; }
      #cms-toolbar .content form.custom-page-url fieldset .form-line,
      #homepage-toolbar .content form.custom-page-url fieldset .form-line,
      #geo-toolbar .content form.custom-page-url fieldset .form-line,
      #vertical-toolbar .content form.custom-page-url fieldset .form-line {
        width: 100%;
        padding-left: 0; }
        #cms-toolbar .content form.custom-page-url fieldset .form-line::after,
        #homepage-toolbar .content form.custom-page-url fieldset .form-line::after,
        #geo-toolbar .content form.custom-page-url fieldset .form-line::after,
        #vertical-toolbar .content form.custom-page-url fieldset .form-line::after {
          position: absolute;
          top: 18;
          bottom: 0;
          left: 155%;
          width: 25px;
          height: 25px;
          margin-top: 2;
          font-size: 0;
          background-image: url(/atomic/images/icon-validation-alert.png);
          background-image: url(/atomic/images/icon-validation-alert.svg);
          background-repeat: no-repeat;
          background-position: center;
          background-size: contain;
          content: "!"; }
        #cms-toolbar .content form.custom-page-url fieldset .form-line.valid::after,
        #homepage-toolbar .content form.custom-page-url fieldset .form-line.valid::after,
        #geo-toolbar .content form.custom-page-url fieldset .form-line.valid::after,
        #vertical-toolbar .content form.custom-page-url fieldset .form-line.valid::after {
          background-image: url(/atomic/images/icon-validation-success.png);
          background-image: url(/atomic/images/icon-validation-success.svg);
          content: "✓"; }
      #cms-toolbar .content form.custom-page-url fieldset input,
      #homepage-toolbar .content form.custom-page-url fieldset input,
      #geo-toolbar .content form.custom-page-url fieldset input,
      #vertical-toolbar .content form.custom-page-url fieldset input {
        width: 360px;
        height: 40px;
        border: 1px solid #b7deff;
        line-height: 40px; }
        #cms-toolbar .content form.custom-page-url fieldset input:disabled,
        #homepage-toolbar .content form.custom-page-url fieldset input:disabled,
        #geo-toolbar .content form.custom-page-url fieldset input:disabled,
        #vertical-toolbar .content form.custom-page-url fieldset input:disabled {
          background: #ddd; }

#cms-toolbar .header,
#homepage-toolbar .header,
#geo-toolbar .header,
#vertical-toolbar .header {
  height: 50px; }
  #cms-toolbar .header a,
  #homepage-toolbar .header a,
  #geo-toolbar .header a,
  #vertical-toolbar .header a {
    cursor: pointer; }
  #cms-toolbar .header h3,
  #homepage-toolbar .header h3,
  #geo-toolbar .header h3,
  #vertical-toolbar .header h3 {
    border-bottom: 1px solid #bdd7e5;
    padding: 1rem;
    font-size: 1.1rem;
    line-height: 1.1rem;
    font-weight: 500;
    color: #33373d;
    vertical-align: middle; }
    #cms-toolbar .header h3 span,
    #homepage-toolbar .header h3 span,
    #geo-toolbar .header h3 span,
    #vertical-toolbar .header h3 span {
      font-size: 1.1rem;
      line-height: 1.1rem; }
  #cms-toolbar .header > div,
  #homepage-toolbar .header > div,
  #geo-toolbar .header > div,
  #vertical-toolbar .header > div {
    position: relative;
    height: 45px;
    margin-top: 5px;
    padding-left: 5px; }
    #cms-toolbar .header > div::after,
    #homepage-toolbar .header > div::after,
    #geo-toolbar .header > div::after,
    #vertical-toolbar .header > div::after {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 1px;
      background: #bdd7e5;
      content: ""; }
  #cms-toolbar .header ~ a,
  #homepage-toolbar .header ~ a,
  #geo-toolbar .header ~ a,
  #vertical-toolbar .header ~ a {
    margin-left: 10px; }
  #cms-toolbar .header a,
  #homepage-toolbar .header a,
  #geo-toolbar .header a,
  #vertical-toolbar .header a {
    display: inline-block;
    position: relative;
    height: 100%;
    margin-left: -1px;
    border: 1px solid #bdd7e5;
    padding: 0 1rem;
    line-height: 45px;
    border-top-left-radius: .5rem;
    -webkit-border-top-left-radius: .5rem;
    -webkit-border-top-right-radius: .5rem;
    border-top-right-radius: .5rem;
    font-weight: 800;
    background-color: #fff;
    z-index: 1;
    -moz-border-radius-topleft: .5rem;
    -moz-border-radius-topright: .5rem; }
    #cms-toolbar .header a.active,
    #homepage-toolbar .header a.active,
    #geo-toolbar .header a.active,
    #vertical-toolbar .header a.active {
      border-bottom: 0; }

#cms-toolbar .cms-panel,
#homepage-toolbar .cms-panel,
#geo-toolbar .cms-panel,
#vertical-toolbar .cms-panel {
  height: calc(100% - 50px);
  padding: 1rem;
  overflow-y: scroll; }
  #cms-toolbar .cms-panel::-webkit-scrollbar,
  #homepage-toolbar .cms-panel::-webkit-scrollbar,
  #geo-toolbar .cms-panel::-webkit-scrollbar,
  #vertical-toolbar .cms-panel::-webkit-scrollbar {
    width: 8px; }
  #cms-toolbar .cms-panel::-webkit-scrollbar-track,
  #homepage-toolbar .cms-panel::-webkit-scrollbar-track,
  #geo-toolbar .cms-panel::-webkit-scrollbar-track,
  #vertical-toolbar .cms-panel::-webkit-scrollbar-track {
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }
  #cms-toolbar .cms-panel::-webkit-scrollbar-thumb,
  #homepage-toolbar .cms-panel::-webkit-scrollbar-thumb,
  #geo-toolbar .cms-panel::-webkit-scrollbar-thumb,
  #vertical-toolbar .cms-panel::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0;
    border-radius: 0;
    background: #bdd7e5; }
  #cms-toolbar .cms-panel::-webkit-scrollbar-thumb:window-inactive,
  #homepage-toolbar .cms-panel::-webkit-scrollbar-thumb:window-inactive,
  #geo-toolbar .cms-panel::-webkit-scrollbar-thumb:window-inactive,
  #vertical-toolbar .cms-panel::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(0, 0, 0, 0.5); }
  #cms-toolbar .cms-panel .error,
  #homepage-toolbar .cms-panel .error,
  #geo-toolbar .cms-panel .error,
  #vertical-toolbar .cms-panel .error {
    position: relative;
    height: 38px;
    padding: .6rem 1rem .6rem 2.5rem;
    line-height: 38px;
    color: #f54f4f;
    background: #ffdcdc; }
    #cms-toolbar .cms-panel .error::before,
    #homepage-toolbar .cms-panel .error::before,
    #geo-toolbar .cms-panel .error::before,
    #vertical-toolbar .cms-panel .error::before {
      position: absolute;
      top: 9px;
      left: 13px;
      width: 1rem;
      height: 1rem;
      background-image: url(/atomic/images/icon-validation-alert.png);
      background-image: url(/atomic/images/icon-validation-alert.svg);
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;
      content: ""; }
  #cms-toolbar .cms-panel .general-warning,
  #homepage-toolbar .cms-panel .general-warning,
  #geo-toolbar .cms-panel .general-warning,
  #vertical-toolbar .cms-panel .general-warning {
    padding: 1rem 1rem 1rem 5rem;
    background-color: #fff9cb;
    background-image: url(/atomic/images/icon-info-brown.png);
    background-image: url(/atomic/images/icon-info-brown.svg);
    background-repeat: no-repeat;
    background-position: 1.5rem 50%;
    background-size: 24px auto;
    margin: 1rem 0;
    color: black; }
    #cms-toolbar .cms-panel .general-warning p,
    #homepage-toolbar .cms-panel .general-warning p,
    #geo-toolbar .cms-panel .general-warning p,
    #vertical-toolbar .cms-panel .general-warning p {
      font-size: 1rem; }
    #cms-toolbar .cms-panel .general-warning b,
    #homepage-toolbar .cms-panel .general-warning b,
    #geo-toolbar .cms-panel .general-warning b,
    #vertical-toolbar .cms-panel .general-warning b {
      font-weight: bold; }

#cms-toolbar form.search-landing-page-form,
#homepage-toolbar form.search-landing-page-form,
#geo-toolbar form.search-landing-page-form,
#vertical-toolbar form.search-landing-page-form {
  bottom: 68px;
  width: 720px;
  height: 645px;
  margin-left: -360px; }
  #cms-toolbar form.search-landing-page-form div.message,
  #homepage-toolbar form.search-landing-page-form div.message,
  #geo-toolbar form.search-landing-page-form div.message,
  #vertical-toolbar form.search-landing-page-form div.message {
    width: 100%;
    padding: 60px;
    font-weight: 600;
    text-align: center; }
  #cms-toolbar form.search-landing-page-form ul,
  #homepage-toolbar form.search-landing-page-form ul,
  #geo-toolbar form.search-landing-page-form ul,
  #vertical-toolbar form.search-landing-page-form ul {
    margin-top: 1rem;
    margin-right: 1rem;
    margin-left: 1rem;
    line-height: 36px;
    background-color: #edf8ff; }
    #cms-toolbar form.search-landing-page-form ul li,
    #homepage-toolbar form.search-landing-page-form ul li,
    #geo-toolbar form.search-landing-page-form ul li,
    #vertical-toolbar form.search-landing-page-form ul li {
      height: 36px;
      border-bottom: 1px solid #d5e6ee; }
      #cms-toolbar form.search-landing-page-form ul li span,
      #homepage-toolbar form.search-landing-page-form ul li span,
      #geo-toolbar form.search-landing-page-form ul li span,
      #vertical-toolbar form.search-landing-page-form ul li span {
        margin-left: 1rem; }
      #cms-toolbar form.search-landing-page-form ul li:hover,
      #homepage-toolbar form.search-landing-page-form ul li:hover,
      #geo-toolbar form.search-landing-page-form ul li:hover,
      #vertical-toolbar form.search-landing-page-form ul li:hover {
        background: #37b0f2;
        cursor: pointer; }
  #cms-toolbar form.search-landing-page-form .footer,
  #homepage-toolbar form.search-landing-page-form .footer,
  #geo-toolbar form.search-landing-page-form .footer,
  #vertical-toolbar form.search-landing-page-form .footer {
    padding-top: 1.5rem;
    text-align: center; }
    #cms-toolbar form.search-landing-page-form .footer button,
    #homepage-toolbar form.search-landing-page-form .footer button,
    #geo-toolbar form.search-landing-page-form .footer button,
    #vertical-toolbar form.search-landing-page-form .footer button {
      width: 40px;
      height: 40px;
      margin: 0 .5rem;
      font-size: 0;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      border-radius: 5px;
      background-color: #37b0f2;
      background-repeat: no-repeat;
      background-position: center;
      background-size: 15px 15px;
      cursor: pointer;
      vertical-align: middle; }
      #cms-toolbar form.search-landing-page-form .footer button.prev,
      #homepage-toolbar form.search-landing-page-form .footer button.prev,
      #geo-toolbar form.search-landing-page-form .footer button.prev,
      #vertical-toolbar form.search-landing-page-form .footer button.prev {
        background-image: url(/atomic/images/icon-chevron-left-white.png);
        background-image: url(/atomic/images/icon-chevron-left-white.svg); }
      #cms-toolbar form.search-landing-page-form .footer button.next,
      #homepage-toolbar form.search-landing-page-form .footer button.next,
      #geo-toolbar form.search-landing-page-form .footer button.next,
      #vertical-toolbar form.search-landing-page-form .footer button.next {
        background-image: url(/atomic/images/icon-chevron-right-white.png);
        background-image: url(/atomic/images/icon-chevron-right-white.svg); }
      #cms-toolbar form.search-landing-page-form .footer button:hover,
      #homepage-toolbar form.search-landing-page-form .footer button:hover,
      #geo-toolbar form.search-landing-page-form .footer button:hover,
      #vertical-toolbar form.search-landing-page-form .footer button:hover {
        font-weight: 800;
        color: #fff;
        background-color: #37b0f2; }
    #cms-toolbar form.search-landing-page-form .footer .pagination,
    #homepage-toolbar form.search-landing-page-form .footer .pagination,
    #geo-toolbar form.search-landing-page-form .footer .pagination,
    #vertical-toolbar form.search-landing-page-form .footer .pagination {
      display: inline-block;
      margin: 0 1rem; }
      #cms-toolbar form.search-landing-page-form .footer .pagination .of,
      #homepage-toolbar form.search-landing-page-form .footer .pagination .of,
      #geo-toolbar form.search-landing-page-form .footer .pagination .of,
      #vertical-toolbar form.search-landing-page-form .footer .pagination .of {
        margin: 0 .5rem; }

#cms-toolbar form.custom-page-details,
#homepage-toolbar form.custom-page-details,
#geo-toolbar form.custom-page-details,
#vertical-toolbar form.custom-page-details {
  bottom: -700px;
  width: 728px;
  height: calc(100% - 86px);
  max-height: 645px;
  margin-left: -360px; }

#cms-toolbar form.search-landing-page-form,
#cms-toolbar form.custom-page-details,
#homepage-toolbar form.search-landing-page-form,
#homepage-toolbar form.custom-page-details,
#geo-toolbar form.search-landing-page-form,
#geo-toolbar form.custom-page-details,
#vertical-toolbar form.search-landing-page-form,
#vertical-toolbar form.custom-page-details {
  box-sizing: border-box;
  position: fixed;
  left: 50%;
  border-top: 3px solid #bdd7e5;
  border-right: 3px solid #bdd7e5;
  border-left: 3px solid #bdd7e5;
  -moz-transition: bottom 1s ease-in-out;
  -webkit-transition: bottom 1s ease-in-out;
  -ms-transition: bottom 1s ease-in-out;
  -o-transition: bottom 1s ease-in-out;
  border-radius: 10px 10px 0 0;
  background-color: #fff;
  -moz-box-shadow: 0 0 10px 2px rgba(33, 54, 66, 0.5);
  -webkit-box-shadow: 0 0 10px 2px rgba(33, 54, 66, 0.5);
  box-shadow: 0 0 10px 2px rgba(33, 54, 66, 0.5);
  z-index: 3; }
  #cms-toolbar form.search-landing-page-form .btn.close,
  #cms-toolbar form.custom-page-details .btn.close,
  #homepage-toolbar form.search-landing-page-form .btn.close,
  #homepage-toolbar form.custom-page-details .btn.close,
  #geo-toolbar form.search-landing-page-form .btn.close,
  #geo-toolbar form.custom-page-details .btn.close,
  #vertical-toolbar form.search-landing-page-form .btn.close,
  #vertical-toolbar form.custom-page-details .btn.close {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 1rem;
    height: 1rem; }
  #cms-toolbar form.search-landing-page-form fieldset,
  #cms-toolbar form.custom-page-details fieldset,
  #homepage-toolbar form.search-landing-page-form fieldset,
  #homepage-toolbar form.custom-page-details fieldset,
  #geo-toolbar form.search-landing-page-form fieldset,
  #geo-toolbar form.custom-page-details fieldset,
  #vertical-toolbar form.search-landing-page-form fieldset,
  #vertical-toolbar form.custom-page-details fieldset {
    margin: 0;
    border: 0;
    padding: 0; }
    #cms-toolbar form.search-landing-page-form fieldset label.cb,
    #cms-toolbar form.custom-page-details fieldset label.cb,
    #homepage-toolbar form.search-landing-page-form fieldset label.cb,
    #homepage-toolbar form.custom-page-details fieldset label.cb,
    #geo-toolbar form.search-landing-page-form fieldset label.cb,
    #geo-toolbar form.custom-page-details fieldset label.cb,
    #vertical-toolbar form.search-landing-page-form fieldset label.cb,
    #vertical-toolbar form.custom-page-details fieldset label.cb {
      display: block;
      position: relative;
      margin-top: .5rem;
      margin-bottom: .5rem;
      margin-left: .5rem; }
      #cms-toolbar form.search-landing-page-form fieldset label.cb span:last-of-type,
      #cms-toolbar form.custom-page-details fieldset label.cb span:last-of-type,
      #homepage-toolbar form.search-landing-page-form fieldset label.cb span:last-of-type,
      #homepage-toolbar form.custom-page-details fieldset label.cb span:last-of-type,
      #geo-toolbar form.search-landing-page-form fieldset label.cb span:last-of-type,
      #geo-toolbar form.custom-page-details fieldset label.cb span:last-of-type,
      #vertical-toolbar form.search-landing-page-form fieldset label.cb span:last-of-type,
      #vertical-toolbar form.custom-page-details fieldset label.cb span:last-of-type {
        padding-left: 1.75rem; }
    #cms-toolbar form.search-landing-page-form fieldset:first-of-type h3,
    #cms-toolbar form.custom-page-details fieldset:first-of-type h3,
    #homepage-toolbar form.search-landing-page-form fieldset:first-of-type h3,
    #homepage-toolbar form.custom-page-details fieldset:first-of-type h3,
    #geo-toolbar form.search-landing-page-form fieldset:first-of-type h3,
    #geo-toolbar form.custom-page-details fieldset:first-of-type h3,
    #vertical-toolbar form.search-landing-page-form fieldset:first-of-type h3,
    #vertical-toolbar form.custom-page-details fieldset:first-of-type h3 {
      margin-top: 0; }
    #cms-toolbar form.search-landing-page-form fieldset:last-of-type,
    #cms-toolbar form.custom-page-details fieldset:last-of-type,
    #homepage-toolbar form.search-landing-page-form fieldset:last-of-type,
    #homepage-toolbar form.custom-page-details fieldset:last-of-type,
    #geo-toolbar form.search-landing-page-form fieldset:last-of-type,
    #geo-toolbar form.custom-page-details fieldset:last-of-type,
    #vertical-toolbar form.search-landing-page-form fieldset:last-of-type,
    #vertical-toolbar form.custom-page-details fieldset:last-of-type {
      margin-bottom: 1rem; }
    #cms-toolbar form.search-landing-page-form fieldset h3,
    #cms-toolbar form.custom-page-details fieldset h3,
    #homepage-toolbar form.search-landing-page-form fieldset h3,
    #homepage-toolbar form.custom-page-details fieldset h3,
    #geo-toolbar form.search-landing-page-form fieldset h3,
    #geo-toolbar form.custom-page-details fieldset h3,
    #vertical-toolbar form.search-landing-page-form fieldset h3,
    #vertical-toolbar form.custom-page-details fieldset h3 {
      border-bottom: 1px solid #bdd7e5;
      padding: 1rem;
      font-size: 1.1rem;
      line-height: 1.1rem;
      font-weight: 500;
      color: #33373d;
      vertical-align: middle; }
      #cms-toolbar form.search-landing-page-form fieldset h3 span,
      #cms-toolbar form.custom-page-details fieldset h3 span,
      #homepage-toolbar form.search-landing-page-form fieldset h3 span,
      #homepage-toolbar form.custom-page-details fieldset h3 span,
      #geo-toolbar form.search-landing-page-form fieldset h3 span,
      #geo-toolbar form.custom-page-details fieldset h3 span,
      #vertical-toolbar form.search-landing-page-form fieldset h3 span,
      #vertical-toolbar form.custom-page-details fieldset h3 span {
        font-size: 1.1rem;
        line-height: 1.1rem; }
    #cms-toolbar form.search-landing-page-form fieldset .line,
    #cms-toolbar form.custom-page-details fieldset .line,
    #homepage-toolbar form.search-landing-page-form fieldset .line,
    #homepage-toolbar form.custom-page-details fieldset .line,
    #geo-toolbar form.search-landing-page-form fieldset .line,
    #geo-toolbar form.custom-page-details fieldset .line,
    #vertical-toolbar form.search-landing-page-form fieldset .line,
    #vertical-toolbar form.custom-page-details fieldset .line {
      display: inline-block;
      position: relative;
      width: 100%;
      margin-top: 5px; }
    #cms-toolbar form.search-landing-page-form fieldset .form-line,
    #cms-toolbar form.custom-page-details fieldset .form-line,
    #homepage-toolbar form.search-landing-page-form fieldset .form-line,
    #homepage-toolbar form.custom-page-details fieldset .form-line,
    #geo-toolbar form.search-landing-page-form fieldset .form-line,
    #geo-toolbar form.custom-page-details fieldset .form-line,
    #vertical-toolbar form.search-landing-page-form fieldset .form-line,
    #vertical-toolbar form.custom-page-details fieldset .form-line {
      display: inline-block;
      position: relative;
      width: 100%;
      margin-top: 5px; }
      #cms-toolbar form.search-landing-page-form fieldset .form-line:not(.skip-validation)::after,
      #cms-toolbar form.custom-page-details fieldset .form-line:not(.skip-validation)::after,
      #homepage-toolbar form.search-landing-page-form fieldset .form-line:not(.skip-validation)::after,
      #homepage-toolbar form.custom-page-details fieldset .form-line:not(.skip-validation)::after,
      #geo-toolbar form.search-landing-page-form fieldset .form-line:not(.skip-validation)::after,
      #geo-toolbar form.custom-page-details fieldset .form-line:not(.skip-validation)::after,
      #vertical-toolbar form.search-landing-page-form fieldset .form-line:not(.skip-validation)::after,
      #vertical-toolbar form.custom-page-details fieldset .form-line:not(.skip-validation)::after {
        display: inline-block;
        position: absolute;
        top: 13px;
        right: 20px;
        width: 25px;
        height: 25px;
        margin-top: 2;
        font-size: 0;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        content: "!";
        content: ""; }
      #cms-toolbar form.search-landing-page-form fieldset .form-line.skip-validation select:last-of-type,
      #cms-toolbar form.custom-page-details fieldset .form-line.skip-validation select:last-of-type,
      #homepage-toolbar form.search-landing-page-form fieldset .form-line.skip-validation select:last-of-type,
      #homepage-toolbar form.custom-page-details fieldset .form-line.skip-validation select:last-of-type,
      #geo-toolbar form.search-landing-page-form fieldset .form-line.skip-validation select:last-of-type,
      #geo-toolbar form.custom-page-details fieldset .form-line.skip-validation select:last-of-type,
      #vertical-toolbar form.search-landing-page-form fieldset .form-line.skip-validation select:last-of-type,
      #vertical-toolbar form.custom-page-details fieldset .form-line.skip-validation select:last-of-type {
        margin-top: 5px;
        margin-left: 200px; }
      #cms-toolbar form.search-landing-page-form fieldset .form-line.valid::after,
      #cms-toolbar form.custom-page-details fieldset .form-line.valid::after,
      #homepage-toolbar form.search-landing-page-form fieldset .form-line.valid::after,
      #homepage-toolbar form.custom-page-details fieldset .form-line.valid::after,
      #geo-toolbar form.search-landing-page-form fieldset .form-line.valid::after,
      #geo-toolbar form.custom-page-details fieldset .form-line.valid::after,
      #vertical-toolbar form.search-landing-page-form fieldset .form-line.valid::after,
      #vertical-toolbar form.custom-page-details fieldset .form-line.valid::after {
        background-image: url(/atomic/images/icon-validation-success.png);
        background-image: url(/atomic/images/icon-validation-success.svg);
        content: "✓"; }
      #cms-toolbar form.search-landing-page-form fieldset .form-line.invalid::after,
      #cms-toolbar form.custom-page-details fieldset .form-line.invalid::after,
      #homepage-toolbar form.search-landing-page-form fieldset .form-line.invalid::after,
      #homepage-toolbar form.custom-page-details fieldset .form-line.invalid::after,
      #geo-toolbar form.search-landing-page-form fieldset .form-line.invalid::after,
      #geo-toolbar form.custom-page-details fieldset .form-line.invalid::after,
      #vertical-toolbar form.search-landing-page-form fieldset .form-line.invalid::after,
      #vertical-toolbar form.custom-page-details fieldset .form-line.invalid::after {
        background-image: url(/atomic/images/icon-validation-alert.png);
        background-image: url(/atomic/images/icon-validation-alert.svg);
        content: "✓"; }
      #cms-toolbar form.search-landing-page-form fieldset .form-line label,
      #cms-toolbar form.custom-page-details fieldset .form-line label,
      #homepage-toolbar form.search-landing-page-form fieldset .form-line label,
      #homepage-toolbar form.custom-page-details fieldset .form-line label,
      #geo-toolbar form.search-landing-page-form fieldset .form-line label,
      #geo-toolbar form.custom-page-details fieldset .form-line label,
      #vertical-toolbar form.search-landing-page-form fieldset .form-line label,
      #vertical-toolbar form.custom-page-details fieldset .form-line label {
        display: block;
        float: left;
        clear: both;
        width: 180px;
        height: 40px;
        margin-right: 20px;
        padding: 0;
        line-height: 40px;
        font-weight: 500;
        text-align: right;
        color: #4f5355; }
        #cms-toolbar form.search-landing-page-form fieldset .form-line label.short,
        #cms-toolbar form.custom-page-details fieldset .form-line label.short,
        #homepage-toolbar form.search-landing-page-form fieldset .form-line label.short,
        #homepage-toolbar form.custom-page-details fieldset .form-line label.short,
        #geo-toolbar form.search-landing-page-form fieldset .form-line label.short,
        #geo-toolbar form.custom-page-details fieldset .form-line label.short,
        #vertical-toolbar form.search-landing-page-form fieldset .form-line label.short,
        #vertical-toolbar form.custom-page-details fieldset .form-line label.short {
          width: 40px; }
      #cms-toolbar form.search-landing-page-form fieldset .form-line:not(.no-order) .order-buttons,
      #cms-toolbar form.custom-page-details fieldset .form-line:not(.no-order) .order-buttons,
      #homepage-toolbar form.search-landing-page-form fieldset .form-line:not(.no-order) .order-buttons,
      #homepage-toolbar form.custom-page-details fieldset .form-line:not(.no-order) .order-buttons,
      #geo-toolbar form.search-landing-page-form fieldset .form-line:not(.no-order) .order-buttons,
      #geo-toolbar form.custom-page-details fieldset .form-line:not(.no-order) .order-buttons,
      #vertical-toolbar form.search-landing-page-form fieldset .form-line:not(.no-order) .order-buttons,
      #vertical-toolbar form.custom-page-details fieldset .form-line:not(.no-order) .order-buttons {
        position: relative;
        float: left;
        width: 138px; }
        #cms-toolbar form.search-landing-page-form fieldset .form-line:not(.no-order) .order-buttons label:nth-child(1),
        #cms-toolbar form.custom-page-details fieldset .form-line:not(.no-order) .order-buttons label:nth-child(1),
        #homepage-toolbar form.search-landing-page-form fieldset .form-line:not(.no-order) .order-buttons label:nth-child(1),
        #homepage-toolbar form.custom-page-details fieldset .form-line:not(.no-order) .order-buttons label:nth-child(1),
        #geo-toolbar form.search-landing-page-form fieldset .form-line:not(.no-order) .order-buttons label:nth-child(1),
        #geo-toolbar form.custom-page-details fieldset .form-line:not(.no-order) .order-buttons label:nth-child(1),
        #vertical-toolbar form.search-landing-page-form fieldset .form-line:not(.no-order) .order-buttons label:nth-child(1),
        #vertical-toolbar form.custom-page-details fieldset .form-line:not(.no-order) .order-buttons label:nth-child(1) {
          background-color: #ddd;
          cursor: initial; }
        #cms-toolbar form.search-landing-page-form fieldset .form-line:not(.no-order) .order-buttons label,
        #cms-toolbar form.custom-page-details fieldset .form-line:not(.no-order) .order-buttons label,
        #homepage-toolbar form.search-landing-page-form fieldset .form-line:not(.no-order) .order-buttons label,
        #homepage-toolbar form.custom-page-details fieldset .form-line:not(.no-order) .order-buttons label,
        #geo-toolbar form.search-landing-page-form fieldset .form-line:not(.no-order) .order-buttons label,
        #geo-toolbar form.custom-page-details fieldset .form-line:not(.no-order) .order-buttons label,
        #vertical-toolbar form.search-landing-page-form fieldset .form-line:not(.no-order) .order-buttons label,
        #vertical-toolbar form.custom-page-details fieldset .form-line:not(.no-order) .order-buttons label {
          display: inline-block;
          float: left;
          clear: none;
          width: 38px;
          height: 38px;
          margin-right: .5rem;
          padding: 0;
          font-size: 0;
          line-height: 38px;
          border-radius: .5rem;
          text-align: center;
          background-image: url(/atomic/images/icon-chevron-down-white.png);
          background-image: url(/atomic/images/icon-chevron-down-white.svg);
          background-repeat: no-repeat;
          background-position: center;
          background-size: 20px 20px;
          cursor: pointer; }
          #cms-toolbar form.search-landing-page-form fieldset .form-line:not(.no-order) .order-buttons label:first-of-type,
          #cms-toolbar form.custom-page-details fieldset .form-line:not(.no-order) .order-buttons label:first-of-type,
          #homepage-toolbar form.search-landing-page-form fieldset .form-line:not(.no-order) .order-buttons label:first-of-type,
          #homepage-toolbar form.custom-page-details fieldset .form-line:not(.no-order) .order-buttons label:first-of-type,
          #geo-toolbar form.search-landing-page-form fieldset .form-line:not(.no-order) .order-buttons label:first-of-type,
          #geo-toolbar form.custom-page-details fieldset .form-line:not(.no-order) .order-buttons label:first-of-type,
          #vertical-toolbar form.search-landing-page-form fieldset .form-line:not(.no-order) .order-buttons label:first-of-type,
          #vertical-toolbar form.custom-page-details fieldset .form-line:not(.no-order) .order-buttons label:first-of-type {
            background-image: url(/atomic/images/icon-chevron-up-white.png);
            background-image: url(/atomic/images/icon-chevron-up-white.svg); }
          #cms-toolbar form.search-landing-page-form fieldset .form-line:not(.no-order) .order-buttons label:last-of-type,
          #cms-toolbar form.custom-page-details fieldset .form-line:not(.no-order) .order-buttons label:last-of-type,
          #homepage-toolbar form.search-landing-page-form fieldset .form-line:not(.no-order) .order-buttons label:last-of-type,
          #homepage-toolbar form.custom-page-details fieldset .form-line:not(.no-order) .order-buttons label:last-of-type,
          #geo-toolbar form.search-landing-page-form fieldset .form-line:not(.no-order) .order-buttons label:last-of-type,
          #geo-toolbar form.custom-page-details fieldset .form-line:not(.no-order) .order-buttons label:last-of-type,
          #vertical-toolbar form.search-landing-page-form fieldset .form-line:not(.no-order) .order-buttons label:last-of-type,
          #vertical-toolbar form.custom-page-details fieldset .form-line:not(.no-order) .order-buttons label:last-of-type {
            background-image: url(/atomic/images/icon-trash.png);
            background-image: url(/atomic/images/icon-trash.svg); }
      #cms-toolbar form.search-landing-page-form fieldset .form-line:not(.no-order) ~ .form-line .order-buttons label:nth-child(1),
      #cms-toolbar form.custom-page-details fieldset .form-line:not(.no-order) ~ .form-line .order-buttons label:nth-child(1),
      #homepage-toolbar form.search-landing-page-form fieldset .form-line:not(.no-order) ~ .form-line .order-buttons label:nth-child(1),
      #homepage-toolbar form.custom-page-details fieldset .form-line:not(.no-order) ~ .form-line .order-buttons label:nth-child(1),
      #geo-toolbar form.search-landing-page-form fieldset .form-line:not(.no-order) ~ .form-line .order-buttons label:nth-child(1),
      #geo-toolbar form.custom-page-details fieldset .form-line:not(.no-order) ~ .form-line .order-buttons label:nth-child(1),
      #vertical-toolbar form.search-landing-page-form fieldset .form-line:not(.no-order) ~ .form-line .order-buttons label:nth-child(1),
      #vertical-toolbar form.custom-page-details fieldset .form-line:not(.no-order) ~ .form-line .order-buttons label:nth-child(1) {
        background-color: #ff007d;
        cursor: pointer; }
      #cms-toolbar form.search-landing-page-form fieldset .form-line:not(.no-order):last-of-type,
      #cms-toolbar form.custom-page-details fieldset .form-line:not(.no-order):last-of-type,
      #homepage-toolbar form.search-landing-page-form fieldset .form-line:not(.no-order):last-of-type,
      #homepage-toolbar form.custom-page-details fieldset .form-line:not(.no-order):last-of-type,
      #geo-toolbar form.search-landing-page-form fieldset .form-line:not(.no-order):last-of-type,
      #geo-toolbar form.custom-page-details fieldset .form-line:not(.no-order):last-of-type,
      #vertical-toolbar form.search-landing-page-form fieldset .form-line:not(.no-order):last-of-type,
      #vertical-toolbar form.custom-page-details fieldset .form-line:not(.no-order):last-of-type {
        border-bottom: 0; }
        #cms-toolbar form.search-landing-page-form fieldset .form-line:not(.no-order):last-of-type label:nth-child(2),
        #cms-toolbar form.custom-page-details fieldset .form-line:not(.no-order):last-of-type label:nth-child(2),
        #homepage-toolbar form.search-landing-page-form fieldset .form-line:not(.no-order):last-of-type label:nth-child(2),
        #homepage-toolbar form.custom-page-details fieldset .form-line:not(.no-order):last-of-type label:nth-child(2),
        #geo-toolbar form.search-landing-page-form fieldset .form-line:not(.no-order):last-of-type label:nth-child(2),
        #geo-toolbar form.custom-page-details fieldset .form-line:not(.no-order):last-of-type label:nth-child(2),
        #vertical-toolbar form.search-landing-page-form fieldset .form-line:not(.no-order):last-of-type label:nth-child(2),
        #vertical-toolbar form.custom-page-details fieldset .form-line:not(.no-order):last-of-type label:nth-child(2) {
          background-color: #ddd;
          cursor: initial; }
      #cms-toolbar form.search-landing-page-form fieldset .form-line input,
      #cms-toolbar form.search-landing-page-form fieldset .form-line select,
      #cms-toolbar form.search-landing-page-form fieldset .form-line textarea,
      #cms-toolbar form.custom-page-details fieldset .form-line input,
      #cms-toolbar form.custom-page-details fieldset .form-line select,
      #cms-toolbar form.custom-page-details fieldset .form-line textarea,
      #homepage-toolbar form.search-landing-page-form fieldset .form-line input,
      #homepage-toolbar form.search-landing-page-form fieldset .form-line select,
      #homepage-toolbar form.search-landing-page-form fieldset .form-line textarea,
      #homepage-toolbar form.custom-page-details fieldset .form-line input,
      #homepage-toolbar form.custom-page-details fieldset .form-line select,
      #homepage-toolbar form.custom-page-details fieldset .form-line textarea,
      #geo-toolbar form.search-landing-page-form fieldset .form-line input,
      #geo-toolbar form.search-landing-page-form fieldset .form-line select,
      #geo-toolbar form.search-landing-page-form fieldset .form-line textarea,
      #geo-toolbar form.custom-page-details fieldset .form-line input,
      #geo-toolbar form.custom-page-details fieldset .form-line select,
      #geo-toolbar form.custom-page-details fieldset .form-line textarea,
      #vertical-toolbar form.search-landing-page-form fieldset .form-line input,
      #vertical-toolbar form.search-landing-page-form fieldset .form-line select,
      #vertical-toolbar form.search-landing-page-form fieldset .form-line textarea,
      #vertical-toolbar form.custom-page-details fieldset .form-line input,
      #vertical-toolbar form.custom-page-details fieldset .form-line select,
      #vertical-toolbar form.custom-page-details fieldset .form-line textarea {
        float: left;
        width: 470px;
        height: 40px;
        border: 1px solid #b7deff;
        padding: .5rem;
        resize: none; }
        #cms-toolbar form.search-landing-page-form fieldset .form-line input.long-text,
        #cms-toolbar form.search-landing-page-form fieldset .form-line select.long-text,
        #cms-toolbar form.search-landing-page-form fieldset .form-line textarea.long-text,
        #cms-toolbar form.custom-page-details fieldset .form-line input.long-text,
        #cms-toolbar form.custom-page-details fieldset .form-line select.long-text,
        #cms-toolbar form.custom-page-details fieldset .form-line textarea.long-text,
        #homepage-toolbar form.search-landing-page-form fieldset .form-line input.long-text,
        #homepage-toolbar form.search-landing-page-form fieldset .form-line select.long-text,
        #homepage-toolbar form.search-landing-page-form fieldset .form-line textarea.long-text,
        #homepage-toolbar form.custom-page-details fieldset .form-line input.long-text,
        #homepage-toolbar form.custom-page-details fieldset .form-line select.long-text,
        #homepage-toolbar form.custom-page-details fieldset .form-line textarea.long-text,
        #geo-toolbar form.search-landing-page-form fieldset .form-line input.long-text,
        #geo-toolbar form.search-landing-page-form fieldset .form-line select.long-text,
        #geo-toolbar form.search-landing-page-form fieldset .form-line textarea.long-text,
        #geo-toolbar form.custom-page-details fieldset .form-line input.long-text,
        #geo-toolbar form.custom-page-details fieldset .form-line select.long-text,
        #geo-toolbar form.custom-page-details fieldset .form-line textarea.long-text,
        #vertical-toolbar form.search-landing-page-form fieldset .form-line input.long-text,
        #vertical-toolbar form.search-landing-page-form fieldset .form-line select.long-text,
        #vertical-toolbar form.search-landing-page-form fieldset .form-line textarea.long-text,
        #vertical-toolbar form.custom-page-details fieldset .form-line input.long-text,
        #vertical-toolbar form.custom-page-details fieldset .form-line select.long-text,
        #vertical-toolbar form.custom-page-details fieldset .form-line textarea.long-text {
          height: 90px;
          min-height: 90px;
          max-height: 90px; }
        #cms-toolbar form.search-landing-page-form fieldset .form-line input.short,
        #cms-toolbar form.search-landing-page-form fieldset .form-line select.short,
        #cms-toolbar form.search-landing-page-form fieldset .form-line textarea.short,
        #cms-toolbar form.custom-page-details fieldset .form-line input.short,
        #cms-toolbar form.custom-page-details fieldset .form-line select.short,
        #cms-toolbar form.custom-page-details fieldset .form-line textarea.short,
        #homepage-toolbar form.search-landing-page-form fieldset .form-line input.short,
        #homepage-toolbar form.search-landing-page-form fieldset .form-line select.short,
        #homepage-toolbar form.search-landing-page-form fieldset .form-line textarea.short,
        #homepage-toolbar form.custom-page-details fieldset .form-line input.short,
        #homepage-toolbar form.custom-page-details fieldset .form-line select.short,
        #homepage-toolbar form.custom-page-details fieldset .form-line textarea.short,
        #geo-toolbar form.search-landing-page-form fieldset .form-line input.short,
        #geo-toolbar form.search-landing-page-form fieldset .form-line select.short,
        #geo-toolbar form.search-landing-page-form fieldset .form-line textarea.short,
        #geo-toolbar form.custom-page-details fieldset .form-line input.short,
        #geo-toolbar form.custom-page-details fieldset .form-line select.short,
        #geo-toolbar form.custom-page-details fieldset .form-line textarea.short,
        #vertical-toolbar form.search-landing-page-form fieldset .form-line input.short,
        #vertical-toolbar form.search-landing-page-form fieldset .form-line select.short,
        #vertical-toolbar form.search-landing-page-form fieldset .form-line textarea.short,
        #vertical-toolbar form.custom-page-details fieldset .form-line input.short,
        #vertical-toolbar form.custom-page-details fieldset .form-line select.short,
        #vertical-toolbar form.custom-page-details fieldset .form-line textarea.short {
          width: 220px; }
      #cms-toolbar form.search-landing-page-form fieldset .form-line input,
      #cms-toolbar form.search-landing-page-form fieldset .form-line select,
      #cms-toolbar form.custom-page-details fieldset .form-line input,
      #cms-toolbar form.custom-page-details fieldset .form-line select,
      #homepage-toolbar form.search-landing-page-form fieldset .form-line input,
      #homepage-toolbar form.search-landing-page-form fieldset .form-line select,
      #homepage-toolbar form.custom-page-details fieldset .form-line input,
      #homepage-toolbar form.custom-page-details fieldset .form-line select,
      #geo-toolbar form.search-landing-page-form fieldset .form-line input,
      #geo-toolbar form.search-landing-page-form fieldset .form-line select,
      #geo-toolbar form.custom-page-details fieldset .form-line input,
      #geo-toolbar form.custom-page-details fieldset .form-line select,
      #vertical-toolbar form.search-landing-page-form fieldset .form-line input,
      #vertical-toolbar form.search-landing-page-form fieldset .form-line select,
      #vertical-toolbar form.custom-page-details fieldset .form-line input,
      #vertical-toolbar form.custom-page-details fieldset .form-line select {
        font-size: 1rem;
        line-height: 40px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0; }
    #cms-toolbar form.search-landing-page-form fieldset.desc-component .title,
    #cms-toolbar form.custom-page-details fieldset.desc-component .title,
    #homepage-toolbar form.search-landing-page-form fieldset.desc-component .title,
    #homepage-toolbar form.custom-page-details fieldset.desc-component .title,
    #geo-toolbar form.search-landing-page-form fieldset.desc-component .title,
    #geo-toolbar form.custom-page-details fieldset.desc-component .title,
    #vertical-toolbar form.search-landing-page-form fieldset.desc-component .title,
    #vertical-toolbar form.custom-page-details fieldset.desc-component .title {
      display: block;
      float: left;
      margin-bottom: .5rem; }
    #cms-toolbar form.search-landing-page-form fieldset.desc-component > .paragraph,
    #cms-toolbar form.custom-page-details fieldset.desc-component > .paragraph,
    #homepage-toolbar form.search-landing-page-form fieldset.desc-component > .paragraph,
    #homepage-toolbar form.custom-page-details fieldset.desc-component > .paragraph,
    #geo-toolbar form.search-landing-page-form fieldset.desc-component > .paragraph,
    #geo-toolbar form.custom-page-details fieldset.desc-component > .paragraph,
    #vertical-toolbar form.search-landing-page-form fieldset.desc-component > .paragraph,
    #vertical-toolbar form.custom-page-details fieldset.desc-component > .paragraph {
      display: block;
      float: left;
      margin-bottom: .5rem;
      border-top: 1px solid #bdd7e5;
      padding-top: .5rem; }
      #cms-toolbar form.search-landing-page-form fieldset.desc-component > .paragraph fieldset:last-of-type,
      #cms-toolbar form.custom-page-details fieldset.desc-component > .paragraph fieldset:last-of-type,
      #homepage-toolbar form.search-landing-page-form fieldset.desc-component > .paragraph fieldset:last-of-type,
      #homepage-toolbar form.custom-page-details fieldset.desc-component > .paragraph fieldset:last-of-type,
      #geo-toolbar form.search-landing-page-form fieldset.desc-component > .paragraph fieldset:last-of-type,
      #geo-toolbar form.custom-page-details fieldset.desc-component > .paragraph fieldset:last-of-type,
      #vertical-toolbar form.search-landing-page-form fieldset.desc-component > .paragraph fieldset:last-of-type,
      #vertical-toolbar form.custom-page-details fieldset.desc-component > .paragraph fieldset:last-of-type {
        margin-bottom: 0; }
    #cms-toolbar form.search-landing-page-form fieldset.desc-component .form-line,
    #cms-toolbar form.custom-page-details fieldset.desc-component .form-line,
    #homepage-toolbar form.search-landing-page-form fieldset.desc-component .form-line,
    #homepage-toolbar form.custom-page-details fieldset.desc-component .form-line,
    #geo-toolbar form.search-landing-page-form fieldset.desc-component .form-line,
    #geo-toolbar form.custom-page-details fieldset.desc-component .form-line,
    #vertical-toolbar form.search-landing-page-form fieldset.desc-component .form-line,
    #vertical-toolbar form.custom-page-details fieldset.desc-component .form-line {
      border-bottom: 0; }
      #cms-toolbar form.search-landing-page-form fieldset.desc-component .form-line label:not(.primary),
      #cms-toolbar form.custom-page-details fieldset.desc-component .form-line label:not(.primary),
      #homepage-toolbar form.search-landing-page-form fieldset.desc-component .form-line label:not(.primary),
      #homepage-toolbar form.custom-page-details fieldset.desc-component .form-line label:not(.primary),
      #geo-toolbar form.search-landing-page-form fieldset.desc-component .form-line label:not(.primary),
      #geo-toolbar form.custom-page-details fieldset.desc-component .form-line label:not(.primary),
      #vertical-toolbar form.search-landing-page-form fieldset.desc-component .form-line label:not(.primary),
      #vertical-toolbar form.custom-page-details fieldset.desc-component .form-line label:not(.primary) {
        display: inline-block;
        width: 150px; }
      #cms-toolbar form.search-landing-page-form fieldset.desc-component .form-line input,
      #cms-toolbar form.search-landing-page-form fieldset.desc-component .form-line textarea,
      #cms-toolbar form.custom-page-details fieldset.desc-component .form-line input,
      #cms-toolbar form.custom-page-details fieldset.desc-component .form-line textarea,
      #homepage-toolbar form.search-landing-page-form fieldset.desc-component .form-line input,
      #homepage-toolbar form.search-landing-page-form fieldset.desc-component .form-line textarea,
      #homepage-toolbar form.custom-page-details fieldset.desc-component .form-line input,
      #homepage-toolbar form.custom-page-details fieldset.desc-component .form-line textarea,
      #geo-toolbar form.search-landing-page-form fieldset.desc-component .form-line input,
      #geo-toolbar form.search-landing-page-form fieldset.desc-component .form-line textarea,
      #geo-toolbar form.custom-page-details fieldset.desc-component .form-line input,
      #geo-toolbar form.custom-page-details fieldset.desc-component .form-line textarea,
      #vertical-toolbar form.search-landing-page-form fieldset.desc-component .form-line input,
      #vertical-toolbar form.search-landing-page-form fieldset.desc-component .form-line textarea,
      #vertical-toolbar form.custom-page-details fieldset.desc-component .form-line input,
      #vertical-toolbar form.custom-page-details fieldset.desc-component .form-line textarea {
        width: 500px;
        font-size: 1rem; }
      #cms-toolbar form.search-landing-page-form fieldset.desc-component .form-line textarea,
      #cms-toolbar form.custom-page-details fieldset.desc-component .form-line textarea,
      #homepage-toolbar form.search-landing-page-form fieldset.desc-component .form-line textarea,
      #homepage-toolbar form.custom-page-details fieldset.desc-component .form-line textarea,
      #geo-toolbar form.search-landing-page-form fieldset.desc-component .form-line textarea,
      #geo-toolbar form.custom-page-details fieldset.desc-component .form-line textarea,
      #vertical-toolbar form.search-landing-page-form fieldset.desc-component .form-line textarea,
      #vertical-toolbar form.custom-page-details fieldset.desc-component .form-line textarea {
        height: auto;
        padding: .5rem; }
      #cms-toolbar form.search-landing-page-form fieldset.desc-component .form-line > div,
      #cms-toolbar form.custom-page-details fieldset.desc-component .form-line > div,
      #homepage-toolbar form.search-landing-page-form fieldset.desc-component .form-line > div,
      #homepage-toolbar form.custom-page-details fieldset.desc-component .form-line > div,
      #geo-toolbar form.search-landing-page-form fieldset.desc-component .form-line > div,
      #geo-toolbar form.custom-page-details fieldset.desc-component .form-line > div,
      #vertical-toolbar form.search-landing-page-form fieldset.desc-component .form-line > div,
      #vertical-toolbar form.custom-page-details fieldset.desc-component .form-line > div {
        float: left;
        margin: .5rem 0; }
      #cms-toolbar form.search-landing-page-form fieldset.desc-component .form-line .order-buttons label,
      #cms-toolbar form.custom-page-details fieldset.desc-component .form-line .order-buttons label,
      #homepage-toolbar form.search-landing-page-form fieldset.desc-component .form-line .order-buttons label,
      #homepage-toolbar form.custom-page-details fieldset.desc-component .form-line .order-buttons label,
      #geo-toolbar form.search-landing-page-form fieldset.desc-component .form-line .order-buttons label,
      #geo-toolbar form.custom-page-details fieldset.desc-component .form-line .order-buttons label,
      #vertical-toolbar form.search-landing-page-form fieldset.desc-component .form-line .order-buttons label,
      #vertical-toolbar form.custom-page-details fieldset.desc-component .form-line .order-buttons label {
        width: 38px; }
    #cms-toolbar form.search-landing-page-form fieldset.desc-component header,
    #cms-toolbar form.custom-page-details fieldset.desc-component header,
    #homepage-toolbar form.search-landing-page-form fieldset.desc-component header,
    #homepage-toolbar form.custom-page-details fieldset.desc-component header,
    #geo-toolbar form.search-landing-page-form fieldset.desc-component header,
    #geo-toolbar form.custom-page-details fieldset.desc-component header,
    #vertical-toolbar form.search-landing-page-form fieldset.desc-component header,
    #vertical-toolbar form.custom-page-details fieldset.desc-component header {
      float: left;
      width: 100%;
      border-top: 1px solid #bdd7e5;
      padding: .75rem 0;
      text-align: center;
      text-align: center;
      background-color: transparent; }
      #cms-toolbar form.search-landing-page-form fieldset.desc-component header button,
      #cms-toolbar form.custom-page-details fieldset.desc-component header button,
      #homepage-toolbar form.search-landing-page-form fieldset.desc-component header button,
      #homepage-toolbar form.custom-page-details fieldset.desc-component header button,
      #geo-toolbar form.search-landing-page-form fieldset.desc-component header button,
      #geo-toolbar form.custom-page-details fieldset.desc-component header button,
      #vertical-toolbar form.search-landing-page-form fieldset.desc-component header button,
      #vertical-toolbar form.custom-page-details fieldset.desc-component header button {
        display: inline-block;
        margin-right: .5rem; }
        #cms-toolbar form.search-landing-page-form fieldset.desc-component header button:last-of-type,
        #cms-toolbar form.custom-page-details fieldset.desc-component header button:last-of-type,
        #homepage-toolbar form.search-landing-page-form fieldset.desc-component header button:last-of-type,
        #homepage-toolbar form.custom-page-details fieldset.desc-component header button:last-of-type,
        #geo-toolbar form.search-landing-page-form fieldset.desc-component header button:last-of-type,
        #geo-toolbar form.custom-page-details fieldset.desc-component header button:last-of-type,
        #vertical-toolbar form.search-landing-page-form fieldset.desc-component header button:last-of-type,
        #vertical-toolbar form.custom-page-details fieldset.desc-component header button:last-of-type {
          margin-right: 0; }
    #cms-toolbar form.search-landing-page-form fieldset.desc-component footer,
    #cms-toolbar form.custom-page-details fieldset.desc-component footer,
    #homepage-toolbar form.search-landing-page-form fieldset.desc-component footer,
    #homepage-toolbar form.custom-page-details fieldset.desc-component footer,
    #geo-toolbar form.search-landing-page-form fieldset.desc-component footer,
    #geo-toolbar form.custom-page-details fieldset.desc-component footer,
    #vertical-toolbar form.search-landing-page-form fieldset.desc-component footer,
    #vertical-toolbar form.custom-page-details fieldset.desc-component footer {
      float: left;
      width: 100%;
      border-top: 1px solid #bdd7e5;
      padding-top: .75rem !important;
      text-align: center;
      text-align: center;
      background-color: transparent; }
      #cms-toolbar form.search-landing-page-form fieldset.desc-component footer button,
      #cms-toolbar form.custom-page-details fieldset.desc-component footer button,
      #homepage-toolbar form.search-landing-page-form fieldset.desc-component footer button,
      #homepage-toolbar form.custom-page-details fieldset.desc-component footer button,
      #geo-toolbar form.search-landing-page-form fieldset.desc-component footer button,
      #geo-toolbar form.custom-page-details fieldset.desc-component footer button,
      #vertical-toolbar form.search-landing-page-form fieldset.desc-component footer button,
      #vertical-toolbar form.custom-page-details fieldset.desc-component footer button {
        display: inline-block;
        margin-right: .5rem; }
        #cms-toolbar form.search-landing-page-form fieldset.desc-component footer button:last-child,
        #cms-toolbar form.custom-page-details fieldset.desc-component footer button:last-child,
        #homepage-toolbar form.search-landing-page-form fieldset.desc-component footer button:last-child,
        #homepage-toolbar form.custom-page-details fieldset.desc-component footer button:last-child,
        #geo-toolbar form.search-landing-page-form fieldset.desc-component footer button:last-child,
        #geo-toolbar form.custom-page-details fieldset.desc-component footer button:last-child,
        #vertical-toolbar form.search-landing-page-form fieldset.desc-component footer button:last-child,
        #vertical-toolbar form.custom-page-details fieldset.desc-component footer button:last-child {
          margin-top: .75rem; }
        #cms-toolbar form.search-landing-page-form fieldset.desc-component footer button:last-of-type,
        #cms-toolbar form.custom-page-details fieldset.desc-component footer button:last-of-type,
        #homepage-toolbar form.search-landing-page-form fieldset.desc-component footer button:last-of-type,
        #homepage-toolbar form.custom-page-details fieldset.desc-component footer button:last-of-type,
        #geo-toolbar form.search-landing-page-form fieldset.desc-component footer button:last-of-type,
        #geo-toolbar form.custom-page-details fieldset.desc-component footer button:last-of-type,
        #vertical-toolbar form.search-landing-page-form fieldset.desc-component footer button:last-of-type,
        #vertical-toolbar form.custom-page-details fieldset.desc-component footer button:last-of-type {
          margin-right: 0; }
  #cms-toolbar form.search-landing-page-form.expanded,
  #cms-toolbar form.custom-page-details.expanded,
  #homepage-toolbar form.search-landing-page-form.expanded,
  #homepage-toolbar form.custom-page-details.expanded,
  #geo-toolbar form.search-landing-page-form.expanded,
  #geo-toolbar form.custom-page-details.expanded,
  #vertical-toolbar form.search-landing-page-form.expanded,
  #vertical-toolbar form.custom-page-details.expanded {
    bottom: 68px; }
    @media (max-width: 1350px) {
      #cms-toolbar form.search-landing-page-form.expanded,
      #cms-toolbar form.custom-page-details.expanded,
      #homepage-toolbar form.search-landing-page-form.expanded,
      #homepage-toolbar form.custom-page-details.expanded,
      #geo-toolbar form.search-landing-page-form.expanded,
      #geo-toolbar form.custom-page-details.expanded,
      #vertical-toolbar form.search-landing-page-form.expanded,
      #vertical-toolbar form.custom-page-details.expanded {
        bottom: 120px; } }

#cms-toolbar button.primary,
#homepage-toolbar button.primary,
#geo-toolbar button.primary,
#vertical-toolbar button.primary {
  padding: .6rem;
  font-size: .85rem;
  line-height: 1; }

#homepage-toolbar button.primary {
  padding: .6rem;
  margin: 5px;
  font-size: .85rem;
  line-height: 1; }

#geo-toolbar .custom-page-details fieldset > .primary.btn {
  display: inline-block;
  width: auto;
  height: 38px;
  margin-bottom: 1rem;
  padding: 0 .6rem;
  line-height: 38px;
  background-color: #37b0f2; }

#geo-toolbar .custom-page-details fieldset .form-line {
  display: block;
  float: left;
  width: 100%;
  margin-top: 0 !important;
  border-bottom: 1px solid #bdd7e5;
  padding: .5rem 0;
  overflow: initial !important; }
  #geo-toolbar .custom-page-details fieldset .form-line ~ .form-line .order-buttons label:nth-child(1) {
    background-color: #ff007d; }
  #geo-toolbar .custom-page-details fieldset .form-line:last-of-type {
    border-bottom: 0; }
    #geo-toolbar .custom-page-details fieldset .form-line:last-of-type label:nth-child(2) {
      background-color: #ddd;
      cursor: initial; }
  #geo-toolbar .custom-page-details fieldset .form-line::after {
    display: none; }
  #geo-toolbar .custom-page-details fieldset .form-line .file-uploader.inline {
    width: 150px !important; }
  #geo-toolbar .custom-page-details fieldset .form-line .select-box.custom-page-picker {
    display: inline-block;
    position: relative;
    float: left;
    width: 200px;
    height: 40px;
    min-height: 40px;
    margin-right: 1rem;
    border: 1px solid #b7deff; }
    #geo-toolbar .custom-page-details fieldset .form-line .select-box.custom-page-picker .expander {
      height: 100%; }
      #geo-toolbar .custom-page-details fieldset .form-line .select-box.custom-page-picker .expander .inner-container .menu-toggle {
        height: 38px;
        border-bottom: 0;
        padding-left: .8rem; }
        #geo-toolbar .custom-page-details fieldset .form-line .select-box.custom-page-picker .expander .inner-container .menu-toggle::after {
          background-image: url(/atomic/images/icon-chevron-down-blue.png);
          background-image: url(/atomic/images/icon-chevron-down-blue.svg); }
      #geo-toolbar .custom-page-details fieldset .form-line .select-box.custom-page-picker .expander.expanded .inner-container {
        position: absolute;
        width: 200px; }
        #geo-toolbar .custom-page-details fieldset .form-line .select-box.custom-page-picker .expander.expanded .inner-container .menu-toggle::after {
          background-image: url(/atomic/images/icon-chevron-up-blue.png);
          background-image: url(/atomic/images/icon-chevron-up-blue.svg); }
        #geo-toolbar .custom-page-details fieldset .form-line .select-box.custom-page-picker .expander.expanded .inner-container .menu {
          height: 300px;
          border-top: 1px solid #b7deff;
          overflow: scroll; }
          #geo-toolbar .custom-page-details fieldset .form-line .select-box.custom-page-picker .expander.expanded .inner-container .menu .menu-options li {
            cursor: pointer; }
            #geo-toolbar .custom-page-details fieldset .form-line .select-box.custom-page-picker .expander.expanded .inner-container .menu .menu-options li:hover {
              background-color: #f9fcff; }
  #geo-toolbar .custom-page-details fieldset .form-line .custom-page-url {
    display: inline-block;
    float: left;
    margin-right: .5rem; }
    #geo-toolbar .custom-page-details fieldset .form-line .custom-page-url fieldset {
      margin-bottom: 0; }
    #geo-toolbar .custom-page-details fieldset .form-line .custom-page-url .form-line {
      padding: 0; }
    #geo-toolbar .custom-page-details fieldset .form-line .custom-page-url input {
      width: 260px; }

#cms-toolbar .cms-wrapper .custom-page-details .cms-panel .form-line::after {
  top: 6px; }

#geo-toolbar .cms-wrapper .file-uploader,
#cms-toolbar .cms-wrapper .file-uploader {
  float: left;
  width: 440px;
  height: 40px;
  border: 1px solid #b7deff;
  border: 0;
  line-height: 40px; }
  #geo-toolbar .cms-wrapper .file-uploader.inline,
  #cms-toolbar .cms-wrapper .file-uploader.inline {
    width: 150px; }
  #geo-toolbar .cms-wrapper .file-uploader > label.primary,
  #cms-toolbar .cms-wrapper .file-uploader > label.primary {
    width: 38px;
    height: 38px;
    margin-right: .5rem;
    padding: 0;
    font-size: 0;
    -webkit-border-radius: .5rem;
    -moz-border-radius: .5rem;
    border-radius: .5rem;
    text-align: center;
    color: white;
    background-image: url(/atomic/images/icon-upload-cloud-white.png);
    background-image: url(/atomic/images/icon-upload-cloud-white.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 24px auto; }
  #geo-toolbar .cms-wrapper .file-uploader input,
  #cms-toolbar .cms-wrapper .file-uploader input {
    position: absolute;
    width: .1px;
    height: .1px;
    opacity: 0; }
  #geo-toolbar .cms-wrapper .file-uploader .preview img,
  #cms-toolbar .cms-wrapper .file-uploader .preview img {
    width: 60px;
    height: 38px;
    border: 0 solid white; }

.cms-autocomplete {
  display: inline-block;
  position: relative;
  float: left; }
  .cms-autocomplete .short {
    width: 300px; }
  .cms-autocomplete .autocomplete-suggestions {
    position: absolute;
    top: 43px;
    right: 0;
    z-index: 1; }

#cms-toolbar form.custom-page-details .best-destinations .title,
#cms-toolbar .best-destinations .title {
  margin-bottom: .5rem;
  border-bottom: 1px solid #bdd7e5;
  padding-bottom: 1rem; }
  #cms-toolbar form.custom-page-details .best-destinations .title label,
  #cms-toolbar .best-destinations .title label {
    width: 100px;
    margin-right: 0;
    text-align: left; }
  #cms-toolbar form.custom-page-details .best-destinations .title input,
  #cms-toolbar .best-destinations .title input {
    width: 500px; }

#cms-toolbar form.custom-page-details .best-destinations .error,
#cms-toolbar .best-destinations .error {
  display: inline-block;
  height: auto;
  margin-right: auto;
  margin-bottom: 1rem;
  margin-left: auto;
  line-height: initial; }

#cms-toolbar form.custom-page-details .best-destinations fieldset.desc-component > .form-line:not(:last-of-type),
#cms-toolbar form.custom-page-details .best-destinations > .form-line:not(:last-of-type),
#cms-toolbar .best-destinations fieldset.desc-component > .form-line:not(:last-of-type),
#cms-toolbar .best-destinations > .form-line:not(:last-of-type) {
  margin-bottom: 1rem;
  border-bottom: 1px solid #bdd7e5; }

#cms-toolbar form.custom-page-details .best-destinations fieldset.desc-component > .form-line > *,
#cms-toolbar form.custom-page-details .best-destinations > .form-line > *,
#cms-toolbar .best-destinations fieldset.desc-component > .form-line > *,
#cms-toolbar .best-destinations > .form-line > * {
  float: left; }

#cms-toolbar form.custom-page-details .best-destinations fieldset.desc-component > .form-line .cms-autocomplete,
#cms-toolbar form.custom-page-details .best-destinations > .form-line .cms-autocomplete,
#cms-toolbar .best-destinations fieldset.desc-component > .form-line .cms-autocomplete,
#cms-toolbar .best-destinations > .form-line .cms-autocomplete {
  margin-right: .5rem;
  padding-left: 100px; }
  #cms-toolbar form.custom-page-details .best-destinations fieldset.desc-component > .form-line .cms-autocomplete label,
  #cms-toolbar form.custom-page-details .best-destinations > .form-line .cms-autocomplete label,
  #cms-toolbar .best-destinations fieldset.desc-component > .form-line .cms-autocomplete label,
  #cms-toolbar .best-destinations > .form-line .cms-autocomplete label {
    position: absolute;
    left: 0;
    width: 100px;
    line-height: 40px;
    font-weight: 500;
    text-align: left; }
  #cms-toolbar form.custom-page-details .best-destinations fieldset.desc-component > .form-line .cms-autocomplete .short,
  #cms-toolbar form.custom-page-details .best-destinations > .form-line .cms-autocomplete .short,
  #cms-toolbar .best-destinations fieldset.desc-component > .form-line .cms-autocomplete .short,
  #cms-toolbar .best-destinations > .form-line .cms-autocomplete .short {
    width: 300px; }
  #cms-toolbar form.custom-page-details .best-destinations fieldset.desc-component > .form-line .cms-autocomplete .autocomplete-suggestions,
  #cms-toolbar form.custom-page-details .best-destinations > .form-line .cms-autocomplete .autocomplete-suggestions,
  #cms-toolbar .best-destinations fieldset.desc-component > .form-line .cms-autocomplete .autocomplete-suggestions,
  #cms-toolbar .best-destinations > .form-line .cms-autocomplete .autocomplete-suggestions {
    width: 300px; }

#cms-toolbar form.custom-page-details .best-destinations fieldset.desc-component > .form-line > .form-line label,
#cms-toolbar form.custom-page-details .best-destinations > .form-line > .form-line label,
#cms-toolbar .best-destinations fieldset.desc-component > .form-line > .form-line label,
#cms-toolbar .best-destinations > .form-line > .form-line label {
  width: 80px;
  text-align: left; }

#cms-toolbar .top-10 fieldset > *,
#cms-toolbar .cms-wrapper .custom-page-details .top-10 fieldset > * {
  display: inline-block;
  float: left; }

#cms-toolbar .top-10 fieldset > .form-line,
#cms-toolbar .cms-wrapper .custom-page-details .top-10 fieldset > .form-line {
  float: left;
  width: 100%;
  margin-top: .5rem; }
  #cms-toolbar .top-10 fieldset > .form-line::after,
  #cms-toolbar .cms-wrapper .custom-page-details .top-10 fieldset > .form-line::after {
    right: .5rem; }
  #cms-toolbar .top-10 fieldset > .form-line .form-line,
  #cms-toolbar .cms-wrapper .custom-page-details .top-10 fieldset > .form-line .form-line {
    float: left;
    width: auto;
    margin-top: 0;
    margin-right: 1rem; }
    #cms-toolbar .top-10 fieldset > .form-line .form-line label,
    #cms-toolbar .cms-wrapper .custom-page-details .top-10 fieldset > .form-line .form-line label {
      width: auto;
      margin-right: .5rem;
      font-weight: 500;
      color: #4f5355; }
    #cms-toolbar .top-10 fieldset > .form-line .form-line input,
    #cms-toolbar .cms-wrapper .custom-page-details .top-10 fieldset > .form-line .form-line input {
      width: 200px; }
  #cms-toolbar .top-10 fieldset > .form-line.title,
  #cms-toolbar .cms-wrapper .custom-page-details .top-10 fieldset > .form-line.title {
    margin-bottom: .5rem;
    border-bottom: 1px solid #bdd7e5;
    padding-bottom: 1rem; }
    #cms-toolbar .top-10 fieldset > .form-line.title label,
    #cms-toolbar .cms-wrapper .custom-page-details .top-10 fieldset > .form-line.title label {
      width: auto;
      margin-right: .5rem; }
    #cms-toolbar .top-10 fieldset > .form-line.title input,
    #cms-toolbar .cms-wrapper .custom-page-details .top-10 fieldset > .form-line.title input {
      width: 639px; }

#cms-toolbar .top-10 fieldset footer,
#cms-toolbar .cms-wrapper .custom-page-details .top-10 fieldset footer {
  margin-top: 1rem;
  margin-left: 42px;
  background-color: transparent; }
  #cms-toolbar .top-10 fieldset footer .primary,
  #cms-toolbar .cms-wrapper .custom-page-details .top-10 fieldset footer .primary {
    width: 200px;
    padding: 14px 0;
    text-align: center; }

.cms-modalcontainer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  background: rgba(0, 0, 0, 0.5); }
  .cms-modalcontainer button.close {
    float: right; }
  .cms-modalcontainer .cms-modal-dimmer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0 1rem;
    overflow-x: hidden;
    overflow-y: auto; }
  .cms-modalcontainer p {
    font-size: 1.1rem;
    font-weight: 400; }
  .cms-modalcontainer .cms-modal {
    position: absolute;
    left: 50%;
    width: 760px;
    background: #fff;
    -webkit-overflow-scrolling: touch;
    top: 50%;
    right: 50%;
    bottom: 50%;
    max-width: 500px;
    height: 90%;
    max-height: 250px;
    margin-top: -125px;
    margin-right: -250px;
    margin-bottom: -125px;
    margin-left: -250px;
    padding: 2rem; }
    .cms-modalcontainer .cms-modal h1 {
      margin-bottom: 2rem;
      font-size: 1.4rem;
      font-weight: 600; }
  .cms-modalcontainer .cms-modal-footer {
    height: 60px; }
    .cms-modalcontainer .cms-modal-footer .cms-modal-controls {
      position: absolute;
      right: 20px; }
      .cms-modalcontainer .cms-modal-footer .cms-modal-controls li {
        display: inline-block;
        margin-right: 10px; }

.spinner__overlay {
  align-items: center;
  animation-direction: normal;
  animation-duration: 10ms;
  animation-fill-mode: both;
  animation-name: fadeIn;
  background-color: rgba(251, 251, 253, 0.4);
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 150; }
  .spinner__overlay .spinner__background {
    animation-delay: 200ms;
    animation-direction: normal;
    animation-duration: 150ms;
    animation-fill-mode: both;
    animation-name: fadeIn;
    background: none;
    height: 80px;
    opacity: 0;
    width: 80px; }
  .spinner__overlay svg {
    animation: 2s linear infinite spinner-container-animation;
    max-width: 100px; }

@keyframes spinner-container-animation {
  0% {
    transform: rotateZ(0deg); }
  100% {
    transform: rotateZ(360deg); } }
  .spinner__overlay circle {
    animation: 1.4s ease-in-out infinite both spinner-animation;
    animation-delay: -0.7s;
    display: block;
    fill: transparent;
    stroke-dasharray: 125.663708;
    stroke-linecap: round;
    stroke-width: 7px;
    stroke: #f00076;
    transform-origin: 50% 50%; }

@keyframes spinner-animation {
  0%,
  25% {
    stroke-dashoffset: 121.89379676;
    transform: rotate(0); }
  50%,
  75% {
    stroke-dashoffset: 31.415927;
    transform: rotate(45deg); }
  100% {
    stroke-dashoffset: 121.89379676;
    transform: rotate(360deg); } }

@keyframes hopUp {
  0% {
    transform: translateY(0); }
  4% {
    transform: translateY(-8px); }
  80% {
    transform: translateY(2px); }
  81% {
    transform: scale(1, 0.9); }
  100% {
    transform: translateY(0); } }

@keyframes rotateZoom {
  0% {
    transform: rotate(0deg) scale(1, 1); }
  15% {
    transform: rotate(20deg) scale(1.2, 1.2); }
  100% {
    transform: rotate(0deg) scale(1, 1); } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes moveDown {
  0% {
    transform: translateY(-15px); }
  100% {
    transform: translateY(0); } }

@keyframes bounceLeft {
  0% {
    transform: translateX(2px); }
  50% {
    transform: translateX(-2px); }
  100% {
    transform: translateX(0); } }

@keyframes bounceRight {
  0% {
    transform: translateX(-2px); }
  50% {
    transform: translateX(2px); }
  100% {
    transform: translateX(0); } }

@-webkit-keyframes shake {
  10%,
  90% {
    transform: translate3d(-1px, 0, 0); }
  20%,
  80% {
    transform: translate3d(2px, 2px, 0); }
  30%,
  50%,
  70% {
    transform: translate3d(-2px, 0, 0); }
  40%,
  60% {
    transform: translate3d(2px, 0, 0); } }

@-moz-keyframes shake {
  10%,
  90% {
    transform: translate3d(-1px, 0, 0); }
  20%,
  80% {
    transform: translate3d(2px, 2px, 0); }
  30%,
  50%,
  70% {
    transform: translate3d(-2px, 0, 0); }
  40%,
  60% {
    transform: translate3d(2px, 0, 0); } }

@-o-keyframes shake {
  10%,
  90% {
    transform: translate3d(-1px, 0, 0); }
  20%,
  80% {
    transform: translate3d(2px, 2px, 0); }
  30%,
  50%,
  70% {
    transform: translate3d(-2px, 0, 0); }
  40%,
  60% {
    transform: translate3d(2px, 0, 0); } }

@keyframes shake {
  10%,
  90% {
    transform: translate3d(-1px, 0, 0); }
  20%,
  80% {
    transform: translate3d(2px, 2px, 0); }
  30%,
  50%,
  70% {
    transform: translate3d(-2px, 0, 0); }
  40%,
  60% {
    transform: translate3d(2px, 0, 0); } }

/*
    Floating clouds
    ====================================
    used in email-popup
*/
.clouds {
  z-index: -1;
  display: block;
  position: relative;
  width: 320px;
  height: 63px;
  padding: 0;
  background: #a7e0fe;
  overflow-x: hidden; }
  @media (max-width: 400px) {
    .clouds {
      display: none; } }

.cloud {
  position: absolute;
  left: -70px;
  width: 49px;
  height: 14px;
  background-image: url("/atomic/images/icon-cloud.png");
  background-image: url("/atomic/images/icon-cloud.svg");
  background-repeat: no-repeat;
  background-size: contain; }

.cloud-1 {
  top: 8%;
  -webkit-animation: cloud-moving 8s linear infinite none;
  -moz-animation: cloud-moving 8s linear infinite none;
  -ms-animation: cloud-moving 8s linear infinite none;
  -o-animation: cloud-moving 8s linear infinite none;
  animation: cloud-moving 8s linear infinite none; }
  .cookiebar .cloud-1 {
    -webkit-animation: cloud-moving-big 10s linear infinite none;
    -moz-animation: cloud-moving-big 10s linear infinite none;
    -ms-animation: cloud-moving-big 10s linear infinite none;
    -o-animation: cloud-moving-big 10s linear infinite none;
    animation: cloud-moving-big 10s linear infinite none; }

.cloud-2 {
  top: 65%;
  width: 69px;
  height: 20px;
  -webkit-animation: cloud-moving 20s 2s linear infinite none;
  -moz-animation: cloud-moving 20s 2s linear infinite none;
  -ms-animation: cloud-moving 20s 2s linear infinite none;
  -o-animation: cloud-moving 20s 2s linear infinite none;
  animation: cloud-moving 20s 2s linear infinite none; }
  .cookiebar .cloud-2 {
    left: -130px;
    width: 130px;
    height: 37px;
    -webkit-animation: cloud-moving-big 22s 2s linear infinite none;
    -moz-animation: cloud-moving-big 22s 2s linear infinite none;
    -ms-animation: cloud-moving-big 22s 2s linear infinite none;
    -o-animation: cloud-moving-big 22s 2s linear infinite none;
    animation: cloud-moving-big 22s 2s linear infinite none; }

.cloud-3 {
  top: 40%;
  width: 58px;
  height: 17px;
  -webkit-animation: cloud-moving 15s 3s linear infinite none;
  -moz-animation: cloud-moving 15s 3s linear infinite none;
  -ms-animation: cloud-moving 15s 3s linear infinite none;
  -o-animation: cloud-moving 15s 3s linear infinite none;
  animation: cloud-moving 15s 3s linear infinite none; }
  .cookiebar .cloud-3 {
    left: -105px;
    width: 105px;
    height: 30px;
    -webkit-animation: cloud-moving-big 17s 3s linear infinite none;
    -moz-animation: cloud-moving-big 17s 3s linear infinite none;
    -ms-animation: cloud-moving-big 17s 3s linear infinite none;
    -o-animation: cloud-moving-big 17s 3s linear infinite none;
    animation: cloud-moving-big 17s 3s linear infinite none; }

.cloud-4 {
  top: 20%;
  -webkit-animation: cloud-moving 10s 4s linear infinite none;
  -moz-animation: cloud-moving 10s 4s linear infinite none;
  -ms-animation: cloud-moving 10s 4s linear infinite none;
  -o-animation: cloud-moving 10s 4s linear infinite none;
  animation: cloud-moving 10s 4s linear infinite none; }
  .cookiebar .cloud-4 {
    left: -90px;
    width: 90px;
    height: 26px;
    -webkit-animation: cloud-moving-big 12s 4s linear infinite none;
    -moz-animation: cloud-moving-big 12s 4s linear infinite none;
    -ms-animation: cloud-moving-big 12s 4s linear infinite none;
    -o-animation: cloud-moving-big 12s 4s linear infinite none;
    animation: cloud-moving-big 12s 4s linear infinite none; }

@keyframes cloud-moving {
  from {
    transform: translateX(-70px); }
  to {
    transform: translateX(390px); } }

@keyframes cloud-moving-big {
  from {
    transform: translateX(-130px); }
  to {
    transform: translateX(480px); } }

/*

	FORM ELEMENTS
	=============
	Collection of re-usable form elements and related things (notifications, errors).
	Developed originally for forms used on booking flow pages.
	Dependent on presence of "vd-input" class on the form element.

*/
.vd-input fieldset {
  position: relative;
  margin: 0;
  border: 0 none;
  padding: 2rem 3.5rem 2.75rem 2.5rem;
  background: #fff;
  width: 100%; }
  .vd-input fieldset #housenumber::-webkit-outer-spin-button,
  .vd-input fieldset #housenumber::-webkit-inner-spin-button {
    -webkit-appearance: none; }
  .vd-input fieldset #housenumber {
    -moz-appearance: textfield; }
  .vd-input fieldset h3 {
    font-size: 1.75rem;
    font-weight: 400;
    color: #4f5355;
    vertical-align: middle; }
    .vd-input fieldset h3:not(.car-rental-options__title) {
      margin-bottom: 1.5rem; }
    .vd-input fieldset h3 small {
      margin-left: .625rem;
      font-size: .714285714em;
      color: #90a8b5; }
  .vd-input fieldset .message-container {
    margin-right: 10%;
    margin-left: 33%; }
    .vd-input fieldset .message-container .message-box {
      max-width: 100%;
      margin: 5px 0;
      text-align: left; }
      .vd-input fieldset .message-container .message-box b {
        font-weight: 500; }
    @media (max-width: 767px) {
      .vd-input fieldset .message-container {
        margin: 0; }
        .vd-input fieldset .message-container .message-box {
          margin: 5px 0; } }
  .vd-input fieldset > .para:not(.explanation) {
    position: relative;
    margin-bottom: .625rem;
    margin-bottom: 1rem;
    font-size: 0;
    width: 100%; }
    .vd-input fieldset > .para:not(.explanation) > * {
      display: inline-block;
      font-size: 1rem; }
    .vd-input fieldset > .para:not(.explanation) > label:first-child {
      width: 30%;
      min-height: 2.625rem;
      line-height: 2.625;
      font-weight: 500;
      text-align: right;
      color: #4f5355; }
      .vd-input fieldset > .para:not(.explanation) > label:first-child + *:not(.short) {
        width: 57%;
        margin-right: 8%;
        margin-left: 3%; }
      .vd-input fieldset > .para:not(.explanation) > label:first-child + .short {
        width: 27%;
        margin-right: 38%;
        margin-left: 3%; }
      .vd-input fieldset > .para:not(.explanation) > label:first-child ~ .input-birthdate {
        width: 18%;
        margin-right: 0;
        margin-left: 1.5%; }
        .vd-input fieldset > .para:not(.explanation) > label:first-child ~ .input-birthdate:first-of-type {
          width: 14%;
          margin-left: 3%; }
        .vd-input fieldset > .para:not(.explanation) > label:first-child ~ .input-birthdate:nth-of-type(2) {
          width: 23%; }
        .vd-input fieldset > .para:not(.explanation) > label:first-child ~ .input-birthdate:last-of-type {
          width: 17%;
          margin-right: 8%; }
        @media (max-width: 767px) {
          .vd-input fieldset > .para:not(.explanation) > label:first-child ~ .input-birthdate {
            width: 32%;
            margin-right: 0%;
            margin-left: 2%; }
            .vd-input fieldset > .para:not(.explanation) > label:first-child ~ .input-birthdate:first-of-type {
              width: 25%;
              margin-left: 0; }
            .vd-input fieldset > .para:not(.explanation) > label:first-child ~ .input-birthdate:nth-of-type(2) {
              width: 44%; }
            .vd-input fieldset > .para:not(.explanation) > label:first-child ~ .input-birthdate:last-of-type {
              width: 27%;
              margin-right: 0%; } }
    .vd-input fieldset > .para:not(.explanation) .expander {
      display: inline-block;
      vertical-align: top; }
      .vd-input fieldset > .para:not(.explanation) .expander .inner-container button {
        height: 42px;
        padding: 10px 36px 10px 46px; }
        .vd-input fieldset > .para:not(.explanation) .expander .inner-container button::after {
          background-image: url(/atomic/images/icon-chevron-down-pink.png);
          background-image: url(/atomic/images/icon-chevron-down-pink.svg); }
        .vd-input fieldset > .para:not(.explanation) .expander .inner-container button span {
          line-height: 24px; }
        @media (hover: hover), (pointer: fine) {
          .vd-input fieldset > .para:not(.explanation) .expander .inner-container button:hover {
            box-shadow: inset 0 0 0 1px #b7deff; } }
        .vd-input fieldset > .para:not(.explanation) .expander .inner-container button:focus {
          border: 1px solid #47abff;
          outline: 0 none;
          box-shadow: inset 0 0 0 2px #47abff; }
      .vd-input fieldset > .para:not(.explanation) .expander .inner-container .country-list {
        padding-bottom: 0; }
      .vd-input fieldset > .para:not(.explanation) .expander:not(.expanded) .inner-container {
        border: 1px solid #b7deff;
        font-size: 1rem;
        line-height: 1;
        color: #4f5355; }
        .vd-input fieldset > .para:not(.explanation) .expander:not(.expanded) .inner-container .menu {
          border: none; }
      .vd-input fieldset > .para:not(.explanation) .expander.expanded .inner-container {
        display: inline-block;
        position: relative;
        width: 101%;
        min-width: 101%;
        max-height: 462px;
        box-shadow: none; }
        .vd-input fieldset > .para:not(.explanation) .expander.expanded .inner-container button {
          border: 1px solid #47abff;
          outline: 0 none;
          box-shadow: inset 0 0 0 2px #47abff; }
          .vd-input fieldset > .para:not(.explanation) .expander.expanded .inner-container button::after {
            background-image: url(/atomic/images/icon-chevron-up-pink.png);
            background-image: url(/atomic/images/icon-chevron-up-pink.svg); }
        .vd-input fieldset > .para:not(.explanation) .expander.expanded .inner-container .menu {
          position: absolute;
          width: 100%;
          border: 1px solid #b7deff; }
          .vd-input fieldset > .para:not(.explanation) .expander.expanded .inner-container .menu:focus {
            outline: none;
            box-shadow: none; }
          .vd-input fieldset > .para:not(.explanation) .expander.expanded .inner-container .menu .inner-wrap {
            display: block;
            position: relative;
            width: 100%; }
          @media (max-width: 767px) {
            .vd-input fieldset > .para:not(.explanation) .expander.expanded .inner-container .menu .country-list li .icon-flag {
              padding-left: 46px; }
              .vd-input fieldset > .para:not(.explanation) .expander.expanded .inner-container .menu .country-list li .icon-flag::before {
                width: 46px;
                background-position: center;
                background-size: 2rem; } }
      @media (max-width: 767px) {
        .vd-input fieldset > .para:not(.explanation) .expander {
          position: relative; } }
    .vd-input fieldset > .para:not(.explanation) input:not([type="radio"]) {
      border: 1px solid #b7deff;
      padding: 10px 8px;
      font-size: 1rem;
      line-height: 1;
      color: #4f5355; }
      @media (hover: hover), (pointer: fine) {
        .vd-input fieldset > .para:not(.explanation) input:not([type="radio"]):hover {
          box-shadow: inset 0 0 0 1px #b7deff; } }
      .vd-input fieldset > .para:not(.explanation) input:not([type="radio"]):focus {
        border: 1px solid #47abff;
        outline: 0 none;
        box-shadow: inset 0 0 0 2px #47abff; }
      .vd-input fieldset > .para:not(.explanation) input:not([type="radio"]):disabled {
        border: none;
        background-color: #f2f7fa;
        -webkit-text-fill-color: #4f5355;
        opacity: 1;
        /* required on iOS */ }
        @media (hover: hover), (pointer: fine) {
          .vd-input fieldset > .para:not(.explanation) input:not([type="radio"]):disabled:hover {
            box-shadow: none; } }
    .vd-input fieldset > .para:not(.explanation) i {
      color: #f54f4f; }
    .vd-input fieldset > .para:not(.explanation) + .para {
      margin-bottom: .625rem;
      margin-bottom: 1rem; }
    .vd-input fieldset > .para:not(.explanation) u {
      font-size: .875rem;
      line-height: 1.25;
      text-decoration: none;
      color: #90a8b5; }
      .vd-input fieldset > .para:not(.explanation) u b {
        font-weight: 500; }
      @media (max-width: 767px) {
        .vd-input fieldset > .para:not(.explanation) u {
          display: none;
          margin-top: .5rem; } }
      @media (min-width: 768px) and (max-width: 1023px) {
        .vd-input fieldset > .para:not(.explanation) u {
          display: none;
          margin-top: .5rem;
          margin-left: 33%; } }
      @media (min-width: 1024px) {
        .vd-input fieldset > .para:not(.explanation) u {
          position: absolute;
          top: -1.15rem;
          left: 98.5%;
          width: 15.5rem;
          border: 1px solid #ffe682;
          padding: 1.3rem 1.5rem;
          line-height: 1.2;
          -webkit-transition: left 100ms ease-in, opacity 100ms ease-in, z-index 100ms ease-in;
          -moz-transition: left 100ms ease-in, opacity 100ms ease-in, z-index 100ms ease-in;
          transition: left 100ms ease-in, opacity 100ms ease-in, z-index 100ms ease-in;
          border-radius: 7px;
          color: #2f2f2f;
          background-color: #fff9cb;
          box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
          opacity: 0; }
          .vd-input fieldset > .para:not(.explanation) u::after, .vd-input fieldset > .para:not(.explanation) u::before {
            position: absolute;
            top: 1.75rem;
            right: 100%;
            width: 0;
            height: 0;
            border: solid transparent;
            content: " ";
            pointer-events: none; }
          .vd-input fieldset > .para:not(.explanation) u::after {
            border-width: 10px;
            border-color: rgba(255, 249, 203, 0);
            border-right-color: #fff9cb; }
          .vd-input fieldset > .para:not(.explanation) u::before {
            margin-top: -1px;
            border-width: 11px;
            border-color: rgba(255, 230, 130, 0);
            border-right-color: #ffe682; } }
    .vd-input fieldset > .para:not(.explanation) input:not([type="radio"]):focus + u,
    .vd-input fieldset > .para:not(.explanation) .focus + u {
      display: inline-block; }
      @media (min-width: 1024px) {
        .vd-input fieldset > .para:not(.explanation) input:not([type="radio"]):focus + u,
        .vd-input fieldset > .para:not(.explanation) .focus + u {
          left: 93.5%;
          opacity: 1;
          z-index: 2; } }
  .vd-input fieldset .legend {
    position: absolute;
    top: 4.4rem;
    right: 3.5rem;
    text-align: right;
    color: #f54f4f; }
    @media (max-width: 767px) {
      .vd-input fieldset .legend {
        display: block;
        position: relative;
        top: 0;
        left: 0;
        margin: -1.5rem 0 1.5rem;
        padding: 0;
        font-size: .875rem;
        text-align: left; } }
  .vd-input fieldset .radio-group label {
    position: relative; }
    .vd-input fieldset .radio-group label input[type="radio"] {
      display: inline-block;
      position: absolute;
      top: auto;
      left: -99999px; }
      .vd-input fieldset .radio-group label input[type="radio"]:focus + .radio {
        background-image: url("/atomic/images/form-radio-unchecked-focus.png"); }
      .vd-input fieldset .radio-group label input[type="radio"]:focus:checked + .radio {
        background-image: url("/atomic/images/form-radio-checked-focus.png"); }
    .vd-input fieldset .radio-group label + label {
      margin-left: 1.6rem; }
    .vd-input fieldset .radio-group label .radio {
      position: relative;
      top: 0;
      left: 0;
      margin-top: -2px;
      margin-right: .5rem;
      vertical-align: middle; }
  .vd-input fieldset .btn.infobutton {
    margin: 1.5rem 0;
    color: #37b0f2;
    background-position: left center; }
    @media (max-width: 767px) {
      .vd-input fieldset .btn.infobutton {
        text-align: left; } }
  .vd-input fieldset + * {
    margin-top: .625rem; }
  .vd-input fieldset i.infobox {
    display: inline-block;
    width: 1.2rem;
    height: 1.2rem;
    margin-left: .5rem;
    font-size: 0;
    background-color: transparent;
    background-image: url(/atomic/images/icon-info-white.png);
    background-image: url(/atomic/images/icon-info-white.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    cursor: pointer;
    vertical-align: middle; }
  .vd-input fieldset > .para.invalid small, .vd-input fieldset > .para.valid small {
    padding-top: .625rem;
    padding-right: 9%;
    padding-left: 33%;
    font-size: .875rem;
    line-height: 1.2;
    color: #f54f4f;
    width: 100%; }
    .vd-input fieldset > .para.invalid small b, .vd-input fieldset > .para.valid small b {
      font-weight: 500; }
    .vd-input fieldset > .para.invalid small.warnings, .vd-input fieldset > .para.valid small.warnings {
      color: #000; }
  .vd-input fieldset > .para.invalid::after, .vd-input fieldset > .para.valid::after {
    display: block;
    position: absolute;
    top: .55rem;
    left: 92%;
    width: 1.5rem;
    height: 1.5rem;
    font-size: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    content: ""; }
  .vd-input fieldset > .para.invalid input:not([type="radio"]),
  .vd-input fieldset > .para.invalid .mask:not(.filled) {
    border: 1px solid #f54f4f;
    background-color: #fff9f9; }
  .vd-input fieldset > .para.invalid::after {
    background-image: url(/atomic/images/icon-validation-alert.png);
    background-image: url(/atomic/images/icon-validation-alert.svg);
    content: "!"; }
  .vd-input fieldset > .para.valid::after {
    background-image: url(/atomic/images/icon-validation-success.png);
    background-image: url(/atomic/images/icon-validation-success.svg);
    content: "✓"; }

.vd-input .traveler-luggage-selection .traveler-luggage + .traveler-luggage {
  padding-top: 1.6rem; }

.vd-input .traveler-luggage-selection p.explanation {
  margin-bottom: 1.5rem; }

.vd-input .traveler-luggage-selection .name {
  margin-bottom: .875rem;
  font-size: 1rem;
  font-weight: 300; }

.vd-input .traveler-luggage-selection .hand-luggage,
.vd-input .traveler-luggage-selection .small-bag {
  position: relative;
  float: left;
  width: 25%; }
  .vd-input .traveler-luggage-selection .hand-luggage .baggage,
  .vd-input .traveler-luggage-selection .small-bag .baggage {
    width: 70%;
    border: 1px solid #bdd7e5; }
    .vd-input .traveler-luggage-selection .hand-luggage .baggage.dimension span,
    .vd-input .traveler-luggage-selection .small-bag .baggage.dimension span {
      font-size: 14px;
      font-weight: 500; }
      .vd-input .traveler-luggage-selection .hand-luggage .baggage.dimension span:first-child::after,
      .vd-input .traveler-luggage-selection .small-bag .baggage.dimension span:first-child::after {
        margin-left: 0;
        font-size: 12px;
        content: attr(data-label); }
      .vd-input .traveler-luggage-selection .hand-luggage .baggage.dimension span:last-of-type,
      .vd-input .traveler-luggage-selection .small-bag .baggage.dimension span:last-of-type {
        font-size: 14px;
        font-weight: 300; }
    .vd-input .traveler-luggage-selection .hand-luggage .baggage.pieces span,
    .vd-input .traveler-luggage-selection .small-bag .baggage.pieces span {
      font-size: 14px;
      font-weight: 500; }
      .vd-input .traveler-luggage-selection .hand-luggage .baggage.pieces span:first-child::after,
      .vd-input .traveler-luggage-selection .small-bag .baggage.pieces span:first-child::after {
        margin-left: 0;
        font-size: 12px;
        content: attr(data-label); }
      .vd-input .traveler-luggage-selection .hand-luggage .baggage.pieces span:last-of-type,
      .vd-input .traveler-luggage-selection .small-bag .baggage.pieces span:last-of-type {
        font-size: 14px;
        font-weight: 300; }
  .vd-input .traveler-luggage-selection .hand-luggage::after,
  .vd-input .traveler-luggage-selection .small-bag::after {
    display: inline-block;
    width: 30%;
    margin-top: 23px;
    text-align: center;
    content: "+"; }
  @media (max-width: 767px) {
    .vd-input .traveler-luggage-selection .hand-luggage,
    .vd-input .traveler-luggage-selection .small-bag {
      width: 100%;
      margin-bottom: 1rem; }
      .vd-input .traveler-luggage-selection .hand-luggage .baggage,
      .vd-input .traveler-luggage-selection .small-bag .baggage {
        width: 100%;
        width: calc(100% - 2px);
        height: 45px; }
        .vd-input .traveler-luggage-selection .hand-luggage .baggage span,
        .vd-input .traveler-luggage-selection .small-bag .baggage span {
          float: none;
          width: auto;
          margin: 0 .2rem; }
      .vd-input .traveler-luggage-selection .hand-luggage::after,
      .vd-input .traveler-luggage-selection .small-bag::after {
        display: none; } }

.vd-input .traveler-luggage-selection .label::before {
  display: inline-block;
  position: relative;
  margin-right: 8px;
  text-align: left;
  background-repeat: no-repeat;
  background-size: contain;
  content: ""; }

.vd-input .traveler-luggage-selection .small-bag .label::before {
  width: 13px;
  height: 16px;
  background-image: url(/atomic/images/icon-handbag.svg);
  background-image: url(/atomic/images/icon-handbag.png); }

.vd-input .traveler-luggage-selection .hand-luggage .label::before {
  width: 11px;
  height: 19px;
  background-image: url(/atomic/images/icon-baggage-hand.svg);
  background-image: url(/atomic/images/icon-baggage-hand.png); }

.vd-input .traveler-luggage-selection .checkin-baggage {
  position: relative;
  float: left;
  width: 75%; }
  .vd-input .traveler-luggage-selection .checkin-baggage .label::before {
    display: inline-block;
    position: relative;
    width: 18px;
    height: 14px;
    margin-right: 8px;
    text-align: left;
    background-image: url(/atomic/images/icon-baggage-checkin.svg);
    background-image: url(/atomic/images/icon-baggage-checkin.png);
    background-repeat: no-repeat;
    background-size: contain;
    content: ""; }
  .vd-input .traveler-luggage-selection .checkin-baggage.expanded .row-2 {
    display: block; }
  .vd-input .traveler-luggage-selection .checkin-baggage.expanded .return-options {
    display: block; }
  @media (max-width: 767px) {
    .vd-input .traveler-luggage-selection .checkin-baggage .baggage {
      width: 33%;
      margin-left: 0; }
      .vd-input .traveler-luggage-selection .checkin-baggage .baggage:nth-child(3n) {
        width: 34%;
        margin-right: -1px;
        /* width: calc(34% + 2px); */
        margin-left: -1px; } }
  @media (max-width: 767px) {
    .vd-input .traveler-luggage-selection .checkin-baggage {
      width: 100%; } }

.vd-input .traveler-luggage-selection .label {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  float: left;
  width: 100%;
  margin-bottom: .875rem;
  font-size: 14px;
  color: #555155; }
  .vd-input .traveler-luggage-selection .label .price-info {
    position: relative;
    margin-left: .5rem; }
    .vd-input .traveler-luggage-selection .label .price-info button {
      background-image: url("/atomic/images/icon-info-grey.png");
      background-image: url("/atomic/images/icon-info-grey.svg"); }

.vd-input .traveler-luggage-selection .baggage {
  position: relative;
  float: left;
  width: 25%;
  height: 70px;
  margin-top: -1px;
  margin-left: -1px;
  border: 1px solid #bdd7e5;
  border-radius: 0;
  background: #fff; }
  @media (max-width: 767px) {
    .vd-input .traveler-luggage-selection .baggage.not-included span {
      float: none;
      width: auto;
      margin: 0 .2rem; } }
  .vd-input .traveler-luggage-selection .baggage.not-included span:first-child {
    font-size: 1rem;
    font-weight: 500; }
    .vd-input .traveler-luggage-selection .baggage.not-included span:first-child::after {
      content: ""; }
      @media (max-width: 767px) {
        .vd-input .traveler-luggage-selection .baggage.not-included span:first-child::after {
          margin-left: 0;
          font-size: 1rem;
          font-weight: 500;
          content: attr(data-label); } }
  @media (max-width: 767px) {
    .vd-input .traveler-luggage-selection .baggage.not-included {
      width: 100%;
      width: calc(100% - 2px);
      height: 45px;
      margin-left: 0;
      border-bottom: 1px solid #bdd7e5; } }
  .vd-input .traveler-luggage-selection .baggage false {
    margin-top: -1px; }
  .vd-input .traveler-luggage-selection .baggage span {
    float: left;
    width: 100%; }
    .vd-input .traveler-luggage-selection .baggage span:first-child {
      font-size: 20px;
      font-weight: 600; }
      .vd-input .traveler-luggage-selection .baggage span:first-child::after {
        margin-left: 3px;
        font-size: 16px;
        content: attr(data-label); }
    .vd-input .traveler-luggage-selection .baggage span:last-of-type {
      font-size: 14px;
      font-weight: 300; }
  .vd-input .traveler-luggage-selection .baggage.active {
    border: 1px solid #76c3ec;
    background-color: #edf8ff;
    cursor: default; }
    .vd-input .traveler-luggage-selection .baggage.active span:first-child {
      color: #0079bb; }
      .vd-input .traveler-luggage-selection .baggage.active span:first-child::before {
        display: inline-block;
        position: relative;
        width: 18px;
        height: 18px;
        margin-right: 3px;
        margin-bottom: -3px;
        text-align: left;
        background-image: url(/atomic/images/icon-tick.svg);
        background-image: url(/atomic/images/icon-tick.png);
        background-repeat: no-repeat;
        background-size: 18px;
        content: ""; }
      .vd-input .traveler-luggage-selection .baggage.active span:first-child::after {
        font-weight: 500; }
    .vd-input .traveler-luggage-selection .baggage.active + button {
      border-left: 1px solid #76c3ec; }
      @media (max-width: 767px) {
        .vd-input .traveler-luggage-selection .baggage.active + button {
          border-left: 1px solid #bdd7e5; } }

.vd-input .traveler-luggage-selection .baggage-wrapper {
  position: relative;
  float: left;
  width: 100%; }

.traveler-luggage {
  display: inline-block; }

.masked-select {
  position: relative; }
  .masked-select select,
  .masked-select option {
    padding: 5px 0;
    font-size: 1rem;
    line-height: 1em;
    text-indent: 2px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
  .masked-select select {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    max-height: 42px;
    border: 0;
    cursor: pointer;
    opacity: 0;
    z-index: 2; }
    .masked-select select:focus {
      outline: 0 none;
      box-shadow: none; }
      .masked-select select:focus + .mask {
        border: 1px solid #47abff;
        outline: 0 none;
        box-shadow: inset 0 0 0 2px #47abff; }
    .masked-select select:disabled {
      cursor: initial; }
      .masked-select select:disabled + .mask {
        background: #f2f7fa;
        border: none; }
        .masked-select select:disabled + .mask::after {
          background-image: none; }
  .masked-select .mask {
    height: 42px;
    border: 1px solid #b7deff;
    padding: 10px 8px;
    font-size: 1rem;
    line-height: 22px;
    color: #4f5355; }
    .masked-select .mask:focus {
      border: 1px solid #47abff;
      outline: 0 none;
      box-shadow: inset 0 0 0 2px #47abff; }
    .masked-select .mask.has-placeholder {
      color: #90a8b5; }
    .masked-select .mask::after {
      position: absolute;
      top: 0;
      right: 0;
      width: 36px;
      height: 100%;
      font-size: 0;
      border-radius: .5em;
      background-image: url(/atomic/images/icon-chevron-down-pink.svg);
      background-image: url(/atomic/images/icon-chevron-down-pink.png);
      background-repeat: no-repeat;
      background-position: center;
      background-size: 14px;
      content: ""; }
    .masked-select .mask > div {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden; }
    @media (max-width: 767px) {
      .masked-select .mask {
        padding-right: 32px; }
        .masked-select .mask::after {
          width: 32px; } }
  @media (hover: hover), (pointer: fine) {
    .masked-select:hover .mask {
      border-color: rgba(55, 176, 242, 0.8);
      background: #f6fcff; } }
  .masked-select .masked-select__small-text {
    margin-left: .5rem;
    font-size: .875rem;
    color: #90a8b5; }

.masked-select.input-driver .mask {
  padding-left: 36px; }
  .masked-select.input-driver .mask::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 36px;
    height: 42px;
    background-image: url("/atomic/images/icon-person.png");
    background-image: url("/atomic/images/icon-person.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 8px 18px;
    content: ""; }

.masked-select.input-location .mask {
  padding-left: 36px; }
  .masked-select.input-location .mask::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 36px;
    height: 42px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 8px 18px;
    content: ""; }

.masked-select.input-location.airport .mask::before {
  background-image: url("/atomic/images/icon-plane.png");
  background-image: url("/atomic/images/icon-plane.svg");
  background-size: 20px 18px; }

.masked-select.input-location.hotel .mask::before {
  background-image: url("/atomic/images/icon-car-dark-grey.png");
  background-image: url("/atomic/images/icon-car-dark-grey.svg");
  background-position: center 45%;
  background-size: 18px 14px; }

.passenger--voucher-main-booker .para::after,
.passenger--voucher-main-booker .form-group::after {
  display: block;
  position: absolute;
  top: .55rem;
  left: 92%;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  content: "";
  background-image: url(/atomic/images/icon-validation-success.png);
  background-image: url(/atomic/images/icon-validation-success.svg);
  content: "✓"; }
  @media (max-width: 767px) {
    .passenger--voucher-main-booker .para::after,
    .passenger--voucher-main-booker .form-group::after {
      top: 2.55rem;
      right: .5rem;
      left: auto; } }

#my-vd .main {
  background-color: #fbfdff; }

#my-vd-account {
  width: 100%;
  margin-bottom: .5rem;
  background-color: #e1f4ff; }
  #my-vd-account .container {
    padding: 1rem 0 2rem;
    text-align: center;
    background-color: #fff; }
    #my-vd-account .container.my-bookings {
      padding: 0; }
      #my-vd-account .container.my-bookings h2 {
        margin-top: 27px; }
        @media (max-width: 767px) {
          #my-vd-account .container.my-bookings h2 {
            font-size: 1.75rem; } }
  #my-vd-account .content {
    width: 960px;
    max-width: 960px;
    padding-top: 2rem; }
    @media (max-width: 767px) {
      #my-vd-account .content {
        padding-top: 1rem; } }
    @media (max-width: 992px) {
      #my-vd-account .content {
        width: 100%;
        max-width: auto; } }
  #my-vd-account.logged .content {
    padding-top: 0; }
  #my-vd-account .header {
    position: relative;
    position: relative;
    width: 93.5546875%;
    max-width: 1164px;
    margin: auto;
    padding: 0 0 2rem; }
    #my-vd-account .header button {
      position: absolute;
      top: 1.125rem;
      left: 0;
      font-size: 1rem;
      font-weight: 300;
      background-color: transparent; }
      @media (max-width: 985px) {
        #my-vd-account .header button.back span:last-of-type {
          display: none; } }
      @media (max-width: 767px) {
        #my-vd-account .header button {
          top: 0; } }
    @media (max-width: 767px) {
      #my-vd-account .header {
        padding: 3rem 0 2rem; } }
    #my-vd-account .header h1 {
      font-size: 2.5rem;
      font-weight: 300;
      text-align: center;
      color: #4f5355; }
      @media (max-width: 767px) {
        #my-vd-account .header h1 {
          font-size: 1.55rem;
          line-height: 1.2rem; } }
  #my-vd-account .my-booking > .header {
    padding: 0; }
    @media (max-width: 767px) {
      #my-vd-account .my-booking > .header {
        padding: 3rem 0 2rem; } }
  #my-vd-account .tabbed-container .navigation {
    width: 100%;
    height: 65px;
    text-align: center; }
    #my-vd-account .tabbed-container .navigation li {
      display: inline-block;
      height: 65px;
      margin-right: 5px;
      border-top: 6px solid transparent;
      font-size: 1rem;
      font-weight: 500;
      color: #37b0f2; }
      #my-vd-account .tabbed-container .navigation li button {
        height: 50px;
        padding: 0 1rem;
        border-radius: 0;
        background-color: #fbfdff; }
        @media (max-width: 767px) {
          #my-vd-account .tabbed-container .navigation li button {
            padding: 0 .5rem;
            font-size: .875rem; } }
        @media (max-width: 374px) {
          #my-vd-account .tabbed-container .navigation li button {
            padding: 0.25rem; } }
      #my-vd-account .tabbed-container .navigation li.active {
        border-top: 6px solid #6ac2fc;
        background-color: #fbfdff; }
        #my-vd-account .tabbed-container .navigation li.active button {
          font-weight: 300;
          color: #555155; }
      #my-vd-account .tabbed-container .navigation li.disabled {
        color: #b0c4d8; }
        #my-vd-account .tabbed-container .navigation li.disabled button {
          cursor: default; }
      #my-vd-account .tabbed-container .navigation li:last-of-type {
        margin-right: 0; }
      @media (max-width: 374px) {
        #my-vd-account .tabbed-container .navigation li {
          margin-right: 3px; } }
  @media (max-width: 992px) {
    #my-vd-account {
      padding: 0 1rem 4rem; } }
  @media (max-width: 767px) {
    #my-vd-account {
      padding: 0 .5rem 4rem; } }

@media (max-width: 767px) {
  #my-vd .hide {
    display: none; } }

#my-vd-account .search-content + .search-content {
  padding-top: 2rem; }

.logged#my-vd-account .navigation li.active:first-child button {
  position: relative;
  padding-left: 3.5rem; }
  .logged#my-vd-account .navigation li.active:first-child button::before {
    position: absolute;
    top: .6875rem;
    left: 1rem;
    width: 28px;
    height: 25px;
    background-image: url("/atomic/images/icon-heart-blue.svg");
    background-image: url("/atomic/images/icon-heart-blue.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    content: ""; }
    @media (max-width: 767px) {
      .logged#my-vd-account .navigation li.active:first-child button::before {
        display: none; } }
  @media (max-width: 767px) {
    .logged#my-vd-account .navigation li.active:first-child button {
      padding-left: .5rem; } }

#my-vd-account .my-vd-empty-state {
  max-width: 518px;
  margin: 0 auto;
  padding: 2rem 0;
  background-color: #fbfdff;
  vertical-align: top; }
  #my-vd-account .my-vd-empty-state h2 {
    margin-bottom: 2rem; }
    @media (max-width: 767px) {
      #my-vd-account .my-vd-empty-state h2 {
        font-size: 1.75rem; } }
  #my-vd-account .my-vd-empty-state p {
    font-size: 1.25rem;
    text-align: center;
    color: #90a8b5; }
    #my-vd-account .my-vd-empty-state p:first-of-type {
      margin-bottom: 1rem;
      line-height: 1.25rem; }
    @media (max-width: 767px) {
      #my-vd-account .my-vd-empty-state p {
        font-size: 1rem; } }
  @media (max-width: 767px) {
    #my-vd-account .my-vd-empty-state {
      max-width: none;
      padding: 2rem 1rem; } }

.saved-results .search-header {
  height: auto;
  min-height: 118px;
  padding: 0;
  text-align: center;
  background-image: none !important; }
  .saved-results .search-header > div {
    display: inline-block;
    margin-top: 27px;
    font-size: 40px;
    line-height: normal;
    color: #555155;
    vertical-align: middle; }
    @media (max-width: 767px) {
      .saved-results .search-header > div h2 {
        position: relative;
        padding-left: 4.5rem;
        font-size: 1.75rem;
        text-align: left; } }
    @media (max-width: 480px) {
      .saved-results .search-header > div.viewed h2 {
        width: 254px; } }
    .saved-results .search-header > div.viewed .icon {
      display: inline-block;
      width: 71px;
      height: 63px;
      margin-right: 1.625rem;
      font-size: 30px;
      line-height: 63px;
      font-weight: 600;
      color: #fff;
      background-image: url("/atomic/images/icon-heart.jpg");
      background-image: url("/atomic/images/icon-heart.svg");
      background-repeat: no-repeat;
      background-size: 71px 63px;
      vertical-align: middle; }
      @media (max-width: 767px) {
        .saved-results .search-header > div.viewed .icon {
          position: absolute;
          top: 50%;
          left: 0;
          width: 57px;
          height: 51px;
          margin-top: -25px;
          margin-right: 0;
          line-height: 51px;
          font-style: 24px;
          text-align: center;
          background-size: 57px 51px; } }
    @media (max-width: 480px) {
      .saved-results .search-header > div.viewed .label {
        width: 182px; } }
    @media (max-width: 767px) {
      .saved-results .search-header > div.viewed {
        margin: 1.5rem 0;
        padding: 0 1rem; } }
    .saved-results .search-header > div.empty h2 {
      display: inline-block;
      position: relative;
      margin-bottom: 1rem;
      padding-left: 5rem;
      font-size: 2.5rem; }
      .saved-results .search-header > div.empty h2::before {
        position: absolute;
        top: -3px;
        left: 0;
        width: 57px;
        height: 51px;
        background-image: url("/atomic/images/icon-heart-grey.png");
        background-image: url("/atomic/images/icon-heart-grey.svg");
        background-repeat: no-repeat;
        background-size: contain;
        content: ""; }
        @media (max-width: 767px) {
          .saved-results .search-header > div.empty h2::before {
            top: 50%;
            left: .5rem;
            width: 42px;
            height: 37px;
            margin-top: -19px; } }
      @media (max-width: 767px) {
        .saved-results .search-header > div.empty h2 {
          padding-left: 4rem;
          font-size: 1.75rem;
          text-align: left; } }
    .saved-results .search-header > div.empty p {
      margin-top: .875rem;
      margin-bottom: 2rem;
      font-size: 1.25rem;
      line-height: 1.75rem;
      color: #90a8b5; }
      .saved-results .search-header > div.empty p::after {
        display: block;
        position: relative;
        width: 491px;
        height: 243px;
        margin-top: 1.25rem;
        margin-left: 200px;
        background-image: url("/atomic/images/nl/hero-save-myvd-large.png");
        background-repeat: no-repeat;
        background-size: contain;
        content: ""; }
        @media (max-width: 767px) {
          .saved-results .search-header > div.empty p::after {
            width: 270px;
            height: 254px;
            margin: 0 auto;
            margin-top: 1.5rem;
            margin-left: 0;
            background-image: url("/atomic/images/nl/hero-save-myvd-small.png"); } }
      @media (max-width: 767px) {
        .saved-results .search-header > div.empty p {
          font-size: 1.125rem;
          line-height: 1.625rem; } }
    @media (max-width: 767px) {
      .saved-results .search-header > div.empty {
        padding: 0 1rem; } }
  @media (max-width: 767px) {
    .saved-results .search-header {
      min-height: auto; } }

.my-vd-empty-state h2,
.content.geo.my-vd h2 {
  display: block;
  position: relative;
  height: 54px;
  margin-bottom: 2.5rem;
  padding: 0 1rem;
  font-size: 36px;
  line-height: 54px;
  font-weight: 300;
  text-align: center;
  color: #555155; }
  .my-vd-empty-state h2 .viewed,
  .my-vd-empty-state h2 .empty,
  .content.geo.my-vd h2 .viewed,
  .content.geo.my-vd h2 .empty {
    display: inline-block;
    position: relative;
    top: -3px;
    width: 54px;
    height: 54px;
    margin-right: 1rem;
    font-size: 1.875rem;
    line-height: 54px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    font-weight: 600;
    color: #fff;
    background-color: #0079bb; }
    @media (max-width: 767px) {
      .my-vd-empty-state h2 .viewed,
      .my-vd-empty-state h2 .empty,
      .content.geo.my-vd h2 .viewed,
      .content.geo.my-vd h2 .empty {
        width: 40px;
        height: 40px;
        font-size: 1.5rem;
        line-height: 2.625rem; } }
  @media (max-width: 767px) {
    .my-vd-empty-state h2,
    .content.geo.my-vd h2 {
      height: auto;
      margin-bottom: 2rem;
      font-size: 2rem;
      line-height: 2.5rem; } }

.remove-saved-acco {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background-color: rgba(34, 54, 66, 0.9);
  z-index: 4; }
  .remove-saved-acco > p {
    position: relative;
    margin-top: 3rem;
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
    font-weight: 400;
    color: #fff; }
  .remove-saved-acco > button {
    display: block;
    position: relative;
    width: 237px;
    height: 40px;
    margin: 0 auto;
    margin-top: .75rem;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;
    background-color: #37b0f2; }
    @media (hover: hover), (pointer: fine) {
      .remove-saved-acco > button.accept:hover ~ .dimmer {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        margin: 0;
        transition: all .1s ease;
        background: #223642;
        z-index: -1; } }
    .remove-saved-acco > button.accept:active {
      transition: all .1s ease;
      opacity: .5; }
    .remove-saved-acco > button.cancel {
      border: 0.5px solid #fff;
      background-color: transparent; }

@media (max-width: 767px) {
  .main#my-vd .carousel .favourite-wrapper {
    width: 75px; } }

#my-vd .search-results-display-options.pane-header.map {
  width: 940px;
  margin: 0 auto;
  text-align: center; }
  #my-vd .search-results-display-options.pane-header.map .filter-and-view {
    position: relative;
    width: auto; }
    #my-vd .search-results-display-options.pane-header.map .filter-and-view .view-selection {
      position: relative;
      float: none;
      margin-right: 0;
      text-align: center; }
      @media (max-width: 720px) {
        #my-vd .search-results-display-options.pane-header.map .filter-and-view .view-selection {
          padding: .9375rem 0; } }
  @media (max-width: 720px) {
    #my-vd .search-results-display-options.pane-header.map {
      width: 100%;
      height: 70px; } }

@media (max-width: 1023px) {
  #my-vd .search-results-display-options .filter-and-view .filter-toggle-show {
    display: none; } }

@media (min-width: 400px) and (max-width: 720px) {
  #my-vd .search-results-display-options {
    height: 70px;
    border-bottom: 0; }
    #my-vd .search-results-display-options .search-results-sorting {
      right: auto;
      bottom: auto;
      left: 1rem; }
      #my-vd .search-results-display-options .search-results-sorting .subheading {
        margin-top: 10px;
        border-top: 0; }
    #my-vd .search-results-display-options .filter-and-view {
      text-align: left; }
      #my-vd .search-results-display-options .filter-and-view .view-selection {
        position: absolute;
        right: 0;
        float: right;
        height: 70px;
        margin-right: 2rem;
        padding: .9375rem 0;
        line-height: 2.5rem; } }

@media (min-width: 721px) and (max-width: 1023px) {
  #my-vd .search-results-display-options .search-results-sorting {
    right: auto;
    left: 1rem; } }

#animated-heart {
  opacity: .5;
  z-index: 190; }

.favourite-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  width: 42px;
  height: 39px; }
  .favourite-wrapper button.save-button {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 31px;
    height: 28px;
    background-color: transparent;
    background-image: url("/atomic/images/save-icon.png");
    background-image: url("/atomic/images/save-icon.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 28px 26px; }
    @media (hover: hover), (pointer: fine) {
      .favourite-wrapper button.save-button:hover {
        background-image: url("/atomic/images/save-icon-hover.png");
        background-image: url("/atomic/images/save-icon-hover.svg"); } }
    .favourite-wrapper button.save-button.saved {
      background-image: url("/atomic/images/save-icon-saved.png");
      background-image: url("/atomic/images/save-icon-saved.svg");
      background-size: contain; }

/*
 *  LOGIN MY VD
 */
#my-vd-account .container div.notification {
  margin-bottom: 1rem;
  padding: 1rem;
  text-align: center;
  color: #545034;
  background-color: #fff9cb; }
  #my-vd-account .container div.notification span {
    font-weight: 500; }

#my-vd-account .container span.error {
  display: inline-block;
  width: 100%;
  max-width: 300px;
  margin: 0 0 .51rem;
  font-size: .875rem;
  text-align: left;
  color: #f54f4f; }
  @media (max-width: 767px) {
    #my-vd-account .container span.error {
      max-width: 100%; } }

#my-vd-account .container h2 {
  margin-bottom: 1rem;
  font-size: 1.5rem;
  line-height: 1.2;
  font-weight: 400; }
  #my-vd-account .container h2 + p {
    padding: 1rem 0; }

#my-vd-account .container p.new-account {
  margin-bottom: 2.5rem; }

#my-vd-account .container fieldset {
  display: block;
  position: relative;
  width: 100%;
  height: 42px;
  margin-bottom: .51rem;
  border: 0 none;
  padding: 0;
  background-color: transparent; }
  #my-vd-account .container fieldset:last-of-type:not(.invalid) {
    margin-bottom: 1rem; }
  #my-vd-account .container fieldset.buttons {
    height: auto; }
  #my-vd-account .container fieldset .para {
    display: flex;
    position: absolute;
    right: calc((100% - 300px) / 2);
    flex-flow: row nowrap;
    align-items: center;
    width: auto;
    min-height: 42px;
    margin: 0; }
    #my-vd-account .container fieldset .para > .input-holder {
      width: auto;
      margin-right: auto;
      margin-left: auto; }
      @media (max-width: 767px) {
        #my-vd-account .container fieldset .para > .input-holder {
          width: 100%;
          margin-left: 0; } }
    #my-vd-account .container fieldset .para input {
      background-color: transparent; }
      #my-vd-account .container fieldset .para input:-webkit-autofill {
        transition: background-color 5000s ease-in-out 0s; }
    #my-vd-account .container fieldset .para.email > .input-holder {
      background-image: url("/atomic/images/icon-email.png");
      background-image: url("/atomic/images/icon-email.svg");
      background-repeat: no-repeat;
      background-position: 27px 15px;
      background-size: 17px 12px; }
      @media (max-width: 767px) {
        #my-vd-account .container fieldset .para.email > .input-holder {
          background-position: 11px 15px; } }
    #my-vd-account .container fieldset .para.password > .input-holder {
      background-image: url("/atomic/images/icon-lock.png");
      background-image: url("/atomic/images/icon-lock.svg");
      background-repeat: no-repeat;
      background-position: 27px 11px;
      background-size: 14px 19px; }
      @media (max-width: 767px) {
        #my-vd-account .container fieldset .para.password > .input-holder {
          background-position: 11px 11px; } }
    @media (max-width: 767px) {
      #my-vd-account .container fieldset .para.password {
        top: auto; } }
    #my-vd-account .container fieldset .para.repassword > .input-holder {
      background-image: url("/atomic/images/icon-lock.png");
      background-image: url("/atomic/images/icon-lock.svg");
      background-repeat: no-repeat;
      background-position: 27px 11px;
      background-size: 14px 19px; }
      @media (max-width: 767px) {
        #my-vd-account .container fieldset .para.repassword > .input-holder {
          background-position: 11px 11px; } }
    @media (max-width: 767px) {
      #my-vd-account .container fieldset .para.repassword {
        top: auto; } }
    #my-vd-account .container fieldset .para label {
      width: auto;
      min-height: auto;
      line-height: 1.4; }
      @media (max-width: 767px) {
        #my-vd-account .container fieldset .para label {
          display: block;
          min-height: 2rem;
          line-height: 2rem;
          text-align: center;
          text-align: left; } }
    #my-vd-account .container fieldset .para input {
      width: 300px;
      margin-right: 0;
      margin-left: 1rem;
      padding-left: 2.5rem; }
      @media (max-width: 767px) {
        #my-vd-account .container fieldset .para input {
          width: 100%;
          margin-left: 0; } }
    #my-vd-account .container fieldset .para.valid::after, #my-vd-account .container fieldset .para.invalid::after {
      right: -2.375rem;
      left: auto; }
      @media (max-width: 767px) {
        #my-vd-account .container fieldset .para.valid::after, #my-vd-account .container fieldset .para.invalid::after {
          top: auto;
          right: .55rem;
          bottom: .875rem;
          left: auto; } }
  @media (max-width: 767px) and (max-width: 767px) {
    #my-vd-account .container fieldset .para.valid::after, #my-vd-account .container fieldset .para.invalid::after {
      top: 41px;
      bottom: auto; } }
    #my-vd-account .container fieldset .para .inactive-field {
      border: 0;
      color: #4f5355;
      background: none !important; }
      #my-vd-account .container fieldset .para .inactive-field input {
        border: 0;
        padding: 0 0 0 8px; }
        #my-vd-account .container fieldset .para .inactive-field input::before, #my-vd-account .container fieldset .para .inactive-field input::after, #my-vd-account .container fieldset .para .inactive-field input:focus {
          content: none; }
    @media (max-width: 767px) {
      #my-vd-account .container fieldset .para {
        display: block;
        position: relative;
        right: auto;
        margin: 0 auto; } }
  @media (max-width: 767px) {
    #my-vd-account .container fieldset {
      height: auto; } }

#my-vd-account .container p.error {
  margin: 0;
  padding: .5rem 1rem;
  color: #f54f4f; }

#my-vd-account .container .gdpr {
  width: 300px;
  margin: 0 auto;
  margin-bottom: 1rem;
  font-size: 90%;
  text-align: left;
  color: #90a8b5; }
  #my-vd-account .container .gdpr a {
    text-decoration: underline; }
  @media (max-width: 767px) {
    #my-vd-account .container .gdpr {
      width: 100%;
      max-width: 300px; } }
  @media (max-width: 332px) {
    #my-vd-account .container .gdpr {
      max-width: 288px; } }

#my-vd-account .container {
  width: 100%;
  max-width: 960px;
  margin: 0 auto 4rem 0;
  padding: 2rem 1rem 2rem;
  font-size: 1rem;
  text-align: center;
  background-color: #fbfdff; }
  #my-vd-account .container p {
    margin-bottom: 1rem; }

#my-vd-account.logged .content {
  width: 100%;
  max-width: 100%; }
  #my-vd-account.logged .content .header {
    width: 93.5546875%;
    max-width: 1164px;
    margin: 0 auto;
    padding: 1rem 0; }
    #my-vd-account.logged .content .header button {
      top: 1.25rem;
      background-position: left 50%; }
      #my-vd-account.logged .content .header button.logout, #my-vd-account.logged .content .header button.login {
        right: 0;
        left: auto;
        padding-left: 20px;
        background-color: transparent;
        background-image: url("/atomic/images/icon-chevron-right-blue.png");
        background-image: url("/atomic/images/icon-chevron-right-blue.svg");
        background-repeat: no-repeat;
        background-size: .55rem;
        background-size: 8px 13px; }
      @media (max-width: 767px) {
        #my-vd-account.logged .content .header button {
          display: none; } }
    #my-vd-account.logged .content .header h1 {
      display: block;
      position: relative;
      width: 120px;
      margin: 0 auto;
      padding-left: 2rem;
      font-size: 1.25rem;
      text-align: right; }
      #my-vd-account.logged .content .header h1::before {
        position: absolute;
        left: 0;
        width: 30px;
        height: 30px;
        background-image: url("/atomic/images/user-avatar-single.png");
        background-image: url("/atomic/images/user-avatar-single.svg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        content: ""; }
    @media (min-width: 768px) and (max-width: 1023px) {
      #my-vd-account.logged .content .header {
        width: 92.1875%;
        max-width: 880px; } }
  @media (max-width: 767px) {
    #my-vd-account.logged .content .my-booking .back {
      display: block;
      top: 0;
      font-weight: 500;
      color: #37b0f2;
      left: 1rem; } }

#my-vd-account.logged .container {
  margin: 0 auto; }
  #my-vd-account.logged .container h2 {
    padding-top: 0;
    font-size: 2.5rem;
    font-weight: 300; }
    @media (max-width: 767px) {
      #my-vd-account.logged .container h2 {
        font-size: 1.75rem; } }
  #my-vd-account.logged .container > p {
    font-size: 1.25rem;
    color: #90a8b5; }

#my-vd-account.logged fieldset {
  border: none;
  background-color: transparent; }

#my-vd-account.logged .saved-results .search-header p {
  margin-bottom: 0;
  padding: 0; }

#my-vd-account.logged .main #search-results-root .main-search-content.saved-results .search-header {
  height: auto;
  min-height: 100px;
  padding: 0;
  text-align: center;
  background-image: none !important; }
  #my-vd-account.logged .main #search-results-root .main-search-content.saved-results .search-header .viewed {
    font-weight: 300; }

#my-vd-account.logged .main #search-results-root .main-search-content.saved-results .container {
  padding: 0; }

#my-vd-account.logged .error {
  max-width: 960px;
  margin: 0 auto 2rem; }

@media (max-width: 992px) {
  #my-vd-account.logged {
    padding: 0; } }

@media (max-width: 767px) {
  #my-vd-account.logged {
    padding: 0; } }

#my-vd .main {
  display: flex;
  flex-direction: column; }
  #my-vd .main .content {
    flex: 1; }
  #my-vd .main .delete-account {
    margin-bottom: 32px;
    font-size: 75%;
    text-align: center; }
    #my-vd .main .delete-account a {
      font-size: 16px;
      text-decoration: underline;
      color: #90a8b5;
      cursor: pointer; }

.account-removed p {
  margin-top: .4rem !important;
  margin-bottom: 1.6rem !important; }

.account-removed b {
  font-weight: 600; }

.login-screen-myvd {
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center; }

.btn--login-screen-myvd__login {
  margin: 0 auto 2rem auto;
  width: 300px; }
  @media (max-width: 767px) {
    .btn--login-screen-myvd__login {
      width: 100%; } }

.btn--theme--secondary.btn--login-screen-myvd__retrieve {
  margin: 0 auto 1rem auto; }
  @media (max-width: 430px) {
    .btn--theme--secondary.btn--login-screen-myvd__retrieve {
      line-height: 1.2; } }

.myvd-tab__title {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 1rem; }

@media (max-width: 767px) {
  .login-screen__vd-link {
    margin-left: .5rem;
    display: inline-block; } }

div.myvd-approval {
  display: inline-block;
  width: 100%;
  background: #fbfdff; }
  div.myvd-approval span {
    display: block;
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    margin: 1rem auto;
    padding: 1rem;
    text-align: center;
    color: #4ca842;
    background-color: #d7f8d4; }

.login-screen-myvd .user-info {
  margin: 0 auto;
  text-align: left;
  border: none; }
  .login-screen-myvd .user-info .para.viewing {
    display: block;
    position: relative;
    right: auto;
    left: calc((100% - 300px) / 2);
    float: left;
    clear: both;
    width: auto;
    min-height: 32px;
    margin: 0;
    line-height: 32px; }
    .login-screen-myvd .user-info .para.viewing::before {
      position: absolute;
      left: -106px;
      font-size: .75rem;
      line-height: 32px;
      font-weight: 400;
      color: #92abbb; }
      @media (max-width: 767px) {
        .login-screen-myvd .user-info .para.viewing::before {
          display: block;
          position: relative;
          left: auto;
          margin-right: 1.125rem; } }
    .login-screen-myvd .user-info .para.viewing.email::before, .login-screen-myvd .user-info .para.viewing.password::before {
      content: attr(data-label); }
    .login-screen-myvd .user-info .para.viewing.password {
      top: auto; }
    .login-screen-myvd .user-info .para.viewing .label {
      min-width: 90px;
      font-size: .75rem;
      font-weight: 400;
      color: #92abbb; }
      @media (max-width: 767px) {
        .login-screen-myvd .user-info .para.viewing .label {
          display: block; } }
    .login-screen-myvd .user-info .para.viewing .value {
      margin-right: 1rem;
      font-size: 1rem;
      font-weight: 300;
      color: #4f5355; }
    .login-screen-myvd .user-info .para.viewing .edit {
      font-size: 1rem;
      font-weight: 500;
      color: #37b0f2;
      background-color: transparent; }
    @media (max-width: 767px) {
      .login-screen-myvd .user-info .para.viewing.email {
        margin-bottom: 1rem; } }
    @media (max-width: 767px) {
      .login-screen-myvd .user-info .para.viewing {
        left: auto;
        float: none;
        width: 100%;
        max-width: 100%; } }

.btn--theme--primary.my-vd-form__confirm-button {
  width: 300px;
  margin-bottom: 2rem; }
  @media (max-width: 767px) {
    .btn--theme--primary.my-vd-form__confirm-button {
      width: 100%;
      max-width: 390px; } }

.btn--theme--secondary.my-vd-form__cancel-button {
  position: relative;
  margin-right: auto;
  margin-bottom: 1rem;
  margin-left: auto;
  background-color: transparent;
  display: block; }
  .btn--theme--secondary.my-vd-form__cancel-button::before {
    display: inline-block;
    top: 4px;
    left: 0;
    width: 8px;
    height: 13px;
    margin-right: .5rem;
    background-image: url("/atomic/images/icon-chevron-right-blue.svg");
    background-image: url("/atomic/images/icon-chevron-right-blue.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    content: ""; }

.my-bookings {
  max-width: 692px; }
  .my-bookings h2 {
    /* margin-bottom: 4rem; */ }
    @media (max-width: 767px) {
      .my-bookings h2 {
        margin-top: 2rem;
        font-size: 1.75rem; } }
  .my-bookings .my-bookings {
    width: 100%;
    max-width: 100%; }
    .my-bookings .my-bookings h3 {
      font-size: 1.75rem;
      font-weight: 300;
      color: #555155; }
      @media (max-width: 767px) {
        .my-bookings .my-bookings h3 {
          font-size: 1.5rem; } }
    .my-bookings .my-bookings h4 {
      font-size: 1.5rem;
      font-weight: 300;
      color: #90a8b5; }
      @media (max-width: 767px) {
        .my-bookings .my-bookings h4 {
          font-size: 1.25rem; } }
    .my-bookings .my-bookings.empty .btn {
      margin-bottom: 2rem; }
    .my-bookings .my-bookings.empty::after {
      display: block;
      width: 352px;
      height: 426px;
      margin: 0 auto 2rem auto;
      background-image: url("/atomic/images/nl/hero-my-bookings-empty.png");
      background-repeat: no-repeat;
      background-size: contain;
      content: ""; }
      @media (max-width: 767px) {
        .my-bookings .my-bookings.empty::after {
          width: 270px; } }
  @media (max-width: 767px) {
    .my-bookings {
      padding: 0; } }

#my-vd-account .my-booking {
  display: table;
  position: relative;
  width: 750px;
  min-height: 291px;
  margin: 0 auto;
  margin-bottom: 2rem;
  border-bottom: 1px solid #bdd7e5;
  padding: 0 0 2.5rem; }
  #my-vd-account .my-booking .acco-image,
  #my-vd-account .my-booking .acco-details {
    display: table-cell;
    position: relative;
    width: 50%;
    min-height: 305px; }
    @media (max-width: 767px) {
      #my-vd-account .my-booking .acco-image,
      #my-vd-account .my-booking .acco-details {
        display: inline-block;
        width: 100%;
        min-height: auto; } }
  #my-vd-account .my-booking .acco-image {
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    vertical-align: middle; }
    #my-vd-account .my-booking .acco-image .counter {
      display: inline-block;
      position: absolute;
      top: 50%;
      left: 50%;
      min-width: 317px;
      padding: .5rem 1.5rem;
      font-size: 1.75rem;
      font-weight: 400;
      color: #fff;
      background-color: rgba(4, 36, 54, 0.8);
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
      #my-vd-account .my-booking .acco-image .counter * {
        display: inline-block; }
      #my-vd-account .my-booking .acco-image .counter .digits {
        margin: 0 .5rem;
        font-weight: 500;
        color: #555155; }
        #my-vd-account .my-booking .acco-image .counter .digits > span {
          margin: 0 1px;
          padding: .25rem .5rem;
          padding: 0 .325rem;
          background-color: #fff;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          -ms-border-radius: 5px;
          -o-border-radius: 5px;
          border-radius: 5px; }
      @media (max-width: 767px) {
        #my-vd-account .my-booking .acco-image .counter {
          min-width: 250px;
          padding: .5rem;
          font-size: 1.5rem; } }
    @media (max-width: 767px) {
      #my-vd-account .my-booking .acco-image {
        height: auto;
        padding-bottom: 56.25%; } }
  #my-vd-account .my-booking .acco-details {
    position: relative;
    padding: 0 0 0 3rem;
    text-align: left; }
    #my-vd-account .my-booking .acco-details > * {
      display: block;
      position: relative;
      float: left; }
    #my-vd-account .my-booking .acco-details h5 span {
      line-height: 25px; }
      #my-vd-account .my-booking .acco-details h5 span:first-of-type {
        margin-right: .5rem;
        font-size: 1.25rem;
        color: #4f5355; }
        @media (max-width: 767px) {
          #my-vd-account .my-booking .acco-details h5 span:first-of-type {
            font-size: 1.125rem; } }
      #my-vd-account .my-booking .acco-details h5 span.star-rating-small {
        height: 25px;
        margin-left: 0;
        vertical-align: top; }
    #my-vd-account .my-booking .acco-details .specs {
      width: 100%;
      border-top: 1px solid #bdd7e5; }
    #my-vd-account .my-booking .acco-details dl {
      margin: 0;
      padding: .75rem 0 .75rem 36px;
      background-position: 6px center; }
      #my-vd-account .my-booking .acco-details dl:not(:last-of-type) {
        border-bottom: 1px dashed #bdd7e5; }
      #my-vd-account .my-booking .acco-details dl:last-of-type {
        padding-bottom: 0; }
    #my-vd-account .my-booking .acco-details dt {
      margin-bottom: .25rem;
      font-size: .75rem;
      font-weight: 400;
      color: #90a8b5; }
    #my-vd-account .my-booking .acco-details dd {
      font-size: 1rem;
      white-space: normal; }
    #my-vd-account .my-booking .acco-details button.btn--theme--secondary {
      position: absolute;
      right: 0;
      bottom: -4px;
      margin: 0;
      background-color: transparent; }
      @media (max-width: 767px) {
        #my-vd-account .my-booking .acco-details button.btn--theme--secondary {
          right: 1.5rem;
          bottom: .75rem; } }
    @media (max-width: 767px) {
      #my-vd-account .my-booking .acco-details {
        padding: 1rem; } }
  @media (max-width: 767px) {
    #my-vd-account .my-booking {
      display: inline-block;
      width: 100%;
      padding: 2.5rem 0; } }

#my-vd-account .future {
  position: relative;
  width: 958px;
  margin: 0 auto;
  margin-top: 4rem; }
  #my-vd-account .future .my-booking {
    width: 100%;
    min-height: 298px;
    border: 1px solid #bdd7e5;
    padding-bottom: 0; }
    #my-vd-account .future .my-booking .acco-details {
      padding: 1.5rem 3rem; }
      #my-vd-account .future .my-booking .acco-details button.btn--theme--secondary {
        right: 3rem;
        bottom: 1.5rem; }
        @media (max-width: 767px) {
          #my-vd-account .future .my-booking .acco-details button.btn--theme--secondary {
            right: 1.5rem;
            bottom: 1.75rem; } }
      @media (max-width: 767px) {
        #my-vd-account .future .my-booking .acco-details {
          padding: 1rem 1rem 2rem; } }
    @media (max-width: 990px) {
      #my-vd-account .future .my-booking {
        border-right: 0;
        border-left: 0; } }
  @media (max-width: 990px) {
    #my-vd-account .future {
      width: 100%; } }
  @media (max-width: 767px) {
    #my-vd-account .future {
      margin-top: 2rem; } }
  @media (min-width: 1024px) {
    #my-vd-account .future::before {
      display: inline-block;
      position: absolute;
      top: -123px;
      right: 1rem;
      width: 181px;
      height: 123px;
      background-image: url("/atomic/images/nl/hero-my-bookings.png");
      background-repeat: no-repeat;
      background-size: 181px auto;
      content: ""; }
    #my-vd-account .future::after {
      display: inline-block;
      position: absolute;
      top: 13px;
      right: -10px;
      width: 15px;
      height: 25px;
      background-image: url("/atomic/images/hero-my-bookings-hand.png");
      background-repeat: no-repeat;
      background-size: contain;
      content: ""; } }

#my-vd-account .container.my-booking h2 {
  padding: 0 150px;
  font-size: 2.5rem;
  font-weight: 300; }
  @media (max-width: 767px) {
    #my-vd-account .container.my-booking h2 {
      padding: 0;
      font-size: 1.75rem; } }

#my-vd-account .container.my-booking p {
  margin-bottom: 0;
  font-size: 1.25rem;
  font-weight: 300;
  color: #90a8b5; }
  @media (max-width: 767px) {
    #my-vd-account .container.my-booking p {
      padding: 0;
      font-size: .875rem; } }

#my-vd-account .container.my-booking .header {
  padding: 2.5rem 0 1rem 0;
  width: 100%; }
  @media (max-width: 767px) {
    #my-vd-account .container.my-booking .header {
      padding: 2.5rem 1rem 1rem 1rem; } }

@media (max-width: 767px) {
  #my-vd-account .container.my-booking {
    padding: 1rem 0 2.5rem;
    background-color: #ebf7fe; } }

#my-vd-account .reservation-note {
  display: inline-block;
  margin-bottom: 3rem;
  border: 1px #90a8b5 dashed;
  padding: .75rem;
  font-size: 1.125rem;
  font-weight: 500; }
  #my-vd-account .reservation-note span {
    font-weight: 600;
    color: #65c454; }
  @media (max-width: 767px) {
    #my-vd-account .reservation-note {
      margin: 0 1rem 1rem;
      padding: .25rem .5rem;
      font-size: 1rem; } }

#my-vd-account .small-view-only {
  display: none;
  border: none; }
  @media (max-width: 767px) {
    #my-vd-account .small-view-only {
      display: block;
      min-height: auto;
      padding: 0; }
      #my-vd-account .small-view-only .acco-image {
        padding-bottom: 75%; }
        #my-vd-account .small-view-only .acco-image .counter {
          top: 1rem;
          -webkit-transform: translate(-50%, 0);
          -moz-transform: translate(-50%, 0);
          -ms-transform: translate(-50%, 0);
          -o-transform: translate(-50%, 0);
          transform: translate(-50%, 0); }
        #my-vd-account .small-view-only .acco-image + .btn.btn--theme--secondary {
          background-color: transparent; }
      #my-vd-account .small-view-only .btn.btn--theme--secondary {
        margin-top: 1rem; } }

#my-vd-account .my-booking.small {
  margin-bottom: 1rem; }

#my-vd-account .rest-payment {
  position: relative;
  margin: 0 auto 2rem;
  border: 1px #bdd7e5 solid;
  padding: 1rem;
  text-align: left;
  background-color: #fff; }
  @media (max-width: 767px) {
    #my-vd-account .rest-payment:not(.small-view-only) {
      display: none; } }
  #my-vd-account .rest-payment div {
    display: inline-block;
    padding-right: 230px; }
    @media (max-width: 767px) {
      #my-vd-account .rest-payment div {
        padding-right: 0; } }
  #my-vd-account .rest-payment p {
    margin: 0;
    text-align: left; }
    #my-vd-account .rest-payment p.final-amount {
      padding: 0;
      font-size: 1rem;
      color: #555155; }
      #my-vd-account .rest-payment p.final-amount span {
        display: inline-block;
        font-weight: 600; }
      @media (max-width: 767px) {
        #my-vd-account .rest-payment p.final-amount {
          margin-bottom: 1.5rem;
          padding-right: 144px; } }
    #my-vd-account .rest-payment p.final-date {
      padding: 0;
      font-size: .875rem; }
  #my-vd-account .rest-payment button.btn--theme--primary,
  #my-vd-account .rest-payment a.btn--theme--primary {
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 1rem;
    height: 40px;
    line-height: 40px;
    margin-top: -20px;
    margin-bottom: 0; }
    @media (max-width: 767px) {
      #my-vd-account .rest-payment button.btn--theme--primary,
      #my-vd-account .rest-payment a.btn--theme--primary {
        top: 1rem;
        width: 128px;
        margin-top: 0;
        padding: 0; } }
  @media (max-width: 767px) {
    #my-vd-account .rest-payment {
      margin-bottom: 1rem;
      border: 0; } }

#my-vd-account .acco-info {
  margin: 0 auto; }
  #my-vd-account .acco-info::before, #my-vd-account .acco-info::after {
    display: none; }
  #my-vd-account .acco-info .my-booking {
    border: none; }
    #my-vd-account .acco-info .my-booking .acco-image {
      position: relative; }
      #my-vd-account .acco-info .my-booking .acco-image .counter {
        top: 30px;
        min-width: 240px;
        padding: .5rem;
        font-size: 1.5rem;
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        transform: translate(-50%, 0); }
      @media (min-width: 768px) {
        #my-vd-account .acco-info .my-booking .acco-image {
          position: absolute;
          top: 0;
          width: 50%;
          height: 250px;
          min-height: 250px; } }
      @media (max-width: 767px) {
        #my-vd-account .acco-info .my-booking .acco-image {
          display: none; } }
    #my-vd-account .acco-info .my-booking .btn.btn--theme--secondary {
      position: absolute;
      top: 270px;
      left: 0; }
      @media (max-width: 767px) {
        #my-vd-account .acco-info .my-booking .btn.btn--theme--secondary {
          display: none; } }
    #my-vd-account .acco-info .my-booking .acco-details {
      padding-right: 0; }
    @media (max-width: 767px) {
      #my-vd-account .acco-info .my-booking {
        padding: 0;
        background-color: #fff; } }
  @media (max-width: 767px) {
    #my-vd-account .acco-info {
      width: auto; } }

#my-vd-account .email-confirmation {
  position: relative;
  width: 100%;
  margin: 0 auto;
  border: 1px solid #bdd7e5;
  padding: 25px;
  background: #fff; }
  #my-vd-account .email-confirmation .email-header {
    position: relative;
    margin-bottom: 2rem; }
    #my-vd-account .email-confirmation .email-header h2 {
      position: relative;
      position: relative;
      margin-bottom: 2rem;
      font-size: 1.5rem;
      font-weight: 400;
      text-align: left;
      color: #4f5355; }
      #my-vd-account .email-confirmation .email-header h2::after {
        display: inline-block;
        position: absolute;
        right: 0;
        width: 70px;
        height: 43px;
        background-image: url("/atomic/images/icon-stamp.png");
        background-image: url("/atomic/images/icon-stamp.svg");
        background-repeat: no-repeat;
        background-position: right center;
        background-size: contain;
        content: ""; }
        @media (max-width: 767px) {
          #my-vd-account .email-confirmation .email-header h2::after {
            top: -10px; } }
      @media (max-width: 767px) {
        #my-vd-account .email-confirmation .email-header h2 {
          margin: .5rem 0 1rem;
          font-size: 1.25rem; } }
    #my-vd-account .email-confirmation .email-header .email-info {
      padding-right: 250px;
      text-align: left; }
      #my-vd-account .email-confirmation .email-header .email-info p {
        display: inline-block;
        margin-bottom: 7px;
        padding: 0;
        font-size: 1rem;
        text-align: left; }
        #my-vd-account .email-confirmation .email-header .email-info p span {
          display: inline-block;
          float: left;
          font-weight: 300; }
          #my-vd-account .email-confirmation .email-header .email-info p span:first-of-type {
            width: 40px;
            font-size: .75rem;
            line-height: 1.5rem; }
          #my-vd-account .email-confirmation .email-header .email-info p span:nth-child(2) {
            width: 325px;
            font-size: 1rem;
            color: #2c2a2e; }
          #my-vd-account .email-confirmation .email-header .email-info p span small {
            margin-left: .5rem;
            font-size: .875rem;
            color: #90a8b5; }
        #my-vd-account .email-confirmation .email-header .email-info p.recipient {
          margin-bottom: .75rem; }
          #my-vd-account .email-confirmation .email-header .email-info p.recipient span:nth-child(2) {
            margin-bottom: 0;
            border-bottom: 1px dashed #bdd7e5;
            padding-bottom: .75rem; }
    #my-vd-account .email-confirmation .email-header .email-menu {
      position: absolute;
      right: 1rem;
      bottom: 0;
      width: 210px; }
      #my-vd-account .email-confirmation .email-header .email-menu button {
        width: 210px;
        height: 40px;
        padding: 0;
        line-height: 22.5px; }
        #my-vd-account .email-confirmation .email-header .email-menu button.btn--theme--primary {
          margin-bottom: .5rem; }
          @media (max-width: 767px) {
            #my-vd-account .email-confirmation .email-header .email-menu button.btn--theme--primary {
              display: none; } }
      #my-vd-account .email-confirmation .email-header .email-menu .approved {
        display: inline-block;
        position: relative;
        height: 40px;
        padding-left: 1.5rem;
        line-height: 40px;
        font-weight: 500;
        color: #65c454; }
        #my-vd-account .email-confirmation .email-header .email-menu .approved::before {
          display: inline-block;
          position: absolute;
          top: 13px;
          left: 0;
          width: 16px;
          height: 13px;
          background-image: url("/atomic/images/vd_icon_checkmark_bare.svg");
          background-image: url("/atomic/images/vd_icon_checkmark_bare.png");
          background-repeat: no-repeat;
          background-size: contain;
          content: ""; }
      @media (max-width: 767px) {
        #my-vd-account .email-confirmation .email-header .email-menu {
          position: relative;
          right: auto;
          bottom: auto;
          margin: 1rem auto 0; } }
    @media (max-width: 767px) {
      #my-vd-account .email-confirmation .email-header {
        margin-bottom: .5rem;
        padding: 1rem; } }
  #my-vd-account .email-confirmation .the-email {
    width: 100%;
    height: 7774px; }
    @media (max-width: 767px) {
      #my-vd-account .email-confirmation .the-email {
        width: 100%; } }
  @media (max-width: 767px) {
    #my-vd-account .email-confirmation {
      width: 100%;
      border: 0;
      padding: 0; } }

.download-table {
  max-width: 726px;
  margin: 0 auto 2rem;
  padding: 1rem 1.5rem;
  background-color: #f2f7fa; }
  .download-table h3 {
    margin-bottom: 1rem;
    font-size: .875rem;
    font-weight: 400;
    text-transform: uppercase;
    color: #90a8b5; }
  .download-table ul {
    display: inline-block;
    position: relative;
    width: 100%; }
    .download-table ul li {
      display: inline-block;
      float: left;
      width: 31%;
      height: 55px;
      border-bottom: 1px solid #bdd7e5;
      text-align: left; }
      @media (min-width: 768px) {
        .download-table ul li:nth-child(3n + 2) {
          margin-right: 3.5%;
          margin-left: 3.5%; }
        .download-table ul li:nth-of-type(1):nth-last-of-type(2), .download-table ul li:nth-of-type(2):nth-last-of-type(1) {
          float: none;
          margin-right: 0; } }
      @media (max-width: 767px) {
        .download-table ul li {
          width: 100%; } }
    .download-table ul::after {
      display: block;
      position: absolute;
      bottom: 0;
      width: 100%;
      height: 1px;
      background-color: #f2f7fa;
      content: ""; }
    @media (max-width: 767px) {
      .download-table ul.collapsed {
        max-height: 165px;
        overflow: hidden; } }
    @media (max-width: 767px) {
      .download-table ul.expanded {
        height: auto;
        max-height: auto; } }
  .download-table a {
    display: table-cell;
    width: 100%;
    height: 55px;
    padding-left: 2.5rem;
    line-height: 1rem;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 27px 35px;
    vertical-align: middle; }
    @media (hover: hover), (pointer: fine) {
      .download-table a:hover {
        color: #37b0f2; } }
    .download-table a.flight-tickets {
      background-image: url("/atomic/images/icon-document-flightticket.png");
      background-image: url("/atomic/images/icon-document-flightticket.svg"); }
    .download-table a.transfer-voucher {
      background-image: url("/atomic/images/icon-document-transfer.png");
      background-image: url("/atomic/images/icon-document-transfer.svg"); }
    .download-table a.terms-anvr {
      background-image: url("/atomic/images/icon-document-terms-anvr.png");
      background-image: url("/atomic/images/icon-document-terms-anvr.svg"); }
    .download-table a.acco-voucher {
      background-image: url("/atomic/images/icon-document-acco-voucher.png");
      background-image: url("/atomic/images/icon-document-acco-voucher.svg"); }
    .download-table a.parking-voucher {
      background-image: url("/atomic/images/icon-document-parking-voucher.png");
      background-image: url("/atomic/images/icon-document-parking-voucher.svg"); }
    .download-table a.terms-insurance {
      background-image: url("/atomic/images/icon-document-terms-insurance.png");
      background-image: url("/atomic/images/icon-document-terms-insurance.svg"); }
    .download-table a.car-rental {
      background-image: url("/atomic/images/icon-document-car-rental.png");
      background-image: url("/atomic/images/icon-document-car-rental.svg"); }
    .download-table a.terms-touroperator {
      background-image: url("/atomic/images/icon-document-terms-touroperator.png");
      background-image: url("/atomic/images/icon-document-terms-touroperator.svg"); }
    .download-table a.invoice {
      background-image: url("/atomic/images/icon-document-invoice.png");
      background-image: url("/atomic/images/icon-document-invoice.svg"); }
  .download-table .show-more {
    display: none;
    margin: 1rem 0; }
    .download-table .show-more button.show-more-button {
      background-color: transparent; }
      .download-table .show-more button.show-more-button span {
        margin-left: .5rem; }
    @media (max-width: 767px) {
      .download-table .show-more {
        display: block; } }
  @media (max-width: 767px) {
    .download-table .expanded + .show-more button.show-more-button {
      background-image: url("/atomic/images/icon-chevron-up-blue.png");
      background-image: url("/atomic/images/icon-chevron-up-blue.svg"); } }
  .download-table.no-bg {
    max-width: initial;
    margin: 16px 0 25px;
    padding: 0;
    background-color: transparent; }
    .download-table.no-bg a {
      background-size: 22px 28px; }
  @media (max-width: 767px) {
    .download-table {
      margin: 0 auto;
      background-color: transparent; } }

.my-voucher {
  border: 1px solid #c9dcea;
  margin: 0 auto 2rem auto;
  text-align: left;
  max-width: 692px;
  width: 100%; }
  .my-voucher strong {
    font-weight: 500; }

.vouchers-head {
  background-color: #edf8ff;
  border-bottom: 1px dashed #c9dcea;
  padding: 1.25rem 2rem; }
  @media (max-width: 767px) {
    .vouchers-head {
      padding: 1.25rem 1.25rem 2rem 1.25rem; } }

.vouchers-head__header {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  @media (max-width: 767px) {
    .vouchers-head__header {
      justify-content: flex-start; } }
  .vouchers-head__header:before {
    content: "";
    display: inline-block;
    background-image: url("/atomic/images/hero-header.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 43px;
    margin: 0 .75rem 0 0;
    width: 34px; }
    @media (max-width: 767px) {
      .vouchers-head__header:before {
        height: 39px;
        width: 31px; } }

@media (max-width: 767px) {
  .vouchers-header__title__text {
    margin: 0 .75rem 0 0; } }

.vouchers-header__title__text--written {
  color: #ff1284;
  display: inline-flex;
  font-family: "Josschrift";
  font-size: 2rem;
  font-weight: normal;
  margin: 0 .5rem 0 0; }
  @media (max-width: 767px) {
    .vouchers-header__title__text--written {
      font-size: 1.875rem; } }

.vouchers-header__title__text--digital {
  color: #90a8b5;
  display: inline-flex;
  font-size: 1.425rem;
  font-weight: 400;
  text-transform: uppercase; }
  @media (max-width: 767px) {
    .vouchers-header__title__text--digital {
      font-size: 1.25rem; } }

.vouchers-head__header .comfort-icons {
  width: unset; }
  .vouchers-head__header .comfort-icons .comfort-icon.anvr {
    height: 26px;
    width: 31px; }
    @media (max-width: 767px) {
      .vouchers-head__header .comfort-icons .comfort-icon.anvr {
        height: 21px;
        width: 26px; } }
  .vouchers-head__header .comfort-icons .comfort-icon.sgr {
    height: 26px;
    width: 27px; }
    @media (max-width: 767px) {
      .vouchers-head__header .comfort-icons .comfort-icon.sgr {
        height: 21px;
        width: 23px; } }

.vouchers-header__price {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin: .5rem 0; }
  @media (max-width: 767px) {
    .vouchers-header__price {
      align-items: flex-start;
      margin: .5rem 0; } }
  .vouchers-header__price .price-voucher__price-from.price-voucher__price-from {
    color: #90a8b5;
    font-size: .875rem;
    margin: 0;
    padding: 0; }
  .vouchers-header__price .price {
    position: relative;
    display: inline-flex;
    flex-direction: row;
    margin: -8px 0 0 0; }
    .vouchers-header__price .price .price-number {
      color: #33373d;
      font-size: 2.5rem;
      font-weight: 800;
      padding: 0; }
      .vouchers-header__price .price .price-number:before {
        font-size: 1.625rem; }
    .vouchers-header__price .price .price-decimals {
      font-size: 1.5rem;
      font-weight: 800;
      margin: 6px 0 0 -5px; }

.price-voucher-wrapper {
  display: flex;
  width: 100%;
  justify-content: center; }
  @media (max-width: 767px) {
    .price-voucher-wrapper {
      justify-content: flex-start; } }
  .price-voucher-wrapper .price-voucher__balance {
    display: inline-flex;
    align-self: flex-end;
    justify-content: flex-end;
    text-decoration: line-through;
    margin: 0 1rem .625rem 0; }
    @media (min-width: 768px) {
      .price-voucher-wrapper .price-voucher__balance {
        flex: 1; } }
    .price-voucher-wrapper .price-voucher__balance:before {
      content: '€ '; }
  .price-voucher-wrapper .price-voucher__filler {
    display: inline-flex;
    flex: 1;
    margin: 0 1rem .625rem 0; }
    @media (max-width: 767px) {
      .price-voucher-wrapper .price-voucher__filler {
        display: none; } }

.btn--theme--primary.btn--theme--primary--voucher {
  margin: 1rem auto;
  display: block; }
  @media (max-width: 767px) {
    .btn--theme--primary.btn--theme--primary--voucher {
      margin: 0 auto;
      max-width: 390px;
      width: 100%; } }

.vouchers-body {
  padding: 2rem; }
  @media (max-width: 767px) {
    .vouchers-body {
      padding: 1.125rem 1.5rem 1.5rem 1.5rem; } }
  .vouchers-body .btn-voucher-tab-request-refund,
  .vouchers-body .btn-voucher-tab-tac {
    padding: 10px 0 0 0;
    line-height: 1.5rem; }
    .vouchers-body .btn-voucher-tab-request-refund:before,
    .vouchers-body .btn-voucher-tab-tac:before {
      height: 1.5rem; }
    @media (max-width: 767px) {
      .vouchers-body .btn-voucher-tab-request-refund,
      .vouchers-body .btn-voucher-tab-tac {
        text-align: left; } }

.booking-info li,
.booking-info > div {
  display: inline-block;
  position: relative;
  margin: 0 0 1rem 0;
  width: 100%; }

@media (min-width: 768px) {
  .booking-info-table {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-fill: balance;
    -moz-column-fill: balance;
    column-fill: balance;
    -webkit-break-inside: avoid;
    -moz-break-inside: avoid;
    break-inside: avoid; } }

.booking-info-table__label {
  color: #90a8b5;
  display: block;
  font-size: .875rem;
  font-weight: 400;
  width: 100%;
  text-transform: lowercase; }
  @media (max-width: 767px) {
    .booking-info-table__label {
      padding: 0; } }

.booking-info-table__label--new {
  padding: 1rem 0 0 0;
  border-top: 1px dashed #c9dcea; }

.booking-info-table__value {
  align-items: center;
  color: #2f2f2f;
  display: flex;
  font-size: 1rem;
  font-weight: 300; }
  @media (max-width: 767px) {
    .booking-info-table__value .expiration {
      display: block; } }

.booking-offers {
  margin: 11px 0 0 0; }
  @media (max-width: 767px) {
    .booking-offers {
      margin: .5rem 0 0 0; } }
  .booking-offers li {
    display: flex;
    flex-direction: row;
    margin: 0 0 1.5rem 0; }
    @media (max-width: 767px) {
      .booking-offers li {
        flex-wrap: wrap;
        margin: 0 0 1rem 0; } }
  .booking-offers img {
    border-radius: 3px;
    height: 48px;
    width: 48px;
    margin: 0 1rem 0 0; }
  .booking-offers div {
    display: flex;
    flex-direction: column; }
    .booking-offers div a {
      text-decoration: underline; }
    .booking-offers div span {
      font-size: 1rem;
      font-weight: 300; }

.booking-offer-price {
  margin: 0 0 0 auto; }
  @media (max-width: 767px) {
    .booking-offer-price {
      flex-basis: 100%;
      padding: 0 0 0 64px; } }

.booking-offer-price--original {
  color: #2f2f2f; }
  @media (min-width: 768px) {
    .booking-offer-price--original {
      float: right; } }
  @media (max-width: 767px) {
    .booking-offer-price--original {
      display: block;
      padding: 0; } }

.booking-offer-price--new,
.booking-offer-price--refund {
  color: #65c454; }
  .booking-offer-price--new:before,
  .booking-offer-price--refund:before {
    content: "-";
    margin: 0 .25rem 0 0; }

.booking-offer-price__amount {
  font-size: 1rem;
  font-weight: 500; }
  .booking-offer-price__amount:before {
    content: "€";
    margin: 0 .25rem 0 0; }

@media (min-width: 768px) {
  .booking-offer-price--refund {
    float: right; } }

@media (max-width: 767px) {
  .booking-offer-price--refund {
    display: block;
    padding: 0;
    margin: .5rem 0 0 0; } }

.my-vouchers p.sgr-footer {
  color: #90a8b5;
  font-size: .875rem;
  font-weight: 300;
  margin: 2rem 0 0 0;
  padding: 0 !important;
  display: flex;
  align-items: center; }
  @media (max-width: 767px) {
    .my-vouchers p.sgr-footer {
      align-items: flex-start; } }
  .my-vouchers p.sgr-footer:before {
    content: "";
    height: 26px;
    width: 27px;
    flex: 0 0 27px;
    display: inline-block;
    background-image: url("/atomic/images/logo-sgr-grey.svg");
    background-size: contain;
    margin: 0 1rem 0 0; }
    @media (max-width: 767px) {
      .my-vouchers p.sgr-footer:before {
        height: 25px;
        width: 26px;
        margin: .25rem 1rem 0 0;
        flex: 0 0 26px; } }

#my-vd-account .faq-footer {
  margin: 4rem 0; }
  @media (max-width: 767px) {
    #my-vd-account .faq-footer {
      margin: 3rem 1.75rem 3rem 1.75rem;
      text-align: left; } }
  #my-vd-account .faq-footer h2.faq-footer__title {
    font-size: 1.75rem;
    font-weight: 300;
    margin: 0 0 2.5rem 0; }
    @media (max-width: 767px) {
      #my-vd-account .faq-footer h2.faq-footer__title {
        font-size: 1.25rem;
        margin: 0 0 1rem 0; } }
  @media (max-width: 767px) {
    #my-vd-account .faq-footer .btn-voucher-tab-faq {
      padding: 0;
      height: 1.5rem;
      line-height: 1.5rem; }
      #my-vd-account .faq-footer .btn-voucher-tab-faq:before {
        height: 1.5rem; } }

.insurance-footnote {
  display: block;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 300;
  margin: 0 0 1.5rem 0; }
  @media (min-width: 768px) {
    .insurance-footnote {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      justify-content: center; } }
  .insurance-footnote.insurance-footnote--included:before {
    content: "";
    display: inline-block;
    background-image: url("/atomic/images/vd_icon_checkmark_bare.svg");
    background-size: 15px 13px;
    background-position: center;
    background-repeat: no-repeat;
    height: 13px;
    width: 15px;
    margin: 0 .875rem 0 0; }
  .insurance-footnote.insurance-used {
    text-decoration: line-through; }
  .insurance-footnote .vouchers-insurance__amount {
    font-weight: 500;
    margin: 0 0 0 .5rem; }
    .insurance-footnote .vouchers-insurance__amount:before {
      content: "€";
      margin: 0 .25rem 0 0; }

.voucher-tooltip {
  display: inline-block;
  margin: 0 0 0 .5rem;
  position: relative;
  height: 18px;
  width: 18px; }
  @media (max-width: 767px) {
    .voucher-tooltip {
      vertical-align: text-top; } }
  .voucher-tooltip .info-tooltip-button {
    background-image: url("/atomic/images/icon-info-tooltip.svg");
    background-size: contain; }
  #my-vd-account .voucher-tooltip + .tooltip > p:not(.para):not(.buttons) {
    color: #4f5355;
    font-size: .84375rem;
    font-weight: 400;
    padding: 0;
    margin: 0; }

.notification--yellow {
  background-color: #fff9cb;
  padding: .625rem; }
  @media (max-width: 767px) {
    .notification--yellow {
      margin: 0 0 1.5rem 0; } }
  .notification--yellow.refund {
    margin-bottom: 1.5rem; }
    .notification--yellow.refund a {
      text-decoration: underline; }
  .notification--yellow p {
    color: #656947;
    font-size: .875rem;
    margin: 0 !important; }
  .notification--yellow p:not(:last-of-type) {
    margin: 0 0 .5rem 0 !important; }
  .notification--yellow b {
    color: #545155;
    font-weight: 600; }

.booking-info-table--refund {
  display: flex;
  flex-direction: row;
  margin: .5rem 0 1rem 0;
  align-items: flex-start; }
  .booking-info-table--refund img {
    margin: .5rem 1.5rem 0 .5rem; }
  .booking-info-table--refund .booking-info-table__value {
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    width: 100%; }
    @media (min-width: 768px) {
      .booking-info-table--refund .booking-info-table__value {
        justify-content: space-between; } }
    @media (max-width: 767px) {
      .booking-info-table--refund .booking-info-table__value {
        flex-direction: column; }
        .booking-info-table--refund .booking-info-table__value .booking-offer-price--refund {
          margin: 0; } }

#my-vd-account .container .refund-page,
.refund-page {
  margin: 2.5rem 0;
  text-align: left; }
  @media (min-width: 768px) and (max-width: 1023px) {
    #my-vd-account .container .refund-page,
    .refund-page {
      margin: 1.5rem; } }
  @media (max-width: 767px) {
    #my-vd-account .container .refund-page,
    .refund-page {
      margin: 1.5rem; } }
  #my-vd-account .container .refund-page .refund-page__title,
  .refund-page .refund-page__title {
    font-size: 2.375rem;
    font-weight: 300;
    margin: 0 0 2.8125rem 0;
    text-align: center; }
    @media (max-width: 767px) {
      #my-vd-account .container .refund-page .refund-page__title,
      .refund-page .refund-page__title {
        font-size: 1.75rem; } }
  #my-vd-account .container .refund-page .bold,
  .refund-page .bold {
    font-weight: 500; }
  #my-vd-account .container .refund-page p,
  .refund-page p {
    margin: 0 0 1rem 0; }
  #my-vd-account .container .refund-page .btn--theme--secondary--read-more-refund,
  .refund-page .btn--theme--secondary--read-more-refund {
    padding-left: 0; }
    @media (min-width: 768px) {
      #my-vd-account .container .refund-page .btn--theme--secondary--read-more-refund,
      .refund-page .btn--theme--secondary--read-more-refund {
        margin: 0 0 1rem 0; } }
    @media (max-width: 767px) {
      #my-vd-account .container .refund-page .btn--theme--secondary--read-more-refund,
      .refund-page .btn--theme--secondary--read-more-refund {
        height: initial;
        line-height: initial;
        text-align: left; }
        #my-vd-account .container .refund-page .btn--theme--secondary--read-more-refund:before,
        .refund-page .btn--theme--secondary--read-more-refund:before {
          background-position: center 4px; } }
  #my-vd-account .container .refund-page .refund-page__tac-refund,
  .refund-page .refund-page__tac-refund {
    background-color: #edf8ff;
    padding: 1rem;
    margin: 0 0 2rem 0; }
  #my-vd-account .container .refund-page .option-group strong,
  .refund-page .option-group strong {
    font-weight: 500; }
  #my-vd-account .container .refund-page .option-group i,
  .refund-page .option-group i {
    color: red; }
  #my-vd-account .container .refund-page .option-group .option,
  .refund-page .option-group .option {
    display: flex;
    flex-direction: column;
    padding: 0; }
    #my-vd-account .container .refund-page .option-group .option .title,
    .refund-page .option-group .option .title {
      padding: 0;
      display: flex !important;
      width: 100% !important; }
      @media (max-width: 767px) {
        #my-vd-account .container .refund-page .option-group .option .title,
        .refund-page .option-group .option .title {
          display: flex; } }
      #my-vd-account .container .refund-page .option-group .option .title .checkbox,
      .refund-page .option-group .option .title .checkbox {
        margin: 0 .875rem 0 0;
        flex: 21px 0 0; }
  #my-vd-account .container .refund-page .refund-page__buttons,
  .refund-page .refund-page__buttons {
    display: flex; }
    @media (min-width: 768px) {
      #my-vd-account .container .refund-page .refund-page__buttons,
      .refund-page .refund-page__buttons {
        flex-direction: row; } }
    @media (max-width: 767px) {
      #my-vd-account .container .refund-page .refund-page__buttons,
      .refund-page .refund-page__buttons {
        flex-direction: column;
        justify-content: center; } }
    @media (min-width: 768px) {
      #my-vd-account .container .refund-page .refund-page__buttons .btn--theme--primary--request-refund,
      .refund-page .refund-page__buttons .btn--theme--primary--request-refund {
        margin: 0 2rem 0 0; } }
    #my-vd-account .container .refund-page .refund-page__buttons .vd-link, #my-vd-account .container .refund-page .refund-page__buttons .modal--terms-and-conditions .tel-link, .modal--terms-and-conditions #my-vd-account .container .refund-page .refund-page__buttons .tel-link, #my-vd-account .container .refund-page .refund-page__buttons .modal--terms-and-conditions .modal__content p a, .modal--terms-and-conditions .modal__content p #my-vd-account .container .refund-page .refund-page__buttons a,
    .refund-page .refund-page__buttons .vd-link,
    .refund-page .refund-page__buttons .modal--terms-and-conditions .tel-link, .modal--terms-and-conditions
    .refund-page .refund-page__buttons .tel-link,
    .refund-page .refund-page__buttons .modal--terms-and-conditions .modal__content p a, .modal--terms-and-conditions .modal__content p
    .refund-page .refund-page__buttons a {
      display: flex;
      align-items: center;
      justify-content: center; }
      @media (max-width: 767px) {
        #my-vd-account .container .refund-page .refund-page__buttons .vd-link, #my-vd-account .container .refund-page .refund-page__buttons .modal--terms-and-conditions .tel-link, .modal--terms-and-conditions #my-vd-account .container .refund-page .refund-page__buttons .tel-link, #my-vd-account .container .refund-page .refund-page__buttons .modal--terms-and-conditions .modal__content p a, .modal--terms-and-conditions .modal__content p #my-vd-account .container .refund-page .refund-page__buttons a,
        .refund-page .refund-page__buttons .vd-link,
        .refund-page .refund-page__buttons .modal--terms-and-conditions .tel-link, .modal--terms-and-conditions
        .refund-page .refund-page__buttons .tel-link,
        .refund-page .refund-page__buttons .modal--terms-and-conditions .modal__content p a, .modal--terms-and-conditions .modal__content p
        .refund-page .refund-page__buttons a {
          text-align: center;
          padding: .5rem;
          margin: 1rem 0 0 0; } }

.vd-input--iban-input {
  margin: .5rem 0 .875rem 0; }

body.email {
  background-color: #ebf7fe; }
  body.email header {
    position: relative;
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    padding: 1.875rem 0;
    text-align: center; }
    body.email header .logo {
      display: inline-block;
      width: 121px;
      height: 42px;
      font-size: 0;
      background-image: url("/atomic/images/nl/vd_logo.png");
      background-image: url("/atomic/images/nl/vd_logo.svg");
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain; }
    body.email header .comfort-icons {
      display: inline-block;
      position: absolute;
      top: 1.875rem;
      right: 0;
      width: auto; }
      body.email header .comfort-icons li {
        display: inline-block;
        font-size: 0;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain; }
      body.email header .comfort-icons .anvr {
        width: 29px;
        height: 22px;
        background-image: url("/atomic/images/logo-anvr-header.png");
        background-image: url("/atomic/images/logo-anvr-header.svg"); }
      body.email header .comfort-icons .sgr {
        width: 25px;
        height: 23px;
        background-image: url("/atomic/images/logo-sgr-header.png");
        background-image: url("/atomic/images/logo-sgr-header.svg"); }
      @media (max-width: 767px) {
        body.email header .comfort-icons {
          right: 1rem; } }
  body.email > section .content {
    max-width: 600px;
    padding: 2rem 1rem;
    text-align: center;
    background-color: #fff; }
    body.email > section .content h1 {
      margin: 1rem 0;
      font-size: 1.75rem;
      font-weight: 400; }
    body.email > section .content p {
      margin: 1rem 0; }
      body.email > section .content p span {
        display: block; }
      body.email > section .content p:last-of-type {
        margin-top: 2rem; }
    @media (max-width: 767px) {
      body.email > section .content button {
        padding: .6rem; } }
  @media (max-width: 767px) {
    body.email > section {
      padding: 1rem; } }
  body.email footer {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    padding: 2rem 0;
    font-size: .75rem;
    text-align: center;
    color: #8facbc;
    background-color: transparent; }
    body.email footer p {
      margin: 1rem 0; }
      body.email footer p:first-of-type {
        margin-top: 0;
        font-size: 1rem; }
      body.email footer p .email {
        color: #4f5355; }
    body.email footer .comfort-icons {
      padding: 1rem; }
      body.email footer .comfort-icons li {
        display: inline-block;
        font-size: 0;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain; }
      body.email footer .comfort-icons .anvr {
        width: 35px;
        height: 27px;
        background-image: url("/atomic/images/logo-anvr.png");
        background-image: url("/atomic/images/logo-anvr.svg"); }
      body.email footer .comfort-icons .sgr {
        width: 32px;
        height: 27px;
        margin: 0 1rem;
        background-image: url("/atomic/images/logo-sgr.png");
        background-image: url("/atomic/images/logo-sgr.svg"); }
      body.email footer .comfort-icons .ideal {
        width: 30px;
        height: 26px;
        background-image: url("/atomic/images/logo-ideal.png");
        background-image: url("/atomic/images/logo-ideal.svg"); }
    @media (max-width: 767px) {
      body.email footer {
        padding: 2rem 1rem; } }

.cookiebar {
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
  padding: 2rem 0 1.5rem;
  background: white; }
  @media (max-width: 767px) {
    .cookiebar {
      display: block;
      padding: 1rem; } }

.cookiebar__info {
  width: 100%; }
  @media (max-width: 767px) {
    .cookiebar__info {
      padding: 5px 0; } }

.cookiebar__title {
  margin-bottom: 1.25rem;
  font-size: 30px;
  line-height: 1.1;
  text-align: left; }

.cookiebar__description {
  line-height: 1.4;
  font-weight: 300;
  text-align: left; }

.cookiebar__agreement {
  text-align: left; }
  .cookiebar__agreement .btn {
    margin: 1.5rem 0 1rem; }
    @media (max-width: 767px) {
      .cookiebar__agreement .btn {
        width: 100%;
        padding: 0; } }

@media (max-width: 767px) {
  .cookie-popup-footer .btn {
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 0; }
    .cookie-popup-footer .btn:last-of-type {
      margin-top: .5rem; } }

.cookiebar-popup__left-btn {
  margin-left: 2rem; }

@media (max-width: 767px) {
  .tabs__tab span span, .tabs__dead-tab span span {
    display: none; } }

.tabs__header {
  display: flex; }

.tabs__tab, .tabs__dead-tab {
  border-style: solid;
  border-color: #bdd7e5;
  padding: 10px;
  text-transform: uppercase; }

.tabs__tab--active {
  border-width: 1px 1px 0;
  font-size: 12px; }

.tabs__tab--inactive, .tabs__dead-tab {
  border-width: 0 0 1px;
  font-size: 13px;
  font-weight: 500;
  color: #37b0f2;
  cursor: pointer; }

.tabs__dead-tab {
  flex-grow: 1;
  cursor: default; }

.tabs__body {
  padding: 2rem 0 0; }

.checkmark {
  height: 24px;
  padding-left: 24px;
  line-height: 24px;
  background-image: url(/atomic/images/icon-tick-green.png);
  background-image: url(/atomic/images/icon-tick-green.svg);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 1rem 1rem; }
  .checkmark.cancellation {
    margin: 1rem 0 0 0;
    line-height: unset;
    height: unset; }
    .checkmark.cancellation + .explanation {
      margin: 1rem 0 0 0; }

input[type="checkbox"] + .checkbox {
  display: inline-block;
  position: absolute;
  top: 1;
  left: 0;
  width: 21px;
  height: 20px;
  margin-right: 5px;
  background-image: url("/atomic/images/form-checkbox-unchecked.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 21px 20px;
  content: ""; }

input[type="checkbox"]:checked + .checkbox {
  background-image: url("/atomic/images/form-checkbox-checked.png"); }

input[type="checkbox"]:focus + .checkbox {
  background-image: url("/atomic/images/form-checkbox-unchecked-focus.png"); }

input[type="checkbox"]:focus:checked + .checkbox {
  background-image: url("/atomic/images/form-checkbox-checked-focus.png"); }

.checkbox {
  display: inline-block;
  position: relative;
  width: 24px;
  height: 18px;
  font-size: 0;
  cursor: pointer; }

.checkbox-option {
  display: inline-block;
  width: 21px;
  height: 20px;
  margin: 0 5px 0 0;
  background-image: url("/atomic/images/form-checkbox-unchecked.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  content: ""; }

.checkbox-option--small {
  width: 18px;
  height: 17px; }

.options-list__input:checked + .checkbox-option {
  background-image: url("/atomic/images/form-checkbox-checked.svg"); }

.options-list__input:focus + .checkbox-option {
  background-image: url("/atomic/images/form-checkbox-unchecked-focus.png"); }

.options-list__input:focus:checked + .checkbox-option {
  background-image: url("/atomic/images/form-checkbox-checked-focus.png"); }

input[type="radio"] {
  display: none; }
  input[type="radio"] + .radio {
    display: inline-block;
    position: absolute;
    top: -2px;
    left: 0;
    width: 18px;
    height: 18px;
    margin-right: 5px;
    background-image: url("/atomic/images/form-radio-unchecked.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    cursor: pointer; }
  input[type="radio"]:checked + .radio {
    background-image: url("/atomic/images/form-radio-checked.png"); }
  input[type="radio"]:focus + .radio {
    background-image: url("/atomic/images/form-radio-unchecked-focus.png"); }
  input[type="radio"]:focus:checked + .radio {
    background-image: url("/atomic/images/form-radio-checked-focus.png"); }

.radio-option {
  display: inline-block;
  width: 21px;
  height: 20px;
  margin: 0 5px 0 0;
  background-image: url("/atomic/images/form-radio-unchecked.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  content: ""; }

.radio-option--small {
  width: 18px;
  height: 18px; }

.options-list__input:checked + .radio-option {
  background-image: url("/atomic/images/form-radio-checked.svg"); }

.options-list__input:focus + .radio-option {
  background-image: url("/atomic/images/form-radio-unchecked-focus.png"); }

.options-list__input:focus:checked + .radio-option {
  background-image: url("/atomic/images/form-radio-checked-focus.png"); }

/*
    ===========================================
    P R I C E   T A G   C O M P O N E N T
    ===========================================
    Price component styled with a yellow marker
    can contain the following:
    - vanaf
    - pp
    - price number
    - info button
*/
.price-block {
  display: inline-flex;
  line-height: initial;
  position: relative;
  background-image: url("/atomic/images/marker.png");
  background-image: url("/atomic/images/marker.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  color: #2f2f2f; }

.price-block__from {
  font-size: .7rem;
  font-weight: 300;
  color: #555155; }

.price-info {
  pointer-events: all; }

.price-block__amount {
  font-size: 2.2rem;
  font-weight: 800;
  pointer-events: none; }
  .price-block__amount:before {
    font-size: 1.9375rem;
    font-weight: 400;
    content: "€";
    margin-right: .3rem; }

.price-block__pp {
  font-weight: 300;
  color: #555155; }

.price-block--unavailable {
  background-image: url("/atomic/images/marker-gray.png");
  background-image: url("/atomic/images/marker-gray.svg"); }
  .price-block--unavailable .price-block__pp,
  .price-block--unavailable .price-block__from,
  .price-block--unavailable .price-block__amount {
    color: #8499a4; }
  .price-block--unavailable .price-info .info-tooltip-button {
    background-image: url("/atomic/images/icon-info-grey.png");
    background-image: url("/atomic/images/icon-info-grey.svg"); }

/* Variant 1 ) for geo elements on geo pages
   ----------------------------------------------------------
   this will come in 2 flavours, see the modifier class below
*/
.price-block--geo-element--region-list {
  align-items: center;
  justify-content: center;
  background-position: right center;
  width: 8.5rem;
  height: 32px;
  background-size: 61px 32px; }
  .price-block--geo-element--region-list .price-info {
    position: relative;
    margin-top: 3px; }
    .price-block--geo-element--region-list .price-info .info-tooltip-button {
      background-image: url("/atomic/images/icon-info-grey.png");
      background-image: url("/atomic/images/icon-info-grey.svg"); }
  .price-block--geo-element--region-list .price-block__from {
    color: #9eabb2;
    margin-right: 5px;
    font-size: .8125rem;
    margin-top: 3px; }
  .price-block--geo-element--region-list .price-block__amount {
    margin-left: auto; }
  .price-block--geo-element--region-list .price-block__amount::before {
    margin-right: .3rem;
    font-size: 0.875rem; }
  .price-block--geo-element--region-list .price-block__pp {
    margin: 0 0 .4375rem .5rem; }
  .price-block--geo-element--region-list .price-block__amount {
    font-size: 1.25rem;
    margin-right: .3rem; }

.price-block--geo-element--acco-list {
  align-items: center;
  justify-content: center;
  background-position: right center;
  width: 10rem;
  height: 45px;
  background-size: 85px 45px; }
  .price-block--geo-element--acco-list .price-info {
    position: relative;
    margin-top: 3px; }
    .price-block--geo-element--acco-list .price-info .info-tooltip-button {
      background-image: url("/atomic/images/icon-info-grey.png");
      background-image: url("/atomic/images/icon-info-grey.svg"); }
  .price-block--geo-element--acco-list .price-block__from {
    color: #9eabb2;
    margin-right: 5px;
    font-size: .8125rem;
    margin-top: 3px; }
  .price-block--geo-element--acco-list .price-block__amount {
    margin-left: auto; }
  .price-block--geo-element--acco-list .price-block__amount::before {
    margin-right: .3rem;
    font-size: 0.875rem; }
  .price-block--geo-element--acco-list .price-block__pp {
    margin: 0 0 .4375rem .5rem; }
  @media (max-width: 370px) {
    .price-block--geo-element--acco-list {
      width: 7.5rem; } }
  .price-block--geo-element--acco-list .price-block__from {
    margin-top: 0;
    margin-bottom: -8px; }
    @media (max-width: 370px) {
      .price-block--geo-element--acco-list .price-block__from {
        font-size: 0; }
        .price-block--geo-element--acco-list .price-block__from:after {
          content: attr(data-content);
          font-size: .7rem; } }
  .price-block--geo-element--acco-list .price-info {
    margin-top: 0;
    margin-bottom: -8px; }
  .price-block--geo-element--acco-list .price-block__amount {
    font-size: 1.75rem;
    margin-right: .5rem; }
    .price-block--geo-element--acco-list .price-block__amount:before {
      font-size: 1.125rem;
      margin-right: 0.25rem; }

/* Variant 2 )
   ----------------------------------------------------------
   Pricemarker without "vanaf"

   There will be 4 sizes
   - XXL - 150 x 80
   -  XL - 139 x 73
   -   L - 120 x 65
   -   M - 106 x 56
   -   S -  77 x 48

*/
.price-block--v2 {
  flex-wrap: wrap;
  justify-content: flex-end;
  padding-right: .5rem; }
  .price-block--v2 .price-block__from {
    text-align: right;
    margin-right: .3rem; }
  .price-block--v2 .price-info {
    position: relative; }
  .price-block--v2 .price-block__amount {
    flex: 0 0 100%;
    text-align: right; }
  .price-block--v2 .price-block__amount::before {
    margin-right: .3rem; }

.price-block--verticarousel {
  position: absolute;
  top: 5.7rem;
  right: 0;
  z-index: 1;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding-right: .5rem;
  width: 120px;
  height: 65px;
  padding-top: 8px;
  padding-right: .75rem; }
  .price-block--verticarousel .price-block__from {
    text-align: right;
    margin-right: .3rem; }
  .price-block--verticarousel .price-info {
    position: relative; }
  .price-block--verticarousel .price-block__amount {
    flex: 0 0 100%;
    text-align: right; }
  .price-block--verticarousel .price-block__amount::before {
    margin-right: .3rem; }
  .price-block--verticarousel .price-block__from {
    font-size: 0.75rem;
    text-align: right;
    margin-right: 3px; }
  .price-block--verticarousel .price-info {
    margin-top: 1px;
    margin-right: 1px; }
    .price-block--verticarousel .price-info .info-tooltip-button {
      background-size: 13px; }
  .price-block--verticarousel .price-block__amount {
    font-size: 2.125rem;
    margin-top: -13px; }
    .price-block--verticarousel .price-block__amount:before {
      font-size: 22px; }
  @media (max-width: 767px) {
    .vertical:not(.sun) .price-block--verticarousel {
      width: 106px;
      height: 56px;
      padding-top: 8px;
      top: 4rem; }
      .vertical:not(.sun) .price-block--verticarousel .price-block__from {
        font-size: .625rem;
        font-size: 12px;
        margin-right: 4px;
        margin-top: -2px; }
      .vertical:not(.sun) .price-block--verticarousel .price-info {
        margin-top: -1px;
        margin-left: -2px;
        margin-right: 0; }
        .vertical:not(.sun) .price-block--verticarousel .price-info .info-tooltip-button {
          background-size: 12px 12px; }
      .vertical:not(.sun) .price-block--verticarousel .price-block__amount {
        font-size: 1.75rem;
        margin-top: -12px; }
      .vertical:not(.sun) .price-block--verticarousel .price-block__amount::before {
        font-size: 18px; } }

.price-block--slider {
  bottom: 1rem;
  position: absolute;
  right: 0;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding-right: .5rem;
  height: 48px;
  width: 77px;
  padding-top: 6px;
  background-size: 77px 48px;
  background-image: url("/atomic/images/marker.png");
  padding-right: 0.4375rem; }
  .price-block--slider .price-block__from {
    text-align: right;
    margin-right: .3rem; }
  .price-block--slider .price-info {
    position: relative; }
  .price-block--slider .price-block__amount {
    flex: 0 0 100%;
    text-align: right; }
  .price-block--slider .price-block__amount::before {
    margin-right: .3rem; }
  .price-block--slider .price-info {
    margin-right: -1px;
    margin-top: 0; }
    .price-block--slider .price-info .info-tooltip-button {
      background-size: 12px 12px; }
  .price-block--slider .price-block__from {
    font-size: .625rem;
    text-align: right;
    margin-top: 1px;
    margin-right: 1px; }
  .price-block--slider .price-block__amount {
    font-size: 1.5rem;
    margin-top: -10px; }
  .price-block--slider .price-block__amount::before {
    font-size: 1rem; }

.price-block--popular-destination {
  position: absolute;
  right: 0;
  bottom: 23px;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding-right: .5rem;
  width: 106px;
  height: 56px;
  padding-top: 8px; }
  .price-block--popular-destination .price-block__from {
    text-align: right;
    margin-right: .3rem; }
  .price-block--popular-destination .price-info {
    position: relative; }
  .price-block--popular-destination .price-block__amount {
    flex: 0 0 100%;
    text-align: right; }
  .price-block--popular-destination .price-block__amount::before {
    margin-right: .3rem; }
  .price-block--popular-destination .price-block__from {
    font-size: .625rem;
    font-size: 12px;
    margin-right: 4px;
    margin-top: -2px; }
  .price-block--popular-destination .price-info {
    margin-top: -1px;
    margin-left: -2px;
    margin-right: 0; }
    .price-block--popular-destination .price-info .info-tooltip-button {
      background-size: 12px 12px; }
  .price-block--popular-destination .price-block__amount {
    font-size: 1.75rem;
    margin-top: -12px; }
  .price-block--popular-destination .price-block__amount::before {
    font-size: 18px; }
  @media (min-width: 768px) and (max-width: 1023px) {
    .price-block--popular-destination {
      bottom: 2rem; } }
  @media (min-width: 1024px) {
    .price-block--popular-destination {
      width: 139px;
      height: 73px;
      padding-top: 8px;
      padding-right: .75rem;
      bottom: 35px; }
      .price-block--popular-destination .price-block__from {
        font-size: 0.875rem;
        margin-right: 4px;
        margin-top: 0; }
      .price-block--popular-destination .price-info {
        margin-top: 2px;
        margin-right: 1px; }
        .price-block--popular-destination .price-info .info-tooltip-button {
          background-size: 13px; }
      .price-block--popular-destination .price-block__amount {
        font-size: 2.5rem;
        margin-top: -15px; }
        .price-block--popular-destination .price-block__amount:before {
          font-size: 26px; } }

.price-block--search-header {
  position: absolute;
  top: -90px;
  right: 16px;
  width: 150px;
  height: 80px;
  padding-top: 11px;
  padding-right: .75rem; }
  .price-block--search-header .price-block__from {
    font-size: 0.9375rem; }
  .price-block--search-header .price-info {
    margin-top: 3px;
    margin-right: 2px; }
  .price-block--search-header .price-block__amount {
    font-size: 2.5rem;
    margin-top: -17px; }
    .price-block--search-header .price-block__amount:before {
      font-size: 26px; }
  @media (max-width: 767px) {
    .price-block--search-header {
      display: none; } }

/* Variant 3 )
   ----------------------------------------------------------
   Pricemarker with all objects

   small - 121 x 64
   medium -
   large -
   extra large -
*/
.price-block-complete .price-block__from {
  position: absolute; }

.price-block-complete .price-info {
  right: 29px;
  top: 11px; }

.price-block-complete .price-block__amount {
  text-align: right;
  position: absolute; }
  .price-block-complete .price-block__amount:before {
    font-size: 1.5rem; }

.price-block-complete .price-block__pp {
  font-size: .875rem;
  position: absolute; }

.price-block--map-view {
  width: 121px;
  height: 64px;
  right: 0;
  bottom: 10px;
  position: absolute;
  z-index: 1; }
  .price-block--map-view .price-block__from {
    position: absolute; }
  .price-block--map-view .price-info {
    right: 29px;
    top: 11px; }
  .price-block--map-view .price-block__amount {
    text-align: right;
    position: absolute; }
    .price-block--map-view .price-block__amount:before {
      font-size: 1.5rem; }
  .price-block--map-view .price-block__pp {
    font-size: .875rem;
    position: absolute; }
  .price-block--map-view .price-block__from {
    font-size: .875rem;
    left: 39px;
    top: 8px; }
  .price-block--map-view .price-info {
    top: 10px;
    right: 28px; }
  .price-block--map-view .price-block__amount {
    font-size: 2rem;
    bottom: 6px;
    right: 27px; }
  .price-block--map-view .price-block__pp {
    font-size: .875rem;
    right: 1px;
    bottom: 12px; }

.price-block--tile-view {
  width: 121px;
  height: 64px;
  right: 0;
  bottom: 10px;
  position: absolute; }
  .price-block--tile-view .price-block__from {
    position: absolute; }
  .price-block--tile-view .price-info {
    right: 29px;
    top: 11px; }
  .price-block--tile-view .price-block__amount {
    text-align: right;
    position: absolute; }
    .price-block--tile-view .price-block__amount:before {
      font-size: 1.5rem; }
  .price-block--tile-view .price-block__pp {
    font-size: .875rem;
    position: absolute; }
  .price-block--tile-view .price-block__from {
    font-size: .875rem;
    left: 39px;
    top: 8px; }
  .price-block--tile-view .price-info {
    top: 10px;
    right: 28px; }
  .price-block--tile-view .price-block__amount {
    font-size: 2rem;
    bottom: 6px;
    right: 27px; }
  .price-block--tile-view .price-block__pp {
    font-size: .875rem;
    right: 1px;
    bottom: 12px; }

.price-block--list-view {
  flex-direction: row;
  align-items: flex-end;
  background-position: left center;
  justify-content: flex-end;
  width: auto;
  min-width: 133px;
  height: 70px; }
  .price-block--list-view .price-block__from {
    position: absolute; }
  .price-block--list-view .price-info {
    right: 29px;
    top: 11px; }
  .price-block--list-view .price-block__amount {
    text-align: right;
    position: absolute; }
    .price-block--list-view .price-block__amount:before {
      font-size: 1.5rem; }
  .price-block--list-view .price-block__pp {
    font-size: .875rem;
    position: absolute; }
  .price-block--list-view .price-info {
    top: 12px;
    left: 91px; }
  .price-block--list-view .price-block__from {
    font-size: .875rem;
    left: 50px;
    top: 10px; }
  .price-block--list-view .price-block__amount {
    font-size: 2.3125rem;
    position: relative;
    margin-bottom: 5px; }
  .price-block--list-view .price-block__pp {
    font-size: 15px;
    margin-bottom: 12px;
    margin-left: 3.5px;
    position: relative; }
  .page-search-results .price-block--list-view {
    margin-top: -6px;
    margin-bottom: 10px; }

.price-block--acco-header {
  width: 175px;
  height: 92px; }
  .price-block--acco-header .price-block__from {
    position: absolute; }
  .price-block--acco-header .price-info {
    right: 29px;
    top: 11px; }
  .price-block--acco-header .price-block__amount {
    text-align: right;
    position: absolute; }
    .price-block--acco-header .price-block__amount:before {
      font-size: 1.5rem; }
  .price-block--acco-header .price-block__pp {
    font-size: .875rem;
    position: absolute; }
  .price-block--acco-header .price-block__from {
    left: 80px;
    top: 12px;
    font-size: 1rem; }
  .price-block--acco-header .price-info {
    top: 16px;
    right: 35px; }
  .price-block--acco-header .price-block__amount {
    font-size: 3.25rem;
    bottom: 9px;
    right: 34px; }
    .price-block--acco-header .price-block__amount:before {
      font-size: 1.75rem; }
  .price-block--acco-header .price-block__pp {
    bottom: 18px;
    font-size: 18px;
    right: -1px; }
  @media (max-width: 767px) {
    .price-block--acco-header {
      width: 150px;
      height: 79px;
      margin-bottom: -.5rem;
      margin-left: -.4rem; }
      .price-block--acco-header .price-block__from {
        position: absolute; }
      .price-block--acco-header .price-info {
        right: 29px;
        top: 11px; }
      .price-block--acco-header .price-block__amount {
        text-align: right;
        position: absolute; }
        .price-block--acco-header .price-block__amount:before {
          font-size: 1.5rem; }
      .price-block--acco-header .price-block__pp {
        font-size: .875rem;
        position: absolute; }
      .price-block--acco-header .price-block__from {
        font-size: 1rem;
        left: 60px;
        top: 11px; }
      .price-block--acco-header .price-info {
        right: 30px;
        top: 14px; }
      .price-block--acco-header .price-block__amount {
        font-size: 2.75rem;
        bottom: 5px;
        right: 30px; }
        .price-block--acco-header .price-block__amount:before {
          font-size: 1.5rem; }
      .price-block--acco-header .price-block__pp {
        bottom: 13px;
        font-size: 16px;
        right: 1px; } }

.price-block--acco-summary {
  width: 150px;
  height: 79px; }
  .price-block--acco-summary .price-block__from {
    position: absolute; }
  .price-block--acco-summary .price-info {
    right: 29px;
    top: 11px; }
  .price-block--acco-summary .price-block__amount {
    text-align: right;
    position: absolute; }
    .price-block--acco-summary .price-block__amount:before {
      font-size: 1.5rem; }
  .price-block--acco-summary .price-block__pp {
    font-size: .875rem;
    position: absolute; }
  .price-block--acco-summary .price-block__from {
    font-size: 1rem;
    left: 60px;
    top: 11px; }
  .price-block--acco-summary .price-info {
    right: 30px;
    top: 14px; }
  .price-block--acco-summary .price-block__amount {
    font-size: 2.75rem;
    bottom: 5px;
    right: 30px; }
    .price-block--acco-summary .price-block__amount:before {
      font-size: 1.5rem; }
  .price-block--acco-summary .price-block__pp {
    bottom: 13px;
    font-size: 16px;
    right: 1px; }
  @media (min-width: 768px) and (max-width: 1023px) {
    .price-block--acco-summary {
      flex-direction: row;
      align-items: flex-end;
      background-position: left center;
      justify-content: flex-end;
      width: auto;
      min-width: 150px;
      height: 79px; }
      .price-block--acco-summary .price-block__from {
        position: absolute; }
      .price-block--acco-summary .price-info {
        right: 29px;
        top: 11px; }
      .price-block--acco-summary .price-block__amount {
        text-align: right;
        position: absolute; }
        .price-block--acco-summary .price-block__amount:before {
          font-size: 1.5rem; }
      .price-block--acco-summary .price-block__pp {
        font-size: .875rem;
        position: absolute; }
      .price-block--acco-summary .price-info {
        top: 14px;
        left: 106px; }
      .price-block--acco-summary .price-block__from {
        font-size: 1rem;
        left: 60px;
        top: 11px; }
      .price-block--acco-summary .price-block__amount {
        font-size: 2.75rem;
        position: relative;
        margin-bottom: 5px;
        bottom: auto;
        right: auto; }
      .price-block--acco-summary .price-block__pp {
        font-size: 1rem;
        margin-bottom: 13px;
        margin-right: 1px;
        margin-left: 3px;
        position: relative;
        bottom: auto;
        right: auto; } }

/*
  BARCHART
*/
.price-block--barchart {
  width: 100%;
  background-image: none;
  flex-direction: column; }
  .price-block--barchart .price-block__from {
    color: #fff; }
  @media (max-width: 767px) {
    .price-block--barchart .price-block__amount:before {
      display: none; } }
  .price-block--barchart:not(.price-block--barchart--offer-selected) {
    background-image: none; }
    .price-block--barchart:not(.price-block--barchart--offer-selected) .price-block__from {
      font-size: .7875rem; }
      @media (max-width: 767px) {
        .price-block--barchart:not(.price-block--barchart--offer-selected) .price-block__from {
          font-size: .625rem;
          margin-bottom: 2px; } }
    .price-block--barchart:not(.price-block--barchart--offer-selected) .price-block__amount {
      color: #fff;
      font-size: 1.375rem;
      margin-top: -2px; }
      @media (max-width: 767px) {
        .price-block--barchart:not(.price-block--barchart--offer-selected) .price-block__amount {
          font-size: .875rem; } }
      .price-block--barchart:not(.price-block--barchart--offer-selected) .price-block__amount:before {
        font-size: 1rem; }
  .price-block--barchart.price-block--barchart--offer-selected .price-block__from {
    font-size: .875rem; }
    @media (max-width: 767px) {
      .price-block--barchart.price-block--barchart--offer-selected .price-block__from {
        font-size: .65rem; } }
  .price-block--barchart.price-block--barchart--offer-selected .price-block__amount {
    background-image: url("/atomic/images/marker.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 52px;
    line-height: 52px;
    margin-top: -10px;
    font-size: 1.875rem; }
    @media (min-width: 768px) and (max-width: 1023px) {
      .price-block--barchart.price-block--barchart--offer-selected .price-block__amount {
        font-size: 1.725rem; } }
    @media (max-width: 767px) {
      .price-block--barchart.price-block--barchart--offer-selected .price-block__amount {
        font-size: 1.125rem; } }
    .price-block--barchart.price-block--barchart--offer-selected .price-block__amount:before {
      font-size: 1.375rem; }
  .price-block--barchart.price-block--barchart--offer-selected.long-price .price-block__amount {
    font-size: 1.4rem; }
    @media (min-width: 768px) and (max-width: 1023px) {
      .price-block--barchart.price-block--barchart--offer-selected.long-price .price-block__amount {
        font-size: 1.225rem; } }
    @media (max-width: 767px) {
      .price-block--barchart.price-block--barchart--offer-selected.long-price .price-block__amount {
        font-size: .7rem; } }

.price-block--acco-receipt {
  width: 150px;
  height: 79px; }
  .price-block--acco-receipt .price-block__from {
    position: absolute; }
  .price-block--acco-receipt .price-info {
    right: 29px;
    top: 11px; }
  .price-block--acco-receipt .price-block__amount {
    text-align: right;
    position: absolute; }
    .price-block--acco-receipt .price-block__amount:before {
      font-size: 1.5rem; }
  .price-block--acco-receipt .price-block__pp {
    font-size: .875rem;
    position: absolute; }
  .price-block--acco-receipt .price-block__from {
    font-size: 1rem;
    left: 60px;
    top: 11px; }
  .price-block--acco-receipt .price-info {
    right: 30px;
    top: 14px; }
  .price-block--acco-receipt .price-block__amount {
    font-size: 2.75rem;
    bottom: 5px;
    right: 30px; }
    .price-block--acco-receipt .price-block__amount:before {
      font-size: 1.5rem; }
  .price-block--acco-receipt .price-block__pp {
    bottom: 13px;
    font-size: 16px;
    right: 1px; }
  @media (min-width: 1024px) {
    .price-block--acco-receipt {
      width: 175px;
      height: 92px; }
      .price-block--acco-receipt .price-block__from {
        position: absolute; }
      .price-block--acco-receipt .price-info {
        right: 29px;
        top: 11px; }
      .price-block--acco-receipt .price-block__amount {
        text-align: right;
        position: absolute; }
        .price-block--acco-receipt .price-block__amount:before {
          font-size: 1.5rem; }
      .price-block--acco-receipt .price-block__pp {
        font-size: .875rem;
        position: absolute; }
      .price-block--acco-receipt .price-block__from {
        left: 80px;
        top: 12px;
        font-size: 1rem; }
      .price-block--acco-receipt .price-info {
        top: 16px;
        right: 35px; }
      .price-block--acco-receipt .price-block__amount {
        font-size: 3.25rem;
        bottom: 9px;
        right: 34px; }
        .price-block--acco-receipt .price-block__amount:before {
          font-size: 1.75rem; }
      .price-block--acco-receipt .price-block__pp {
        bottom: 18px;
        font-size: 18px;
        right: -1px; } }

.price-block--sticky-header {
  align-items: flex-end;
  background-image: url("/atomic/images/marker-flatyellow.png");
  background-image: url("/atomic/images/marker-flatyellow.svg");
  padding-left: .5rem;
  padding-bottom: .125rem;
  margin: 0;
  background-position: right 1rem center; }
  .price-block--sticky-header .price-block__from {
    margin-bottom: 3px; }
  .price-block--sticky-header .price-block__amount {
    font-size: 1.5rem;
    margin: 0 .3rem; }
    .price-block--sticky-header .price-block__amount:before {
      font-size: 1.125rem; }
  .price-block--sticky-header .price-block__pp {
    margin-bottom: 3px;
    font-size: .875rem; }

.price-block--checkout-summary {
  align-items: flex-end;
  padding-bottom: .125rem;
  margin: -2px 0 0 0;
  height: 28px;
  background-position: left 4px center;
  background-size: 53px 28px; }
  .price-block--checkout-summary .price-block__from {
    margin-bottom: 3px; }
  .price-block--checkout-summary .price-block__amount {
    font-size: 1.1rem;
    margin: 0 .3rem; }
    .price-block--checkout-summary .price-block__amount:before {
      font-size: .8125rem; }
  .price-block--checkout-summary .price-block__pp {
    margin-left: 2px;
    font-size: 1rem; }

.price--unavailable {
  color: #90a8b5;
  background-image: url(/atomic/images/marker-gray.png);
  background-image: url(/atomic/images/marker-gray.svg); }

.price--unavailable .price-info .info-tooltip-button {
  background-image: url("/atomic/images/icon-info-grey.png");
  background-image: url("/atomic/images/icon-info-grey.svg"); }

.price-block--checkout-summary--total__wrapper {
  width: 100%;
  display: flex;
  justify-content: center; }

.price-block--checkout-summary--total {
  align-items: center;
  justify-content: center;
  height: 2.625rem; }
  .price-block--checkout-summary--total .price-block__amount {
    display: flex;
    font-size: 30px;
    align-items: center; }
    .price-block--checkout-summary--total .price-block__amount::before {
      margin-bottom: -6px;
      font-size: 1.25rem;
      margin-right: 5px; }
  .price-block--checkout-summary--total .price-block__decimals {
    font-size: 1rem;
    display: flex; }
    .price-block--checkout-summary--total .price-block__decimals span {
      margin-top: 3px;
      font-size: 18px;
      margin-left: -2px; }
    .price-block--checkout-summary--total .price-block__decimals:before {
      content: ",";
      font-size: 30px;
      display: inline-block; }
  .price-block--checkout-summary--total .price-info {
    position: relative;
    order: 2;
    margin-left: .5rem;
    margin-top: -.625rem; }

.price-block--acco-gallery {
  width: 175px;
  height: 92px; }
  .price-block--acco-gallery .price-block__from {
    position: absolute; }
  .price-block--acco-gallery .price-info {
    right: 29px;
    top: 11px; }
  .price-block--acco-gallery .price-block__amount {
    text-align: right;
    position: absolute; }
    .price-block--acco-gallery .price-block__amount:before {
      font-size: 1.5rem; }
  .price-block--acco-gallery .price-block__pp {
    font-size: .875rem;
    position: absolute; }
  .price-block--acco-gallery .price-block__from {
    left: 80px;
    top: 12px;
    font-size: 1rem; }
  .price-block--acco-gallery .price-info {
    top: 16px;
    right: 35px; }
  .price-block--acco-gallery .price-block__amount {
    font-size: 3.25rem;
    bottom: 9px;
    right: 34px; }
    .price-block--acco-gallery .price-block__amount:before {
      font-size: 1.75rem; }
  .price-block--acco-gallery .price-block__pp {
    bottom: 18px;
    font-size: 18px;
    right: -1px; }
  @media (max-width: 767px) {
    .price-block--acco-gallery {
      width: 133px;
      height: 70px; }
      .price-block--acco-gallery .price-block__from {
        position: absolute; }
      .price-block--acco-gallery .price-info {
        right: 29px;
        top: 11px; }
      .price-block--acco-gallery .price-block__amount {
        text-align: right;
        position: absolute; }
        .price-block--acco-gallery .price-block__amount:before {
          font-size: 1.5rem; }
      .price-block--acco-gallery .price-block__pp {
        font-size: .875rem;
        position: absolute; }
      .price-block--acco-gallery .price-info {
        top: 12px;
        right: 28px; }
      .price-block--acco-gallery .price-block__from {
        font-size: .875rem;
        left: 50px;
        top: 10px; }
      .price-block--acco-gallery .price-block__amount {
        font-size: 2.3125rem;
        bottom: 5px;
        right: 28px; }
      .price-block--acco-gallery .price-block__pp {
        font-size: 15px;
        right: 0;
        bottom: 12px; } }
  .thumbnails .price-block--acco-gallery {
    height: 48px;
    width: 77px; }
    .thumbnails .price-block--acco-gallery .price-block__from {
      position: absolute; }
    .thumbnails .price-block--acco-gallery .price-info {
      right: 29px;
      top: 11px; }
    .thumbnails .price-block--acco-gallery .price-block__amount {
      text-align: right;
      position: absolute; }
      .thumbnails .price-block--acco-gallery .price-block__amount:before {
        font-size: 1.5rem; }
    .thumbnails .price-block--acco-gallery .price-block__pp {
      font-size: .875rem;
      position: absolute; }
    .thumbnails .price-block--acco-gallery .price-block__from {
      font-size: .625rem;
      left: 34px;
      top: 8px; }
    .thumbnails .price-block--acco-gallery .price-info {
      top: 8px;
      right: 2px; }
      .thumbnails .price-block--acco-gallery .price-info .info-tooltip-button {
        background-size: 12px; }
    .thumbnails .price-block--acco-gallery .price-block__amount {
      font-size: 22px;
      bottom: 7px;
      right: 18px; }
      .thumbnails .price-block--acco-gallery .price-block__amount:before {
        font-size: 18px; }
    .thumbnails .price-block--acco-gallery .price-block__pp {
      font-size: .625rem;
      right: -1px;
      bottom: 11px; }

.price-block--v2-extra-extra-large {
  width: 150px;
  height: 80px;
  padding-top: 11px;
  padding-right: .75rem; }
  .price-block--v2-extra-extra-large .price-block__from {
    font-size: 0.9375rem; }
  .price-block--v2-extra-extra-large .price-info {
    margin-top: 3px;
    margin-right: 2px; }
  .price-block--v2-extra-extra-large .price-block__amount {
    font-size: 2.5rem;
    margin-top: -17px; }
    .price-block--v2-extra-extra-large .price-block__amount:before {
      font-size: 26px; }

.price-block--v2-extra-large {
  width: 139px;
  height: 73px;
  padding-top: 8px;
  padding-right: .75rem; }
  .price-block--v2-extra-large .price-block__from {
    font-size: 0.875rem;
    margin-right: 4px;
    margin-top: 0; }
  .price-block--v2-extra-large .price-info {
    margin-top: 2px;
    margin-right: 1px; }
    .price-block--v2-extra-large .price-info .info-tooltip-button {
      background-size: 13px; }
  .price-block--v2-extra-large .price-block__amount {
    font-size: 2.5rem;
    margin-top: -15px; }
    .price-block--v2-extra-large .price-block__amount:before {
      font-size: 26px; }

.price-block--v2-large {
  width: 120px;
  height: 65px;
  padding-top: 8px;
  padding-right: .75rem; }
  .price-block--v2-large .price-block__from {
    font-size: 0.75rem;
    text-align: right;
    margin-right: 3px; }
  .price-block--v2-large .price-info {
    margin-top: 1px;
    margin-right: 1px; }
    .price-block--v2-large .price-info .info-tooltip-button {
      background-size: 13px; }
  .price-block--v2-large .price-block__amount {
    font-size: 2.125rem;
    margin-top: -13px; }
    .price-block--v2-large .price-block__amount:before {
      font-size: 22px; }

.price-block--v2-medium {
  width: 106px;
  height: 56px;
  padding-top: 8px; }
  .price-block--v2-medium .price-block__from {
    font-size: .625rem;
    font-size: 12px;
    margin-right: 4px;
    margin-top: -2px; }
  .price-block--v2-medium .price-info {
    margin-top: -1px;
    margin-left: -2px;
    margin-right: 0; }
    .price-block--v2-medium .price-info .info-tooltip-button {
      background-size: 12px 12px; }
  .price-block--v2-medium .price-block__amount {
    font-size: 1.75rem;
    margin-top: -12px; }
  .price-block--v2-medium .price-block__amount::before {
    font-size: 18px; }

.price-block--v2-small {
  height: 48px;
  width: 77px;
  padding-top: 6px;
  background-size: 77px 48px;
  background-image: url("/atomic/images/marker.png");
  padding-right: 0.4375rem; }
  .price-block--v2-small .price-info {
    margin-right: -1px;
    margin-top: 0; }
    .price-block--v2-small .price-info .info-tooltip-button {
      background-size: 12px 12px; }
  .price-block--v2-small .price-block__from {
    font-size: .625rem;
    text-align: right;
    margin-top: 1px;
    margin-right: 1px; }
  .price-block--v2-small .price-block__amount {
    font-size: 1.5rem;
    margin-top: -10px; }
  .price-block--v2-small .price-block__amount::before {
    font-size: 1rem; }

.price-block-complete--grow-left--xl {
  width: 175px;
  height: 92px; }
  .price-block-complete--grow-left--xl .price-block__from {
    position: absolute; }
  .price-block-complete--grow-left--xl .price-info {
    right: 29px;
    top: 11px; }
  .price-block-complete--grow-left--xl .price-block__amount {
    text-align: right;
    position: absolute; }
    .price-block-complete--grow-left--xl .price-block__amount:before {
      font-size: 1.5rem; }
  .price-block-complete--grow-left--xl .price-block__pp {
    font-size: .875rem;
    position: absolute; }
  .price-block-complete--grow-left--xl .price-block__from {
    left: 80px;
    top: 12px;
    font-size: 1rem; }
  .price-block-complete--grow-left--xl .price-info {
    top: 16px;
    right: 35px; }
  .price-block-complete--grow-left--xl .price-block__amount {
    font-size: 3.25rem;
    bottom: 9px;
    right: 34px; }
    .price-block-complete--grow-left--xl .price-block__amount:before {
      font-size: 1.75rem; }
  .price-block-complete--grow-left--xl .price-block__pp {
    bottom: 18px;
    font-size: 18px;
    right: -1px; }

.price-block-complete--grow-left--l {
  width: 150px;
  height: 79px; }
  .price-block-complete--grow-left--l .price-block__from {
    position: absolute; }
  .price-block-complete--grow-left--l .price-info {
    right: 29px;
    top: 11px; }
  .price-block-complete--grow-left--l .price-block__amount {
    text-align: right;
    position: absolute; }
    .price-block-complete--grow-left--l .price-block__amount:before {
      font-size: 1.5rem; }
  .price-block-complete--grow-left--l .price-block__pp {
    font-size: .875rem;
    position: absolute; }
  .price-block-complete--grow-left--l .price-block__from {
    font-size: 1rem;
    left: 60px;
    top: 11px; }
  .price-block-complete--grow-left--l .price-info {
    right: 30px;
    top: 14px; }
  .price-block-complete--grow-left--l .price-block__amount {
    font-size: 2.75rem;
    bottom: 5px;
    right: 30px; }
    .price-block-complete--grow-left--l .price-block__amount:before {
      font-size: 1.5rem; }
  .price-block-complete--grow-left--l .price-block__pp {
    bottom: 13px;
    font-size: 16px;
    right: 1px; }

.price-block-complete--grow-left--m {
  width: 133px;
  height: 70px; }
  .price-block-complete--grow-left--m .price-block__from {
    position: absolute; }
  .price-block-complete--grow-left--m .price-info {
    right: 29px;
    top: 11px; }
  .price-block-complete--grow-left--m .price-block__amount {
    text-align: right;
    position: absolute; }
    .price-block-complete--grow-left--m .price-block__amount:before {
      font-size: 1.5rem; }
  .price-block-complete--grow-left--m .price-block__pp {
    font-size: .875rem;
    position: absolute; }
  .price-block-complete--grow-left--m .price-info {
    top: 12px;
    right: 28px; }
  .price-block-complete--grow-left--m .price-block__from {
    font-size: .875rem;
    left: 50px;
    top: 10px; }
  .price-block-complete--grow-left--m .price-block__amount {
    font-size: 2.3125rem;
    bottom: 5px;
    right: 28px; }
  .price-block-complete--grow-left--m .price-block__pp {
    font-size: 15px;
    right: 0;
    bottom: 12px; }

.price-block-complete--grow-left--s {
  width: 121px;
  height: 64px; }
  .price-block-complete--grow-left--s .price-block__from {
    position: absolute; }
  .price-block-complete--grow-left--s .price-info {
    right: 29px;
    top: 11px; }
  .price-block-complete--grow-left--s .price-block__amount {
    text-align: right;
    position: absolute; }
    .price-block-complete--grow-left--s .price-block__amount:before {
      font-size: 1.5rem; }
  .price-block-complete--grow-left--s .price-block__pp {
    font-size: .875rem;
    position: absolute; }
  .price-block-complete--grow-left--s .price-block__from {
    font-size: .875rem;
    left: 39px;
    top: 8px; }
  .price-block-complete--grow-left--s .price-info {
    top: 10px;
    right: 28px; }
  .price-block-complete--grow-left--s .price-block__amount {
    font-size: 2rem;
    bottom: 6px;
    right: 27px; }
  .price-block-complete--grow-left--s .price-block__pp {
    font-size: .875rem;
    right: 1px;
    bottom: 12px; }

.price-block-complete--grow-left--xxs {
  height: 48px;
  width: 77px; }
  .price-block-complete--grow-left--xxs .price-block__from {
    position: absolute; }
  .price-block-complete--grow-left--xxs .price-info {
    right: 29px;
    top: 11px; }
  .price-block-complete--grow-left--xxs .price-block__amount {
    text-align: right;
    position: absolute; }
    .price-block-complete--grow-left--xxs .price-block__amount:before {
      font-size: 1.5rem; }
  .price-block-complete--grow-left--xxs .price-block__pp {
    font-size: .875rem;
    position: absolute; }
  .price-block-complete--grow-left--xxs .price-block__from {
    font-size: .625rem;
    left: 34px;
    top: 8px; }
  .price-block-complete--grow-left--xxs .price-info {
    top: 8px;
    right: 2px; }
    .price-block-complete--grow-left--xxs .price-info .info-tooltip-button {
      background-size: 12px; }
  .price-block-complete--grow-left--xxs .price-block__amount {
    font-size: 22px;
    bottom: 7px;
    right: 18px; }
    .price-block-complete--grow-left--xxs .price-block__amount:before {
      font-size: 18px; }
  .price-block-complete--grow-left--xxs .price-block__pp {
    font-size: .625rem;
    right: -1px;
    bottom: 11px; }

.price-block--complete--grow-right--s {
  flex-direction: row;
  align-items: flex-end;
  background-position: left center;
  justify-content: flex-end;
  width: auto;
  min-width: 121px;
  height: 64px; }
  .price-block--complete--grow-right--s .price-block__from {
    position: absolute; }
  .price-block--complete--grow-right--s .price-info {
    right: 29px;
    top: 11px; }
  .price-block--complete--grow-right--s .price-block__amount {
    text-align: right;
    position: absolute; }
    .price-block--complete--grow-right--s .price-block__amount:before {
      font-size: 1.5rem; }
  .price-block--complete--grow-right--s .price-block__pp {
    font-size: .875rem;
    position: absolute; }
  .price-block--complete--grow-right--s .price-info {
    top: 10px;
    left: 79px; }
  .price-block--complete--grow-right--s .price-block__from {
    font-size: .875rem;
    left: 39px;
    top: 8px; }
  .price-block--complete--grow-right--s .price-block__amount {
    font-size: 2rem;
    position: relative;
    margin-bottom: 6px; }
  .price-block--complete--grow-right--s .price-block__pp {
    font-size: .875rem;
    margin-bottom: 12px;
    margin-right: 1px;
    margin-left: 3px;
    position: relative; }

.price-block--complete--grow-right--m {
  flex-direction: row;
  align-items: flex-end;
  background-position: left center;
  justify-content: flex-end;
  width: auto;
  min-width: 133px;
  height: 70px; }
  .price-block--complete--grow-right--m .price-block__from {
    position: absolute; }
  .price-block--complete--grow-right--m .price-info {
    right: 29px;
    top: 11px; }
  .price-block--complete--grow-right--m .price-block__amount {
    text-align: right;
    position: absolute; }
    .price-block--complete--grow-right--m .price-block__amount:before {
      font-size: 1.5rem; }
  .price-block--complete--grow-right--m .price-block__pp {
    font-size: .875rem;
    position: absolute; }
  .price-block--complete--grow-right--m .price-info {
    top: 12px;
    left: 91px; }
  .price-block--complete--grow-right--m .price-block__from {
    font-size: .875rem;
    left: 50px;
    top: 10px; }
  .price-block--complete--grow-right--m .price-block__amount {
    font-size: 2.3125rem;
    position: relative;
    margin-bottom: 5px; }
  .price-block--complete--grow-right--m .price-block__pp {
    font-size: 15px;
    margin-bottom: 12px;
    margin-left: 3.5px;
    position: relative; }

.price-block--complete--grow-right--l {
  flex-direction: row;
  align-items: flex-end;
  background-position: left center;
  justify-content: flex-end;
  width: auto;
  min-width: 150px;
  height: 79px; }
  .price-block--complete--grow-right--l .price-block__from {
    position: absolute; }
  .price-block--complete--grow-right--l .price-info {
    right: 29px;
    top: 11px; }
  .price-block--complete--grow-right--l .price-block__amount {
    text-align: right;
    position: absolute; }
    .price-block--complete--grow-right--l .price-block__amount:before {
      font-size: 1.5rem; }
  .price-block--complete--grow-right--l .price-block__pp {
    font-size: .875rem;
    position: absolute; }
  .price-block--complete--grow-right--l .price-info {
    top: 14px;
    left: 106px; }
  .price-block--complete--grow-right--l .price-block__from {
    font-size: 1rem;
    left: 60px;
    top: 11px; }
  .price-block--complete--grow-right--l .price-block__amount {
    font-size: 2.75rem;
    position: relative;
    margin-bottom: 5px;
    bottom: auto;
    right: auto; }
  .price-block--complete--grow-right--l .price-block__pp {
    font-size: 1rem;
    margin-bottom: 13px;
    margin-right: 1px;
    margin-left: 3px;
    position: relative;
    bottom: auto;
    right: auto; }

.price-block--complete--grow-right--xl {
  flex-direction: row;
  align-items: flex-end;
  background-position: left center;
  justify-content: flex-end;
  width: auto;
  min-width: 167px;
  height: 88px; }
  .price-block--complete--grow-right--xl .price-block__from {
    position: absolute; }
  .price-block--complete--grow-right--xl .price-info {
    right: 29px;
    top: 11px; }
  .price-block--complete--grow-right--xl .price-block__amount {
    text-align: right;
    position: absolute; }
    .price-block--complete--grow-right--xl .price-block__amount:before {
      font-size: 1.5rem; }
  .price-block--complete--grow-right--xl .price-block__pp {
    font-size: .875rem;
    position: absolute; }
  .price-block--complete--grow-right--xl .price-info {
    top: 16px;
    left: 123px; }
  .price-block--complete--grow-right--xl .price-block__from {
    font-size: 1rem;
    left: 77px;
    top: 12px; }
  .price-block--complete--grow-right--xl .price-block__amount {
    font-size: 3.25rem;
    position: relative;
    margin-bottom: 5px; }
    .price-block--complete--grow-right--xl .price-block__amount:before {
      font-size: 1.75rem; }
  .price-block--complete--grow-right--xl .price-block__pp {
    font-size: 1.125rem;
    margin-bottom: 14px;
    margin-right: -6px;
    margin-left: 5.5px;
    position: relative; }

.price-block--v7 {
  align-items: center;
  justify-content: center;
  height: 2.625rem; }
  .price-block--v7 .price-block__amount {
    display: flex;
    font-size: 30px;
    align-items: center; }
    .price-block--v7 .price-block__amount::before {
      margin-bottom: -6px;
      font-size: 1.25rem;
      margin-right: 5px; }
  .price-block--v7 .price-block__decimals {
    font-size: 1rem;
    display: flex; }
    .price-block--v7 .price-block__decimals span {
      margin-top: 3px;
      font-size: 18px;
      margin-left: -2px; }
    .price-block--v7 .price-block__decimals:before {
      content: ",";
      font-size: 30px;
      display: inline-block; }
  .price-block--v7 .price-info {
    position: relative;
    order: 2;
    margin-left: .5rem;
    margin-top: -.625rem; }

div.flexible {
  display: block; }
  div.flexible div.row {
    display: flex;
    flex-direction: row;
    padding: 5px; }
    div.flexible div.row div.col {
      display: flex;
      flex-direction: row;
      flex: 5; }
      div.flexible div.row div.col.label {
        flex: 3;
        margin-top: 8px;
        padding-right: 16px;
        font-weight: 500;
        color: #4f5355; }
      div.flexible div.row div.col.right {
        justify-content: flex-end; }
  div.flexible div.input-holder input {
    width: 100%;
    border: 1px solid #b7deff;
    padding: 10px 8px 10px 2.5rem;
    font-size: 1rem;
    line-height: 1;
    color: #4f5355;
    background-color: transparent; }
    div.flexible div.input-holder input.invalid {
      border: 1px solid #f54f4f; }
    @media (hover: hover), (pointer: fine) {
      div.flexible div.input-holder input:hover {
        box-shadow: inset 0 0 0 1px #b7deff; } }
    div.flexible div.input-holder input:focus {
      border: 1px solid #47abff;
      outline: 0 none;
      box-shadow: inset 0 0 0 2px #47abff; }
  div.flexible div.input-holder.password {
    background-image: url("/atomic/images/icon-lock.png");
    background-image: url("/atomic/images/icon-lock.svg");
    background-repeat: no-repeat;
    background-position: 8px 11px;
    background-size: 18px 20px; }
  @media (max-width: 767px) {
    div.flexible div.row {
      flex-direction: column;
      padding: 0; }
      div.flexible div.row div.col {
        display: block; }
        div.flexible div.row div.col.label {
          margin-top: 0;
          margin-bottom: 4px; } }

.criteo_header,
#cto_cookies_header_message {
  display: none; }

.icon-info {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url("/atomic/images/ico-info.png");
  vertical-align: text-top; }

.icon-close {
  display: inline-block;
  float: right;
  width: 14px;
  height: 14px;
  background: url("/atomic/images/close-square.png") no-repeat;
  cursor: pointer; }

.icon-transport {
  display: inline-block;
  width: 52px;
  height: 22px;
  background: url("/atomic/images/ico-airplane-bed.png") 0 0 no-repeat; }

.icon-transport--ev {
  width: 25px;
  background-position: -25px 0; }

.icon-transport-vl {
  display: inline-block;
  width: 62px;
  height: 17px;
  background: url("/atomic/images/ico-airplane-plus-bed.png") 0 0 no-repeat; }

.icon-transport-ev {
  display: inline-block;
  width: 24px;
  height: 17px;
  background: url("/atomic/images/ico-airplane-plus-bed.png") -38px no-repeat; }

.icon-lastminutes-clock {
  width: 47px;
  height: 47px;
  background: url("/atomic/images/lastminutes_clock.png") no-repeat; }

.icon-calendar {
  display: inline-block;
  width: 15px;
  height: 12px;
  background: url("/atomic/images/calendar.png") no-repeat 50% 50%; }

.sprite__usp-icons {
  background: url("/atomic/images/sprite_usp.png") no-repeat; }

.icon-medal {
  background-position: 0 -145px; }

.icon-handshake {
  background-position: 0 0; }

.icon-pig {
  background-position: 0 -186px; }

.icon-percentage {
  background-position: 0 -368px; }

.icon-clock {
  background-position: 0 -408px; }

.icon__social {
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url("/atomic/images/ico-social-footer.png"); }

.icon__social__facebook {
  background-position: 0 0; }

.icon__social__google {
  background-position: 0 -32px; }

.icon__social__twitter {
  background-position: 0 -64px; }

.icon__social__pinterest {
  background-position: 0 -96px; }

.icon__associates {
  display: inline-block;
  height: 24px;
  background: url("/atomic/images/bg_sprite_associates.png"); }

.icon__associates__anvr {
  width: 28px;
  background-position: 0 0; }

.icon__associates__sgr {
  width: 26px;
  background-position: -28px 0; }

.icon__associates__thuiswinkel {
  width: 23px;
  background-position: -54px 0; }

.icon__associates__ideal {
  width: 26px;
  background-position: -77px 0; }

.icon__thankyou {
  display: inline-block;
  width: 48px;
  margin-right: 10px;
  background: url("/atomic/images/thankyou-icons.png"); }

.icon__thankyou__car {
  height: 33px;
  margin-top: 5px;
  background-position: 0 -48px; }

.icon__thankyou__smile {
  height: 48px;
  background-position: 0 0; }

.icon__thankyou__airport {
  height: 29px;
  margin-top: 5px;
  background-position: 0 -81px; }

.icon__thankyou__briefcase {
  height: 43px;
  background-position: 0 -110px; }

.icon__pink-arrow {
  position: relative;
  width: 14px;
  height: 14px;
  cursor: pointer; }

.icon__pink-arrow--expanded {
  top: 5px;
  margin-right: 5px;
  background: url("/atomic/images/arrow-expanded.png") no-repeat; }

.icon__pink-arrow--collapsed {
  top: 5px;
  margin-right: 5px;
  background: url("/atomic/images/arrow-collapsed.png") no-repeat; }

.icon-polystar {
  width: 25px;
  height: 25px; }

.icon__trustyou {
  display: inline-block;
  background-image: url(/atomic/images/logo-trust_you.svg);
  background-repeat: no-repeat;
  background-size: contain; }

.icon__trustyou--size--medium {
  width: 77px;
  height: 16px;
  margin-bottom: -2px; }

.vd-icon {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain; }

.vd-icon-calendar {
  background-image: url("/atomic/images/icon-calendar.png");
  background-image: url("/atomic/images/icon-calendar.svg"); }

.vd-icon-party {
  background-image: url("/atomic/images/icon-party.png");
  background-image: url("/atomic/images/icon-party.svg"); }

.vd-icon-mapmarker {
  background-image: url("/atomic/images/icon-mapmarker.png");
  background-image: url("/atomic/images/icon-mapmarker.svg"); }

.vd-icon-duration {
  background-image: url("/atomic/images/icon-duration.png");
  background-image: url("/atomic/images/icon-duration.svg"); }

/*
    ===============================
    B U T T O N   C O M P O N E N T
    ===============================
*/
.btn {
  display: inline-block;
  padding: 0 30px;
  font-size: .875rem;
  transition: background-color .2s ease, color .2s ease;
  border-radius: .5em;
  outline: none;
  font-weight: 500;
  cursor: pointer;
  text-align: center; }

/*
    =========================
    B U T T O N   T H E M E S
    =========================
*/
.btn--theme--primary {
  background: #ff007d;
  color: #fff;
  font-size: .875rem;
  height: 44px;
  line-height: 44px;
  text-transform: uppercase; }
  .btn--theme--primary:before, .btn--theme--primary:after {
    height: 44px; }
  @media (hover: hover), (pointer: fine) {
    .btn--theme--primary:hover {
      background: #f00076; } }
  .btn--theme--primary:active {
    color: #ffcce5;
    background: #ff66b1; }

.btn--theme--secondary {
  background-color: transparent;
  color: #37b0f2;
  font-size: 1rem;
  height: 44px;
  line-height: 44px; }
  .btn--theme--secondary:before, .btn--theme--secondary:after {
    height: 44px; }
  .btn--theme--secondary.btn--large {
    font-size: 1rem; }
  @media (hover: hover), (pointer: fine) {
    .btn--theme--secondary:hover {
      color: #179AE0; } }
  .btn--theme--secondary:active {
    opacity: .4; }

.btn--theme--tertiary {
  background-color: transparent;
  border: 1px solid rgba(55, 176, 242, 0.5);
  color: #37b0f2;
  font-size: .9375rem;
  text-transform: uppercase;
  padding: 0 1rem;
  height: 44px;
  line-height: 44px; }
  .btn--theme--tertiary:before, .btn--theme--tertiary:after {
    height: 42px; }
  @media (hover: hover), (pointer: fine) {
    .btn--theme--tertiary:hover {
      border: 1px solid rgba(55, 176, 242, 0.8);
      background-color: rgba(55, 176, 242, 0.03); } }
  .btn--theme--tertiary:active {
    opacity: .4; }

.btn--theme--quaternary {
  background-color: #37b0f2;
  border-radius: 5px;
  color: #fff;
  text-transform: uppercase; }
  @media (hover: hover), (pointer: fine) {
    .btn--theme--quaternary:hover {
      background-color: #29aaf1; } }
  .btn--theme--quaternary:active {
    opacity: .4; }

.btn--compact {
  height: initial;
  line-height: initial; }
  .btn--compact:before, .btn--compact:after {
    height: initial; }

.btn--theme--close {
  display: block;
  width: 30px;
  height: 30px;
  border: 0 none;
  padding: 0;
  font-size: 0;
  border-radius: 0;
  background-color: transparent;
  background-image: url("/atomic/images/icon-close-grayblue.png");
  background-image: url("/atomic/images/icon-close-grayblue.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.5rem; }
  @media (max-width: 767px) {
    .btn--theme--close {
      background-size: 1.25rem; } }

/*
    ===============================
    B U T T O N   M O D I F I E R S
    ===============================
*/
.btn--disabled.btn--theme--primary {
  color: #ffa2c5;
  background-color: #ffd1e8; }

.btn--disabled.btn--theme--secondary, .btn--disabled.btn--theme--tertiary {
  cursor: default;
  opacity: .5; }

.btn--wide {
  width: 100%; }

.btn--large {
  font-size: .9375rem;
  height: 50px;
  line-height: 50px; }
  .btn--large:not(.btn--theme--tertiary):before, .btn--large:not(.btn--theme--tertiary):after {
    height: 50px; }
  .btn--large.btn--theme--tertiary:before, .btn--large.btn--theme--tertiary:after {
    height: 48px; }

/*
    =======================
    B U T T O N   I C O N S
    =======================
*/
.btn-icon--left {
  position: relative;
  display: inline-flex;
  justify-content: center; }
  .btn-icon--left.btn--theme--primary {
    padding: 0 1.5rem 0 1rem; }
  .btn-icon--left:before {
    content: "";
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block; }

.btn-icon--right {
  position: relative;
  display: inline-flex;
  justify-content: center; }
  .btn-icon--right.btn--theme--primary {
    padding: 0 1rem 0 1.5rem; }
  .btn-icon--right:after {
    content: "";
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block; }

.btn-icon__chevron-left:before {
  width: 10px;
  margin: 0 1rem 0 0; }

.btn-icon__chevron-left:after {
  width: 10px;
  margin: 0 0 0 1rem; }

.btn-icon__chevron-left.btn--theme--primary::before, .btn-icon__chevron-left.btn--theme--primary::after {
  background-image: url("/atomic/images/icon-chevron-left-white.png");
  background-image: url("/atomic/images/icon-chevron-left-white.svg"); }

.btn-icon__chevron-left.btn--theme--secondary::before, .btn-icon__chevron-left.btn--theme--secondary::after, .btn-icon__chevron-left.btn--theme--tertiary::before, .btn-icon__chevron-left.btn--theme--tertiary::after {
  background-image: url("/atomic/images/icon-chevron-left-blue.png");
  background-image: url("/atomic/images/icon-chevron-left-blue.svg"); }

.btn-icon__chevron-right:before {
  width: 10px;
  margin: 0 1rem 0 0; }

.btn-icon__chevron-right:after {
  width: 10px;
  margin: 0 0 0 1rem; }

.btn-icon__chevron-right.btn--theme--primary::before, .btn-icon__chevron-right.btn--theme--primary::after {
  background-image: url("/atomic/images/icon-chevron-right-white.png");
  background-image: url("/atomic/images/icon-chevron-right-white.svg"); }

.btn-icon__chevron-right.btn--theme--secondary::before, .btn-icon__chevron-right.btn--theme--secondary::after, .btn-icon__chevron-right.btn--theme--tertiary::before, .btn-icon__chevron-right.btn--theme--tertiary::after {
  background-image: url("/atomic/images/icon-chevron-right-blue.png");
  background-image: url("/atomic/images/icon-chevron-right-blue.svg"); }

.btn-icon__close-blue:after {
  width: 12px;
  margin: 0 0 0 1rem;
  background-size: .75rem; }

.btn-icon__close-blue.btn--theme--tertiary::after {
  background-image: url("/atomic/images/icon-close-blue.png");
  background-image: url("/atomic/images/icon-close-blue.svg"); }

.btn-icon--right.btn-icon__chevron-down:after {
  width: 16px;
  margin: 0 0 0 1rem; }

.btn-icon--right.btn-icon__chevron-down.btn--theme--primary::after {
  background-image: url("/atomic/images/icon-chevron-down-white.png");
  background-image: url("/atomic/images/icon-chevron-down-white.svg"); }

.btn-icon--right.btn-icon__chevron-down.btn--theme--secondary::after, .btn-icon--right.btn-icon__chevron-down.btn--theme--tertiary::after {
  background-image: url("/atomic/images/icon-chevron-down-blue.png");
  background-image: url("/atomic/images/icon-chevron-down-blue.svg"); }

.btn-icon--right.btn-icon__chevron-up:after {
  width: 16px;
  margin: 0 0 0 1rem; }

.btn-icon--right.btn-icon__chevron-up.btn--theme--primary::after {
  background-image: url("/atomic/images/icon-chevron-up-white.png");
  background-image: url("/atomic/images/icon-chevron-up-white.svg"); }

.btn-icon--right.btn-icon__chevron-up.btn--theme--secondary::after, .btn-icon--right.btn-icon__chevron-up.btn--theme--tertiary::after {
  background-image: url("/atomic/images/icon-chevron-up-blue.png");
  background-image: url("/atomic/images/icon-chevron-up-blue.svg"); }

.btn-icon__chevron-down:before {
  width: 16px;
  margin: 0 1rem 0 0; }

.btn-icon__chevron-down.btn--theme--primary::before {
  background-image: url("/atomic/images/icon-chevron-down-white.png");
  background-image: url("/atomic/images/icon-chevron-down-white.svg"); }

.btn-icon__chevron-down.btn--theme--secondary::before, .btn-icon__chevron-down.btn--theme--tertiary::before {
  background-image: url("/atomic/images/icon-chevron-down-blue.png");
  background-image: url("/atomic/images/icon-chevron-down-blue.svg"); }

.btn-icon__chevron-up:before {
  width: 16px;
  margin: 0 1rem 0 0; }

.btn-icon__chevron-up.btn--theme--primary::before {
  background-image: url("/atomic/images/icon-chevron-up-white.png");
  background-image: url("/atomic/images/icon-chevron-up-white.svg"); }

.btn-icon__chevron-up.btn--theme--secondary::before, .btn-icon__chevron-up.btn--theme--tertiary::before {
  background-image: url("/atomic/images/icon-chevron-up-blue.png");
  background-image: url("/atomic/images/icon-chevron-up-blue.svg"); }

.label--hidden {
  display: block;
  position: initial;
  width: 0;
  height: 0;
  padding: 0;
  font-size: 0;
  text-align: initial; }

.input-valid-icon, .vd-new-input--valid::after {
  background-image: url("/atomic/images/icon-validation-success.png");
  background-image: url("/atomic/images/icon-validation-success.svg"); }

.input-invalid-icon, .vd-new-input--invalid::after {
  background-image: url("/atomic/images/icon-validation-alert.png");
  background-image: url("/atomic/images/icon-validation-alert.svg"); }

.vd-new-input {
  display: flex;
  position: relative; }

.vd-new-input__icon, .vd-new-input--valid::after, .vd-new-input--invalid::after {
  display: inline-block;
  position: absolute;
  right: 0;
  width: 2.5rem;
  height: 2.5rem;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 1.5rem;
  content: "";
  pointer-events: none; }

.vd-new-input--invalid {
  border: 1px solid #f54f4f !important;
  background-color: #fbfdff !important; }

.vd-new-input__input {
  flex-grow: 1;
  color: #4f5355;
  margin: 0;
  border: 1px solid #b7deff;
  padding: 10px 8px;
  font-size: 1em;
  line-height: 1;
  font-weight: 300; }
  .vd-new-input__input::placeholder {
    color: #90a8b5; }
    @media (max-width: 767px) {
      .vd-new-input__input::placeholder {
        font-size: 14px; } }
  .vd-new-input__input::-webkit-input-placeholder {
    color: #90a8b5; }
  .vd-new-input__input::-moz-placeholder {
    color: #90a8b5; }
  .vd-new-input__input:-ms-input-placeholder {
    color: #90a8b5; }
  @media (hover: hover), (pointer: fine) {
    .vd-new-input__input:hover {
      box-shadow: inset 0 0 0 1px #b7deff; } }
  .vd-new-input__input:focus {
    border: 1px solid #47abff;
    outline: 0 none;
    box-shadow: inset 0 0 0 2px #47abff; }

.message {
  display: flex;
  margin: .4rem auto; }
  .message .message-link {
    display: block; }

.newsletter {
  all: reset; }

.newsletter__button {
  width: auto;
  margin: 0 .35rem;
  padding-right: .68rem;
  padding-left: .68rem;
  color: #fff;
  background: #37b0f2; }
  @media (max-width: 767px) {
    .newsletter__button {
      width: 25%;
      height: 2.5rem;
      margin: 0 0 0 5%;
      font-size: 0;
      border-radius: 6px;
      background-image: url("/atomic/images/icon-chevron-right-white.svg");
      background-image: url("/atomic/images/icon-chevron-right-white.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: auto 40%; } }

.newsletter__form {
  display: flex;
  margin: .4rem auto; }

.newsletter__hype {
  font-size: .875rem !important;
  color: #8ce978; }

/*
    L I G H T B O X   -   I M A G E   G A L L E R Y   C O M P O N E N T
    ===================================================================
    Styling regarding to the image lightbox gallery on the detail page
*/
.lightbox,
.lightbox .dimmer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.lightbox {
  z-index: 140; }
  .lightbox .dimmer {
    background: rgba(6, 10, 15, 0.9); }
  .lightbox .container {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    line-height: 100%; }
  .lightbox .row {
    display: inline-block;
    display: flex;
    position: relative;
    flex-flow: column nowrap;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 2% 0;
    text-align: center;
    vertical-align: middle; }
    .lightbox .row .loading {
      display: inline-block;
      width: 100%;
      text-align: center;
      color: #fff; }
    .lightbox .row .lightbox-image > img {
      display: inline-block;
      width: auto;
      max-width: 96vw;
      height: 100%;
      max-height: 96vh;
      margin: 0 auto;
      border-radius: 3px;
      vertical-align: middle;
      object-fit: contain; }
      @media (max-width: 767px) {
        .lightbox .row .lightbox-image > img {
          position: absolute;
          top: 50%;
          left: 50%;
          width: 90%;
          height: auto;
          -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          -moz-transform: translate(-50%, -50%); } }
    .lightbox .row .video-wrapper {
      display: block;
      position: relative;
      width: 96vw;
      max-width: 970px;
      height: 100%;
      max-height: 96vh;
      margin: 0 auto;
      border-radius: 3px;
      background-color: #000; }
      .lightbox .row .video-wrapper .video-player + img {
        display: none; }
      .lightbox .row .video-wrapper .video-thumb,
      .lightbox .row .video-wrapper .video-player {
        position: relative;
        width: 100%;
        height: 100%; }
      .lightbox .row .video-wrapper .video-thumb {
        position: absolute;
        cursor: pointer;
        z-index: 1; }
        .lightbox .row .video-wrapper .video-thumb::after {
          display: block;
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          font-size: 0;
          -webkit-transition: background-size ease-out 150ms;
          transition: background-size ease-out 150ms;
          border-radius: 3px;
          background-image: url("/atomic/images/button-play.png");
          background-image: url("/atomic/images/button-play.svg");
          background-repeat: no-repeat;
          background-position: center;
          background-size: auto 10%;
          content: ""; }
          @media (max-width: 767px) {
            .lightbox .row .video-wrapper .video-thumb::after {
              background-size: 66px; } }
        .lightbox .row .video-wrapper .video-thumb:active::after {
          opacity: .3; }
      .lightbox .row .video-wrapper + .preloading {
        width: initial !important;
        height: initial !important;
        opacity: 0;
        pointer-events: none; }
  .lightbox .right,
  .lightbox .left,
  .lightbox .close {
    border-radius: 3px;
    background: none; }
    .lightbox .right span,
    .lightbox .left span,
    .lightbox .close span {
      width: 64px;
      height: 64px;
      padding: 0;
      font-size: 0;
      -moz-transition: margin-top 100ms ease-out, background-size ease-out 150ms;
      -webkit-transition: margin-top 100ms ease-out, background-size ease-out 150ms;
      transition: margin-top 100ms ease-out;
      border-radius: 6px;
      background-repeat: no-repeat;
      background-position: center;
      background-size: 2rem;
      -webkit-tap-highlight-color: transparent; }
    .lightbox .right:active,
    .lightbox .left:active,
    .lightbox .close:active {
      opacity: .3; }
  .lightbox .left,
  .lightbox .right {
    display: block;
    position: absolute;
    top: 0;
    width: 20%;
    height: 100%;
    margin: 0;
    outline: none; }
    .lightbox .left:-moz-focus-inner,
    .lightbox .right:-moz-focus-inner {
      border: 0;
      padding: 0; }
    .lightbox .left span,
    .lightbox .right span {
      display: block;
      position: absolute;
      top: 50%;
      cursor: pointer; }
      @media (max-width: 767px) {
        .lightbox .left span,
        .lightbox .right span {
          margin-top: -32px; } }
  .lightbox .left span {
    left: 0;
    background-image: url("/atomic/images/icon-chevron-left-white.png");
    background-image: url("/atomic/images/icon-chevron-left-white.svg"); }
  @media (hover: hover), (pointer: fine) {
    .lightbox .left:hover span {
      animation: bounceLeft .25s ease-in; } }
  .lightbox .right span {
    right: 0;
    background-image: url("/atomic/images/icon-chevron-right-white.png");
    background-image: url("/atomic/images/icon-chevron-right-white.svg"); }
  @media (hover: hover), (pointer: fine) {
    .lightbox .right:hover span {
      animation: bounceRight .25s ease-in; } }
  .lightbox .close {
    position: fixed;
    z-index: 2;
    top: 1rem;
    right: 1rem;
    width: 64px;
    height: 64px;
    text-align: center;
    color: #fff;
    background-color: rgba(83, 102, 126, 0.5); }
    .lightbox .close span {
      display: inline-block;
      width: 30px;
      height: 30px;
      background-image: url("/atomic/images/icon-close-white.png");
      background-image: url("/atomic/images/icon-close-white.svg");
      background-size: 1.5rem;
      vertical-align: middle; }
    .lightbox .close::after {
      display: none; }
  .lightbox .left {
    z-index: 1; }
    @media (min-width: 1024px) {
      .lightbox .left {
        left: 2rem; } }
    @media (min-width: 768px) and (max-width: 1023px) {
      .lightbox .left {
        left: 2rem; } }
    @media (max-width: 767px) {
      .lightbox .left {
        left: 0; } }
  @media (min-width: 1024px) {
    .lightbox .right {
      right: 2rem; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .lightbox .right {
      right: 2rem; } }
  @media (max-width: 767px) {
    .lightbox .right {
      right: 0; } }
  .lightbox .lightbox-image {
    display: flex;
    justify-content: center;
    position: relative;
    height: 80%; }
    .lightbox .lightbox-image .info {
      color: #fff;
      position: fixed;
      left: calc(50% - 16px);
      top: .5rem; }
    @media (max-width: 767px) {
      .lightbox .lightbox-image {
        height: 100%; } }
  .lightbox .video-image-placeholder {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    max-width: 96vw;
    height: 100%;
    max-height: 96vh;
    margin: 0 auto;
    transform: translate(-50%, -50%);
    border-radius: 3px;
    vertical-align: middle; }
    @media (max-width: 767px) {
      .lightbox .video-image-placeholder {
        width: 100%;
        height: auto; } }
  .lightbox .thumbnails {
    display: flex;
    justify-content: center;
    height: 20%; }
    .lightbox .thumbnails .video::after {
      display: inline-block;
      width: 100%;
      height: 100%;
      background-image: url("/atomic/images/button-play.png");
      background-image: url("/atomic/images/button-play.svg");
      background-repeat: no-repeat;
      background-position: center;
      background-size: 27%;
      content: ""; }
    .lightbox .thumbnails li {
      display: inline-block;
      position: relative;
      float: left;
      width: 107px;
      height: 77px;
      margin-top: 2rem;
      background-repeat: no-repeat;
      background-size: cover;
      cursor: pointer;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      -o-border-radius: 3px;
      border-radius: 3px; }
      .lightbox .thumbnails li:not(:last-of-type) {
        margin-right: 5px; }
      .lightbox .thumbnails li.active {
        cursor: auto; }
        .lightbox .thumbnails li.active::before {
          position: absolute;
          bottom: 0;
          left: 0;
          width: 101px;
          height: 71px;
          border: 3px solid #fff;
          content: "";
          -webkit-border-radius: 3px;
          -moz-border-radius: 3px;
          -ms-border-radius: 3px;
          -o-border-radius: 3px;
          border-radius: 3px; }
          @media (min-width: 768px) and (max-width: 1023px) {
            .lightbox .thumbnails li.active::before {
              width: 92px;
              height: 66px; } }
        .lightbox .thumbnails li.active .index-thumbnail {
          display: block; }
      .lightbox .thumbnails li .index-thumbnail {
        display: none;
        position: absolute;
        top: -24px;
        left: 3px;
        width: 101px;
        font-size: .875rem;
        font-weight: 300;
        color: #fff; }
      @media (min-width: 768px) and (max-width: 1023px) {
        .lightbox .thumbnails li {
          width: 98px;
          height: 70px; }
          .lightbox .thumbnails li:nth-child(n + 8) {
            display: none; } }
    .lightbox .thumbnails .price-wrapper {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100%;
      background-color: rgba(6, 10, 15, 0.6); }
    @media (max-width: 767px) {
      .lightbox .thumbnails {
        display: none; } }
  @media (max-width: 767px) {
    .lightbox button.left span,
    .lightbox button.right span {
      background-size: 1rem; }
    .lightbox button.left:active span,
    .lightbox button.right:active span {
      background-size: 1.1rem; }
    .lightbox button.close {
      width: 44px;
      height: 44px; }
      .lightbox button.close span {
        width: 20px;
        height: 20px; } }

.vd-link, .modal--terms-and-conditions .tel-link, .modal--terms-and-conditions .modal__content p a {
  font-weight: 500;
  color: #37b0f2;
  cursor: pointer; }
  @media (hover: hover), (pointer: fine) {
    .vd-link:hover, .modal--terms-and-conditions .tel-link:hover, .modal--terms-and-conditions .modal__content p a:hover {
      color: #179AE0; } }
  .vd-link:active, .modal--terms-and-conditions .tel-link:active, .modal--terms-and-conditions .modal__content p a:active {
    opacity: .4; }

.remaining-day__wrapper {
  position: relative;
  width: 100%;
  height: 100%; }
  @media (max-width: 767px) {
    .remaining-day__wrapper {
      position: absolute; } }

.remaining-day {
  display: inline-block;
  min-width: 310px;
  height: 58px;
  padding: .5rem 1.5rem;
  font-size: 1.75rem;
  font-weight: 400;
  text-align: center;
  color: #fff;
  background-color: rgba(4, 36, 54, 0.8);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }
  .remaining-day .remaining-day__counter {
    margin: 0 .5rem;
    font-weight: 500;
    color: #555155; }
    .remaining-day .remaining-day__counter > span {
      margin: 0 1px;
      padding: 0 .325rem;
      background-color: #fff;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px; }
  @media (max-width: 767px) {
    .remaining-day {
      min-width: 250px;
      padding: .5rem;
      font-size: 1.5rem; } }

.future .remaining-day {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -29px;
  margin-left: -155px; }
  @media (max-width: 767px) {
    .future .remaining-day {
      margin-left: -125px; } }

.acco-info .remaining-day {
  position: absolute;
  top: 30px;
  left: 50%;
  min-width: 240px;
  margin-left: -120px;
  padding: .5rem;
  font-size: 1.5rem; }

@media (max-width: 767px) {
  .my-booking .small-view-only .remaining-day {
    position: absolute;
    top: 30px;
    left: 50%;
    margin-left: -125px; } }

/*
    Options Lists
    ==============================

    Options lists are options in lists where users can (de)select one
    or more items using a checkbox/radio input. See the filters on
    the Search Results filters or in the dropdowns on detail page.

    + Element mark up structure:

    ul.options-list
    |- li.options-list__item
    |   |- label.options-list__label
    |   |   |- input.options-list__input      (hide the input)
    |   |   |- span.checkbox-option           (custom input image)
    |   |   |- span.options-list__label-text  (normal label text)
    |   |   |- span.options-list__small-text  (grey small text)
    |   |- a.vd-link                          (more/less toggle)

*/
.options-list__item {
  position: relative; }
  .options-list__item:not(:first-child) {
    border-top: 1px solid #d5e6ee; }

.options-list__label {
  display: block;
  padding: .5rem 0 .5rem .3125rem;
  cursor: pointer; }
  .options-list__label.selected, .options-list__label.active {
    background-color: #d9effd;
    color: #0079bb;
    font-weight: 500; }
  @media (hover: hover), (pointer: fine) {
    .options-list__label:hover {
      background-color: rgba(217, 239, 253, 0.3);
      color: #38b4f2; } }

.options-list__input,
.options-list input {
  position: absolute;
  width: 0;
  height: 0;
  left: -999999px;
  z-index: -1;
  display: block; }

.options-list__label-text {
  line-height: 1.3;
  margin: 0 .5rem 0 0; }

.options-list__small-text {
  font-size: .75rem;
  color: #90a8b5; }

.options-list__strong-text--rating {
  color: #40c838;
  font-size: 1rem;
  font-weight: 600; }

.options-list__head-note {
  color: #90a8b5;
  font-size: .75em;
  margin-bottom: .5rem;
  padding: 0 1rem; }

.options-list__item .vd-link, .options-list__item .modal--terms-and-conditions .tel-link, .modal--terms-and-conditions .options-list__item .tel-link, .options-list__item .modal--terms-and-conditions .modal__content p a, .modal--terms-and-conditions .modal__content p .options-list__item a {
  font-size: .875rem;
  padding: 0.5rem 0;
  line-height: 2.375rem;
  height: 2.375rem; }

/*
    Options Lists in Acco Page dropdowns
    ====================================
   Changes that applies over the option-list styling used in the expander (dropdowns)
   on detail page that is located and wrapped in the .travel-selection-menu class
*/
.options-list--expander + .picker__dropdown__caption {
  margin-top: .5rem; }

.options-list--expander li + li,
.menu .options-list--expander li + li {
  border-top: 1px dashed #c9dcea;
  margin-top: -1px; }

.options-list--expander li.no-preference-option + li,
.options-list--expander li.separator + li {
  border-top: 1px solid #c9dcea; }

.options-list--expander .separator {
  margin-bottom: -1px;
  border-top: 1px solid #c9dcea; }

.options-list--expander .options-list__label {
  display: flex;
  align-items: center;
  font-weight: 400;
  padding: .5rem 0 .5rem 1rem;
  min-height: 40px; }
  @media (hover: hover), (pointer: fine) {
    .options-list--expander .options-list__label:hover {
      background-color: #edf8ff;
      cursor: pointer; } }

.options-list--expander label input + span {
  align-self: flex-start;
  flex-shrink: 0;
  margin: .175rem .5rem 0 0; }

/*
    Options Lists in Search Results Filters
    =======================================
    Changes that applies over the option-list styling used on
    Search Results Filters.
*/
.filter-option .options-list:not(:empty) {
  margin-top: 10px; }

.filter-option .checkbox-option,
.filter-option .radio-option {
  position: absolute;
  top: 9px;
  left: 5px; }

.filter-option .options-list__label {
  padding: .5rem 0 .5rem 2rem; }

/*
    ========================
    O P T I O N    G R O U P
    ========================

    (moved from form elements)
*/
.option-group {
  width: 100%; }
  .option-group .asterisk-list {
    margin-top: 1rem; }
  .option-group h5 {
    margin-bottom: 10px;
    font-weight: 300;
    color: #4f5355; }
    @media (max-width: 767px) {
      .option-group h5 {
        line-height: 1.3; } }
  .option-group .option {
    display: table;
    position: relative;
    padding: .8rem 0;
    font-size: 0;
    cursor: pointer;
    width: 100%; }
    @media (hover: hover), (pointer: fine) {
      .option-group .option:hover {
        background-color: rgba(237, 248, 255, 0.5); } }
    .option-group .option:not(.has-secondary).selected {
      background-color: #edf8ff; }
    .option-group .option:not(.has-secondary) > label.selected {
      display: inline-block;
      width: 70%;
      color: #0079bb;
      background-color: #edf8ff; }
    .option-group .option.selected > .title {
      font-weight: 500;
      color: #0079bb; }
    .option-group .option.selected .title {
      display: inline-block;
      width: 70%; }
    .option-group .option.has-secondary {
      display: table; }
      .option-group .option.has-secondary.selected {
        display: block; }
        .option-group .option.has-secondary.selected .option-group-secondary {
          display: block; }
      .option-group .option.has-secondary .cost-container {
        display: inline-block;
        width: 30%; }
    .option-group .option > * {
      display: table-cell;
      padding-right: 12px;
      font-size: 1rem;
      vertical-align: top; }
    .option-group .option .title {
      position: relative;
      width: 70%;
      padding-left: .5rem; }
      .option-group .option .title input,
      .option-group .option .title i.tick {
        position: absolute; }
      .option-group .option .title .radio {
        top: 1px;
        left: 8px; }
      .option-group .option .title .checkbox {
        position: relative;
        top: 0;
        left: 0;
        margin-top: -4px;
        vertical-align: middle; }
      .option-group .option .title input[type="checkbox"] {
        display: inline-block;
        position: absolute;
        top: auto;
        left: -99999px;
        width: 1px;
        height: 1px; }
        .option-group .option .title input[type="checkbox"] + .checkbox {
          background-image: url("/atomic/images/form-checkbox-unchecked.png"); }
        .option-group .option .title input[type="checkbox"]:checked + .checkbox {
          background-image: url("/atomic/images/form-checkbox-checked.png"); }
        .option-group .option .title input[type="checkbox"]:focus + .checkbox {
          background-image: url("/atomic/images/form-checkbox-unchecked-focus.png"); }
        .option-group .option .title input[type="checkbox"]:focus:checked + .checkbox {
          background-image: url("/atomic/images/form-checkbox-checked-focus.png"); }
      .option-group .option .title input[type="radio"] + .radio {
        background-image: url("/atomic/images/form-radio-unchecked.png"); }
      .option-group .option .title input[type="radio"]:checked + .radio {
        background-image: url("/atomic/images/form-radio-checked.png"); }
      .option-group .option .title i.tick {
        width: 1.125rem;
        height: 1.125rem;
        font-size: 0;
        background-image: url(/atomic/images/icon-tick-green.png);
        background-image: url(/atomic/images/icon-tick-green.svg);
        background-repeat: no-repeat;
        background-position: 0 32%;
        background-size: 1.125rem auto;
        vertical-align: middle; }
      .option-group .option .title span em,
      .option-group .option .title span a {
        font-weight: 500;
        color: #37b0f2; }
      .option-group .option .title span a {
        cursor: pointer; }
    .option-group .option .cost-indication {
      font-size: .875rem;
      line-height: 1.8;
      text-align: right;
      color: #65c454; }
    .option-group .option .cost-specific {
      font-size: 1.125em;
      font-weight: 400;
      vertical-align: bottom; }
      .option-group .option .cost-specific .number {
        font-size: 20px;
        font-weight: 700; }
    .option-group .option .cost-container > * {
      display: block;
      width: 100%;
      text-align: right; }
    .option-group .option .cost-container .cost-specific {
      min-width: 100%; }
    .option-group .option .cost-container .cost-indication {
      line-height: 1; }
    .option-group .option + .option {
      border-top: 1px solid #bdd7e5; }
  .option-group > .option.selected.has-secondary > .title {
    width: 100%;
    padding-bottom: 10px; }
  .option-group > .option.selected.has-secondary > .title + * {
    display: none;
    width: 0%; }
  .option-group.tac .option {
    padding: 1rem 0 1rem .8rem; }
    .option-group.tac .option .title {
      padding-left: 2rem;
      width: 100%; }
      .option-group.tac .option .title .checkbox {
        position: absolute;
        top: 4px;
        left: 0; }
      .option-group.tac .option .title input[type="checkbox"]:checked + .checkbox,
      .option-group.tac .option .title input[type="checkbox"]:focus:checked + .checkbox {
        background-image: url(/atomic/images/form-checkbox-checked-checkout.png); }
  .option-group.tac .tick {
    top: 1px;
    left: 0; }
    @media (max-width: 767px) {
      .option-group.tac .tick {
        top: 3px;
        left: 5px; } }
  .option-group .option-group-secondary {
    display: none;
    width: 100%;
    padding-left: 5%; }
    .option-group .option-group-secondary .title {
      width: 75%;
      padding-left: 36px; }
      .option-group .option-group-secondary .title input {
        left: 12px; }
      .option-group .option-group-secondary .title + * {
        padding-right: 12px; }
    .option-group .option-group-secondary .option + .option {
      border-top: 1px dashed #b7deff; }
    .option-group .option-group-secondary + .option {
      border-top: 1px solid #b7deff; }
  @media (max-width: 767px) {
    .option-group .option .title {
      display: block;
      width: 100%; }
    .option-group .option > span.cost-indication {
      display: block;
      width: 100%;
      padding-right: 12px;
      padding-left: 24px; }
    .option-group .option:not(.has-secondary) .title {
      display: table-cell;
      width: 60%; }
    .option-group .option:not(.has-secondary) .cost-container {
      display: table-cell;
      width: 40%; }
    .option-group .option .option-group-secondary {
      padding-left: 0; }
      .option-group .option .option-group-secondary .option {
        display: inline-block; }
        .option-group .option .option-group-secondary .option .title {
          display: inline-block;
          width: 100%; }
        .option-group .option .option-group-secondary .option .cost-container {
          display: block;
          width: 100%;
          padding: 0 12px 0 36px; }
          .option-group .option .option-group-secondary .option .cost-container .cost-specific {
            display: inline;
            float: right;
            width: 45%;
            min-width: 45%;
            font-size: 1.25rem; }
            .option-group .option .option-group-secondary .option .cost-container .cost-specific span {
              display: inline; }
            .option-group .option .option-group-secondary .option .cost-container .cost-specific .number {
              font-size: 1.375rem;
              font-weight: 800; }
          .option-group .option .option-group-secondary .option .cost-container .cost-indication {
            float: left;
            width: 55%;
            line-height: 1.25em;
            text-align: left; } }

.option-group > .option.invalid {
  border-top: 1px solid #f87f7f;
  padding-bottom: 3rem;
  background: #ffeded; }
  .option-group > .option.invalid + .option,
  .option-group > .option.invalid + p {
    border-top: 1px solid #f87f7f; }
  .option-group > .option.invalid > small {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    min-height: 2.5rem;
    padding: .625rem .5rem 1rem 3.5rem;
    font-size: .875rem;
    line-height: 1.3;
    color: #f54f4f;
    background-image: url(/atomic/images/icon-validation-alert.png);
    background-image: url(/atomic/images/icon-validation-alert.svg);
    background-repeat: no-repeat;
    background-position: 24px .5rem;
    background-size: 1.25rem; }
    @media (max-width: 767px) {
      .option-group > .option.invalid > small {
        position: relative; } }
  @media (max-width: 400px) {
    .option-group > .option.invalid {
      padding-bottom: 4rem; } }

.option-group.tac .invalid > small {
  padding-left: 4.7rem;
  background-position: 2.7rem .5rem; }

@media (max-width: 767px) {
  .option-group.tac .invalid .title {
    display: inline-block;
    width: 100%; } }

/**
 * _offer-details.css
 *
 * .offer-detail components shows the information of the offer. This will be shown at locations like:
 * the search-result in list and tile view, acco page and the bookflow. The offer-detail component will
 * show info about the offer like transfer type, departure date, accommodation type, etc.
 */
.offer-detail {
  margin: .25rem 0 .75rem;
  font-size: .85rem;
  padding: .25rem 0 0; }
  .step-3 .offer-detail {
    padding: 0;
    margin: 0 0 .75rem 0; }

/**
 * Below styling will apply for tile view in the search-results
 */
.small .offer-detail {
  height: 18px;
  margin: 0 0 .6rem;
  padding: 0;
  font-size: .875rem;
  line-height: 1.2; }

/**
 * Placeholder for the icon that shows at the start of the offer-detail
 */
.offer-detail::before {
  display: inline-block;
  width: 1.4rem;
  height: 1.3rem;
  margin: 0 .6rem 0 0;
  color: #9eabb2;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  vertical-align: middle; }

/**
 * Below are the elements from the block ".offer-detail" for displaying the icon in the placeholder
 */
.offer-detail--flight-incl-transfer::before {
  width: 2.8rem;
  background-image: url("/atomic/images/icon-plane-bus.svg"); }

.offer-detail--flight-only::before {
  background-image: url("/atomic/images/icon-plane.svg"); }

.offer-detail--own-transport::before {
  background-image: url("/atomic/images/icon-car-dark-grey.svg"); }

/**
 * The following is applied the detail page.
 */
.page-detail .offer-detail {
  font-size: 1rem;
  font-weight: 300;
  color: #90a8b5; }

/**
 * The following is applied to the Bookflow step 1 mobile summary. (see small viewport).
 */
.mobile-summary .offer-detail {
  display: inline-block;
  margin: 0;
  padding: 0;
  font-size: 0;
  vertical-align: middle; }

.mobile-summary .offer-detail::before {
  height: 1.1rem;
  margin: 0; }

/**
 * _breadcrumb.css
 *
 * .breadcrumb components shows first the flag icon than the countery - region - city as a link.
 * Example in VD: see acco page under the hotel title.
 */
.breadcrumb {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  padding: 0 0 0 45px;
  font-weight: 400;
  color: #fff; }
  @media (max-width: 767px) {
    .breadcrumb {
      justify-content: flex-start;
      padding: 0 0 0 27px;
      color: #8facbc; } }

/**
 * This extends the class .icon-flag
 */
.breadcrumb.icon-flag::before {
  top: 1px;
  width: 38px;
  height: 26px; }
  @media (max-width: 767px) {
    .breadcrumb.icon-flag::before {
      width: 22px;
      height: 15px; } }

/**
 * Breadcrumb items
 */
.breadcrumb-item {
  margin: 0 .325rem;
  white-space: nowrap; }

.breadcrumb-item__link {
  border-bottom: 1px solid rgba(255, 255, 255, 0.7); }
  @media (max-width: 767px) {
    .breadcrumb-item__link {
      border-color: #8facbc;
      color: #8facbc; } }

@media (hover: hover), (pointer: fine) {
  .breadcrumb-item__link:hover {
    border-bottom: 1px solid #fff; } }

.breadcrumbs {
  width: 100%;
  margin: 12px 0;
  padding-left: 42px; }
  .breadcrumbs::before {
    display: block;
    width: 32px;
    background-position: left center;
    background-size: contain; }
    .list-view .breadcrumbs::before {
      background-position: center 2px; }
  .breadcrumbs li {
    display: inline;
    list-style: none;
    color: #90a8b5; }
    .breadcrumbs li + li::before {
      content: " - "; }
    .breadcrumbs li a {
      color: #90a8b5; }
  .breadcrumbs .icon-flag {
    display: none; }
    @media (min-width: 1024px) {
      .breadcrumbs .icon-flag {
        display: inline-block; } }

.tile-view .breadcrumbs {
  display: block;
  width: 100%;
  max-width: 100%;
  margin: .4375rem 0;
  padding-left: 0;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #90a8b5;
  overflow: hidden; }
  .tile-view .breadcrumbs::before {
    display: inline-block;
    position: relative;
    width: 22px;
    height: 15px;
    height: 24px;
    margin-right: .5rem;
    vertical-align: top;
    background-size: contain; }
  .tile-view .breadcrumbs li {
    list-style: none;
    color: #90a8b5; }
    .tile-view .breadcrumbs li + li::before {
      content: " - "; }
  .tile-view .breadcrumbs.icon-flag {
    text-align: left; }

.best-accos-carousel-item .breadcrumbs {
  width: 100%;
  max-width: 100%;
  margin: .4375rem 0;
  padding-left: 0;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #90a8b5;
  overflow: hidden; }
  .best-accos-carousel-item .breadcrumbs::before {
    content: none; }

.my-acco .icon-flag {
  padding-left: 36px; }
  .my-acco .icon-flag::before {
    top: 4px;
    width: 26px;
    background-position: center top;
    background-size: contain; }

/**
 *  form-group.scss
 *
 *  .form-group are the form fieldset wrappers of vakantiediscounter.
 *  .form-group is the general class for all the form paragraphs.
 *  It mostly contains out of a text label + input element + validation + error message.
 *  You can find examples of fieldsets in the bookflow + login of myVD.
 */
/*
    .form-group
    -----------
    this is used as a wrapper that contains the text label + input element + validation + error message
*/
.form-group {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 0 0 .625rem 0;
  margin: 0 0 1rem 0; }
  @media (max-width: 767px) {
    .form-group {
      flex-wrap: wrap;
      margin: 0 0 1rem 0; } }

/*
    .form-group__label
    ------------------
    This is the text label in front of the input. It has text and an optional * icon for mentioning if the input is mandatory
*/
.form-group__label {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 30%;
  margin: 0 3% 0 0;
  font-weight: 500;
  color: #4f5355; }
  @media (max-width: 767px) {
    .form-group__label {
      justify-content: flex-start;
      width: 100%;
      margin: 0 0 .5rem; } }

.form-group__label__mandatory {
  margin: 0 0 0 .5rem;
  color: #f54f4f; }

/*
    Validations
    -----------
    Form-groups can show a valid or invalid state.
*/
.form-group::after {
  display: block;
  position: absolute;
  top: .55rem;
  left: 92%;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  content: ""; }
  @media (max-width: 767px) {
    .form-group::after {
      top: 2.55rem;
      right: .5rem;
      left: auto; } }
  @media (min-width: 768px) {
    .login-screen-myvd .form-group::after {
      left: calc(((100% - 300px)/2) + 316px); } }

.form-group.valid::after {
  background-image: url(/atomic/images/icon-validation-success.svg); }

.form-group.invalid::after {
  background-image: url(/atomic/images/icon-validation-alert.svg); }

.form-group.invalid .masked-select .mask,
.form-group.invalid .form-group__input-text,
.form-group.invalid .form-group__input-text:-webkit-autofill,
.form-group.invalid .form-group__input-text:-webkit-autofill:focus {
  border: 1px solid #f54f4f;
  background-color: #fff8f8; }

.form-group.invalid small {
  margin: 0 0 0 33%;
  padding: .625rem 0 0;
  font-size: .875rem;
  line-height: 1.2;
  color: #f54f4f;
  text-align: left; }
  @media (max-width: 767px) {
    .form-group.invalid small {
      width: 100%;
      margin: 0; } }
  @media (min-width: 768px) {
    .login-screen-myvd .form-group.invalid small {
      margin-left: calc((100% - 300px)/2);
      text-align: left;
      width: 300px; } }

/*
    input[type="text"]
    ------------------
    Styling for textual inputs
*/
.form-group__input-text {
  transition: background-color 5000s ease-in-out 0s;
  border: 1px solid #b7deff;
  color: #4f5355 !important;
  font-size: 1rem;
  font-weight: 300;
  height: 42px;
  line-height: 1;
  padding: 10px 8px;
  width: 100%;
  background-color: transparent; }
  @media (hover: hover), (pointer: fine) {
    .form-group__input-text:hover {
      box-shadow: inset 0 0 0 1px #b7deff; } }
  .form-group__input-text:focus {
    border: 1px solid #47abff;
    outline: 0 none;
    box-shadow: inset 0 0 0 2px #47abff; }

/*
    Birthdate dropdowns
    -------------------
    Styling for the birthday dropdowns. The component uses 3 dropdowns next to eachother
*/
.input-birthdate__day {
  width: 14%; }
  @media (max-width: 767px) {
    .input-birthdate__day {
      flex: 1;
      width: 25%; } }

.input-birthdate__month {
  width: 23%;
  margin: 0 0 0 1.5%; }
  @media (max-width: 767px) {
    .input-birthdate__month {
      flex: 1;
      width: 44%; } }

.input-birthdate__year {
  width: 17%;
  margin: 0 0 0 1.5%; }
  @media (max-width: 767px) {
    .input-birthdate__year {
      flex: 1;
      width: 27%; } }

/*
    Birthdate dropdowns
    -------------------
    Styling for the birthday dropdowns. The component uses 3 dropdowns next to eachother
*/
.form-group__label--login-screen-myvd {
  width: calc((94% - 300px)/2); }
  @media (max-width: 767px) {
    .form-group__label--login-screen-myvd {
      width: 100%; } }

.form-group__user-email,
.form-group__user-password {
  width: 300px; }
  @media (max-width: 767px) {
    .form-group__user-email,
    .form-group__user-password {
      width: 100%; } }

/*
    20. Custom dropdown / expander
    ==============================
    + Expander
    |- Inner container (shrinkwrap for secondary content and button)
    |   |- Menu toggle (button to expand or collapse)
    |   |- Menu (secondary content container)
    |   |   |- ul (secondary content)
*/
/*
    Expander //  The general styling for dropdowns that expand, using a toggle.
    Add class ".expanded" to this element to open it.
 */
.expander {
  display: inline-block;
  position: relative;
  font-size: 1rem;
  background-color: #fff;
  vertical-align: top;
  width: 100%; }

/*
    The button that toggles the menu list visibility
 */
.expander .menu-toggle {
  position: relative;
  width: 100%;
  border: 0 none;
  padding: 0 36px;
  font-size: .875em;
  border-radius: 0;
  font-weight: 300;
  text-align: left;
  color: #2a252a;
  background: transparent;
  vertical-align: middle; }
  @media (max-width: 767px) {
    .expander .menu-toggle {
      padding: 0 36px 0 46px; } }

/*
    The icon placeholder for the dropdown 'category',
    to be set based on additional class, e.g. ".duration"
 */
.expander .menu-toggle::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 36px;
  height: 44px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.1rem;
  content: ""; }
  @media (max-width: 767px) {
    .expander .menu-toggle::before {
      width: 40px; } }
  .travel-selection-menu .expander .menu-toggle::before {
    height: 100%; }

.filter-option .expander .menu-toggle::before {
  height: 40px; }

.vd-input .expander .menu-toggle.icon-flag::before {
  width: 46px;
  background-size: 2rem; }

.expander.destination .menu-toggle:not(.icon-flag)::before,
.filter-option .expander.destination .menu-toggle::before {
  background-image: url("/atomic/images/icon-mapmarker.png");
  background-image: url("/atomic/images/icon-mapmarker.svg");
  background-size: .9rem; }

.expander.departure .menu-toggle::before {
  background-image: url("/atomic/images/icon-calendar.png");
  background-image: url("/atomic/images/icon-calendar.svg");
  background-size: 17px 17px; }
  .travel-selection-menu .expander.departure .menu-toggle::before {
    background-position: 12px 29px; }

.expander.duration .menu-toggle::before {
  background-image: url("/atomic/images/icon-duration.png");
  background-image: url("/atomic/images/icon-duration.svg");
  background-size: 1.3rem; }
  .travel-selection-menu .expander.duration .menu-toggle::before {
    background-size: 17px;
    background-position: 8px 12px; }

.expander.party .menu-toggle::before {
  background-image: url("/atomic/images/icon-party.png");
  background-image: url("/atomic/images/icon-party.svg");
  background-size: 1.2rem; }
  .travel-selection-menu .expander.party .menu-toggle::before {
    background-size: 17px;
    background-position: 12px 29px; }

.expander.board .menu-toggle::before {
  background-image: url(/atomic/images/icon-cutlery.svg); }
  .travel-selection-menu .expander.board .menu-toggle::before {
    background-size: 17px;
    background-position: 12px 29px; }

.expander.airport .menu-toggle::before {
  background-image: url("/atomic/images/icon-plane.png");
  background-image: url("/atomic/images/icon-plane.svg");
  background-size: 21px 18px; }
  .travel-selection-menu .expander.airport .menu-toggle::before {
    background-size: 17px;
    background-position: 12px 29px; }

@media (hover: hover) and (pointer: fine) {
  .search-header .menu-toggle:hover .toggle-value,
  .travel-selection-menu .menu-toggle:hover .toggle-value {
    color: #6ac2fc; } }

@media (max-width: 767px) {
  .search-box .expander {
    display: block;
    width: 100%;
    height: 44px; } }

.search-box .expander .menu-toggle {
  height: 44px; }

.search-box .expander .menu-toggle::before {
  opacity: .75; }

.expander .menu-toggle span {
  display: block;
  max-width: 100%;
  font-size: .875rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

.search-box .expander .menu-toggle span {
  line-height: 44px; }
  @media (max-width: 767px) {
    .search-box .expander .menu-toggle span {
      line-height: 3; } }

.search-box .expander .menu-toggle .toggle-title {
  display: none; }

/*
 *  When the toggle is disable
 */
.expander .menu-toggle.disabled {
  cursor: default; }

.expander .menu-toggle.disabled::after {
  display: none; }

/*
 *  The chevron icon; set width and background-image per context!
 */
.expander .menu-toggle::after {
  position: absolute;
  top: 0;
  right: 0;
  width: 36px;
  height: 100%;
  background-image: url("/atomic/images/icon-chevron-down-pink.svg");
  background-image: url("/atomic/images/icon-chevron-down-pink.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px 9px;
  content: ""; }

/*
 *  Initially hidden, to be shown when ".expanded" is added to parent element
 */
.expander .menu {
  display: none;
  position: relative;
  padding: .8rem 0;
  font-size: 1rem;
  background: #fff;
  -webkit-overflow-scrolling: touch; }

.travel-selection-menu .expander .menu {
  padding: .8rem; }

/* ===================================
*  when the drop down expander is open
*  - starts with .expander.expanded
*  ===================================
*/
.expander.expanded .menu-toggle {
  border-bottom: 1px solid #b7deff;
  background-color: #f9fcff; }

.expander.expanded .menu-toggle::after {
  background-image: url("/atomic/images/icon-chevron-up.png");
  background-image: url("/atomic/images/icon-chevron-up.svg"); }

.expander.expanded .menu {
  display: block;
  opacity: 1; }

.expander.expanded .inner-container {
  position: absolute;
  width: auto;
  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  z-index: 21; }
  @media (min-width: 1024px) {
    .expander.expanded .inner-container {
      min-width: 101%; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .expander.expanded .inner-container {
      min-width: 101%; } }
  @media (max-width: 767px) {
    .expander.expanded .inner-container {
      width: 100%; } }

.search-box .expander.expanded .inner-container {
  top: -1px;
  left: -1px;
  border: 1px solid #b7deff;
  background-color: #fff; }
  @media (max-width: 767px) {
    .search-box .expander.expanded .inner-container {
      width: calc(100% + 2px); } }

.expander.expanded .inner-container.long-list::after {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60px;
  background-image: url("/atomic/images/bg-fader-bottom.png");
  background-repeat: repeat-x;
  background-size: contain;
  content: "";
  pointer-events: none; }

.expander.expanded .inner-container.long-list .menu > *:last-child {
  padding-bottom: 60px; }

/* =======================================================
*
*  Styling applied over the default styling in detail page
*  - starts with .travel-selection-menu
*
*  =======================================================
*/
.travel-selection-menu {
  width: 100%;
  margin-top: 1.7rem;
  font-size: 0; }
  @media (max-width: 767px) {
    .travel-selection-menu {
      margin-top: 1.5rem; } }

.travel-selection-menu .picker {
  display: inline-block;
  position: relative;
  width: 25%;
  margin: 0;
  vertical-align: top; }
  @media (max-width: 767px) {
    .travel-selection-menu .picker {
      display: block;
      position: relative;
      width: 100%;
      max-width: 340px;
      height: 55px;
      margin: 0 auto; } }

.travel-selection-menu .picker + .picker {
  margin: 0 0 0 -1px; }
  @media (max-width: 767px) {
    .travel-selection-menu .picker + .picker {
      margin: -1px auto 0; } }

.travel-selection-menu .expander .menu-toggle {
  width: 100%;
  border: 1px solid #b7deff;
  padding: .35rem .8rem .375rem 0;
  transition: background-color ease-out 250ms;
  transition: width ease-out 100ms;
  text-align: left;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: 95% 70%;
  background-position: .5rem 1.8rem;
  background-size: .85rem; }
  @media (max-width: 767px) {
    .travel-selection-menu .expander .menu-toggle {
      height: 55px; } }

.travel-selection-menu .toggle-title {
  display: block;
  padding-left: 2.65rem;
  font-size: .8rem;
  font-weight: 300;
  color: #97aeba; }

.travel-selection-menu .expander .menu-toggle.active {
  background-color: #f9fcff; }

.travel-selection-menu .expander.expanded .menu {
  border-bottom: none;
  margin: -1px 0 0;
  max-height: 420px;
  overflow-y: scroll; }

.travel-selection-menu .menu-toggle::after {
  background-image: url(/atomic/images/icon-chevron-down-blue.svg); }

.travel-selection-menu .inner-container .menu-toggle::after {
  background-position: center 70%; }

.travel-selection-menu .toggle-value {
  width: 90%;
  padding-right: 0;
  padding-left: 2.65rem;
  font-size: .875rem;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #384b65;
  overflow: hidden; }

/* ======================================================
*  Unavailable list items in the dropdowns on detail page
*  ======================================================
*  + will apply over the list items that are unavailable
   + used in .expander.transport
             .expander.board
             .expander.duration
*/
.travel-selection-menu li.unavailable {
  color: #b0c4cf; }
  .travel-selection-menu li.unavailable input[type="checkbox"] {
    display: none; }
    .travel-selection-menu li.unavailable input[type="checkbox"] + .checkbox {
      background-image: url("/atomic/images/form-checkbox-inactive.png");
      background-image: url("/atomic/images/form-checkbox-inactive.svg"); }
    .travel-selection-menu li.unavailable input[type="checkbox"]:checked + .checkbox {
      background-image: url("/atomic/images/form-checkbox-checked.png");
      background-image: url("/atomic/images/form-checkbox-checked.svg"); }

.expander .menu-controls {
  padding: 1em; }

.travel-selection-menu .menu-controls {
  margin: 1rem 1rem .2rem;
  padding: 0; }
  .travel-selection-menu .menu-controls button {
    width: 100%; }
    .travel-selection-menu .menu-controls button + button {
      margin-top: 1rem; }

.panel-selection {
  width: 100%;
  margin-bottom: .4rem;
  border-bottom: 1px solid #bdd7e5;
  padding: .6rem .6rem 0;
  white-space: nowrap; }
  .panel-selection a {
    cursor: pointer; }
  .panel-selection li {
    display: inline-block;
    position: relative;
    padding: .8rem .6rem .4rem;
    vertical-align: bottom; }
    .panel-selection li:first-child.tab-small {
      margin-left: 0; }
    .panel-selection li:not(.active) {
      font-weight: 500;
      color: #37b0f2;
      cursor: pointer; }
    .panel-selection li.tab-small {
      margin-left: 9px;
      padding: 0; }
      .panel-selection li.tab-small + .active {
        margin-left: 9px; }
      .panel-selection li.tab-small a {
        width: 30px;
        padding: 9px;
        text-align: center; }
    .panel-selection li.active {
      margin-bottom: -1px;
      background-color: transparent;
      overflow: hidden; }
      .panel-selection li.active::before {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 4px;
        font-size: 0;
        background: #b8e3ff;
        content: ""; }
      .panel-selection li.active .panel-close {
        display: inline-block; }
    .panel-selection li .panel-close {
      display: none;
      width: 20px;
      height: 20px;
      margin-left: .4rem;
      border: 1px solid #d7e7ef;
      line-height: 1;
      border-radius: 100%;
      font-weight: 300;
      color: #90a8b5;
      background: #fff;
      vertical-align: baseline; }
    .panel-selection li a {
      display: inline-block;
      font-size: .8125em;
      text-transform: uppercase; }

.multiple-panels.show-panel-1 .panel:not(.panel-1) {
  display: none; }

.multiple-panels.show-panel-2 .panel:not(.panel-2) {
  display: none; }

.multiple-panels.show-panel-3 .panel:not(.panel-3) {
  display: none; }

.multiple-panels .panel-selection {
  display: block; }

.transport-arranged__tooltip-toggle {
  display: block;
  position: absolute;
  top: 10px;
  right: 16px;
  width: 20px !important;
  height: 20px !important;
  background-image: url(/atomic/images/icon-info-tooltip.png);
  background-image: url(/atomic/images/icon-info-tooltip.svg);
  background-repeat: no-repeat;
  background-size: 20px;
  cursor: pointer; }
  .transport-arranged__tooltip-toggle .transport-arranged__tooltip {
    display: none;
    position: absolute;
    top: -120px;
    left: -210px;
    width: 240px;
    height: 110px;
    padding: 15px 10px;
    font-size: .875rem;
    line-height: 1.2;
    border-radius: 4px;
    font-weight: 300;
    color: #555455;
    background-color: white;
    background-position: right center;
    -webkit-box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.15);
    cursor: pointer; }
    .transport-arranged__tooltip-toggle .transport-arranged__tooltip::after {
      position: absolute;
      top: 100%;
      width: 0;
      height: 0;
      border: solid transparent;
      content: " ";
      pointer-events: none; }
    .transport-arranged__tooltip-toggle .transport-arranged__tooltip::after {
      left: 92%;
      margin-left: -8px;
      border-width: 8px;
      border-color: rgba(255, 255, 255, 0);
      border-top-color: #fff; }
    .transport-arranged__tooltip-toggle .transport-arranged__tooltip > * {
      color: #555455;
      pointer-events: none; }
    .transport-arranged__tooltip-toggle .transport-arranged__tooltip .close {
      display: none;
      position: absolute;
      top: -15px;
      right: -2px;
      width: 24px;
      height: 24px;
      border-radius: 100%;
      text-align: center;
      background: #ffeded; }
  @media (hover: hover), (pointer: fine) {
    .transport-arranged__tooltip-toggle:hover {
      background-image: url(/atomic/images/icon-info-tooltip-active.png);
      background-image: url(/atomic/images/icon-info-tooltip-active.svg); }
      .transport-arranged__tooltip-toggle:hover .transport-arranged__tooltip {
        display: block; } }

.travel-selection-menu .expanded .menu {
  display: block;
  height: auto;
  border: 1px solid #b7deff;
  padding: .8rem 0;
  font-size: 1rem;
  background: #fff;
  opacity: 1;
  z-index: 21; }
  .travel-selection-menu .expanded .menu + .picker__sticky-footer {
    z-index: 22; }
  @media (max-width: 767px) {
    .travel-selection-menu .expanded .menu {
      width: 100%; } }

/* ==========================================================================
*  Imports to the drop downs from the search header in verticals and themes
*  ==========================================================================
*  - import other drop-down's and refactor
*/
/*
    Destination selector - Drop down
    ================================
    + Applies styling for the destination selector drop down component.
    + Imported in _drop-down__component
*/
.expander.destination #destination-input {
  height: 43px;
  border: 0;
  padding: 0;
  font-size: .875rem;
  line-height: 44px;
  background: transparent; }
  .expander.destination #destination-input:focus {
    border: 0;
    outline: none; }

.expander.destination .search-facets {
  display: block;
  float: left;
  width: 100%;
  padding: 0 1rem; }
  .expander.destination .search-facets li {
    float: left;
    margin: 0 .5rem .5rem 0; }
    .expander.destination .search-facets li:first-child {
      margin-left: 0; }
    .expander.destination .search-facets li a {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden; }

.expander.destination .menu-toggle.icon-flag {
  padding: 0 36px 0 46px; }

.expander.destination .menu-toggle.multi-country::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 36px;
  height: 100%;
  background-image: url("/atomic/images/icon-mapmarker-darkblue.svg");
  background-image: url("/atomic/images/icon-mapmarker-darkblue.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: .9rem;
  background-size: 1.1rem;
  content: "";
  opacity: .75; }

.expander.destination .menu-toggle.multi-country > span {
  display: inline-block; }
  .expander.destination .menu-toggle.multi-country > span:first-of-type {
    margin-right: 4px; }

.expander.destination .menu {
  max-height: 420px;
  padding: 0;
  overflow-y: scroll; }

.expander.destination .country-list a {
  width: 100%; }

.expander.destination hr {
  display: none;
  margin: 0;
  border: 0;
  border-top: 1px dashed #bdd7e5;
  padding: 0; }

.country-list {
  padding-bottom: .8rem; }
  .country-list a {
    display: block;
    position: relative;
    padding: 8px 1.5rem 8px 1rem;
    font-weight: 400;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    overflow: hidden; }
    @media (hover: hover), (pointer: fine) {
      .country-list a:hover {
        background-color: #dcf1fe; } }
    .country-list a:active {
      color: #000; }
    .country-list a.icon-flag {
      padding-left: 66px; }
      .country-list a.icon-flag::before {
        width: 66px;
        background-position: 16px 8px;
        background-size: 36px 24px; }

.picker__dropdown__caption {
  clear: both;
  font-size: .75em;
  font-weight: 400;
  text-transform: uppercase;
  color: #90a8b5;
  background-color: #edf8ff;
  width: 100%;
  padding: .8rem 1rem; }
  .filter-option .picker__dropdown__caption {
    background-color: unset;
    font-weight: 500;
    padding: 0; }

.search-box .picker--destination.region .menu-toggle, .search-box .picker--destination.country .menu-toggle, .search-box .picker--destination.city .menu-toggle {
  padding-left: 7px; }

.search-box .picker--destination.selected::before {
  display: none; }

@media (min-width: 1024px) {
  .search-box .picker--destination {
    width: 21.354%;
    min-width: 205px; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .search-box .picker--destination {
    width: 40.5%; } }

@media (min-width: 1024px) {
  .search-box.search-box--without-transport-toggle .picker--destination {
    width: 18%;
    min-width: 169px; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .search-box.search-box--without-transport-toggle .picker--destination {
    width: calc((100% - 2px) / 3); } }

/*
    Departure date selector - Drop down
    ===================================
    + Applies styling for the calendar component drop down component.
    + Imported in _drop-down__component

*/
.flexible-calendar-menu,
.expander.departure.expanded .menu {
  top: 0;
  left: 0;
  width: 320px;
  padding-right: .8rem;
  padding-left: .8rem;
  overflow: visible;
  display: block;
  margin: 0 auto; }
  @media (max-width: 767px) {
    .flexible-calendar-menu,
    .expander.departure.expanded .menu {
      width: 100%; }
      .page-detail .flexible-calendar-menu, .page-detail
      .expander.departure.expanded .menu {
        padding-top: .8rem; } }

.datepicker {
  width: 295px;
  margin-right: auto;
  margin-left: auto;
  background-color: #fff; }

@media (max-width: 440px) {
  .travel-selection-menu .datepicker {
    width: 100%; } }

.datepicker .monthpicker {
  text-align: center; }
  .datepicker .monthpicker > * {
    vertical-align: top; }

.monthpicker .nav-left {
  background-image: url(/atomic/images/icon-chevron-left.png);
  background-image: url(/atomic/images/icon-chevron-left.svg);
  left: 1rem; }

.monthpicker .nav-right {
  background-image: url(/atomic/images/icon-chevron-right.png);
  background-image: url(/atomic/images/icon-chevron-right.svg);
  right: 1rem; }

.monthpicker button {
  font-size: 0;
  position: absolute;
  width: 2rem;
  height: 2.2rem;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 11px 16px; }

.monthpicker .current-month {
  display: inline-block;
  position: relative;
  width: 70%;
  border: 1px solid #b7deff;
  padding: .5rem 1rem .4rem;
  cursor: pointer; }
  .monthpicker .current-month.has-future {
    background-image: url(/atomic/images/icon-chevron-down-blue.png);
    background-image: url(/atomic/images/icon-chevron-down-blue.svg);
    background-repeat: no-repeat;
    background-position: .5rem 1.8rem;
    background-position: 95% .9rem;
    background-size: 13px 9px; }
    .monthpicker .current-month.has-future.expanded {
      background-image: url(/atomic/images/icon-chevron-up.png);
      background-image: url(/atomic/images/icon-chevron-up.svg); }

.datepicker .future-months {
  position: absolute;
  top: 38px;
  left: -1px;
  width: 101%;
  border: 1px solid #b7deff;
  background-color: white;
  z-index: 1; }
  .datepicker .future-months a {
    display: block;
    padding: .5rem 1rem .4rem;
    cursor: pointer; }
    @media (hover: hover), (pointer: fine) {
      .datepicker .future-months a:hover {
        background: #dbf1ff; } }
    .datepicker .future-months a + a {
      border-top: 1px dashed #b7deff; }

.datepicker .dates {
  font-size: 0; }

.datepicker .dates.days .date {
  border: 0 none;
  font-size: .75rem;
  text-transform: uppercase; }
  .datepicker .dates.days .date:hover {
    background: transparent;
    cursor: default; }

.datepicker .date {
  display: inline-block;
  width: 2.6rem;
  height: 2.6rem;
  border-right: 1px solid #b7deff;
  border-bottom: 1px solid #b7deff;
  border-left: 1px solid #b7deff;
  font-size: 1rem;
  line-height: 2.6rem;
  font-weight: 400;
  text-align: center;
  color: #384b65;
  cursor: pointer; }

.datepicker .date + .date, .datepicker .date:first-child {
  border-left: 0 none; }

.datepicker .date:nth-child(7n) {
  border-right: 0 none; }

.datepicker .date:last-child {
  border-right: 0 none; }

.datepicker .date.last {
  border-bottom: 0 none; }

@media (hover: hover), (pointer: fine) {
  .datepicker .date:hover {
    background: #dbf1ff; } }

.datepicker .date.dummy {
  border: 0 none;
  font-size: 0;
  color: #fff;
  vertical-align: top; }
  .datepicker .date.dummy:hover {
    background: #fff;
    cursor: default; }
  .datepicker .date.dummy + .date {
    border-left: 1px solid solid #b7deff; }

.datepicker .date.disabled {
  color: #dbe5e9;
  background: #eaf7ff; }
  @media (hover: hover), (pointer: fine) {
    .datepicker .date.disabled:hover {
      background: #eaf7ff;
      cursor: default; } }

.datepicker .date.current {
  font-weight: 800; }
  @media (hover: hover), (pointer: fine) {
    .datepicker .date.current:hover {
      background: #dbf1ff; } }

.datepicker .date.selected, .datepicker .date.selected.current {
  font-weight: 600;
  color: #fff;
  background: #37b0f2; }
  @media (hover: hover), (pointer: fine) {
    .datepicker .date.selected:hover, .datepicker .date.selected.current:hover {
      background: #0d8bcf; } }

.datepicker .date-flexibility h2 {
  height: 2.2rem;
  font-size: 16px;
  line-height: 2.6;
  font-weight: 400;
  color: #384b65; }

.datepicker .date-flexibility label input,
.datepicker .date-flexibility label span {
  vertical-align: middle; }

.datepicker .date-flexibility label + label {
  margin-left: 10px; }

.datepicker .date-flexibility label span {
  height: 100%;
  padding: 5px 0 5px 5px; }

.datepicker .date-flexibility label input[type="radio"] {
  display: none; }
  .datepicker .date-flexibility label input[type="radio"] + .radio {
    position: relative;
    top: 0;
    width: 18px;
    height: 18px; }

.expander.departure .panel-selection {
  text-align: center; }
  .expander.departure .panel-selection li {
    font-size: .875rem; }

@media (max-width: 384px) {
  .expander.departure.expanded > .inner-container {
    position: absolute;
    left: 50%;
    width: 320px;
    max-width: 320px;
    margin-left: -160px; } }

.expander.departure.expanded .menu .error .inner-container {
  border: 1px solid #f54f4f;
  background-color: #fff9f9; }

.expander.departure.expanded .menu .error .expanded .inner-container {
  border: 1px solid #b7deff; }
  .expander.departure.expanded .menu .error .expanded .inner-container .current-month {
    color: #33373d; }

.select-depart-and-return > p:not(.warning) {
  padding: .125rem 0 1rem; }
  @media (max-width: 767px) {
    .select-depart-and-return > p:not(.warning) {
      padding: .125rem 0; } }

@media (min-width: 768px) {
  .select-depart-and-return > div {
    margin-bottom: 1rem; } }

@media (max-width: 767px) {
  .select-depart-and-return .btn {
    margin-top: 1rem; } }

.select-depart-and-return p.warning {
  margin-top: -.5rem;
  margin-bottom: .5rem;
  text-align: center; }
  @media (max-width: 767px) {
    .select-depart-and-return p.warning {
      margin-top: .5rem;
      margin-bottom: -.5rem; } }
  .select-depart-and-return p.warning > span {
    display: block;
    width: 100%;
    padding: .3rem 0;
    font-size: 12px;
    text-align: center;
    background: #fff9cb; }

.select-depart-and-return .date-selection {
  position: relative;
  width: 100%;
  height: 46px; }
  @media (max-width: 767px) {
    .select-depart-and-return .date-selection {
      height: 90px; } }
  .select-depart-and-return .date-selection > span {
    float: left;
    width: 70px;
    height: 46px;
    line-height: 46px;
    color: #90a8b5; }
  .select-depart-and-return .date-selection .expander.departure {
    float: right;
    width: 215px; }
    .select-depart-and-return .date-selection .expander.departure .inner-container {
      background-color: #fff;
      border: 1px solid #b7deff;
      height: 44px;
      left: initial;
      min-width: 215px;
      -webkit-box-shadow: initial;
      -moz-box-shadow: initial;
      box-shadow: initial; }
      .select-depart-and-return .date-selection .expander.departure .inner-container .toggle-value {
        line-height: 44px; }
      .select-depart-and-return .date-selection .expander.departure .inner-container.disabled {
        background-color: #eee; }
        .select-depart-and-return .date-selection .expander.departure .inner-container.disabled .menu-toggle {
          cursor: default; }
          .select-depart-and-return .date-selection .expander.departure .inner-container.disabled .menu-toggle .toggle-value {
            color: #b0c4d8; }
          .select-depart-and-return .date-selection .expander.departure .inner-container.disabled .menu-toggle::after {
            background-image: url("/atomic/images/icon-chevron-down.png");
            background-image: url("/atomic/images/icon-chevron-down.svg"); }
      .select-depart-and-return .date-selection .expander.departure .inner-container .menu-toggle {
        border-bottom: none;
        background-color: initial; }
        .select-depart-and-return .date-selection .expander.departure .inner-container .menu-toggle::after {
          background-image: url("/atomic/images/icon-chevron-down-pink.png");
          background-image: url("/atomic/images/icon-chevron-down-pink.svg"); }
    .select-depart-and-return .date-selection .expander.departure.expanded {
      z-index: 22; }
      .select-depart-and-return .date-selection .expander.departure.expanded .inner-container {
        height: unset; }
      .select-depart-and-return .date-selection .expander.departure.expanded .menu-toggle {
        border-bottom: 1px solid #b7deff;
        background-color: #f9fcff; }
        .select-depart-and-return .date-selection .expander.departure.expanded .menu-toggle::after {
          background-image: url("/atomic/images/icon-chevron-up.png");
          background-image: url("/atomic/images/icon-chevron-up.svg"); }
    @media (max-width: 767px) {
      .select-depart-and-return .date-selection .expander.departure {
        width: 100%; } }
    @media (max-width: 408px) {
      .select-depart-and-return .date-selection .expander.departure.expanded.departure .inner-container {
        left: 50%;
        width: 320px;
        margin-left: -160px; } }
  .select-depart-and-return .date-selection .toggle-title {
    display: none; }

@media (min-width: 1024px) {
  .search-box .picker--date {
    width: 14.6%;
    min-width: 140px; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .search-box .picker--date {
    width: 29.5%; } }

@media (min-width: 1024px) {
  .search-box.search-box--without-transport-toggle .picker--date {
    width: 16%;
    min-width: 150px; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .search-box.search-box--without-transport-toggle .picker--date {
    width: calc((100% - 2px) / 3); } }

@media (max-width: 440px) {
  .travel-selection-menu .datepicker .date {
    width: 14.285714286%; } }

/*
    Party selector - Drop down
    ==========================
    + Applies styling for the party selector drop down component.
    + Imported in _drop-down__component

*/
@media (min-width: 1024px) {
  .search-box .picker--party {
    width: 17.5%;
    min-width: 165px; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .search-box .picker--party {
    width: 40.5%;
    height: 44px;
    margin-top: .5rem; } }

@media (min-width: 1024px) {
  .search-box.search-box--without-transport-toggle .picker--party {
    width: 15%;
    min-width: 140px; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .search-box.search-box--without-transport-toggle .picker--party {
    width: calc((100% - 13px) / 3); } }

.search-box .expander.party .menu-controls {
  padding: 1rem; }

.expander.party.expanded .menu {
  padding: 0; }

.expander.party.expanded .panel-selection {
  white-space: nowrap; }
  .expander.party.expanded .panel-selection .btn.btn--theme--secondary {
    padding: 0; }

.expander.party.expanded.multiple-panels {
  padding: .8rem; }

.expander.party p.warning {
  padding: 0 .3rem;
  font-size: 12px;
  text-align: center; }
  .expander.party p.warning > span {
    display: block;
    width: 100%;
    margin-top: .5rem;
    padding: .3rem 0;
    font-size: 12px;
    text-align: center;
    background: #fff9cb; }
    .expander.party p.warning > span span {
      display: block;
      width: 100%; }

@media (min-width: 1024px) {
  .page-search-results .expander.party {
    width: 17.5%;
    min-width: 170px; }
  .expander.party.expanded .inner-container {
    min-width: 260px; } }

.party-selection-menu .room > div:not(.range-selection-wrapper):not(.child-age) {
  margin: 0 .8rem;
  padding: .8rem 0;
  font-size: 0;
  vertical-align: middle; }
  .party-selection-menu .room > div:not(.range-selection-wrapper):not(.child-age):not(:last-of-type) {
    border-bottom: 1px dashed #88cbea; }
  .party-selection-menu .room > div:not(.range-selection-wrapper):not(.child-age) label {
    display: inline-block;
    width: 75%;
    font-size: 1rem; }
    .party-selection-menu .room > div:not(.range-selection-wrapper):not(.child-age) label span {
      display: block; }
      .party-selection-menu .room > div:not(.range-selection-wrapper):not(.child-age) label span:first-child {
        font-size: 1em; }
      .party-selection-menu .room > div:not(.range-selection-wrapper):not(.child-age) label span:last-child {
        font-size: .75em;
        line-height: 1rem;
        color: #90a8b5; }
  .party-selection-menu .room > div:not(.range-selection-wrapper):not(.child-age).active {
    margin: 0;
    padding: .8rem;
    background: #edf8ff; }
    .party-selection-menu .room > div:not(.range-selection-wrapper):not(.child-age).active label span:first-child {
      font-weight: 500;
      color: #0079bb; }
    .party-selection-menu .room > div:not(.range-selection-wrapper):not(.child-age).active label span:last-child {
      color: #a3bcd9; }
  .party-selection-menu .room > div:not(.range-selection-wrapper):not(.child-age) select {
    display: inline-block;
    width: 24%;
    margin: .4rem 0;
    font-size: 1rem;
    vertical-align: top; }

.travel-selection-menu .party .menu-controls {
  margin: 1rem; }

.party .extra-option {
  min-width: 100%;
  margin-top: .5rem;
  padding: 0 0.8rem .125rem 0.8rem;
  text-align: center; }
  .party .extra-option .btn.btn--theme--secondary,
  .party .extra-option .secondary {
    display: inline-block;
    padding: 0 0 0 1.625rem;
    position: relative;
    font-size: .875rem; }
    .party .extra-option .btn.btn--theme--secondary::before,
    .party .extra-option .secondary::before {
      margin: 0 .5rem 0 .25rem;
      font-size: 1.25rem;
      font-weight: 800;
      content: "+"; }
    .party .extra-option .btn.btn--theme--secondary::after,
    .party .extra-option .secondary::after {
      display: inline-block;
      position: absolute;
      top: 6px;
      left: 0;
      width: 22px;
      height: 22px;
      background-image: url("/atomic/images/icon-bed-blue.svg");
      background-image: url("/atomic/images/icon-bed-blue.png");
      background-repeat: no-repeat;
      background-position: center;
      background-size: 21px 21px;
      content: ""; }

/*
    Acco service selector - Drop down
    =================================
    + Applies styling for the acco service selector drop down component.
    + Imported in _drop-down__component


*/
.expander.board .inner-container {
  right: 0; }

/*
    Travel transport selector - Drop down
    =====================================
    + Applies styling for the travel transport selector drop down component.
    + Imported in _drop-down__component

*/
.expander.transport.transport-arranged .menu-toggle::before {
  background-image: url(/atomic/images/icon-plane.png);
  background-image: url(/atomic/images/icon-plane.svg);
  background-size: 17px 17px; }
  .travel-selection-menu .expander.transport.transport-arranged .menu-toggle::before {
    background-position: 12px 28px; }

.expander.transport.transport-own .menu-toggle::before {
  background-image: url(/atomic/images/icon-car.png);
  background-image: url(/atomic/images/icon-car.svg);
  background-size: 17px; }
  .travel-selection-menu .expander.transport.transport-own .menu-toggle::before {
    background-position: 12px 29px; }

.expander.transport.transport-arranged .transport-own {
  display: none; }

.expander.transport.transport-arranged.expanded .menu {
  max-height: unset;
  width: 250px; }
  @media (max-width: 767px) {
    .expander.transport.transport-arranged.expanded .menu {
      width: 100%; } }

.expander.transport.transport-own .transport-arranged {
  display: none; }

.expander.transport.transport-own.expanded .menu {
  width: 250px; }
  @media (max-width: 767px) {
    .expander.transport.transport-own.expanded .menu {
      width: 100%; } }

.expander.transport.expanded .menu {
  padding-right: 0;
  padding-left: 0;
  overflow: hidden; }

.expander.transport .panels {
  display: block;
  width: 500px;
  font-size: 0;
  -webkit-transition: margin 200ms ease-out;
  transition: margin 200ms ease-out; }
  @media (max-width: 767px) {
    .expander.transport .panels {
      width: 200%; } }

.expander.transport .panel {
  display: inline-block;
  width: 250px;
  font-size: 1rem;
  vertical-align: top; }
  .expander.transport .panel.transport-own p {
    font-size: 1rem;
    color: #384b65; }
  .expander.transport .panel p {
    margin-bottom: .5rem;
    padding: 0 1rem;
    font-size: .75em;
    color: #90a8b5; }
  @media (max-width: 767px) {
    .expander.transport .panel {
      width: 50%; } }

.expander.transport .menu-controls {
  bottom: 0;
  left: 0; }

.expander.transport li.unavailable {
  color: #b0c4cf; }
  .expander.transport li.unavailable label {
    font-weight: 300;
    cursor: default; }

.transport-own .transport-own--caption,
.expander.transport .panel.transport-own .transport-own--caption {
  margin: 1rem;
  padding: 0; }

.panel-selection--transport {
  display: block;
  height: 40px;
  border: 0 none;
  padding: 0 1rem; }
  .picker__fullscreen .panel-selection--transport {
    margin: 1rem 0; }
  .panel-selection--transport li {
    display: inline-block;
    width: 50%;
    height: 100%;
    border: 0 none;
    padding: 0;
    vertical-align: middle; }
    .panel-selection--transport li label {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      width: 100%;
      height: 100%;
      border: 1px solid #b7deff;
      font-size: 12px;
      font-weight: 400;
      background-color: #fff; }
      .panel-selection--transport li label:before {
        background-repeat: no-repeat;
        background-position: center;
        background-size: 1.1rem;
        content: "";
        display: inline-flex;
        height: 38px;
        width: 30px; }
      @media (hover: hover), (pointer: fine) {
        .panel-selection--transport li label:hover {
          background-color: #f4f9ff;
          cursor: pointer; } }
      @media (max-width: 767px) {
        .panel-selection--transport li label {
          font-size: 14px; } }
    .panel-selection--transport li:first-child {
      width: 47%;
      border-radius: 6px 0 0 6px; }
      .panel-selection--transport li:first-child label {
        border-right: none;
        border-radius: 6px 0 0 6px; }
    .panel-selection--transport li:last-child {
      width: 53%;
      border-radius: 0 6px 6px 0; }
      .panel-selection--transport li:last-child label {
        border-left: 1px solid #b7deff;
        border-radius: 0 6px 6px 0; }
    .panel-selection--transport li.active {
      margin: 0;
      color: white; }
      .panel-selection--transport li.active::before {
        display: none;
        content: ""; }
      .panel-selection--transport li.active label {
        border: 1px solid #37b0f2;
        background-color: #37b0f2; }
      .panel-selection--transport li.active + li label {
        border-left: none; }
    .panel-selection--transport li.disabled {
      margin: 0;
      color: #1dadea;
      cursor: default; }
      .panel-selection--transport li.disabled::before {
        display: none;
        content: ""; }
      .panel-selection--transport li.disabled label {
        border: 1px solid #1dadea;
        background-size: 1.1rem;
        cursor: default;
        opacity: .2; }
    .panel-selection--transport li.panel-transport-arranged label:before {
      background-image: url(/atomic/images/icon-plane-blue.png);
      background-image: url(/atomic/images/icon-plane-blue.svg); }
    .panel-selection--transport li.panel-transport-arranged.active label:before {
      background-image: url(/atomic/images/icon-plane-white.png);
      background-image: url(/atomic/images/icon-plane-white.svg); }
    .panel-selection--transport li.panel-transport-own label:before {
      background-image: url(/atomic/images/icon-car-blue.png);
      background-size: 1rem;
      background-image: url(/atomic/images/icon-car-blue.svg); }
    .panel-selection--transport li.panel-transport-own.active label:before {
      background-image: url(/atomic/images/icon-car-white.png);
      background-image: url(/atomic/images/icon-car-white.svg); }

@media (min-width: 1024px) {
  .search-box .picker--airport {
    width: 17%;
    min-width: 163px; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .search-box .picker--airport {
    width: calc((100% - 2px) / 3); } }

.search-box .picker--airport .expanded .inner-container {
  width: 290px; }

.search-box .picker--airport .expander.expanded .menu {
  max-height: 420px;
  overflow-y: scroll;
  padding: 1rem 0 0 0; }

/*
    Duration rage selector - Drop down
    ==================================
    + Applies styling for the duration range selector drop down component.
    + Imported in _drop-down__component
*/
#select-duration {
  height: auto;
  background-position: .5rem center; }

.travel-selection-menu .expander.duration {
  display: block;
  position: relative;
  width: auto;
  min-height: 40px;
  margin: 1rem auto;
  font-size: 0;
  text-align: center;
  background-color: transparent; }
  .travel-selection-menu .expander.duration > * {
    font-size: 1rem;
    text-align: left; }
  @media (max-width: 767px) {
    .travel-selection-menu .expander.duration {
      height: auto;
      margin: 1rem auto 0; } }

.travel-selection-menu .duration .duration-prefix {
  display: inline-block;
  margin-top: .4rem;
  margin-right: .75rem;
  vertical-align: top; }
  @media (max-width: 767px) {
    .travel-selection-menu .duration .duration-prefix {
      display: block;
      margin: 0 0 5px;
      font-size: .875rem;
      text-align: center; } }

.travel-selection-menu .duration .duration-bracket {
  display: inline-block;
  width: auto;
  margin: .4rem 0 0 .5rem;
  vertical-align: top; }
  @media (max-width: 767px) {
    .travel-selection-menu .duration .duration-bracket {
      display: block;
      position: relative;
      width: 100%;
      margin: 1rem 0 0;
      padding: 0;
      text-align: center; } }

.travel-selection-menu .duration .duration-menu-container {
  display: inline-block;
  position: relative; }
  .travel-selection-menu .duration .duration-menu-container.expanded .menu {
    position: absolute;
    top: 0;
    left: 0;
    width: 200px;
    padding-top: 34px; }

.travel-selection-menu .duration .duration-bracket > span {
  display: inline-block;
  float: left;
  margin-left: .5rem;
  padding-top: 2px;
  font-size: .875rem;
  font-weight: 500;
  color: #0079bb;
  vertical-align: top; }
  @media (max-width: 767px) {
    .travel-selection-menu .duration .duration-bracket > span {
      float: none; } }

.travel-selection-menu .duration .duration-bracket > ul {
  float: left; }
  .travel-selection-menu .duration .duration-bracket > ul > span {
    float: left; }
  @media (max-width: 767px) {
    .travel-selection-menu .duration .duration-bracket > ul {
      float: none; } }

.travel-selection-menu .duration .duration-bracket ul,
.travel-selection-menu .duration .duration-bracket li {
  display: inline-block; }

.travel-selection-menu .duration .duration-bracket li {
  margin-bottom: .3rem;
  color: #0079bb;
  vertical-align: top; }
  .travel-selection-menu .duration .duration-bracket li + li {
    margin-left: .2rem; }
  .travel-selection-menu .duration .duration-bracket li.unavailable {
    color: #b0c4cf; }
    .travel-selection-menu .duration .duration-bracket li.unavailable label {
      cursor: default; }

.travel-selection-menu .duration .duration-bracket label {
  position: relative;
  float: left;
  margin-left: .5rem;
  padding: 0;
  cursor: pointer;
  vertical-align: middle; }
  .travel-selection-menu .duration .duration-bracket label input[type="checkbox"] {
    display: none;
    position: absolute;
    left: .04rem;
    height: 100%;
    cursor: pointer; }
  .travel-selection-menu .duration .duration-bracket label span {
    display: inline-block;
    position: relative;
    float: left;
    height: 20px;
    padding-top: 2px;
    font-size: .875rem;
    line-height: 20px;
    font-weight: 500; }

.travel-selection-menu .duration button#select-duration {
  display: inline-block;
  position: relative;
  width: 200px;
  padding-top: 0;
  padding-bottom: 0;
  border-radius: 0;
  background-position: 95% center; }
  .travel-selection-menu .duration button#select-duration.active {
    width: 200px; }
  .travel-selection-menu .duration button#select-duration .toggle-value {
    display: block;
    padding-top: .4rem;
    padding-bottom: .4rem;
    background-position: .5rem center; }

.travel-selection-menu .duration .expanded button#select-duration {
  z-index: 22; }

.search-box .expander.duration::before {
  background-image: url("/atomic/images/icon-duration.png");
  background-image: url("/atomic/images/icon-duration.svg");
  background-size: 1.3rem; }

.search-box .expander.duration .menu {
  padding: 0; }

.search-box .expander.duration ul {
  padding: .8rem 0; }

@media (min-width: 1024px) {
  .search-box .picker--duration {
    width: 15.625%;
    min-width: 150px; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .search-box .picker--duration {
    width: 29.5%; } }

@media (min-width: 1024px) {
  .search-box.search-box--without-transport-toggle .picker--duration {
    width: 13%;
    min-width: 125px; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .search-box.search-box--without-transport-toggle .picker--duration {
    width: calc((100% - 13px) / 3);
    margin: 0; } }

.duration-list label {
  display: block;
  position: relative;
  padding: 8px 1.5rem 8px 1rem;
  font-weight: 400;
  white-space: nowrap;
  color: #384b65;
  cursor: pointer; }
  .duration-list label input[type="radio"] {
    display: none; }
  @media (hover: hover), (pointer: fine) {
    .duration-list label:hover {
      background: #edf8ff; } }
  .duration-list label:active {
    color: #000; }

.modal__wrapper {
  background-color: rgba(32, 89, 126, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 120; }
  @media (max-width: 767px) {
    .modal__wrapper {
      padding: 5% 0; } }

.modal__dimmer {
  height: 100%;
  left: 0;
  overflow-x: hidden;
  overflow-y: auto;
  position: fixed;
  padding: 0;
  top: 0;
  width: 100%; }

.modal {
  background: #FFF;
  position: relative;
  padding: 2.5rem 3rem 3rem 3rem;
  text-align: left;
  max-width: 760px;
  background-color: #fff;
  -webkit-overflow-scrolling: touch; }
  @media (max-width: 767px) {
    .modal {
      width: 100%;
      left: auto;
      position: relative;
      padding: 1.25rem 1.25rem 2rem 1.25rem;
      height: 100%;
      max-height: initial; } }

.modal__header {
  left: 0;
  width: 100%;
  display: block;
  background-color: transparent;
  background-position: center bottom;
  background-size: 100% 100%;
  background-repeat: repeat-x;
  top: 0;
  background-image: url("/atomic/images/bg-fader-top.png");
  position: relative;
  margin: 0 0 2rem 0;
  padding: 0;
  width: 100%;
  display: flex;
  align-items: center; }
  @media (max-width: 767px) {
    .modal__header {
      margin: 0 0 1.125rem 0; } }

.modal__close-button {
  z-index: 1;
  display: block;
  border: 0 none;
  border-radius: 0;
  cursor: pointer;
  font-size: 0;
  width: 30px;
  height: 30px;
  background-color: transparent;
  background-image: url("/atomic/images/icon-close-grayblue.png");
  background-image: url("/atomic/images/icon-close-grayblue.svg");
  background-repeat: no-repeat;
  background-size: 1.5rem;
  background-position: center;
  background-color: transparent;
  position: absolute;
  top: -.3rem;
  right: -.8rem; }
  @media (max-width: 767px) {
    .modal__close-button {
      right: -.25rem;
      top: -.25rem; } }

.modal__sub-title {
  color: #8fb5c9;
  font-weight: 400;
  font-size: 0.875rem;
  text-align: center;
  text-transform: uppercase;
  margin: 0.5rem 0 .75rem 0;
  width: 100%;
  line-height: 1.4; }
  @media (max-width: 767px) {
    .modal__sub-title {
      margin: 0 0 1rem 0;
      padding: 0 2rem; } }

.modal__main-title, .modal--change-email-myvd h1 {
  color: #4f5355;
  font-size: 2.5rem;
  font-weight: 300;
  line-height: 1.1; }
  @media (max-width: 767px) {
    .modal__main-title, .modal--change-email-myvd h1 {
      font-size: 1.75rem; }
      .modal__main-title:before, .modal--change-email-myvd h1:before {
        content: "";
        width: 36px;
        height: 24px;
        float: right;
        clear: both; } }

.modal__footer {
  display: block;
  left: 0;
  width: 100%;
  bottom: 0; }

.modal--scrollable .modal {
  height: 90%;
  max-width: 930px;
  width: 100%;
  padding: 0; }
  @media (max-width: 767px) {
    .modal--scrollable .modal {
      height: 100%; } }

.modal--scrollable .modal__header {
  position: absolute;
  margin: 0;
  height: 2.5rem; }
  @media (max-width: 767px) {
    .modal--scrollable .modal__header {
      height: 1.25rem; } }

.modal--scrollable .modal__close-button {
  top: 2.2rem;
  right: 2.2rem; }
  @media (max-width: 767px) {
    .modal--scrollable .modal__close-button {
      top: 1rem;
      right: 1rem; } }

.modal--scrollable .modal__content {
  height: 100%;
  overflow-y: scroll;
  padding: 2.5rem 3rem 0 3rem; }
  .modal--scrollable .modal__content:after {
    content: "";
    display: block;
    height: 3rem; }
  @media (max-width: 767px) {
    .modal--scrollable .modal__content {
      height: 100%;
      padding: 1.25rem 1.25rem 0 1.25rem; }
      .modal--scrollable .modal__content:after {
        height: 1.25rem; } }

.modal--scrollable .modal__footer {
  position: absolute;
  left: 0;
  width: 100%;
  display: block;
  background-color: transparent;
  background-position: center bottom;
  background-size: 100% 100%;
  background-repeat: repeat-x;
  height: 3rem;
  bottom: 0;
  background-image: url("/atomic/images/bg-fader-bottom.png"); }
  @media (max-width: 767px) {
    .modal--scrollable .modal__footer {
      height: 1.25rem; } }

.modal--change-email-myvd fieldset {
  margin: 0;
  padding: 0;
  border: none; }
  @media (max-width: 767px) {
    .modal--change-email-myvd fieldset {
      max-width: unset; } }

.modal--change-email-myvd h1 {
  margin-bottom: 2rem; }
  @media (min-width: 768px) {
    .modal--change-email-myvd h1 {
      text-align: center; } }
  .modal--change-email-myvd h1 + p {
    margin-bottom: 2rem; }
    @media (min-width: 768px) {
      .modal--change-email-myvd h1 + p {
        text-align: center; } }

.modal--change-email-myvd .modal {
  max-width: unset;
  width: 680px; }
  @media (min-width: 768px) {
    .modal--change-email-myvd .modal {
      height: auto; } }

.modal--cookie-settings {
  align-items: flex-start; }

.modal--cookie-settings .modal {
  background-color: #fff;
  height: 90%;
  max-height: 700px;
  margin-top: 2rem; }
  @media (max-width: 767px) {
    .modal--cookie-settings .modal {
      margin-top: 0;
      height: 100%;
      max-height: initial; } }

@media (max-width: 767px) {
  .modal--cookie-settings .modal__content {
    height: calc(100% - 169px);
    overflow-y: auto; } }

.modal--cookie-settings .modal__footer {
  background-color: #fff;
  padding: 1.25rem 3rem 2.5rem 3rem;
  position: absolute;
  bottom: 0;
  height: initial; }
  @media (max-width: 767px) {
    .modal--cookie-settings .modal__footer {
      height: 127px;
      padding: 1.25rem 0.5rem 0 0.5rem; } }

.modal--cookie-settings p {
  margin: 0 0 1rem 0; }

.cookie-popup__paragraph {
  margin: 0 0 2rem 0; }

@media (max-width: 767px) {
  .modal--cookie-settings .cookie-popup p {
    font-size: 14px; } }

.modal__footer-buttons {
  margin: 30px 0 0 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center; }
  @media (max-width: 767px) {
    .modal__footer-buttons {
      flex-direction: column;
      margin: 1.25rem 0 0 0; } }

.modal__footer-buttons .btn--alert {
  margin: 0 1rem 0 0;
  background: #f54f4f; }
  @media (max-width: 767px) {
    .modal__footer-buttons .btn--alert {
      margin: .5rem .5rem .5rem .5rem; } }

.modal__footer-buttons .btn--theme--secondary {
  padding: 0; }
  @media (max-width: 767px) {
    .modal__footer-buttons .btn--theme--secondary {
      margin: .5rem .5rem .5rem .5rem; } }

.modal--delete-acount .modal {
  width: 760px; }
  @media (max-width: 767px) {
    .modal--delete-acount .modal {
      width: 100%;
      height: auto; } }

.modal--acco-description .modal__main-title, .modal--acco-description .modal--change-email-myvd h1, .modal--change-email-myvd .modal--acco-description h1 {
  padding: 0 30px 0 30px;
  text-align: center; }

@media (max-width: 767px) {
  .modal--booking-insurances.modal__wrapper {
    padding: 5% 0;
    align-items: flex-start; } }

.modal__main-title--booking-insurances {
  text-align: left; }

.modal--booking-insurances .modal .explanation {
  background-position: top right;
  background-size: 200px auto;
  background-repeat: no-repeat;
  margin-top: 2rem; }
  .modal--booking-insurances .modal .explanation.allianz.nl {
    padding: 0 230px 0 0;
    background-image: url(/atomic/images/logo-allianz.png);
    background-size: auto 90px; }
    @media (max-width: 639px) {
      .modal--booking-insurances .modal .explanation.allianz.nl {
        background-position: bottom left;
        padding: 0 0 100px 0; } }
  .modal--booking-insurances .modal .explanation.allianz.be::after {
    content: "";
    display: block;
    background-image: url(/atomic/images/logo-allianz-BE.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 340px;
    height: 90px; }

.modal--booking-insurances .modal h4 {
  margin: 2.5rem 0 1.5rem 0;
  font-size: 1.125rem;
  font-weight: 500;
  color: #4f5355; }
  .modal--booking-insurances .modal h4#basis {
    margin-top: 0;
    padding-top: 1.5rem; }
  .modal--booking-insurances .modal h4#comfort, .modal--booking-insurances .modal h4#optimaal {
    margin-top: 0;
    padding-top: 2.5rem; }

.modal--booking-insurances .modal .travel-insurances-intro {
  margin: 2.5rem 0 0 0; }

.modal--booking-insurances ul {
  margin: 0 0 1.5rem 0; }

.modal--offer-flight .modal__footer {
  height: auto; }

.modal--offer-flight .modal__sub-title {
  line-height: 1.4;
  margin: 0; }

.modal--offer-flight .modal__main-title, .modal--offer-flight .modal--change-email-myvd h1, .modal--change-email-myvd .modal--offer-flight h1 {
  margin: 1rem 0 2rem 0;
  text-align: center; }

.modal--terms-and-conditions h1 {
  margin-bottom: 2rem; }
  .modal--terms-and-conditions h1 .hyphen {
    display: none; }
    @media (max-width: 464px) {
      .modal--terms-and-conditions h1 .hyphen {
        display: inline; } }

.modal--terms-and-conditions .subtitle {
  margin: 35px 0 20px 0;
  color: #4f5355;
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1.1; }

.modal--terms-and-conditions ul li + li {
  margin-top: 1rem; }

.modal--terms-and-conditions .indented-list {
  margin-top: 1rem; }
  @media (min-width: 768px) {
    .modal--terms-and-conditions .indented-list li + li:not(:last-of-type) {
      margin-top: .125rem; } }
  .modal--terms-and-conditions .indented-list span {
    display: inline-block;
    width: 80px; }
    @media (max-width: 767px) {
      .modal--terms-and-conditions .indented-list span {
        display: block; } }
  .modal--terms-and-conditions .indented-list b {
    font-weight: 300; }

@media (min-width: 768px) {
  .modal--terms-and-conditions .tel-link {
    color: #33373d; } }

.modal--rest-payment .modal {
  max-width: 760px;
  height: auto; }
  @media (max-width: 767px) {
    .modal--rest-payment .modal .btn--theme--primary {
      width: 100%; } }

.modal--summary-modal .modal__content {
  padding: 0; }
  .modal--summary-modal .modal__content .booking-summary .price-summary {
    padding-bottom: 0; }
    .modal--summary-modal .modal__content .booking-summary .price-summary .calculation {
      padding-bottom: 1rem; }
  .modal--summary-modal .modal__content .inlined-subtotal {
    display: none; }
    .modal--summary-modal .modal__content .inlined-subtotal + span {
      float: left;
      line-height: 28px; }
  @media (min-width: 768px) and (max-width: 1023px) {
    .modal--summary-modal .modal__content .booking-summary h1.summary-title-side-bar {
      padding: 2rem 4rem 0 2rem; }
    .modal--summary-modal .modal__content .booking-summary .basic-summary {
      display: flex;
      padding: 0; }
      .modal--summary-modal .modal__content .booking-summary .basic-summary .acco-photo {
        flex: 1;
        margin: 2rem 2rem; }
      .modal--summary-modal .modal__content .booking-summary .basic-summary .offer-summary {
        flex: 1;
        padding: 2rem 2rem 0 0; }
        .modal--summary-modal .modal__content .booking-summary .basic-summary .offer-summary h1 {
          padding-top: 0; }
        .modal--summary-modal .modal__content .booking-summary .basic-summary .offer-summary hr {
          display: none; }
    .modal--summary-modal .modal__content .booking-summary .travel-summary {
      padding: 1rem 2rem; }
      .modal--summary-modal .modal__content .booking-summary .travel-summary .alternative {
        padding: 0; }
    .modal--summary-modal .modal__content .booking-summary .price-summary {
      padding: 2rem; }
      .modal--summary-modal .modal__content .booking-summary .price-summary hr {
        margin-right: 0;
        margin-left: 0; }
      .modal--summary-modal .modal__content .booking-summary .price-summary .calculation {
        padding-right: 0;
        padding-left: 0;
        padding-bottom: 1.75rem; }
      .modal--summary-modal .modal__content .booking-summary .price-summary .payment-icons {
        margin-top: 2rem; } }
  @media (max-width: 767px) {
    .modal--summary-modal .modal__content .offer-summary {
      padding: 1rem; }
    .modal--summary-modal .modal__content .booking-summary .travel-summary {
      padding: 1rem; }
    .modal--summary-modal .modal__content .price-summary {
      padding: 1rem; } }

.modal--summary-modal .modal__content {
  padding: 0; }
  .modal--summary-modal .modal__content .booking-summary .price-summary {
    padding-bottom: 0; }
    .modal--summary-modal .modal__content .booking-summary .price-summary .calculation {
      padding-bottom: 1rem; }
  .modal--summary-modal .modal__content .inlined-subtotal {
    display: none; }
    .modal--summary-modal .modal__content .inlined-subtotal + span {
      float: left;
      line-height: 28px; }
  @media (min-width: 768px) and (max-width: 1023px) {
    .modal--summary-modal .modal__content .booking-summary h1.summary-title-side-bar {
      padding: 2rem 4rem 0 2rem; }
    .modal--summary-modal .modal__content .booking-summary .basic-summary {
      display: flex;
      padding: 0; }
      .modal--summary-modal .modal__content .booking-summary .basic-summary .acco-photo {
        flex: 1;
        margin: 2rem; }
      .modal--summary-modal .modal__content .booking-summary .basic-summary .offer-summary {
        flex: 1;
        padding: 2rem 2rem 0 0; }
        .modal--summary-modal .modal__content .booking-summary .basic-summary .offer-summary h1 {
          padding-top: 0; }
        .modal--summary-modal .modal__content .booking-summary .basic-summary .offer-summary hr {
          display: none; }
    .modal--summary-modal .modal__content .booking-summary .travel-summary .alternative {
      padding: 0; }
    .modal--summary-modal .modal__content .booking-summary .price-summary hr {
      margin-right: 0;
      margin-left: 0; }
    .modal--summary-modal .modal__content .booking-summary .price-summary .calculation {
      padding-right: 0;
      padding-left: 0;
      padding-bottom: 1.75rem; }
    .modal--summary-modal .modal__content .booking-summary .price-summary .payment-icons {
      margin-top: 2rem; } }

@media (max-width: 767px) {
  .modal--payment-challenge .modal__content,
  .modal--payment-challenge #payment-challenge,
  .modal--payment-challenge .adyen-checkout__threeds2__challenge,
  .modal--payment-challenge .adyen-checkout__threeds2__challenge--05 {
    height: 100%; } }

.modal--payment-challenge #payment-challenge {
  width: 700px; }
  @media (max-width: 767px) {
    .modal--payment-challenge #payment-challenge {
      width: 100%; } }

@media (max-width: 767px) {
  .modal--redirect-country .modal {
    height: unset; } }

.modal--redirect-country .modal__main-title, .modal--redirect-country .modal--change-email-myvd h1, .modal--change-email-myvd .modal--redirect-country h1 {
  align-items: center;
  display: flex; }

.modal--redirect-country .icon-flag:before {
  display: inline-flex;
  height: 30px;
  margin: 0 1.5rem 0 0;
  position: relative;
  width: 45px; }
  @media (max-width: 767px) {
    .modal--redirect-country .icon-flag:before {
      height: 22px;
      margin: 0 .75rem 0 0;
      width: 33px; } }

.modal--redirect-country .modal__content {
  margin: 0 0 1.5rem 0; }

@media (max-width: 767px) {
  .modal--redirect-country .btn {
    padding: 0;
    width: 100%; }
    .modal--redirect-country .btn:last-child {
      margin: 1rem 0 0 0; } }

.picker {
  display: inline-block; }
  @media (max-width: 767px) {
    .picker {
      width: 100%; } }

.picker__fullscreen {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #FFF;
  text-align: left;
  background-color: #fff;
  -webkit-overflow-scrolling: touch;
  overflow: scroll;
  z-index: 210; }
  .picker__fullscreen.hidden {
    display: none; }
  .picker__fullscreen .picker__sticky-header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0 1rem;
    height: 0;
    -webkit-transition: height ease-out 150ms;
    -moz-transition: height ease-out 150ms;
    -o-transition: height ease-out 150ms;
    transition: height ease-out 150ms;
    background-color: white;
    background-position: center 105%;
    background-size: 115% auto;
    overflow: hidden;
    z-index: 110;
    height: 60px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); }
  .picker__fullscreen .picker__close-button {
    display: block;
    border: 0 none;
    border-radius: 0;
    cursor: pointer;
    font-size: 0;
    width: 2rem;
    height: 2rem;
    background-color: transparent;
    background-image: url("/atomic/images/icon-close-grayblue.png");
    background-image: url("/atomic/images/icon-close-grayblue.svg");
    background-repeat: no-repeat;
    background-size: 1rem;
    background-position: center;
    background-color: transparent; }
  .picker__fullscreen .picker__title {
    align-items: center;
    color: #90a8b5;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase; }
    .picker__fullscreen .picker__title img {
      height: auto;
      margin: 0 1rem 0 0;
      width: 24px; }
  .picker__fullscreen .picker__body {
    top: 60px;
    position: absolute;
    width: 100%; }
  .picker__fullscreen .picker__sticky-footer {
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100vw;
    padding: .7rem 0;
    text-align: center;
    background-color: white;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); }
    .picker__fullscreen .picker__sticky-footer .btn {
      width: calc(100% - 3rem);
      max-width: 340px; }
    .picker__fullscreen .picker__sticky-footer.hide {
      display: none;
      opacity: 0; }
  .picker__fullscreen .options-list:last-of-type {
    margin-bottom: 82px; }

.picker__dropdown {
  background-color: #fff; }
  .picker__dropdown .picker__sticky-footer {
    background-color: #fff;
    display: block;
    padding: .75rem 1rem;
    position: absolute;
    width: 100%;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); }

span.save {
  text-transform: uppercase; }

.btn--toggle-theme {
  background-color: transparent;
  border-radius: 5px;
  border: 1px solid rgba(55, 176, 242, 0.5);
  cursor: pointer;
  display: inline-flex;
  margin: 0 .5rem .5rem 0;
  min-width: 38px;
  padding: 0 8px;
  text-align: center;
  flex-direction: column;
  justify-content: space-between; }
  @media (max-width: 767px) {
    .btn--toggle-theme {
      margin: 0 6px 6px 0; } }
  @media (hover: hover), (pointer: fine) {
    .btn--toggle-theme:hover {
      border: 1px solid rgba(55, 176, 242, 0.8);
      background-color: rgba(55, 176, 242, 0.03); }
      .btn--toggle-theme:hover span:only-of-type {
        color: #37b0f2; } }
  .btn--toggle-theme:active {
    opacity: .4; }
  .btn--toggle-theme .btn--toggle-theme__main-title {
    color: #555155;
    font-weight: 300;
    font-size: 1rem; }
  .btn--toggle-theme .btn--toggle-theme__sub-title--green {
    color: #65c454;
    font-weight: 500;
    font-size: 0.875rem; }
  .btn--toggle-theme .btn--toggle-theme__sub-title--grey {
    color: #90a8b5;
    font-weight: 300;
    font-size: 0.875rem; }
  .btn--toggle-theme span {
    height: 22px;
    margin-top: 7px; }
  .btn--toggle-theme span:only-of-type {
    height: 38px;
    line-height: 38px;
    margin: 0; }
  .btn--toggle-theme span + span {
    margin-top: 0;
    margin-bottom: 7px; }
  .btn--toggle-theme.unavailable {
    background-color: #edf8ff;
    color: #90a8b5;
    opacity: .5;
    border-color: #edf8ff;
    cursor: default;
    pointer-events: none; }
    .btn--toggle-theme.unavailable span {
      color: #90a8b5; }

.btn--toggle-theme__alternative-message {
  font-size: 12px;
  margin-top: 2px;
  font-weight: 400;
  color: #90a8b5; }
  .pressed .btn--toggle-theme__alternative-message {
    color: #fff;
    opacity: .8; }

.btn--toggle-theme--edit {
  flex-direction: row;
  align-items: center; }
  .btn--toggle-theme--edit::after {
    content: "";
    width: 16px;
    height: 16px;
    display: inline-block;
    background-image: url("/atomic/images/icon-pencil-blue.png");
    background-image: url("/atomic/images/icon-pencil-blue.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 15px;
    margin-left: 8px; }
  .btn--toggle-theme--edit.pressed::after {
    background-image: url("/atomic/images/icon-pencil-white.png");
    background-image: url("/atomic/images/icon-pencil-white.svg"); }

.header-feedback__tooltip {
  background-color: #fff;
  border: 1px solid #c1d6e4;
  color: #555155;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.125rem;
  padding: 1rem;
  position: absolute;
  width: 214px;
  text-align: right;
  z-index: 160;
  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.1);
  -webkit-border-radius: .5rem;
  -moz-border-radius: .5rem;
  border-radius: .5rem; }
  .header-feedback__tooltip::before {
    position: absolute;
    bottom: 100%;
    /* At the bottom of the tooltip */
    left: 50%;
    margin-left: -11px;
    border-style: solid;
    border-width: 11px;
    border-color: transparent transparent #c1d6e4 transparent;
    content: ""; }
  .header-feedback__tooltip::after {
    position: absolute;
    bottom: 100%;
    /* At the top of the tooltip */
    left: 50%;
    margin-left: -10px;
    border-style: solid;
    border-width: 10px;
    border-color: transparent transparent #fff;
    content: ""; }
  .header-feedback__tooltip span::before {
    position: absolute;
    top: .925rem;
    left: .75rem;
    width: 19px;
    height: 17px;
    background-image: url("/atomic/images/vd_icon_checkmark_bare.svg");
    background-image: url("/atomic/images/vd_icon_checkmark_bare.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    content: ""; }
  @media (max-width: 767px) {
    .header-feedback__tooltip {
      right: .325rem; }
      .header-feedback__tooltip::before, .header-feedback__tooltip::after {
        left: 87%; } }

/*
  ==============
  T O O L T I P
  ==============

  Generic tooltip styling. Used for acm price tooltips, luggage tooltips and transfer-not-included tooltips.

*/
.tooltip {
  background-color: #fff;
  border-radius: 5px;
  border: 1px solid #c1d6e4;
  color: #94a7b4;
  font-size: .8rem;
  font-weight: 300;
  line-height: 1.35rem;
  padding: .8rem;
  text-align: left;
  width: 300px;
  z-index: 45;
  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1); }
  .tooltip li {
    color: #94a7b4;
    display: list-item;
    font-size: .875rem !important;
    list-style-type: disc;
    margin-left: .875rem;
    position: relative;
    white-space: normal; }
  .tooltip span {
    display: block;
    font-size: 14px;
    white-space: normal;
    color: #94a7b4; }
    .tooltip span:not(:first-of-type):not(.tooltip-arrow) {
      margin-top: .5rem; }
    .tooltip span.list-item {
      margin-top: 0; }
  .tooltip .tooltip-arrow {
    height: 20px;
    width: 20px; }
    .tooltip .tooltip-arrow:before, .tooltip .tooltip-arrow:after {
      content: "";
      border-style: dashed;
      margin: auto;
      position: absolute; }
  .tooltip.bottom .tooltip-arrow::before {
    border-color: transparent transparent #c1d6e4 transparent;
    border-width: 11px;
    bottom: 100%;
    /* At the bottom of the tooltip */
    left: 50%;
    margin-left: -11px; }
  .tooltip.bottom .tooltip-arrow::after {
    border-color: transparent transparent #fff;
    border-width: 10px;
    bottom: 100%;
    /* At the top of the tooltip */
    left: 50%;
    margin-left: -10px; }
  .tooltip.top .tooltip-arrow::before {
    border-color: #c1d6e4 transparent transparent transparent;
    border-width: 11px;
    top: 100%;
    /* At the bottom of the tooltip */
    left: 50%;
    margin-left: -11px; }
  .tooltip.top .tooltip-arrow::after {
    border-color: #fff transparent transparent;
    border-width: 10px;
    top: 100%;
    /* At the top of the tooltip */
    left: 50%;
    margin-left: -10px; }
  .tooltip.left .tooltip-arrow::before {
    border-color: transparent transparent transparent #c1d6e4;
    border-width: 12px;
    left: 100%;
    top: -2px; }
  .tooltip.left .tooltip-arrow::after {
    border-color: transparent transparent transparent #fff;
    border-width: 10px;
    left: 100%; }
  .tooltip.right .tooltip-arrow::before {
    border-color: transparent #c1d6e4 transparent transparent;
    right: 100%;
    border-width: 12px;
    top: -2px; }
  .tooltip.right .tooltip-arrow::after {
    border-color: transparent #fff transparent transparent;
    right: 100%;
    border-width: 10px; }

.luggage-tooltip {
  width: 250px; }
  .luggage-tooltip span {
    font-weight: 400;
    color: #2c2a2e; }
  .luggage-tooltip span a {
    font-weight: 300;
    text-decoration: underline;
    color: #94a7b4; }
  @media (max-width: 767px) {
    .luggage-tooltip {
      width: 216px; } }

.transfer-not-included-tooltip {
  width: 350px; }
  .transfer-not-included-tooltip span,
  .transfer-not-included-tooltip p {
    color: #2a252a; }
  .transfer-not-included-tooltip span {
    margin-bottom: .5em;
    font-weight: 500; }
  @media (max-width: 767px) {
    .transfer-not-included-tooltip {
      width: 200px; } }

.tooltip.simple-tooltip {
  max-width: 250px;
  border: 1px solid #ffe682;
  padding: 1.3rem 1.5rem;
  font-size: .875rem;
  line-height: 1.25;
  line-height: 1.2;
  transition: left 100ms ease-in, opacity 100ms ease-in, z-index 100ms ease-in;
  border-radius: 7px;
  text-decoration: none;
  color: #2f2f2f;
  background-color: #fff9cb;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
  margin: 1rem; }
  .tooltip.simple-tooltip.left .tooltip-arrow:after {
    border-color: transparent transparent transparent #fff9cb; }
  .tooltip.simple-tooltip.left .tooltip-arrow:before {
    border-color: transparent transparent transparent #ffe682; }
  .tooltip.simple-tooltip.top .tooltip-arrow:after {
    border-color: #fff9cb transparent transparent; }
  .tooltip.simple-tooltip.top .tooltip-arrow:before {
    border-color: #ffe682 transparent transparent; }
  .tooltip.simple-tooltip.bottom .tooltip-arrow:after {
    border-color: transparent transparent #fff9cb; }
  .tooltip.simple-tooltip.bottom .tooltip-arrow:before {
    border-color: transparent transparent #ffe682; }
  .tooltip.simple-tooltip.right .tooltip-arrow:after {
    border-color: transparent #fff9cb transparent transparent; }
  .tooltip.simple-tooltip.right .tooltip-arrow:before {
    border-color: transparent #ffe682 transparent transparent; }
  .tooltip.simple-tooltip .icon-close {
    margin-left: 10px; }

.tooltip--hint-suggestion {
  width: 360px;
  height: 68px;
  border: 1px solid #bdd7e5;
  padding: 1rem;
  font-size: .875rem;
  line-height: 1.125rem;
  border-radius: .5rem;
  font-weight: 500;
  color: #2f2f2f;
  background-color: #fff;
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.1); }
  .tooltip--hint-suggestion .tooltip--hint-suggestion__text {
    display: block;
    position: relative;
    width: 273px;
    padding-left: 55px;
    font-size: .875rem;
    font-weight: 300; }
    @media screen and (max-width: 366px) {
      .tooltip--hint-suggestion .tooltip--hint-suggestion__text {
        width: 100%;
        padding-right: 50px;
        padding-left: 55px;
        font-size: .8em; } }
    .tooltip--hint-suggestion .tooltip--hint-suggestion__text::before {
      position: absolute;
      top: 0;
      left: 0;
      width: 39px;
      height: 24px;
      font-size: 1.3rem;
      line-height: 1.5;
      letter-spacing: 1px;
      color: #ff007d;
      content: "Tip!"; }
      @media screen and (max-width: 366px) {
        .tooltip--hint-suggestion .tooltip--hint-suggestion__text::before {
          width: 30px; } }
  .tooltip--hint-suggestion .btn--theme--tertiary {
    position: absolute;
    top: 13px;
    right: 13px;
    width: 45px;
    height: 40px;
    line-height: 40px;
    padding: 0; }
  @media (max-width: 767px) {
    .tooltip--hint-suggestion {
      right: 3px; } }
  @media screen and (max-width: 366px) {
    .tooltip--hint-suggestion {
      width: calc(100% - 6px); } }

.has-zoover.has-zoover .zoover-awards.zoover-awards {
  display: inline-block;
  position: relative;
  float: left;
  width: 276px;
  height: 76px;
  margin-left: .5rem; }
  .has-zoover.has-zoover .zoover-awards.zoover-awards a {
    position: absolute;
    top: -3px;
    width: 93px;
    height: 80px;
    font-size: 0;
    transition: all 70ms ease-in;
    transition-property: transform;
    transition-timing-function: ease-out;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    cursor: pointer; }
  .has-zoover.has-zoover .zoover-awards.zoover-awards a.tertiary {
    display: none; }
  @media (hover: hover), (pointer: fine) {
    .has-zoover.has-zoover .zoover-awards.zoover-awards a.award-2015:hover,
    .has-zoover.has-zoover .zoover-awards.zoover-awards a.award-2016:hover,
    .has-zoover.has-zoover .zoover-awards.zoover-awards a.award-2017:hover {
      transform: scale(1.08) rotate(-2deg); } }
  @media (hover: hover), (pointer: fine) {
    .has-zoover.has-zoover .zoover-awards.zoover-awards a.award-2018:hover,
    .has-zoover.has-zoover .zoover-awards.zoover-awards a.award-2019:hover {
      transform: scale(1.08) rotate(2deg); } }
  .has-zoover.has-zoover .zoover-awards.zoover-awards a.award-2015 {
    left: 0;
    background-image: url("/atomic/images/zoover-award-2015.svg"); }
  .has-zoover.has-zoover .zoover-awards.zoover-awards a.award-2016 {
    left: 61px;
    background-image: url("/atomic/images/zoover-award-2016.svg"); }
  .has-zoover.has-zoover .zoover-awards.zoover-awards a.award-2017 {
    left: 122px;
    background-image: url("/atomic/images/zoover-award-2017.svg"); }
  .has-zoover.has-zoover .zoover-awards.zoover-awards a.award-2018 {
    left: 183px;
    background-image: url("/atomic/images/zoover-award-2018.svg"); }
  .has-zoover.has-zoover .zoover-awards.zoover-awards a.award-2019 {
    left: 244px;
    background-image: url("/atomic/images/zoover-award-2019.svg"); }
  @media (max-width: 767px) {
    .has-zoover.has-zoover .zoover-awards.zoover-awards {
      display: none; } }
  @media (max-width: 1225px) {
    .has-zoover.has-zoover .zoover-awards.zoover-awards {
      left: -61px; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .has-zoover.has-zoover .zoover-awards.zoover-awards {
      left: -2px;
      width: 210px; }
      .has-zoover.has-zoover .zoover-awards.zoover-awards a {
        top: 5px;
        width: 75px;
        height: 64px; }
      .has-zoover.has-zoover .zoover-awards.zoover-awards a.award-2016 {
        left: 45px; }
      .has-zoover.has-zoover .zoover-awards.zoover-awards a.award-2017 {
        left: 90px; }
      .has-zoover.has-zoover .zoover-awards.zoover-awards a.award-2018 {
        left: 135px; }
      .has-zoover.has-zoover .zoover-awards.zoover-awards a.award-2019 {
        left: 180px; } }
  @media (max-width: 867px) {
    .has-zoover.has-zoover .zoover-awards.zoover-awards {
      left: -2px;
      width: 165px; }
      .has-zoover.has-zoover .zoover-awards.zoover-awards a.award-2016 {
        left: 0; }
      .has-zoover.has-zoover .zoover-awards.zoover-awards a.award-2017 {
        left: 45px; }
      .has-zoover.has-zoover .zoover-awards.zoover-awards a.award-2018 {
        left: 90px; }
      .has-zoover.has-zoover .zoover-awards.zoover-awards a.award-2019 {
        left: 135px; } }
  @media (max-width: 823px) {
    .has-zoover.has-zoover .zoover-awards.zoover-awards {
      left: -47px;
      width: 165px; }
      .has-zoover.has-zoover .zoover-awards.zoover-awards a.secondary,
      .has-zoover.has-zoover .zoover-awards.zoover-awards a.tertiary {
        display: none !important; } }
  @media (min-width: 1226px) {
    .has-zoover.has-zoover .zoover-awards.zoover-awards a.tertiary {
      display: block; } }
  @media (min-width: 400px) and (max-width: 1023px) {
    .has-zoover.has-zoover .zoover-awards.zoover-awards a.tertiary {
      display: block; } }

#zoover-vote {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 326px;
  width: 201px;
  height: 100%;
  padding-left: 1rem; }
  #zoover-vote::before {
    display: inline-block;
    width: 143px;
    height: 13px;
    margin: .5rem 0;
    background-image: url("/atomic/images/zoover-awards-2017.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    content: ""; }
  #zoover-vote a {
    display: inline-block;
    height: 38px;
    padding: 0 .6rem;
    line-height: 38px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #f77010; }
    @media (hover: hover), (pointer: fine) {
      #zoover-vote a:hover {
        background-color: #eb6200; } }
    #zoover-vote a span {
      height: 38px;
      height: auto;
      font-size: .9375rem;
      line-height: 38px;
      font-weight: 500;
      color: #fff;
      vertical-align: baseline; }
      #zoover-vote a span:nth-child(1) {
        text-transform: uppercase; }
      #zoover-vote a span:nth-child(2) {
        margin-left: .4rem;
        font-size: .8125rem;
        font-weight: 400; }
      #zoover-vote a span:nth-child(3) {
        margin-left: .4rem; }
      @media (min-width: 768px) and (max-width: 1023px) {
        #zoover-vote a span {
          font-size: .9rem; } }
  @media (max-width: 1080px) {
    #zoover-vote {
      padding-left: .5rem; } }
  @media (max-width: 1023px) {
    #zoover-vote {
      left: 264px; } }
  @media (max-width: 950px) {
    #zoover-vote {
      left: 244px; } }
  @media (max-width: 767px) {
    #zoover-vote {
      display: none; } }

/*
    =============================================

    A U T O   C O M P L E T E   C O M P O N E N T

    =============================================

    - This is the search input in the header with autocomplete function
    - The form contains a menu toggle button for small viewport (super weird)
    - it has 2 text inputs. 1 for small viewport and 1 for the rest.

*/
/*  ==============================================
    SMALL VIEWPORT
    ----------------------------------------------

    This is a <label> made to look like a toggle button
    containing a hidden checkbox; if checked, show extra
    search input box that is initially hidden off-canvas

    * .small-search-toggle (toggle the search input)
    * .small-search-container (wrapper of the search input)
    ==============================================
*/
.autocomplete-form .small-search-toggle {
  position: absolute;
  top: 0;
  right: 55px;
  width: 55px;
  height: 55px;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  font-size: 0;
  background-color: #ffee59;
  cursor: pointer;
  z-index: 1; }
  .autocomplete-form .small-search-toggle::after {
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url("/atomic/images/icon-search.png");
    background-image: url("/atomic/images/icon-search.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 25px 25px;
    content: ""; }
  @media (min-width: 768px) {
    .autocomplete-form .small-search-toggle {
      display: none; } }

.autocomplete-form .small-search-container {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 0%;
  margin-right: -100%;
  padding: 10px 55px 10px 10px;
  font-size: 1rem;
  -webkit-transition: all 150ms ease-out;
  -moz-transition: all 150ms ease-out;
  transition: all 150ms ease-out;
  white-space: nowrap;
  background-color: #ffee59;
  vertical-align: middle;
  z-index: -1; }
  .autocomplete-form .small-search-container .small-search-toggle {
    display: none; }
  .autocomplete-form .small-search-container::before {
    display: inline-block;
    position: absolute;
    width: 36px;
    height: 36px;
    background-image: url("/atomic/images/icon-search-brown.png");
    background-image: url("/atomic/images/icon-search-brown.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px 20px;
    content: ""; }
  @media (max-width: 767px) {
    .autocomplete-form .small-search-container {
      height: 100%; } }

.autocomplete-form input[type="checkbox"]#small-search-switch {
  display: none; }
  .autocomplete-form input[type="checkbox"]#small-search-switch:checked ~ .small-search-toggle {
    right: 0;
    border-left: 1px solid transparent;
    z-index: 1; }
    .autocomplete-form input[type="checkbox"]#small-search-switch:checked ~ .small-search-toggle::after {
      background-image: url("/atomic/images/icon-close-black.png");
      background-image: url("/atomic/images/icon-close-black.svg");
      background-size: 20px 20px; }
  .autocomplete-form input[type="checkbox"]#small-search-switch:checked ~ .small-search-container {
    display: block;
    width: 100%;
    margin-right: 0;
    z-index: 1; }
    .autocomplete-form input[type="checkbox"]#small-search-switch:checked ~ .small-search-container input[type="text"] {
      width: 99%;
      padding: 0 6px 0 36px; }

/*  ==============================================
    G E N E R A L   I N P U T   S T Y L I N G
    I N   . A U T O C O M P L E T E - F O R M
    ==============================================
*/
.autocomplete-form input[type="text"] {
  width: 100%;
  height: 36px;
  border: 0 none;
  padding: 0 6px 0 36px;
  line-height: 28px;
  -o-transition: background ease-out 150ms;
  -moz-transition: background ease-out 150ms;
  -webkit-transition: background ease-out 150ms;
  transition: background ease-out 150ms;
  text-overflow: ellipsis;
  background-color: #fffcb2;
  background-image: url("/atomic/images/icon-search-brown.png");
  background-image: url("/atomic/images/icon-search-brown.svg");
  background-repeat: no-repeat;
  background-position: 8px center;
  background-size: 20px 20px; }
  .autocomplete-form input[type="text"]::-webkit-input-placeholder {
    color: #897943; }
  .autocomplete-form input[type="text"]::-moz-placeholder {
    color: #897943; }
  .autocomplete-form input[type="text"]:-ms-input-placeholder {
    color: #897943; }
  .autocomplete-form input[type="text"]:-moz-placeholder {
    color: #897943; }
  .autocomplete-form input[type="text"]:focus {
    background-color: #fff; }
  @media (max-width: 767px) {
    .autocomplete-form input[type="text"].basics-search-header-initial {
      display: none; } }

/*  ===================================================================
    N A V I G A T I O N   T O G G L E   ( S M A L L - V I E W P O R T )
    -------------------------------------------------------------------
    navigation menu button for small (hamburger icon)
    ===================================================================
*/
.autocomplete-form .navigation-toggle {
  display: none; }
  @media (max-width: 767px) {
    .autocomplete-form .navigation-toggle {
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      width: 55px;
      height: 55px;
      border-left: 1px solid rgba(0, 0, 0, 0.1);
      padding: 0;
      font-size: .625rem;
      line-height: normal;
      font-weight: 500;
      text-align: center;
      text-transform: uppercase;
      background-color: #ffee59;
      background-repeat: no-repeat;
      background-position: center;
      background-size: auto 25px;
      cursor: pointer; }
      .autocomplete-form .navigation-toggle::before {
        display: block;
        width: 16px;
        height: 15px;
        margin: 0 auto;
        margin-top: 10px;
        margin-bottom: 8px;
        background-image: url("/atomic/images/icon-menu-small.svg");
        background-image: url("/atomic/images/icon-menu-small.png");
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        content: ""; }
      .autocomplete-form .navigation-toggle.active {
        border-left: 1px solid rgba(0, 0, 0, 0.1);
        font-size: 0;
        background-color: #ffe641;
        background-image: url("/atomic/images/icon-close-black.png");
        background-image: url("/atomic/images/icon-close-black.svg");
        background-size: 20px; }
      .autocomplete-form .navigation-toggle.saved::after {
        display: inline-block;
        position: absolute;
        right: 11px;
        bottom: 21px;
        width: 15px;
        min-height: 14px;
        background-image: url("/atomic/images/icon-heart-saved-header-small.png");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 15px 14px;
        content: ""; }
      .autocomplete-form .navigation-toggle.expanded {
        height: 61px;
        color: #37b0f2;
        background: #fff; }
        .autocomplete-form .navigation-toggle.expanded::before {
          background-image: url("/atomic/images/icon-menu-small-blue.png");
          background-image: url("/atomic/images/icon-menu-small-blue.svg"); }
        .autocomplete-form .navigation-toggle.expanded.saved::after {
          display: none; } }

.basics-search-header {
  padding: 20px 0; }
  @media (min-width: 768px) {
    .basics-search-header {
      position: relative; }
      .basics-search-header .autocomplete-form {
        position: absolute;
        right: 0;
        width: 100%;
        -o-transition: width ease-out 150ms;
        -moz-transition: width ease-out 150ms;
        -webkit-transition: width ease-out 150ms;
        transition: width ease-out 150ms;
        background: #ffee59; }
        .basics-search-header .autocomplete-form.active {
          width: 500px;
          z-index: 3; } }
  @media (max-width: 767px) {
    .basics-search-header {
      min-width: 44px;
      margin-top: -55px;
      padding: 0; } }

/*
    =============================================================

    V A L I D A T I O N   M E S S A G E S   I N   B O O K F L O W

    =============================================================
*/
.form-group + .error,
.validation-message {
  line-height: 1.5;
  border: 0 none;
  padding: 1rem 1.375rem;
  font-size: 1rem;
  text-align: center;
  vertical-align: middle;
  width: 100%; }
  .form-group + .error:first-of-type,
  .validation-message:first-of-type {
    margin-bottom: 10px; }
  .form-group + .error:last-of-type,
  .validation-message:last-of-type {
    margin-top: 10px; }
  .form-group + .error i,
  .validation-message i {
    display: none; }
  .form-group + .error:before,
  .validation-message:before {
    content: "";
    display: inline-block;
    width: 1.1rem;
    height: 1.1rem;
    margin-top: -4px;
    margin-right: .75rem;
    font-size: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    vertical-align: middle; }
  .form-group + .error.notification,
  .validation-message.notification {
    color: #555155;
    background-color: #fff9cb; }
  .booking-summary .form-group + .error::before, .booking-summary
  .validation-message::before {
    content: none; }
  .booking-summary .form-group + .error.notification, .booking-summary
  .validation-message.notification {
    max-width: 696px;
    margin: -.5rem auto 1.25rem auto; }
    @media (max-width: 767px) {
      .booking-summary .form-group + .error.notification, .booking-summary
      .validation-message.notification {
        margin: .5rem .5rem .5rem .5rem;
        padding: 1.5rem .5rem; } }
  @media (max-width: 767px) {
    .booking-summary .form-group + .error, .booking-summary
    .validation-message {
      width: auto; }
      .booking-summary .form-group + .error::before, .booking-summary
      .validation-message::before {
        content: ''; } }
  .form-group + .error.alert,
  .validation-message.alert {
    height: auto;
    color: #f54f4f;
    background-color: #ffdcdc; }
    .form-group + .error.alert:before,
    .validation-message.alert:before {
      background-image: url(/atomic/images/icon-validation-alert.png);
      background-image: url(/atomic/images/icon-validation-alert.svg); }
  .form-group + .error + *,
  .validation-message + * {
    margin-top: .625rem; }
  .form-group + .error.error,
  .validation-message.error {
    color: #f54f4f;
    background-color: #ffdcdc; }
    .form-group + .error.error:before,
    .validation-message.error:before {
      background-image: url(/atomic/images/icon-validation-alert.png);
      background-image: url(/atomic/images/icon-validation-alert.svg); }
    .form-group + .error.error hr,
    .validation-message.error hr {
      width: 100%;
      margin: 10px auto;
      border-top: 1px solid #fdbebe;
      border-right: 0;
      border-bottom: 0;
      border-left: 0; }
    .form-group + .error.error .center-container span,
    .validation-message.error .center-container span {
      color: #33373d;
      display: inline-block;
      font-size: 16px;
      font-weight: 400; }
  .form-group + .error.success,
  .validation-message.success {
    color: #4ca842;
    background-color: #d7f8d4; }
    form + .form-group + .error.success, form +
    .validation-message.success {
      display: none; }

.trustpilot {
  display: inline-block;
  width: 81px;
  height: 20px;
  margin-right: 6px;
  font-size: 0;
  background-image: url("/atomic/images/logo-trustpilot-header.png");
  background-image: url("/atomic/images/logo-trustpilot-header.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 81px 20px;
  vertical-align: top; }

.trustpilot-stars {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  white-space: nowrap;
  color: #40c838;
  background-image: url("/atomic/images/star-gray.png");
  background-image: url("/atomic/images/star-gray.svg");
  background-repeat: repeat-x;
  background-position: left;
  width: 100px;
  height: 18px;
  margin-right: 6px;
  background-size: 20px 18px;
  vertical-align: top; }
  .trustpilot-stars > span {
    background-size: 20px 18px;
    height: 100%;
    background-image: url("/atomic/images/star-green.png");
    background-image: url("/atomic/images/star-green.svg");
    font-size: 0;
    background-position: left;
    background-repeat: repeat-x;
    background-size: 20px 18px;
    height: 100%; }
  .trustpilot-stars .stars-5,
  .trustpilot-stars .stars-5_0 {
    width: 100px; }
  .trustpilot-stars .stars-4_5 {
    width: 89px; }
  .trustpilot-stars .stars-4,
  .trustpilot-stars .stars-4_0 {
    width: 80px; }
  .trustpilot-stars .stars-3_5 {
    width: 69px; }
  .trustpilot-stars .stars-3,
  .trustpilot-stars .stars-3_0 {
    width: 60px; }
  .trustpilot-stars .stars-2_5 {
    width: 49px; }
  .trustpilot-stars .stars-2,
  .trustpilot-stars .stars-2_0 {
    width: 40px; }
  .trustpilot-stars .stars-1_5 {
    width: 29px; }
  .trustpilot-stars .stars-1,
  .trustpilot-stars .stars-1_0 {
    width: 20px; }

.trustpilot-score {
  display: inline-flex;
  align-items: center;
  position: relative;
  height: 100%;
  padding-right: 9px;
  font-size: 18px;
  font-weight: 600;
  color: #65c454;
  vertical-align: top; }
  .trustpilot-score span {
    font-size: inherit; }
  .trustpilot-score .out-of-five {
    font-weight: 300;
    font-size: 14px; }
    .trustpilot-score .out-of-five:before {
      content: "/";
      margin: 0 .25rem; }

header.sitewide .comfort-rating {
  font-size: 0;
  text-align: center;
  width: 26%; }
  @media (min-width: 768px) and (max-width: 1023px) {
    header.sitewide .comfort-rating {
      width: auto;
      margin-left: 1rem; } }

.comfort-rating .trustpilot {
  margin-left: 8px;
  margin-top: -6px; }

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

/*
    ===========================================
    H E A D E R   A L E R T   C O M P O N E N T
    ===========================================
    Show important/critical message to the user
    in a pink bar below the header navigation.
*/
/**
 * This is the pink version
 */
.header-alert__alert-icon, .header-alert:before, .header-alert__message:before {
  content: "";
  background-image: url(/atomic/images/icon-alert-white.png);
  background-image: url(/atomic/images/icon-alert-white.svg);
  background-size: 20px 17px;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 20px;
  height: 17px; }

.header-alert {
  background-color: #ff007d;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  font-weight: 400;
  padding-bottom: 8px;
  position: relative; }
  @media (max-width: 767px) {
    .header-alert {
      font-weight: 500;
      font-size: 14px;
      height: 34px;
      padding-bottom: 6px;
      z-index: -2; } }
  .header-alert:before {
    position: absolute;
    left: .5rem; }
  @media (min-width: 768px) {
    .header-alert:before {
      display: none; } }

.header-alert--hidden {
  display: none; }

@media (max-width: 767px) {
  .header-alert__message--desktop {
    display: none; } }

@media (min-width: 768px) {
  .header-alert__message--mobile {
    display: none; } }

.header-alert__message {
  display: inline-flex;
  align-items: center; }
  .header-alert__message:before {
    margin-right: .75rem; }
    @media (max-width: 767px) {
      .header-alert__message:before {
        display: none; } }
  @media (max-width: 767px) {
    .header-alert__message {
      text-decoration: underline;
      margin-top: -1px; } }
  .header-alert__message:active {
    opacity: .3; }

.header-alert__message__read-more {
  margin: 0 0 0 .5rem;
  text-decoration: underline;
  font-weight: 500; }
  @media (max-width: 767px) {
    .header-alert__message__read-more {
      display: none; } }

.header-alert__close-button {
  font-size: 0;
  background-image: url(/atomic/images/icon-close-white.png);
  background-image: url(/atomic/images/icon-close-white.svg);
  background-size: 14px;
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  height: 24px;
  width: 40px;
  right: 20px;
  margin-left: 16px;
  position: absolute; }
  @media (max-width: 767px) {
    .header-alert__close-button {
      margin-left: 0;
      right: 0; } }
  .header-alert__close-button:active {
    opacity: .3; }

/*
    F U L L S C R E E N   L I G H T B O X   -   M O B I L E   O N L Y
    =================================================================
    Styling regarding to the full screen lightbox for mobile viewport
*/
/*
    29. Full screen lightbox
    =========================================================
*/
.fs-lightbox {
  width: 100%;
  background-color: #fff;
  height: 100%;
  z-index: 200;
  position: fixed;
  -webkit-overflow-scrolling: touch; }
  @media (min-width: 768px) {
    .fs-lightbox {
      display: none; } }
  @media (max-width: 767px) {
    .fs-lightbox {
      display: block; } }

.fs-lightbox__header {
  position: relative;
  text-align: left;
  width: 100%;
  padding: 16px 50px 16px 16px;
  margin-bottom: 10px; }
  .fs-lightbox__header span {
    font-size: 24px;
    font-weight: 400; }
  .fs-lightbox__header button {
    position: absolute;
    top: 20px;
    right: 18px;
    width: 30px;
    height: 30px;
    margin: 0;
    padding-left: 0;
    font-size: 0;
    background-image: url(/atomic/images/icon-close-grayblue.svg);
    background-image: url(/atomic/images/icon-close-grayblue.png);
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 17px 17px; }
    .fs-lightbox__header button:active {
      opacity: .4; }

.fs-lightbox__footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 16px; }

.fs-lightbox .party {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column; }
  .fs-lightbox .party .menu {
    height: 100%;
    flex-grow: 1; }
  .fs-lightbox .party.fs-lightbox__travel-party .menu-controls {
    position: absolute;
    bottom: 0;
    width: 100%; }

.fs-lightbox.filters-wrapper .search-filters {
  overflow: auto; }

.voucher_bar__open {
  background-color: #def3ff;
  color: #555155;
  font-size: 1rem;
  font-weight: 400;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 40px; }
  @media (max-width: 767px) {
    .voucher_bar__open {
      font-size: .875rem;
      justify-content: flex-start;
      padding: 0 0 0 10px; }
      .page-detail .voucher_bar__open {
        border-bottom: 2px white solid; } }
  .voucher_bar__open .vd-link, .voucher_bar__open .modal--terms-and-conditions .tel-link, .modal--terms-and-conditions .voucher_bar__open .tel-link, .voucher_bar__open .modal--terms-and-conditions .modal__content p a, .modal--terms-and-conditions .modal__content p .voucher_bar__open a {
    margin-left: 5px;
    text-decoration: underline; }
  .voucher_bar__open .voucher-bar__close-button {
    font-size: 0;
    background-size: 14px;
    background-image: url("/atomic/images/icon-close-dark-blue.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    height: 24px;
    width: 40px;
    margin-left: 16px; }
    @media (max-width: 767px) {
      .voucher_bar__open .voucher-bar__close-button {
        position: absolute;
        margin-left: 0;
        right: 0; } }
    .voucher_bar__open .voucher-bar__close-button:active {
      opacity: .3; }
  @media (min-width: 768px) {
    .voucher_bar__open .mobile {
      display: none; } }
  @media (max-width: 767px) {
    .voucher_bar__open .desktop {
      display: none; } }
  .voucher_bar__open span {
    white-space: nowrap; }

.corona-bar-button {
  height: 25px;
  line-height: 25px;
  font-size: .75rem;
  width: 220px; }

.voucher-bar__content {
  height: 40px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center; }
  .voucher-bar__content .header-alert__message:before {
    display: none; }

.voucher-bar--with-button {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  width: 100%; }
  @media (min-width: 768px) {
    .voucher-bar--with-button {
      width: 93.5546875%;
      max-width: 1164px; } }
  @media (max-width: 767px) {
    .voucher-bar--with-button {
      justify-content: flex-start; } }
  .voucher-bar--with-button > span {
    margin: 0 5px 0 .5rem; }
    @media (max-width: 767px) {
      .voucher-bar--with-button > span {
        margin: 0 5px 0 0; } }
  .voucher-bar--with-button .vd-link, .voucher-bar--with-button .modal--terms-and-conditions .tel-link, .modal--terms-and-conditions .voucher-bar--with-button .tel-link, .voucher-bar--with-button .modal--terms-and-conditions .modal__content p a, .modal--terms-and-conditions .modal__content p .voucher-bar--with-button a {
    margin: 0 .5rem 0 0; }
  .voucher-bar--with-button:before {
    content: "";
    margin: 0 0 0 auto;
    display: inline-flex;
    width: 220px; }
    @media (max-width: 767px) {
      .voucher-bar--with-button:before {
        display: none; } }
  .voucher-bar--with-button .corona-bar-button {
    margin: 0 0 0 auto; }
    @media (max-width: 767px) {
      .voucher-bar--with-button .corona-bar-button {
        margin: 0 10px 0 auto;
        padding: 0; }
        .voucher-bar--with-button .corona-bar-button.btn--theme--tertiary {
          width: 95px; } }

.blue-checkmark-before:before {
  content: "";
  height: 13px;
  width: 16px;
  display: inline-block;
  background-image: url("/atomic/images/icon-checkmark-blue.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 .5rem 0 0; }
  @media (max-width: 767px) {
    .blue-checkmark-before:before {
      height: 12px;
      width: 14px; } }

.btn--theme--primary--voucher-bar {
  height: 38px;
  line-height: 38px;
  margin: 1px 0 1rem 0; }

.input-birthday--mobile {
  width: 100%; }

.native-datepicker {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 42px;
  border: 0;
  cursor: pointer;
  display: inline-block;
  background-color: transparent;
  padding: 10px 8px;
  margin: 0;
  z-index: 2;
  -webkit-appearance: none; }
  .native-datepicker::-webkit-calendar-picker-indicator {
    margin: 0;
    padding: 0;
    background: transparent;
    display: inline-block;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    opacity: 0; }
  .native-datepicker::-webkit-clear-button, .native-datepicker::-webkit-inner-spin-button {
    -webkit-appearance: none;
    display: none; }