@charset "UTF-8";
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type=search] {
  -webkit-appearance: textfield; /* 1 */
  box-sizing: content-box; /* 2 */
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/**
 * Swiper 8.4.7
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: January 30, 2023
 */
@font-face {
  font-family: "swiper-icons";
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-pointer-events {
  touch-action: pan-y;
}
.swiper-pointer-events.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}

/* 3D Effects */
.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none; /* For Firefox */
  -ms-overflow-style: none; /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}
.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  width: var(--swiper-centered-offset-after);
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  height: var(--swiper-centered-offset-after);
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

/* variables */
/*
|--------------------------------------------------------------------------
| Fonts
|--------------------------------------------------------------------------
*/
/*
|--------------------------------------------------------------------------
| Values
|--------------------------------------------------------------------------
*/
/*
|--------------------------------------------------------------------------
| Colours main
|--------------------------------------------------------------------------
*/
/*
|--------------------------------------------------------------------------
| Colours new
|--------------------------------------------------------------------------
*/
/*
|--------------------------------------------------------------------------
| Colours new dark
|--------------------------------------------------------------------------
*/
/*
|--------------------------------------------------------------------------
| Tokens
|--------------------------------------------------------------------------
*/
/*
|--------------------------------------------------------------------------
| Tokens Dark
|--------------------------------------------------------------------------
*/
/*
|--------------------------------------------------------------------------
| Colours states
|--------------------------------------------------------------------------
*/
/*
|--------------------------------------------------------------------------
| Colours misc.
|--------------------------------------------------------------------------
*/
/*
|--------------------------------------------------------------------------
| Structure - Flex
|--------------------------------------------------------------------------
*/
.flex {
  display: flex !important;
}

.flex-row {
  flex-direction: row !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

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

.flex-col-reverse {
  flex-direction: column-reverse !important;
}

.flex-no-wrap {
  flex-wrap: nowrap !important;
}

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

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.flex-grow {
  flex-grow: 1 !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-initial {
  flex: 0 1 auto !important;
}

.flex-1 {
  flex: 1 1 0 !important;
}

.flex-auto {
  flex: 1 1 auto !important;
}

.flex-none {
  flex: none !important;
}

.justify-start {
  justify-content: flex-start !important;
}

.justify-center {
  justify-content: center !important;
}

.justify-end {
  justify-content: flex-end !important;
}

.justify-between {
  justify-content: space-between !important;
}

.justify-around {
  justify-content: space-around !important;
}

.items-stretch {
  align-items: stretch !important;
}

.items-start {
  align-items: flex-start !important;
}

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

.items-end {
  align-items: flex-end !important;
}

.items-baseline {
  align-items: baseline !important;
}

/*
|--------------------------------------------------------------------------
| Position, display
|--------------------------------------------------------------------------
*/
.p-relative {
  position: relative !important;
}

/*
|--------------------------------------------------------------------------
| Margin
|--------------------------------------------------------------------------
*/
.m-0 {
  margin: 0 !important;
}

.m-t-0 {
  margin-top: 0;
}

.m-r-0 {
  margin-right: 0;
}

.m-b-0 {
  margin-bottom: 0;
}

.m-l-0 {
  margin-left: 0;
}

.m-05 {
  margin: 0.5rem !important;
}

.m-t-05 {
  margin-top: 0.5rem;
}

.m-r-05 {
  margin-right: 0.5rem;
}

.m-b-05 {
  margin-bottom: 0.5rem;
}

.m-l-05 {
  margin-left: 0.5rem;
}

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

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

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

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

.m-l-1 {
  margin-left: 1rem !important;
}

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

.m-t-2 {
  margin-top: 2rem !important;
}

.m-r-2 {
  margin-right: 2rem !important;
}

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

.m-l-2 {
  margin-left: 2rem !important;
}

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

.m-t-3 {
  margin-top: 3rem !important;
}

.m-r-3 {
  margin-right: 3rem !important;
}

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

.m-l-3 {
  margin-left: 3rem !important;
}

/*
|--------------------------------------------------------------------------
| Padding
|--------------------------------------------------------------------------
*/
.p-0 {
  padding: 0 !important;
}

.p-t-0 {
  padding-top: 0 !important;
}

.p-r-0 {
  padding-right: 0 !important;
}

.p-b-0 {
  padding-bottom: 0 !important;
}

.p-l-0 {
  padding-left: 0 !important;
}

.p-05 {
  padding: 0.5rem !important;
}

.p-t-05 {
  padding-top: 0.5rem !important;
}

.p-r-05 {
  padding-right: 0.5rem !important;
}

.p-b-05 {
  padding-bottom: 0.5rem !important;
}

.p-l-05 {
  padding-left: 0.5rem !important;
}

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

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

.p-r-1 {
  padding-right: 1rem !important;
}

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

.p-l-1 {
  padding-left: 1rem !important;
}

.p-2 {
  padding: 2rem !important;
}

.p-t-2 {
  padding-top: 2rem !important;
}

.p-r-2 {
  padding-right: 2rem !important;
}

.p-b-2 {
  padding-bottom: 2rem !important;
}

.p-l-2 {
  padding-left: 2rem !important;
}

.p-3 {
  padding: 3rem !important;
}

.p-t-3 {
  padding-top: 3rem !important;
}

.p-r-3 {
  padding-right: 3rem !important;
}

.p-b-3 {
  padding-bottom: 3rem !important;
}

.p-l-3 {
  padding-left: 3rem !important;
}

/*
|--------------------------------------------------------------------------
| Widths
|--------------------------------------------------------------------------
*/
.w-10 {
  width: 100% !important;
}
@media screen and (min-width: 961px) {
  .w-10 {
    width: 10% !important;
  }
}

.w-20 {
  width: 100% !important;
}
@media screen and (min-width: 961px) {
  .w-20 {
    width: 20% !important;
  }
}

.w-30 {
  width: 100% !important;
}
@media screen and (min-width: 961px) {
  .w-30 {
    width: 30% !important;
  }
}

.w-40 {
  width: 100% !important;
}
@media screen and (min-width: 961px) {
  .w-40 {
    width: 40% !important;
  }
}

.w-50 {
  width: 100% !important;
}
@media screen and (min-width: 961px) {
  .w-50 {
    width: 50% !important;
  }
}

.w-60 {
  width: 100% !important;
}
@media screen and (min-width: 961px) {
  .w-60 {
    width: 60% !important;
  }
}

.w-70 {
  width: 100% !important;
}
@media screen and (min-width: 961px) {
  .w-70 {
    width: 70% !important;
  }
}

.w-80 {
  width: 100% !important;
}
@media screen and (min-width: 961px) {
  .w-80 {
    width: 80% !important;
  }
}

.w-90 {
  width: 100% !important;
}
@media screen and (min-width: 961px) {
  .w-90 {
    width: 90% !important;
  }
}

.w-100 {
  width: 100% !important;
}
@media screen and (min-width: 961px) {
  .w-100 {
    width: 100% !important;
  }
}

/*
|--------------------------------------------------------------------------
| Text
|--------------------------------------------------------------------------
*/
.semi-bold {
  font-weight: 600;
}

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

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

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

/*
|--------------------------------------------------------------------------
| Structure - Misc.
|--------------------------------------------------------------------------
*/
.border-box {
  box-sizing: border-box;
}

/*
|--------------------------------------------------------------------------
| Mark-up
|--------------------------------------------------------------------------
*/
.bg-white {
  background-color: #FFF !important;
}

.bg-grey {
  background-color: var(--surface-2) !important;
}

.drop-shadow, .info-window, header, .popup .content {
  box-shadow: -2px 4px 16px rgba(0, 0, 0, 0.12);
}

.drop-shadow-light, .tips-more-results, .overview-result {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
}

.drop-shadow-medium, .house-card.inline, .polaroid {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.24);
}

.drop-shadow-hard, .info-window .info-toggle.close {
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.48);
}

.drop-shadow-thick {
  box-shadow: 0 2px 32px rgba(0, 0, 0, 0.32);
}

.drop-shadow-heavy {
  box-shadow: 0 2px 48px rgba(0, 0, 0, 0.48);
}

.drop-shadow-center {
  box-shadow: 0 0 16px -8px rgba(0, 0, 0, 0.32);
}

.drop-shadow-footer {
  box-shadow: 0 0 48px rgba(0, 0, 0, 0.48);
}

.text-shadow-heavy {
  text-shadow: 0 0 8px rgba(0, 0, 0, 0.84);
}

.text-shadow, .review-presentation .text.with-shadow, .overview-result.park .images .review-presentation .text {
  text-shadow: 0 0 6px rgba(0, 0, 0, 0.64);
}

.text-shadow-medium {
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.32);
}

.text-shadow-light {
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.24);
}

.text-shadow-lighter {
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.16);
}

/*
|--------------------------------------------------------------------------
| Transition, animation, etc.
|--------------------------------------------------------------------------
*/
.transition, .overview-result {
  transition: all, 0.2s;
}

.transition-alt {
  transition: all, 0.3s;
}

/*
|--------------------------------------------------------------------------
| Fonts
|--------------------------------------------------------------------------
*/
.font-written, .add-to-categories-popup .instruction-text .instruction-annotation, body.favourites .favourites-categories .favourites-category .favourites-category-footer, .tips-more-results h3, .landing-page-section .container .landing-page-title, .overview-page .overview-section .results-section h1, .annotation {
  font-family: "Authenia Solid", serif;
}

/*
|--------------------------------------------------------------------------
| Images
|--------------------------------------------------------------------------
*/
.img-fluid {
  max-width: 100%;
  height: auto;
}

/*
|--------------------------------------------------------------------------
| Usability
|--------------------------------------------------------------------------
*/
.no-select, .swiper-button-prev,
.swiper-button-next, .filter-travel-company .item.number-of-people .input .change-number, .filter-dropdown-group, .overview-page .overview-section .filter-section .filters-map .map-toggle-button, .house-card .top .navigation .nav-item, .collapsible-section-title-parent .collapsible-section-title, .read-more .toggle .item {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */
  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
   supported by Chrome, Edge, Opera and Firefox */
}

.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}
.embed-responsive:before {
  display: block;
  content: "";
}

.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive-21by9:before {
  padding-top: 42.8571428571%;
}

.embed-responsive-16by9:before {
  padding-top: 56.25%;
}

.embed-responsive-4by3:before {
  padding-top: 75%;
}

.embed-responsive-1by1:before {
  padding-top: 100%;
}

/*
|--------------------------------------------------------------------------
| Cursor
|--------------------------------------------------------------------------
*/
.cursor-pointer {
  cursor: pointer;
}

/*
|--------------------------------------------------------------------------
| Form - placeholders
|--------------------------------------------------------------------------
*/

::-moz-placeholder {
  color: #AAA;
  font-size: 0.9rem;
  font-style: italic;
}

::placeholder {
  color: #AAA;
  font-size: 0.9rem;
  font-style: italic;
}

select.with-placeholder.placeholder {
  color: #AAA;
  font-size: 0.9rem;
  font-style: italic;
}
select.with-placeholder.placeholder option {
  color: #424242;
  font-size: 1rem;
  font-style: normal;
}

/*
|--------------------------------------------------------------------------
| Form - form and overlay
|--------------------------------------------------------------------------
*/
form {
  position: relative;
}
form.submitting:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.64);
}
form.blue-bg.submitting:after {
  background-color: rgba(242, 251, 253, 0.64);
}

/*
|--------------------------------------------------------------------------
| Form - structure
|--------------------------------------------------------------------------
*/
.form-group {
  position: relative;
  margin-bottom: 1rem;
}

.form-group-main {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  min-height: 44px;
}
.form-group-main.form-group-validation {
  display: none;
}
.form-group-main.form-group-validation.active {
  display: flex;
}
.form-group-main.form-group-validation.active .form-validation {
  display: flex;
}
.form-group-main.form-group-validation.no-label .form-label {
  display: none;
}
@media screen and (min-width: 961px) {
  .form-group-main {
    flex-direction: row;
  }
}
.form-group-main .form-label,
.form-group-main .form-input {
  display: flex;
  min-height: 40px;
  flex: 1;
  align-items: center;
}
.form-group-main .form-label {
  flex-direction: column;
}
.form-group-main .form-label.no-label {
  display: none;
}
@media screen and (min-width: 961px) {
  .form-group-main .form-label.no-label {
    display: flex;
  }
}
.form-group-main .form-label .form-label-main,
.form-group-main .form-label .form-label-sub {
  width: 100%;
  flex-grow: 1;
  align-items: center;
  align-content: center;
  margin-bottom: 0.5rem;
}
@media screen and (min-width: 961px) {
  .form-group-main .form-label .form-label-main,
  .form-group-main .form-label .form-label-sub {
    margin-bottom: 0;
  }
}
.form-group-main .form-label .form-label-main {
  display: flex;
  flex: 1;
}
.form-group-main .form-label .form-label-main.align-top {
  align-items: flex-start;
  padding-top: 0.5rem;
}
.form-group-main .form-label .form-label-sub {
  color: #727272;
  font-size: 0.9rem;
  margin-left: 0;
}
.form-group-main .form-input {
  position: relative;
  max-width: 100%;
  text-align: right;
}
@media screen and (min-width: 961px) {
  .form-group-main .form-input {
    max-width: 100%;
  }
}
.form-group-main .form-input.items-vertical {
  flex-direction: column;
}
.form-group-main .form-input.full-width {
  width: 100%;
}
@media screen and (min-width: 961px) {
  .form-group-main .form-input.full-width {
    max-width: 100%;
  }
}
.form-group-main .form-input .text-override {
  flex-grow: 1;
  text-align: left;
  color: #AAA;
}
@media screen and (min-width: 961px) {
  .form-group-main .form-input .text-override {
    text-align: right;
  }
}
.form-group-main .form-input .remove-container {
  position: absolute;
  left: -24px;
  top: 0;
  width: 24px;
  min-width: 24px;
  height: 44px;
  line-height: 44px;
  color: #CCC;
  font-size: 1.1rem;
  font-weight: 700;
  text-align: center;
}
.form-group-main .form-input .remove-container:hover {
  color: #AAA;
  cursor: pointer;
}
.form-group-main .form-input .remove-container .remove {
  display: inline-block;
  width: 24px;
}
.form-group-main .form-input .info {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 32px;
  height: 44px;
}
.form-group-main .form-input .password-toggle-button {
  width: 44px;
  height: 42px;
  line-height: 42px;
  background-color: #F8FBFD;
  background-image: url("/assets/img/frontend/global/password-toggle.svg");
  background-repeat: no-repeat;
  background-size: 16px 10px;
  background-position: center center;
  border: 1px solid #CCC;
  border-left: 0;
  border-radius: 0 8px 8px 0;
}
.form-group-main .form-input .password-toggle-button:hover {
  background-color: #EDF7FB;
  cursor: pointer;
}
.form-group-main .form-input .password-toggle-button.active {
  background-image: url("/assets/img/frontend/global/password-toggle-inactive.svg");
}
.form-group-main .file-accepted-types {
  display: block;
  color: #AAA;
  font-size: 0.8rem;
}

@media screen and (min-width: 961px) {
  .form-group-main.no-label .form-input,
  .form-group-main.no-label .form-validation {
    width: 100%;
    max-width: 100%;
    text-align: left;
  }
}
.form-group-main.items-vertical {
  display: flex;
  flex-direction: column;
}

.form-info {
  display: none;
  position: relative;
  margin: 0.5rem 0;
  padding: 0.5rem;
  background-color: #fff7d6;
  border: 1px solid #FED001;
  border-radius: 4px;
  font-size: 0.9rem;
}
.form-info:before {
  content: " ";
  position: absolute;
  right: 2px;
  top: -10px;
  width: 20px;
  height: 10px;
  background-image: url("/assets/img/frontend/global/form-info-corner.svg");
  background-size: 20px 10px;
  background-repeat: no-repeat;
}
.form-info.active {
  display: block;
}

.form-validation {
  display: none;
  position: relative;
  margin: 0.5rem 0;
  padding: 0.5rem 0;
  padding-left: 24px;
  border-radius: 4px;
  color: #ED1313;
  font-size: 0.9rem;
  text-align: left;
}
.form-validation.break-word {
  word-break: break-word;
}
.form-validation.active {
  display: block;
}
.form-validation.active:before {
  content: " ";
  position: absolute;
  left: 0;
  top: 0.6rem;
  width: 16px;
  height: 16px;
  background-image: url("/assets/img/frontend/global/icon-validation-error.svg");
  background-size: 16px 16px;
  background-repeat: no-repeat;
}
.form-validation.active.error {
  color: #ED1313;
}
.form-validation.active.error:before {
  background-image: url("/assets/img/frontend/global/icon-validation-error.svg");
}
.form-validation.active.warning {
  color: #F48308;
}
.form-validation.active.warning:before {
  background-image: url("/assets/img/frontend/global/icon-validation-warning.svg");
}
.form-validation.active.message {
  color: #232976;
}
.form-validation.active.message:before {
  background-image: url("/assets/img/frontend/global/icon-validation-message.svg");
}

.form-group-submit {
  padding: 1rem;
  text-align: center;
}

@media screen and (min-width: 961px) {
  form.items-vertical .form-group .form-group-main {
    flex-direction: column;
  }
}
form.items-vertical .form-group .form-group-main .form-label-main {
  margin-bottom: 0.5rem;
}
@media screen and (min-width: 961px) {
  form.items-vertical .form-group .form-group-main .form-input {
    max-width: 100%;
  }
}

/*
|--------------------------------------------------------------------------
| Form - elements
|--------------------------------------------------------------------------
*/
select {
  padding: 0 0.5rem;
  width: 100%;
  height: 44px;
  background-color: #F8FBFD;
  border: 1px solid #CCC;
  border-radius: 8px;
  outline: 0;
  transition: all, 0.2s;
}
select.text-small {
  font-size: 0.9rem;
}
select option.highlighted {
  border-bottom: 1px solid #EEE;
  font-weight: 600;
}
select option:disabled {
  background-color: #feeded;
}
select:hover {
  cursor: pointer;
  border: 1px solid #999;
}

