/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, .frm_description, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

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

/*
2025: first version
$yellow: #f0d986;
$red: #e35f6a;
$turqoise: #c1dbd4;
$turqoiseDark: #93b9ba;
$green: #cbce71;
$blue: #718c8f;
$lightGrey: lighten($bodyFontColor, 40%);
*/
/*
$yellow: #eec633;
$red: #ca303c;
$turqoise: #c8e3dc;
$turqoiseDark: #93b9ba;
$green: #a0a433;
$blue: #426b6f;
$lightGrey: lighten($bodyFontColor, 40%);
*/
@font-face {
  font-family: "icomoon";
  src: url("../fonts/icomoon.eot?ceiln1");
  src: url("../fonts/icomoon.eot?ceiln1#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?ceiln1") format("truetype"), url("../fonts/icomoon.woff?ceiln1") format("woff"), url("../fonts/icomoon.svg?ceiln1#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=icon-], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-menu:before {
  content: "\e900";
}

.icon-asterisk:before {
  content: "\f069";
}

.icon-plus:before {
  content: "\f067";
}

.icon-question:before {
  content: "\f128";
}

.icon-minus:before {
  content: "\f068";
}

.icon-heart:before {
  content: "\f004";
}

.icon-star:before {
  content: "\f005";
}

.icon-user:before {
  content: "\f007";
}

.icon-check:before {
  content: "\f00c";
}

.icon-close:before {
  content: "\f00d";
}

.icon-remove:before {
  content: "\f00d";
}

.icon-times:before {
  content: "\f00d";
}

.icon-repeat:before {
  content: "\f01e";
}

.icon-rotate-right:before {
  content: "\f01e";
}

.icon-refresh:before {
  content: "\f021";
}

.icon-chevron-left:before {
  content: "\f053";
}

.icon-chevron-right:before {
  content: "\f054";
}

.icon-plus-circle:before {
  content: "\f055";
}

.icon-minus-circle:before {
  content: "\f056";
}

.icon-times-circle:before {
  content: "\f057";
}

.icon-check-circle:before {
  content: "\f058";
}

.icon-question-circle:before {
  content: "\f059";
}

.icon-info-circle:before {
  content: "\f05a";
}

.icon-exclamation-circle:before {
  content: "\f06a";
}

.icon-exclamation-triangle:before {
  content: "\f071";
}

.icon-warning:before {
  content: "\f071";
}

/*!
* animate.css - https://animate.style/
* Version - 4.1.1
* Licensed under the MIT license - http://opensource.org/licenses/MIT
*
* Copyright (c) 2020 Animate.css
*/
:root {
  --animate-duration:1s;
  --animate-delay:1s;
  --animate-repeat:1;
}

.animate__animated, .accommodation-preview .bottom .bottom-left .price.with-promo, .hero .single-accommodation-cta, .hero .usps, .hero h2, .hero h1 {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: var(--animate-duration);
  animation-duration: var(--animate-duration);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animate__animated.animate__infinite, .accommodation-preview .bottom .bottom-left .price.with-promo, .hero .single-accommodation-cta, .hero .animate__infinite.usps, .hero h2.animate__infinite, .hero h1.animate__infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animate__animated.animate__repeat-1, .accommodation-preview .bottom .bottom-left .animate__repeat-1.price.with-promo, .hero .animate__repeat-1.single-accommodation-cta, .hero .animate__repeat-1.usps, .hero h2.animate__repeat-1, .hero h1.animate__repeat-1 {
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-iteration-count: var(--animate-repeat);
  animation-iteration-count: var(--animate-repeat);
}

.animate__animated.animate__repeat-2, .accommodation-preview .bottom .bottom-left .animate__repeat-2.price.with-promo, .hero .animate__repeat-2.single-accommodation-cta, .hero .animate__repeat-2.usps, .hero h2.animate__repeat-2, .hero h1.animate__repeat-2 {
  -webkit-animation-iteration-count: 2;
  animation-iteration-count: 2;
  -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2);
  animation-iteration-count: calc(var(--animate-repeat) * 2);
}

.animate__animated.animate__repeat-3, .accommodation-preview .bottom .bottom-left .animate__repeat-3.price.with-promo, .hero .animate__repeat-3.single-accommodation-cta, .hero .animate__repeat-3.usps, .hero h2.animate__repeat-3, .hero h1.animate__repeat-3 {
  -webkit-animation-iteration-count: 3;
  animation-iteration-count: 3;
  -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3);
  animation-iteration-count: calc(var(--animate-repeat) * 3);
}

.animate__animated.animate__delay-1s, .accommodation-preview .bottom .bottom-left .animate__delay-1s.price.with-promo, .hero .animate__delay-1s.single-accommodation-cta, .hero .animate__delay-1s.usps, .hero h2.animate__delay-1s, .hero h1.animate__delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-delay: var(--animate-delay);
  animation-delay: var(--animate-delay);
}

.animate__animated.animate__delay-2s, .accommodation-preview .bottom .bottom-left .animate__delay-2s.price.with-promo, .hero .animate__delay-2s.single-accommodation-cta, .hero .animate__delay-2s.usps, .hero h2.animate__delay-2s, .hero h1.animate__delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-delay: calc(var(--animate-delay) * 2);
  animation-delay: calc(var(--animate-delay) * 2);
}

.animate__animated.animate__delay-3s, .accommodation-preview .bottom .bottom-left .animate__delay-3s.price.with-promo, .hero .animate__delay-3s.single-accommodation-cta, .hero .animate__delay-3s.usps, .hero h2.animate__delay-3s, .hero h1.animate__delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
  -webkit-animation-delay: calc(var(--animate-delay) * 3);
  animation-delay: calc(var(--animate-delay) * 3);
}

.animate__animated.animate__delay-4s, .accommodation-preview .bottom .bottom-left .animate__delay-4s.price.with-promo, .hero .animate__delay-4s.single-accommodation-cta, .hero .animate__delay-4s.usps, .hero h2.animate__delay-4s, .hero h1.animate__delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
  -webkit-animation-delay: calc(var(--animate-delay) * 4);
  animation-delay: calc(var(--animate-delay) * 4);
}

.animate__animated.animate__delay-5s, .accommodation-preview .bottom .bottom-left .animate__delay-5s.price.with-promo, .hero .animate__delay-5s.single-accommodation-cta, .hero .animate__delay-5s.usps, .hero h2.animate__delay-5s, .hero h1.animate__delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
  -webkit-animation-delay: calc(var(--animate-delay) * 5);
  animation-delay: calc(var(--animate-delay) * 5);
}

.animate__animated.animate__faster, .accommodation-preview .bottom .bottom-left .animate__faster.price.with-promo, .hero .animate__faster.single-accommodation-cta, .hero .animate__faster.usps, .hero h2.animate__faster, .hero h1.animate__faster {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-duration: calc(var(--animate-duration) / 2);
  animation-duration: calc(var(--animate-duration) / 2);
}

.animate__animated.animate__fast, .accommodation-preview .bottom .bottom-left .animate__fast.price.with-promo, .hero .animate__fast.single-accommodation-cta, .hero .animate__fast.usps, .hero h2.animate__fast, .hero h1.animate__fast {
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-duration: calc(var(--animate-duration) * 0.8);
  animation-duration: calc(var(--animate-duration) * 0.8);
}

.animate__animated.animate__slow, .accommodation-preview .bottom .bottom-left .animate__slow.price.with-promo, .hero .animate__slow.single-accommodation-cta, .hero .animate__slow.usps, .hero h2.animate__slow, .hero h1.animate__slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-duration: calc(var(--animate-duration) * 2);
  animation-duration: calc(var(--animate-duration) * 2);
}

.animate__animated.animate__slower, .accommodation-preview .bottom .bottom-left .animate__slower.price.with-promo, .hero .animate__slower.single-accommodation-cta, .hero .animate__slower.usps, .hero h2.animate__slower, .hero h1.animate__slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-duration: calc(var(--animate-duration) * 3);
  animation-duration: calc(var(--animate-duration) * 3);
}

@media (prefers-reduced-motion: reduce), print {
  .animate__animated, .accommodation-preview .bottom .bottom-left .price.with-promo, .hero .single-accommodation-cta, .hero .usps, .hero h2, .hero h1 {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
  }
  .animate__animated[class*=Out], .accommodation-preview .bottom .bottom-left [class*=Out].price.with-promo, .hero [class*=Out].single-accommodation-cta, .hero [class*=Out].usps, .hero h2[class*=Out], .hero h1[class*=Out] {
    opacity: 0;
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 53%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }
  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translateZ(0) scaleY(0.95);
    transform: translateZ(0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}
@keyframes bounce {
  0%, 20%, 53%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }
  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translateZ(0) scaleY(0.95);
    transform: translateZ(0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}
.animate__bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
      transform-origin: center bottom;
}

@-webkit-keyframes flash {
  0%, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
@keyframes flash {
  0%, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
.animate__flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
.animate__pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
@keyframes rubberBand {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
.animate__rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shakeX {
  0%, to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
@keyframes shakeX {
  0%, to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
.animate__shakeX {
  -webkit-animation-name: shakeX;
  animation-name: shakeX;
}

@-webkit-keyframes shakeY {
  0%, to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
}
@keyframes shakeY {
  0%, to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
}
.animate__shakeY {
  -webkit-animation-name: shakeY;
  animation-name: shakeY;
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.animate__headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
.animate__swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
      transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
@keyframes tada {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
.animate__tada, .accommodation-preview .bottom .bottom-left .price.with-promo, .hero .single-accommodation-cta {
  -webkit-animation-name: tada;
  animation-name: tada;
}

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
    transform: translate3d(-25%, 0, 0) rotate(-5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
    transform: translate3d(20%, 0, 0) rotate(3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
    transform: translate3d(-15%, 0, 0) rotate(-3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
    transform: translate3d(10%, 0, 0) rotate(2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
    transform: translate3d(-5%, 0, 0) rotate(-1deg);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes wobble {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
    transform: translate3d(-25%, 0, 0) rotate(-5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
    transform: translate3d(20%, 0, 0) rotate(3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
    transform: translate3d(-15%, 0, 0) rotate(-3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
    transform: translate3d(10%, 0, 0) rotate(2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
    transform: translate3d(-5%, 0, 0) rotate(-1deg);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  0%, 11.1%, to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
@keyframes jello {
  0%, 11.1%, to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.animate__jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
      transform-origin: center;
}

@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.animate__heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-duration: calc(var(--animate-duration) * 1.3);
  animation-duration: calc(var(--animate-duration) * 1.3);
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

@-webkit-keyframes backInDown {
  0% {
    -webkit-transform: translateY(-1200px) scale(0.7);
    transform: translateY(-1200px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateY(0) scale(0.7);
    transform: translateY(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInDown {
  0% {
    -webkit-transform: translateY(-1200px) scale(0.7);
    transform: translateY(-1200px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateY(0) scale(0.7);
    transform: translateY(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInDown {
  -webkit-animation-name: backInDown;
  animation-name: backInDown;
}

@-webkit-keyframes backInLeft {
  0% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateX(0) scale(0.7);
    transform: translateX(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInLeft {
  0% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateX(0) scale(0.7);
    transform: translateX(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInLeft {
  -webkit-animation-name: backInLeft;
  animation-name: backInLeft;
}

@-webkit-keyframes backInRight {
  0% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateX(0) scale(0.7);
    transform: translateX(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInRight {
  0% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateX(0) scale(0.7);
    transform: translateX(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInRight {
  -webkit-animation-name: backInRight;
  animation-name: backInRight;
}

@-webkit-keyframes backInUp {
  0% {
    -webkit-transform: translateY(1200px) scale(0.7);
    transform: translateY(1200px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateY(0) scale(0.7);
    transform: translateY(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInUp {
  0% {
    -webkit-transform: translateY(1200px) scale(0.7);
    transform: translateY(1200px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateY(0) scale(0.7);
    transform: translateY(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInUp {
  -webkit-animation-name: backInUp;
  animation-name: backInUp;
}

@-webkit-keyframes backOutDown {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateY(0) scale(0.7);
    transform: translateY(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    -webkit-transform: translateY(700px) scale(0.7);
    transform: translateY(700px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutDown {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateY(0) scale(0.7);
    transform: translateY(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    -webkit-transform: translateY(700px) scale(0.7);
    transform: translateY(700px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutDown {
  -webkit-animation-name: backOutDown;
  animation-name: backOutDown;
}

@-webkit-keyframes backOutLeft {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateX(0) scale(0.7);
    transform: translateX(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutLeft {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateX(0) scale(0.7);
    transform: translateX(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutLeft {
  -webkit-animation-name: backOutLeft;
  animation-name: backOutLeft;
}

@-webkit-keyframes backOutRight {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateX(0) scale(0.7);
    transform: translateX(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutRight {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateX(0) scale(0.7);
    transform: translateX(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutRight {
  -webkit-animation-name: backOutRight;
  animation-name: backOutRight;
}

@-webkit-keyframes backOutUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateY(0) scale(0.7);
    transform: translateY(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    -webkit-transform: translateY(-700px) scale(0.7);
    transform: translateY(-700px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateY(0) scale(0.7);
    transform: translateY(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    -webkit-transform: translateY(-700px) scale(0.7);
    transform: translateY(-700px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutUp {
  -webkit-animation-name: backOutUp;
  animation-name: backOutUp;
}

@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
.animate__bounceIn {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
    transform: translate3d(0, -3000px, 0) scaleY(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
    transform: translate3d(0, 25px, 0) scaleY(0.9);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
    transform: translate3d(0, -10px, 0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
    transform: translate3d(0, 5px, 0) scaleY(0.985);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes bounceInDown {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
    transform: translate3d(0, -3000px, 0) scaleY(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
    transform: translate3d(0, 25px, 0) scaleY(0.9);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
    transform: translate3d(0, -10px, 0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
    transform: translate3d(0, 5px, 0) scaleY(0.985);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
    transform: translate3d(-3000px, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
    transform: translate3d(25px, 0, 0) scaleX(1);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
    transform: translate3d(-10px, 0, 0) scaleX(0.98);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
    transform: translate3d(5px, 0, 0) scaleX(0.995);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
    transform: translate3d(-3000px, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
    transform: translate3d(25px, 0, 0) scaleX(1);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
    transform: translate3d(-10px, 0, 0) scaleX(0.98);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
    transform: translate3d(5px, 0, 0) scaleX(0.995);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
    transform: translate3d(3000px, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
    transform: translate3d(-25px, 0, 0) scaleX(1);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
    transform: translate3d(10px, 0, 0) scaleX(0.98);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
    transform: translate3d(-5px, 0, 0) scaleX(0.995);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes bounceInRight {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
    transform: translate3d(3000px, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
    transform: translate3d(-25px, 0, 0) scaleX(1);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
    transform: translate3d(10px, 0, 0) scaleX(0.98);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
    transform: translate3d(-5px, 0, 0) scaleX(0.995);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
    transform: translate3d(0, 3000px, 0) scaleY(5);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
    transform: translate3d(0, 10px, 0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
    transform: translate3d(0, -5px, 0) scaleY(0.985);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes bounceInUp {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
    transform: translate3d(0, 3000px, 0) scaleY(5);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
    transform: translate3d(0, 10px, 0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
    transform: translate3d(0, -5px, 0) scaleY(0.985);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.animate__bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
    transform: translate3d(0, 10px, 0) scaleY(0.985);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
    transform: translate3d(0, 2000px, 0) scaleY(3);
  }
}
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
    transform: translate3d(0, 10px, 0) scaleY(0.985);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
    transform: translate3d(0, 2000px, 0) scaleY(3);
  }
}
.animate__bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
    transform: translate3d(20px, 0, 0) scaleX(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
    transform: translate3d(-2000px, 0, 0) scaleX(2);
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
    transform: translate3d(20px, 0, 0) scaleX(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
    transform: translate3d(-2000px, 0, 0) scaleX(2);
  }
}
.animate__bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
    transform: translate3d(-20px, 0, 0) scaleX(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
    transform: translate3d(2000px, 0, 0) scaleX(2);
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
    transform: translate3d(-20px, 0, 0) scaleX(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
    transform: translate3d(2000px, 0, 0) scaleX(2);
  }
}
.animate__bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
    transform: translate3d(0, -10px, 0) scaleY(0.985);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
    transform: translate3d(0, 20px, 0) scaleY(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
    transform: translate3d(0, -2000px, 0) scaleY(3);
  }
}
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
    transform: translate3d(0, -10px, 0) scaleY(0.985);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
    transform: translate3d(0, 20px, 0) scaleY(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
    transform: translate3d(0, -2000px, 0) scaleY(3);
  }
}
.animate__bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.animate__fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__fadeInLeft, .hero h1 {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__fadeInRight, .hero h2 {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__fadeInUp, .hero .usps {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeInTopLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInTopLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__fadeInTopLeft {
  -webkit-animation-name: fadeInTopLeft;
  animation-name: fadeInTopLeft;
}

@-webkit-keyframes fadeInTopRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInTopRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__fadeInTopRight {
  -webkit-animation-name: fadeInTopRight;
  animation-name: fadeInTopRight;
}

@-webkit-keyframes fadeInBottomLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInBottomLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__fadeInBottomLeft {
  -webkit-animation-name: fadeInBottomLeft;
  animation-name: fadeInBottomLeft;
}

@-webkit-keyframes fadeInBottomRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInBottomRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__fadeInBottomRight {
  -webkit-animation-name: fadeInBottomRight;
  animation-name: fadeInBottomRight;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.animate__fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.animate__fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.animate__fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.animate__fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.animate__fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.animate__fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.animate__fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.animate__fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.animate__fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes fadeOutTopLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
}
@keyframes fadeOutTopLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
}
.animate__fadeOutTopLeft {
  -webkit-animation-name: fadeOutTopLeft;
  animation-name: fadeOutTopLeft;
}

@-webkit-keyframes fadeOutTopRight {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
}
@keyframes fadeOutTopRight {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
}
.animate__fadeOutTopRight {
  -webkit-animation-name: fadeOutTopRight;
  animation-name: fadeOutTopRight;
}

@-webkit-keyframes fadeOutBottomRight {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
}
@keyframes fadeOutBottomRight {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
}
.animate__fadeOutBottomRight {
  -webkit-animation-name: fadeOutBottomRight;
  animation-name: fadeOutBottomRight;
}

@-webkit-keyframes fadeOutBottomLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
}
@keyframes fadeOutBottomLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
}
.animate__fadeOutBottomLeft {
  -webkit-animation-name: fadeOutBottomLeft;
  animation-name: fadeOutBottomLeft;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.animate__animated.animate__flip, .accommodation-preview .bottom .bottom-left .animate__flip.price.with-promo, .hero .animate__flip.single-accommodation-cta, .hero .animate__flip.usps, .hero h2.animate__flip, .hero h1.animate__flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotateX(-5deg);
    transform: perspective(400px) rotateX(-5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotateX(-5deg);
    transform: perspective(400px) rotateX(-5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.animate__flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-20deg);
    transform: perspective(400px) rotateY(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotateY(-5deg);
    transform: perspective(400px) rotateY(-5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-20deg);
    transform: perspective(400px) rotateY(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotateY(-5deg);
    transform: perspective(400px) rotateY(-5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.animate__flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
.animate__flipOutX {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotateY(-15deg);
    transform: perspective(400px) rotateY(-15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotateY(-15deg);
    transform: perspective(400px) rotateY(-15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
.animate__flipOutY {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes lightSpeedInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__lightSpeedInRight {
  -webkit-animation-name: lightSpeedInRight;
  animation-name: lightSpeedInRight;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(5deg);
    transform: skewX(5deg);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes lightSpeedInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(5deg);
    transform: skewX(5deg);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__lightSpeedInLeft {
  -webkit-animation-name: lightSpeedInLeft;
  animation-name: lightSpeedInLeft;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOutRight {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOutRight {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.animate__lightSpeedOutRight {
  -webkit-animation-name: lightSpeedOutRight;
  animation-name: lightSpeedOutRight;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes lightSpeedOutLeft {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOutLeft {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
}
.animate__lightSpeedOutLeft {
  -webkit-animation-name: lightSpeedOutLeft;
  animation-name: lightSpeedOutLeft;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes rotateIn {
  0% {
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
.animate__rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
      transform-origin: center;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  0% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
.animate__rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
  -webkit-transform-origin: left bottom;
  -ms-transform-origin: left bottom;
      transform-origin: left bottom;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  0% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
.animate__rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
  -webkit-transform-origin: right bottom;
  -ms-transform-origin: right bottom;
      transform-origin: right bottom;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  0% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
.animate__rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
  -webkit-transform-origin: left bottom;
  -ms-transform-origin: left bottom;
      transform-origin: left bottom;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  0% {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
.animate__rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
  -webkit-transform-origin: right bottom;
  -ms-transform-origin: right bottom;
      transform-origin: right bottom;
}

@-webkit-keyframes rotateOut {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}
.animate__rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
      transform-origin: center;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
  }
}
.animate__rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
  -webkit-transform-origin: left bottom;
  -ms-transform-origin: left bottom;
      transform-origin: left bottom;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
  }
}
.animate__rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
  -webkit-transform-origin: right bottom;
  -ms-transform-origin: right bottom;
      transform-origin: right bottom;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
  }
}
.animate__rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
  -webkit-transform-origin: left bottom;
  -ms-transform-origin: left bottom;
      transform-origin: left bottom;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
.animate__rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
  -webkit-transform-origin: right bottom;
  -ms-transform-origin: right bottom;
      transform-origin: right bottom;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.animate__hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-duration: calc(var(--animate-duration) * 2);
  animation-duration: calc(var(--animate-duration) * 2);
  -webkit-animation-name: hinge;
  animation-name: hinge;
  -webkit-transform-origin: top left;
  -ms-transform-origin: top left;
      transform-origin: top left;
}

@-webkit-keyframes jackInTheBox {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes jackInTheBox {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.animate__jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
    transform: translate3d(-100%, 0, 0) rotate(-120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
    transform: translate3d(-100%, 0, 0) rotate(-120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
    transform: translate3d(100%, 0, 0) rotate(120deg);
  }
}
@keyframes rollOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
    transform: translate3d(100%, 0, 0) rotate(120deg);
  }
}
.animate__rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.animate__zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
@keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.animate__zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
      transform-origin: center bottom;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
  }
}
.animate__zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
      transform-origin: left center;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
  }
}
.animate__zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
  -webkit-transform-origin: right center;
  -ms-transform-origin: right center;
      transform-origin: right center;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
      transform-origin: center bottom;
}

@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes slideOutDown {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.animate__slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.animate__slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes slideOutRight {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.animate__slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes slideOutUp {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.animate__slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

.slick-prev:before, .slick-next:before {
  color: #b1000e !important;
  font-size: 40px !important;
}

html, body {
  font-size: 18px;
  font-family: "Roboto", sans-serif;
  color: #564b3a;
  line-height: 1.6;
  background-color: #f3eadc;
}

.show-on-mobile {
  display: none !important;
}

.content-wrapper {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
}
.content-wrapper:after {
  content: "";
  display: table;
  clear: both;
}
.content-wrapper.no-top {
  padding-top: 0px;
}
.content-wrapper.narrow {
  padding: 10px;
}

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

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

header, #header {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: 15;
  padding: 20px;
  background: rgb(0, 0, 0);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.7)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0) 100%);
}
header .left, #header .left {
  display: block;
  float: left;
  width: 60%;
}
header .right, #header .right {
  display: block;
  float: right;
  width: 40%;
}

#nav .logo-holder {
  display: block;
  float: left;
  margin-right: 20px;
  width: 70px;
}
#nav ul {
  list-style: none;
  margin-left: 0px;
  text-transform: uppercase;
  font-family: "Dosis", sans-serif;
}
#nav .menu-main-container > ul > li,
#nav .menu-main_en-container > ul > li,
#nav .menu-main_fr-container > ul > li,
#nav .menu-main_de-container > ul > li {
  display: inline-block;
  position: relative;
}
#nav .menu-main-container > ul > li > a,
#nav .menu-main_en-container > ul > li > a,
#nav .menu-main_fr-container > ul > li > a,
#nav .menu-main_de-container > ul > li > a {
  padding: 20px;
  color: White;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  display: block;
}
#nav .menu-main-container > ul > li.current-menu-item > a, #nav .menu-main-container > ul > li > a:hover,
#nav .menu-main_en-container > ul > li.current-menu-item > a,
#nav .menu-main_en-container > ul > li > a:hover,
#nav .menu-main_fr-container > ul > li.current-menu-item > a,
#nav .menu-main_fr-container > ul > li > a:hover,
#nav .menu-main_de-container > ul > li.current-menu-item > a,
#nav .menu-main_de-container > ul > li > a:hover {
  color: #eabc11;
}
#nav .menu-main-container > ul > li > .sub-menu,
#nav .menu-main_en-container > ul > li > .sub-menu,
#nav .menu-main_fr-container > ul > li > .sub-menu,
#nav .menu-main_de-container > ul > li > .sub-menu {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  width: 250px;
  top: 100%;
  left: 50%;
  margin-left: -125px;
  background-color: #8bbcaf;
  color: White;
  text-align: center;
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transform: translateY(40px);
  -webkit-transform: translateY(40px);
  transform: translateY(40px);
}
#nav .menu-main-container > ul > li > .sub-menu li,
#nav .menu-main_en-container > ul > li > .sub-menu li,
#nav .menu-main_fr-container > ul > li > .sub-menu li,
#nav .menu-main_de-container > ul > li > .sub-menu li {
  border-bottom: 1px solid #10585f;
  position: relative;
}
#nav .menu-main-container > ul > li > .sub-menu li a,
#nav .menu-main_en-container > ul > li > .sub-menu li a,
#nav .menu-main_fr-container > ul > li > .sub-menu li a,
#nav .menu-main_de-container > ul > li > .sub-menu li a {
  color: #10585f;
  display: block;
  text-decoration: none;
  padding: 6.6666666667px;
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
}
#nav .menu-main-container > ul > li > .sub-menu li:hover > a,
#nav .menu-main_en-container > ul > li > .sub-menu li:hover > a,
#nav .menu-main_fr-container > ul > li > .sub-menu li:hover > a,
#nav .menu-main_de-container > ul > li > .sub-menu li:hover > a {
  color: #8bbcaf;
  background-color: #10585f;
}
#nav .menu-main-container > ul > li > .sub-menu li:last-child,
#nav .menu-main_en-container > ul > li > .sub-menu li:last-child,
#nav .menu-main_fr-container > ul > li > .sub-menu li:last-child,
#nav .menu-main_de-container > ul > li > .sub-menu li:last-child {
  border-bottom: 0px;
}
#nav .menu-main-container > ul > li > .sub-menu li > .sub-menu,
#nav .menu-main_en-container > ul > li > .sub-menu li > .sub-menu,
#nav .menu-main_fr-container > ul > li > .sub-menu li > .sub-menu,
#nav .menu-main_de-container > ul > li > .sub-menu li > .sub-menu {
  position: absolute;
  width: 250px;
  left: 100%;
  margin: 0px;
  border-left: 5px solid transparent;
  top: 0px;
  visiblity: hidden;
  opacity: 0;
  -ms-transform: translateX(40px);
  -webkit-transform: translateX(40px);
  transform: translateX(40px);
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  z-index: 10;
}
#nav .menu-main-container > ul > li > .sub-menu li > .sub-menu > li,
#nav .menu-main_en-container > ul > li > .sub-menu li > .sub-menu > li,
#nav .menu-main_fr-container > ul > li > .sub-menu li > .sub-menu > li,
#nav .menu-main_de-container > ul > li > .sub-menu li > .sub-menu > li {
  border-bottom: 1px solid #10585f;
}
#nav .menu-main-container > ul > li > .sub-menu li > .sub-menu > li:last-child,
#nav .menu-main_en-container > ul > li > .sub-menu li > .sub-menu > li:last-child,
#nav .menu-main_fr-container > ul > li > .sub-menu li > .sub-menu > li:last-child,
#nav .menu-main_de-container > ul > li > .sub-menu li > .sub-menu > li:last-child {
  border-bottom: 0px;
}
#nav .menu-main-container > ul > li > .sub-menu li > .sub-menu > li a,
#nav .menu-main_en-container > ul > li > .sub-menu li > .sub-menu > li a,
#nav .menu-main_fr-container > ul > li > .sub-menu li > .sub-menu > li a,
#nav .menu-main_de-container > ul > li > .sub-menu li > .sub-menu > li a {
  color: #10585f;
  background-color: #8bbcaf;
}
#nav .menu-main-container > ul > li > .sub-menu li > .sub-menu > li a:hover,
#nav .menu-main_en-container > ul > li > .sub-menu li > .sub-menu > li a:hover,
#nav .menu-main_fr-container > ul > li > .sub-menu li > .sub-menu > li a:hover,
#nav .menu-main_de-container > ul > li > .sub-menu li > .sub-menu > li a:hover {
  background-color: #10585f;
  color: #8bbcaf;
}
#nav .menu-main-container > ul > li > .sub-menu li:hover > .sub-menu,
#nav .menu-main_en-container > ul > li > .sub-menu li:hover > .sub-menu,
#nav .menu-main_fr-container > ul > li > .sub-menu li:hover > .sub-menu,
#nav .menu-main_de-container > ul > li > .sub-menu li:hover > .sub-menu {
  visibility: visible;
  opacity: 1;
  z-index: 11;
  -ms-transform: translateX(0px);
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
}
#nav .menu-main-container > ul > li:hover .sub-menu,
#nav .menu-main_en-container > ul > li:hover .sub-menu,
#nav .menu-main_fr-container > ul > li:hover .sub-menu,
#nav .menu-main_de-container > ul > li:hover .sub-menu {
  visibility: visible;
  opacity: 1;
  -ms-transform: translateY(0px);
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}

#header-cta {
  float: right;
}
#header-cta .button {
  margin-left: 10px;
}

#language-picker {
  list-style: none;
  margin-left: 0px;
  float: right;
  text-transform: uppercase;
  font-family: "Dosis", sans-serif;
}
#language-picker li {
  display: inline-block;
  position: relative;
}
#language-picker li a {
  padding: 20px 10px;
  color: White;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  display: block;
}

#footer {
  background: url(../img/footer-bg-visual-2024-cropped.jpg) no-repeat #e0eaf1 bottom center;
  background-size: 100% auto;
  padding-bottom: 36vw;
  color: #10585f;
}
#footer ul {
  list-style: none;
  margin-left: 0px;
}
#footer ul.horizontal li {
  opacity: 1;
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
}
#footer ul.horizontal:hover li {
  opacity: 0.5;
}
#footer ul.horizontal:hover li:hover {
  opacity: 1;
}
#footer .footer-block-row:after {
  content: "";
  display: table;
  clear: both;
}
#footer .footer-block-row {
  margin-bottom: 20px;
}
#footer .footer-block-row:last-child {
  margin-bottom: 0px;
}
#footer .footer-block {
  width: 60%;
  float: left;
}
#footer .footer-block .footer-block-column {
  float: left;
  width: 50%;
}
#footer .footer-block.second {
  width: 40%;
}

#bottom-bar {
  background-color: #10585f;
  color: #8bbcaf;
  text-align: center;
  font-size: 0.8888888889rem;
}

#labels {
  background-color: white;
  position: relative;
  padding: 4px 0px;
}
#labels .inner {
  border-top: 2px dashed #8bbcaf;
  border-bottom: 2px dashed #8bbcaf;
}
#labels .content-wrapper {
  padding: 15px 20px 5px 20px;
}
#labels .left {
  width: 30%;
  float: left;
}
#labels .left:after {
  content: "";
  display: table;
  clear: both;
}
#labels .left a {
  display: inline-block;
  margin-right: 20px;
}
#labels .left img {
  display: block;
  max-height: 50px;
  width: auto;
}
#labels .right {
  width: 70%;
  float: left;
}
#labels .right:after {
  content: "";
  display: table;
  clear: both;
}
#labels .right {
  padding: 5px 0px;
  text-align: right;
}
#labels .right a {
  display: inline-block;
  margin-left: 20px;
}
#labels .right img {
  display: block;
  max-height: 40px;
  width: auto;
}

.section-intro {
  text-align: center;
  margin-bottom: 20px;
}
.section-intro.intro-only {
  padding-top: 40px;
  padding-bottom: 40px;
}
.section-intro.align-left {
  text-align: left;
}
.section-intro.align-right {
  text-align: right;
}

.section:after {
  content: "";
  display: table;
  clear: both;
}
.section {
  padding-top: 40px;
  padding-bottom: 40px;
  display: table;
  width: 100%;
}
.section.no-padding {
  padding-top: 0px;
  padding-bottom: 0px;
}
.section.with-background-image {
  background-attachment: fixed;
  background-size: cover;
  background-position: center center;
  padding: 100px 0px;
}
.section.with-background-image.blocktype_x-panes {
  padding-top: 20px;
  padding-bottom: 20px;
}
.section.red {
  background-color: #b1000e;
  color: #10585f;
}
.section.yellow {
  background-color: #eabc11;
  color: #10585f;
}
.section.turqoise {
  background-color: #8bbcaf;
  color: #10585f;
}
.section.turqoise-light {
  background-color: #c8e3dc;
  color: #10585f;
}
.section.green {
  background-color: #a2a808;
  color: #10585f;
}
.section.blue {
  background-color: #10585f;
  color: #10585f;
}
.section.white {
  background-color: transparent;
}
.section.green-leaf {
  background-image: url("../img/bg-leaf-green.svg");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  color: White;
}
.section.red-leaf {
  background-image: url("../img/bg-leaf-red.svg");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  color: White;
}
.section.yellow-leaf {
  background-image: url("../img/bg-leaf-yellow.svg");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  color: White;
}
.section.blue-leaf {
  background-image: url("../img/bg-leaf-blue.svg");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  color: #8bbcaf;
}
.section.turqoise-leaf {
  background-image: url("../img/bg-leaf-turqoise.svg");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  color: #10585f;
}
.section.turqoise-light-leaf {
  background-image: url("../img/bg-leaf-turqoise-light.svg");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  color: #10585f;
}
.section .block {
  width: 50%;
  display: table-cell;
  vertical-align: middle;
}
.section .block.align-top {
  vertical-align: top;
}
.section .block.red {
  background-color: #b1000e;
  color: White;
}
.section .block.yellow {
  background-color: #eabc11;
  color: White;
}
.section .block.turqoise {
  background-color: #8bbcaf;
  color: White;
}
.section .block.turqoise-light {
  background-color: #c8e3dc;
  color: #10585f;
}
.section .block.green {
  background-color: #a2a808;
  color: White;
}
.section .block.green {
  background-color: #a2a808;
  color: White;
}
.section .block.white {
  background-color: transparent;
}
.section .block.image img {
  border-radius: 40px;
  margin-left: auto;
  margin-right: auto;
}
.section .block.image.smaller img, .section .block.image.frm_description img {
  width: 70%;
}
.section .block .content-wrapper {
  margin: 0;
  max-width: 600px;
  padding-top: 40px;
  padding-bottom: 40px;
}
.section .block:first-child .content-wrapper {
  margin-left: auto;
}
.section.blocktype_three-panes .column, .section.blocktype_x-panes .column {
  text-align: center;
}
.section.blocktype_three-panes .column img, .section.blocktype_x-panes .column img {
  border-radius: 40px;
  margin-bottom: 20px;
}
.section.blocktype_three-panes .column.align-left, .section.blocktype_x-panes .column.align-left {
  text-align: left;
}
.section.blocktype_three-panes .column.align-right, .section.blocktype_x-panes .column.align-right {
  text-align: right;
}
.section.blocktype_full-width-ribbon {
  padding-top: 0px;
  padding-bottom: 0px;
}

.section-ribbon {
  background-color: transparent;
  position: relative;
  padding: 4px 0px;
}
.section-ribbon .inner {
  border-top: 2px dashed #8bbcaf;
  border-bottom: 2px dashed #8bbcaf;
  padding: 4px 0px;
}

.suggestion h3 {
  font-size: 1.2777777778rem;
}
.suggestion h3 .sub {
  font-size: 1rem;
}
.box {
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  overflow: hidden;
  margin-bottom: 20px;
}
.box.overflow-visible {
  overflow: visible;
}
.box img {
  width: 100%;
  height: auto;
}
.box.red {
  background-color: #b1000e;
}
.box.yellow {
  background-color: #eabc11;
}
.box.turqoise {
  background-color: #8bbcaf;
}
.box.turqoise-dark {
  background-color: #7a9d94;
}
.box.green {
  background-color: #a2a808;
}
.box.blue {
  background-color: #10585f;
}
.box.white {
  background-color: white;
}
.box.border {
  border: 1px solid rgb(189.75, 177.375, 158.25);
}

.button {
  padding: 17px 25px;
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  font-size: 1.1111111111rem;
  display: inline-block;
  font-weight: 800;
  text-transform: uppercase;
  color: White;
  text-decoration: none;
  cursor: pointer;
  margin-bottom: 20px;
  font-family: "Dosis", sans-serif;
  border: 0px;
}
.button.disabled, .button:disabled {
  cursor: default;
  opacity: 0.5;
}
.button:last-child {
  margin-bottom: 0px;
}
.button:focus {
  outline: 0px;
}
.button {
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
}
.button i {
  position: relative;
  top: 2px;
  margin-left: 20px;
  transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  left: 0px;
}
.button i.first {
  margin-left: 0px;
  margin-right: 20px;
}
.button .button-image {
  display: inline-block;
  height: 1.4444444444rem;
  width: auto;
  margin-right: 20px;
}
.button:hover i {
  left: 5px;
}
.button.small {
  padding: 8px 20px;
  font-size: 1rem;
}
.button.tiny, .suggestion .button {
  padding: 3px 10px;
  font-size: 0.8888888889rem;
}
.button.tiny i, .suggestion .button i {
  margin-left: 10px;
}
.button.tiny i.first, .suggestion .button i.first {
  margin-left: 0px;
  margin-right: 10px;
}
.button.tiny .button-image, .suggestion .button .button-image {
  margin-right: 10px;
  height: 0.8888888889rem;
  position: relative;
  top: 2px;
}
.button.red {
  background-color: #b1000e;
}
.button.red:hover {
  background-color: rgb(126, 0, 9.9661016949);
}
.button.red.no-bg {
  background-color: transparent !important;
  color: #b1000e;
  padding: 0px;
}
.button.yellow {
  background-color: #eabc11;
}
.button.yellow:hover {
  background-color: rgb(186.4541832669, 149.8007968127, 13.5458167331);
}
.button.yellow.no-bg {
  background-color: transparent !important;
  color: #eabc11;
  padding: 0px;
}
.button.turqoise {
  background-color: #8bbcaf;
}
.button.turqoise:hover {
  background-color: rgb(106.6721311475, 169.3278688525, 152.7049180328);
}
.button.turqoise.no-bg {
  background-color: transparent !important;
  color: #8bbcaf;
  padding: 0px;
}
.button.green {
  background-color: #a2a808;
}
.button.green:hover {
  background-color: rgb(115.0568181818, 119.3181818182, 5.6818181818);
}
.button.green.no-bg {
  background-color: transparent !important;
  color: #a2a808;
  padding: 0px;
}
.button.blue {
  background-color: #10585f;
}
.button.blue:hover {
  background-color: rgb(8.6486486486, 47.5675675676, 51.3513513514);
}
.button.blue.no-bg {
  background-color: transparent !important;
  color: #10585f;
  padding: 0px;
}
.button.white {
  background-color: white;
}
.button.white:hover {
  background-color: rgb(229.5, 229.5, 229.5);
}
.button.white.no-bg {
  background-color: transparent !important;
  color: rgb(189.75, 177.375, 158.25);
  padding: 0px;
}

ul.usps {
  font-size: 1.4444444444rem;
  font-family: "Dosis", sans-serif;
  list-style: none;
  margin-left: 0px;
}
ul.usps i {
  position: relative;
  top: 2px;
  margin-right: 5px;
}
ul.usps.white {
  color: White;
}
ul.usps.small {
  font-size: 1rem;
}

ul {
  list-style: circle;
  margin-left: 20px;
}

ul.horizontal li, ol.horizontal li {
  display: inline-block;
  margin-right: 10px;
}

.hero {
  text-align: center;
  position: relative;
}
.hero .hero-slider .slide {
  height: 85vh;
  background-size: cover;
  background-position: center center;
}
.hero .hero-slider .slide img {
  display: none;
}
.hero > .content-wrapper {
  position: absolute;
  z-index: 2;
  bottom: 110px;
  max-width: 100%;
}
.hero h1, .hero h2 {
  color: White;
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);
}
.hero h1 {
  font-size: 4rem;
  margin-bottom: 10px;
  --animate-delay: 0.5s;
}
.hero h2 {
  font-weight: 400;
  font-size: 2rem;
  --animate-delay: 0.5s;
}
.hero .usps {
  color: White;
  max-width: 900px;
  margin: 0 auto;
  font-family: "Caveat Brush", cursive;
  font-size: 1.3333333333rem;
  --animate-delay: 0.5s;
}
.hero .usps li {
  display: inline-block;
  margin-left: 10px;
  margin-right: 10px;
}
.hero .usps li i {
  margin-right: 10px;
  color: #b1000e;
}
.hero .single-accommodation-cta {
  position: absolute;
  bottom: -32px;
  left: 50%;
  width: 320px;
  margin-left: -160px;
  height: 64px;
  z-index: 100;
}

.rating-holder {
  width: 220px;
  height: 32px;
  display: block;
  position: relative;
  background: url("../img/rating.png") no-repeat transparent top left;
  left: -4px;
  margin-bottom: 10px;
}
.rating-holder .rating {
  position: absolute;
  width: 50%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: url("../img/rating.png") no-repeat transparent bottom left;
}
.rating-holder.white, .rating-holder.white .rating {
  background-image: url("../img/rating-white.png");
}
.column-holder:after {
  content: "";
  display: table;
  clear: both;
}
.column-holder {
  margin-left: -20px;
  margin-right: -20px;
}
.column-holder .column {
  float: left;
}
.column-holder .column.third {
  width: 33.33%;
}
.column-holder .column.fourth {
  width: 25%;
}
.column-holder .column.half {
  width: 50%;
}
.column-holder .column.main {
  width: 75%;
}
.column-holder .column.aside {
  width: 25%;
}
.column-holder .column.single-narrowed {
  float: none;
  width: 75%;
  margin: 0 auto;
}

.input-field, .frm_top_container {
  margin-bottom: 20px;
}
.input-field:last-child, .frm_top_container:last-child {
  margin-bottom: 0px;
}
.input-field:last-child.ignore-last-child, .frm_top_container:last-child.ignore-last-child {
  margin-bottom: 20px;
}
.input-field.sub, .frm_top_container.sub {
  margin-left: 40px;
}
.input-field.half, .frm_top_container.half {
  width: 48.75%;
  float: left;
}
.input-field.half.last, .frm_top_container.half.last {
  margin-left: 2.5%;
}
.input-field.third, .frm_top_container.third {
  width: 32%;
  float: left;
}
.input-field.third.first, .frm_top_container.third.first {
  margin-right: 2%;
}
.input-field.third.last, .frm_top_container.third.last {
  margin-left: 2%;
  float: right;
}
.input-field.disabled, .frm_top_container.disabled {
  opacity: 0.5;
  cursor: default;
}
.input-field.highlighted, .frm_top_container.highlighted {
  border-radius: 20px;
  border: 1px solid #a2a808;
  padding: 5px 10px;
  color: #a2a808;
}
.input-field.highlighted label, .frm_top_container.highlighted label {
  font-weight: bold;
}
.input-field.highlighted label .checkbox-info, .frm_top_container.highlighted label .checkbox-info {
  font-weight: normal;
}
.input-field.with-border, .frm_top_container.with-border {
  border-radius: 20px;
  border: 1px solid #10585f;
  padding: 10px;
}
.input-field.preference-option:has(input[name=preference_option]) .input-field.sub, .frm_top_container.preference-option:has(input[name=preference_option]) .input-field.sub {
  display: none;
}
.input-field.preference-option:has(input[name=preference_option]:checked) .input-field.sub, .frm_top_container.preference-option:has(input[name=preference_option]:checked) .input-field.sub {
  display: block;
}

label {
  font-family: "Dosis", sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  display: block;
}
label.white {
  color: White;
}

label.checkbox,
label.radio {
  padding-left: 40px;
  position: relative;
  cursor: pointer;
}
label.checkbox input,
label.radio input {
  display: none;
}
label.checkbox strong,
label.radio strong {
  font-weight: 800;
}
label.checkbox .check,
label.checkbox .radio,
label.radio .check,
label.radio .radio {
  width: 20px;
  height: 20px;
  display: block;
  border: 1px solid rgb(189.75, 177.375, 158.25);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  background-color: White;
  position: absolute;
  top: 2px;
  left: 0px;
}
label.checkbox input:checked ~ .check:before,
label.checkbox input:checked ~ .radio:before,
label.radio input:checked ~ .check:before,
label.radio input:checked ~ .radio:before {
  content: "";
  width: 16px;
  height: 16px;
  display: block;
  position: absolute;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  top: 1px;
  left: 1px;
  background-color: #b1000e;
}
label.checkbox .checkbox-info,
label.checkbox .radio-info,
label.radio .checkbox-info,
label.radio .radio-info {
  display: block;
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  text-transform: none;
  font-size: 0.8888888889rem;
}

input:-moz-read-only:not(.readonly-but-writable), textarea:-moz-read-only:not(.readonly-but-writable) {
  cursor: default;
  background-color: rgb(230.8333333333, 226.25, 219.1666666667);
}

input:disabled:not(.readonly-but-writable), input:read-only:not(.readonly-but-writable), textarea:disabled:not(.readonly-but-writable), textarea:read-only:not(.readonly-but-writable) {
  cursor: default;
  background-color: rgb(230.8333333333, 226.25, 219.1666666667);
}

input,
select,
textarea {
  display: block;
  width: 100%;
  background-color: White;
  padding: 10px;
  font-size: 1rem;
  font-family: "Roboto", sans-serif;
  color: #564b3a;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border: 1px solid rgb(189.75, 177.375, 158.25);
}
input::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  font-style: italic;
  color: rgb(189.75, 177.375, 158.25);
}
input::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder {
  font-style: italic;
  color: rgb(189.75, 177.375, 158.25);
}
input:-ms-input-placeholder, select:-ms-input-placeholder, textarea:-ms-input-placeholder {
  font-style: italic;
  color: rgb(189.75, 177.375, 158.25);
}
input::-ms-input-placeholder, select::-ms-input-placeholder, textarea::-ms-input-placeholder {
  font-style: italic;
  color: rgb(189.75, 177.375, 158.25);
}
input::placeholder,
select::placeholder,
textarea::placeholder {
  font-style: italic;
  color: rgb(189.75, 177.375, 158.25);
}
input:focus,
select:focus,
textarea:focus {
  outline: none;
}
.box input,
.box select,
.box textarea {
  border: 0px;
}
input.invalid,
select.invalid,
textarea.invalid {
  color: #b1000e;
  border-color: #b1000e;
}

input::-webkit-inner-spin-button,
input::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
}

.input-with-icon {
  position: relative;
  display: block;
}
.input-with-icon i {
  background: url("../img/input-bg.png") no-repeat transparent top left;
  display: block;
  width: 41px;
  height: 41px;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 5;
}
.input-with-icon i.date {
  background-position: 0 0;
}
.input-with-icon i.adults {
  background-position: 0 -41px;
}
.input-with-icon i.children {
  background-position: 0 -82px;
}
.input-with-icon i.babies {
  background-position: 0 -164px;
}
.input-with-icon i.pets {
  background-position: 0 -123px;
}
.input-with-icon i.user {
  background-position: 0 -205px;
}
.input-with-icon input {
  padding-left: 41px;
}

.number-input {
  position: relative;
  display: block;
}
.number-input .up, .number-input .down {
  cursor: pointer;
  background-color: #7a9d94;
  color: #10585f;
  font-family: "Dosis", sans-serif;
  font-weight: 800;
  font-size: 1.2222222222rem;
  line-height: 32px;
  display: block;
  width: 22px;
  height: 100%;
  max-height: 43px;
  text-align: center;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  position: absolute;
  top: 0px;
  right: 0px;
}
.number-input .up:hover:not(.disabled), .number-input .down:hover:not(.disabled) {
  color: White;
  background-color: #10585f;
}
.number-input .up.disabled, .number-input .down.disabled {
  cursor: default;
  opacity: 0.5;
}
.number-input .up {
  border-radius: 0px 10px 10px 0px;
}
.number-input .down {
  border-radius: 10px 0px 0px 10px;
}
.number-input .down {
  right: 22px;
  border-right: 1px solid #10585f;
}

.input-group {
  margin-bottom: 20px;
}

.input-sub {
  display: block;
  line-height: 1.3;
  margin-top: 5px;
}

.nf-form-fields-required {
  display: none;
}

.frm_message {
  padding: 20px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  background-color: #8bbcaf;
  color: #10585f;
}

.frm_description {
  padding-left: 10px;
}

.frm_error,
.frm-error {
  font-weight: 800;
  color: #b1000e;
}

.frm_submit {
  margin-bottom: 20px;
}

.frm_form_field.vertical_radio > .frm_primary_label {
  display: none;
}
.frm_form_field.vertical_radio .frm_checkbox > label:after {
  content: "";
  display: table;
  clear: both;
}
.frm_form_field.vertical_radio .frm_checkbox > label {
  font-family: "Roboto", sans-serif;
  text-transform: none;
  font-weight: normal;
}
.frm_form_field.vertical_radio .frm_checkbox > label input {
  float: left;
  padding: 0px;
  width: 20px;
  height: 20px;
  margin-right: 5px;
}

.drp-calendar table td,
.drp-calendar table th {
  padding: inherit;
}

#quick-booking {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  background-color: #8bbcaf;
  border-radius: 40px;
  padding: 10px 20px;
}
#quick-booking:after {
  content: "";
  display: table;
  clear: both;
}
#quick-booking {
  position: relative;
  z-index: 10;
  margin-top: -70px;
  background-image: url("../img/bg-leaf-turqoise-light.svg");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  color: #10585f;
}
#quick-booking form:after {
  content: "";
  display: table;
  clear: both;
}
#quick-booking input,
#quick-booking select {
  border: 0px;
}
#quick-booking .input-field {
  float: left;
  padding-right: 10px;
  margin-bottom: 0px;
}
#quick-booking .input-field.date, #quick-booking .input-field.guests, #quick-booking .input-field.type, #quick-booking .input-field.submit {
  width: 25%;
}
#quick-booking .input-field.guests:after {
  content: "";
  display: table;
  clear: both;
}
#quick-booking .input-field.guests {
  padding-right: 0px;
}
#quick-booking .input-field.guests .counter {
  float: left;
  width: 50%;
  padding-right: 10px;
}
#quick-booking .input-field.submit {
  float: right;
}
#quick-booking .input-field.submit .button {
  margin-top: 8px;
  margin-right: 0px;
  float: right;
}

.period-suggestions {
  list-style: none;
  padding: 0px;
  margin: 10px 0px 0px 0px;
}
.period-suggestions li {
  display: inline-block;
  margin-bottom: 10px;
}
.period-suggestions .cta {
  color: #10585f;
  font-family: "Caveat Brush", cursive;
  font-size: 1.3333333333rem;
  text-transform: uppercase;
  font-weight: normal;
  margin-left: 10px;
  position: relative;
  top: 1px;
}

.accommodation-preview {
  margin-bottom: 20px;
  display: block;
}
.accommodation-preview:after {
  content: "";
  display: table;
  clear: both;
}
.accommodation-preview {
  border-bottom: 1px solid rgb(189.75, 177.375, 158.25);
  padding-bottom: 20px;
}
.accommodation-preview.simple {
  border-bottom: 0px;
  margin-bottom: 0px;
  padding-bottom: 0px;
}
.accommodation-preview.disabled .right {
  opacity: 0.5;
}
.accommodation-preview:last-child {
  border-bottom: 0px;
  padding-bottom: 0px;
}
.accommodation-preview .left {
  width: 30%;
  float: left;
}
.accommodation-preview .left img {
  width: auto;
  max-width: 100%;
  border-radius: 40px;
}
.accommodation-preview .right {
  width: 70%;
  float: right;
  padding: 0px 20px;
}
.accommodation-preview .right h4 {
  font-weight: normal;
}
.accommodation-preview .right .tags {
  margin-bottom: 5px;
}
.accommodation-preview .discover-accommodation {
  margin-bottom: 5px;
  margin-top: -5px;
}
.accommodation-preview .bottom:after {
  content: "";
  display: table;
  clear: both;
}
.accommodation-preview .bottom .bottom-left {
  display: block;
  float: left;
  width: 50%;
}
.accommodation-preview .bottom .bottom-left .price, .accommodation-preview .bottom .bottom-left .price-label {
  font-family: "Dosis", sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  line-height: 1;
  font-size: 0.6666666667rem;
  display: block;
}
.accommodation-preview .bottom .bottom-left .price-label {
  color: #8bbcaf;
}
.accommodation-preview .bottom .bottom-left .price {
  font-size: 2rem;
  color: #10585f;
}
.accommodation-preview .bottom .bottom-left .price.original-price {
  font-size: 1.2222222222rem;
  text-decoration: line-through;
  color: #b1000e;
}
.accommodation-preview .bottom .bottom-left .price.with-promo {
  background-color: #eabc11;
  display: inline-block;
  padding: 10px;
  border-radius: 10px;
  text-align: center;
}
.accommodation-preview .bottom .bottom-left .price.with-promo .promo-title {
  font-size: 0.5555555556rem;
  color: #10585f;
  display: block;
}
.accommodation-preview .bottom .bottom-left .price.with-promo .promo-price {
  color: #b1000e;
  font-size: 1.2222222222rem;
  display: block;
}
.accommodation-preview .bottom .bottom-left .price.with-promo .original-price {
  color: #10585f;
  font-size: 0.8888888889rem;
  text-decoration: line-through;
  display: block;
}
.accommodation-preview .bottom .button {
  float: right;
}
.accommodation-preview .bundle, .accommodation-preview .period-notes {
  margin-top: 10px;
  padding: 10px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}
.accommodation-preview .availability-info {
  margin-top: 10px;
  padding: 10px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  color: #10585f;
  font-size: 0.7777777778rem;
}

.accommodation-preview.f1 {
  background: url(../img/bg-f1.jpg) no-repeat bottom left black;
  background-size: cover;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  padding: 10px;
  border: 0px;
}
.accommodation-preview.f1 .left img {
  border-radius: 10px;
}
.accommodation-preview.f1 .right .tags .tag {
  background-color: White;
  color: Black;
  font-weight: bold;
}
.accommodation-preview.f1 .right h3.red {
  color: red;
}
.accommodation-preview.f1 .right h4 {
  color: White;
}
.accommodation-preview.f1 .right ul.usps {
  color: White;
}
.accommodation-preview.f1 .bottom {
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: 10px;
  padding: 10px;
}
.accommodation-preview.f1 .bottom .bottom-left .price-label {
  color: White;
}
.accommodation-preview.f1 .bottom .bottom-left .price {
  color: red;
}
.accommodation-preview.f1 .bottom .button.red {
  background-color: red;
}
.accommodation-preview.f1 .bundle, .accommodation-preview.f1 .period-notes {
  background-color: rgba(0, 0, 0, 0.6);
  color: black;
}

.bundle, .period-notes {
  background-color: #eabc11;
  padding: 10px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  margin-bottom: 10px;
}
.bundle .bundle-header, .period-notes .bundle-header {
  position: relative;
  min-height: 30px;
  padding-left: 40px;
  margin-bottom: 5px;
}
.bundle .bundle-header img, .period-notes .bundle-header img {
  height: 30px;
  width: 30px;
  position: absolute;
  top: 0px;
  left: 0px;
}
.bundle .bundle-header span, .period-notes .bundle-header span {
  display: inline;
  margin: 0px;
  font-size: 1rem;
  line-height: 30px;
  font-family: "Dosis", sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  color: #b1000e;
}
.bundle .bundle-content, .bundle .period-notes-content, .period-notes .bundle-content, .period-notes .period-notes-content {
  text-transform: none;
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  font-size: 0.7777777778rem;
  color: White;
}
.bundle .bundle-content p, .bundle .period-notes-content p, .period-notes .bundle-content p, .period-notes .period-notes-content p {
  margin-bottom: 5px;
}

.day-label {
  text-decoration: underline;
}

.single-accommodation .tags {
  margin-bottom: 10px;
}

.ad {
  background-attachment: fixed;
  background-size: cover;
  background-position: center center;
}
.ad.accommodation-preview {
  padding-bottom: 0px;
  border-bottom: 0px;
}
.ad .button:last-child,
.ad p:last-child {
  margin-bottom: 0px;
}

.accommodation-preview:has(+ .ad) {
  border-bottom: 0px;
  padding-bottom: 0px;
}

#preferred-pitch-map {
  margin-top: 10px;
  display: block;
}

.breadcrumbs > .content-wrapper {
  border-bottom: 1px solid rgb(189.75, 177.375, 158.25);
  padding: 10px 0px;
}
.breadcrumbs {
  font-size: 0.7777777778rem;
}
.breadcrumbs a {
  font-weight: bold;
}
.breadcrumbs .breadcrumb_last {
  font-weight: bold;
}

.simple-gallery:after {
  content: "";
  display: table;
  clear: both;
}
.simple-gallery {
  margin: 0px;
}
.simple-gallery li {
  padding-right: 20px;
  display: block;
  float: left;
  list-style: none;
  width: 33.33%;
}

.popup {
  position: fixed;
  inset: 0px;
  margin: auto;
  width: 100%;
  max-width: 900px;
  background-color: White;
  border-radius: 40px;
  z-index: 100;
  display: none;
  -webkit-box-shadow: 0px 0px 23px -6px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 23px -6px rgba(0, 0, 0, 0.75);
}
.popup .block.image img {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.popup.open {
  display: table;
}

.reviews > .content-wrapper {
  padding-top: 60px;
  padding-bottom: 60px;
}
.reviews .review {
  text-align: center;
  color: #10585f;
}
.reviews .review .rating-holder {
  margin: 0 auto 20px auto;
}
.reviews .review .quote {
  font-size: 2rem;
  line-height: 38px;
  font-family: "Caveat Brush", cursive;
  display: block;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  color: #564b3a;
}
.reviews .review .author {
  font-size: 1.4444444444rem;
  font-family: "Dosis", sans-serif;
  text-transform: uppercase;
  font-weight: 800;
  display: block;
  color: #b1000e;
  margin: 0 auto 20px auto;
}
.reviews .review .author span {
  font-weight: 400;
  color: #564b3a;
}

.review-source {
  display: inline-block;
  margin-bottom: 10px;
  width: 240px;
  height: 80px;
  background: no-repeat transparent center center;
}
.review-source.google, .review-source.google-reviews {
  background-image: url("../img/reviews-google.png");
}
.review-source.tripadvisor {
  background-image: url("../img/reviews-tripadvisor.png");
}
.review-source.facebook {
  background-image: url("../img/reviews-facebook.png");
}
.review-source.zoover {
  background-image: url("../img/reviews-zoover.png");
}
.review-source.eurocampings, .review-source.acsi {
  background-image: url("../img/reviews-eurocampings.png");
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Dosis", sans-serif;
  text-transform: uppercase;
  line-height: 1;
}
h1 .sub, h2 .sub, h3 .sub, h4 .sub, h5 .sub, h6 .sub {
  color: #564b3a;
}
h1.handwritten, h2.handwritten, h3.handwritten, h4.handwritten, h5.handwritten, h6.handwritten {
  font-family: "Caveat Brush", cursive;
  font-weight: normal;
}
h1.turqoise, h1 .sub.turqoise, h2.turqoise, h2 .sub.turqoise, h3.turqoise, h3 .sub.turqoise, h4.turqoise, h4 .sub.turqoise, h5.turqoise, h5 .sub.turqoise, h6.turqoise, h6 .sub.turqoise {
  color: #8bbcaf;
}
h1.red, h1 .sub.red, h2.red, h2 .sub.red, h3.red, h3 .sub.red, h4.red, h4 .sub.red, h5.red, h5 .sub.red, h6.red, h6 .sub.red {
  color: #b1000e;
}
h1.green, h1 .sub.green, h2.green, h2 .sub.green, h3.green, h3 .sub.green, h4.green, h4 .sub.green, h5.green, h5 .sub.green, h6.green, h6 .sub.green {
  color: #a2a808;
}
h1.yellow, h1 .sub.yellow, h2.yellow, h2 .sub.yellow, h3.yellow, h3 .sub.yellow, h4.yellow, h4 .sub.yellow, h5.yellow, h5 .sub.yellow, h6.yellow, h6 .sub.yellow {
  color: #eabc11;
}
h1.blue, h1 .sub.blue, h2.blue, h2 .sub.blue, h3.blue, h3 .sub.blue, h4.blue, h4 .sub.blue, h5.blue, h5 .sub.blue, h6.blue, h6 .sub.blue {
  color: #10585f;
}
h1.white, h1 .sub.white, h2.white, h2 .sub.white, h3.white, h3 .sub.white, h4.white, h4 .sub.white, h5.white, h5 .sub.white, h6.white, h6 .sub.white {
  color: white;
}
h1.no-margin, h2.no-margin, h3.no-margin, h4.no-margin, h5.no-margin, h6.no-margin {
  margin-bottom: 0px;
}
h1.small-margin, h2.small-margin, h3.small-margin, h4.small-margin, h5.small-margin, h6.small-margin {
  margin-bottom: 5px;
}

h1 {
  font-size: 5.1111111111rem;
  font-weight: 800;
  display: block;
  margin-bottom: 20px;
}
h1 .sub {
  font-size: 1.8888888889rem;
  font-weight: 400;
  display: block;
}

h2 {
  font-size: 2.3888888889rem;
  font-weight: 800;
  display: block;
  margin-bottom: 20px;
}
h2 .sub {
  font-size: 1.3888888889rem;
  font-weight: 400;
  display: block;
}

h3 {
  font-size: 1.5555555556rem;
  font-weight: 800;
  display: block;
  margin-bottom: 20px;
}
h3 .sub {
  font-size: 1.2777777778rem;
  font-weight: 400;
  display: block;
}

h4 {
  font-size: 1.2777777778rem;
  font-weight: 800;
  display: block;
  margin-bottom: 20px;
}
h4 .sub {
  font-size: 1.1666666667rem;
  font-weight: 400;
  display: block;
}

h5 {
  font-size: 1rem;
  font-weight: 800;
  display: block;
  margin-bottom: 20px;
}
h5 .sub {
  font-size: 1.0555555556rem;
  font-weight: 400;
  display: block;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}
img.aligncenter {
  margin: 0 auto;
}
img.alignleft {
  float: left;
  margin-right: 20px;
}
img.alignright {
  float: right;
  margin-left: 20px;
}

p, ul, ol, table {
  margin-bottom: 20px;
}
p:last-child, p.no-margin, ul:last-child, ul.no-margin, ol:last-child, ol.no-margin, table:last-child, table.no-margin {
  margin-bottom: 0px;
}
p strong, p a, ul strong, ul a, ol strong, ol a, table strong, table a {
  font-weight: 800;
}
p.aligncenter, ul.aligncenter, ol.aligncenter, table.aligncenter {
  text-align: center;
}
p.alignleft, ul.alignleft, ol.alignleft, table.alignleft {
  text-align: left;
}
p.alignright, ul.alignright, ol.alignright, table.alignright {
  text-align: right;
}
p a, ul a, ol a, table a {
  text-decoration: underline;
}

ol {
  list-style: numeric;
  list-style-position: inside;
}

em, .frm_description, .note {
  font-style: italic;
}

a:not(.button) {
  text-decoration: none;
  color: #b1000e;
}

a:not(.button).smaller, p.smaller, ul.smaller, ol.smaller, strong.smaller, span.smaller, em.smaller, .frm_description {
  font-size: 0.8em;
  font-style: italic;
}
a:not(.button).smaller.regular, p.smaller.regular, ul.smaller.regular, ol.smaller.regular, strong.smaller.regular, span.smaller.regular, em.smaller.regular, .regular.frm_description {
  font-style: normal;
}
a:not(.button).red, p.red, ul.red, ol.red, strong.red, span.red, em.red, .red.frm_description {
  color: #b1000e;
}
a:not(.button).blue, p.blue, ul.blue, ol.blue, strong.blue, span.blue, em.blue, .blue.frm_description {
  color: #10585f;
}
a:not(.button).turqoise, p.turqoise, ul.turqoise, ol.turqoise, strong.turqoise, span.turqoise, em.turqoise, .turqoise.frm_description {
  color: #8bbcaf;
}
a:not(.button).white, p.white, ul.white, ol.white, strong.white, span.white, em.white, .white.frm_description {
  color: White;
}
a:not(.button).yellow, p.yellow, ul.yellow, ol.yellow, strong.yellow, span.yellow, em.yellow, .yellow.frm_description {
  color: #eabc11;
}
a:not(.button).green, p.green, ul.green, ol.green, strong.green, span.green, em.green, .green.frm_description {
  color: #a2a808;
}

hr {
  border: 0px solid #8bbcaf;
  height: 1px;
  background-color: #8bbcaf;
  display: block;
  margin: 20px 0;
}
hr.blue {
  border-color: #10585f;
  background-color: #10585f;
}
hr.red {
  border-color: #b1000e;
  background-color: #b1000e;
}

.tag {
  display: inline-block;
  padding: 5px;
  margin-right: 10px;
  font-family: "Dosis", sans-serif;
  font-weight: 800;
  color: white;
  background-color: #a2a808;
  text-transform: uppercase;
}
.tag.category {
  background-color: #10585f;
}
.tag.small {
  border-radius: 5px;
  font-size: 0.8em;
}
.tag.tiny, .suggestion .tag.button {
  border-radius: 5px;
  padding: 2px 5px;
  margin-right: 5px;
  font-size: 0.7em;
}
.tag.red {
  background-color: #b1000e;
}
.tag.yellow {
  background-color: #eabc11;
}
.tag.turqoise {
  background-color: #8bbcaf;
  color: #10585f;
}
.tag.green {
  background-color: #a2a808;
}
.tag.blue {
  background-color: #10585f;
}
.tag.white {
  background-color: white;
}

table {
  margin-bottom: 20px;
  width: 100%;
  vertical-align: top;
  table-layout: fixed;
  text-align: left;
}
table thead tr {
  border-bottom: 2px solid rgb(189.75, 177.375, 158.25);
}
table tbody tr {
  border-bottom: 1px solid rgb(189.75, 177.375, 158.25);
}
table tbody tr:last-child {
  border-bottom: 0px;
}
table th {
  font-family: "Dosis", sans-serif;
  text-transform: uppercase;
  font-weight: 800;
}
table td, table th {
  padding: 10px 20px;
}

iframe {
  display: block;
  margin: 0 auto 20px auto;
  max-width: 100%;
}

.related-posts {
  list-style: none;
  margin-left: 0px;
  margin-right: 0px;
}
.related-posts li {
  display: block;
  border-bottom: 1px solid White;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.related-posts li:after {
  content: "";
  display: table;
  clear: both;
}
.related-posts li:last-child {
  border-bottom: 0px;
  margin-bottom: 0px;
  padding-bottom: 0px;
}
.related-posts a {
  display: block;
}
.related-posts a:after {
  content: "";
  display: table;
  clear: both;
}
.related-posts .image {
  display: block;
  float: left;
  width: 30%;
}
.related-posts .image img {
  width: auto;
  max-widht: 100%;
}
.related-posts .summary {
  display: block;
  float: left;
  width: 70%;
  padding-left: 10px;
}
.related-posts .summary strong {
  display: block;
  color: #eabc11;
  line-height: 1;
}
.related-posts .summary span {
  display: block;
  font-size: 0.8em;
  color: White;
}

.mgl-root {
  margin-bottom: 20px;
}

.mgl-item img {
  border-radius: 40px;
}

#accommodation-finder-results {
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transform: translateY(0px);
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  opacity: 1;
}
#accommodation-finder-results > .content-wrapper {
  padding-top: 0px;
}
#accommodation-finder-results.loading {
  opacity: 0.1;
  -ms-transform: translateY(100px);
  -webkit-transform: translateY(100px);
  transform: translateY(100px);
}

#accommodation-finder .aside {
  border-right: 1px solid rgb(189.75, 177.375, 158.25);
  padding-right: 20px;
}

#accommodation-booker form {
  margin-bottom: 20px;
}

#box-price-detail h3 {
  margin-bottom: 10px;
}
#box-price-detail img {
  border-radius: 40px;
  margin-bottom: 20px;
}

.booking-summary {
  margin-bottom: 20px;
}
.booking-summary h4 {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px dashed #8bbcaf;
}
.booking-summary ul:after {
  content: "";
  display: table;
  clear: both;
}
.booking-summary ul {
  padding: 0px;
  margin: 0px;
}
.booking-summary ul li {
  list-style: none;
  width: 50%;
  float: left;
  color: White;
}
.booking-summary ul li strong {
  text-transform: uppercase;
  color: #eabc11;
  font-family: "Dosis", sans-serif;
  display: block;
}

ul.price-detail {
  list-style: none;
  margin-left: 0px;
}
ul.price-detail > li:after {
  content: "";
  display: table;
  clear: both;
}
ul.price-detail > li {
  font-size: 0.7777777778rem;
  padding: 5px 0px;
}
ul.price-detail > li span, ul.price-detail > li strong {
  float: left;
}
ul.price-detail > li span {
  width: 75%;
}
ul.price-detail > li strong {
  text-align: right;
  font-weight: bold;
  width: 25%;
}
ul.price-detail > li ul {
  margin: 0px 0px 0px 10px;
  padding: 0px;
  font-size: 0.8em;
  list-style: none;
}
ul.price-detail > li.with-separator {
  border-top: 1px dashed #10585f;
}
ul.price-detail > li.hidden {
  display: none;
}
ul.price-detail > li.discount {
  border-top: 1px dashed #10585f;
  font-weight: bold;
  text-transform: uppercase;
}
ul.price-detail > li.total {
  border-top: 1px solid #10585f;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 1rem;
  color: #b1000e;
}
ul.price-detail > li.total > span, ul.price-detail > li.total > strong {
  width: 50%;
}
ul.price-detail > li.total > span > #original-price,
ul.price-detail > li.total > span > #total-price, ul.price-detail > li.total > strong > #original-price,
ul.price-detail > li.total > strong > #total-price {
  width: 100%;
}
ul.price-detail > li.total #original-price {
  text-decoration: line-through;
  color: #b1000e;
}
ul.price-detail > li.caution {
  font-style: italic;
  border-top: 1px solid #10585f;
}
ul.price-detail > li.info {
  text-align: right;
  font-size: 0.6em;
  font-style: italic;
}