input[type=text],
input[type=password],
input[type=email],
input[type=number],
input[type=tel],
textarea {
  padding: 0 0.5rem;
  width: 100%;
  height: 44px;
  background-color: #F8FBFD;
  border: 1px solid #CCC;
  border-radius: 8px;
  box-sizing: border-box;
}
input[type=text]:hover,
input[type=password]:hover,
input[type=email]:hover,
input[type=number]:hover,
input[type=tel]:hover,
textarea:hover {
  border: 1px solid #999;
}
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=tel]:focus,
textarea:focus {
  outline: 0;
  background-color: #EDF7FB;
  border: 1px solid #01B4D5;
}
input[type=text].password-toggle,
input[type=password].password-toggle,
input[type=email].password-toggle,
input[type=number].password-toggle,
input[type=tel].password-toggle,
textarea.password-toggle {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

input[type=text].with-password-toggle,
input[type=password].with-password-toggle {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

textarea {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  height: auto;
  min-height: 144px;
}
textarea.resize-vertical {
  resize: vertical;
}

.maxlength-container {
  position: relative;
  height: 16px;
}

.maxlength-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #AAA;
  font-size: 0.9rem;
  text-align: right;
}

/*
|--------------------------------------------------------------------------
| Form - buttons
|--------------------------------------------------------------------------
*/
.button-default, .cookie-consent button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 0.75rem 2rem;
  border: 0;
  outline: 0;
  background-color: #5BB12B;
  border-radius: 4px;
  border-bottom: 2px solid #468821;
  color: #FFF;
  font-weight: 600;
  text-align: center;
  box-sizing: border-box;
  cursor: pointer;
  transition: all, 0.3s;
}
.button-default:focus, .cookie-consent button:focus {
  outline: 0;
}
.button-default:hover, .cookie-consent button:hover {
  background-color: #73d03f;
  border-bottom: 2px solid #468821;
}
.button-default:active, .cookie-consent button:active {
  position: relative;
  top: 2px;
  background-color: #468821;
  outline: 0;
}
.button-default:active.button-inactive, .cookie-consent button:active.button-inactive {
  top: 0;
  background-color: #5BB12B;
}
.button-default.inverted, .cookie-consent button.inverted {
  background-color: #FFF;
  border: 1px solid #5BB12B;
  color: #5BB12B;
  font-weight: 500;
}
.button-default.inverted:hover, .cookie-consent button.inverted:hover {
  background-color: #5BB12B;
  color: #FFF;
}
.button-default.blue, .cookie-consent button.blue {
  background-color: #01B4D5;
  border-bottom: 2px solid #0189a2;
}
.button-default.blue:hover, .cookie-consent button.blue:hover {
  background-color: #01B4D5;
}
.button-default.blue:active, .cookie-consent button.blue:active {
  background-color: #01B4D5;
}
.button-default.blue:active.button-inactive, .cookie-consent button.blue:active.button-inactive {
  top: 0;
  background-color: #01B4D5;
}
.button-default.blue.inverted, .cookie-consent button.blue.inverted {
  background-color: #FFF;
  border: 1px solid #01B4D5;
  color: #01B4D5;
  font-weight: 500;
}
.button-default.blue.inverted:hover, .cookie-consent button.blue.inverted:hover {
  background-color: #01B4D5;
  color: #FFF;
}
.button-default.orange, .cookie-consent button.orange {
  background-color: #F48308;
  border-bottom: 2px solid #c36806;
}
.button-default.orange:hover, .cookie-consent button.orange:hover {
  background-color: #f89c37;
}
.button-default.orange:active, .cookie-consent button.orange:active {
  background-color: #c36806;
}
.button-default.orange:active.button-inactive, .cookie-consent button.orange:active.button-inactive {
  top: 0;
  background-color: #F48308;
}
.button-default.orange.inverted, .cookie-consent button.orange.inverted {
  background-color: #FFF;
  border: 1px solid #F48308;
  color: #F48308;
  font-weight: 500;
}
.button-default.orange.inverted:hover, .cookie-consent button.orange.inverted:hover {
  background-color: #F48308;
  color: #FFF;
}
.button-default.neutral, .cookie-consent button.neutral {
  background-color: #F6F6F6;
  border-bottom: 2px solid #AAA;
  color: #424242;
}
.button-default.neutral:hover, .cookie-consent button.neutral:hover {
  background-color: #EEE;
}
.button-default.neutral:active, .cookie-consent button.neutral:active {
  background-color: #EEE;
}
.button-default.neutral:active.button-inactive, .cookie-consent button.neutral:active.button-inactive {
  top: 0;
  background-color: #DDD;
}
.button-default.neutral.inverted, .cookie-consent button.neutral.inverted {
  background-color: #FFF;
  border: 1px solid #AAA;
  color: #AAA;
  font-weight: 500;
}
.button-default.neutral.inverted:hover, .cookie-consent button.neutral.inverted:hover {
  background-color: #EEE;
  color: #424242;
}
.button-default.white, .cookie-consent button.white {
  background-color: #FFF;
  border-bottom: 2px solid #CCC;
  color: #424242;
}
.button-default.white:hover, .cookie-consent button.white:hover {
  background-color: #F6F6F6;
}
.button-default.white:active, .cookie-consent button.white:active {
  background-color: #F6F6F6;
}
.button-default.white:active.button-inactive, .cookie-consent button.white:active.button-inactive {
  top: 0;
  background-color: #EEE;
}
.button-default.red, .cookie-consent button.red {
  background-color: #ED1313;
  border-bottom: 2px solid #ED1313;
}
.button-default.red:hover, .cookie-consent button.red:hover {
  background-color: #ED1313;
}
.button-default.red:active, .cookie-consent button.red:active {
  background-color: #ED1313;
}
.button-default.red:active.button-inactive, .cookie-consent button.red:active.button-inactive {
  top: 0;
  background-color: #ED1313;
}
.button-default.red.inverted, .cookie-consent button.red.inverted {
  background-color: #FFF;
  border: 1px solid #ED1313;
  color: #ED1313;
  font-weight: 500;
}
.button-default.red.inverted:hover, .cookie-consent button.red.inverted:hover {
  background-color: #ED1313;
  color: #FFF;
}
.button-default.transparent, .cookie-consent button.transparent {
  background-color: transparent;
  border: 1px solid #AAA;
  color: #424242;
}
.button-default.transparent:hover, .cookie-consent button.transparent:hover {
  background-color: #AAA;
}
.button-default.transparent:active, .cookie-consent button.transparent:active {
  background-color: #EEE;
}
.button-default.transparent:active.button-inactive, .cookie-consent button.transparent:active.button-inactive {
  top: 0;
  background-color: #DDD;
}
.button-default.cta:after, .cookie-consent button.cta:after, .button-default.cta-inline:after, .cookie-consent button.cta-inline:after {
  content: " ›";
  position: absolute;
  justify-content: center;
  align-content: center;
  align-items: center;
  display: flex;
  top: 0;
  right: 0;
  padding-left: 0.5rem;
  width: 24px;
  height: 94%;
  font-size: 1.2rem;
}
.button-default.cta.cta-inline:after, .button-default.cta-inline.cta-inline:after, .cookie-consent button.cta-inline.cta-inline:after {
  position: static;
  top: auto;
  right: auto;
  margin-left: 0.5rem;
}
.button-default.cta.cta-down:after, .cookie-consent button.cta.cta-down:after, .button-default.cta-inline.cta-down:after, .cookie-consent button.cta-inline.cta-down:after {
  top: -2px;
  right: -2px;
  transform: rotate(90deg);
}
.button-default.cta.cta-up:after, .cookie-consent button.cta.cta-up:after, .button-default.cta-inline.cta-up:after, .cookie-consent button.cta-inline.cta-up:after {
  top: 6px;
  right: 3px;
  transform: rotate(-90deg);
}
.button-default.cta.large:after, .cookie-consent button.cta.large:after, .button-default.cta-inline.large:after, .cookie-consent button.cta-inline.large:after {
  font-size: 1.4rem;
}
.button-default:disabled, .cookie-consent button:disabled {
  background-color: #5BB12B;
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.button-default:disabled.orange, .cookie-consent button:disabled.orange {
  background-color: #F48308;
}
.button-default.full, .cookie-consent button.full {
  width: 100%;
}
.button-default.large, .cookie-consent button.large {
  padding: 1rem 3rem;
  font-size: 1.1rem;
}
@media screen and (min-width: 961px) {
  .button-default.large, .cookie-consent button.large {
    padding: 1rem 4rem;
  }
}
.button-default.medium, .cookie-consent button.medium {
  padding: 0.5rem 1.5rem;
  font-size: 0.9rem;
}
.button-default.extra-padding, .cookie-consent button.extra-padding {
  padding-left: 4rem;
  padding-right: 4rem;
}
.button-default.no-border, .house-card .body .info a.button-default, .house-card .body .button-default.image, .cookie-consent button.no-border, .cookie-consent .house-card .body button.image, .house-card .body .cookie-consent button.image {
  border: 0;
}
.button-default.square, .cookie-consent button.square {
  border-radius: 0;
}
.button-default.button-social, .cookie-consent button.button-social {
  background-color: #FFF;
}
.button-default.button-social.copy, .cookie-consent button.button-social.copy {
  color: #424242;
  border: 1px solid #424242;
}
.button-default.button-social.copy:hover, .cookie-consent button.button-social.copy:hover {
  background-color: #F6F6F6;
}
.button-default.button-social.facebook, .cookie-consent button.button-social.facebook {
  color: #3C5B9B;
  border: 1px solid #3C5B9B;
}
.button-default.button-social.facebook:hover, .cookie-consent button.button-social.facebook:hover {
  background-color: #e2e8f4;
}
.button-default.button-social.twitter, .cookie-consent button.button-social.twitter {
  color: #3DACE3;
  border: 1px solid #3DACE3;
}
.button-default.button-social.twitter:hover, .cookie-consent button.button-social.twitter:hover {
  background-color: #c3e5f6;
}
.button-default.button-social.instagram, .cookie-consent button.button-social.instagram {
  color: #E2306C;
  border: 1px solid #E2306C;
}
.button-default.button-social.instagram:hover, .cookie-consent button.button-social.instagram:hover {
  background-color: #fcecf1;
}
.button-default.button-social.email, .cookie-consent button.button-social.email {
  color: #F48308;
  border: 1px solid #F48308;
}
.button-default.button-social.email:hover, .cookie-consent button.button-social.email:hover {
  background-color: #fde5cb;
}
.button-default.button-social.linkedin, .cookie-consent button.button-social.linkedin {
  color: #006599;
  border: 1px solid #006599;
}
.button-default.button-social.linkedin:hover, .cookie-consent button.button-social.linkedin:hover {
  background-color: #cceeff;
}
.button-default.button-social.whatsapp, .cookie-consent button.button-social.whatsapp {
  color: #5AB02B;
  border: 1px solid #5AB02B;
}
.button-default.button-social.whatsapp:hover, .cookie-consent button.button-social.whatsapp:hover {
  background-color: #eaf8e2;
}
@media screen and (min-width: 961px) {
  .button-default.button-social.whatsapp, .cookie-consent button.button-social.whatsapp {
    display: none;
  }
}
.button-default span, .cookie-consent button span {
  margin-left: 0.5rem;
  color: #DDD;
  font-size: 0.9em;
}

/*
|--------------------------------------------------------------------------
| Form - custom elements
|--------------------------------------------------------------------------
*/
.toggle-box-section {
  display: flex;
  flex: 1;
}
.toggle-box-section .toggle-hidden {
  text-align: left;
}
.toggle-box-section .toggle-box {
  display: flex;
  flex: 1;
}
.toggle-box-section .toggle-box .toggle-item {
  display: flex;
  flex: 1;
}
.toggle-box-section .toggle-box .toggle-item label {
  position: relative;
  padding: 0.75rem;
  width: 100%;
  min-width: 64px;
  background-color: #F8FBFD;
  border: 1px solid #CCC;
  font-size: 0.9rem;
  text-align: center;
}
.toggle-box-section .toggle-box .toggle-item label:hover {
  border: 1px solid #999;
  cursor: pointer;
}
.toggle-box-section .toggle-box .toggle-item label.focused {
  border: 1px solid #01B4D5;
}
.toggle-box-section .toggle-box .toggle-item input {
  display: none;
}
.toggle-box-section .toggle-box .toggle-item input:checked + label {
  background-color: #5BB12B;
  color: #FFF;
}
.toggle-box-section .toggle-box .toggle-item:first-child label {
  border-bottom-left-radius: 8px;
  border-top-left-radius: 8px;
}
.toggle-box-section .toggle-box .toggle-item:last-child label {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-right-color: #999;
  border-left-color: #F8FBFD;
}
.toggle-box-section .toggle-box .toggle-item:last-child label:hover {
  border: 1px solid #999;
}
.toggle-box-section.small .toggle-box .toggle-item label {
  padding: 0.5rem 0.25rem;
  font-size: 0.85rem;
}
.toggle-box-section.tiny .toggle-box .toggle-item label {
  padding: 0.35rem 0;
  font-size: 0.8rem;
}

.form-input-full-name,
.form-input-telephone {
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-shrink: 0;
}
@media screen and (min-width: 961px) {
  .form-input-full-name,
  .form-input-telephone {
    flex-direction: row;
    min-height: auto;
  }
  .form-input-full-name input[type=text],
  .form-input-full-name select,
  .form-input-telephone input[type=text],
  .form-input-telephone select {
    flex: 1;
  }
}
.form-input-full-name input[type=text]:first-child,
.form-input-full-name select:first-child,
.form-input-telephone input[type=text]:first-child,
.form-input-telephone select:first-child {
  margin-right: 0;
  margin-bottom: 0.5rem;
  max-width: 100%;
}
@media screen and (min-width: 961px) {
  .form-input-full-name input[type=text]:first-child,
  .form-input-full-name select:first-child,
  .form-input-telephone input[type=text]:first-child,
  .form-input-telephone select:first-child {
    margin-right: 0.5rem;
    margin-bottom: 0;
    max-width: 40%;
  }
  .form-input-telephone select:first-child {
    max-width: 60%;
  }
}

.form-group .dob input {
  max-width: 64px;
  text-align: center;
}
.form-group .dob span {
  display: flex;
  padding: 0 0.5rem;
  align-items: center;
}

.form-input-street {
  display: flex;
  flex: 1;
}
.form-input-street input[type=text] {
  flex: 1;
}
.form-input-street input[type=text]:last-child {
  margin-left: 0.5rem;
  max-width: 80px;
}

.form-input-postal-code-place {
  display: flex;
  flex: 1;
}
.form-input-postal-code-place input[type=text] {
  flex: 1;
}
.form-input-postal-code-place input[type=text]:first-child {
  margin-right: 0.5rem;
  max-width: 120px;
}

.custom-input-item {
  margin: 0.25rem 0;
}
.custom-input-item.input-only .custom-radio-button {
  margin-right: 0;
}
.custom-input-item.stretch {
  width: 100%;
  height: 100%;
}
.custom-input-item.stretch label {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.custom-input-item input {
  display: none;
}
.custom-input-item input:checked + label {
  border-color: #01B4D5;
  color: #01B4D5;
}
.custom-input-item input:checked + label .custom-radio-button {
  border-color: #01B4D5;
  transform: scale(1.25);
}
.custom-input-item input:checked + label .custom-radio-button:after {
  display: block;
  transform: scale(1.25);
}
.custom-input-item .custom-radio-button {
  position: relative;
  display: inline-block;
  margin-right: 8px;
  width: 12px;
  height: 12px;
  background-color: #FFF;
  border: 1px solid #424242;
  border-radius: 50%;
  transition: all 0.3s;
}
.custom-input-item .custom-radio-button:after {
  display: none;
  content: "";
  position: absolute;
  left: 3px;
  top: 3px;
  border-radius: 50%;
  background-color: #01B4D5;
  transition: all 0.3s;
  width: 6px;
  height: 6px;
}
.custom-input-item:hover {
  cursor: pointer;
}
.custom-input-item:hover .custom-radio-button {
  border-color: #01B4D5;
  transform: scale(1.25);
}
.custom-input-item:hover .custom-radio-button:after {
  display: block;
  transform: scale(1.25);
}
.custom-input-item:hover label {
  color: #01B4D5;
}
.custom-input-item label:hover {
  cursor: pointer;
}

.form-accept-terms {
  margin-top: 3rem;
  display: flex;
  transition: all, 0.2s;
}
.form-accept-terms .form-accept-terms-checkbox {
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  justify-items: center;
  margin-right: 1.5rem;
}
.form-accept-terms .form-accept-terms-checkbox .form-accept-terms-checkmark {
  width: 32px;
  height: 32px;
  line-height: 32px;
  background-color: #FFF;
  border: 1px solid #CCC;
  color: #FFF;
  font-size: 1.5rem;
  font-weight: 600;
  text-align: center;
  cursor: pointer;
  transition: font-size 0.2s cubic-bezier(0.47, 1.64, 0.41, 0.8);
}
.form-accept-terms .form-accept-terms-checkbox .form-accept-terms-checkmark input {
  display: none;
}
.form-accept-terms .form-accept-terms-insurance {
  display: none;
}
.form-accept-terms .form-accept-terms-insurance.active {
  display: inline;
}
.form-accept-terms .form-accept-terms-text {
  font-weight: 500;
}
.form-accept-terms.active .form-accept-terms-checkbox .form-accept-terms-checkmark {
  border: 1px solid #5BB12B;
  color: #5BB12B;
  font-size: 2rem;
}

.calendar-bier-huts {
  background-color: #F00;
}

.calendar-beach-huts {
  width: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.calendar-beach-huts .calendar-underlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0);
  z-index: 100;
}
.calendar-beach-huts .calendar-top {
  position: relative;
  padding: 0 0.5rem;
  height: 44px;
  line-height: 44px;
  width: 100%;
  background-color: #F8FBFD;
  background-image: url(/assets/img/frontend/website/icon-calendar-grey.svg);
  background-size: 22px auto;
  background-position: 98% 8px;
  background-repeat: no-repeat;
  border: 1px solid #CCC;
  border-radius: 8px;
  outline: 0;
  text-align: left;
  box-sizing: border-box;
  transition: all, 0.2s;
}
.calendar-beach-huts .calendar-top:hover {
  border: 1px solid #999;
  cursor: pointer;
}
@media screen and (min-width: 561px) {
  .calendar-beach-huts .calendar-top {
    padding: 0 1rem;
  }
}
.calendar-beach-huts .calendar-top .placeholder {
  font-size: 0.9rem;
  color: #AAA;
  font-style: italic;
  text-align: left;
}
.calendar-beach-huts .calendar-top .selected-dates span.faded {
  color: #CCC;
}
.calendar-beach-huts .calendar-body {
  position: absolute;
  top: 43px;
  left: 0;
  width: 100%;
  background-color: #FFF;
  border: 1px solid #CCC;
  box-sizing: border-box;
  z-index: 100;
}
.calendar-beach-huts .calendar-body .swiper .swiper-wrapper .month {
  position: relative;
  padding: 1px 0;
  margin: 8px;
  max-width: 284px;
  min-height: 391px;
  background-color: #FFF;
  font-size: 0.9rem;
  box-sizing: border-box;
}
@media screen and (min-width: 360px) {
  .calendar-beach-huts .calendar-body .swiper .swiper-wrapper .month {
    max-width: 382px;
  }
}
.calendar-beach-huts .calendar-body .swiper .swiper-wrapper .month .no-availability {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.64);
}
.calendar-beach-huts .calendar-body .swiper .swiper-wrapper .month .no-availability .text {
  text-align: center;
  padding: 0.5rem 0;
  width: 100%;
  background-color: #feefde;
  font-size: 1.2rem;
  font-weight: 600;
}
.calendar-beach-huts .calendar-body .swiper .swiper-wrapper .month .title {
  padding: 0.5rem;
  text-align: center;
  font-weight: 600;
}
.calendar-beach-huts .calendar-body .swiper .swiper-wrapper .month .week {
  display: flex;
}
.calendar-beach-huts .calendar-body .swiper .swiper-wrapper .month .week .day {
  margin: 2px;
  width: 48px;
  height: 48px;
  line-height: 48px;
  background-color: #FFF;
  border: 1px solid #EEE;
  border-radius: 4px;
  color: #424242;
  text-align: center;
  transition: 0.2s all;
}
.calendar-beach-huts .calendar-body .swiper .swiper-wrapper .month .week .day.overflow {
  color: #CCC;
  background-color: #FAFAFA;
}
.calendar-beach-huts .calendar-body .swiper .swiper-wrapper .month .week .day.within-end-date-range {
  background-color: #B5DC9F;
}
.calendar-beach-huts .calendar-body .swiper .swiper-wrapper .month .week .day.active {
  border-color: #B5DC9F;
  color: #5BB12B;
  font-weight: 600;
}
.calendar-beach-huts .calendar-body .swiper .swiper-wrapper .month .week .day.active:hover {
  background-color: #B5DC9F;
  cursor: pointer;
}
.calendar-beach-huts .calendar-body .swiper .swiper-wrapper .month .week .day.selected {
  background-color: #B5DC9F;
  color: #FFF;
}
.calendar-beach-huts .calendar-body .swiper .swiper-wrapper .month .week .day.selected.within-end-date-range {
  border-color: #5BB12B;
  color: #5BB12B;
}
.calendar-beach-huts .calendar-body .swiper .swiper-wrapper .month .week .day.selected-key {
  border-color: #5BB12B;
  background-color: #5BB12B;
  color: #FFF;
}
.calendar-beach-huts .calendar-body .swiper .swiper-wrapper .month .week .day.selected-key:hover {
  background-color: #5BB12B;
  cursor: pointer;
}
.calendar-beach-huts .calendar-body .swiper .swiper-wrapper .month .week .day.selected-key.within-end-date-range {
  color: #FFF;
}
.calendar-beach-huts .calendar-body .swiper .swiper-wrapper .month .week-days {
  margin-bottom: 2px;
}
.calendar-beach-huts .calendar-body .swiper .swiper-wrapper .month .week-days .day {
  height: 24px;
  line-height: 24px;
  background-color: transparent;
  border: 0;
  color: #AAA;
}
.calendar-beach-huts .calendar-body .swiper-button-prev,
.calendar-beach-huts .calendar-body .swiper-button-next {
  top: 4px;
  width: 44px;
  height: 34px;
  line-height: 30px;
  border: 1px solid #01B4D5;
  background-color: #FFF;
  border-radius: 4px;
}
.calendar-beach-huts .calendar-body .swiper-button-prev:after,
.calendar-beach-huts .calendar-body .swiper-button-next:after {
  color: #01B4D5;
}
@media screen and (min-width: 360px) {
  .calendar-beach-huts .calendar-body .swiper-button-prev,
  .calendar-beach-huts .calendar-body .swiper-button-next {
    width: 56px;
  }
}
.calendar-beach-huts .calendar-body .swiper-button-prev:hover,
.calendar-beach-huts .calendar-body .swiper-button-next:hover {
  background-color: #01B4D5;
}
.calendar-beach-huts .calendar-body .swiper-button-prev:hover:after,
.calendar-beach-huts .calendar-body .swiper-button-next:hover:after {
  color: #FFF;
}
.calendar-beach-huts .calendar-body .swiper-button-prev {
  top: 8px;
  left: 8px;
}
.calendar-beach-huts .calendar-body .swiper-button-next {
  top: 8px;
  right: 8px;
}
.calendar-beach-huts .calendar-body .bottom-section {
  padding: 0.5rem;
  background-color: #F6F6F6;
  text-align: center;
  box-sizing: border-box;
  z-index: 100;
}
.calendar-beach-huts .calendar-body .bottom-section .instruction {
  padding: 0 1rem;
  color: #727272;
  font-size: 0.9rem;
}
.calendar-beach-huts .calendar-body .bottom-section .select-duration a {
  display: inline-block;
  width: 30%;
  margin: 1%;
  height: 40px;
  line-height: 32px;
  padding: 0.25rem;
  background-color: #FFF;
  border: 1px solid #F48308;
  color: #F48308;
  box-sizing: border-box;
  border-radius: 4px;
  cursor: pointer;
}
.calendar-beach-huts .calendar-body .bottom-section .select-duration a:hover {
  background-color: #F48308;
  color: #FFF;
}
.calendar-beach-huts .calendar-body .bottom-section .select-duration a.active {
  background-color: #F48308;
  color: #FFF;
}
.calendar-beach-huts .calendar-body .bottom-section .select-duration a.disabled {
  border-color: #AAA;
  color: #727272;
  cursor: default;
}
.calendar-beach-huts .calendar-body .bottom-section .select-duration a.disabled:hover {
  background-color: #FFF;
  border-color: #AAA;
  color: #727272;
}
.calendar-beach-huts.active .calendar-top {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.polaroid {
  display: inline-block;
  background-color: #FFF;
  text-align: center;
}
.polaroid.rotate-1 {
  transform: rotate(1deg);
}
.polaroid.rotate-1:before {
  transform: rotate(16deg);
}
.polaroid.rotate-2 {
  transform: rotate(2deg);
}
.polaroid.rotate-2:before {
  transform: rotate(8deg);
}
.polaroid.rotate-3 {
  transform: rotate(-1deg);
}
.polaroid.rotate-3:before {
  transform: rotate(-16deg);
}
.polaroid.rotate-4 {
  transform: rotate(-2deg);
}
.polaroid.rotate-4:before {
  transform: rotate(-8deg);
}
.polaroid a:hover {
  filter: alpha(opacity=80);
  opacity: 0.8;
}
.polaroid:before {
  display: inline-block;
  content: " ";
  margin-top: -12px;
  width: 34%;
  height: 32px;
  background-color: #FFF;
  border: 1px solid #DDD;
  filter: alpha(opacity=70);
  opacity: 0.7;
}
.polaroid .image {
  display: inline-block;
  width: 240px;
  height: 200px;
  margin: 10px 20px 0;
  background-color: #EEE;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  border: 0;
}
.polaroid .image.position-bottom {
  background-position: center bottom;
}
.polaroid .image.vertical {
  height: 280px;
}
.polaroid .image.medium {
  width: 256px;
  height: 224px;
}
.polaroid .image.medium.vertical {
  width: 224px;
  height: 256px;
}
.polaroid .image.xlarge {
  width: 300px;
  height: 240px;
}
.polaroid .image.xlarge.vertical {
  width: 240px;
  height: 300px;
}
@media screen and (min-width: 481px) {
  .polaroid .image {
    width: 280px;
    height: 240px;
  }
  .polaroid .image.medium {
    width: 360px;
    height: 315px;
  }
  .polaroid .image.medium.vertical {
    width: 315px;
    height: 360px;
  }
  .polaroid .image.xlarge {
    width: 440px;
    height: 384px;
  }
  .polaroid .image.xlarge.vertical {
    width: 384px;
    height: 440px;
  }
  .polaroid .image.small {
    width: 240px;
    height: 200px;
  }
  .polaroid .image.small.vertical {
    width: 240px;
    height: 280px;
  }
}
.polaroid .caption {
  display: block;
  padding: 10px 10px;
  border: 0;
  color: #232976;
  font-family: "Authenia Solid";
  font-weight: 500;
  font-size: 2rem;
}
.polaroid .caption.large {
  padding: 20px 10px;
  font-size: 2.7rem;
}
.polaroid .caption.xlarge {
  padding: 30px 10px;
  font-size: 2rem;
}
.polaroid .caption.rotate-1 {
  transform: rotate(2deg);
}
.polaroid .caption.rotate-2 {
  transform: rotate(4deg);
}
.polaroid .caption.rotate-3 {
  transform: rotate(-2deg);
}
.polaroid .caption.rotate-4 {
  transform: rotate(-4deg);
}
.polaroid .caption .cta:after {
  content: "›";
  color: #AAA;
  font-size: 3rem;
  font-family: "Open Sans", sans-serif;
}
.polaroid .caption .sub-title {
  font-family: "Open Sans", sans-serif;
  color: #AAA;
  font-size: 0.9rem;
  font-weight: 400;
}
.polaroid a {
  color: #01B4D5;
  text-decoration: none;
}

/*
|--------------------------------------------------------------------------
| Popups
|--------------------------------------------------------------------------
*/
.popup {
  display: none;
  justify-content: center;
  align-items: flex-start;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.64);
  z-index: 5000;
  overflow-y: auto;
}
.popup.active {
  display: flex;
  animation: fade-in-bg 0.3s;
}
.popup.active .content {
  animation: slidedown 0.3s;
}
.popup.inactive {
  background-color: rgba(0, 0, 0, 0);
  animation: fade-out-bg 0.3s;
}
.popup.inactive .content {
  filter: alpha(opacity=0);
  opacity: 0;
  animation: slideup 0.3s;
}
.popup.loading .body:after {
  display: block;
  margin-left: auto;
  margin-right: auto;
  height: 5rem;
  width: 5rem;
  content: " ";
  background-size: cover;
  background-image: url("/assets/img/global/content-loader.svg");
}
.popup.full-height .content {
  min-height: 100%;
}
.popup.full-height .body {
  padding: 1rem 1rem 5rem;
}
@media screen and (min-width: 961px) {
  .popup.full-height .body {
    padding: 1rem 1rem 0;
  }
}
@keyframes fade-in-bg {
  0% {
    background-color: rgba(0, 0, 0, 0);
  }
  100% {
    background-color: rgba(0, 0, 0, 0.64);
  }
}
@keyframes fade-out-bg {
  0% {
    background-color: rgba(0, 0, 0, 0.64);
  }
  100% {
    background-color: rgba(0, 0, 0, 0);
  }
}
@keyframes slide-down {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes slide-up {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@media screen and (min-width: 961px) {
  @keyframes slide-down {
    0% {
      margin-top: 0;
      opacity: 0;
    }
    100% {
      margin-top: 3rem;
      opacity: 1;
    }
  }
  @keyframes slide-up {
    0% {
      margin-top: 3rem;
      opacity: 1;
    }
    100% {
      margin-top: 0;
      opacity: 0;
    }
  }
}
.popup .content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  width: 100%;
  background-color: #FFF;
  box-sizing: border-box;
  filter: alpha(opacity=100);
  opacity: 1;
}
@media screen and (min-width: 961px) {
  .popup .content {
    height: auto;
    margin-bottom: 3rem;
    max-width: 480px;
    border-radius: 16px;
  }
  .popup .content.small {
    max-width: 480px;
  }
  .popup .content.medium {
    max-width: 720px;
  }
  .popup .content.large {
    max-width: 960px;
  }
  .popup .content.xlarge {
    max-width: 1200px;
  }
  .popup .content.xxlarge {
    max-width: 1440px;
  }
  .popup .content.full {
    max-width: 100%;
  }
}
.popup .content .heading {
  position: sticky;
  top: 0;
  padding: 1rem;
  background-color: #8CDDEB;
  color: #424242;
  font-size: 1.2rem;
  font-weight: 600;
  text-align: center;
  z-index: 100;
}
.popup .content .heading:before {
  position: absolute;
  bottom: 0;
  left: 0;
  content: " ";
  display: block;
  width: 100%;
  height: 8px;
  border-top: 1px dashed #FFF;
}
@media screen and (min-width: 961px) {
  .popup .content .heading {
    position: relative;
    padding: 1.5rem 1rem 1.5rem;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    font-size: 1.4rem;
  }
}
.popup .content .heading .close {
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-color: rgba(0, 0, 0, 0.7);
  border-bottom-left-radius: 16px;
  color: #FFF;
}
@media screen and (min-width: 961px) {
  .popup .content .heading .close {
    border-top-right-radius: 16px;
  }
}
.popup .content .heading .close:hover {
  background-color: rgba(0, 0, 0, 0.8);
  cursor: pointer;
}
.popup .content .content-main {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #FFF;
}
@media screen and (min-width: 961px) {
  .popup .content .content-main {
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
  }
}
.popup .content .content-main .instruction {
  padding: 1rem;
  text-align: center;
  color: #AAA;
}
.popup .content .content-main .body {
  padding: 1rem;
}
.popup .content .bottom-bar {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column-everse;
  position: relative;
  width: 100%;
  border-top: 1px solid #CCC;
  background-color: #F6F6F6;
  padding: 1rem 0;
  box-sizing: border-box;
}
.popup .content .bottom-bar .button-overlay.active {
  position: relative;
}
.popup .content .bottom-bar .button-overlay.active:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(246, 246, 246, 0.64);
  z-index: 100;
  content: " ";
}
.popup .content .bottom-bar .button-default, .popup .content .bottom-bar .cookie-consent button, .cookie-consent .popup .content .bottom-bar button {
  min-height: 48px;
  box-sizing: border-box;
}
@media screen and (min-width: 320px) {
  .popup .content .bottom-bar .button-default, .popup .content .bottom-bar .cookie-consent button, .cookie-consent .popup .content .bottom-bar button, .popup .content .bottom-bar .button-overlay {
    margin-bottom: 1rem;
  }
  .popup .content .bottom-bar .button-default:first-child, .popup .content .bottom-bar .cookie-consent button:first-child, .cookie-consent .popup .content .bottom-bar button:first-child, .popup .content .bottom-bar .button-overlay:first-child {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 360px) {
  .popup .content .bottom-bar {
    flex-direction: row;
  }
  .popup .content .bottom-bar .button-default, .popup .content .bottom-bar .cookie-consent button, .cookie-consent .popup .content .bottom-bar button, .popup .content .bottom-bar .button-overlay {
    margin-right: 1rem;
    margin-bottom: 0;
  }
  .popup .content .bottom-bar .button-default:last-child, .popup .content .bottom-bar .cookie-consent button:last-child, .cookie-consent .popup .content .bottom-bar button:last-child, .popup .content .bottom-bar .button-overlay:last-child {
    margin-right: 0;
  }
}
@media screen and (min-width: 961px) {
  .popup .content .bottom-bar {
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
  }
  .popup .content .bottom-bar .button-default, .popup .content .bottom-bar .cookie-consent button, .cookie-consent .popup .content .bottom-bar button, .popup .content .bottom-bar .button-overlay {
    margin-right: 2rem;
  }
}
.popup .content .bottom-bar.submitting:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.64);
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
}
.popup .popup-contact-section {
  display: flex;
  margin-bottom: 1rem;
  padding: 1rem 0.5rem;
  border-top: 1px dashed #AAA;
}
.popup .popup-contact-section:last-child {
  border-bottom: 1px dashed #AAA;
}
.popup .popup-contact-section .icon {
  padding-right: 1rem;
}
.popup .popup-contact-section .icon img {
  width: 32px;
  height: 32px;
}
.popup .popup-contact-section .text h3 {
  padding: 0.25rem 0;
  margin: 0;
}
.popup .popup-contact-section .text p {
  margin: 0 0 1rem;
  padding: 0;
  font-size: 0.9rem;
}
.popup .popup-contact-section .text a {
  padding: 0.5rem 0;
}