.family:after {
  content: "";
  display: table;
  clear: both;
}
.family .input-field {
  width: 50%;
  float: left;
  padding-right: 20px;
}

.period:after {
  content: "";
  display: table;
  clear: both;
}
.period .input-field {
  width: 50%;
  float: left;
  padding-right: 20px;
}

.can-reload {
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transform: translateY(0px);
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  opacity: 1;
}
.can-reload.loading {
  opacity: 0.1;
  -ms-transform: translateY(100px);
  -webkit-transform: translateY(100px);
  transform: translateY(100px);
}

.family-member {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px dashed #10585f;
}
.family-member:last-child {
  margin-bottom: 0px;
  border-bottom: 0px;
}

#ask-for-family-members-box {
  padding-top: 10px;
  margin-top: 10px;
  border-top: 1px dashed #8bbcaf;
}

.kids-page .box {
  padding: 10px;
}
.kids-page .box > .content-wrapper {
  padding: 20px 10px;
  border: 6px dotted White;
}
.kids-page .block.image {
  position: relative;
}
.kids-page .block.image:before {
  content: "";
  width: 90%;
  height: 90%;
  border: 8px dotted White;
  position: absolute;
  top: 5%;
  left: 5%;
  -ms-transform: rotate(-0.5deg);
  -webkit-transform: rotate(-0.5deg);
  transform: rotate(-0.5deg);
}