.popup-disabled .heading, .popup-disabled .bottom-bar {
  display: none;
}

.popup-replacement {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  min-height: 40px;
  border: 1px dashed #DDD;
  color: #AAA;
}

body.submenu-active {
  overflow-y: hidden;
}
body.popup-active {
  overflow-y: hidden;
}
body.popup-active .popup .content {
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 961px) {
  body.popup-active .popup .content {
    margin-top: 3rem;
    width: auto;
    height: auto;
  }
}
/*
|--------------------------------------------------------------------------
| Fonts
|--------------------------------------------------------------------------
*/
@font-face {
  font-family: "Fertigo Pro";
  font-style: normal;
  font-weight: 400;
  src: local("Fertigo Pro"), url("/assets/fonts/fertigo-pro.woff2") format("woff2"), url("/assets/fonts/fertigo-pro.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Authenia Solid";
  src: local("Authenia Solid"), url("/assets/fonts/authenia-solid-webfont.woff2") format("woff2");
  font-style: normal;
  font-display: swap;
}
/* cyrillic-ext */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: url(/assets/fonts/opensans/v18/mem8YaGs126MiZpBA-UFWJ0bbck.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  font-display: swap;
}
/* cyrillic */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: url(/assets/fonts/opensans/v18/mem8YaGs126MiZpBA-UFUZ0bbck.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  font-display: swap;
}
/* greek-ext */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: url(/assets/fonts/opensans/v18/mem8YaGs126MiZpBA-UFWZ0bbck.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
  font-display: swap;
}
/* greek */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: url(/assets/fonts/opensans/v18/mem8YaGs126MiZpBA-UFVp0bbck.woff2) format("woff2");
  unicode-range: U+0370-03FF;
  font-display: swap;
}
/* vietnamese */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: url(/assets/fonts/opensans/v18/mem8YaGs126MiZpBA-UFWp0bbck.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
  font-display: swap;
}
/* latin-ext */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: url(/assets/fonts/opensans/v18/mem8YaGs126MiZpBA-UFW50bbck.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  font-display: swap;
}
/* latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: url(/assets/fonts/opensans/v18/mem8YaGs126MiZpBA-UFVZ0b.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  font-display: swap;
}
/* cyrillic-ext */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  src: url(/assets/fonts/opensans/v18/mem5YaGs126MiZpBA-UNirkOX-hpOqc.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  font-display: swap;
}
/* cyrillic */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  src: url(/assets/fonts/opensans/v18/mem5YaGs126MiZpBA-UNirkOVuhpOqc.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  font-display: swap;
}
/* greek-ext */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  src: url(/assets/fonts/opensans/v18/mem5YaGs126MiZpBA-UNirkOXuhpOqc.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
  font-display: swap;
}
/* greek */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  src: url(/assets/fonts/opensans/v18/mem5YaGs126MiZpBA-UNirkOUehpOqc.woff2) format("woff2");
  unicode-range: U+0370-03FF;
  font-display: swap;
}
/* vietnamese */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  src: url(/assets/fonts/opensans/v18/mem5YaGs126MiZpBA-UNirkOXehpOqc.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
  font-display: swap;
}
/* latin-ext */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  src: url(/assets/fonts/opensans/v18/mem5YaGs126MiZpBA-UNirkOXOhpOqc.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  font-display: swap;
}
/* latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  src: url(/assets/fonts/opensans/v18/mem5YaGs126MiZpBA-UNirkOUuhp.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  font-display: swap;
}
/*
|--------------------------------------------------------------------------
| Emergency!!!
|--------------------------------------------------------------------------
*/
.emergency.notification {
  padding-top: 6rem;
  margin-bottom: -5rem;
}
@media screen and (min-width: 961px) {
  .emergency.notification {
    padding-top: 1rem;
    margin-bottom: 0;
  }
}

/*
|--------------------------------------------------------------------------
| Frontend global
|--------------------------------------------------------------------------
*/
body {
  font-family: "Open Sans", sans-serif;
  color: #424242;
}

header {
  height: 72px;
  background-color: #FFF;
}
@media screen and (min-width: 561px) {
  header {
    height: 94px;
  }
}
header .logo-container {
  padding: 0;
  width: 100%;
  height: 90px;
  background-image: url("/assets/img/global/logo-header.png");
  background-position: center 17px;
  background-size: 92px auto;
  background-repeat: no-repeat;
  text-align: center;
}
@media screen and (min-width: 481px) {
  header .logo-container {
    background-position: center 4px;
  }
}
@media screen and (min-width: 561px) {
  header .logo-container {
    padding: 0 0 0 110px;
    background-position: left center;
    background-size: 110px auto;
  }
}
header .logo-container .logo-inner {
  display: none;
  margin-top: 62px;
  height: 24px;
  line-height: 24px;
  color: #232976;
  font-family: "Fertigo Pro", sans-serif;
  font-size: 20px;
  font-weight: normal;
}
@media screen and (min-width: 481px) {
  header .logo-container .logo-inner {
    display: inline-block;
  }
}
@media screen and (min-width: 561px) {
  header .logo-container .logo-inner {
    margin: 34px 0 0 -2px;
    height: 44px;
    line-height: 44px;
    font-size: 34px;
  }
}
header .logo-container .logo-inner span {
  display: inline-block;
  margin: -5px 0 0 0;
  color: #01B4D5;
}

footer {
  flex-shrink: 0;
  background-color: #8CDDEB;
}
footer:before {
  content: " ";
  display: block;
  width: 100%;
  height: 8px;
  border-bottom: 1px dashed #FFF;
}

strong {
  font-weight: 600;
}

/*
|--------------------------------------------------------------------------
| Text selection
|--------------------------------------------------------------------------
*/
::-moz-selection {
  color: #FFF;
  background: #F48308;
}

::selection {
  color: #FFF;
  background: #F48308;
}

/*
|--------------------------------------------------------------------------
| Flash messages
|--------------------------------------------------------------------------
*/
.flash-messages {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  z-index: 6000;
}

/*
|--------------------------------------------------------------------------
| Notification
|--------------------------------------------------------------------------
*/
.notification {
  position: relative;
  display: table;
  margin: 0 auto;
  padding: 16px 64px 16px 64px;
  background-color: #FFF;
  cursor: pointer;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.16);
}
.notification.w-full {
  width: 100%;
  box-sizing: border-box;
}
.notification:hover {
  color: #666;
}
.notification:before {
  content: " ";
  position: absolute;
  left: 1rem;
  top: 1rem;
  width: 24px;
  height: 24px;
  background-size: 24px 24px;
  background-repeat: no-repeat;
}
.notification.success {
  background-color: #eaf8e3;
  border-bottom: 2px solid #5BB12B;
}
.notification.success:before {
  background-image: url("/assets/img/frontend/global/icon-validation-success.svg");
}
.notification.warning {
  background-color: #feefde;
  border-bottom: 2px solid #F48308;
}
.notification.warning:before {
  background-image: url("/assets/img/frontend/global/icon-validation-warning.svg");
}
.notification.warning-light {
  border: 1px solid #F48308;
  color: #F48308;
  box-shadow: none;
}
.notification.warning-light:before {
  background-image: url("/assets/img/frontend/global/icon-validation-warning.svg");
}
.notification.error {
  background-color: #feeded;
  border-bottom: 2px solid #ED1313;
}
.notification.error:before {
  background-image: url("/assets/img/frontend/global/icon-validation-error.svg");
}
.notification.message {
  background-color: #e7e9f8;
  border-bottom: 2px solid #232976;
}
.notification.message:before {
  background-image: url("/assets/img/frontend/global/icon-validation-message.svg");
}
.notification.notice {
  background-color: #F6F6F6;
  border-bottom: 2px solid #666;
}
.notification.notice:before {
  background-image: url("/assets/img/frontend/global/icon-validation-notice.svg");
}

/*
|--------------------------------------------------------------------------
| Components
|--------------------------------------------------------------------------
*/
.disabled-overlay:before {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.72);
  z-index: 100;
}
.disabled-overlay.fade {
  filter: alpha(opacity=72);
  opacity: 0.72;
}
.disabled-overlay.fade:before {
  background-color: transparent;
}
.disabled-overlay.loading {
  background-image: url("/assets/img/global/content-loader.svg");
  background-position: center center;
  background-size: 50px 50px;
  background-repeat: no-repeat;
}

/*
|--------------------------------------------------------------------------
| Custom elements
|--------------------------------------------------------------------------
*/
p.instruction {
  position: relative;
  padding: 1rem 2rem;
  background-color: #fff7d6;
  border: 1px dashed #FED001;
  border-left: 0;
  border-right: 0;
  color: #727272;
  font-size: 0.9rem;
}
p.instruction.full-border {
  border-left: 1px dashed #FED001;
  border-right: 1px dashed #FED001;
}
p.instruction:before {
  content: " ";
  position: absolute;
  left: 0.4rem;
  top: 1.1rem;
  width: 16px;
  height: 16px;
  background-image: url("/assets/img/frontend/global/icon-info.svg");
  background-size: 16px 16px;
  background-repeat: no-repeat;
}
p.instruction.warning {
  background-color: #feefde;
  border-color: #F48308;
}
p.instruction.warning:before {
  background-image: url("/assets/img/frontend/global/icon-warning.svg");
}
p.instruction.warning.full-border {
  border-left: 1px dashed #F48308;
  border-right: 1px dashed #F48308;
}
p.instruction.error {
  background-color: #feeded;
  border-color: #ED1313;
}
p.instruction.error:before {
  background-image: url("/assets/img/frontend/global/icon-warning.svg");
}
p.instruction.error.full-border {
  border-left: 1px dashed #ED1313;
  border-right: 1px dashed #ED1313;
}

.info-button {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("/assets/img/frontend/global/icon-button-info.svg");
  background-size: cover;
}
.info-button:hover {
  cursor: pointer;
}
.info-button.grey {
  background-image: url("/assets/img/frontend/global/icon-button-info-grey.svg");
}
.info-button.s16 {
  width: 16px;
  height: 16px;
}

.note {
  padding: 0 1rem;
  background-color: #FFF7D6;
  border: 1px dashed #F48308;
  border-radius: 4px;
  font-size: 0.9rem;
}
.note p:nth-last-child(2) {
  margin-bottom: 0;
}
.note p:last-child:not(:first-child) {
  margin-top: 0;
}
.note ul:nth-last-child(2) {
  margin-bottom: 0;
}
.note ul:last-child:not(:first-child) {
  margin-top: 0;
}

/*
|--------------------------------------------------------------------------
| Scrollbars
|--------------------------------------------------------------------------
*/
/* width */
/* Track */
::-webkit-scrollbar-track {
  background: #EEE;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #CCC;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #AAA;
}

/*
|--------------------------------------------------------------------------
| Internal
|--------------------------------------------------------------------------
*/
.internal-info-bar {
  display: none;
  justify-content: center;
  width: 100%;
  text-align: center;
  background-color: #FAFAFA;
}
@media screen and (min-width: 961px) {
  .internal-info-bar {
    display: flex;
  }
}
.internal-info-bar a {
  background-color: #F6F6F6;
}
.internal-info-bar a:hover {
  background-color: #EEE;
}
.internal-info-bar img.logo {
  height: 32px;
}
.internal-info-bar img.logo.hh {
  width: 133px;
}
.internal-info-bar img.logo.bookingexperts {
  width: 148px;
}
.internal-info-bar img.logo.maxxton {
  width: 80px;
}
.internal-info-bar .item {
  display: inline-block;
  height: 32px;
  line-height: 32px;
  min-width: 32px;
  border: 0;
  border-left: 1px solid #DDD;
  text-align: center;
  box-sizing: border-box;
}
.internal-info-bar .item.small {
  font-size: 0.8rem;
}
.internal-info-bar .item.padding {
  padding: 0 0.5rem;
}
.internal-info-bar .item:last-child {
  border-right: 1px solid #DDD;
}
.internal-info-bar .item.online {
  background-color: #eaf8e3;
  color: #5BB12B;
  font-weight: 600;
}
.internal-info-bar .item.offline {
  background-color: #feeded;
  color: #ed1313;
  font-weight: 600;
}
.internal-info-bar .item.external-link {
  background-image: url("/assets/img/frontend/global/icon-external-link.svg");
  background-size: 24px 24px;
  background-position: center center;
  background-repeat: no-repeat;
}
.internal-info-bar .item.external-link.backoffice {
  background-image: url("/assets/img/frontend/global/icon-external-link-backoffice.svg");
}
.internal-info-bar .item.secret {
  min-width: 12px;
  border: 0;
  background-color: transparent;
}

/*
|--------------------------------------------------------------------------
| Lists
|--------------------------------------------------------------------------
*/
ul {
  line-height: 2rem;
}

.ul-checkmark {
  padding-left: 1.5rem;
}
.ul-checkmark li {
  position: relative;
  list-style: none;
}
.ul-checkmark li:before {
  content: "";
  position: absolute;
  margin: auto;
  top: 8px;
  display: block;
  left: -28px;
  width: 18px;
  height: 18px;
  background-image: url("/assets/img/frontend/global/checkmark.svg");
  background-size: 18px 18px;
}

/*
|--------------------------------------------------------------------------
| Read more
|--------------------------------------------------------------------------
*/
.read-more {
  position: relative;
  overflow: hidden;
}
.read-more:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -8px;
  width: 100%;
  height: 36px;
  background-color: #FFF;
  z-index: 2;
}
.read-more.inactive:before {
  display: none;
}
.read-more .toggle {
  display: flex;
  justify-content: center;
  position: absolute;
  width: 100%;
  bottom: 20px;
  height: 54px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #FFF 100%);
  border-bottom: 1px solid #EEE;
  text-align: center;
  z-index: 10;
}
.read-more .toggle .item {
  position: relative;
  display: inline-flex;
  justify-content: center;
  margin-top: 24px;
  width: 100px;
  height: 40px;
  line-height: 41px;
  background-color: #FFF;
  border-radius: 8px;
  border: 1px solid #EEE;
  color: #01B4D5;
  font-size: 0.8rem;
}
@media screen and (min-width: 961px) {
  .read-more .toggle .item {
    width: 120px;
    height: 48px;
    line-height: 50px;
    font-size: 0.9rem;
  }
}
.read-more .toggle .item:after {
  content: "";
  width: 12px;
  height: 12px;
  position: absolute;
  margin: 0 auto;
  bottom: -6px;
  background-color: #FFF;
  border-left: 1px solid #EEE;
  border-bottom: 1px solid #EEE;
  transform: rotate(-45deg);
}
.read-more .toggle .item:hover {
  cursor: pointer;
}
.read-more .toggle.active .item:after {
  top: -6px;
  bottom: auto;
  transform: rotate(-225deg);
}
.read-more.blue:before {
  background-color: #F2FBFD;
}
.read-more.blue .toggle {
  background: linear-gradient(to bottom, rgba(242, 251, 253, 0) 0%, #F2FBFD 100%);
}
.read-more .read-more-text {
  transition: height 0.3s;
}

/*
|--------------------------------------------------------------------------
| Additional costs info window
|--------------------------------------------------------------------------
*/
.info-window {
  position: absolute;
  top: 36px;
  right: -24px;
  width: 100%;
  min-width: 280px;
  color: #424242;
  z-index: 250;
  box-sizing: border-box;
}
@media screen and (min-width: 360px) {
  .info-window {
    min-width: 300px;
  }
}
@media screen and (min-width: 481px) {
  .info-window {
    min-width: 320px;
  }
}
.info-window:before {
  content: "";
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.32);
  z-index: 200;
  transition: all 0.2s;
}
.info-window .info-toggle.close {
  top: -36px;
  right: 0;
  z-index: 210;
}
@media screen and (min-width: 961px) {
  .info-window {
    min-width: 400px;
    font-size: 0.8rem;
  }
}

.info-loader {
  padding: 0.5rem 0;
  height: 24px;
  background-image: url("/assets/img/global/content-loader.svg");
  background-position: center center;
  background-size: 24px 24px;
  background-repeat: no-repeat;
}

.info-container {
  margin-bottom: 1.5rem;
  width: auto;
  background-color: #FFF;
  font-size: 0.8rem;
  text-align: left;
}
.info-container .title {
  color: #232976;
  font-weight: 600;
}
.info-container .costs .cost-row {
  display: flex;
  margin: 0.5rem 0 1.5rem;
}
.info-container .costs .cost-row:before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-position: left;
  text-align: center;
}
.info-container .costs .cost-row.included:before {
  background-image: url("/assets/img/frontend/global/checkmark.svg");
}
.info-container .costs .cost-row.non-included:before {
  content: "•";
}
.info-container .costs .cost {
  display: inline-block;
}
.info-container .costs .cost:after {
  display: inline-block;
  margin: 0 0.5rem;
  content: "•";
}
.info-container .costs .cost:last-child:after {
  content: "";
}

.info-costs {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 561px) {
  .info-costs.columns {
    flex-direction: row;
  }
}
.info-costs.columns .costs {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .info-costs.columns .costs {
    width: 33%;
    padding-top: 0.25rem;
    padding-left: 1rem;
    border-left: 1px dashed #DDD;
  }
}
.info-costs.columns .costs .cost-row {
  display: block;
}
.info-costs.columns .costs .cost-row .cost {
  display: flex;
  padding-right: 0.5rem;
  line-height: 1.5rem;
}
.info-costs.columns .costs .cost-row .cost:after {
  display: none;
}
.info-costs.columns .costs .cost-row .cost:before {
  content: "";
  display: inline-block;
  min-width: 20px;
  width: 20px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: 12px 12px;
  background-position: 0 6px;
}
.info-costs.columns .costs .cost-row.included:before {
  display: none;
}
.info-costs.columns .costs .cost-row.included .cost:before {
  background-image: url("/assets/img/frontend/global/checkmark.svg");
}
.info-costs.columns .costs .cost-row.non-included:before {
  display: none;
}
.info-costs.columns .costs .cost-row.non-included .cost:before {
  min-width: 12px;
  width: 12px;
  content: "•";
}
@media screen and (min-width: 961px) {
  .info-costs.columns .costs .cost-row.non-included .cost:before {
    width: 12px;
  }
}