.faq-subject {
  margin-bottom: 20px;
}

.faq {
  border-bottom: 2px dashed #8bbcaf;
  padding: 20px 0;
}
.faq:last-child {
  border-bottom: 0px;
}
.faq .faq-question {
  cursor: pointer;
}
.faq .faq-question:after {
  content: "";
  display: table;
  clear: both;
}
.faq .faq-question h3 {
  margin-bottom: 0px;
  padding-right: 20px;
  position: relative;
}
.faq .faq-question .icon {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 0px;
  top: 50%;
  margin-top: -10px;
}
.faq .faq-answer {
  display: none;
  padding: 20px 0;
}
.faq.open .faq-answer {
  display: block;
}

.facility:after {
  content: "";
  display: table;
  clear: both;
}
.facility {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgb(189.75, 177.375, 158.25);
}
.facility h3, .facility p {
  margin-bottom: 6.6666666667px;
}
.facility .left {
  width: 25%;
  float: left;
}
.facility .left img {
  border-radius: 40px;
}
.facility .right {
  width: 75%;
  float: right;
  padding-left: 20px;
}

@media only screen and (max-width: 1480px) {
  .hero h1 {
    font-size: 2.8888888889rem;
  }
  .hero h2 {
    font-size: 1.7777777778rem;
  }
  #header-cta .button {
    padding: 8px 20px;
    font-size: 1rem;
  }
  #header-cta .button i {
    margin-left: 8px;
  }
  #language-picker li a {
    padding: 8px 5px;
  }
}
@media only screen and (max-width: 1200px) {
  .section > .content-wrapper, .breadcrumbs > .content-wrapper {
    max-width: 984px;
  }
  #quick-booking {
    max-width: 984px;
  }
  /*region HEADER*/
  #header .right {
    width: 100%;
  }
  #show-nav, #hide-nav {
    display: block !important;
  }
  #show-nav i, #hide-nav i {
    margin-left: 0px;
    position: initial;
    top: 0px;
  }
  #show-nav {
    position: fixed;
    top: 20px;
    left: 20px;
    z-index: 500;
  }
  #nav {
    z-index: 1000;
    position: fixed;
    top: 0px;
    left: -100%;
    width: 100%;
    max-width: 400px;
    height: 100%;
    overflow-y: auto;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&1+50,0+100 */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, right top, from(rgb(0, 0, 0)), color-stop(50%, rgb(0, 0, 0)), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(to right, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
  }
  #nav.open {
    left: 0px;
  }
  #nav.open #hide-nav {
    right: 10px;
  }
  #nav #hide-nav {
    position: absolute;
    top: 20px;
    right: -100%;
    z-index: 1001;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
  }
  #nav #nav-holder {
    background-color: #10585f;
    min-height: 100vh;
    width: 75%;
    padding: 0px;
    margin: 0px;
  }
  #nav .logo-holder {
    display: block;
    float: none;
    padding: 10px;
    width: 150px;
    margin: 0 auto;
  }
  #nav .logo-holder img {
    max-width: 50%;
    margin: 0 auto;
  }
  #nav .menu-main-container > ul > li,
  #nav .menu-main_en-container > ul > li,
  #nav .menu-main_fr-container > ul > li,
  #nav .menu-main_de-container > ul > li {
    display: block;
    width: 100%;
    text-align: left;
    border-top: 1px solid rgb(4.972972973, 27.3513513514, 29.527027027);
  }
  #nav .menu-main-container > ul > li > a,
  #nav .menu-main_en-container > ul > li > a,
  #nav .menu-main_fr-container > ul > li > a,
  #nav .menu-main_de-container > ul > li > a {
    font-size: 0.8888888889rem;
    padding: 5px 10px;
  }
  #nav .menu-main-container > ul > li.current-menu-item > a, #nav .menu-main-container > ul > li:hover > a,
  #nav .menu-main_en-container > ul > li.current-menu-item > a,
  #nav .menu-main_en-container > ul > li:hover > a,
  #nav .menu-main_fr-container > ul > li.current-menu-item > a,
  #nav .menu-main_fr-container > ul > li:hover > a,
  #nav .menu-main_de-container > ul > li.current-menu-item > a,
  #nav .menu-main_de-container > ul > li:hover > a {
    padding-top: 5px;
    border-top: 0px;
    color: #8bbcaf;
  }
  #nav .menu-main-container > ul > li > .sub-menu,
  #nav .menu-main_en-container > ul > li > .sub-menu,
  #nav .menu-main_fr-container > ul > li > .sub-menu,
  #nav .menu-main_de-container > ul > li > .sub-menu {
    opacity: 1;
    visibility: visible;
    position: static;
    width: 100%;
    height: auto;
    top: initial;
    left: initial;
    margin-left: 0px;
    background-color: rgb(27.027027027, 148.6486486486, 160.472972973);
    -ms-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    box-shadow: initial;
    -webkit-box-shadow: initial;
  }
  #nav .menu-main-container > ul > li > .sub-menu:before,
  #nav .menu-main_en-container > ul > li > .sub-menu:before,
  #nav .menu-main_fr-container > ul > li > .sub-menu:before,
  #nav .menu-main_de-container > ul > li > .sub-menu:before {
    display: none;
  }
  #nav .menu-main-container > ul > li > .sub-menu > li,
  #nav .menu-main_en-container > ul > li > .sub-menu > li,
  #nav .menu-main_fr-container > ul > li > .sub-menu > li,
  #nav .menu-main_de-container > ul > li > .sub-menu > li {
    border-top: 1px solid #10585f;
  }
  #nav .menu-main-container > ul > li > .sub-menu li,
  #nav .menu-main_en-container > ul > li > .sub-menu li,
  #nav .menu-main_fr-container > ul > li > .sub-menu li,
  #nav .menu-main_de-container > ul > li > .sub-menu li {
    border-top: 1px solid #10585f;
    border-bottom: 0px;
    text-align: left;
  }
  #nav .menu-main-container > ul > li > .sub-menu li a,
  #nav .menu-main_en-container > ul > li > .sub-menu li a,
  #nav .menu-main_fr-container > ul > li > .sub-menu li a,
  #nav .menu-main_de-container > ul > li > .sub-menu li a {
    color: White;
    font-size: 0.8888888889rem;
    padding: 5px 10px 5px 20px;
  }
  #nav .menu-main-container > ul > li > .sub-menu li > .sub-menu,
  #nav .menu-main_en-container > ul > li > .sub-menu li > .sub-menu,
  #nav .menu-main_fr-container > ul > li > .sub-menu li > .sub-menu,
  #nav .menu-main_de-container > ul > li > .sub-menu li > .sub-menu {
    position: static;
    width: 100%;
    display: block;
    visibility: visible;
    opacity: 1;
    background-color: transparent;
    -ms-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    border-left: 0px;
    box-shadow: initial;
    -webkit-box-shadow: initial;
  }
  #nav .menu-main-container > ul > li > .sub-menu li > .sub-menu li,
  #nav .menu-main_en-container > ul > li > .sub-menu li > .sub-menu li,
  #nav .menu-main_fr-container > ul > li > .sub-menu li > .sub-menu li,
  #nav .menu-main_de-container > ul > li > .sub-menu li > .sub-menu li {
    border-top: 1px solid #10585f;
    border-bottom: 0px;
  }
  #nav .menu-main-container > ul > li > .sub-menu li > .sub-menu li a,
  #nav .menu-main_en-container > ul > li > .sub-menu li > .sub-menu li a,
  #nav .menu-main_fr-container > ul > li > .sub-menu li > .sub-menu li a,
  #nav .menu-main_de-container > ul > li > .sub-menu li > .sub-menu li a {
    background-color: transparent;
    font-weight: normal;
    color: White;
    font-size: 0.7777777778rem;
    padding: 5px 10px 5px 30px;
  }
  #nav .menu-main-container > ul > li > .sub-menu li > .sub-menu li a:hover,
  #nav .menu-main_en-container > ul > li > .sub-menu li > .sub-menu li a:hover,
  #nav .menu-main_fr-container > ul > li > .sub-menu li > .sub-menu li a:hover,
  #nav .menu-main_de-container > ul > li > .sub-menu li > .sub-menu li a:hover {
    background-color: #10585f;
    color: White;
  }
  /*endregion HEADER*/
  .accommodation-preview .bottom .bottom-left, .accommodation-preview .bottom .bottom-right {
    width: 100%;
    float: none;
  }
  .accommodation-preview .bottom .bottom-left {
    text-align: right;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 730px) {
  body {
    font-size: 16px;
    padding-top: 0px;
  }
  .show-on-mobile {
    display: block !important;
  }
  .hide-on-mobile,
  #follow {
    display: none;
  }
  /*region SITE*/
  .content-wrapper {
    padding: 10px;
  }
  /*endregion SITE*/
  /*region PAGE*/
  h1, h2, h3, h4, h5 {
    margin-bottom: 10px;
  }
  h1 .sub, h2 .sub, h3 .sub, h4 .sub, h5 .sub {
    font-size: 0.8888888889rem;
  }
  h1,
  .hero h1 {
    font-size: 1.7777777778rem;
  }
  h2,
  .hero h2 {
    font-size: 1.5555555556rem;
  }
  h3 {
    font-size: 1.3333333333rem;
  }
  h4 {
    font-size: 1.1111111111rem;
  }
  h5 {
    font-size: 0.8888888889rem;
  }
  img.alignleft, img.alignright, img.aligncenter {
    margin: 0px 0px 10px 0px;
    float: none;
    width: auto;
    max-width: 100%;
  }
  p, ul, ol {
    margin-bottom: 10px;
  }
  /*endregion PAGE*/
  /*region SECTION*/
  .section-intro.intro-only {
    padding: 10px;
  }
  .section {
    padding: 0px;
  }
  /*endregion SECTION*/
  /*region COLUMNS*/
  .column-holder {
    margin-left: 0px;
    margin-right: 0px;
  }
  .column-holder .column {
    float: none;
    margin-bottom: 10px;
  }
  .column-holder .column.main, .column-holder .column.aside, .column-holder .column.third, .column-holder .column.fourth {
    width: 100%;
  }
  .column-holder .column > .content-wrapper {
    padding: 0px;
  }
  .section.blocktype_three-panes .column {
    transition: all 0s linear;
    -webkit-transition: all 0s linear;
    -moz-transition: all 0s linear;
  }
  .section.blocktype_three-panes .column-holder:hover .column {
    opacity: 1;
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  /*endregion COLUMNS*/
  /*region BLOCKS*/
  .section .block {
    width: 100%;
    display: block;
  }
  .section .block .content-wrapper {
    padding: 10px;
    width: 100%;
    max-width: 100%;
  }
  /*endregion BLOCKS*/
  /*region BUTTONS*/
  .button {
    padding: 5px 20px;
    font-size: 1.1111111111rem;
    margin-bottom: 10px;
  }
  .button i {
    margin-left: 10px;
  }
  /*endregion BUTTONS*/
  /*region LISTS*/
  ul.usps {
    font-size: 1.1111111111rem;
  }
  /*endregion LISTS*/
  /*region TOPBAR*/
  #top-bar {
    height: auto;
    position: static;
  }
  #top-bar .content-wrapper {
    padding-top: 2px;
    padding-bottom: 2px;
  }
  #top-bar .left {
    display: none;
  }
  #top-bar .right {
    width: 100%;
    float: none;
  }
  #top-bar h5 {
    font-size: 0.7777777778rem;
  }
  #top-bar #language-picker {
    top: 0px;
  }
  #top-bar #language-picker li {
    margin-left: 5px;
  }
  /*endregion TOPBAR*/
  /*region HEADER*/
  #show-nav {
    top: 10px;
    left: 10px;
  }
  #nav #hide-nav {
    top: 10px;
    right: 10px;
  }
  #header {
    padding: 10px 5px;
  }
  /*endregion HEADER*/
  /*region FOOTER*/
  #labels .left, #labels .right {
    width: 100%;
    float: none;
    text-align: center;
  }
  #labels .left a, #labels .right a {
    margin: 5px;
  }
  #labels .left a img {
    max-height: 40px;
  }
  #labels .right a img {
    max-height: 30px;
  }
  #footer {
    background-size: 100% auto;
    padding-bottom: 55vw;
  }
  #footer .footer-block, #footer .footer-block.second {
    width: 100%;
    float: none;
  }
  #footer .footer-block .footer-block-row, #footer .footer-block.second .footer-block-row {
    margin-bottom: 10px;
  }
  #footer .footer-block .footer-block-column, #footer .footer-block.second .footer-block-column {
    width: 100%;
    float: none;
    margin-bottom: 10px;
  }
  #footer .footer-block .footer-block-column:last-child, #footer .footer-block.second .footer-block-column:last-child {
    margin-bottom: 0px;
  }
  #bottom-bar {
    font-size: 0.6666666667rem;
  }
  /*endregion FOOTER*/
  /*region HERO*/
  .hero h2 {
    font-size: 0.8888888889rem;
  }
  .hero .hero-slider .slide {
    max-height: 400px;
  }
  .hero > .content-wrapper {
    bottom: 20px;
  }
  .page-template-accommodation-finder .hero .hero-slider .slide {
    max-height: 200px;
  }
  /*endregion HERO*/
  /*region BREADCRUMBS*/
  .breadcrumbs > .content-wrapper {
    padding: 5px 10px;
  }
  /*endregion BREADCRUMBS*/
  /*region REVIEWS*/
  .reviews > .content-wrapper {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .reviews .review .quote {
    font-size: 1.1111111111rem;
    line-height: 1.5;
  }
  .reviews .review .author {
    font-size: 1.1111111111rem;
  }
  /*endregion REVIEWS*/
  /*region ACCOMMODATION-FINDER*/
  #accommodation-finder #toggle-filters {
    display: inline-block !important;
  }
  #accommodation-finder .aside {
    border-right: 0px;
    border-bottom: 1px solid #8bbcaf;
  }
  #accommodation-finder .closed .input-group {
    display: none;
  }
  .accommodation-preview {
    margin-bottom: 10px;
    padding-bottom: 10px;
  }
  .accommodation-preview .left, .accommodation-preview .right {
    width: 100%;
    float: none;
    padding: 0px;
  }
  .accommodation-preview .left {
    margin-bottom: 20px;
  }
  /*endregion ACCOMMODATION-FINDER*/
  /*region box-price-detail*/
  html, body {
    /*This is a little odd, do not know what is going wrong, but on accommodation page everything is to wide*/
    overflow-x: hidden;
    width: 100%;
  }
  #box-price-detail {
    position: fixed;
    width: 100%;
    bottom: 0px;
    left: 0px;
    right: 0px;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    overflow-y: auto;
    z-index: 9;
    margin-bottom: 0px;
    display: block !important;
    background-color: #8bbcaf;
  }
  #box-price-detail img {
    display: none;
  }
  #box-price-detail #price-detail-toggler {
    cursor: pointer;
  }
  #box-price-detail #price-detail-toggler h3 i {
    margin-right: 5px;
    position: relative;
    top: 1px;
  }
  #box-price-detail .mobile-visible-open {
    display: none;
    position: relative;
    padding: 10px;
  }
  #box-price-detail .mobile-visible-closed {
    display: block;
  }
  #box-price-detail.open {
    height: 100%;
  }
  #box-price-detail.open .mobile-visible-open {
    display: block;
  }
  #box-price-detail.open .mobile-visible-closed {
    display: none;
  }
  #price-detail-toggler {
    text-align: center;
  }
  #price-detail-toggler h3 {
    margin-bottom: 0px;
  }
  /*endregion*/
  /*region FORMS*/
  .period .input-field, .family .input-field {
    width: 100%;
    float: none;
    padding-right: 0px;
  }
  .period .input-field:last-child, .family .input-field:last-child {
    margin-bottom: 20px;
  }
  .input-field.half {
    width: 100%;
    float: none;
  }
  .input-field.half.last {
    margin-left: 0;
  }
  .frm_submit {
    margin-bottom: 10px;
  }
  /*endregion FORMS*/
  /*region QUICKBOOKER*/
  #quick-booking {
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    margin-top: 0px;
  }
  #quick-booking .input-field,
  #quick-booking .input-field.date,
  #quick-booking .input-field.type,
  #quick-booking .input-field.guests,
  #quick-booking .input-field.submit {
    float: none;
    width: 100%;
    padding-right: 0px;
    margin-bottom: 10px;
  }
  #quick-booking .input-field.submit .button {
    margin: 0px;
    float: none;
  }
  /*endregion QUICKBOOKER*/
  .box .content-wrapper {
    padding: 20px;
  }
  .popup {
    width: 90%;
  }
  .popup .block.image {
    display: none;
  }
  .popup .content-wrapper {
    padding: 20px !important;
  }
}
@media print {
  #top-bar,
  #header,
  #quick-booking,
  #follow,
  #footer,
  #labels {
    display: none !important;
  }
  body {
    padding-top: 0px;
    font-size: 14pt;
  }
  body *,
  body .white {
    color: black !important;
  }
  h1 {
    font-size: 28pt;
  }
  h2 {
    font-size: 26pt;
  }
  h3 {
    font-size: 24pt;
  }
  h4 {
    font-size: 22pt;
  }
  h5 {
    font-size: 20pt;
  }
  h6 {
    font-size: 18pt;
  }
  img {
    max-width: 100pt;
    margin-left: auto;
    margin-right: auto;
  }
  .hero {
    background-image: none;
    padding: 0px;
  }
  .hero .slider {
    display: none;
  }
  .hero .logo-holder {
    width: 100px;
    float: left;
  }
  .hero .logo-holder img {
    max-width: 100%;
  }
  .hero h1, .hero h2 {
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0);
    text-align: left;
    padding-left: 120px;
  }
  .hero h1 {
    margin-bottom: 5px;
  }
  .breadcrumbs > .content-wrapper {
    padding: 10px 20px;
  }
  .column-holder .column {
    width: 100% !important;
    float: none;
  }
  .section .block {
    width: 100% !important;
    float: none;
    display: block;
  }
  .section .block .content-wrapper {
    width: 100%;
    max-width: 100%;
  }
  .button {
    border: 1px solid Black;
  }
  .button i {
    display: none;
  }
  .box.blue, .box.red, .box.yellow, .box.white, .box.turqoise, .box.green, .block.blue, .block.red, .block.yellow, .block.white, .block.turqoise, .block.green {
    background-color: transparent !important;
  }
  .box.same-height, .block.same-height {
    height: auto !important;
  }
  .section .block .content-wrapper {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  table td, table th {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  #bottom-bar {
    background-color: transparent;
    border-top: 1px solid Black;
  }
}