/*
|--------------------------------------------------------------------------
| Collapsible section
|--------------------------------------------------------------------------
*/
.collapsible-section-title-parent {
  position: relative;
  margin: 0;
  margin-top: -1px;
  padding-left: 1rem;
  padding-right: 3rem;
  height: 48px;
  line-height: 48px;
  border: 1px solid #DDD;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  box-sizing: border-box;
}
.collapsible-section-title-parent .collapsible-section-title {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-size: 1.2rem;
  font-weight: 600;
  cursor: pointer;
}
.collapsible-section-title-parent .collapsible-section-title:after {
  content: "+";
  position: absolute;
  right: 0;
  top: 0;
  width: 48px;
  height: 48px;
  line-height: 48px;
  color: #AAA;
  text-align: center;
}
.collapsible-section-title-parent .collapsible-section-title.active:after {
  content: "‒";
}
@media screen and (min-width: 561px) {
  .collapsible-section-title-parent {
    height: auto;
    margin: 0;
    padding: 0;
    border: 0;
  }
  .collapsible-section-title-parent .collapsible-section-title {
    display: none;
  }
}

.collapsible-section {
  padding: 0;
  margin: 0;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s;
}
.collapsible-section .collapsible-section-content {
  padding: 0;
  margin: 0;
}
@media screen and (min-width: 561px) {
  .collapsible-section {
    overflow: auto;
    max-height: none !important;
  }
}

/*
|--------------------------------------------------------------------------
| Exit intent
|--------------------------------------------------------------------------
*/
.exit-intent {
  display: none;
  align-items: center;
  justify-content: center;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.64);
  z-index: 1000;
}
@media screen and (min-width: 961px) {
  .exit-intent {
    display: flex;
  }
}
.exit-intent .exit-intent-popup {
  position: relative;
  width: 300px;
  padding: 1rem;
  background-color: #FFF;
  border-radius: 8px;
}
.exit-intent .exit-intent-popup .close {
  position: absolute;
  right: 8px;
  top: 0;
  font-size: 2rem;
  color: #CCC;
}
.exit-intent .exit-intent-popup .close:hover {
  cursor: pointer;
  color: #AAA;
}
@media screen and (min-width: 561px) {
  .exit-intent .exit-intent-popup {
    width: 400px;
  }
}
.exit-intent .exit-intent-popup .exit-intent-logo img {
  width: 100%;
  max-width: 100%;
}
.exit-intent .exit-intent-popup h3 {
  margin-bottom: 0;
  color: #727272;
}
.exit-intent .exit-intent-popup p {
  color: #727272;
}
.exit-intent .exit-intent-popup .guest-service {
  padding: 1rem 0;
  text-align: center;
}
.exit-intent .exit-intent-popup .guest-service img {
  display: inline-block;
  margin: 0 0.25rem;
  width: 80px;
  height: auto;
  border-radius: 50%;
  border: 2px solid #FED001;
}

/*
|--------------------------------------------------------------------------
| Cookie consent
|--------------------------------------------------------------------------
*/
.cookie-policy {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  text-align: center;
  z-index: 1001;
  overflow-y: auto;
}
@media screen and (min-width: 561px) {
  .cookie-policy {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.cookie-policy .cookie-policy-content {
  padding: 1rem;
  max-width: 640px;
  background-color: #fff;
}
@media screen and (min-width: 561px) {
  .cookie-policy .cookie-policy-content {
    border-radius: 1rem;
  }
}
@media screen and (min-width: 961px) {
  .cookie-policy .cookie-policy-content {
    padding: 2rem;
  }
}
.cookie-policy .cookie-policy-content .title {
  font-size: 1.4rem;
  font-weight: 600;
}
.cookie-policy .cookie-policy-content p.intro {
  text-align: center;
}
.cookie-policy .cookie-policy-content .cookie-table {
  border: 1px solid #DDD;
  border-radius: 1rem;
  text-align: left;
}
.cookie-policy .cookie-policy-content .cookie-table .cookie-row {
  display: flex;
  border-bottom: 1px solid #DDD;
}
.cookie-policy .cookie-policy-content .cookie-table .cookie-row:last-child {
  border-bottom: 0;
}
.cookie-policy .cookie-policy-content .cookie-table .cookie-row .cookie-cell {
  padding: 1rem;
}
.cookie-policy .cookie-policy-content .cookie-table .cookie-row .cookie-cell strong {
  display: block;
  margin-bottom: 0.25rem;
}
.cookie-policy .cookie-policy-content .cookie-table .cookie-row .cookie-cell.check {
  display: flex;
  align-items: center;
}
.cookie-policy .cookie-policy-content .cookie-table .cookie-row .cookie-cell.check .cookie-checkmark {
  padding: 4px;
  width: 24px;
  height: 24px;
  background-size: 20px;
  border: 1px solid #CCC;
  background-color: #DDD;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 0.5rem;
}
.cookie-policy .cookie-policy-content .cookie-table .cookie-row .cookie-cell.check .cookie-checkmark.pre-checked {
  background-image: url("/assets/img/frontend/global/checkmark-white.svg");
}
.cookie-policy .cookie-policy-content .cookie-table .cookie-row .cookie-cell.check .cookie-checkmark.checkable {
  background-color: #FFF;
  cursor: pointer;
}
.cookie-policy .cookie-policy-content .cookie-table .cookie-row .cookie-cell.check .cookie-checkmark.checkable.checked {
  border-color: #5BB12B;
  background-color: #5BB12B;
  background-image: url("/assets/img/frontend/global/checkmark-white.svg");
}
.cookie-policy .cookie-policy-content .button-row {
  display: flex;
  padding-top: 1rem;
  justify-content: center;
}
.cookie-policy .cookie-policy-content .button-row button {
  margin-right: 1rem;
}
.cookie-policy .cookie-policy-content .button-row button:last-child {
  margin-right: 0;
}

.cookie-consent {
  position: fixed;
  left: 0;
  display: flex;
  padding-bottom: 1rem;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  z-index: 2000;
}
.cookie-consent .bg-yellow-100 {
  padding: 0 !important;
}
.cookie-consent .flex-wrap {
  flex-direction: column;
}
@media screen and (min-width: 561px) {
  .cookie-consent .flex-wrap {
    flex-direction: row;
  }
  .cookie-consent {
    top: auto;
    bottom: 0;
    flex-direction: row;
    justify-content: center;
    padding-bottom: 0;
    height: auto;
    background-color: #feefde;
    border-top: 1px solid #F48308;
  }
}
.cookie-consent button {
  margin-top: -4.5rem;
  background-color: #F48308;
  border-bottom: 2px solid #c36806;
}
@media screen and (min-width: 561px) {
  .cookie-consent button {
    margin-top: 0;
  }
}
.cookie-consent button:hover {
  background-color: #f89c37;
  border-bottom: 2px solid #c36806;
}
.cookie-consent button:active {
  background-color: #c36806;
}
.cookie-consent button:active.button-inactive {
  top: 0;
  background-color: #F48308;
}

/*
|--------------------------------------------------------------------------
| Global beach huts classes, used in both the website and booking process
|--------------------------------------------------------------------------
*/
.beach-hut-section {
  position: relative;
}
.beach-hut-section .disabled {
  position: relative;
}
.beach-hut-section .disabled:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 10;
}
.beach-hut-section .no-availability,
.beach-hut-section .overlay-loading {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.64);
  font-weight: 600;
  font-size: 1.6rem;
  z-index: 1000;
}
.beach-hut-section .overlay-loading {
  background-color: rgba(255, 255, 255, 0.48);
  background-image: url("/assets/img/global/content-loader.svg");
  background-position: center center;
  background-size: 32px 32px;
  background-repeat: no-repeat;
  z-index: 50;
}

/*
|--------------------------------------------------------------------------
| Notification bar
|--------------------------------------------------------------------------
*/
.notification-bar {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background-color: #FFF;
  margin-top: 94px;
  margin-bottom: -72px;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.16);
  overflow: hidden;
}
@media screen and (min-width: 961px) {
  .notification-bar {
    margin-top: 0;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 562px) {
  .notification-bar {
    margin-top: 72px;
    margin-bottom: -72px;
  }
}
.notification-bar.warning {
  background-color: #feefde;
  border-bottom: 2px solid #F48308;
}
.notification-bar img {
  height: 24px;
  margin-left: 1rem;
  margin-right: 1rem;
}

/*
|--------------------------------------------------------------------------
| Tooltip info
|--------------------------------------------------------------------------
*/
.tooltip-info {
  position: relative;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  display: none;
}
@media screen and (min-width: 961px) {
  .tooltip-info {
    display: block;
  }
}
.tooltip-info img {
  height: 14px;
}
.tooltip-info .tooltip-info-text {
  position: absolute;
  display: none;
  padding: 0.3rem;
  background-color: white;
  width: 250px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
  flex-wrap: wrap;
  font-size: 0.9rem;
  font-weight: 500;
  right: -265px;
  transform: translateY(calc(-50% - 10px));
  border-radius: 3px;
}
.tooltip-info .tooltip-info-text:before {
  content: "";
  position: absolute;
  display: block;
  width: 0px;
  left: 10px;
  top: 50%;
  border: 10px solid transparent;
  border-left: 0;
  border-right: 10px solid white;
  transform: translate(calc(-100% - 5px), -50%);
}
.tooltip-info:hover .tooltip-info-text, .tooltip-info .triangle {
  display: flex;
}

.annotation {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  line-height: 1.6rem;
  color: #232976;
  font-size: 2rem;
  font-weight: 500;
}
.annotation:before {
  content: "";
  display: block;
  position: absolute;
  left: -40px;
  top: 20px;
  width: 30px;
  height: 30px;
  background: url("/assets/img/frontend/global/icon-arrow-blue.svg") 0 0 no-repeat;
  background-size: 30px auto;
}
.annotation.white {
  color: #FFF;
}
.annotation.white:before {
  background: url("/assets/img/frontend/global/icon-arrow.svg") 0 0 no-repeat;
  background-size: 30px auto;
}
.annotation.arrow-right {
  right: unset;
  left: 0;
}
.annotation.arrow-right:before {
  right: -40px;
  left: unset;
  transform: scaleX(-1);
}
.annotation.multi-line {
  line-height: 0.8;
}

.house-cards {
  display: flex;
  flex-wrap: wrap;
}
.house-card {
  background-color: #FFF;
}
.house-card.inline {
  width: 100%;
  margin-bottom: 2rem;
  box-sizing: border-box;
  transition: all 0.3s;
}
@media screen and (min-width: 561px) {
  .house-card.inline {
    margin-right: 4%;
    width: 46%;
  }
  .house-card.inline:nth-child(even) {
    margin-right: 0;
  }
}
@media screen and (min-width: 961px) {
  .house-card.inline {
    width: 22%;
  }
  .house-card.inline:nth-child(even) {
    margin-right: 4%;
  }
}
.house-card.inline:nth-child(4n) {
  margin-right: 0;
}
.house-card.inline:hover {
  box-shadow: -2px 4px 16px rgba(0, 0, 0, 0.12);
}
.house-card.map-popup {
  min-width: 240px;
}
.house-card.map-popup .top {
  display: flex;
}
.house-card .loading {
  padding: 8px 0;
  height: 24px;
  background-image: url("/assets/img/global/content-loader.svg");
  background-position: center center;
  background-size: 24px 24px;
  background-repeat: no-repeat;
}
.house-card .top {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 32px;
  border-bottom: 1px solid #EEE;
  text-align: center;
}
.house-card .top .close {
  position: absolute;
  right: 0;
  top: 0;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  color: #AAA;
  font-size: 1.5rem;
}
.house-card .top .close:hover {
  color: #727272;
  cursor: pointer;
}
.house-card .top .navigation {
  display: inline-flex;
  align-items: center;
  align-content: center;
  justify-items: center;
  justify-content: center;
  color: #AAA;
  font-size: 0.8rem;
}
.house-card .top .navigation .nav-item {
  display: inline-block;
  margin: 0 0.5rem;
  margin-top: -5px;
  color: #01B4D5;
  font-size: 1.5rem;
}
.house-card .top .navigation .nav-item:hover {
  color: #0189a2;
  cursor: pointer;
}
.house-card .top .navigation span {
  display: inline-block;
  margin: 0 0.25rem;
  color: #424242;
  font-size: 0.8rem;
}
.house-card .body .image {
  display: block;
  position: relative;
  height: 144px;
  background-color: #F6F6F6;
  background-size: cover;
  background-position: center;
}
.house-card .body .image:hover {
  cursor: pointer;
  opacity: 0.9;
}
.house-card .body .image .review {
  position: absolute;
  left: 4px;
  top: 4px;
}
.house-card .body .info {
  padding: 1rem 1rem 0;
  min-height: 72px;
}
.house-card .body .info a {
  color: #232976;
  font-weight: 600;
}
.house-card .body .info a:hover {
  text-decoration: underline;
}
.house-card .body .info .details {
  margin-top: 1rem;
  color: #727272;
  font-size: 0.85rem;
}
.house-card .body .price-section {
  min-height: 36px;
  padding: 0 1rem;
  box-sizing: border-box;
}
.house-card .body .price-section .price-details {
  display: flex;
  align-items: baseline;
  justify-content: center;
  font-size: 0.85rem;
}
.house-card .body .price-section .price-details > span {
  display: inline-block;
  padding: 0.1rem;
}
.house-card .body .price-section .price-details .duration {
  margin: 0 0.5rem;
}
.house-card .body .price-section .price-details .price-original {
  color: #ed1313;
  text-decoration: line-through;
}
.house-card .body .price-section .price-details .price {
  position: relative;
  color: #232976;
  font-size: 1.5rem;
}
.house-card .body .price-section .company {
  text-align: center;
  font-size: 0.8rem;
}
.house-card .body .button-link {
  padding: 1rem;
  text-align: right;
}

/*
|--------------------------------------------------------------------------
| Frontend
|--------------------------------------------------------------------------
*/
html,
body {
  width: 100%;
  height: 100%;
}

body {
  position: relative;
  background-color: #F2FBFD;
}

body.no-scroll {
  overflow: hidden;
}

body.with-submenu .submenu {
  height: 100%;
  transform: scale(1);
  opacity: 1;
}

.main-outer {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.container {
  margin: 0 auto;
  width: 100%;
  max-width: 1280px;
  box-sizing: border-box;
}
.container.wide {
  max-width: 1440px;
}

a {
  border-bottom: 1px dotted #01B4D5;
  color: #01B4D5;
  text-decoration: none;
}
a:hover {
  border-bottom: 1px solid #01B4D5;
}
a.no-border, .house-card .body a.image, .house-card .body .info a {
  border-bottom: 0;
}
a.no-style {
  border-bottom: unset;
  color: inherit;
  text-decoration: none;
}
a.no-style:hover {
  border-bottom: unset;
}

/*
|--------------------------------------------------------------------------
| Headings
|--------------------------------------------------------------------------
*/
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #232976;
  font-weight: 600;
}

/*
|--------------------------------------------------------------------------
| Paragraphs. texts
|--------------------------------------------------------------------------
*/
p {
  line-height: 1.8rem;
}

/*
|--------------------------------------------------------------------------
| Content
|--------------------------------------------------------------------------
*/
header {
  position: fixed;
  top: 0;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  z-index: 131;
}
@media screen and (min-width: 961px) {
  header {
    position: static;
    z-index: 101;
  }
}
header .logo {
  width: 100%;
  margin-left: 0.5rem;
}
@media screen and (min-width: 961px) {
  header .logo {
    margin-left: 1rem;
  }
}
header .logo .logo-image {
  display: block;
  width: 244px;
  height: 69px;
}
header .logo .logo-image.hh.nl {
  background: url("/assets/img/frontend/website/logo-hh-nl.png") left center no-repeat;
  background-size: auto 34.5px;
}
@media screen and (min-width: 561px) {
  header .logo .logo-image.hh.nl {
    width: 444px;
    background-size: auto 69px;
  }
}
header .logo .logo-image.hh.de {
  background: url("/assets/img/frontend/website/logo-hh-de.png") left center no-repeat;
  background-size: auto 34.5px;
}
@media screen and (min-width: 561px) {
  header .logo .logo-image.hh.de {
    width: 444px;
    background-size: auto 69px;
  }
}
header .logo .logo-image.hh.en {
  background: url("/assets/img/frontend/website/logo-hh-en.png") left center no-repeat;
  background-size: auto 34.5px;
}
@media screen and (min-width: 561px) {
  header .logo .logo-image.hh.en {
    width: 444px;
    background-size: auto 69px;
  }
}
header .logo .logo-image.zv.nl {
  background: url("/assets/img/frontend/website/logo-zv-nl.png") left center no-repeat;
  background-size: auto 34.5px;
}
@media screen and (min-width: 561px) {
  header .logo .logo-image.zv.nl {
    width: 444px;
    background-size: auto 69px;
  }
}
header .logo .logo-image.zv.de {
  background: url("/assets/img/frontend/website/logo-zv-de.png") left center no-repeat;
  background-size: auto 34.5px;
}
@media screen and (min-width: 561px) {
  header .logo .logo-image.zv.de {
    width: 444px;
    background-size: auto 69px;
  }
}
header .logo .logo-image.zv.en {
  background: url("/assets/img/frontend/website/logo-zv-nl.png") left center no-repeat;
  background-size: auto 34.5px;
}
@media screen and (min-width: 561px) {
  header .logo .logo-image.zv.en {
    width: 444px;
    background-size: auto 69px;
  }
}
header .logo .logo-image:hover {
  opacity: 0.9;
}
header nav.main {
  display: none;
  flex: 1;
  align-items: center;
  justify-content: flex-end;
}
@media screen and (min-width: 961px) {
  header nav.main {
    display: flex;
  }
}
header nav.main .nav-button {
  display: inline-block;
  margin: 0 0.25rem;
  padding: 0 8px;
  min-width: 64px;
  height: 40px;
  line-height: 40px;
  border: 1px solid #EEE;
  border-radius: 8px;
  color: #424242;
  box-sizing: border-box;
  transition: all, 0.3s;
}
@media screen and (min-width: 1072px) {
  header nav.main .nav-button {
    margin: 0 0.5rem;
    padding: 0 16px;
  }
}
header nav.main .nav-button:hover {
  border-color: #CCC;
  outline: none;
  color: inherit;
  text-decoration: none;
}
header nav.main .nav-button.contact {
  padding-left: 42px;
  background: url("/assets/img/frontend/global/illustrations/icon-contact.svg") 10px center no-repeat;
  background-size: 24px auto;
}
header nav.main .nav-button.search {
  position: relative;
  padding: 0;
  line-height: 38px;
}
header nav.main .nav-button.search ::-moz-placeholder {
  font-size: 0.8rem;
}
header nav.main .nav-button.search ::placeholder {
  font-size: 0.8rem;
}
header nav.main .nav-button.search input {
  margin-top: -4px;
  padding-left: 40px;
  width: 100%;
  min-width: 168px;
  max-width: 168px;
  height: 100%;
  background-color: transparent;
  border: none;
  border-radius: 8px;
  outline: none;
  font-size: 0.9rem;
}
header nav.main .nav-button.search button {
  position: absolute;
  left: 4px;
  top: 4px;
  height: 32px;
  width: 32px;
  border: 0;
  outline: none;
  background: url("/assets/img/frontend/global/illustrations/icon-search.svg") 8px center no-repeat;
  background-size: 18px auto;
}
header nav.main .nav-button.language {
  cursor: pointer;
}
header nav.main .nav-button.favourites {
  display: flex;
  justify-content: center;
  align-items: center;
}
header nav.main .nav-button.favourites .favourites-heart {
  padding-right: 8px;
}
header nav.main .language,
header nav.main .language-dropdown {
  padding: 0;
}
header nav.main .language .language-flag,
header nav.main .language-dropdown .language-flag {
  height: 38px;
  background-size: auto 24px;
  background-position: center center;
  background-repeat: no-repeat;
}
header nav.main .language {
  position: relative;
}
header nav.main .language-dropdown {
  position: absolute;
  top: 44px;
  right: 0;
  width: 60px;
  padding: 0;
  background-color: #FFF;
  border: 1px solid #EEE;
  border-radius: 8px;
  text-align: center;
  z-index: 20;
}
header nav.main .language-dropdown a {
  display: block;
  border: 0;
  border-radius: 8px;
}
header nav.main .language-dropdown a:hover {
  background-color: #EEE;
}
header nav.sub {
  display: block;
}
@media screen and (min-width: 961px) {
  header nav.sub {
    display: none;
  }
}
header nav.sub .submenu-toggle {
  position: absolute;
  height: 32px;
  width: 32px;
  top: 21px;
  right: 16px;
  padding: 0;
  background: url("/assets/img/frontend/website/hamburger-menu.svg") center center no-repeat;
  background-size: 32px auto;
  border: none;
  outline: none !important;
}
@media screen and (min-width: 561px) {
  header nav.sub .submenu-toggle {
    top: 31px;
    right: 32px;
  }
}
header nav.sub .submenu-toggle.active {
  background: url("/assets/img/frontend/website/hamburger-close.svg") center center no-repeat;
  background-size: 24px auto;
}
header nav.sub .submenu-favourites {
  position: absolute;
  top: 24px;
  left: auto;
  right: 68px;
  padding: 0;
  width: 40px;
  height: 40px;
  line-height: 32px;
  border: none;
  outline: none !important;
}
@media screen and (min-width: 481px) {
  header nav.sub .submenu-favourites {
    top: 34px;
    right: 84px;
  }
}
header nav.sub .submenu-favourites.favourites-heart {
  width: 32px;
  height: 30px;
  line-height: 30px;
  background-size: 32px 32px;
}

.language-flag.nl {
  background-image: url("/assets/img/frontend/global/flag_nl.svg");
}
.language-flag.de {
  background-image: url("/assets/img/frontend/global/flag_de.svg");
}
.language-flag.en {
  background-image: url("/assets/img/frontend/global/flag_en.svg");
}

a.language-flag {
  display: inline-block;
  width: 48px;
  height: 48px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 32px auto;
}

.submenu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background-color: #F2FBFD;
  box-sizing: border-box;
  z-index: 110;
  overflow: hidden;
  transform: scale(0.8);
  opacity: 0;
  transition: all, 0.2s ease;
}
.submenu ul {
  margin: 0 0 1rem;
  padding: 80px 0 0;
}
@media screen and (min-width: 561px) {
  .submenu ul {
    padding: 100px 0 0;
  }
}
.submenu ul li {
  list-style: none;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #CCC;
}
.submenu ul li span.icon {
  display: inline-block;
  width: 36px;
  height: 32px;
  background-size: 28px 28px;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 0 0 1rem;
}
.submenu ul li span.icon.contact {
  background-image: url("/assets/img/frontend/website/mini-icon-contact.svg");
}
.submenu ul li span.icon.faq {
  background-image: url("/assets/img/frontend/website/mini-icon-faq.svg");
}
.submenu ul li span.icon.holiday-homes {
  background-image: url("/assets/img/frontend/website/mini-icon-holiday-homes.svg");
}
.submenu ul li span.icon.rent-out {
  background-image: url("/assets/img/frontend/website/mini-icon-rent-out.svg");
}
.submenu ul li span.icon.backoffice {
  background-image: url("/assets/img/frontend/website/mini-icon-backoffice.svg");
}
.submenu ul li span.icon.about-us {
  background-image: url("/assets/img/frontend/website/mini-icon-about-us.svg");
}
.submenu ul li a {
  position: relative;
  display: block;
  padding: 0 1rem;
  width: 100%;
  height: 44px;
  line-height: 44px;
  border: 0;
  color: #424242;
  box-sizing: border-box;
}
.submenu ul li a:hover {
  color: #01B4D5;
}
.submenu ul li a:after {
  content: "›";
  position: absolute;
  right: 16px;
  top: 0;
  width: 44px;
  height: 44px;
  line-height: 44px;
  font-size: 1.3rem;
  text-align: right;
}
.submenu form {
  display: flex;
  padding: 0 0.5rem;
}
.submenu form input[type=text] {
  height: 46px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.submenu form button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 0.75rem 1rem;
}
@media screen and (min-width: 961px) {
  .submenu form button {
    padding: 0.75rem 2rem;
  }
}
.submenu form button img {
  width: 15px;
  height: 15px;
}
.submenu .languages {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #FFF;
}
.submenu .languages a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin: 8px;
  border: 2px solid #EEE;
  border-radius: 8px;
}
.submenu .languages a img {
  margin: 8px;
  width: 32px;
  height: auto;
}
.submenu .languages a.active, .submenu .languages a:focus {
  border-color: #8CDDEC;
}
.submenu .languages a:hover {
  border-color: #8CDDEC;
}

main {
  padding-top: 72px;
}
@media screen and (min-width: 961px) {
  main {
    padding-top: 94px;
    padding-top: 0;
  }
}

/*
|--------------------------------------------------------------------------
| Last viewed
|--------------------------------------------------------------------------
*/
.last-viewed {
  padding: 2rem 1rem 3rem;
  background-color: #FFF;
}
.last-viewed .font-written, .last-viewed .add-to-categories-popup .instruction-text .instruction-annotation, .add-to-categories-popup .instruction-text .last-viewed .instruction-annotation, .last-viewed body.favourites .favourites-categories .favourites-category .favourites-category-footer, body.favourites .favourites-categories .favourites-category .last-viewed .favourites-category-footer, .last-viewed .tips-more-results h3, .tips-more-results .last-viewed h3, .last-viewed .landing-page-section .container .landing-page-title, .landing-page-section .container .last-viewed .landing-page-title, .last-viewed .overview-page .overview-section .results-section h1, .overview-page .overview-section .results-section .last-viewed h1, .last-viewed .annotation {
  margin: 0 0 1rem;
  color: #232976;
  font-size: 2.5rem;
  font-weight: 500;
}

/*
|--------------------------------------------------------------------------
| Footers
|--------------------------------------------------------------------------
*/
footer {
  padding-bottom: 6rem;
  font-size: 0.95rem;
  overflow: hidden;
}
@media screen and (min-width: 961px) {
  footer {
    padding-bottom: 2rem;
  }
}
footer a {
  color: #232976;
  border-bottom: 1px solid transparent;
  display: inline-block;
  height: 48px;
  line-height: 48px;
}
@media screen and (min-width: 768px) {
  footer a {
    height: auto;
    line-height: inherit;
  }
}
footer a:hover {
  border-bottom: 1px solid #232976;
}
footer .container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: space-between;
  padding: 2rem 1rem 3rem;
  color: #232976;
}
@media screen and (min-width: 561px) {
  footer .container {
    flex-direction: row;
  }
}
footer .container .column {
  padding-bottom: 2rem;
  width: 100%;
}
@media screen and (min-width: 768px) {
  footer .container .column {
    padding-bottom: 1rem;
    width: 44%;
  }
}
@media screen and (min-width: 1072px) {
  footer .container .column {
    padding-bottom: 0;
    width: 23%;
  }
}
footer .container .column ul {
  padding: 0;
}
footer .container .column ul li {
  list-style-type: none;
}
footer .container .column ul li.view-all-blogs {
  margin-top: 1.5rem;
}
footer .container .column ul li.view-all-blogs a {
  border-bottom: 1px dashed #232976;
}
footer .container .column ul li.view-all-blogs a:hover {
  border-bottom: 1px solid #232976;
}
footer .container .column p {
  padding-bottom: 1rem;
  line-height: 1.7rem;
}
@media screen and (min-width: 961px) {
  footer .container .column p {
    min-height: 80px;
  }
}
footer .container .column .annotation {
  left: 135%;
  top: -20px;
  width: 60px;
}
footer .container .column.sgr img {
  margin-top: -4px;
  margin-left: -20px;
  width: 60px;
  transform: rotate(10deg);
}
footer .container .column .heading {
  font-size: 1em;
  font-weight: 600;
}
footer .footer-bottom {
  color: #232976;
  text-align: center;
}
footer .footer-bottom .footer-bottom-inner {
  margin: 0 auto;
  width: 100%;
  max-width: 1280px;
  border-top: 1px dashed #0189a2;
}
footer .footer-bottom .footer-bottom-inner.no-border, footer .footer-bottom .house-card .body .footer-bottom-inner.image, .house-card .body footer .footer-bottom .footer-bottom-inner.image, footer .footer-bottom .house-card .body .info a.footer-bottom-inner, .house-card .body .info footer .footer-bottom a.footer-bottom-inner {
  border: 0;
}
footer .footer-bottom .footer-bottom-inner .copyright {
  display: inline-block;
  margin-bottom: 2rem;
}
footer .footer-bottom .footer-bottom-inner span,
footer .footer-bottom .footer-bottom-inner a {
  display: inline-block;
  margin: 1rem 0;
  width: 100%;
}
@media screen and (min-width: 561px) {
  footer .footer-bottom .footer-bottom-inner span,
  footer .footer-bottom .footer-bottom-inner a {
    margin: 1rem;
    width: auto;
  }
}

/*
|--------------------------------------------------------------------------
| Misc.
|--------------------------------------------------------------------------
*/
.favourites-heart {
  display: inline-block;
  width: 30px;
  height: 26px;
  line-height: 26px;
  background: url("/assets/img/frontend/global/icon-heart-filled.svg") 0 0 no-repeat;
  background-size: 30px 30px;
  color: #FFF;
  font-size: 10px;
  text-align: center;
}
.favourites-heart:hover {
  color: #FFF;
  text-decoration: none;
}

.kv {
  display: flex;
  align-items: center;
  transition: all, 0.2s;
}
.kv:hover {
  transform: scale(1.05);
}
.kv .kv-image {
  display: block;
  width: 140px;
  height: 140px;
  line-height: 40px;
  background: url("/assets/img/frontend/global/kv_shape.svg") 0 0 no-repeat;
  background-size: 140px;
  color: #424242;
  font-size: 48px;
  font-weight: bold;
  text-align: center;
}
.kv .kv-image .score {
  padding-top: 50px;
}
.kv .kv-image .score:hover {
  color: #424242;
  text-decoration: none;
}
.kv .kv-image .score sup {
  position: relative;
  top: -10px;
  left: -1px;
  font-size: 32px;
  letter-spacing: -1px;
}
.kv .kv-text {
  padding: 0.5rem 0;
  color: #AAA;
  font-size: 1.2rem;
  font-weight: 600;
  text-align: center;
}
.kv .kv-text span {
  display: block;
  color: #424242;
}
.kv .kv-stars img {
  width: 32px;
  height: 32px;
}

/*
|--------------------------------------------------------------------------
| Favourites
|--------------------------------------------------------------------------
*/
.favourites-toggle {
  position: absolute;
  left: 8px;
  top: 8px;
  width: 32px;
  height: 32px;
  background-image: url("/assets/img/frontend/global/icon-heart-wireframe.svg");
  background-size: 32px 32px;
  z-index: 60;
  transition: all 0.2s;
}
@media screen and (min-width: 961px) {
  .favourites-toggle.large {
    width: 40px;
    height: 40px;
    background-size: 40px 40px;
  }
}
.favourites-toggle.active {
  background-image: url("/assets/img/frontend/global/icon-heart-wireframe-filled.svg");
}
.favourites-toggle.active:hover {
  cursor: pointer;
}
.favourites-toggle:hover {
  background-image: url("/assets/img/frontend/global/icon-heart-wireframe-filled.svg");
  cursor: pointer;
}

/*
|--------------------------------------------------------------------------
| Share
|--------------------------------------------------------------------------
*/
.share-popup .button-default, .share-popup .cookie-consent button, .cookie-consent .share-popup button {
  position: relative;
  margin-bottom: 0.5rem;
  touch-action: manipulation;
}
.share-popup .button-default:last-child, .share-popup .cookie-consent button:last-child, .cookie-consent .share-popup button:last-child {
  margin-bottom: 0;
}
.share-popup .button-default:before, .share-popup .cookie-consent button:before, .cookie-consent .share-popup button:before {
  position: absolute;
  left: 0;
  top: 0;
  content: " ";
  margin-top: 0.375rem;
  margin-left: 0.375rem;
  height: 2rem;
  width: 2rem;
  line-height: 44px;
  background-size: cover;
}
.share-popup .button-default.copy:before, .share-popup .cookie-consent button.copy:before, .cookie-consent .share-popup button.copy:before {
  background-image: url("/assets/img/frontend/global/icon-share-copy.svg");
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-position: center;
}
.share-popup .button-default.facebook:before, .share-popup .cookie-consent button.facebook:before, .cookie-consent .share-popup button.facebook:before {
  background-image: url("/assets/img/frontend/global/icon-share-facebook.svg");
}
.share-popup .button-default.twitter:before, .share-popup .cookie-consent button.twitter:before, .cookie-consent .share-popup button.twitter:before {
  background-image: url("/assets/img/frontend/global/icon-share-twitter.svg");
}
.share-popup .button-default.instagram:before, .share-popup .cookie-consent button.instagram:before, .cookie-consent .share-popup button.instagram:before {
  background-image: url("/assets/img/frontend/global/icon-share-instagram.svg");
}
.share-popup .button-default.email:before, .share-popup .cookie-consent button.email:before, .cookie-consent .share-popup button.email:before {
  background-image: url("/assets/img/frontend/global/icon-share-email.svg");
}
.share-popup .button-default.linkedin:before, .share-popup .cookie-consent button.linkedin:before, .cookie-consent .share-popup button.linkedin:before {
  background-image: url("/assets/img/frontend/global/icon-share-linkedin.svg");
}
.share-popup .button-default.whatsapp:before, .share-popup .cookie-consent button.whatsapp:before, .cookie-consent .share-popup button.whatsapp:before {
  background-image: url("/assets/img/frontend/global/icon-share-whatsapp.svg");
}

.share-email-form {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
@media screen and (min-width: 961px) {
  .share-email-form {
    flex-direction: row;
  }
  .share-email-form > div {
    width: calc(50% - 1rem);
  }
}
.share-email-form > div {
  box-sizing: border-box;
}
.share-email-form > div.message .form-input textarea {
  height: 16.5rem;
}

/*
|--------------------------------------------------------------------------
| Vue transitions
|--------------------------------------------------------------------------
*/
.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.2s ease !important;
}

.fade-enter,
.fade-leave-to {
  opacity: 0;
}

.fade-long-enter-active,
.fade-long-leave-active {
  transition: opacity 0.5s ease;
}

.fade-long-enter-from,
.fade-long-leave-to {
  opacity: 0;
}

.bounce-enter-active {
  animation: bounce-in 0.5s;
}

.bounce-leave-active {
  animation: bounce-in 0.5s reverse;
}

@keyframes bounce-in {
  0% {
    transform: scale(0);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
.bounce-small-enter-active {
  animation: bounce-in 0.5s;
}

.bounce-small-leave-active {
  animation: bounce-in 0.5s reverse;
}

@keyframes bounce-in-small {
  0% {
    transform: scale(0);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}
/*
|--------------------------------------------------------------------------
| Loading dummy items in Vue and hiding them when component is mounted
|--------------------------------------------------------------------------
*/
body.loading-complete .overview-loading {
  display: none !important;
}
body.loading-complete .loading-item {
  display: none !important;
}

/*
|--------------------------------------------------------------------------
| Info toggle
|--------------------------------------------------------------------------
*/
.info-toggle {
  position: absolute;
  top: 0;
  right: -24px;
  margin-left: 0.25rem;
  width: 20px;
  height: 20px;
  line-height: 20px;
  background-image: url("/assets/img/frontend/global/icon-button-info-grey.svg");
  background-size: cover;
  border-radius: 50%;
}
.info-toggle:hover {
  cursor: pointer;
  opacity: 0.9;
}

/*
|--------------------------------------------------------------------------
| Open an image gallery on both overview and detail pages
|--------------------------------------------------------------------------
*/
.open-gallery {
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 4px;
  left: 4px;
  padding: 0.5rem;
  background-color: rgba(0, 0, 0, 0.48);
  border: 1px solid #999;
  border-radius: 4px;
  color: #FFF;
  font-size: 0.9rem;
  font-weight: 600;
  transition: all 0.2s;
}
.open-gallery:hover {
  background-color: #01B4D5;
  color: #FFF;
  border-color: #FFF;
  cursor: pointer;
}
@media screen and (min-width: 961px) {
  .open-gallery {
    display: flex;
  }
}
.open-gallery img {
  margin-right: 0.25rem;
  width: 22px;
  height: 18px;
}

/*
|--------------------------------------------------------------------------
| Overviews
|--------------------------------------------------------------------------
*/
.overview-page .overview-section {
  position: relative;
}
@media screen and (min-width: 961px) {
  .overview-page .overview-section {
    padding: 4rem 1rem;
    display: flex;
  }
}
.overview-page .overview-section .overview-loader {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(242, 251, 253, 0.32);
  z-index: 2000;
}
.overview-page .overview-section .overview-loader .loader-animation {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url("/assets/img/global/content-loader.svg");
  background-position: center center;
  background-size: 50px 50px;
  background-repeat: no-repeat;
}
.overview-page .overview-section .overview-loader.absolute {
  position: absolute;
}
.overview-page .overview-section .overview-loader.absolute .loader-animation {
  position: absolute;
}
.overview-page .overview-section .filter-section {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  padding: 6rem 0 10rem;
  width: 100%;
  height: 100%;
  background-color: #F2FBFD;
  overflow-y: scroll;
  box-sizing: border-box;
  z-index: 90;
}
@media screen and (min-width: 961px) {
  .overview-page .overview-section .filter-section {
    position: static;
    display: block;
    margin-right: 3rem;
    padding: 0;
    overflow: visible;
    z-index: auto;
  }
}
.overview-page .overview-section .filter-section.active {
  display: block;
}
@media screen and (min-width: 961px) {
  .overview-page .overview-section .filter-section {
    width: 27%;
  }
}
.overview-page .overview-section .filter-section .filters-main {
  padding: 1rem 1rem 0;
  border-radius: 8px;
}
@media screen and (min-width: 961px) {
  .overview-page .overview-section .filter-section .filters-main {
    margin-bottom: 1rem;
    padding: 1rem;
    background-color: #CBEBF7;
  }
}
.overview-page .overview-section .filter-section .filters-main.bottom {
  padding-top: 0;
  background-color: transparent;
}
@media screen and (min-width: 961px) {
  .overview-page .overview-section .filter-section .filters-main.bottom {
    padding: 0;
  }
}
.overview-page .overview-section .filter-section .filters-main .filter-section-title {
  display: none;
  margin: 2rem 0 1rem;
  min-height: 24px;
  font-size: 1.1rem;
  font-weight: 600;
  color: #232976;
}
@media screen and (min-width: 961px) {
  .overview-page .overview-section .filter-section .filters-main .filter-section-title {
    display: block;
  }
}
.overview-page .overview-section .filter-section .filters-main .filter-section-title:first-child {
  margin-top: 0;
}
.overview-page .overview-section .filter-section .filters-map {
  display: none;
  margin: 2rem 0;
  background-color: #B5DC9F;
  background-image: url("/assets/img/frontend/website/map-illustrated.webp");
  background-size: cover;
  text-align: center;
  cursor: pointer;
}
@media screen and (min-width: 961px) {
  .overview-page .overview-section .filter-section .filters-map {
    display: block;
  }
}
.overview-page .overview-section .filter-section .filters-map .map-toggle-button {
  display: inline-block;
  min-width: 132px;
  margin: 2.5rem 0;
  padding: 0.75rem 1.5rem;
  background-color: #FFF;
  color: #232976;
  border-radius: 8px;
  transition: all 0.2s;
}
.overview-page .overview-section .filter-section .filters-map:hover .map-toggle-button {
  background-color: #01B4D5;
  color: #FFF;
}
.overview-page .overview-section .filter-section .filter-group {
  margin: 2rem 0;
  padding: 0 1rem;
}
@media screen and (min-width: 961px) {
  .overview-page .overview-section .filter-section .filter-group {
    padding: 0;
  }
}
.overview-page .overview-section .filter-section .filter-group .filter-section-title {
  margin-bottom: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 1.2rem;
  font-weight: 600;
  color: #232976;
  border-bottom: 1px solid #01B4D5;
}
.overview-page .overview-section .results-section {
  padding: 2rem 1rem 1rem;
  width: 100%;
  box-sizing: border-box;
}
@media screen and (min-width: 961px) {
  .overview-page .overview-section .results-section {
    padding: 0;
    width: 73%;
  }
}
.overview-page .overview-section .results-section h1 {
  padding: 0;
  margin: 0;
  font-size: 2.5rem;
  font-weight: 500;
  min-height: 56px;
}
.overview-page .overview-section .results-section .landing-page-intro {
  display: none;
  font-size: 0.9rem;
}
@media screen and (min-width: 961px) {
  .overview-page .overview-section .results-section .landing-page-intro {
    display: block;
  }
}
.overview-page .overview-section .results-section .landing-page-intro-mobile {
  display: block;
  font-size: 0.9rem;
}
@media screen and (min-width: 961px) {
  .overview-page .overview-section .results-section .landing-page-intro-mobile {
    display: none;
  }
}
.overview-page .overview-section .results-section .mobile-intro-link {
  border-bottom: 1px dotted #01b4d5;
  color: #01B4D5;
  cursor: pointer;
}
.overview-page .overview-section .results-section .mobile-intro-link:hover {
  border-bottom-style: solid;
}
.overview-page .overview-section .results-section .results-sort {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2rem;
  height: 44px;
  background-color: #FFF;
  border: 1px solid #DDD;
  font-size: 0.9rem;
}
.overview-page .overview-section .results-section .results-sort .sort-results {
  display: none;
}
@media screen and (min-width: 961px) {
  .overview-page .overview-section .results-section .results-sort .sort-results {
    display: flex;
    align-items: center;
  }
}
.overview-page .overview-section .results-section .results-sort .sort-results .sort-text {
  padding-right: 1rem;
  color: #727272;
  white-space: nowrap;
}
.overview-page .overview-section .results-section .results-sort .sort-results .filter-dropdown-group {
  top: 1px;
  margin-bottom: 0;
  min-width: 160px;
  height: 45px;
}
.overview-page .overview-section .results-section .results-sort .sort-results .filter-dropdown-group .filter-dropdown {
  border-top: 0;
  border-right: 0;
  height: 45px;
}
.overview-page .overview-section .results-section .results-sort .sort-results .filter-dropdown-group .sort-item {
  padding: 0.5rem 1rem;
  border-bottom: 1px solid #EEE;
}
.overview-page .overview-section .results-section .results-sort .sort-results .filter-dropdown-group .sort-item:last-child {
  border-bottom: 0;
}
.overview-page .overview-section .results-section .results-sort .sort-results .filter-dropdown-group .sort-item.active {
  background-color: #F6F6F6;
  font-weight: 600;
}
.overview-page .overview-section .results-section .results-sort .sort-results .filter-dropdown-group .sort-item:hover {
  color: #01B4D5;
  cursor: pointer;
}

.results-total {
  padding: 0.75rem 0.5rem;
  color: #727272;
}
.results-total strong {
  color: #424242;
}

.no-results {
  margin-bottom: 1.5rem;
  background-color: #FFF;
  border: 1px solid #DDD;
  font-size: 0.9rem;
}
.no-results .results-message {
  position: relative;
  padding: 0.5rem 0.5rem 0.5rem 64px;
  border-top: 1px solid #DDD;
}
.no-results .results-message:before {
  content: "";
  position: absolute;
  left: 1rem;
  top: 1.25rem;
  width: 32px;
  height: 32px;
  background-image: url("/assets/img/frontend/global/icon-info-grey.svg");
  background-size: 32px;
}
.no-results .results-message h2 {
  margin: 0;
  padding: 1rem 0;
  color: #424242;
  font-size: 1.25rem;
}
.no-results .results-message p {
  margin: 0;
  padding: 0 0 1rem;
  color: #727272;
  font-size: 1rem;
}

/*
|--------------------------------------------------------------------------
| Landing page section
|--------------------------------------------------------------------------
*/
.landing-page-section {
  padding: 3rem 1rem;
  background-color: #CBEBF7;
  font-size: 0.9rem;
}
.landing-page-section .container {
  max-width: 960px;
}
.landing-page-section .container .landing-page-title {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  font-size: 2.2rem;
}
.landing-page-section .container .landing-page-categories {
  margin: 2rem 0;
}
.landing-page-section .container .landing-page-categories .landing-page-category {
  display: inline-block;
  width: 100%;
  margin-top: 1.4em;
}
.landing-page-section .container .landing-page-categories .landing-page-category:first-child {
  margin-top: 0;
}
@media screen and (min-width: 961px) {
  .landing-page-section .container .landing-page-categories .landing-page-category {
    width: 33%;
  }
}
.landing-page-section .container .landing-page-categories .landing-page-category .title {
  font-weight: 600;
  margin-bottom: 0.4em;
}
.landing-page-section .container .landing-page-categories .landing-page-category a {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  border: 0;
}
.landing-page-section .container .landing-page-categories .landing-page-category a:before {
  content: "› ";
}
@media screen and (min-width: 961px) {
  .landing-page-section .container .landing-page-categories .landing-page-category a {
    height: auto;
    line-height: inherit;
    border-bottom: 1px dotted #01b4d5;
  }
  .landing-page-section .container .landing-page-categories .landing-page-category a:hover {
    border-bottom: 1px solid #01b4d5;
  }
}
.landing-page-section .container .landing-page-categories .landing-page-category div {
  padding: 0.25rem 0;
}
.landing-page-section .container .landing-page-categories .landing-page-category div:last-child a {
  font-weight: 600;
}
.landing-page-section .container h2, .landing-page-section .container h3, .landing-page-section .container h4 {
  margin: 1.5rem 0 0.5rem;
  color: #424242;
  font-size: 1rem;
}

/*
|--------------------------------------------------------------------------
| Search
|--------------------------------------------------------------------------
*/
.overview-results {
  max-width: 876px;
}
.overview-results.alternatives {
  max-width: 928px;
}
@media screen and (min-width: 360px) {
  .overview-results.alternatives {
    padding: 1rem;
  }
}
.overview-results.park {
  display: flex;
  flex-wrap: wrap;
}

.overview-result {
  display: flex;
  background-color: #FFF;
  margin-bottom: 2rem;
  box-sizing: border-box;
}
.overview-result:hover {
  box-shadow: -2px 4px 16px rgba(0, 0, 0, 0.12);
  cursor: pointer;
}
.overview-result .images {
  position: relative;
  background-color: #F6F6F6;
}
.overview-result .images .primary-image {
  display: block;
  width: 280px;
  background-size: cover;
  background-position: center;
}
.overview-result .images .primary-image .primary-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.overview-result .images .swiper .swiper-slide {
  background-position: center;
  background-size: cover;
}
.overview-result .images .swiper-pagination-progressbar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: rgba(0, 0, 0, 0.24);
}
.overview-result .images .swiper-button-prev, .overview-result .images .swiper-button-next {
  top: auto;
  bottom: 8px;
  left: 0;
  margin: 0;
  width: 32px;
  height: 32px;
  line-height: 24px;
  background-image: none;
  background-color: transparent;
  border-radius: 50%;
  color: #FFF;
  text-align: center;
  text-shadow: 0 0 8px rgba(0, 0, 0, 0.8);
  outline: 0;
  z-index: 10;
}
.overview-result .images .swiper-button-prev:after, .overview-result .images .swiper-button-next:after {
  display: flex;
  width: 32px;
  height: 32px;
  justify-content: center;
  margin-top: 4px;
  color: #FFF;
  font-weight: 600;
}
.overview-result .images .swiper-button-next {
  left: auto;
  right: 0;
}
.overview-result .images .overlay-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 72px;
  background-image: linear-gradient(rgba(0, 0, 0, 0.24), rgba(0, 0, 0, 0));
  z-index: 50;
}
.overview-result .images .review {
  position: absolute;
  top: 0;
  padding-top: 0.5rem;
  width: 64px;
  height: 48px;
  z-index: 50;
}
.overview-result .images .review .review-presentation {
  justify-content: center;
}
.overview-result .body {
  display: flex;
  flex: 1;
}
.overview-result .body .info {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: space-between;
  padding: 1rem;
}
.overview-result .body .info .top .location {
  color: #727272;
  font-size: 0.85rem;
}
.overview-result .body .info .top a {
  display: inline-block;
  max-height: 52px;
  color: #232976;
  border: 0;
  font-size: 1.1rem;
  font-weight: 600;
  text-decoration: none;
  overflow: hidden;
}
.overview-result .body .info .top a:hover {
  text-decoration: underline;
}
.overview-result .price {
  border-top: 1px dashed #EEE;
}
.overview-result .price .booking-button {
  display: none;
}
@media screen and (min-width: 961px) {
  .overview-result .price .booking-button {
    display: block;
  }
}
.overview-result .price .price-info {
  display: flex;
  flex-direction: row;
  flex: 0;
  padding-bottom: 0;
  height: 42px;
  line-height: 42px;
  text-align: center;
  justify-content: center;
}
.overview-result .price .price-info .old {
  margin-right: 0.5rem;
  color: #ed1313;
  text-decoration: line-through;
}
.overview-result .price .price-info .current {
  position: relative;
  font-size: 1.9rem;
  color: #232976;
}
.overview-result .price .length-of-stay,
.overview-result .price .company,
.overview-result .price .price-spec {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #727272;
  font-size: 0.8rem;
}
.overview-result .price .price-spec {
  flex-direction: column;
}
.overview-result .price .company {
  font-size: 0.7rem;
}
.overview-result .price .company i {
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px;
}
.overview-result .price .company i.people {
  background-image: url("/assets/img/frontend/global/icon-num-people.svg");
}
.overview-result .price .company i.pets {
  background-size: 18px;
  background-image: url("/assets/img/frontend/global/icon-num-pets.svg");
}
.overview-result.house {
  flex-direction: column;
  position: relative;
  width: 100%;
  min-height: 460px;
}
@media screen and (min-width: 961px) {
  .overview-result.house {
    flex-direction: row;
    min-height: 200px;
  }
}
.overview-result.house .identifiers {
  position: absolute;
  top: -21px;
  right: -10px;
  z-index: 55;
}
@media screen and (min-width: 961px) {
  .overview-result.house .identifiers {
    top: -10px;
  }
}
.overview-result.house .identifiers span {
  padding: 0.25rem;
  font-size: 0.8rem;
  font-weight: 600;
  color: #424242;
  border-radius: 4px;
}
.overview-result.house .identifiers span.house-code {
  background-color: #EEE;
}
.overview-result.house .identifiers span.api-type {
  margin-left: 2px;
}
.overview-result.house .identifiers span.api-type.m {
  background-color: #feeded;
}
.overview-result.house .identifiers span.api-type.b {
  background-color: #feefde;
}
.overview-result.house .identifiers span.api-type.h {
  background-color: #CBEBF7;
}
.overview-result.house .identifiers span.chain {
  background-color: #f8a6a6;
}
.overview-result.house .images .primary-image,
.overview-result.house .images .swiper {
  width: 100%;
  height: 200px;
}
@media screen and (min-width: 360px) {
  .overview-result.house .images .primary-image,
  .overview-result.house .images .swiper {
    height: 240px;
  }
}
@media screen and (min-width: 481px) {
  .overview-result.house .images .primary-image,
  .overview-result.house .images .swiper {
    height: 280px;
  }
}
@media screen and (min-width: 561px) {
  .overview-result.house .images .primary-image,
  .overview-result.house .images .swiper {
    height: 320px;
  }
}
@media screen and (min-width: 768px) {
  .overview-result.house .images .primary-image,
  .overview-result.house .images .swiper {
    height: 360px;
  }
}
@media screen and (min-width: 961px) {
  .overview-result.house .images .primary-image,
  .overview-result.house .images .swiper {
    width: 280px;
    height: 200px;
  }
}
.overview-result.house .images .review {
  right: 0;
}
@media screen and (min-width: 961px) {
  .overview-result.house .images .review {
    display: none;
  }
}
.overview-result.house .body {
  flex-direction: column;
}
@media screen and (min-width: 961px) {
  .overview-result.house .body {
    flex-direction: row;
  }
}
.overview-result.house .body .price {
  display: flex;
  flex-direction: row-reverse;
  position: relative;
  padding: 1rem 32px 1rem 0;
  justify-content: flex-start;
  width: auto;
  height: auto;
  text-align: center;
  box-sizing: border-box;
}
.overview-result.house .body .price .length-of-stay {
  padding-right: 1rem;
}
@media screen and (min-width: 961px) {
  .overview-result.house .body .price .length-of-stay {
    padding-right: 0;
  }
}
.overview-result.house .body .price .company {
  padding-right: 1rem;
}
@media screen and (min-width: 961px) {
  .overview-result.house .body .price .company {
    padding-right: 0;
    padding-bottom: 0.75rem;
  }
  .overview-result.house .body .price {
    flex-direction: column;
    justify-content: flex-end;
    padding: 1rem 0;
    width: 160px;
    height: 200px;
    border-top: 0;
    border-left: 1px dashed #DDD;
  }
}
.overview-result.house .body .bottom .review-presentation {
  display: none;
}
@media screen and (min-width: 961px) {
  .overview-result.house .body .bottom .review-presentation {
    display: flex;
  }
}
.overview-result.house .body .bottom .metadata {
  margin-top: 1rem;
  font-size: 0.8rem;
}
.overview-result.park {
  flex-direction: column;
  width: 100%;
  min-height: 600px;
  box-sizing: border-box;
}
@media screen and (min-width: 961px) {
  .overview-result.park {
    width: 48%;
    min-height: 555px;
  }
}
.overview-result.park:nth-child(odd) {
  margin-right: 4%;
}
.overview-result.park .images .overlay-top {
  height: 160px;
  background-image: linear-gradient(rgba(0, 0, 0, 0.24), rgba(0, 0, 0, 0));
  border: 0;
}
.overview-result.park .images .primary-image,
.overview-result.park .images .swiper {
  width: 100%;
  height: 268px;
}
.overview-result.park .images .review {
  width: 100%;
}
.overview-result.park .images .review-presentation {
  padding-left: 0.5rem;
  justify-content: left;
}
.overview-result.park .images .review-presentation .text {
  color: #DDD;
  font-weight: 600;
}
.overview-result.park .body {
  flex-direction: column;
}
.overview-result.park .body .top .intro {
  padding: 0.5rem 0;
  line-height: 1.4rem;
  font-size: 0.85rem;
  overflow: hidden;
}
@media screen and (min-width: 961px) {
  .overview-result.park .body .top .intro {
    height: 64px;
  }
}
.overview-result.park .body .price {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (min-width: 961px) {
  .overview-result.park .body .price {
    flex-direction: row;
  }
}
.overview-result.park .body .price .price-container {
  padding: 0.5em 1rem;
}
.overview-result.park .body .price .price-container .price_spec {
  display: flex;
  flex-direction: column;
}
.overview-result.park .body .price .booking-button {
  display: flex;
  align-items: center;
  align-content: center;
  justify-items: center;
  justify-content: center;
  padding: 1rem;
}
@media screen and (min-width: 961px) {
  .overview-result.park .body .price .booking-button {
    padding: 0.25rem 1rem;
  }
}

.highlights {
  padding: 0.25rem 0;
  font-size: 0.85rem;
}
.highlights .highlight {
  position: relative;
  display: block;
  padding: 4px 0 4px 20px;
  margin-right: 0.5rem;
  color: #5BB12B;
}
@media screen and (min-width: 961px) {
  .highlights .highlight {
    display: inline-block;
  }
}
.highlights .highlight:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 6px;
  width: 16px;
  height: 16px;
  background-image: url("/assets/img/frontend/global/checkmark.svg");
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-position: left;
}

/*
|--------------------------------------------------------------------------
| Paginator
|--------------------------------------------------------------------------
*/
.overview-paginator {
  width: 100%;
  text-align: center;
}
.overview-paginator .pagination-item {
  display: inline-block;
  margin: 0.5rem 0.25rem;
  padding: 0.5rem 0.75rem;
  min-width: 40px;
  border: 1px solid #232976;
  border-radius: 4px;
  color: #232976;
  font-size: 1rem;
  box-sizing: border-box;
}
.overview-paginator .pagination-item:last-child {
  margin-right: 0;
}
.overview-paginator .pagination-item.active {
  background-color: #232976;
  color: #FFF;
}
.overview-paginator .pagination-item.static {
  border-color: #727272;
  color: #727272;
}
.overview-paginator .pagination-item.static.active {
  border-color: #232976;
  color: #fff;
}
.overview-paginator .pagination-item:not(.static):hover {
  background-color: #232976;
  color: #FFF;
  cursor: pointer;
}

/*
|--------------------------------------------------------------------------
| Skeleton
|--------------------------------------------------------------------------
*/
.overview-loading .loading-item {
  width: 100%;
  background-color: #EBF9FC;
}
.overview-loading .loading-item.filter-dropdown {
  height: 48px;
  margin-bottom: 1rem;
  border-bottom-color: #EEE;
}
.overview-loading .loading-item.filter-dropdown .title {
  color: #EBF9FC;
}
.overview-loading .loading-item.filter-dropdown:after {
  opacity: 0.32;
}
.overview-loading .filter-loading {
  height: 360px;
}
.overview-loading .filter-map {
  margin: 2rem 0;
  height: 125px;
}
.overview-loading .filter-dropdown-loading {
  margin-bottom: 1rem;
  height: 48px;
  position: relative;
}
.overview-loading .filter-dropdown-loading:after {
  position: absolute;
  content: "";
  top: 16px;
  right: 6px;
  width: 32px;
  height: 16px;
  background-image: url("/assets/img/frontend/global/dropdown-arrow.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  opacity: 0.32;
  transition: all 0.3s;
}
.overview-loading .filter-option-loading {
  margin: 0.5rem 0;
  height: 31.5px;
}
.overview-loading .result-loading {
  height: 200px;
}
.overview-loading .section-loading {
  height: 200px;
}
.overview-loading .section-top-loading {
  height: 400px;
}
.overview-loading .title-loading {
  margin-bottom: 1rem;
  height: 32px;
}
.overview-loading.park .result-loading {
  margin-right: 0;
  height: 420px;
}
@media screen and (min-width: 961px) {
  .overview-loading.park .result-loading {
    width: 48%;
  }
  .overview-loading.park .result-loading:nth-child(odd) {
    margin-right: 4%;
  }
}

/*
|--------------------------------------------------------------------------
| Overview menu
|--------------------------------------------------------------------------
*/
.overview-menu {
  display: flex;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 64px;
  background-color: #FFF;
  z-index: 100;
  box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.16);
}
@media screen and (min-width: 961px) {
  .overview-menu {
    display: none;
  }
}
.overview-menu .overview-menu-item {
  display: flex;
  width: 25%;
  align-items: center;
  justify-content: center;
  border-right: 1px solid #EEE;
  color: #424242;
  font-size: 0.8rem;
}
@media screen and (min-width: 360px) {
  .overview-menu .overview-menu-item {
    font-size: 0.9rem;
  }
}
.overview-menu .overview-menu-item:last-child {
  border-right: 0;
}
.overview-menu .overview-menu-item:hover {
  background-color: #F2FBFD;
  cursor: pointer;
}
.overview-menu .overview-menu-item:before {
  content: "";
  display: inline-block;
  margin-right: 6px;
  width: 12px;
  height: 12px;
  background-size: 12px 12px;
}
.overview-menu .overview-menu-item.list:before {
  background-image: url("/assets/img/frontend/website/icon-docked-menu-list.svg");
}
.overview-menu .overview-menu-item.map:before {
  width: 16px;
  height: 16px;
  background-image: url("/assets/img/frontend/website/icon-docked-menu-map.svg");
  background-size: 16px 16px;
}
.overview-menu .overview-menu-item.sort:before {
  margin-right: 4px;
  background-image: url("/assets/img/frontend/website/icon-docked-menu-sort.svg");
}
.overview-menu .overview-menu-item.filters:before {
  background-image: url("/assets/img/frontend/website/icon-docked-menu-filter.svg");
}

body .sort-mobile {
  display: none;
}
body.active-view-list .overview-menu-item.list {
  background-color: #CBEBF7;
}
body.active-view-map .overview-menu-item.map {
  background-color: #CBEBF7;
}
body.active-view-sort .overview-menu-item.sort {
  background-color: #CBEBF7;
}
body.active-view-sort .sort-mobile {
  display: block;
}
body.active-view-filters .overview-menu-item.filters {
  background-color: #CBEBF7;
}
body.active-view-filters .filter-section {
  display: block !important;
}
body.with-switch-to-results-button .switch-to-results {
  bottom: 80px;
}

.switch-to-results {
  position: fixed;
  left: auto;
  bottom: 0;
  width: 100%;
  text-align: center;
  z-index: 99;
  transition: bottom 0.3s cubic-bezier(0.47, 1.64, 0.41, 0.8);
}
.switch-to-results.active {
  bottom: 80px;
}
@media screen and (min-width: 961px) {
  .switch-to-results {
    display: none;
  }
}

/*
|--------------------------------------------------------------------------
| Mobile sort
|--------------------------------------------------------------------------
*/
.sort-mobile {
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  padding: 8rem 1rem;
  width: 100%;
  height: 100%;
  background-color: #F2FBFD;
  z-index: 90;
  box-sizing: border-box;
}
@media screen and (min-width: 961px) {
  .sort-mobile {
    display: none;
  }
}
.sort-mobile .sort-item {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
  padding: 1rem;
  text-align: center;
  background-color: #FFF;
  border: 1px solid #EEE;
  border-radius: 4px;
}
.sort-mobile .sort-item.active {
  border-color: #5BB12B;
  color: #5BB12B;
}
.sort-mobile .sort-item.active:before {
  content: "";
  display: inline-block;
  margin-right: 0.5rem;
  width: 16px;
  height: 16px;
  background-image: url("/assets/img/frontend/global/checkmark2.svg");
  background-size: 16px;
}

/*
|--------------------------------------------------------------------------
| Object details
|--------------------------------------------------------------------------
*/
.object-details-popup {
  position: fixed;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.72);
  z-index: 1200;
}
.object-details-popup .object-details-target {
  width: 100%;
  height: 100%;
  background-color: #FFF;
}
@media screen and (min-width: 961px) {
  .object-details-popup .object-details-target {
    width: 960px;
    height: 480px;
  }
}
.object-details-popup .object-details-target.loading {
  position: relative;
}
.object-details-popup .object-details-target.loading:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.64);
  background-image: url("/assets/img/global/content-loader.svg");
  background-position: center center;
  background-size: 48px 48px;
  background-repeat: no-repeat;
  z-index: 10;
}
.object-details-popup .object-details-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background-color: #FFF;
}
@media screen and (min-width: 961px) {
  .object-details-popup .object-details-container {
    flex-direction: row;
    width: auto;
  }
}
.object-details-popup .object-details-container .swiper-images {
  width: 100%;
  height: 50%;
  background-color: #F6F6F6;
}
@media screen and (min-width: 961px) {
  .object-details-popup .object-details-container .swiper-images {
    width: 600px;
    height: 480px;
  }
}
.object-details-popup .object-details-container .swiper-images .swiper {
  width: 100%;
  height: 100%;
}
.object-details-popup .object-details-container .swiper-images .swiper .swiper-slide {
  min-height: 320px;
  background-size: cover;
  background-position: center;
}
.object-details-popup .object-details-container .swiper-images .swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.object-details-popup .object-details-container .swiper-images .swiper .swiper-pagination {
  position: absolute;
  width: 100%;
  bottom: 0;
  z-index: 100;
}
.object-details-popup .object-details-container .swiper-images .swiper .swiper-button-prev, .object-details-popup .object-details-container .swiper-images .swiper .swiper-button-next {
  top: auto;
  bottom: 32px;
  width: 32px;
  height: 32px;
  line-height: 24px;
  background-image: none;
  background-color: transparent;
  border-radius: 50%;
  color: #FFF;
  text-align: center;
  text-shadow: 0 0 8px rgba(0, 0, 0, 0.8);
  outline: 0;
  z-index: 10;
}
.object-details-popup .object-details-container .swiper-images .swiper .swiper-button-prev:after, .object-details-popup .object-details-container .swiper-images .swiper .swiper-button-next:after {
  display: flex;
  width: 32px;
  height: 32px;
  justify-content: center;
  color: #FFF;
  font-weight: 600;
  font-size: 3rem;
}
.object-details-popup .object-details-container .swiper-images .swiper .swiper-button-prev {
  left: 8px;
  right: auto;
}
.object-details-popup .object-details-container .swiper-images .swiper .swiper-button-next {
  right: 8px;
  left: auto;
}
.object-details-popup .object-details-container .object-details {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 1.5rem 1rem 1rem;
  background-color: #FFF;
  box-sizing: border-box;
  height: 50%;
}
@media screen and (min-width: 961px) {
  .object-details-popup .object-details-container .object-details {
    width: 360px;
    height: 100%;
  }
}
.object-details-popup .object-details-container .object-details .object-details-top .title {
  margin-bottom: 1rem;
}
.object-details-popup .object-details-container .object-details .object-details-top .title a {
  color: #232976;
  border: 0;
  font-size: 1.3rem;
  font-weight: 500;
}
.object-details-popup .object-details-container .object-details .object-details-top .title a:hover {
  text-decoration: underline;
}
.object-details-popup .object-details-container .object-details .object-details-top .breadcrumbs {
  margin-bottom: 1rem;
  color: #727272;
  font-size: 0.9rem;
}
.object-details-popup .object-details-container .object-details .object-details-top .review-presentation {
  display: none;
}
@media screen and (min-width: 561px) {
  .object-details-popup .object-details-container .object-details .object-details-top .review-presentation {
    display: flex;
  }
}
.object-details-popup .object-details-container .object-details .object-details-top .info {
  display: none;
  margin: 2rem 0 1rem;
  font-size: 0.8rem;
}
@media screen and (min-width: 561px) {
  .object-details-popup .object-details-container .object-details .object-details-top .info {
    display: block;
  }
}
.object-details-popup .object-details-container .object-details .object-details-top .highlights {
  display: none;
  margin: 0.5rem 0;
}
@media screen and (min-width: 481px) {
  .object-details-popup .object-details-container .object-details .object-details-top .highlights {
    display: block;
  }
}
@media screen and (min-width: 561px) {
  .object-details-popup .object-details-container .object-details .object-details-top .highlights {
    margin: 2rem 0;
  }
}
.object-details-popup .object-details-container .object-details .object-details-bottom {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.object-details-popup .object-details-container .object-details .object-details-bottom .price {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
  width: 100%;
}
.object-details-popup .object-details-container .object-details .object-details-bottom .price .price-info {
  display: flex;
  align-items: center;
  justify-content: center;
}
.object-details-popup .object-details-container .object-details .object-details-bottom .price .price-info .old {
  display: inline-block;
  margin-right: 0.5rem;
  color: #ed1313;
  text-decoration: line-through;
}
.object-details-popup .object-details-container .object-details .object-details-bottom .price .price-info .current {
  font-size: 1.9rem;
  color: #232976;
}
.object-details-popup .object-details-container .object-details .object-details-bottom .price .company {
  font-size: 0.9rem;
}
.object-details-popup .close {
  position: fixed;
  right: 0;
  top: 0;
  width: 64px;
  height: 64px;
  line-height: 64px;
  color: #CCC;
  font-size: 3rem;
  text-align: center;
  z-index: 1010;
}
.object-details-popup .close:hover {
  color: #727272;
  cursor: pointer;
}

/*
|--------------------------------------------------------------------------
| Object details
|--------------------------------------------------------------------------
*/
.tips-more-results {
  padding: 1rem;
  background-color: #FFF;
}
.tips-more-results h3 {
  margin: 0;
  font-size: 2.5rem;
  font-weight: 500;
}
.tips-more-results .tip {
  position: relative;
  margin-top: 1rem;
}
.tips-more-results .tip .icon {
  position: absolute;
  left: 0;
  top: 0;
  width: 72px;
  height: 44px;
  background-color: #F00;
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 44px;
}
.tips-more-results .tip .icon.arrival-day {
  background-image: url("/assets/img/frontend/website/icon-more-results-arrival-day.svg");
}
.tips-more-results .tip .icon.criteria {
  background-image: url("/assets/img/frontend/website/icon-more-results-criteria.svg");
}
.tips-more-results .tip .icon.shift-week {
  background-image: url("/assets/img/frontend/website/icon-more-results-shift-week.svg");
}
.tips-more-results .tip .title {
  color: #232976;
  font-weight: 600;
}

@media screen and (min-width: 320px) {
  body.favourites section {
    padding: 1rem;
  }
  body.favourites .annotation {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  body.favourites .annotation {
    display: block;
  }
}
body.favourites h1 {
  font-size: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px dashed #01B4D5;
}
body.favourites .favourites-category-action-header {
  position: relative;
}
body.favourites .favourites-category-action-header h1 {
  width: 100%;
  border-bottom: 1px dashed #01B4D5;
}
body.favourites .favourites-category-action-header h1.favourites-category-header-edit {
  cursor: pointer;
}
body.favourites .favourites-category-action-header h1.favourites-category-header-edit > input {
  width: 40%;
}
body.favourites .favourites-category-action-header i {
  display: none;
  font-style: normal;
}
@media screen and (min-width: 320px) {
  body.favourites .favourites-category-action-header .favourites-action-buttons .button-default, body.favourites .favourites-category-action-header .favourites-action-buttons .cookie-consent button, .cookie-consent body.favourites .favourites-category-action-header .favourites-action-buttons button {
    width: calc(50% - 0.5rem);
  }
}
@media screen and (min-width: 561px) {
  body.favourites .favourites-category-action-header .favourites-action-buttons {
    position: absolute;
    top: -0.25rem;
    right: 0;
  }
}
@media screen and (min-width: 961px) {
  body.favourites .favourites-category-action-header.edit .favourites-action-buttons {
    top: 0;
  }
  body.favourites .favourites-category-action-header .favourites-action-buttons .button-default, body.favourites .favourites-category-action-header .favourites-action-buttons .cookie-consent button, .cookie-consent body.favourites .favourites-category-action-header .favourites-action-buttons button {
    position: relative;
    padding: 0.5rem 1rem;
    padding-left: 2.25rem;
    margin-right: 1rem;
    width: unset;
  }
  body.favourites .favourites-category-action-header .favourites-action-buttons .button-default:last-child, body.favourites .favourites-category-action-header .favourites-action-buttons .cookie-consent button:last-child, .cookie-consent body.favourites .favourites-category-action-header .favourites-action-buttons button:last-child {
    margin-right: 0;
  }
  body.favourites .favourites-category-action-header .favourites-action-buttons .button-default.return, body.favourites .favourites-category-action-header .favourites-action-buttons .cookie-consent button.return, .cookie-consent body.favourites .favourites-category-action-header .favourites-action-buttons button.return {
    padding-left: 3.75rem;
  }
  body.favourites .favourites-category-action-header .favourites-action-buttons .button-default.share:before, body.favourites .favourites-category-action-header .favourites-action-buttons .cookie-consent button.share:before, .cookie-consent body.favourites .favourites-category-action-header .favourites-action-buttons button.share:before, body.favourites .favourites-category-action-header .favourites-action-buttons .button-default.return:before, body.favourites .favourites-category-action-header .favourites-action-buttons .cookie-consent button.return:before, .cookie-consent body.favourites .favourites-category-action-header .favourites-action-buttons button.return:before {
    position: absolute;
  }
  body.favourites .favourites-category-action-header .favourites-action-buttons .button-default i, body.favourites .favourites-category-action-header .favourites-action-buttons .cookie-consent button i, .cookie-consent body.favourites .favourites-category-action-header .favourites-action-buttons button i {
    display: inline-block;
  }
}
body.favourites .favourites-category-action-header .favourites-action-buttons {
  display: flex;
  justify-content: space-between;
  height: 2.5rem;
}
body.favourites .favourites-category-action-header .favourites-action-buttons .button-default, body.favourites .favourites-category-action-header .favourites-action-buttons .cookie-consent button, .cookie-consent body.favourites .favourites-category-action-header .favourites-action-buttons button {
  display: flex;
  justify-content: center;
  align-items: center;
}
body.favourites .favourites-category-action-header .favourites-action-buttons .button-default.return:hover:before, body.favourites .favourites-category-action-header .favourites-action-buttons .cookie-consent button.return:hover:before, .cookie-consent body.favourites .favourites-category-action-header .favourites-action-buttons button.return:hover:before {
  background-image: url("/assets/img/frontend/global/icon-arrow-back-white.svg");
}
body.favourites .favourites-category-action-header .favourites-action-buttons .button-default.share:hover:before, body.favourites .favourites-category-action-header .favourites-action-buttons .cookie-consent button.share:hover:before, .cookie-consent body.favourites .favourites-category-action-header .favourites-action-buttons button.share:hover:before {
  background-image: url("/assets/img/frontend/global/icon-share-white.svg");
}
body.favourites .favourites-category-action-header .favourites-action-buttons .button-default.share:before, body.favourites .favourites-category-action-header .favourites-action-buttons .cookie-consent button.share:before, .cookie-consent body.favourites .favourites-category-action-header .favourites-action-buttons button.share:before, body.favourites .favourites-category-action-header .favourites-action-buttons .button-default.return:before, body.favourites .favourites-category-action-header .favourites-action-buttons .cookie-consent button.return:before, .cookie-consent body.favourites .favourites-category-action-header .favourites-action-buttons button.return:before {
  display: inline-block;
  content: "";
  background-image: url("/assets/img/frontend/global/icon-share-orange.svg");
  background-size: cover;
  width: 1.5rem;
  height: 1.5rem;
  top: 0.375rem;
  left: 0.5rem;
}
body.favourites .favourites-category-action-header .favourites-action-buttons .button-default.share:before, body.favourites .favourites-category-action-header .favourites-action-buttons .cookie-consent button.share:before, .cookie-consent body.favourites .favourites-category-action-header .favourites-action-buttons button.share:before {
  background-image: url("/assets/img/frontend/global/icon-share-orange.svg");
}
body.favourites .favourites-category-action-header .favourites-action-buttons .button-default.return:before, body.favourites .favourites-category-action-header .favourites-action-buttons .cookie-consent button.return:before, .cookie-consent body.favourites .favourites-category-action-header .favourites-action-buttons button.return:before {
  width: 3rem;
  height: 3rem;
  top: -0.5rem;
  background-image: url("/assets/img/frontend/global/icon-arrow-back-blue.svg");
}
body.favourites .favourites-category-form {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  width: 100%;
  padding: 1rem;
  box-sizing: border-box;
  cursor: default;
}
body.favourites .favourites-category-form .favourites-category-form-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 100%;
}
body.favourites .favourites-category-form .favourites-category-form-header .form-group {
  width: 100%;
}
body.favourites .favourites-category-form .favourites-category-form-header .form-group .form-error {
  display: none;
  margin-top: 0.25rem;
  color: #ED1313;
  font-weight: normal;
}
body.favourites .favourites-category-form .favourites-category-form-header .form-group .form-error.visible {
  display: block;
}
body.favourites .favourites-category-form .favourites-category-form-header .title {
  margin-bottom: 2rem;
}
body.favourites .favourites-category-form .favourites-category-form-actions {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}
body.favourites .favourites-category-form .favourites-category-form-actions .button-default, body.favourites .favourites-category-form .favourites-category-form-actions .cookie-consent button, .cookie-consent body.favourites .favourites-category-form .favourites-category-form-actions button {
  width: 60%;
  margin-bottom: 1rem;
}
body.favourites .favourites-categories {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  body.favourites .favourites-categories {
    max-width: 770px;
  }
}
@media screen and (min-width: 1441px) {
  body.favourites .favourites-categories {
    max-width: 1280px;
  }
}
body.favourites .favourites-categories .favourites-category {
  background: #FFF;
  height: 360px;
  width: 360px;
  color: #727272;
  cursor: pointer;
  margin: 0 0 2rem 0;
}
@media screen and (min-width: 768px) {
  body.favourites .favourites-categories .favourites-category {
    margin: 0 25px 25px 0;
  }
  body.favourites .favourites-categories .favourites-category:nth-child(2n+2) {
    margin-right: 0;
  }
}
@media screen and (min-width: 1441px) {
  body.favourites .favourites-categories .favourites-category {
    margin: 0 100px 100px 0;
  }
  body.favourites .favourites-categories .favourites-category:nth-child(2n+2) {
    margin-right: 100px;
  }
  body.favourites .favourites-categories .favourites-category:nth-child(3n+3) {
    margin-right: 0;
  }
}
body.favourites .favourites-categories .favourites-category:last-child {
  margin-right: 0;
}
body.favourites .favourites-categories .favourites-category .favourites-category-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 40px;
  color: #DDD;
  cursor: default;
}
body.favourites .favourites-categories .favourites-category .favourites-category-header .favourites-category-house-icon {
  height: 1.5rem;
  width: 1.5rem;
  margin: 0 4px;
  background-image: url("/assets/img/frontend/global/favourites-house-count.svg");
  background-size: cover;
}
body.favourites .favourites-categories .favourites-category .favourites-category-header .favourites-category-house-count {
  display: flex;
  align-items: center;
  margin-top: 4px;
}
body.favourites .favourites-categories .favourites-category .favourites-category-header .favourites-category-delete {
  font-size: 2rem;
  margin-right: 0.5rem;
  cursor: pointer;
}
body.favourites .favourites-categories .favourites-category .favourites-category-header .favourites-category-delete:hover {
  color: #01B4D5;
}
body.favourites .favourites-categories .favourites-category .favourites-category-body {
  background: #F6F6F6;
  border-top: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
  height: 240px;
  cursor: pointer;
}
body.favourites .favourites-categories .favourites-category .favourites-category-body .favourites-category-house-image {
  height: 100%;
  width: 100%;
  background-size: cover;
}
body.favourites .favourites-categories .favourites-category .favourites-category-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 80px;
  padding: 0 0.5rem;
  font-size: 2rem;
  text-align: center;
  cursor: pointer;
}
body.favourites .favourites-categories .favourites-category .favourites-category-footer.long {
  font-size: 1.5rem;
}
body.favourites .favourites-categories .favourites-category-add .favourites-category-header {
  color: #F6F6F6;
}
body.favourites .favourites-categories .favourites-category-add .favourites-category-body {
  display: flex;
  align-items: center;
  justify-content: center;
}
body.favourites .favourites-categories .favourites-category-add .favourites-category-body .add-icon {
  font-size: 5rem;
  color: #232976;
}
@media screen and (min-width: 1072px) {
  body.favourites .favourites-category-details {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  body.favourites .favourites-category-details .polaroid-container {
    max-width: 770px;
  }
}
@media screen and (min-width: 1441px) {
  body.favourites .favourites-category-details {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  body.favourites .favourites-category-details .polaroid-container {
    max-width: unset;
  }
}
body.favourites .favourites-category-details {
  min-height: 50vh;
}
body.favourites .favourites-category-details .polaroid-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
@media screen and (min-width: 320px) {
  body.favourites .favourites-category-details .polaroid-container .polaroid {
    width: 300px;
    margin-bottom: 25px;
  }
  body.favourites .favourites-category-details .polaroid-container .polaroid .image {
    width: 260px;
  }
}
@media screen and (min-width: 561px) {
  body.favourites .favourites-category-details .polaroid-container .polaroid {
    margin-right: 25px;
  }
  body.favourites .favourites-category-details .polaroid-container .polaroid:nth-child(2n+2) {
    margin-right: 0;
  }
  body.favourites .favourites-category-details .polaroid-container .polaroid:nth-child(3n+3) {
    margin-right: 25px;
  }
}
@media screen and (min-width: 961px) {
  body.favourites .favourites-category-details .polaroid-container .polaroid {
    width: 360px;
    margin-bottom: 25px;
  }
  body.favourites .favourites-category-details .polaroid-container .polaroid:nth-child(2n+2) {
    margin-right: 0;
  }
  body.favourites .favourites-category-details .polaroid-container .polaroid:nth-child(3n+3) {
    margin-right: 25px;
  }
  body.favourites .favourites-category-details .polaroid-container .polaroid .image {
    width: 320px;
  }
}
@media screen and (min-width: 1072px) {
  body.favourites .favourites-category-details .polaroid-container .polaroid {
    width: 360px;
    margin-right: 50px;
    margin-bottom: 50px;
  }
  body.favourites .favourites-category-details .polaroid-container .polaroid:nth-child(2n+2) {
    margin-right: 0;
  }
  body.favourites .favourites-category-details .polaroid-container .polaroid:nth-child(3n+3) {
    margin-right: 50px;
  }
  body.favourites .favourites-category-details .polaroid-container .polaroid .image {
    width: 320px;
  }
}
@media screen and (min-width: 1441px) {
  body.favourites .favourites-category-details .polaroid-container .polaroid {
    width: 360px;
    margin-right: 50px;
    margin-bottom: 50px;
  }
  body.favourites .favourites-category-details .polaroid-container .polaroid:nth-child(2n+2) {
    margin-right: 50px;
  }
  body.favourites .favourites-category-details .polaroid-container .polaroid:nth-child(3n+3) {
    margin-right: 0;
  }
  body.favourites .favourites-category-details .polaroid-container .polaroid .image {
    width: 320px;
  }
}
body.favourites .favourites-category-details .polaroid-container .polaroid {
  position: relative;
}
body.favourites .favourites-category-details .polaroid-container .polaroid:hover {
  box-shadow: -2px 4px 16px rgba(0, 0, 0, 0.12);
  opacity: 0.9;
}
body.favourites .favourites-category-details .polaroid-container .polaroid:last-child {
  margin-right: 0;
}
body.favourites .favourites-category-details .polaroid-container .polaroid .review-presentation {
  position: absolute;
  left: 1rem;
  top: 1rem;
}
body.favourites .favourites-category-details .polaroid-container .polaroid .review-presentation.opague .score {
  background-color: #F0F8EC;
  color: #D3D4E4;
}
body.favourites .favourites-category-details .polaroid-container .polaroid .review-presentation.opague .score:before {
  border-bottom: 8px solid #F0F8EC;
}
body.favourites .favourites-category-details .polaroid-container .polaroid .favourites-category-delete-house {
  position: absolute;
  color: #DDD;
  font-size: 2rem;
  top: 0;
  right: 0.5rem;
  cursor: pointer;
  z-index: 3;
}
body.favourites .favourites-category-details .polaroid-container .polaroid .favourites-category-delete-house:hover {
  color: #01B4D5;
}
body.favourites .favourites-category-details .polaroid-container .polaroid .deleted-house-overlay {
  display: none;
  position: absolute;
  background: rgba(255, 255, 255, 0.8);
  width: 100%;
  height: calc(100% - 22px);
  top: 22px;
  left: 0;
  z-index: 2;
}
body.favourites .favourites-category-details .polaroid-container .polaroid .deleted-house-overlay.active {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 1.5rem;
}
body.favourites .favourites-category-details .polaroid-container .polaroid .deleted-house-overlay.active > div {
  position: absolute;
  background: rgba(255, 255, 255, 0.8);
  width: 20%;
  height: 22px;
  top: -22px;
  left: 0;
  z-index: 2;
}
body.favourites .favourites-category-details .polaroid-container .polaroid .deleted-house-overlay.active > span {
  margin-top: -22px;
  font-size: 1.2rem;
  color: #232976;
}
body.favourites .favourites-category-details .polaroid-container .polaroid .deleted-house-overlay.hidden {
  z-index: 0;
}
body.favourites .favourites-category-details .polaroid-container .polaroid .deleted-house-overlay.hidden > span {
  display: none;
}
body.favourites .favourites-category-details .polaroid-container .polaroid .image {
  height: 240px;
  cursor: pointer;
}
body.favourites .favourites-category-details .polaroid-container .polaroid .caption {
  color: #424242;
}
body.favourites .favourites-category-details .polaroid-container .polaroid .caption > span {
  cursor: pointer;
}
body.favourites .favourites-category-details .polaroid-container .polaroid .caption .house-caption-details {
  font-family: "Open Sans", sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
}
body.favourites .favourites-category-details .polaroid-container .polaroid .caption .house-caption-details .capacity {
  color: #AAA;
  font-weight: 400;
}
body.favourites .favourites-category-details .favourites-category-empty {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}

/*
|--------------------------------------------------------------------------
| Add to categories popup
|--------------------------------------------------------------------------
*/
.add-to-categories-popup {
  display: flex;
  flex-direction: column;
}
.add-to-categories-popup .selected-house {
  display: flex;
  height: 5rem;
  padding-bottom: 1rem;
  border-bottom: 1px dashed #CCC;
  margin-bottom: 1rem;
}
.add-to-categories-popup .selected-house .selected-house-image {
  background-size: cover;
  height: 100%;
  width: 5rem;
}
.add-to-categories-popup .selected-house .selected-house-title {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: flex-start;
  padding: 0.25rem 1rem;
  flex: 1;
}
.add-to-categories-popup .selected-house .selected-house-title .selected-house-code {
  font-weight: 600;
}
.add-to-categories-popup .selected-house .selected-house-title .selected-house-info {
  color: #AAA;
  font-size: 0.85rem;
}
.add-to-categories-popup .instruction-text {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 3rem;
}
.add-to-categories-popup .instruction-text .instruction-annotation {
  display: flex;
  margin: 0 1.5rem 0 0;
  line-height: 1.6rem;
  color: #232976;
  font-size: 1.8rem;
  font-weight: 500;
  text-transform: none;
}
.add-to-categories-popup .instruction-text .instruction-annotation:after {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  margin: 10px 10px 0 10px;
  background: url("/assets/img/frontend/global/icon-arrow-blue.svg") 0 0 no-repeat;
  background-size: 30px auto;
  transform: scaleX(-1);
}
.add-to-categories-popup .favourites-category {
  display: flex;
  height: 5rem;
  margin-bottom: 1rem;
}
.add-to-categories-popup .favourites-category > div {
  box-sizing: border-box;
}
.add-to-categories-popup .favourites-category .favourites-category-image {
  background-size: cover;
  height: 100%;
  width: 5rem;
}
.add-to-categories-popup .favourites-category .favourites-category-image.placeholder {
  background-color: #F6F6F6;
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("/assets/img/frontend/global/favourites-house-count.svg");
  border: 1px solid #CCC;
  border-right: 0;
}
.add-to-categories-popup .favourites-category .favourites-category-title {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: flex-start;
  padding: 1rem;
  border: 1px solid #CCC;
  line-height: 1.2rem;
  flex: 1;
}
.add-to-categories-popup .favourites-category .favourites-category-title .category-name {
  font-weight: 600;
}
.add-to-categories-popup .favourites-category .favourites-category-title .category-house-count {
  color: #AAA;
  font-size: 0.85rem;
}
.add-to-categories-popup .favourites-category .favourites-category-title.hasError {
  padding-bottom: 0;
}
.add-to-categories-popup .favourites-category .favourites-category-action {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 4rem;
  border: 1px solid #CCC;
  border-left: 0;
  cursor: pointer;
}
.add-to-categories-popup .favourites-category .favourites-category-action:before {
  content: "+";
  font-size: 3rem;
  color: #232976;
}
.add-to-categories-popup .favourites-category .favourites-category-action.active:before, .add-to-categories-popup .favourites-category .favourites-category-action.pending:before {
  content: " ";
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: center;
  height: 100%;
  width: 100%;
}
.add-to-categories-popup .favourites-category .favourites-category-action.active:before {
  background-image: url("/assets/img/frontend/global/checkmark-white.svg");
  background-color: #5BB12B;
  color: #FFF;
}
.add-to-categories-popup .favourites-category .favourites-category-action.pending:before {
  background-image: url("/assets/img/global/content-loader.svg");
  background-color: #F6F6F6;
}
.add-to-categories-popup .favourites-category-add {
  min-height: 5rem;
  height: unset;
}
.add-to-categories-popup .favourites-category-add .favourites-category-title {
  display: flex;
  justify-content: center;
  align-items: center;
}
.add-to-categories-popup .favourites-category-add .favourites-category-title > div {
  width: 100%;
}
.add-to-categories-popup .favourites-category-add .favourites-category-title .form-group {
  margin-bottom: 0;
}
.add-to-categories-popup .close-popup {
  align-self: flex-end;
  align-items: center;
  justify-content: flex-end;
  text-align: right;
  margin-top: 1rem;
  margin-bottom: 0;
  cursor: pointer;
  color: #232976;
}

/*
|--------------------------------------------------------------------------
| Vue transition
|--------------------------------------------------------------------------
*/
.polaroid-paste-enter-active {
  animation: polaroid-paste-in 0.25s;
  transition: opacity 0.25s;
}

.polaroid-paste-leave-active {
  animation: polaroid-paste-in 0.25s reverse;
  transition: opacity 0.25s;
}

.polaroid-paste-enter, .polaroid-paste-leave-to {
  opacity: 0;
}

@keyframes polaroid-paste-in {
  0% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
/*
|--------------------------------------------------------------------------
| Dropdown
|--------------------------------------------------------------------------
*/
.filter-dropdown-group {
  position: relative;
  margin-bottom: 1rem;
}
.filter-dropdown-group.expanded {
  z-index: 200;
}

.filter-dropdown {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.75rem 0 0.75rem 1rem;
  width: 100%;
  background: #FFF;
  border: 1px solid #EEE;
  border-bottom-color: #AAA;
  border-radius: 0;
  color: #232976;
  box-sizing: border-box;
  z-index: 10;
  transition: all 0.3s;
}
.filter-dropdown.grey {
  border: 1px solid #CCC;
  color: #424242;
}
.filter-dropdown .title.small {
  font-size: 0.95rem;
}
.filter-dropdown .title span.warning {
  color: #F48308;
}
.filter-dropdown .title span.warning:after {
  content: "";
  margin-left: 0.25rem;
  width: 16px;
  height: 20px;
  display: inline-block;
  background-image: url("/assets/img/frontend/global/icon-warning-orange.svg");
  background-repeat: no-repeat;
  background-position: center 5px;
  background-size: 16px 16px;
}
.filter-dropdown.active {
  border: 1px solid #232976;
}
.filter-dropdown.active .title {
  font-weight: 700;
}
.filter-dropdown.medium {
  max-width: 360px;
}
.filter-dropdown.high {
  padding: 0.95rem 0 0.95rem 1rem;
}
.filter-dropdown:after {
  content: "";
  top: 22px;
  right: 22px;
  width: 32px;
  height: 16px;
  background-image: url("/assets/img/frontend/global/dropdown-arrow.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  opacity: 0.72;
  transition: all 0.3s;
}
.filter-dropdown.radius-4 {
  border-radius: 4px;
}
.filter-dropdown.plus:after {
  position: absolute;
  content: "+";
  top: 8px;
  right: 12px;
  width: 16px;
  font-size: 1.6rem;
  background-image: none;
}
.filter-dropdown:hover {
  color: #424242;
  cursor: pointer;
}
.filter-dropdown:hover.grey {
  border-color: #AAA;
}
.filter-dropdown:hover:after {
  opacity: 1;
}
.filter-dropdown.with-icon {
  padding-left: 44px;
  background-repeat: no-repeat;
  background-position: 8px;
  background-size: 25px auto;
}
.filter-dropdown.with-icon.destination {
  background-image: url(/assets/img/frontend/website/icon-search-map.svg);
}
.filter-dropdown.with-icon.arrival-day {
  background-image: url(/assets/img/frontend/website/icon-search-calendar.svg);
  background-size: 22px auto;
}
.filter-dropdown.with-icon.travel-company {
  background-image: url(/assets/img/frontend/website/icon-search-travel-company.svg);
}
.filter-dropdown .title {
  padding-right: 32px;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.filter-dropdown.active .title {
  font-weight: 700;
}

.filter-dropdown-expanded {
  display: flex;
  flex-direction: column;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  background-color: #FFF;
  z-index: 220;
}
.filter-dropdown-expanded.static {
  position: static;
}
@media screen and (min-width: 961px) {
  .filter-dropdown-expanded.medium {
    min-width: 130%;
  }
  .filter-dropdown-expanded.large {
    min-width: 180%;
  }
  .filter-dropdown-expanded.xlarge {
    min-width: 230%;
  }
  .filter-dropdown-expanded.calendar {
    min-width: 672px;
  }
}
.filter-dropdown-expanded .body {
  padding: 0.5rem;
}
.filter-dropdown-expanded .body.no-padding {
  padding: 0;
}
.filter-dropdown-expanded .body .row {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 961px) {
  .filter-dropdown-expanded .body .row {
    flex-direction: row;
  }
}
.filter-dropdown-expanded .body .row .col {
  width: 100%;
  box-sizing: border-box;
}
.filter-dropdown-expanded .body .row .col.cols-2 .filter-option-count, .filter-dropdown-expanded .body .row .col.cols-3 .filter-option-count, .filter-dropdown-expanded .body .row .col.cols-4 .filter-option-count {
  margin-right: 1rem;
}
.filter-dropdown-expanded .body strong {
  display: block;
  padding: 0.25rem 0;
}
.filter-dropdown-expanded .filter-reset {
  font-size: 0.9rem;
  border-top: 1px solid #EEE;
  padding: 0.5rem;
  transition: all 0.2s;
}
.filter-dropdown-expanded .filter-reset:hover {
  color: #ed1313;
  cursor: pointer;
}

.filter-apply {
  display: flex;
  justify-content: space-between;
  padding: 0.5rem 0.5rem 0;
  border-top: 1px solid #EEE;
  text-align: right;
}
.filter-apply .button {
  display: inline-block;
  padding: 0.5rem 1rem;
  border-radius: 4px;
}
.filter-apply .button-apply {
  background-color: #5BB12B;
  border: 1px solid #AAA;
  color: #FFF;
}
.filter-apply .button-apply:hover {
  border: 1px solid #777;
  color: #EEE;
  cursor: pointer;
}
.filter-apply .button-clear {
  background-color: #F6F6F6;
  border: 1px solid #CCC;
  color: #424242;
}
.filter-apply .button-clear:hover {
  color: #727272;
  border: 1px solid #AAA;
  cursor: pointer;
}

.overview-section .filter-dropdown-expanded .body {
  overflow-y: auto;
}
@media screen and (min-width: 961px) {
  .overview-section .filter-dropdown-expanded .body {
    max-height: 1000px;
  }
}

.filter-popup {
  background-color: #FFF;
  border-bottom: 1px solid #EEE;
  min-width: 300px;
  max-width: 300px;
  box-sizing: border-box;
}
@media screen and (min-width: 360px) {
  .filter-popup {
    min-width: 340px;
    max-width: 340px;
  }
}
@media screen and (min-width: 561px) {
  .filter-popup {
    min-width: 480px;
    max-width: 480px;
  }
}
@media screen and (min-width: 768px) {
  .filter-popup.check-in-check-out, .filter-popup.destination-place {
    max-width: 720px;
  }
  .filter-popup.destination {
    min-width: 480px;
    max-width: none;
  }
}
.filter-popup .filter-popup-top {
  position: relative;
  padding: 0.75rem;
  background: #FFF;
  border-bottom: 1px solid #DDD;
  color: #232976;
}
.filter-popup .filter-popup-top .close {
  position: absolute;
  right: 0;
  top: 4px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 24px;
  font-weight: 600;
  text-align: center;
}
.filter-popup .filter-popup-top .close:hover {
  color: #727272;
  cursor: pointer;
}
.filter-popup .filter-popup-body {
  position: relative;
  padding: 0.75rem;
  box-sizing: border-box;
  max-height: 55vh;
  overflow-y: auto;
}
.filter-popup .filter-popup-body.no-padding {
  padding: 0;
}
@media screen and (min-width: 1600px) {
  .filter-popup .filter-popup-body {
    max-height: none;
  }
}
.filter-popup .filter-popup-body .popup-loader {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.32);
  z-index: 100;
}
.filter-popup .filter-popup-body .popup-loader .loader-animation {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url("/assets/img/global/content-loader.svg");
  background-position: center center;
  background-size: 50px 50px;
  background-repeat: no-repeat;
}
.filter-popup .filter-popup-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #DDD;
}
.filter-popup .filter-popup-bottom .filter-reset {
  font-size: 0.9rem;
  padding: 0.5rem;
  transition: all 0.2s;
}
.filter-popup .filter-popup-bottom .filter-reset:hover {
  color: #ed1313;
  cursor: pointer;
}
.filter-dropdown-group {
  position: relative;
  margin-bottom: 1rem;
}
.filter-dropdown-group:before {
  content: "";
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.32);
  z-index: 210;
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s;
}
.filter-dropdown-group.expanded {
  z-index: 200;
}
.filter-dropdown-group.expanded:before {
  visibility: visible;
  opacity: 1;
}
.filter-dropdown-group.expanded .filter-dropdown:after {
  transform: rotate(-180deg);
}

/*
|--------------------------------------------------------------------------
| Options
|--------------------------------------------------------------------------
*/
.filter-option {
  display: flex;
  justify-content: space-between;
  position: relative;
  padding: 0.5rem 0;
}
.filter-option.disabled:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(242, 251, 253, 0.5);
  z-index: 10;
}
.filter-option input {
  display: none;
}
.filter-option .filter-option-name {
  display: flex;
  align-items: center;
}
.filter-option .filter-option-name:before {
  content: "";
  display: inline-block;
  margin-right: 12px;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  line-height: 20px;
  background-color: #FFF;
  background-size: 18px 18px;
  background-repeat: no-repeat;
  background-position: center;
  border: 1px solid #01B4D5;
  border-radius: 4px;
  text-align: center;
}
.filter-option .filter-option-count {
  position: relative;
  padding: 0 0.5rem;
  color: #727272;
}
.filter-option .filter-option-count span {
  display: block;
  position: absolute;
  right: -2px;
  top: 0;
}
@media screen and (min-width: 961px) {
  .filter-option:not(.disabled):hover {
    color: #01B4D5;
    cursor: pointer;
  }
  .filter-option:not(.disabled):hover .filter-option-name {
    cursor: pointer;
  }
  .filter-option:not(.disabled):hover .filter-option-name:before {
    background-image: url("/assets/img/frontend/global/checkmark-blue.svg");
  }
  .filter-option:not(.disabled):hover .filter-option-count {
    color: #01B4D5;
  }
}
.filter-option.active {
  color: #232976;
  font-weight: 600;
}
.filter-option.active .filter-option-name:before {
  background-color: #5BB12B;
  background-image: url("/assets/img/frontend/global/checkmark-white.svg");
}
.filter-option.active .filter-option-count {
  color: #232976;
}
@media screen and (min-width: 961px) {
  .filter-option.active:not(.disabled):hover {
    color: #ed1313;
  }
  .filter-option.active:not(.disabled):hover .filter-option-name:before {
    background-image: url("/assets/img/frontend/global/times-red.svg");
    background-size: 12px 12px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #FFF;
    border-color: #ed1313;
  }
  .filter-option.active:not(.disabled):hover .filter-option-count {
    color: #ed1313;
  }
}
.filter-option.single .filter-option-name:before {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 14px;
  height: 14px;
  background-image: none;
  border-radius: 50%;
}
@media screen and (min-width: 961px) {
  .filter-option.single:not(.disabled):hover .filter-option-name:before {
    content: "•";
    background-image: none;
    font-size: 2rem;
  }
}
.filter-option.single.active .filter-option-name:before {
  content: "•";
  background-color: #FFF;
  border-color: #232976;
  color: #232976;
  font-size: 2rem;
}
@media screen and (min-width: 961px) {
  .filter-option.single.active:not(.disabled):hover .filter-option-name:before {
    content: "×";
    border-color: #ed1313;
    color: #ed1313;
    font-size: 1rem;
  }
}

.filter-dropdown-expanded .filter-option.disabled:after {
  background-color: rgba(255, 255, 255, 0.5);
}

/*
|--------------------------------------------------------------------------
| Calendar
|--------------------------------------------------------------------------
*/
.filter-calendar {
  position: relative;
  width: 100%;
  touch-action: manipulation;
}
.filter-calendar .year-switch {
  display: flex;
  align-items: center;
  justify-content: center;
}
.filter-calendar .year-switch .year {
  margin: 0.25rem;
  width: 56px;
  height: 36px;
  line-height: 36px;
  background-color: #FFF;
  border: 1px solid #EEE;
  border-radius: 4px;
  color: #AAA;
  font-size: 0.9rem;
  text-align: center;
  box-sizing: border-box;
}
.filter-calendar .year-switch .year:hover {
  border-color: #01B4D5;
  color: #01B4D5;
  cursor: pointer;
}
.filter-calendar .year-switch .year.active {
  border-color: #01B4D5;
  background-color: #CBEBF7;
  color: #424242;
}
.filter-calendar .swiper-slide {
  display: flex;
  justify-content: center;
}
.filter-calendar .swiper-button-prev,
.filter-calendar .swiper-button-next {
  top: 4px;
  width: 44px;
  height: 34px;
  line-height: 30px;
  border: 1px solid #01B4D5;
  background-color: #FFF;
  border-radius: 4px;
}
.filter-calendar .swiper-button-prev:after,
.filter-calendar .swiper-button-next:after {
  color: #01B4D5;
}
@media screen and (min-width: 360px) {
  .filter-calendar .swiper-button-prev,
  .filter-calendar .swiper-button-next {
    width: 56px;
  }
}
.filter-calendar .swiper-button-prev:hover,
.filter-calendar .swiper-button-next:hover {
  background-color: #01B4D5;
}
.filter-calendar .swiper-button-prev:hover:after,
.filter-calendar .swiper-button-next:hover:after {
  color: #FFF;
}
.filter-calendar .swiper-button-prev {
  left: 4px;
}
@media screen and (min-width: 961px) {
  .filter-calendar .swiper-button-prev {
    left: 12px;
  }
}
.filter-calendar .swiper-button-next {
  right: 4px;
}
@media screen and (min-width: 961px) {
  .filter-calendar .swiper-button-next {
    right: 12px;
  }
}
.filter-calendar .swiper-pagination {
  display: none;
}
.filter-calendar .loading {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url("/assets/img/global/content-loader.svg");
  background-color: rgba(255, 255, 255, 0.24);
  background-position: center center;
  background-size: 24px 24px;
  background-repeat: no-repeat;
  z-index: 100;
}
.filter-calendar .month {
  position: relative;
  padding: 1px 0;
  margin: 8px;
  max-width: 284px;
  min-height: 347px;
  background-color: #FFF;
  font-size: 0.9rem;
  box-sizing: border-box;
}
@media screen and (min-width: 360px) {
  .filter-calendar .month {
    max-width: 304px;
  }
}
.filter-calendar .month .no-availability {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.64);
}
.filter-calendar .month .no-availability .text {
  text-align: center;
  padding: 0.5rem 0;
  width: 100%;
  background-color: #feefde;
  font-weight: 600;
}
.filter-calendar .month .title {
  padding: 0.5rem;
  text-align: center;
  font-weight: 600;
}
.filter-calendar .month .week {
  display: flex;
}
.filter-calendar .month .week .day {
  margin: 2px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-color: #FFF;
  border: 1px solid #EEE;
  border-radius: 4px;
  color: #424242;
  text-align: center;
  transition: 0.3s background-color;
}
.filter-calendar .month .week .day.overflow {
  color: #CCC;
  background-color: #FAFAFA;
}
.filter-calendar .month .week .day.active {
  border-color: #B5DC9F;
  color: #5BB12B;
  font-weight: 600;
}
.filter-calendar .month .week .day.active:hover {
  background-color: #B5DC9F;
  cursor: pointer;
}
.filter-calendar .month .week .day.selected {
  background-color: #B5DC9F;
  color: #FFF;
}
.filter-calendar .month .week .day.selected:hover {
  background-color: #5BB12B;
  cursor: pointer;
}
.filter-calendar .month .week .day.selected-key {
  border-color: #5BB12B;
  background-color: #5BB12B;
  color: #FFF;
}
.filter-calendar .month .week .day.selected-key:hover {
  background-color: #5BB12B;
  cursor: pointer;
}
.filter-calendar .month .week-days {
  margin-bottom: 2px;
}
.filter-calendar .month .week-days .day {
  height: 24px;
  line-height: 24px;
  background-color: transparent;
  border: 0;
  color: #727272;
}
.filter-calendar.end-dates-loaded .month .week .day.active {
  border-color: #CCC;
  color: #AAA;
}
.filter-calendar.end-dates-loaded .month .week .day.active.within-end-date-range {
  background-color: #eaf8e3;
  border-color: #B5DC9F;
  color: #5BB12B;
}
.filter-calendar.end-dates-loaded .month .week .day.selected.within-end-date-range {
  background-color: #B5DC9F;
  color: #FFF;
}
.filter-calendar.end-dates-loaded .month .week .day.selected.within-end-date-range:hover {
  background-color: #5BB12B;
}
.filter-calendar.end-dates-loaded .month .week .day.selected-key.within-end-date-range {
  background-color: #5BB12B;
  color: #FFF;
}
.filter-calendar .selected-dates {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0.5rem 0;
}
.filter-calendar .selected-dates span {
  display: inline-block;
  position: relative;
  margin: 0 0.25rem;
  padding: 0.5rem;
  width: 108px;
  border: 1px solid #CCC;
  border-radius: 4px;
  color: #727272;
  font-size: 0.8rem;
  font-weight: 600;
  box-sizing: border-box;
  text-align: center;
}
.filter-calendar .selected-dates span.selected-date {
  transition: all 0.2s;
}
.filter-calendar .selected-dates span.selected-date.active:hover {
  border: 1px solid #ed1313;
  color: #ed1313;
  cursor: pointer;
}
.filter-calendar .selected-dates span.selected-date.active:hover:after {
  content: "×";
  position: absolute;
  right: 6px;
  top: 5px;
  font-size: 1.1rem;
}
.filter-calendar .selected-dates span.selected-type {
  padding: 0;
  width: auto;
  border: 0;
  color: #AAA;
  font-weight: 500;
}
.filter-calendar .selected-dates span.date-arrow {
  width: auto;
  margin: 0;
  padding: 0 0.3rem 0.3rem;
  border: 0;
  font-size: 1.4rem;
}
.filter-calendar .calendar-instruction {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.5rem 1rem;
  color: #727272;
  font-size: 0.85rem;
}
.filter-calendar .calendar-instruction img {
  display: inline-block;
  margin-right: 0.5rem;
  width: 16px;
  height: 16px;
}
.filter-calendar .flexible-dates {
  padding: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 1px dashed #DDD;
}
.filter-calendar .flexible-dates .flexible-dates-toggle .form-group {
  margin-bottom: 0;
}
.filter-calendar .flexible-dates .flexible-dates-instruction {
  padding-left: 1rem;
  color: #727272;
  font-size: 0.9rem;
}

/*
|--------------------------------------------------------------------------
| Travel company
|--------------------------------------------------------------------------
*/
.filter-travel-company {
  margin: 0 auto;
  width: 100%;
  max-width: 560px;
}
.filter-travel-company .elements {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.filter-travel-company .item {
  display: flex;
  margin: 1.5rem 0;
}
.filter-travel-company .item .label {
  display: flex;
  align-items: center;
  padding: 0.5rem;
  width: 45%;
  font-size: 1.1rem;
  box-sizing: border-box;
}
@media screen and (min-width: 481px) {
  .filter-travel-company .item .label {
    width: 50%;
  }
}
.filter-travel-company .item .input {
  display: flex;
  width: 50%;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}
.filter-travel-company .item.number-of-people .input .control-elements {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.filter-travel-company .item.number-of-people .input .change-number,
.filter-travel-company .item.number-of-people .input .total-people {
  position: relative;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-color: #F6F6F6;
  border: 1px solid #DDD;
  font-size: 1.6rem;
  text-align: center;
  touch-action: manipulation;
  transition: all 0.2s;
}
.filter-travel-company .item.number-of-people .input .change-number {
  border-radius: 50%;
  border-color: #01B4D5;
  color: #01B4D5;
  cursor: pointer;
}
.filter-travel-company .item.number-of-people .input .change-number:hover {
  background-color: #EEE;
  color: #01B4D5;
}
.filter-travel-company .item.number-of-people .input .change-number.disabled {
  border-color: #EEE;
  color: #CCC;
  cursor: default;
}
.filter-travel-company .item.number-of-people .input .change-number.disabled:hover {
  border-color: #EEE;
  color: #CCC;
}
.filter-travel-company .item.number-of-people .input .total-people {
  margin: 0.5rem;
  font-size: 1.2rem;
}
.filter-travel-company .item.number-of-people .input .total-people input {
  height: 40px;
  line-height: 40px;
  border: 0;
  text-align: center;
}
.filter-travel-company .item.number-of-people .input .clear-people {
  position: absolute;
  left: 100%;
  top: 18px;
  margin-left: 0.5rem;
  width: 24px;
  height: 24px;
  line-height: 24px;
  color: #CCC;
  font-size: 1.6rem;
  text-align: center;
}
.filter-travel-company .item.number-of-people .input .clear-people:hover {
  color: #AAA;
  cursor: pointer;
}
.filter-travel-company .item.bring-pet .form-group {
  margin-bottom: 0;
}
.filter-travel-company .travel-company-info-line {
  padding: 0.5rem;
  padding-left: 1.25rem;
  background-image: url("/assets/img/frontend/global/icon-info-grey.svg");
  background-size: 14px 14px;
  background-position: left 10px;
  background-repeat: no-repeat;
}
.filter-travel-company .travel-company-info-line.warning {
  color: #F48308;
  background-image: url("/assets/img/frontend/global/icon-warning-orange.svg");
}

/*
|--------------------------------------------------------------------------
| Homepage popup filters
|--------------------------------------------------------------------------
*/
.country-select .country-select-item {
  display: flex;
  align-items: center;
  margin: 0.5rem;
  padding: 0.75rem;
  border: 1px dashed #DDD;
  border-radius: 8px;
  transition: all 0.2s;
}
.country-select .country-select-item .img {
  display: inline-block;
  margin-right: 1rem;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
  transition: all 0.2s;
}
.country-select .country-select-item span.count {
  display: inline-block;
  margin-left: 0.5rem;
  color: #AAA;
  font-size: 0.8rem;
}
.country-select .country-select-item:hover {
  border: 1px solid #01B4D5;
  color: #01B4D5;
  cursor: pointer;
}
.country-select .country-select-item:hover .img {
  transform: scale(1.1);
}
.country-select .country-select-item:hover span.count {
  color: #01B4D5;
}
.country-select.tabs {
  display: flex;
}
.country-select.tabs .country-select-item {
  display: flex;
  justify-content: center;
  flex-grow: 1;
  margin: 0;
  padding: 1rem;
  background-color: #EBF9FC;
  border-radius: 0;
  border: 0;
  text-align: center;
}
.country-select.tabs .country-select-item .img {
  margin-right: 0;
  width: 20px;
  height: 20px;
}
@media screen and (min-width: 961px) {
  .country-select.tabs .country-select-item .img {
    margin-right: 1rem;
  }
}
.country-select.tabs .country-select-item span.title {
  display: none;
}
@media screen and (min-width: 961px) {
  .country-select.tabs .country-select-item span.title {
    display: inline;
  }
}
.country-select.tabs .country-select-item span.count {
  display: none;
  color: #AAA;
  font-size: 0.8rem;
}
@media screen and (min-width: 561px) {
  .country-select.tabs .country-select-item span.count {
    display: inline-block;
  }
}
@media screen and (min-width: 961px) {
  .country-select.tabs .country-select-item span.count {
    margin-left: 0.5rem;
  }
}
.country-select.tabs .country-select-item:hover {
  color: #01B4D5;
  background-color: #F2FBFD;
}
.country-select.tabs .country-select-item.active {
  background-color: #FFF;
}
.country-select.tabs .country-select-item.active:hover {
  background-color: #FFF;
}

.province-region-select {
  padding: 0.5rem;
}
@media screen and (min-width: 961px) {
  .province-region-select {
    min-width: 640px;
  }
}
.province-region-select .filter-dropdown-expanded {
  margin-bottom: 0;
  max-width: none;
}
@media screen and (min-width: 961px) {
  .province-region-select .col {
    min-width: 320px;
  }
}

/*
|--------------------------------------------------------------------------
| Active filters
|--------------------------------------------------------------------------
*/
.active-filters {
  margin-top: -0.5rem;
  margin-bottom: 1rem;
  width: 100%;
  overflow: auto;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}
@media screen and (min-width: 961px) {
  .active-filters {
    white-space: normal;
  }
}
.active-filters .active-filter {
  position: relative;
  margin: 0 0.5rem 0.5rem 0;
  display: inline-block;
  padding: 0 0.5rem 0 24px;
  height: 36px;
  line-height: 36px;
  background-color: #232976;
  border: 1px solid #232976;
  border-radius: 4px;
  color: #FFF;
  font-size: 0.8rem;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
  transition: all, 0.2s;
}
.active-filters .active-filter::-webkit-scrollbar {
  display: none;
}
.active-filters .active-filter:before {
  content: "×";
  position: absolute;
  left: 0;
  top: 0;
  width: 24px;
  height: 36px;
  line-height: 36px;
  color: #CCC;
  font-size: 1.5rem;
  font-weight: 600;
  text-align: center;
}
.active-filters .active-filter:hover {
  border-color: #ed1313;
  background-color: transparent;
  color: #ed1313;
  cursor: pointer;
}
.active-filters .active-filter:hover:before {
  color: #ed1313;
}
.active-filters .active-filter.back-to-list {
  display: none;
  padding-left: 28px;
  background-color: #FFF;
  border-color: #F48308;
  color: #F48308;
}
@media screen and (min-width: 961px) {
  .active-filters .active-filter.back-to-list {
    display: inline-block;
  }
}
.active-filters .active-filter.back-to-list:before {
  padding-left: 2px;
  content: "⇠";
  color: #F48308;
}
.active-filters .active-filter.back-to-list:hover {
  background-color: #F48308;
  color: #FFF;
}
.active-filters .active-filter.back-to-list:hover:before {
  color: #FFF;
}
.active-filters .active-filter.clear-all {
  background-color: transparent;
  border-color: #CCC;
  color: #AAA;
}
.active-filters .active-filter.clear-all:hover {
  color: #ed1313;
  border-color: #ed1313;
}
.active-filters .active-filter.clear-all:hover:before {
  color: #ed1313;
}

/*
|--------------------------------------------------------------------------
| Review score
|--------------------------------------------------------------------------
*/
.review-presentation {
  display: flex;
}
.review-presentation.center {
  justify-content: center;
}
.review-presentation .score {
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  justify-items: center;
  position: relative;
  padding: 0.2rem 0.3rem 0.1rem;
  min-height: 28px;
  min-width: 36px;
  background-color: #B5DC9F;
  border-radius: 4px;
  color: #232976;
  font-family: "Authenia Solid";
}
.review-presentation .score:before {
  content: "";
  display: block;
  position: absolute;
  bottom: -6px;
  left: 10px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #B5DC9F;
  transform: rotate(-45deg);
}
.review-presentation .score.blue {
  background-color: #8CDDEB;
}
.review-presentation .score.blue:before {
  border-bottom: 8px solid #8CDDEB;
}
.review-presentation .score .integer {
  font-size: 24px;
}
.review-presentation .score .decimal {
  top: -3px;
  left: -1px;
  font-size: 16px;
  text-align: left;
}
.review-presentation .score.xlarge {
  padding: 0.7rem 0.7rem 0.3rem;
  min-width: 48px;
}
.review-presentation .score.xlarge:before {
  bottom: -10px;
  left: 12px;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 12px solid #B5DC9F;
  transform: rotate(-45deg);
}
.review-presentation .score.xlarge .integer {
  font-size: 48px;
}
.review-presentation .score.xlarge .decimal {
  top: -5px;
  left: -4px;
  font-size: 32px;
}
.review-presentation .text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 0.5rem;
  font-size: 0.8rem;
  color: #727272;
}
.review-presentation .text .green {
  color: #5BB12B;
}
.review-presentation .text .white {
  color: #FFF;
}
@media screen and (min-width: 961px) {
  .review-presentation.large .score {
    padding: 0.2rem 0.6rem 0.1rem;
  }
  .review-presentation.large .score .integer {
    font-size: 40px;
  }
  .review-presentation.large .score .decimal {
    top: -6px;
    left: -1px;
    font-size: 24px;
    text-align: left;
  }
  .review-presentation.large .text {
    margin-left: 0.75rem;
    font-size: 1rem;
    color: #727272;
  }
  .review-presentation.medium .score {
    padding: 0.2rem 0.4rem 0.1rem;
  }
  .review-presentation.medium .score .integer {
    font-size: 32px;
  }
  .review-presentation.medium .score .decimal {
    top: -5px;
    left: -1px;
    font-size: 18px;
    text-align: left;
  }
  .review-presentation.medium .text {
    margin-left: 0.75rem;
    font-size: 0.9rem;
    color: #727272;
  }
}
.review-presentation abbr {
  border: 0 !important;
}

.swiper.swiper-polaroid .swiper-slide {
  padding-top: 24px;
  padding-bottom: 24px;
  /* Center slide text vertically */
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 40px;
  height: 40px;
  line-height: 32px;
  background-image: none;
  background-color: #FED001;
  border-radius: 50%;
  color: #FFF;
  text-align: center;
  outline: 0;
  z-index: 5;
  transition: 0.2s all;
}
.swiper-button-prev:hover,
.swiper-button-next:hover {
  background-color: #cba601;
  cursor: pointer;
}
.swiper-button-prev:after,
.swiper-button-next:after {
  margin-top: -10px;
  font-size: 32px;
  color: #FFF;
}

.swiper-button-prev {
  left: 0;
  right: auto;
}
.swiper-button-prev:after {
  content: "‹";
}
@media screen and (min-width: 1441px) {
  .swiper-button-prev {
    left: -30px;
  }
}

.swiper-button-next {
  left: auto;
  right: 0;
}
.swiper-button-next:after {
  content: "›";
}
@media screen and (min-width: 1441px) {
  .swiper-button-next {
    right: -30px;
  }
}

.swiper-pagination {
  margin: 0 auto;
  min-height: 4px;
  text-align: center;
}
.swiper-pagination.swiper-pagination-progressbar {
  text-align: left;
}
.swiper-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  max-height: 4px;
  background-color: #01B4D5;
  transform: scale(0);
  transform-origin: left top;
  z-index: 10;
}

.swiper-pagination-bullet {
  display: inline-block;
  margin: 0 0.5rem;
  width: 16px;
  height: 16px;
  background-color: #DDD;
  border-radius: 100%;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active-main {
  background-color: #01B4D5;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #01B4D5;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}