@charset "UTF-8";
/* SUNMIX.CZ BASE */
/* PRIJSVRIJ BASE */
/*
    https://stackoverflow.com/questions/20708057/how-do-you-make-a-less-mixin-for-gradients-with-a-variable-number-of-stops
    .linear-gradient(@origin: left; @direction: to right; @start-color: #fff; @stops: #fff 0, #000 20px, #000 20px, #f00 20px;)
*/
/* FONTS */
/*deze wordt niet meer gebruikt*/
/* Device queries */
/* Specific location colors */
/* MOBILE */
/* Generic colors */
/*#109f0f;*/
/* Specific location colors */
/* MOBILE */
/* RESET CSS */
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}
/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
option,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}
option {
  font: -moz-pull-down-menu;
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}
/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}
/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}
/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}
/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}
/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}
/* RESET
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/
html {
  color: #333;
  background: #FFF;
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
  -webkit-margin-before: 0px;
  -webkit-margin-after: 0px;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
fieldset,
img {
  border: 0;
}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var,
optgroup {
  font-style: inherit;
  font-weight: inherit;
}
del,
ins {
  text-decoration: none;
}
li {
  list-style: none;
}
caption,
th {
  text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}
q:before,
q:after {
  content: '';
}
abbr,
acronym {
  border: 0;
  font-variant: normal;
}
sup {
  vertical-align: baseline;
}
sub {
  vertical-align: baseline;
}
legend {
  color: #333;
}
/*input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}*/
/*
/* END RESET*/
/* INCLUDE ALL SPECIAL FONTS */
@font-face {
  font-family: 'franklin_gothic_fs_heavy';
  src: url('../Fonts/FranklinGothic-Hvy-webfont.eot');
  src: url('../Fonts/FranklinGothic-Hvy-webfont.eot?#iefix') format('embedded-opentype'), url('../Fonts/FranklinGothic-Hvy-webfont.svg#franklin_gothic_fs_heavy') format('svg'), url('../Fonts/FranklinGothic-Hvy-webfont.woff2') format('woff2'), url('../Fonts/FranklinGothic-Hvy-webfont.woff') format('woff'), url('../Fonts/FranklinGothic-Hvy-webfont.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'tga_reg';
  src: url('../Fonts/texgyreadventor-regular-webfont.eot');
  src: url('../Fonts/texgyreadventor-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../Fonts/texgyreadventor-regular-webfont.svg#tga_reg') format('svg'), url('../Fonts/texgyreadventor-regular-webfont.woff') format('woff'), url('../Fonts/texgyreadventor-regular-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'tga_bold';
  src: url('../Fonts/texgyreadventor-bold-webfont.eot');
  src: url('../Fonts/texgyreadventor-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../Fonts/texgyreadventor-bold-webfont.svg#tga_bold') format('svg'), url('../Fonts/texgyreadventor-bold-webfont.woff') format('woff'), url('../Fonts/texgyreadventor-bold-webfont.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'prijsvrij-icons';
  src: url('../Fonts/prijsvrij-icons.eot');
  src: url('../Fonts/prijsvrij-icons.eot?#iefix') format('embedded-opentype'), url('../Fonts/prijsvrij-icons.svg#tga_bold') format('svg'), url('../Fonts/prijsvrij-icons.woff') format('woff'), url('../Fonts/prijsvrij-icons.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
/* PLUGINS */
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover,
.slick-next:hover,
.slick-prev:focus,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Icons */
}
@font-face {
  font-family: 'slick';
  font-weight: normal;
  font-style: normal;
  src: url('../fonts/slick.eot');
  src: url('../fonts/slick.eot?#iefix') format('embedded-opentype'), url('../fonts/slick.woff') format('woff'), url('../fonts/slick.ttf') format('truetype'), url('../fonts/slick.svg#slick') format('svg');
}
.slick-prev {
  left: -25px;
}
[dir="rtl"] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "←";
}
[dir="rtl"] .slick-prev:before {
  content: "→";
}
.slick-next {
  right: -25px;
}
[dir="rtl"] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir="rtl"] .slick-next:before {
  content: "←";
}
/* Dots */
.slick-dotted .slick-slider {
  margin-bottom: 30px;
}
.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}
@media screen and (max-width: 767px) {
  body:after {
    content: 'phone';
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 979px) {
  body:after {
    content: 'tablet';
    display: none;
  }
}
@media screen and (min-width: 1200px) {
  body:after {
    content: 'pc';
    display: none;
  }
}
div.spacer {
  clear: both;
}
/* Basis stijltjes */
.fr {
  float: right !important;
}
.fl {
  float: left;
}
.fn {
  float: none !important;
}
.cb {
  clear: both;
}
.cl {
  clear: left;
}
.cr {
  clear: right;
}
.cn {
  clear: none;
}
.tal {
  text-align: left;
}
.tar {
  text-align: right;
}
.tac {
  text-align: center;
}
.fwb {
  font-weight: bold;
}
.fsi {
  font-style: italic;
}
.tdlt {
  text-decoration: line-through;
}
.tdlu {
  text-decoration: underline;
}
.capt {
  display: block;
}
.capt:first-letter {
  text-transform: capitalize;
}
select.capt option {
  display: block;
}
select.capt option:first-letter {
  text-transform: capitalize;
}
.db {
  display: block;
}
.dn {
  display: none;
}
.nowrap {
  white-space: nowrap;
}
.lh16 {
  line-height: 16px;
}
.visible-phone {
  display: none !important;
}
.visible-tablet {
  display: none !important;
}
.visible-desktop {
  display: block;
}
.hidden-phone {
  display: block;
}
.hidden-tablet {
  display: block;
}
.hidden-desktop {
  display: none;
}
.hidden {
  display: none;
}
fieldset {
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
table.hidden-phone,
table.hidden-tablet,
table.visible-phone {
  display: table !important;
}
thead.hidden-phone,
thead.hidden-tablet,
thead.visible-phone {
  display: table-header-group !important;
}
tbody.hidden-phone,
tbody.hidden-tablet,
tbody.visible-phone {
  display: table-row-group !important;
}
tfoot.hidden-phone,
tfoot.hidden-tablet,
tfoot.visible-phone {
  display: table-footer-group !important;
}
tr.hidden-phone,
tr.hidden-tablet,
tr.visible-desktop {
  display: table-row !important;
}
td.hidden-phone,
td.hidden-tablet,
td.visible-desktop {
  display: table-cell !important;
}
li.hidden-phone {
  display: list-item !important;
}
/*M*/
.mr50 {
  margin-right: 50px;
}
.mt0 {
  margin-top: 0px !important;
}
.mt5 {
  margin-top: 5px !important;
}
.mt10 {
  margin-top: 10px !important;
}
.mt25 {
  margin-top: 25px !important;
}
.mb0 {
  margin-bottom: 0px !important;
}
.mb10 {
  margin-bottom: 10px !important;
}
.mtb10 {
  margin: 10px 0 !important;
}
.m0a {
  margin: 0 auto !important;
}
.mr5 {
  margin-right: 5px !important;
}
.ml5 {
  margin-left: 5px !important;
}
.ml10 {
  margin-left: 10px !important;
}
.mrl5 {
  margin: 0 5px !important;
}
.m5 {
  margin: 5px !important;
}
.m10 {
  margin: 10px !important;
}
.m25 {
  margin: 25px !important;
}
strong {
  font-weight: bold;
}
input,
select {
  outline: none;
}
input[type="checkbox"],
input[type="radio"] {
  cursor: pointer;
}
/*Padding*/
.p5 {
  padding: 5px;
}
.pt5 {
  padding-top: 5px;
}
.pb5 {
  padding-bottom: 5px;
}
.ptb5 {
  padding: 5px 0;
}
.p10 {
  padding: 10px;
}
.pt10 {
  padding-top: 10px;
}
.pb10 {
  padding-bottom: 10px;
}
.ptb10 {
  padding: 10px 0;
}
/*width*/
.w100p {
  width: 100%;
}
.w50 {
  width: 50px !important;
}
.w100 {
  width: 100px !important;
}
.w130 {
  width: 130px !important;
}
.w350 {
  width: 350px !important;
}
/* Schaduw */
.shadow {
  -webkit-box-shadow: 5px 5px 4px rgba(32, 160, 244, 0.15);
  -moz-box-shadow: 5px 5px 4px rgba(32, 160, 244, 0.15);
  box-shadow: 5px 5px 4px rgba(32, 160, 244, 0.15);
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#20A0F4')";
}
.shadow.yellow {
  -webkit-box-shadow: 5px 5px 4px rgba(204, 204, 51, 0.15);
  -moz-box-shadow: 5px 5px 4px rgba(204, 204, 51, 0.15);
  box-shadow: 5px 5px 4px rgba(204, 204, 51, 0.15);
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccc33')";
}
.errors.shadow {
  -webkit-box-shadow: 5px 5px 4px rgba(220, 66, 66, 0.15);
  -moz-box-shadow: 5px 5px 4px rgba(220, 66, 66, 0.15);
  box-shadow: 5px 5px 4px rgba(220, 66, 66, 0.15);
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#dc4242')";
}
.shadowlbr {
  -webkit-box-shadow: 0px 5px 10px rgba(32, 160, 244, 0.15);
  -moz-box-shadow: 0px 5px 10px rgba(32, 160, 244, 0.15);
  box-shadow: 0px 5px 10px rgba(32, 160, 244, 0.15);
}
/* Errorpagina emoticon */
.rotate90,
.emoticon {
  display: block;
  position: absolute;
  transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  /* IE 9 */
  -webkit-transform: rotate(90deg);
  /* Safari and Chrome */
}
/* KOLOMMEN systeem */
.col1,
.col2,
.col3,
.col4,
.col5,
.col6,
.col7,
.col8,
.col9,
.col10,
.col11,
.col12 {
  float: left;
}
.col1,
.col2,
.col3,
.col4,
.col5,
.col6,
.col7,
.col8,
.col9,
.col10,
.col11 {
  margin-right: 10px;
}
.col1:last-child,
.col2:last-child,
.col3:last-child,
.col4:last-child,
.col5:last-child,
.col6:last-child,
.col7:last-child,
.col8:last-child,
.col9:last-child,
.col10:last-child,
.col11:last-child {
  margin-right: 0;
}
.col4 > .col4 {
  margin-right: 0;
}
.col1 {
  width: 70px;
}
.col2 {
  width: 150px;
}
.col3 {
  width: 230px;
}
.col4 {
  width: 310px;
}
.col5 {
  width: 390px;
}
.col6 {
  width: 470px;
}
.col7 {
  width: 550px;
}
.col8 {
  width: 630px;
}
.col9 {
  width: 710px;
}
.col10 {
  width: 780px;
}
.col11 {
  width: 860px;
}
.col12 {
  width: 950px;
}
/*
.col13 { width:1040px; }
.col14 { width:1130px; }
.col15 { width:1220px; }
.col16 { width:1310px; }
*/
/* Airlines */
.airline span {
  background: url(../img/base/logo/airline_sprite.png) no-repeat 0 0;
  display: block;
  width: 80px;
  height: 24px;
  text-indent: -9999px;
  overflow: hidden;
  mix-blend-mode: multiply;
}
.airline span.JP {
  background-position-y: 0px;
}
.airline span.A3 {
  background-position-y: -24px;
}
.airline span.EI {
  background-position-y: -48px;
}
.airline span.SU {
  background-position-y: -72px;
}
.airline span.AR {
  background-position-y: -96px;
}
.airline span.AM {
  background-position-y: -120px;
}
.airline span._8U {
  background-position-y: -144px;
}
.airline span.AH {
  background-position-y: -168px;
}
.airline span.G9 {
  background-position-y: -192px;
}
.airline span.AK {
  background-position-y: -216px;
}
.airline span.KC {
  background-position-y: -240px;
}
.airline span.BT {
  background-position-y: -264px;
}
.airline span.SM {
  background-position-y: -288px;
}
.airline span.AC {
  background-position-y: -312px;
}
.airline span.CA {
  background-position-y: -336px;
}
.airline span.EN {
  background-position-y: -360px;
}
.airline span.UX {
  background-position-y: -384px;
}
.airline span.AF {
  background-position-y: -408px;
}
.airline span.AI {
  background-position-y: -432px;
}
.airline span.MD {
  background-position-y: -456px;
}
.airline span.KM {
  background-position-y: -480px;
}
.airline span.MK {
  background-position-y: -504px;
}
.airline span.SW {
  background-position-y: -528px;
}
.airline span.NZ {
  background-position-y: -552px;
}
.airline span.JU {
  background-position-y: -576px;
}
.airline span.HM {
  background-position-y: -600px;
}
.airline span.VT {
  background-position-y: -624px;
}
.airline span.TN {
  background-position-y: -648px;
}
.airline span.TS {
  background-position-y: -672px;
}
.airline span.VL {
  background-position-y: -696px;
}
.airline span.UM {
  background-position-y: -720px;
}
.airline span.AB {
  background-position-y: -744px;
}
.airline span.AS {
  background-position-y: -768px;
}
.airline span.AZ {
  background-position-y: -792px;
}
.airline span.UJ {
  background-position-y: -816px;
}
.airline span.AA {
  background-position-y: -840px;
}
.airline span._2H {
  background-position-y: -864px;
}
.airline span.NH {
  background-position-y: -888px;
}
.airline span.OZ {
  background-position-y: -912px;
}
.airline span.KK {
  background-position-y: -936px;
}
.airline span.OS {
  background-position-y: -960px;
}
.airline span.AV {
  background-position-y: -984px;
}
.airline span.LR {
  background-position-y: -984px;
}
.airline span.TA {
  background-position-y: -984px;
}
.airline span.UP {
  background-position-y: -1008px;
}
.airline span.PG {
  background-position-y: -1032px;
}
.airline span.B2 {
  background-position-y: -1056px;
}
.airline span._1B {
  background-position-y: -1080px;
}
.airline span.BD {
  background-position-y: -1104px;
}
.airline span.BA {
  background-position-y: -1128px;
}
.airline span.SN {
  background-position-y: -1152px;
}
.airline span.FB {
  background-position-y: -1176px;
}
.airline span.H6 {
  background-position-y: -1200px;
}
.airline span.V3 {
  background-position-y: -1224px;
}
.airline span.CX {
  background-position-y: -1248px;
}
.airline span.CI {
  background-position-y: -1272px;
}
.airline span.MU {
  background-position-y: -1296px;
}
.airline span.CZ {
  background-position-y: -1320px;
}
.airline span.VG {
  background-position-y: -1344px;
}
.airline span.DE {
  background-position-y: -1368px;
}
.airline span.CM {
  background-position-y: -1392px;
}
.airline span.XC {
  background-position-y: -1416px;
}
.airline span.CD {
  background-position-y: -1416px;
}
.airline span._7H {
  background-position-y: -1416px;
}
.airline span.CR {
  background-position-y: -1416px;
}
.airline span.OU {
  background-position-y: -1440px;
}
.airline span.OK {
  background-position-y: -1464px;
}
.airline span.DL {
  background-position-y: -1488px;
}
.airline span.KA {
  background-position-y: -1248px;
}
.airline span.U2 {
  background-position-y: -1512px;
}
.airline span.MS {
  background-position-y: -1536px;
}
.airline span.LY {
  background-position-y: -1560px;
}
.airline span.EK {
  background-position-y: -1584px;
}
.airline span.ET {
  background-position-y: -1608px;
}
.airline span.EY {
  background-position-y: -1632px;
}
.airline span._4U {
  background-position-y: -1656px;
}
.airline span.EW {
  background-position-y: -1656px;
}
.airline span.BR {
  background-position-y: -1680px;
}
.airline span.FJ {
  background-position-y: -1704px;
}
.airline span.AY {
  background-position-y: -1728px;
}
.airline span.FT {
  background-position-y: -1752px;
}
.airline span.F9 {
  background-position-y: -1776px;
}
.airline span.BE {
  background-position-y: -1800px;
}
.airline span.FH {
  background-position-y: -1824px;
}
.airline span.GA {
  background-position-y: -1848px;
}
.airline span.A9 {
  background-position-y: -1872px;
}
.airline span.ST {
  background-position-y: -1896px;
}
.airline span.GF {
  background-position-y: -1920px;
}
.airline span.HR {
  background-position-y: -1944px;
}
.airline span.HU {
  background-position-y: -1968px;
}
.airline span.HA {
  background-position-y: -1992px;
}
.airline span.UO {
  background-position-y: -2016px;
}
.airline span.IB {
  background-position-y: -2040px;
}
.airline span.FI {
  background-position-y: -2064px;
}
.airline span.IC {
  background-position-y: -2088px;
}
.airline span.JL {
  background-position-y: -2112px;
}
.airline span._9W {
  background-position-y: -2136px;
}
.airline span.LS {
  background-position-y: -2160px;
}
.airline span.B6 {
  background-position-y: -2184px;
}
.airline span.KQ {
  background-position-y: -2208px;
}
.airline span.KL {
  background-position-y: -2232px;
}
.airline span.KE {
  background-position-y: -2256px;
}
.airline span.KU {
  background-position-y: -2280px;
}
.airline span.JJ {
  background-position-y: -2304px;
}
.airline span.LA {
  background-position-y: -2304px;
}
.airline span.LP {
  background-position-y: -2304px;
}
.airline span.LI {
  background-position-y: -2328px;
}
.airline span.LO {
  background-position-y: -2352px;
}
.airline span.LH {
  background-position-y: -2376px;
}
.airline span.LG {
  background-position-y: -2400px;
}
.airline span.MH {
  background-position-y: -2424px;
}
.airline span.IG {
  background-position-y: -2448px;
}
.airline span.NE {
  background-position-y: -2472px;
}
.airline span.HG {
  background-position-y: -2496px;
}
.airline span.DY {
  background-position-y: -2520px;
}
.airline span.D8 {
  background-position-y: -2520px;
}
.airline span.BJ {
  background-position-y: -2544px;
}
.airline span.OA {
  background-position-y: -2568px;
}
.airline span._8Q {
  background-position-y: -2592px;
}
.airline span.PC {
  background-position-y: -2616px;
}
.airline span.PR {
  background-position-y: -2640px;
}
.airline span.QF {
  background-position-y: -2664px;
}
.airline span.QR {
  background-position-y: -2688px;
}
.airline span.FV {
  background-position-y: -2712px;
}
.airline span.AT {
  background-position-y: -2736px;
}
.airline span.BI {
  background-position-y: -2760px;
}
.airline span.RJ {
  background-position-y: -2784px;
}
.airline span.FR {
  background-position-y: -2808px;
}
.airline span.S7 {
  background-position-y: -2832px;
}
.airline span.S4 {
  background-position-y: -2880px;
}
.airline span.SV {
  background-position-y: -2904px;
}
.airline span.SK {
  background-position-y: -2856px;
}
.airline span.SQ {
  background-position-y: -2928px;
}
.airline span.QS {
  background-position-y: -2952px;
}
.airline span.SA {
  background-position-y: -2976px;
}
.airline span.UL {
  background-position-y: -3000px;
}
.airline span.XQ {
  background-position-y: -3024px;
}
.airline span.XG {
  background-position-y: -3024px;
}
.airline span.PY {
  background-position-y: -3048px;
}
.airline span.LX {
  background-position-y: -3072px;
}
.airline span.VR {
  background-position-y: -3096px;
}
.airline span.TI {
  background-position-y: -3120px;
}
.airline span.TP {
  background-position-y: -3144px;
}
.airline span.RO {
  background-position-y: -3168px;
}
.airline span.TG {
  background-position-y: -3192px;
}
.airline span.MT {
  background-position-y: -3216px;
}
.airline span.HQ {
  background-position-y: -3216px;
}
.airline span.TV {
  background-position-y: -3240px;
}
.airline span.HV {
  background-position-y: -3264px;
}
.airline span.X3 {
  background-position-y: -3288px;
}
.airline span.OR {
  background-position-y: -3288px;
}
.airline span.TB {
  background-position-y: -3288px;
}
.airline span._6B {
  background-position-y: -3288px;
}
.airline span.BY {
  background-position-y: -3288px;
}
.airline span.TU {
  background-position-y: -3312px;
}
.airline span.TK {
  background-position-y: -3336px;
}
.airline span.PS {
  background-position-y: -3360px;
}
.airline span.UA {
  background-position-y: -3384px;
}
.airline span.VN {
  background-position-y: -3408px;
}
.airline span.VS {
  background-position-y: -3432px;
}
.airline span.VY {
  background-position-y: -3456px;
}
.airline span.WF {
  background-position-y: -3480px;
}
.airline span.WM {
  background-position-y: -3504px;
}
.airline span.W6 {
  background-position-y: -3528px;
}
.transportSegment .airline span {
  width: 60px;
  height: 18px;
  background-position-x: 0px;
}
.transportSegment .unavail .airline span {
  background-position-x: -60px;
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
}
.airline span {
  background-position-x: -120px;
}
@-webkit-keyframes cloud-move {
  0% {
    left: 100%;
  }
  100% {
    left: -26%;
  }
}
@-moz-keyframes cloud-move {
  0% {
    left: 100%;
  }
  100% {
    left: -26%;
  }
}
@-ms-keyframes cloud-move {
  0% {
    left: 100%;
  }
  100% {
    left: -26%;
  }
}
@-o-keyframes cloud-move {
  0% {
    left: 100%;
  }
  100% {
    left: -26%;
  }
}
@keyframes cloud-move {
  0% {
    left: 100%;
  }
  100% {
    left: -26%;
  }
}
@-webkit-keyframes airplane-bounce {
  0%,
  20%,
  40%,
  60%,
  80%,
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    /*-ms-transform: 		@string;*/
    /*-o-transform: 		@string;*/
    transform: translate3d(0, 0, 0);
  }
  10%,
  50%,
  90% {
    -webkit-transform: translate3d(0, -2%, 0);
    -moz-transform: translate3d(0, -2%, 0);
    /*-ms-transform: 		@string;*/
    /*-o-transform: 		@string;*/
    transform: translate3d(0, -2%, 0);
  }
  30%,
  70% {
    -webkit-transform: translate3d(0, 2%, 0);
    -moz-transform: translate3d(0, 2%, 0);
    /*-ms-transform: 		@string;*/
    /*-o-transform: 		@string;*/
    transform: translate3d(0, 2%, 0);
  }
}
@-moz-keyframes airplane-bounce {
  0%,
  20%,
  40%,
  60%,
  80%,
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    /*-ms-transform: 		@string;*/
    /*-o-transform: 		@string;*/
    transform: translate3d(0, 0, 0);
  }
  10%,
  50%,
  90% {
    -webkit-transform: translate3d(0, -2%, 0);
    -moz-transform: translate3d(0, -2%, 0);
    /*-ms-transform: 		@string;*/
    /*-o-transform: 		@string;*/
    transform: translate3d(0, -2%, 0);
  }
  30%,
  70% {
    -webkit-transform: translate3d(0, 2%, 0);
    -moz-transform: translate3d(0, 2%, 0);
    /*-ms-transform: 		@string;*/
    /*-o-transform: 		@string;*/
    transform: translate3d(0, 2%, 0);
  }
}
@-ms-keyframes airplane-bounce {
  0%,
  20%,
  40%,
  60%,
  80%,
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    /*-ms-transform: 		@string;*/
    /*-o-transform: 		@string;*/
    transform: translate3d(0, 0, 0);
  }
  10%,
  50%,
  90% {
    -webkit-transform: translate3d(0, -2%, 0);
    -moz-transform: translate3d(0, -2%, 0);
    /*-ms-transform: 		@string;*/
    /*-o-transform: 		@string;*/
    transform: translate3d(0, -2%, 0);
  }
  30%,
  70% {
    -webkit-transform: translate3d(0, 2%, 0);
    -moz-transform: translate3d(0, 2%, 0);
    /*-ms-transform: 		@string;*/
    /*-o-transform: 		@string;*/
    transform: translate3d(0, 2%, 0);
  }
}
@-o-keyframes airplane-bounce {
  0%,
  20%,
  40%,
  60%,
  80%,
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    /*-ms-transform: 		@string;*/
    /*-o-transform: 		@string;*/
    transform: translate3d(0, 0, 0);
  }
  10%,
  50%,
  90% {
    -webkit-transform: translate3d(0, -2%, 0);
    -moz-transform: translate3d(0, -2%, 0);
    /*-ms-transform: 		@string;*/
    /*-o-transform: 		@string;*/
    transform: translate3d(0, -2%, 0);
  }
  30%,
  70% {
    -webkit-transform: translate3d(0, 2%, 0);
    -moz-transform: translate3d(0, 2%, 0);
    /*-ms-transform: 		@string;*/
    /*-o-transform: 		@string;*/
    transform: translate3d(0, 2%, 0);
  }
}
@keyframes airplane-bounce {
  0%,
  20%,
  40%,
  60%,
  80%,
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    /*-ms-transform: 		@string;*/
    /*-o-transform: 		@string;*/
    transform: translate3d(0, 0, 0);
  }
  10%,
  50%,
  90% {
    -webkit-transform: translate3d(0, -2%, 0);
    -moz-transform: translate3d(0, -2%, 0);
    /*-ms-transform: 		@string;*/
    /*-o-transform: 		@string;*/
    transform: translate3d(0, -2%, 0);
  }
  30%,
  70% {
    -webkit-transform: translate3d(0, 2%, 0);
    -moz-transform: translate3d(0, 2%, 0);
    /*-ms-transform: 		@string;*/
    /*-o-transform: 		@string;*/
    transform: translate3d(0, 2%, 0);
  }
}
@-webkit-keyframes airplane-smaller {
  0% {
    -webkit-transform: scale(2) translate3d(0, 0, 0);
    -moz-transform: scale(2) translate3d(0, 0, 0);
    /*-ms-transform: 		@string;*/
    /*-o-transform: 		@string;*/
    transform: scale(2) translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: scale(0.1) translate3d(5px, 150px, 0);
    -moz-transform: scale(0.1) translate3d(5px, 150px, 0);
    /*-ms-transform: 		@string;*/
    /*-o-transform: 		@string;*/
    transform: scale(0.1) translate3d(5px, 150px, 0);
  }
}
@-moz-keyframes airplane-smaller {
  0% {
    -webkit-transform: scale(2) translate3d(0, 0, 0);
    -moz-transform: scale(2) translate3d(0, 0, 0);
    /*-ms-transform: 		@string;*/
    /*-o-transform: 		@string;*/
    transform: scale(2) translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: scale(0.1) translate3d(5px, 150px, 0);
    -moz-transform: scale(0.1) translate3d(5px, 150px, 0);
    /*-ms-transform: 		@string;*/
    /*-o-transform: 		@string;*/
    transform: scale(0.1) translate3d(5px, 150px, 0);
  }
}
@-ms-keyframes airplane-smaller {
  0% {
    -webkit-transform: scale(2) translate3d(0, 0, 0);
    -moz-transform: scale(2) translate3d(0, 0, 0);
    /*-ms-transform: 		@string;*/
    /*-o-transform: 		@string;*/
    transform: scale(2) translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: scale(0.1) translate3d(5px, 150px, 0);
    -moz-transform: scale(0.1) translate3d(5px, 150px, 0);
    /*-ms-transform: 		@string;*/
    /*-o-transform: 		@string;*/
    transform: scale(0.1) translate3d(5px, 150px, 0);
  }
}
@-o-keyframes airplane-smaller {
  0% {
    -webkit-transform: scale(2) translate3d(0, 0, 0);
    -moz-transform: scale(2) translate3d(0, 0, 0);
    /*-ms-transform: 		@string;*/
    /*-o-transform: 		@string;*/
    transform: scale(2) translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: scale(0.1) translate3d(5px, 150px, 0);
    -moz-transform: scale(0.1) translate3d(5px, 150px, 0);
    /*-ms-transform: 		@string;*/
    /*-o-transform: 		@string;*/
    transform: scale(0.1) translate3d(5px, 150px, 0);
  }
}
@keyframes airplane-smaller {
  0% {
    -webkit-transform: scale(2) translate3d(0, 0, 0);
    -moz-transform: scale(2) translate3d(0, 0, 0);
    /*-ms-transform: 		@string;*/
    /*-o-transform: 		@string;*/
    transform: scale(2) translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: scale(0.1) translate3d(5px, 150px, 0);
    -moz-transform: scale(0.1) translate3d(5px, 150px, 0);
    /*-ms-transform: 		@string;*/
    /*-o-transform: 		@string;*/
    transform: scale(0.1) translate3d(5px, 150px, 0);
  }
}
@-webkit-keyframes airplane-smaller-mobile {
  0% {
    -webkit-transform: scale(2) translate3d(0, 0, 0);
    -moz-transform: scale(2) translate3d(0, 0, 0);
    /*-ms-transform: 		@string;*/
    /*-o-transform: 		@string;*/
    transform: scale(2) translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: scale(0.1) translateY(50px);
    -moz-transform: scale(0.1) translateY(50px);
    /*-ms-transform: 		@string;*/
    /*-o-transform: 		@string;*/
    transform: scale(0.1) translateY(50px);
  }
}
@-moz-keyframes airplane-smaller-mobile {
  0% {
    -webkit-transform: scale(2) translate3d(0, 0, 0);
    -moz-transform: scale(2) translate3d(0, 0, 0);
    /*-ms-transform: 		@string;*/
    /*-o-transform: 		@string;*/
    transform: scale(2) translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: scale(0.1) translateY(50px);
    -moz-transform: scale(0.1) translateY(50px);
    /*-ms-transform: 		@string;*/
    /*-o-transform: 		@string;*/
    transform: scale(0.1) translateY(50px);
  }
}
@-ms-keyframes airplane-smaller-mobile {
  0% {
    -webkit-transform: scale(2) translate3d(0, 0, 0);
    -moz-transform: scale(2) translate3d(0, 0, 0);
    /*-ms-transform: 		@string;*/
    /*-o-transform: 		@string;*/
    transform: scale(2) translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: scale(0.1) translateY(50px);
    -moz-transform: scale(0.1) translateY(50px);
    /*-ms-transform: 		@string;*/
    /*-o-transform: 		@string;*/
    transform: scale(0.1) translateY(50px);
  }
}
@-o-keyframes airplane-smaller-mobile {
  0% {
    -webkit-transform: scale(2) translate3d(0, 0, 0);
    -moz-transform: scale(2) translate3d(0, 0, 0);
    /*-ms-transform: 		@string;*/
    /*-o-transform: 		@string;*/
    transform: scale(2) translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: scale(0.1) translateY(50px);
    -moz-transform: scale(0.1) translateY(50px);
    /*-ms-transform: 		@string;*/
    /*-o-transform: 		@string;*/
    transform: scale(0.1) translateY(50px);
  }
}
@keyframes airplane-smaller-mobile {
  0% {
    -webkit-transform: scale(2) translate3d(0, 0, 0);
    -moz-transform: scale(2) translate3d(0, 0, 0);
    /*-ms-transform: 		@string;*/
    /*-o-transform: 		@string;*/
    transform: scale(2) translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: scale(0.1) translateY(50px);
    -moz-transform: scale(0.1) translateY(50px);
    /*-ms-transform: 		@string;*/
    /*-o-transform: 		@string;*/
    transform: scale(0.1) translateY(50px);
  }
}
@-webkit-keyframes floating {
  0%,
  20%,
  40%,
  60%,
  80%,
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    /*-ms-transform: 		@string;*/
    /*-o-transform: 		@string;*/
    transform: translate3d(0, 0, 0);
  }
  10%,
  50%,
  90% {
    -webkit-transform: translate3d(0, -2%, 0) rotate(-0.5deg);
    -moz-transform: translate3d(0, -2%, 0) rotate(-0.5deg);
    /*-ms-transform: 		@string;*/
    /*-o-transform: 		@string;*/
    transform: translate3d(0, -2%, 0) rotate(-0.5deg);
  }
  30%,
  70% {
    -webkit-transform: translate3d(0, 2%, 0) rotate(0.5deg);
    -moz-transform: translate3d(0, 2%, 0) rotate(0.5deg);
    /*-ms-transform: 		@string;*/
    /*-o-transform: 		@string;*/
    transform: translate3d(0, 2%, 0) rotate(0.5deg);
  }
}
@-moz-keyframes floating {
  0%,
  20%,
  40%,
  60%,
  80%,
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    /*-ms-transform: 		@string;*/
    /*-o-transform: 		@string;*/
    transform: translate3d(0, 0, 0);
  }
  10%,
  50%,
  90% {
    -webkit-transform: translate3d(0, -2%, 0) rotate(-0.5deg);
    -moz-transform: translate3d(0, -2%, 0) rotate(-0.5deg);
    /*-ms-transform: 		@string;*/
    /*-o-transform: 		@string;*/
    transform: translate3d(0, -2%, 0) rotate(-0.5deg);
  }
  30%,
  70% {
    -webkit-transform: translate3d(0, 2%, 0) rotate(0.5deg);
    -moz-transform: translate3d(0, 2%, 0) rotate(0.5deg);
    /*-ms-transform: 		@string;*/
    /*-o-transform: 		@string;*/
    transform: translate3d(0, 2%, 0) rotate(0.5deg);
  }
}
@-ms-keyframes floating {
  0%,
  20%,
  40%,
  60%,
  80%,
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    /*-ms-transform: 		@string;*/
    /*-o-transform: 		@string;*/
    transform: translate3d(0, 0, 0);
  }
  10%,
  50%,
  90% {
    -webkit-transform: translate3d(0, -2%, 0) rotate(-0.5deg);
    -moz-transform: translate3d(0, -2%, 0) rotate(-0.5deg);
    /*-ms-transform: 		@string;*/
    /*-o-transform: 		@string;*/
    transform: translate3d(0, -2%, 0) rotate(-0.5deg);
  }
  30%,
  70% {
    -webkit-transform: translate3d(0, 2%, 0) rotate(0.5deg);
    -moz-transform: translate3d(0, 2%, 0) rotate(0.5deg);
    /*-ms-transform: 		@string;*/
    /*-o-transform: 		@string;*/
    transform: translate3d(0, 2%, 0) rotate(0.5deg);
  }
}
@-o-keyframes floating {
  0%,
  20%,
  40%,
  60%,
  80%,
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    /*-ms-transform: 		@string;*/
    /*-o-transform: 		@string;*/
    transform: translate3d(0, 0, 0);
  }
  10%,
  50%,
  90% {
    -webkit-transform: translate3d(0, -2%, 0) rotate(-0.5deg);
    -moz-transform: translate3d(0, -2%, 0) rotate(-0.5deg);
    /*-ms-transform: 		@string;*/
    /*-o-transform: 		@string;*/
    transform: translate3d(0, -2%, 0) rotate(-0.5deg);
  }
  30%,
  70% {
    -webkit-transform: translate3d(0, 2%, 0) rotate(0.5deg);
    -moz-transform: translate3d(0, 2%, 0) rotate(0.5deg);
    /*-ms-transform: 		@string;*/
    /*-o-transform: 		@string;*/
    transform: translate3d(0, 2%, 0) rotate(0.5deg);
  }
}
@keyframes floating {
  0%,
  20%,
  40%,
  60%,
  80%,
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    /*-ms-transform: 		@string;*/
    /*-o-transform: 		@string;*/
    transform: translate3d(0, 0, 0);
  }
  10%,
  50%,
  90% {
    -webkit-transform: translate3d(0, -2%, 0) rotate(-0.5deg);
    -moz-transform: translate3d(0, -2%, 0) rotate(-0.5deg);
    /*-ms-transform: 		@string;*/
    /*-o-transform: 		@string;*/
    transform: translate3d(0, -2%, 0) rotate(-0.5deg);
  }
  30%,
  70% {
    -webkit-transform: translate3d(0, 2%, 0) rotate(0.5deg);
    -moz-transform: translate3d(0, 2%, 0) rotate(0.5deg);
    /*-ms-transform: 		@string;*/
    /*-o-transform: 		@string;*/
    transform: translate3d(0, 2%, 0) rotate(0.5deg);
  }
}
@-webkit-keyframes spinner-spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    /*-ms-transform: 		@string;*/
    /*-o-transform: 		@string;*/
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    /*-ms-transform: 		@string;*/
    /*-o-transform: 		@string;*/
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner-spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    /*-ms-transform: 		@string;*/
    /*-o-transform: 		@string;*/
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    /*-ms-transform: 		@string;*/
    /*-o-transform: 		@string;*/
    transform: rotate(360deg);
  }
}
@-ms-keyframes spinner-spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    /*-ms-transform: 		@string;*/
    /*-o-transform: 		@string;*/
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    /*-ms-transform: 		@string;*/
    /*-o-transform: 		@string;*/
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner-spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    /*-ms-transform: 		@string;*/
    /*-o-transform: 		@string;*/
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    /*-ms-transform: 		@string;*/
    /*-o-transform: 		@string;*/
    transform: rotate(360deg);
  }
}
@keyframes spinner-spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    /*-ms-transform: 		@string;*/
    /*-o-transform: 		@string;*/
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    /*-ms-transform: 		@string;*/
    /*-o-transform: 		@string;*/
    transform: rotate(360deg);
  }
}
@-webkit-keyframes object-move-rl {
  0% {
    left: 100%;
  }
  100% {
    left: -110%;
  }
}
@-moz-keyframes object-move-rl {
  0% {
    left: 100%;
  }
  100% {
    left: -110%;
  }
}
@-ms-keyframes object-move-rl {
  0% {
    left: 100%;
  }
  100% {
    left: -110%;
  }
}
@-o-keyframes object-move-rl {
  0% {
    left: 100%;
  }
  100% {
    left: -110%;
  }
}
@keyframes object-move-rl {
  0% {
    left: 100%;
  }
  100% {
    left: -110%;
  }
}
@-webkit-keyframes object-move-lr {
  0% {
    left: -100%;
  }
  100% {
    left: 110%;
  }
}
@-moz-keyframes object-move-lr {
  0% {
    left: -100%;
  }
  100% {
    left: 110%;
  }
}
@-ms-keyframes object-move-lr {
  0% {
    left: -100%;
  }
  100% {
    left: 110%;
  }
}
@-o-keyframes object-move-lr {
  0% {
    left: -100%;
  }
  100% {
    left: 110%;
  }
}
@keyframes object-move-lr {
  0% {
    left: -100%;
  }
  100% {
    left: 110%;
  }
}
/*
.keyframes(dollar-spin, {
    0% { .transform( rotate(0deg) ); }
    25% { .transform( rotate(90deg) scale(2,2) ); }
    50% { .transform( rotate(180deg) scale(1,1) ); }
    75% { .transform( rotate(270deg) scale(0.5,0.5) ); }
    100% { .transform( rotate(360deg) scale(1,1) ); }
});*/
#ContentPlaceContentBlock3_aboutUsBox_pnlAboutUs {
  width: 100%;
}
.grecaptcha-badge {
  display: none;
}
.iconbox {
  height: 24px;
  width: 24px;
  float: left;
}
.i:not(.ib) {
  background-size: contain !important;
  width: 100%;
  height: 100%;
  position: relative;
  display: block;
}
.i:not(.ib).map {
  background: url(../img//Base/ico/2021/General/map.svg) no-repeat 0 0;
}
.i:not(.ib).calendar {
  background: url(../img//Base/ico/2021/General/Calendar.svg) no-repeat 0 0;
}
.i:not(.ib).clock {
  background: url(../img//Base/ico/2021/General/Clock.svg) no-repeat 0 0;
}
.i:not(.ib).delete {
  background: url(../img//Base/ico/2021/General/Delete.svg) no-repeat 0 0;
}
.i:not(.ib).edit {
  background: url(../img//Base/ico/2021/General/Edit.svg) no-repeat 0 0;
}
.i:not(.ib).hot {
  background: url(../img//Base/ico/2021/General/Hot.svg) no-repeat 0 0;
}
.i:not(.ib).sun {
  background: url('../img//Base/ico/2021/Vacation/Sun Holidays.svg') no-repeat 0 0;
}
.i:not(.ib).tree {
  background: url('../img//Base/ico/2021/Vacation/Far Away.svg') no-repeat 0 0;
}
.i:not(.ib).car-sun {
  background: url('../img//Base/ico/2021/Vacation/Car Holidays.svg') no-repeat 0 0;
}
.i:not(.ib).city {
  background: url('../img//Base/ico/2021/Vacation/Citytrips.svg') no-repeat 0 0;
}
.i:not(.ib).wintersun {
  background: url('../img//Base/ico/2021/Vacation/Winter Sun.svg') no-repeat 0 0;
}
.i:not(.ib).wintersport {
  background: url('../img//Base/ico/2021/Vacation/Winter Sports.svg') no-repeat 0 0;
}
.i:not(.ib).info {
  background: url('../img//Base/ico/2021/General/Info.svg') no-repeat 0 0;
}
.i:not(.ib).question {
  background: url('../img//Base/ico/2021/General/question.svg') no-repeat 0 0;
}
.i:not(.ib).blog {
  background: url('../img//Base/ico/2021/General/Blog.svg') no-repeat 0 0;
}
.i:not(.ib).photo {
  background: url('../img//Base/ico/2021/Other/Photo.svg') no-repeat 0 0;
}
.i:not(.ib).party {
  background: url('../img//Base/ico/2021/Other/Party.svg') no-repeat 0 0;
}
.i:not(.ib).plane {
  background: url('../img//Base/ico/2021/Transport/Flight.svg') no-repeat 0 0;
}
.i:not(.ib).car {
  background: url('../img//Base/ico/2021/Transport/Own Transport.svg') no-repeat 0 0;
}
.i:not(.ib).food {
  background: url('../img//Base/ico/2021/Other/Food.svg') no-repeat 0 0;
}
.i:not(.ib).arrow-down {
  background: url('../img//Base/ico/2021/General/Arrow Down.svg') no-repeat 0 0;
}
.i:not(.ib).arrow-up {
  background: url('../img//Base/ico/2021/General/Arrow Up.svg') no-repeat 0 0;
}
.i:not(.ib).arrow-left {
  background: url('../img//Base/ico/2021/General/Arrow Left.svg') no-repeat 0 0;
}
.i:not(.ib).arrow-right {
  background: url('../img//Base/ico/2021/General/Arrow Right.svg') no-repeat 0 0;
}
.i:not(.ib).anvr {
  background: url('../img//Base/logo/ANVR.svg') no-repeat 0 0;
}
.i:not(.ib).sgr {
  background: url('../img//Base/logo/SGR.svg') no-repeat 0 0;
}
.i:not(.ib).phone {
  background: url('../img//Base/ico/2021/General/Phone.svg') no-repeat 0 0;
}
.i:not(.ib).cancel {
  background: url('../img//Base/ico/2021/General/Cancel.svg') no-repeat 0 0;
}
.i:not(.ib).union {
  background: url('../img//Base/ico/2021/General/Union.svg') no-repeat 0 0;
}
.i:not(.ib).blue {
  filter: invert(57%) sepia(42%) saturate(7458%) hue-rotate(179deg) brightness(95%) contrast(104%);
}
.i:not(.ib).dark-blue {
  filter: invert(15%) sepia(98%) saturate(2439%) hue-rotate(188deg) brightness(89%) contrast(101%);
}
.i:not(.ib).gray-blue {
  filter: invert(96%) sepia(2%) saturate(2587%) hue-rotate(174deg) brightness(91%) contrast(109%);
}
.i:not(.ib).white {
  filter: invert(100%);
}
.i:not(.ib).yellow {
  filter: invert(82%) sepia(52%) saturate(650%) hue-rotate(354deg) brightness(108%) contrast(98%);
}
i.ib {
  position: relative;
}
i.ib::before {
  content: '';
  background-size: contain !important;
  width: 80%;
  height: 80%;
  position: relative;
  display: block;
}
i.ib.phone:before {
  background: url('../img/Base/ico/2021/General/Phone.svg') no-repeat 0 0;
}
i.ib.account:before {
  background: url('../img/Base/ico/2021/General/Account.svg') no-repeat 0 0;
}
i.ib.favorite:before {
  background: url('../img/Base/ico/2021/General/Favorite.svg') no-repeat 0 0;
}
i.ib.blue:before {
  filter: invert(57%) sepia(42%) saturate(7458%) hue-rotate(179deg) brightness(95%) contrast(104%);
}
i.ib.dark-blue:before {
  filter: invert(15%) sepia(98%) saturate(2439%) hue-rotate(188deg) brightness(89%) contrast(101%);
}
i.ib.gray-blue:before {
  filter: invert(96%) sepia(2%) saturate(2587%) hue-rotate(174deg) brightness(91%) contrast(109%);
}
i.ib.white:before {
  filter: invert(100%);
}
i.ib.yellow:before {
  filter: invert(82%) sepia(52%) saturate(650%) hue-rotate(354deg) brightness(108%) contrast(98%);
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  #ctl00_menu_updVisitedVacationsCounter {
    display: none;
  }
}
#header {
  float: left;
  width: 100%;
  position: absolute;
  margin-bottom: -35px;
  z-index: 2;
  min-height: 123px;
}
#header .header-top {
  background-color: #0092F2;
  float: left;
  width: 100%;
  height: 88px;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  #header .header-top {
    height: 96px;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 979px) {
  #header.desktop-only {
    display: none;
  }
}
.header-spacer {
  height: 128px;
  width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .header-spacer {
    height: 120px;
  }
}
@media only screen and (max-width: 767px) {
  .header-spacer {
    height: 56px;
    position: absolute;
    top: 0;
  }
}
#logo {
  display: flex;
  align-content: flex-end;
  flex-wrap: wrap;
  height: 100%;
}
#logo a {
  height: 100%;
  box-sizing: border-box;
  padding-top: 17px;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  #logo {
    margin-left: 10px;
    height: 32px;
    width: 182px;
    display: block;
  }
  #logo a {
    padding-top: 0;
  }
}
@media only screen and (min-width: 980px) {
  #logo.tablet {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  #logo.desktop {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  #logo img {
    width: 100%;
  }
}
.main-menu {
  display: flex;
  align-content: center;
  flex-wrap: wrap;
  justify-content: space-between;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* Zorg dat de laatste 2 items de uitklap box links zetten */
}
@media only screen and (min-width: 980px) {
  .main-menu {
    /* width: 500px;*/
    max-width: 540px;
    min-width: 520px;
    margin-left: auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .main-menu {
    width: max-content;
  }
}
.main-menu li:nth-last-child(-n+2) .main-menu-submenu {
  left: auto;
  right: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 8px;
}
.main-menu .main-menu-submenu {
  position: absolute;
  background: white;
  left: 0;
  top: 43px;
  z-index: 1005;
  padding: 24px;
  min-width: 180px;
  width: max-content;
  max-width: 488px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-top-right-radius: 8px;
  /*animation: fadeIn .4s ease;*/
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .main-menu .main-menu-submenu {
    top: 44px;
    flex-direction: column;
  }
}
.main-menu .main-menu-submenu > div {
  margin-bottom: 16px;
  color: #0092F2;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  width: 244px;
  float: left;
}
.main-menu .main-menu-submenu:not(.deep) > div > a {
  text-decoration: none;
}
.main-menu .main-menu-submenu.deep {
  max-width: 575px;
  /*760px;*/
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  row-gap: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .main-menu .main-menu-submenu.deep {
    top: 44px;
    flex-direction: row;
  }
}
.main-menu .main-menu-submenu.deep > div {
  /*margin-bottom: 29px;*/
  width: 170px;
  /* 244px;*/
  padding-right: 10px;
  box-sizing: border-box;
  margin-bottom: 0;
}
.main-menu .main-menu-submenu.deep > div > a {
  color: #004979 !important;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  margin-bottom: 9px;
  float: left;
  clear: both;
}
.main-menu .main-menu-submenu.deep > div > a > .iconbox {
  margin-right: 8px;
}
.main-menu .main-menu-submenu.deep > div div a {
  color: #0092F2;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  width: 100%;
  float: left;
  clear: both;
}
.logo-sgr-anvr {
  display: flex;
  align-items: center;
  margin-left: 8px;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .logo-sgr-anvr {
    margin-top: 5px;
  }
}
.logo-sgr-anvr .iconbox {
  height: 24px;
  width: 30px;
  margin-right: 16px;
}
.logo-sgr-anvr .iconbox:first-child {
  margin-left: 16px;
}
.topLinks {
  color: #fff;
  user-select: none;
}
.topLinks li {
  float: left;
  font-family: Open Sans;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 40px;
  /*padding: 0px 8px;*/
}
.topLinks li:not(.favorites) {
  transition: background 0.4s ease;
}
.topLinks li:not(.favorites):last-child {
  /*padding-right:0;*/
}
.topLinks li:not(.favorites) a {
  color: #fff;
  text-decoration: none;
  transition: color 0.4s ease;
  font-weight: normal;
  padding: 0 8px;
  height: 100%;
  display: inline-block;
}
.topLinks li:not(.favorites) a:visited {
  font-weight: normal !important;
}
.topLinks li:not(.favorites) a:hover {
  background: #004979;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .topLinks li:not(.favorites) {
    font-size: 14px;
    /*padding: 0px 8px;*/
  }
}
.topLinks li:not(.favorites).open {
  background: white;
}
.topLinks li:not(.favorites).open a {
  color: #0092F2;
}
.topLinks li:not(.favorites).open a:hover {
  background-color: #fff;
  color: #0092F2;
}
.topLinks .favorites {
  margin: 0;
  padding: 0;
  margin-right: 16px;
}
.topLinks .favorites:hover {
  background: none;
}
.topLinks .visited-accommodations {
  line-height: 14px;
}
.topLinks .visited-accommodations span.count {
  width: 14px;
  height: 11px;
  display: inline-block;
  text-align: center;
  margin-right: 5px;
  vertical-align: text-bottom;
  line-height: 11px;
  font-size: 10px;
  @pv-header-toplinks-accocounter ();
}
.wishlist-container {
  position: relative;
  height: 18px;
  width: 26px;
  float: left;
  margin-right: 5px;
}
.wishlist-container > .wishlist-button-holder svg path,
.wishlist-container .wishlist-button-holder svg path {
  fill: #fff;
}
.wishlist-container > .wishlist-button-holder svg path,
.wishlist-container .wishlist-button-holder a.active svg path,
.wishlist-container .wishlist-button-holder svg:hover path,
.wishlist-container #header-fluid .wishlist-button-holder svg path {
  fill: #fff;
  fill-opacity: 1;
}
.wishlist-container > .wishlist-button-holder svg {
  width: 24px;
  height: 24px;
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  margin-left: 0;
}
.wishlist-container > .wishlist-button-holder {
  position: absolute;
  left: 0;
  top: 8px;
}
.wishlist-container > .value {
  position: absolute;
  width: 14px;
  height: 14px;
  line-height: 14px;
  font-size: 9px;
  font-weight: bold;
  text-align: center;
  border-radius: 50%;
  background: #d90000;
  left: 14px;
  top: 8px;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .wishlist-container > .value {
    position: absolute;
    left: 1px;
    top: 4px;
    color: #fff;
    width: 22px;
    height: 22px;
    line-height: 22px;
    font-size: 10px;
    text-align: center;
  }
}
.header-menu .wishlist-container .wishlist-button-holder {
  top: 6px;
}
.topheader {
  width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .topheader {
    width: 100%;
    height: 100%;
  }
}
#nav {
  height: 88px;
  display: flex;
  justify-content: flex-end;
  align-content: center;
  flex-flow: wrap;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  #nav {
    width: calc(100% + 10px);
    margin-left: -10px;
    /*
        display: grid;
        grid-template-columns: 210px 200px;
            margin-top: 14px;
            */
    justify-content: start;
    align-items: center;
    height: 100%;
  }
}
#nav .search-box {
  width: 48px;
}
#nav > ul > li {
  float: left;
  padding: 10px 8px 10px 8px;
  box-sizing: border-box;
  line-height: 32px;
  position: relative;
  /*transition: background .4s ease-in, filter .4s ease;*/
  border-radius: 8px;
}
#nav > ul > li:hover {
  background: rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  #nav > ul > li {
    padding: 10px 12px;
    height: 44px;
    margin-top: 4px;
  }
}
#nav > ul > li > a {
  font-family: Open Sans;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  color: white;
  /*transition: color .4s ease;*/
  float: left;
}
#nav > ul > li > .iconbox {
  margin-left: 10px;
  margin-top: 3px;
}
#nav > ul > li > div > i {
  color: white;
  transition: transform 0.4s ease;
}
#nav > ul > li.open {
  background: white;
  filter: drop-shadow(0px 4px 3px rgba(0, 0, 0, 0.4));
  border-radius: 8px 8px 0px 0px;
}
#nav > ul > li.open a {
  color: #0092F2;
}
#nav > ul > li.open div i.arrow-down {
  filter: invert(40%) sepia(98%) saturate(4157%) hue-rotate(185deg) brightness(108%) contrast(101%);
  transform: rotate(180deg);
}
#nav-sub {
  width: 100%;
  background: #FFFFFF;
  box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.07), 0px 12.5216px 10.0172px rgba(0, 0, 0, 0.035);
  border-radius: 8px 8px 8px 8px;
}
#nav-sub.first-selected {
  border-radius: 0px 8px 8px 8px;
}
#nav-sub > ul > li {
  float: left;
  padding: 10px 0 10px 10px;
  height: 16px;
  line-height: 16px;
}
#nav-sub > ul > li a {
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  color: #000;
}
#nav-sub > ul > li.active a {
  color: #D90000;
}
.nominations {
  margin-right: 5px;
}
.nominations li {
  float: left;
  height: 35px;
  overflow: hidden;
}
.nominations span {
  background: url(../img//prijsvrij.nl/Base/logo/logo_nominaties_big.png) no-repeat left top;
  background-size: 168px 35px;
  width: 37px;
  height: 35px;
  overflow: hidden;
  text-indent: -9999px;
  float: left;
  display: inline-block;
}
.nominations .trustpilot {
  width: 37px;
}
.nominations .trustpilot span {
  background-position: 0 0;
}
.nominations .wvhj {
  width: 34px;
}
.nominations .wvhj span {
  background-position: -37px 0;
}
.nominations .twinkle {
  width: 36px;
}
.nominations .twinkle span {
  background-position: -71px 0;
}
.nominations .anvr {
  width: 33px;
}
.nominations .anvr span {
  background-position: -107px 0;
}
.nominations .sgr {
  width: 28px;
}
.nominations .sgr span {
  background-position: -140px 0;
}
@keyframes fadeInPopup {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.serviceForm-wrapper {
  animation: fadeInPopup 0.3s ease;
  top: 40px;
  left: 0;
  position: absolute;
  z-index: 1000;
  filter: drop-shadow(0px 4px 3px rgba(0, 0, 0, 0.4));
}
.serviceForm-wrapper:before {
  position: absolute;
  content: "";
  width: 0px;
  height: 0px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
  top: -10px;
  left: 50px;
  z-index: 4001;
}
.serviceForm-wrapper .serviceForm {
  color: #004979;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  overflow: hidden;
  background-color: #fff;
  padding: 16px;
  line-height: 30px;
  width: 282px;
  border-radius: 8px;
  user-select: none;
}
.serviceForm-wrapper .serviceForm h4 {
  font-family: Hermes Maia T4;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: #0092F2;
}
.list-visited-accommodations,
.loginForm {
  color: #004979;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  position: absolute;
  z-index: 1000;
  top: 0px !important;
  right: 0;
  overflow: hidden;
  background-color: #fff;
  padding: 16px;
  line-height: 30px;
  width: 282px;
  animation: fadeInPopup 0.3s ease;
  border-radius: 0 0 8px 8px;
  user-select: none;
  filter: drop-shadow(0px 4px 3px rgba(0, 0, 0, 0.4));
  box-shadow: none !important;
}
.list-visited-accommodations input.inside-style,
.loginForm input.inside-style {
  width: 100% !important;
}
.list-visited-accommodations .subtext,
.loginForm .subtext {
  font-family: Open Sans;
  font-style: normal;
  font-size: 12px;
  color: #A8A8A8;
  line-height: 18px;
}
.list-visited-accommodations .subtext p,
.loginForm .subtext p {
  font-weight: bold;
}
.list-visited-accommodations li.text,
.loginForm li.text {
  position: relative;
}
.list-visited-accommodations li.text label,
.loginForm li.text label {
  position: absolute;
  top: 5px;
  left: 10px;
  font-size: 10px;
  margin: 0;
  line-height: 10px;
  color: #0092F2;
}
.list-visited-accommodations li.text label.lblDossierNumber,
.loginForm li.text label.lblDossierNumber {
  top: 20px;
  font-size: 14px;
  line-height: 21px;
  color: #000;
  margin-bottom: 0;
  width: auto;
  font-weight: normal;
}
.list-visited-accommodations li.text input,
.loginForm li.text input {
  padding-top: 15px;
  width: 100% !important;
  height: 48px;
}
.list-visited-accommodations li.text input.tbDossierNumber,
.loginForm li.text input.tbDossierNumber {
  padding-left: 50px;
}
.list-visited-accommodations li.text input.error,
.loginForm li.text input.error {
  border-color: #D90000;
  background: url(../img/base/ico/2021/general/alert.svg) no-repeat calc(100% - 5px) center;
  filter: invert(8%) sepia(87%) saturate(7499%) hue-rotate(2deg) brightness(102%) contrast(108%);
}
.list-visited-accommodations li.text span.error,
.loginForm li.text span.error {
  color: #D90000;
}
.list-visited-accommodations li.button-holder input,
.loginForm li.button-holder input {
  width: 100%;
  border: none;
}
.list-visited-accommodations .h4,
.loginForm .h4,
.list-visited-accommodations h4,
.loginForm h4 {
  font-family: Hermes Maia T4;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: #004979 !important;
}
.header-helpdesk-text {
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 20px;
  color: #004979;
  float: left;
  width: 100%;
  clear: both;
}
.header-helpdesk-text div {
  float: left;
  width: 50%;
}
.header-helpdesk-text div:nth-child(2) {
  text-align: right;
}
.header-helpdesk-text p {
  float: left;
  width: 100%;
  clear: both;
  margin: 10px 0;
  font-style: italic;
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
}
@keyframes slideRight {
  0% {
    left: 100%;
  }
  100% {
    left: 0%;
  }
}
#header-mobile {
  background: #0092F2;
  width: 100%;
  position: fixed;
  top: 0;
  height: 56px;
  z-index: 1004;
}
#header-mobile .left {
  float: left;
  height: 100%;
  display: flex;
  align-items: center;
}
#header-mobile .logo {
  position: absolute;
  height: 24px;
  width: 136px;
  margin-left: 20px;
}
#header-mobile .logo img {
  width: 100%;
  height: 100%;
}
#header-mobile .right {
  float: right;
  margin: 12px 8px 0 0;
}
#header-mobile .menu-icon {
  color: #FFF;
  font-size: 30px;
  margin: 0 0 0 13px;
  float: right;
  animation: fadeIn 0.4s ease;
  height: 32px;
  width: 32px;
}
#header-mobile .menu-icon-circle {
  color: #FFF;
  font-size: 16px;
  margin-left: 8px;
  height: 32px;
  width: 32px;
  border-radius: 50%;
  background-color: #40ADF5;
  float: right;
  display: flex;
  justify-content: center;
  align-items: center;
  animation: fadeIn 0.4s ease;
  transition: background-color 0.2s ease, color 0.2s ease;
  position: relative;
}
#header-mobile .menu-icon-circle.active {
  background-color: white;
  color: #40ADF5;
}
#header-mobile .menu-icon-circle::before {
  width: 60%;
  height: 60%;
}
#header-mobile .menu-icon-circle span.value {
  position: absolute;
  width: 10px;
  height: 10px;
  background: #D90000;
  border-radius: 50%;
  text-align: center;
  line-height: 10px;
  font-size: 9px;
  top: 6px;
  right: 4px;
}
#header-mobile .ham {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: transform 400ms;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  height: 28px;
  width: 24px;
}
#header-mobile .hamRotate.active {
  transform: rotate(45deg);
}
#header-mobile .hamRotate180.active {
  transform: rotate(180deg);
}
#header-mobile .line {
  fill: #fff;
  transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
}
#header-mobile .ham8 .top {
  /*stroke-dasharray: 40 160;*/
}
#header-mobile .ham8 .middle {
  /*stroke-dasharray: 40 142;*/
  transform-origin: 50%;
  transition: transform 400ms;
}
#header-mobile .ham8 .bottom {
  /*stroke-dasharray: 40 85;*/
  transform-origin: 50%;
  transition: transform 400ms, stroke-dashoffset 400ms;
}
#header-mobile .ham8.active .top {
  /*stroke-dashoffset: -64px;*/
  transform: translate(0px, 10px);
}
#header-mobile .ham8.active .middle {
  transform: rotate(90deg);
}
#header-mobile .ham8.active .bottom {
  /*stroke-dashoffset: -64px;*/
  transform: translate(0px, -10px);
}
#header-mobile .header-overlay {
  position: fixed;
  left: 0;
  height: 100vh;
  width: 100%;
  z-index: 1001;
}
#header-mobile .header-menu-full {
  background: url(../img//prijsvrij.nl/Base/logo/prijsvrij-header-background.svg) #0092F2;
  background-size: 100% 100%;
  color: white;
  overflow-y: scroll;
  position: absolute;
  height: calc(100vh - 56px);
  width: 100%;
  margin-top: 56px;
  padding: 0 20px 20px 20px;
  box-sizing: border-box;
  transition: right 0.5s ease;
}
#header-mobile .header-menu-full search-bar-component {
  position: relative;
  width: 100%;
  float: left;
  clear: both;
}
#header-mobile .header-menu-full .header-bottom-icons {
  display: flex;
  justify-content: center;
  margin-top: 20px;
  font-size: 24px;
}
#header-mobile .header-menu-full .header-bottom-icons ul li {
  border-bottom: none;
  margin-right: 8px;
}
#header-mobile .header-menu-full .header-bottom-icons i {
  margin: 0 8px;
}
#header-mobile .header-menu-full a {
  color: white;
  text-decoration: none;
}
#header-mobile .header-menu-full ul li {
  border-bottom: 1px solid #40ADF5;
  position: relative;
}
#header-mobile .header-menu-full ul li a {
  font-weight: 600;
  font-size: 16px;
  line-height: 40px;
  display: inline-block;
  width: 100%;
}
#header-mobile .header-menu-full ul li a + div.toggle-box + div:before {
  position: absolute;
  right: 0;
  top: 12px;
  content: '';
  pointer-events: none;
  background: url('../img/Base/ico/2021/General/Arrow Left.svg') no-repeat 0 0;
  background-size: 16px 16px !important;
  width: 16px;
  height: 16px;
  transition: all 0.4s;
  transform: rotate(180deg);
  filter: invert(100%) sepia(0%) saturate(1%) hue-rotate(59deg) brightness(106%) contrast(101%);
}
#header-mobile .header-menu-full ul li a + div.toggle-box.active + div:before {
  filter: invert(15%) sepia(98%) saturate(2439%) hue-rotate(188deg) brightness(89%) contrast(101%);
  transform: rotate(90deg);
}
#header-mobile .header-menu-full ul li .toggle-box ul {
  margin-bottom: 24px;
  border-left: 8px solid rgba(64, 173, 245, 0.5);
  padding-left: 8px;
}
#header-mobile .header-menu-full ul li .toggle-box ul li {
  border: none;
}
#header-mobile .header-menu-full ul li .toggle-box ul li a {
  font-weight: 300;
  font-size: 16px;
  line-height: 40px;
}
#header-mobile .header-menu-full .search-component + div {
  margin-top: 65px;
}
#header-mobile .header-menu-full .header-menu-full-breadcrumbs + div:not(.header-bottom-icons) {
  margin-top: 10px;
}
#header-mobile .header-menu-full .header-menu-full-breadcrumbs {
  position: relative;
}
#header-mobile .header-menu-full .header-menu-full-breadcrumbs .iconbox i {
  background-size: 16px 16px !important;
  margin-top: 2px;
}
#header-mobile .header-menu-full .header-menu-full-breadcrumbs div.link,
#header-mobile .header-menu-full .header-menu-full-breadcrumbs a {
  color: #004979;
  font-weight: bold;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
}
#header-mobile .header-menu {
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  position: absolute;
  z-index: 1002;
  top: 66px;
  overflow: hidden;
  padding: 16px;
  width: 296px;
  background: #FFFFFF;
  box-shadow: 0px 4px 80px rgba(0, 0, 0, 0.07), 0px 0.893452px 17.869px rgba(0, 0, 0, 0.0417275), 0px 0.266004px 5.32008px rgba(0, 0, 0, 0.0282725);
  border-radius: 8px;
  line-height: 30px;
  left: calc(50% - 148px);
  box-sizing: border-box;
  animation: fadeInPopup 0.3s ease;
}
#header-mobile .header-menu h4 {
  font-family: Hermes Maia T4;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: #004979;
  margin-bottom: 20px;
}
#header-mobile .header-menu input {
  margin-bottom: 10px;
}
#header-mobile .header-menu .row {
  margin: 0 !important;
}
#header-mobile .header-menu div ul li a:not(.button) {
  font-family: Open Sans;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 30px;
  color: #0092F2;
  text-decoration: none;
}
#header-mobile .header-menu a.close.red {
  position: absolute;
  right: 18px;
  top: 15px;
}
#header-mobile .header-menu .closed {
  display: none;
}
#header-mobile .header-menu .toggle-box {
  background-color: #fff;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: none;
  float: left;
  margin-bottom: 10px;
}
#header-mobile .header-menu .toggle-box > ul {
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#header-mobile .header-menu .toggle-box > ul > li {
  color: #333;
  font-size: 14px;
  font-weight: normal;
  line-height: 26px;
  padding-left: 18px;
}
#header-mobile .header-menu .toggle-box > ul > li > a {
  color: #333;
  font-weight: 500;
  text-decoration: none;
  position: relative;
}
#header-mobile .header-menu .toggle-box > ul > li > a:before {
  display: inline-block;
  width: 6px;
  height: 6px;
  background-color: transparent;
  content: '';
  color: #000;
  position: absolute;
  top: 6px;
  left: -16px;
  width: 12px;
  height: 12px;
  font-weight: 600;
  background: url(../img//Base/elements/pc/pijltje_zwart.svg) no-repeat 0 0;
  background-size: 14px;
  transform: rotate(270deg);
}
#header-mobile .header-menu .toggle-box .login_container input[type=checkbox],
#header-mobile .header-menu .toggle-box .login_container input[type=radio] {
  position: absolute;
  z-index: -1000;
  left: -1000px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
#header-mobile .header-menu .toggle-box .login_container input[type=checkbox] + label,
#header-mobile .header-menu .toggle-box .login_container input[type=radio] + label,
#header-mobile .header-menu .toggle-box .login_container span.aspNetDisabled + label.initialLabel {
  padding-left: 30px;
  height: 20px;
  min-height: 20px;
  line-height: 20px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0 0;
  vertical-align: middle;
  cursor: pointer;
}
#header-mobile .header-menu .toggle-box .login_container input[type=checkbox] + label:hover,
#header-mobile .header-menu .toggle-box .login_container input[type=radio] + label:hover,
#header-mobile .header-menu .toggle-box .login_container span.aspNetDisabled + label.initialLabel:hover {
  font-weight: 600;
  background-position: 0 -40px;
}
#header-mobile .header-menu .toggle-box .login_container span.aspNetDisabled + label.initialLabel {
  background: url(../img/base/elements/pc/Prijsvrij_Selectieicon_grijs.png) no-repeat transparent 0 0;
  background-size: 20px 20px;
  color: #ccc;
  cursor: default;
}
#header-mobile .header-menu .toggle-box .login_container span.aspNetDisabled + label.initialLabel:hover {
  cursor: default !important;
  font-weight: 500 !important;
  background-position: 0 0 !important;
}
#header-mobile .header-menu .toggle-box .login_container input[type=checkbox] + label {
  background-image: url(../img/Base/elements/pc/prijsvrij-checkbox.png);
}
#header-mobile .header-menu .toggle-box .login_container input[type=checkbox]:checked + label,
#header-mobile .header-menu .toggle-box .login_container input[type=radio]:checked + label {
  background-position: 0 -20px;
}
#header-mobile .header-menu .toggle-box .login_container input[type=checkbox]:checked + label:hover,
#header-mobile .header-menu .toggle-box .login_container input[type=radio]:checked + label:hover {
  font-weight: 600;
  background-position: 0 -60px;
}
#header-mobile .header-menu .toggle-box .login_container input[type=checkbox].parent-marked + label {
  background-position: 0 -20px;
}
#header-mobile .header-menu .toggle-box .login_container input[type=checkbox].parent-marked + label:hover {
  font-weight: 600;
  background-position: 0 -60px;
}
#header-mobile .header-menu .toggle-box .login_container input[type=radio] + label {
  background-image: url(../img/Base/elements/pc/prijsvrij-radio.png);
}
#header-mobile .header-menu .toggle-box .login_container label {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#header-mobile .header-menu .toggle-box .phonenumber-holder {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  position: relative;
}
#header-mobile .header-menu .toggle-box .phonenumber-holder > div:not(.item-status) {
  float: left;
  line-height: 18px;
  margin-left: 30px;
}
#header-mobile .header-menu .toggle-box .phonenumber-holder.closed > div:not(.item-status) {
  width: calc(100% - 30px);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#header-mobile .header-menu .toggle-box .phonenumber-holder.closed span.phonenumber,
#header-mobile .header-menu .toggle-box .phonenumber-holder.closed span.note {
  clear: none;
}
#header-mobile .header-menu .toggle-box .phonenumber-holder span.phonenumber {
  color: #000 !important;
  text-decoration: none !important;
  float: left;
  clear: both;
  font-size: 22px;
  line-height: 22px;
}
#header-mobile .header-menu .toggle-box .phonenumber-holder span.note {
  color: #000;
  clear: both;
  float: right;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  margin-top: 2px;
}
#header-mobile .header-menu .toggle-box .phonenumber-holder > a {
  float: right;
  display: none;
}
#header-mobile .header-menu .toggle-box .phonenumber-holder.open > a {
  display: block;
}
#header-mobile .header-menu .toggle-box .phonenumber-holder::before {
  content: '';
  width: 21px;
  height: 15px;
  background: url(../img/base/ico/vlaggen_mobiel.jpg?2) no-repeat 100px 0;
  background-size: 63px 15px;
  position: absolute;
  left: 0;
  margin-top: 4px;
}
#header-mobile .header-menu .toggle-box .phonenumber-holder.nl::before {
  background-position: 0 0;
}
#header-mobile .header-menu .toggle-box .phonenumber-holder.be::before {
  background-position: -21px 0;
}
#header-mobile .header-menu .toggle-box .phonenumber-holder.cz::before {
  background-position: -42px 0;
}
#header-mobile .header-menu .toggle-box .item-status {
  display: none;
  text-align: center;
  padding: 0;
  width: 100%;
  color: #fff;
  margin-top: 10px;
  float: left;
  clear: both;
}
#header-mobile .header-menu .toggle-box .open .item-status.open {
  display: block;
  background-color: #238c00;
}
#header-mobile .header-menu .toggle-box .closed .item-status.closed {
  display: block;
  background-color: #bbb;
}
#header-mobile .header-menu .toggle-box .chat-holder {
  color: #000;
}
#header-mobile .header-menu .toggle-box .chat-holder strong {
  font-size: 14px;
  line-height: 16px;
}
#header-mobile .header-menu .toggle-box .chat-holder .chat-status-box {
  display: none;
  position: relative;
}
#header-mobile .header-menu .toggle-box .chat-holder .chat-status-box p {
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 10px;
  font-weight: normal;
}
#header-mobile .header-menu .toggle-box .chat-holder.open .chat-status-box.open {
  display: block;
}
#header-mobile .header-menu .toggle-box .chat-holder.open .chat-status-box a {
  width: auto;
  margin: 0 auto;
  display: inline-block;
  position: absolute;
  left: 50%;
  margin-left: -25%;
}
#header-mobile .header-menu .toggle-box .chat-holder.closed {
  display: block !important;
}
#header-mobile .header-menu .toggle-box .chat-holder.closed .chat-status-box.closed {
  display: block;
}
#header-mobile .header-menu .toggle-box .chat-holder.closed .chat-status-box p a {
  color: #0092F2;
  text-decoration: underline;
}
#header-mobile .header-menu .toggle-box dl {
  float: left;
  margin-top: 10px;
  color: #000;
  line-height: 16px;
  font-size: 14px;
  width: 100%;
  font-weight: normal;
}
#header-mobile .header-menu .toggle-box dl dd {
  width: 100%;
  margin-bottom: 5px;
  font-weight: normal;
}
#header-mobile .header-menu .toggle-box dl dd span.time {
  float: right;
}
#header-mobile .header-menu .toggle-box dl dd a {
  color: #000;
  font-style: italic;
  text-decoration: none;
  font-size: 12px;
  font-weight: normal;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 979px) {
  #header-mobile .header-menu {
    max-height: 45vh;
    overflow-y: auto;
    margin-top: 0;
  }
}
#header-mobile #block-user ul.inactive li.logon {
  display: block;
}
#header-mobile #block-user ul.inactive li.logoff {
  display: none;
}
#header-mobile #block-user ul.active li.logon {
  display: none;
}
#header-mobile #block-user ul.active li.logoff {
  display: block;
}
/*
    .search-box {
        display: flex;
        align-content: center;
        flex-wrap: wrap;

        @media @tablet {
            float: left;
            width: 304px;
            position: absolute;
            right: 0;
            top: 0;
        }
    }
    */
#menu_txtSearch2 {
  -webkit-appearance: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 304px;
  padding: 2px 35px 2px 35px;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  height: 48px;
  font-size: 16px;
  margin-right: 0;
  background: #fff url(../img/Base/ico/2021/General/Search.svg) no-repeat 10px center;
  background-size: 24px 24px;
  border-color: white;
  color: #004979;
  text-overflow: ellipsis;
  position: absolute;
  right: 0;
  top: 20px;
}
#menu_txtSearch2:focus,
#menu_txtSearch2:hover {
  border-width: 1px;
  border-color: white;
}
#menu_txtSearch2.loading {
  background: #fff url(../img/Base/ico/ajax-loader.gif) no-repeat 11px center;
  background-size: 19px 19px;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 979px) {
  #menu_txtSearch2 {
    width: 100%;
    top: 0;
    position: absolute;
    left: 0;
    height: 40px;
  }
}
.search-component {
  position: relative;
  width: 100%;
  float: left;
  clear: both;
}
#txtSearch,
#menu_txtSearch {
  -webkit-appearance: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  background: #fff url(../img/Base/ico/2021/General/Search.svg) no-repeat 10px center;
  background-size: 24px 24px;
  width: 304px;
  height: 48px;
  padding: 2px 35px 2px 35px;
  font-size: 16px;
  transition: border 0.3s ease;
  margin-right: 0;
  border-color: white;
  color: #004979;
  text-overflow: ellipsis;
  transition: all 0.4s ease;
  cursor: pointer;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  #txtSearch,
  #menu_txtSearch {
    position: absolute;
    top: 6px;
    right: 0;
    height: 42px;
  }
}
@media only screen and (min-width: 980px) {
  #txtSearch,
  #menu_txtSearch {
    height: 48px;
    width: 48px;
    padding: 0 0 0 46px;
    position: absolute;
    right: 0;
    top: 20px;
  }
  #txtSearch.active,
  #menu_txtSearch.active {
    border-width: 1px;
    border-color: #fff;
    width: 304px;
    padding: 2px 35px 2px 35px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
    text-overflow: ellipsis;
    cursor: text;
  }
}
#txtSearch.loading,
#menu_txtSearch.loading {
  background: #fff url(../img/Base/ico/ajax-loader.gif) no-repeat 11px center;
  background-size: 19px 19px;
}
@media only screen and (max-width: 767px) {
  #txtSearch,
  #menu_txtSearch {
    width: 100%;
    top: 0;
    position: absolute;
    left: 0;
    height: 42px;
  }
}
#contact .phone {
  margin-top: 15px;
  line-height: 22px;
  font-size: 25px;
  font-weight: 700;
  color: #fff;
}
#contact .phone .number {
  font-size: 25px;
}
#contact .phone span small {
  font-size: 12px !important;
}
#contact .phone small {
  margin-left: 8px;
  font-size: 14px;
  font-weight: 600;
}
.footer-content #book-contact .phone {
  font-size: 14px;
}
#book-contact .phone {
  margin-top: 15px;
  line-height: 23px;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
}
#book-contact .phone .active-dot {
  content: " ";
  margin-top: 4.5px;
  margin-right: 4px;
  display: block;
  float: left;
  width: 12px;
  height: 12px;
  background-color: darkgray;
  border-radius: 12px;
}
#book-contact .phone .active-dot.green {
  background-color: lawngreen;
}
#book-contact .phone .phone-icon {
  font-size: 12px;
  margin-top: 5.3px;
  margin-right: 4px;
  display: block;
  float: left;
}
.open-times {
  float: left;
  clear: both;
  width: 100%;
}
.open-times span {
  line-height: 21px;
  width: 50%;
}
#book-contact .phone small {
  margin-left: 3px;
  font-size: 12px;
  font-weight: 600;
}
.header-bar {
  height: 40px;
  background: #0083da;
  color: white;
}
.header-bar .phone {
  font-family: Open Sans;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 100%;
  cursor: default;
}
.header-bar .phone .number {
  font-family: Open Sans;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 40px;
  margin-right: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .header-bar .phone small {
    display: none;
  }
}
.header-bar .header-bar-trustpilot {
  font-family: Open Sans;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  color: white;
  line-height: 40px;
}
@media only screen and (min-width: 980px) {
  .header-bar .header-bar-trustpilot {
    width: 290px;
  }
}
.header-bar .header-bar-trustpilot .header-bar-trustpilot-stars {
  float: left;
  margin-right: 15px;
  margin-top: 8px;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .header-bar .header-bar-trustpilot .header-bar-trustpilot-stars {
    width: 116px;
    height: 20px;
    margin-top: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .header-bar .header-bar-trustpilot .header-bar-trustpilot-text {
    display: none;
  }
}
.header-bar-trustpilot-stars,
.review-stars {
  width: 136px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
}
.header-bar-trustpilot-stars.r1,
.review-stars.r1 {
  background-image: url(../img/Base/ico/top-bar-stars-1.png);
}
.header-bar-trustpilot-stars.r15,
.review-stars.r15 {
  background-image: url(../img/Base/ico/top-bar-stars-15.png);
}
.header-bar-trustpilot-stars.r2,
.review-stars.r2 {
  background-image: url(../img/Base/ico/top-bar-stars-2.png);
}
.header-bar-trustpilot-stars.r25,
.review-stars.r25 {
  background-image: url(../img/Base/ico/top-bar-stars-25.png);
}
.header-bar-trustpilot-stars.r3,
.review-stars.r3 {
  background-image: url(../img/Base/ico/top-bar-stars-3.png);
}
.header-bar-trustpilot-stars.r35,
.review-stars.r35 {
  background-image: url(../img/Base/ico/top-bar-stars-35.png);
}
.header-bar-trustpilot-stars.r4,
.review-stars.r4 {
  background-image: url(../img/Base/ico/top-bar-stars-4.png);
}
.header-bar-trustpilot-stars.r45,
.review-stars.r45 {
  background-image: url(../img/Base/ico/top-bar-stars-45.png);
}
.header-bar-trustpilot-stars.r5,
.review-stars.r5 {
  background-image: url(../img/Base/ico/top-bar-stars-5.png);
}
#site.mobile #content {
  margin-top: 0 !important;
  padding-top: 80px;
}
#site.tablet #content {
  margin-top: 0 !important;
  padding-top: 20px;
}
/* Laatst bekeken */
.list-visited-accommodations {
  min-height: 150px;
  right: 133px;
}
.list-visited-accommodations ul.list-classification.small li {
  width: 9px !important;
  height: 9px !important;
  padding: 0 !important;
  margin: 0 1px 0 0 !important;
}
.list-visited-accommodations h4 {
  font-size: 18px;
  margin-bottom: 10px;
  color: #D90000;
}
.list-visited-accommodations > ul {
  height: 100%;
  width: 100%;
}
.list-visited-accommodations > ul > li {
  clear: both;
  width: 100%;
  border: none !important;
  margin: 0 !important;
  padding: 10px 0 10px 0 !important;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
.list-visited-accommodations > ul > li::before {
  display: block;
  content: '';
  width: 100%;
  position: absolute;
  top: 0;
  z-index: -1;
  height: 18px;
}
.list-visited-accommodations > ul > li a {
  font-size: 12px !important;
  color: #0092F2;
  font-size: 14px !important;
  font-weight: 500 !important;
}
.list-visited-accommodations > ul > li a span,
.list-visited-accommodations > ul > li a h5 {
  text-decoration: none;
}
.list-visited-accommodations > ul > li a span.accommodation,
.list-visited-accommodations > ul > li a h5.accommodation {
  margin-bottom: 3px;
  color: #D90000;
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
}
.list-visited-accommodations > ul > li a h5 span {
  width: 130px;
}
.list-visited-accommodations > ul > li a h5.accommodation {
  width: 100%;
}
.list-visited-accommodations > ul > li a span.location {
  color: #0092F2;
  font-size: 14px;
  text-transform: none;
  font-weight: 500;
}
.list-visited-accommodations > ul > li a:hover span.accommodation,
.list-visited-accommodations > ul > li a:hover h5.accommodation {
  text-decoration: underline;
}
.list-visited-accommodations > ul > li a.remove {
  height: 13px;
  width: 13px;
  margin-right: 5px;
  position: relative;
  margin-right: 0;
}
.list-visited-accommodations > ul > li a.remove::after {
  display: block;
  content: '×';
  font-family: 'Arial';
  font-size: 12px;
  line-height: 10px;
  text-align: center;
  font-size: 25px;
  font-weight: 500;
  line-height: 18px;
}
.list-visited-accommodations > ul > li img {
  width: 70px;
  margin-right: 10px;
  float: left;
}
.list-visited-accommodations > ul > li div {
  width: 180px;
}
.visited-accommodations-count {
  border: 2px solid #fff;
  background: #c00;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  width: 17px;
  height: 15px;
  display: inline-block;
  text-align: center;
  margin-right: 5px;
  vertical-align: text-bottom;
  line-height: 16px;
  font-size: 12px;
  margin: 0px 3px 0 2px;
  padding: 1px 0 2px 0;
}
.result-page-button {
  color: white !important;
  font-family: Open Sans;
  box-sizing: border-box;
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 12px 0;
  height: 40px;
  border-radius: 4px;
  background-color: #D90000;
  cursor: pointer;
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.11), 0px 1px 5px rgba(0, 0, 0, 0.12);
  text-decoration: none;
}
.result-page-button.red {
  background-color: #D90000;
}
.result-page-button.green {
  background-color: #339900;
}
.result-page-button.blue {
  background-color: #0092F2;
}
html {
  background-color: #a2d6f9;
  color: #004979;
  font-family: Open Sans;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  text-rendering: optimizeLegibility;
  /* iOS scrolling */
  /* iOS scrolling */
}
html.u-d {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  /* IE6,IE7 */
  ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  /* IE8 */
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  /*-ms-transform: 		@string;*/
  /*-o-transform: 		@string;*/
  transform: rotate(-180deg);
  position: absolute;
}
html.l-r {
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  /*-ms-transform: 		@string;*/
  /*-o-transform: 		@string;*/
  transform: scale(-1, 1);
}
html.touchscroll {
  overflow-y: scroll;
  position: relative;
  height: auto;
  min-height: 100vh;
  -webkit-overflow-scrolling: auto;
}
html.touchscroll body {
  overflow: hidden;
  -webkit-overflow-scrolling: auto;
  position: relative;
  max-height: 100%;
}
a,
a:visited {
  color: #0092F2;
}
a:hover {
  color: #006DB5;
}
body:not(.home):not(.template) #content,
body.template.static #content,
body.template.splash-page #content {
  background: #e4f3fd url(img/Base/gradient/gradient_achtergrond.png) repeat-x left top;
}
form > iframe {
  display: none;
}
/* PARTNERS */
.partner {
  width: 113px;
  height: 50px;
  margin-left: 17px;
}
.partner span {
  background: url(../img/Base/logo/extras.png) no-repeat left top;
  width: 113px;
  height: 50px;
  display: block;
  float: left;
  overflow: hidden;
  text-indent: -9999px;
}
.partner span.weather {
  background-position: 0 -108px;
  height: 63px;
}
.partner span.unigarant {
  background-position: 0 -205px;
  height: 45px;
}
.partner span.allianz {
  background-position: 0 -250px;
  height: 45px;
}
body.book .partner span.unigarant {
  /* Poets de witte achtergrond van het plaatje weg. */
  mix-blend-mode: multiply;
}
/* Autoverhuur */
.car.logo span {
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  width: 67px;
  height: 30px;
}
.car.logo span.avis {
  background-position: 0 0;
}
.car.logo span.europcar {
  background-position: 0 -30px;
}
.car.logo span.hertz {
  background-position: 0 -60px;
}
.car.logo span.budget {
  background-position: 0 -90px;
}
.car.logo span.dollar {
  background-position: 0 -120px;
}
.car.logo span.thrifty {
  background-position: 0 -150px;
}
.car.logo span.alamo {
  background-position: 0 -180px;
}
.car.logo span.national {
  background-position: 0 -210px;
}
/* END sprites */
#header {
  background-color: #0092f2;
  float: left;
  width: 100%;
  position: relative;
}
h1 {
  margin: 0;
  font-size: 20px;
}
#content {
  background: #EFF8FE;
  float: left;
  width: 100%;
  overflow: hidden;
  position: relative;
  min-height: 100%;
  padding-bottom: 23px;
}
body.detail #content {
  min-height: 50px;
  padding-bottom: 0;
  position: static;
  background: #0092f2 !important;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  body.detail #content {
    margin-top: 10px;
  }
}
body.book #content,
body.complete #content {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#92d0f9+0,e4f3fd+6,e4f3fd+100 */
  background-color: #92d0f9;
  background: -webkit-linear-gradient(top, #92d0f9 0%, #EFF8FE 6%, #EFF8FE 100%) #92d0f9 no-repeat;
  background: -moz-linear-gradient(top, #92d0f9 0%, #EFF8FE 6%, #EFF8FE 100%) #92d0f9 no-repeat;
  /*background:                  -o-linear-gradient(@origin, @stops) @start-color no-repeat;*/
  background: linear-gradient(to bottom, #92d0f9 0%, #EFF8FE 6%, #EFF8FE 100%) #92d0f9 no-repeat;
}
#content-center,
#content-bottom {
  float: left;
  width: 100%;
  position: relative;
  padding: 10px 0 20px 0;
}
#header .container,
#content .container,
#content-center .container,
#content-bottom .container,
#footer .container {
  position: relative;
  width: 950px;
  padding: 0;
  margin: 0 auto;
}
/* Fix for mix-blend-mode not working in Safari 11 */
#content .container {
  /* static or initial would work too, but with unset we're */
  /* making sure that IE11 ignores it and thus won't break. */
  position: unset;
}
body.upsell #content .container,
body.book #content .container {
  position: relative;
}
#content-center {
  background: #fff;
}
#content-bottom {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#92d0f9+0,e4f3fd+6,e4f3fd+100 */
  background-color: #92d0f9;
  background: -webkit-linear-gradient(top, #92d0f9 0px, #e4f3fd 69px, #e4f3fd 1161px) #92d0f9 no-repeat;
  background: -moz-linear-gradient(top, #92d0f9 0px, #e4f3fd 69px, #e4f3fd 1161px) #92d0f9 no-repeat;
  /*background:                  -o-linear-gradient(@origin, @stops) @start-color no-repeat;*/
  background: linear-gradient(to bottom, #92d0f9 0px, #e4f3fd 69px, #e4f3fd 1161px) #92d0f9 no-repeat;
  padding-top: 20px;
}
/*
		Op de detailpagina is de #content / #content .container niet zo groot, deze heeft position:relative en er staat een overflow:hidden op.
		Omdat de autocomplete een absoluut gepositioneerd element is binnen #content .container viel deze grotendeels buiten dit blok (en was dus onzichtbaar).
		Het lijkt opgelost wanneer de position:relative weg is van de #content .container (dit is degene die ook de overflow hidden heeft)
	*/
body.detail #content .container {
  position: static;
}
#content-bottom .container {
  min-height: 800px;
}
body.detail #content-bottom .container {
  min-height: 910px;
}
/*
@import "./styles_header_toplinks.less";

#logo
{

	@pv-logo();

	h1
	{
		margin:0;
	}

    img 
    {
	    margin-left:4px;
		@pv-logo-image();
    }

}
body.type-hotel .logo span.type { background-position:-48px 0; }
body.type-flight .logo span.type { background-position:-96px 0; }
body.type-cruise .logo span.type { background-position:-144px 0; }
body.type-car .logo span.type { background-position:-192px 0; }
body.type-auction .logo span.type { background-position:-240px 0; }
body.type-wintersport .logo span.type { background-position:-288px 0; }

    @import "./styles_header_contact.less";


.anvrsgr
{
	margin-top:10px;

    li
    {
	    float:left;
	    margin-right:10px;
    }

    .anvr,
    .sgr
    {
	    display:block;
	    overflow:hidden;
	    text-indent:-9999px;
	    font-size:0px;
	    background-repeat:no-repeat;
    }

    .anvr
    {
	    width:40px;
	    height:32px;
	    background-position:0 0;
    }
    .sgr
    {
	    width:35px;
	    height:32px;
	    background-position:-40px 0;
    }

    &.color
    {
	    .anvr { background-position:0 -55px; }
	    .sgr { background-position:-40px -55px; }
    }
}

#nav,
#nav-phone
{
    @pv-menu-background();
}
		#nav ul > li,
        #nav-phone ul > li
		{
			float:left;
			padding:@pv-menu-item-padding;
			height:17px;
            line-height:19px;
            position:relative;
		}
		    #nav ul > li:not(.active)::before,
            #nav-phone ul > li:not(.active)::before,
            #nav ul > li:not(.active)::after,
            #nav-phone ul > li:not(.active)::after
            {
                width:1px;
                height:100%;
                display:block;
                content:'';
                position:absolute;
                top:0;
		    }

            #nav ul > li.active::before,
            #nav-phone ul > li.active::before,
            #nav ul > li.active::after,
            #nav-phone ul > li.active::after
			{
				@pv-menu-item-active();
		    }

		    #nav ul > li:not(.active)::before,
            #nav-phone ul > li:not(.active)::before
            {
                right:1px;
				@pv-menu-item-inactive-before();
		    }
            #nav ul > li:not(.active)::after,
            #nav-phone ul > li:not(.active)::after
            {
                right:0px;
				@pv-menu-item-inactive-after();
            }

		    #nav ul > li.active::before,
            #nav-phone ul > li.active::before
            {
				@pv-menu-item-active-before();
		    }
            #nav ul > li.active::after,
            #nav-phone ul > li.active::after
            {
				@pv-menu-item-active-after();
            }

        #nav ul > li.active,
        #nav-phone ul > li.active
		{
            @pv-menu-background-active();
		}

				#nav ul > li.active > a,
                #nav-phone ul > li.active > a
				{
					.text-shadow(none);
                    color:@pv-menu-color-active;
				}

			#nav ul > li > a,
            #nav-phone ul > li > a
			{
				@pv-menu-item-inactive();
            }



.nav-sub-footer { @pv-nav-sub-footer(); }
body.template .nav-sub-footer { top:-540px; }

#nav-sub,
#nav-sub-phone,
#nav-sub-sub
{
	height:35px;
	@pv-nav-sub();

}

#nav-sub 
{
	position:relative;
	z-index:3;

	.nominations 
    {
		margin-top:0;
	}
}

#nav-sub-sub
{
	position:relative;
	z-index:3;
	border-bottom:none;
	height:36px;
    background:#d2ecfc;
}

	#nav-sub > ul,
    #nav-sub-phone > ul,
    #nav-sub-sub > ul
	{
		list-style:none;

        & > li
        {
			float:left;
			padding:10px 0px 10px 10px;
			height:16px;
			line-height:16px;
        }
	}

    #nav-sub > ul > li,
    #nav-sub-phone > ul > li
    {
        & > a
        {
            @pv-nav-sub-font();
            &:hover
            {
                color:@color-text-accent;
            }
        }

        &.active > a
        {
            color:@color-text-accent;
        }
    }

#header .midheader
{
	img
	{
		width:100%;
		display:block;
	}
}

#header .topheader
{
	@pv-header-topheader();
}

#topbar-container
{
	@pv-header-topbar-wide-container();

	.container
	{
		position: relative;
		width: 950px;
		padding: 0;
		margin: 0 auto;
		@pv-header-topbar-container();
	}

	.topbar
	{
		@pv-header-topbar();

		ul:not(.nominations)
		{
			li
			{
				line-height:35px;
				float:left;
				padding-left:10px; 
				position:relative;
				@pv-header-topbar-li();

				&::before
				{
					display: inline-block;
					width: 15px;
					height: 15px;
					overflow: hidden;
					padding-left: 0;
					margin-right: 7px;
					content:'';
					@pv-header-topbar-li-before();
				}


				&:not(:first-child)
				{
					margin-left:10px;
				}
			}
		}

		ul:last-child
		{
			margin-right:10px;
		}
	}
}
*/
.search-box {
  padding: 5px 5px 5px 5px;
}
.last-minute-box .search-box {
  padding: 0 5px 0 5px;
}
/* deze wordt via script geschaald en gepositioneerd */
.autocomplete-list {
  background-color: #fff;
  width: 300px !important;
  z-index: 1004;
  float: left;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 10px 15px 2px;
  -moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 10px 15px 2px;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 10px 15px 2px;
}
.autocomplete-list-item,
.autocomplete-list-item-highlight {
  font-family: 'Arial';
  font-size: 14px;
  padding: 6px 5px !important;
  background: #fff !important;
  text-align: left;
  position: relative;
  width: 100%;
  height: 100%;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: table;
  line-height: 22px;
  /*border:none !important;*/
  border-left: 1px solid #1c9ef4;
  border-right: 1px solid #1c9ef4;
}
.autocomplete-list-item a,
.autocomplete-list-item-highlight a {
  font-weight: 500 !important;
}
.autocomplete-list-item:last-child,
.autocomplete-list-item-highlight:last-child {
  border-bottom: 1px solid #1c9ef4;
}
.autocomplete-list-item-highlight {
  cursor: pointer;
  background-color: #dff2ff !important;
}
body .autocomplete-list-item.title {
  font-size: 14px;
  padding: 10px 5px 5px !important;
}
.autocomplete-list-item .classification .list-classification {
  margin-left: 0;
}
.autocomplete-list-item .title,
.autocomplete-list-item-highlight .title {
  font-size: 14px;
  line-height: 16px;
  width: calc(100% - 20px);
  display: table-row;
  color: #000;
}
.autocomplete-list-item .title .highlight,
.autocomplete-list-item .subtitle .highlight {
  font-weight: bold;
}
#autoCompleteCar .autocomplete-list-item .title,
#autoCompleteCar .autocomplete-list-item-highlight .title {
  width: 100%;
  font-size: 11px;
}
.autocomplete-list-item .subtitle,
.autocomplete-list-item-highlight .subtitle {
  width: calc(100% - 20px);
  font-size: 14px;
  line-height: 20px;
  display: table-row;
  color: #0092f2;
}
.autocomplete-list-item .classification {
  width: calc(100% - 20px);
  line-height: 12px;
}
#autoCompleteCar .autocomplete-list {
  width: 159px !important;
  clear: both;
  border-left-color: #c6bc06;
  border-bottom-color: #e2d807;
  border-right-color: #e2d807;
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
}
#autoCompleteCar .autocomplete-list-item-highlight {
  background-color: #ffffcc !important;
}
#photo {
  position: absolute;
  right: 50%;
  top: 0;
  max-height: 470px;
}
#photo > .carousel {
  position: relative;
  right: -50%;
  height: 470px;
  width: 1920px;
  overflow: hidden;
  border: none;
  margin: 0 !important;
  background: #0092f2;
}
#photo .carousel .bg-photo {
  width: 100%;
  height: 100%;
  border: none;
  position: relative;
}
#photo .carousel .bg-photo > picture > .photo,
#photo .carousel .bg-photo > .photo {
  width: 100%;
  height: 100%;
  object-fit: cover;
  font-family: "object-fit: cover;";
  color: transparent;
}
#photo .carousel .bg-photo > .container {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  min-height: 0 !important;
}
#photo .carousel:not(.slick-dotted) .bg-photo:not(.slick-slide) {
  bottom: -20px;
}
#photo .container .item {
  position: absolute;
  z-index: 1;
  top: 65px;
  left: 820px;
  /*-1100px;*/
  width: 590px;
  height: 300px;
}
#photo .container .item > a {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
}
#photo .container div.h2 {
  color: #fff;
  margin-bottom: 16px;
  display: block;
  margin-top: -12px;
}
@media only screen and (min-width: 980px) {
  #photo .container div.h2 {
    /*, @desktop-hd*/
    font-size: 40px;
    line-height: 32px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  #photo .container div.h2 {
    font-size: 30px;
    margin-bottom: 12px;
  }
}
@media only screen and (max-width: 767px) {
  #photo .container div.h2 {
    font-size: 24px;
    margin-bottom: 8px;
  }
}
#photo .container div.h3 {
  float: none;
  text-decoration: none;
  display: inline-block;
  background: #fff !important;
  padding: 6px 12px;
  /*margin-left: -25px;*/
  font-family: Hermes Maia T4;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -0.02em;
  text-rendering: optimizeLegibility;
  color: #0092F2;
  text-transform: uppercase;
  text-wrap: none;
  white-space: nowrap;
  overflow: hidden;
}
@media only screen and (min-width: 980px) {
  #photo .container div.h3 {
    /*, @desktop-hd*/
    font-size: 24px;
    line-height: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  #photo .container div.h3 {
    font-size: 16px;
    line-height: 24px;
  }
}
@media only screen and (max-width: 767px) {
  #photo .container div.h3 {
    font-size: 14px;
    line-height: 20px;
    margin-left: -40px;
    padding: 4px 26px 4px 50px;
  }
}
#photo .container .h3 a {
  background: url(../img/base/button/pc/button_med_geel.png) no-repeat right 5px;
}
#photo .link-box,
#photo .slick-dots {
  position: absolute;
  top: 40px;
  right: 0px;
  z-index: 6;
}
#photo .slick-dots {
  text-align: right;
  padding-right: 500px;
  height: 12px;
}
#photo .slick-dots li {
  width: 12px;
  margin: 0 4px 0 0;
}
#photo .slick-dots li button::before {
  display: none;
}
#photo .link-box .select-slide,
#photo .slick-dots li button {
  float: left;
  display: block;
  width: 12px;
  height: 12px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  margin-right: 4px;
  background: #e4f3fd;
}
#photo .link-box .select-slide.active,
#photo .slick-dots li.slick-active button {
  background: #c00;
}
#photo .next-box,
#photo .prev-box,
#photo a.slick-arrow {
  position: absolute;
  z-index: 7;
}
#photo .next-box,
#photo a#btn-up {
  right: -100px;
  top: 150px;
}
#photo a#btn-up {
  right: 380px;
}
#photo .next-box .up,
#photo a#btn-up {
  display: block;
  width: 85px;
  height: 86px;
}
#photo .prev-box,
#photo a#btn-down {
  left: -100px;
  top: 150px;
}
#photo a#btn-down {
  left: 380px;
}
#photo .prev-box .down,
#photo a#btn-down {
  display: block;
  width: 85px;
  height: 86px;
}
#photo .footer {
  height: 43px;
  width: 695px;
  position: absolute;
  bottom: 0;
  right: -900px;
  padding: 25px 425px 0 800px;
  background: url(../img/base/elements/pc/photo_bottom.png) no-repeat left top;
}
#photo .text .h2 {
  font-size: 18px;
  font-weight: normal;
  line-height: 18px;
  color: #0092F2;
}
#photo .text .h2.sub-title {
  font-size: 18px;
  line-height: 26px;
  color: #D90000;
}
#photo .text div.fb-like {
  float: right;
}
body.template #photo {
  max-height: 540px;
}
body.template #photo > .carousel {
  height: 540px;
}
body.template #photo > .carousel > div {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 490px;
}
body.template #photo .container .item {
  top: 14px;
}
/* 
			ALS we cufon gaan gebruiken voor de titeltjes op de homepage dan zijn deze nodig om de stijlen te overschrijven.
			Cufon wordt eenmalig uitgevoerd, dus de titels moeten al gelijk in goede grootte staan.
			Mochten we toch voor de lettertype font-face variant gaan dan moeten in default.aspx de 2 extra item's per banner weggehaald worden.
		*/
#photo .container .item.tablet h2,
#photo .container .item.tablet h2 a {
  font-size: 26px;
}
#photo .container .item.tablet h3,
#photo .container .item.tablet h3 a {
  font-size: 16px;
  line-height: 20px;
}
#photo .container .item.phone h2,
#photo .container .item.phone h2 a {
  font-size: 18px;
  line-height: 18px;
}
#photo .container .item.phone h3,
#photo .container .item.phone h3 a {
  font-size: 16px;
  line-height: 16px;
}
.slick-vertical .slick-slide {
  border: none !important;
}
.imgHolder {
  position: absolute;
  width: 100%;
  height: 100%;
}
.imgHolder .imgCaption {
  position: absolute;
  width: 100%;
  bottom: 0px;
  left: 0px;
  color: #000;
  background: #d9d9d9;
  text-align: left;
  background-color: rgba(217, 217, 217, 0.7);
  padding: 2px;
}
/*FACEBOOK LIKES*/
#content-bottom .content-box.active-box-photos .content,
#content-bottom .content-box.active-box-prices .content {
  padding: 0;
}
#content-bottom .content-box.active-box-photos h3,
#content-bottom .content-box.active-box-prices h3,
.popupContainer .content-box.active-box-prices h3 {
  margin: 0 0 0 15px;
}
.box-photos {
  position: relative;
  padding-top: 15px;
}
.box-photos .btn-rood {
  margin: 0 0 15px 15px;
}
.box-photos .big-photo-container {
  width: 626px;
  height: 416px;
  position: relative;
  margin: 0 auto;
  overflow: hidden;
}
.box-photos .big-photo {
  width: 100%;
  height: 100%;
  text-align: center;
  position: relative;
}
.box-photos .big-photo div.imgHolder {
  width: 626px;
  height: 416px;
  position: relative;
}
.box-photos .big-photo div img {
  width: 626px;
  height: 416px;
  border: none !important;
  color: transparent;
}
.box-photos .big-photo img.horizontal {
  width: 100%;
}
.box-photos .big-photo img.vertical {
  height: 100%;
}
.box-photos .small-photos-container {
  padding: 45px 0px;
  position: relative;
  height: 100px;
}
#photo-small {
  width: 100%;
  height: 100px;
  overflow: hidden;
  padding: 0 43px;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#photo-small img {
  color: transparent;
}
#photo-small .slick-dots li button {
  color: #000;
}
/* In rows mode zitten er extra divs tussen */
#photo-small .slick-slide > div > div > img,
#photo-small > div .slick-slide > img {
  height: 80px;
  width: 100%;
  border: 2px solid #fff;
  cursor: pointer;
  color: transparent;
  position: relative;
  z-index: 2;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 8px;
}
#photo-small > div .slick-current img {
  border: 2px solid #c00;
}
ul.list-photos {
  position: absolute;
  width: 555px;
}
ul.list-photos:not(:first-child) {
  display: none;
}
.fb_link {
  text-decoration: none;
}
.fb_link:hover {
  text-decoration: underline;
}
.main-search-box {
  margin-bottom: 70px;
  position: relative;
  z-index: 4;
  width: 100%;
  margin-top: 23px;
}
.main-search-box .search.loading {
  background: #fff url(../img/base/ico/ajax-loader.gif) no-repeat 242px center;
}
body.home .main-search-box {
  margin-top: 23px;
  margin-bottom: 40px;
}
body.home .tablet .main-search-box {
  margin-bottom: 80px;
}
body.template .main-search-box {
  margin-bottom: 80px;
  min-height: 448px;
  z-index: 1;
}
.search-menu {
  position: absolute;
  z-index: 999;
}
/*
Gele: 
-	Geel links							0 0
-	Geel midden							-50px 0
-	Geel rechts							-100px 0

Blauwe:
-	Blauw links, links van blauw		0 -48px
-	Blauw links, links van geel			-50px -48px
-	Blauw midden, links van geel		-100px -48px
-	Blauw midden, links van blauw		-150px -48px
-	Blauw rechts						-200px -48px
*/
.search-menu li {
  float: left;
  width: 50px;
  height: 48px;
  /*background:url(img/base/ico/tabjes.png) no-repeat -150px -48px;*/
  background: url(../img/base/ico/tabjes_big.png) no-repeat -150px -48px;
  background-size: 350px 192px;
  border-bottom: 1px solid #FDE92F;
}
.main-search-box .fill {
  width: 100%;
  height: 48px;
  background: none;
  position: absolute;
  top: 0px;
  left: 0;
  border-bottom: 1px solid #FDE92F;
}
/*standaardgeel*/
.search-menu li.active {
  background-position: -50px 0;
  border-bottom-color: #faf370;
}
/*geel achteraan*/
.search-menu li:last-child.active {
  background-position: -100px 0;
}
/*geel vooraan*/
.search-menu li:first-child.active {
  background-position: 0 0;
}
/* blauw rechts */
.search-menu li:last-child:not(.active) {
  background-position: -200px -48px;
}
/* blauw links, naast geel*/
body.type-wintersport .search-menu li:first-child {
  background-position: 0 -48px;
}
body:not(.type-wintersport) .search-menu li:first-child:not(.active) {
  background-position: -50px -48px;
}
/* blauw, links links rechts blauw */
body.type-car .search-menu li.wintersport,
body.type-auction .search-menu li.hotel {
  background-position: -150px -48px;
}
/* blauw, links blauw rechts geel*/
body.type-hotel .search-menu li.winter,
body.type-car .search-menu li.cruise,
body.type-auction .search-menu li.car,
body.type-car .search-menu li.hotel {
  background-position: -100px -48px;
}
.search-menu li a {
  display: block;
  height: 48px;
  width: 50px;
  overflow: hidden;
  text-indent: -9999px;
  /*background: url(img/base/ico/tabjes.png) no-repeat left top;*/
  background: url(../img/base/ico/tabjes_big.png) no-repeat left top;
  background-size: 350px 192px;
}
.search-menu li.vacation.active a {
  background-position: 0 -96px;
}
.search-menu li.flight.active a {
  background-position: -50px -96px;
}
.search-menu li.hotel.active a {
  background-position: -100px -96px;
}
.search-menu li.cruise.active a {
  background-position: -150px -96px;
}
.search-menu li.car.active a {
  background-position: -200px -96px;
}
.search-menu li.auction.active a {
  background-position: -250px -96px;
}
.search-menu li.winter.active a {
  background-position: -300px -96px;
}
.search-menu li.vacation a {
  background-position: 0 -144px;
}
.search-menu li.flight a {
  background-position: -50px -144px;
}
.search-menu li.hotel a {
  background-position: -100px -144px;
}
.search-menu li.cruise a {
  background-position: -150px -144px;
}
.search-menu li.car a {
  background-position: -200px -144px;
}
.search-menu li.auction a {
  background-position: -250px -144px;
}
.search-menu li.winter a {
  background-position: -300px -144px;
}
#target-groups {
  margin-bottom: 10px;
}
#target-groups h3 {
  font-size: 24px;
  line-height: 24px;
  font-weight: bold;
  text-transform: uppercase;
  color: #0092F2;
}
.tab-buttons > li {
  float: left;
  margin-right: 6px;
}
.tab-buttons > li.disabled a {
  pointer-events: none;
  background-color: #eee !important;
  color: #ccc !important;
}
.tab-buttons > li:last-child {
  margin-right: 0;
}
.tab-buttons > li a {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  font-size: 11px;
  line-height: 20px;
  font-weight: bold;
  color: #fff;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9ad4fa+0,52b5f6+40,36a9f5+45,36a9f5+95,339fe7+100 */
  background-color: #9ad4fa;
  background: -webkit-linear-gradient(top, #9ad4fa 0%, #52b5f6 40%, #36a9f5 45%, #36a9f5 95%, #339fe7 100%) #9ad4fa no-repeat;
  background: -moz-linear-gradient(top, #9ad4fa 0%, #52b5f6 40%, #36a9f5 45%, #36a9f5 95%, #339fe7 100%) #9ad4fa no-repeat;
  /*background:                  -o-linear-gradient(@origin, @stops) @start-color no-repeat;*/
  background: linear-gradient(to bottom, #9ad4fa 0%, #52b5f6 40%, #36a9f5 45%, #36a9f5 95%, #339fe7 100%) #9ad4fa no-repeat;
  border: 1px solid #3095d8;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.tab-buttons > li.active a {
  position: relative;
  border-color: #a90000;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#df7f7f+0,c92323+40,c00000+45,c00000+95,b50000+100 */
  background-color: #df7f7f;
  background: -webkit-linear-gradient(top, #df7f7f 0%, #c92323 40%, #c00000 45%, #c00000 95%, #b50000 100%) #df7f7f no-repeat;
  background: -moz-linear-gradient(top, #df7f7f 0%, #c92323 40%, #c00000 45%, #c00000 95%, #b50000 100%) #df7f7f no-repeat;
  /*background:                  -o-linear-gradient(@origin, @stops) @start-color no-repeat;*/
  background: linear-gradient(to bottom, #df7f7f 0%, #c92323 40%, #c00000 45%, #c00000 95%, #b50000 100%) #df7f7f no-repeat;
}
.tab-buttons > li.active a::before {
  content: '';
  display: block;
  position: absolute;
  bottom: -11px;
  left: calc(50% - 11px);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 11px 11px 0 11px;
  border-color: #a90000 transparent transparent transparent;
}
.tab-buttons > li.active a::after {
  content: '';
  display: block;
  position: absolute;
  bottom: -9px;
  left: calc(50% - 10px);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #c00000 transparent transparent transparent;
}
.target-group-list {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  width: 946px;
  padding: 0;
  display: none;
  border: 2px solid #0092F2;
  background-color: #fff;
}
.target-group-list.active {
  display: block;
}
.target-group-list > li {
  float: left;
  border-style: dashed;
  border-width: 0 1px 1px 0;
  padding: 12px 0 16px 12px;
  width: 294px;
  min-height: 95px;
  border-color: #88ccf9;
  /* ( source | slice | width | outset | repeat ) */
  -webkit-border-image: url('../img/Base/elements/pc/dashed-lines.png') 1 repeat;
  -moz-border-image: url('../img/Base/elements/pc/dashed-lines.png') 1 repeat;
  /*-o-border-image:     e(%("url('%d')", ~"@{source}")) @values;*/
  border-image: url('../img/Base/elements/pc/dashed-lines.png') 1 repeat;
  /* eerste 3 geen toppadding maar margin */
  /*alles vanaf 4*/
  /*geen lijn achter elke 3e */
  /*geen padding left op elke 1e van de rij */
  /*geen lijn onder de laatste 3*/
  /*.target-group-list > li:last-child, .target-group-list > li:nth-last-child(2), .target-group-list > li:nth-last-child(3)*/
}
.target-group-list > li:nth-child(-n+3) {
  padding-top: 0;
  margin-top: 12px;
}
.target-group-list > li:nth-child(n+4) {
  padding-left: 12px;
  width: 294px;
}
.target-group-list > li:nth-child(3n+3) {
  border-right: none;
  border-right-width: 0px;
  width: 295px;
}
.target-group-list > li:nth-child(3n+1) {
  padding-left: 0;
  margin-left: 12px;
  width: 306px;
}
.target-group-list > li:nth-child(n+4) {
  border-bottom: none;
  border-bottom-width: 0px;
  padding-bottom: 0;
  margin-bottom: 12px;
}
.target-group-list > li > .thumb {
  position: relative;
  width: 120px;
  height: 78px;
  margin-right: 10px;
}
.target-group-list > li > .thumb a {
  text-decoration: none;
}
.target-group-list > li > .thumb img,
.target-group-list > li > .thumb > a:first-child > div {
  width: 100%;
  height: 100%;
}
.target-group-list > li > .thumb > a:first-child > div {
  background-size: cover;
}
.target-group-list > li > .accommodation {
  /*width:152px;*/
  width: 162px;
  height: 95px;
  overflow: hidden;
}
.target-group-list > li > .accommodation h4 {
  font-size: 13px;
  font-weight: bold;
  line-height: 16px;
  margin-top: 2px;
  color: #D90000;
  float: left;
  clear: both;
  width: 100%;
}
.target-group-list > li > .accommodation a {
  text-decoration: none;
}
.target-group-list > li > .accommodation h5 {
  font-size: 12px;
  line-height: 14px;
  text-transform: uppercase;
  color: #0092F2;
}
.target-group-list > li > .accommodation p {
  font-family: 'Arial';
  font-size: 11px;
  margin: 4px 0 0 8px;
  float: left;
}
.search-parameters {
  border-top: none;
  /*width:288px;*/
  width: 100%;
  min-height: 268px;
  padding: 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  border-right: 1px solid #fef106;
  border-left: 1px solid #fef106;
  border-bottom: 1px solid #fff;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#faf370+0,f7ea0e+13,f7ea0e+100 */
  /* LET OP: hoogte is handmatig gezet */
  background-color: #faf370;
  background: -webkit-linear-gradient(top, #faf370 0%,#f7ea0e calc(100% - 255px), #f7ea0e 100%) #faf370 no-repeat;
  background: -moz-linear-gradient(top, #faf370 0%,#f7ea0e calc(100% - 255px), #f7ea0e 100%) #faf370 no-repeat;
  /*background:                  -o-linear-gradient(@origin, @stops) @start-color no-repeat;*/
  background: linear-gradient(to bottom, #faf370 0%,#f7ea0e calc(100% - 255px), #f7ea0e 100%) #faf370 no-repeat;
}
.search-parameters h4 {
  font-family: Hermes Maia T4;
  font-style: normal;
  font-weight: bold;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.02em;
  text-rendering: optimizeLegibility;
  vertical-align: middle;
  text-transform: capitalize;
}
.search-parameters h4::before {
  content: '';
  width: 35px;
  height: 35px;
  display: inline-block;
  vertical-align: middle;
  margin: -5px 5px 0 0;
  background: url(/Themes/original/img/Base/ico/tabjes_big.png) no-repeat -7px -101px;
  background-size: 350px 192px;
}
body.type-hotel .search-parameters h4::before {
  background-position: -110px -101px;
}
.search-parameters span.title {
  color: #000;
  font-size: 12px;
  line-height: 18px;
  margin: 2px 0 0;
}
.search-parameters span.title small {
  font-size: 11px;
}
.search-parameters .search-row-2 {
  height: 48px;
  margin-bottom: 8px;
  position: relative;
  border: 1px solid #80C8F8;
  border-radius: 4px;
  box-sizing: border-box;
  width: 100%;
  padding: 22px 2px 2px 45px;
  pointer-events: none;
  background-color: #FFF;
}
.search-parameters .search-row-2:hover {
  border-color: #0092F2;
}
.search-parameters .search-row-2:hover::after {
  color: #0092F2;
}
.search-parameters .search-row-2.travelparty {
  height: auto;
  position: relative;
  width: 100%;
  margin-bottom: 10px;
  padding: 20px 16px 12px 45px;
  box-sizing: border-box;
}
.search-parameters .search-row-2.travelparty a {
  pointer-events: all !important;
  position: absolute !important;
  left: -45px !important;
  top: -20px !important;
  width: calc(100% + 61px) !important;
  height: calc(100% + 32px) !important;
  font-size: 0 !important;
}
.search-parameters .search-row-2.travelparty .select-wrapper-2:after {
  content: '' !important;
  display: none !important;
}
.search-parameters .search-row-2::before {
  position: absolute;
  top: 12px;
  left: 10px;
  font-size: 24px;
  font-family: 'Prijsvrij Icons';
  content: '\e913';
  z-index: 2;
  pointer-events: none;
}
.search-parameters .search-row-2::after {
  position: absolute;
  right: 10px;
  top: 12px;
  font-size: 24px;
  font-family: 'Prijsvrij Icons';
  color: #80C8F8;
  content: '\e932';
  z-index: 2;
  pointer-events: none;
}
.search-parameters .search-row-2.departure::before {
  content: '\e937';
}
.search-parameters .search-row-2.duration::before {
  content: '\e939';
}
.search-parameters .search-row-2.transport::before {
  content: '\e912';
}
.search-parameters .search-row-2.airport::before {
  content: '\e90f';
}
.search-parameters .search-row-2.airport.arrival::before {
  content: '\e90e';
}
.search-parameters .search-row-2.board::before {
  content: '\e925';
}
.search-parameters .search-row-2.roomTypeFilter:before {
  content: '\e913';
}
.search-parameters .search-row-2.supplier:before {
  content: '\e92d';
}
.search-parameters .search-row-2.holiday:before {
  content: '\e90b';
}
.search-parameters .search-row-2.destination:before {
  content: '\e941';
}
.search-parameters .search-row-2.travelparty:before {
  content: '\e929';
}
.search-parameters .search-row-2 select,
.search-parameters .search-row-2 .textBox,
.search-parameters .search-row-2 .fakeselect {
  border: none;
  background: none;
  position: absolute;
  top: 0;
  left: 0;
  padding: 18px 0 0 45px;
  width: 100%;
  height: 100%;
  pointer-events: all;
  cursor: pointer;
  color: #004979;
  font-size: 16px;
}
.search-parameters .search-row-2 .fakeselect {
  padding: 22px 0 0 45px !important;
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  margin-right: 0 !important;
  box-sizing: border-box;
}
.search-parameters .search-row-2 .dd_chk_drop {
  z-index: 4;
  top: 56px !important;
}
.search-parameters .search-row-2 select {
  font-size: 14px;
  background: none;
}
.search-parameters .search-row-2 > label,
.search-parameters .search-row-2 > span {
  position: absolute;
  top: 5px;
  left: 45px;
  font-family: Open Sans;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 20px;
  text-rendering: optimizeLegibility;
  color: #666;
  z-index: 3;
  margin-top: 0;
}
.search-parameters .search-row-2 .dropdown-container {
  width: 100%;
}
.search-parameters .search-row-2 .fakeselect {
  border: none !important;
  background: white !important;
  /*
								width:100% !important;
								box-sizing:border-box;
								margin:0;
								padding-left:0 !important;
									*/
}
.search-parameters .search-row-2 .fakeselect div#caption {
  margin-left: 0;
  padding-left: 0;
}
.search-parameters .search-row-2 .textBox {
  height: 25px;
  width: 161px;
  padding: 0 0 0 5px;
  font-size: 11px;
  text-decoration: none;
  color: #333;
  border: 1px solid #a5d7f8;
  -webkit-box-shadow: 0px 1px #cae8fb;
  -moz-box-shadow: 0px 1px #cae8fb;
  box-shadow: 0px 1px #cae8fb;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #fff;
}
.search-parameters .search-row-2 .posAbs {
  position: absolute;
}
.search-parameters .travelparty {
  border: 1px solid #80C8F8 !important;
  border-radius: 4px;
  background-color: #FFF;
  height: 48px;
  margin-bottom: 10px !important;
  padding: 22px 2px 2px 45px !important;
}
.search-parameters .travelparty:hover {
  border-color: #0092F2 !important;
}
.search-parameters .travelparty:hover::after {
  color: #0092F2;
}
.search-parameters .travelparty > label,
.search-parameters .travelparty > span {
  position: absolute;
  top: 5px;
  left: 45px;
  font-family: Open Sans;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 20px;
  text-rendering: optimizeLegibility;
  color: #666;
  z-index: 3;
  margin-top: 0;
}
.search-parameters .travelparty #ContentPlaceHolderContent_searchBox_travelParty_travelerCount {
  font-weight: normal !important;
  color: #004979;
  font-size: 16px;
}
.search-parameters .travelparty .link-change-travelers {
  position: absolute !important;
  left: -45px !important;
  top: -20px !important;
  width: calc(100% + 61px) !important;
  height: calc(100% + 32px) !important;
  font-size: 0 !important;
}
.search-parameters .travelparty::before {
  position: absolute;
  top: 12px;
  left: 10px;
  font-size: 24px;
  font-family: 'Prijsvrij Icons';
  content: '\e929';
  z-index: 2;
  pointer-events: none;
}
.search-parameters .travelparty::after {
  position: absolute;
  right: 10px;
  top: 12px;
  font-size: 24px;
  font-family: 'Prijsvrij Icons';
  color: #80C8F8;
  content: '\e932';
  z-index: 2;
  pointer-events: none;
}
.search-parameters .search-row {
  width: 100%;
  margin: 2px 0 0 0;
}
.search-parameters .search-row.button {
  margin: 14px 0 4px 0;
  position: relative;
}
.search-parameters .search-row.button::after {
  font-family: 'Prijsvrij Icons';
  content: '\e934';
  display: inline-block;
  pointer-events: none;
  margin-left: 5px;
  color: #FFF;
  position: absolute;
  right: 10px;
  top: 10px;
}
.search-parameters .travelparty {
  width: 100%;
  font-size: 13px;
  line-height: 24px;
  padding: 3px 5px 3px 35px;
  margin: 2px 0 2px 0;
  background-color: #fff;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border-width: 1px;
  border-style: solid;
  border-top-color: #c6bc06;
  border-left-color: #c6bc06;
  border-bottom-color: #e2d807;
  border-right-color: #e2d807;
  -webkit-box-shadow: 0px 1px #faf26e;
  -moz-box-shadow: 0px 1px #faf26e;
  box-shadow: 0px 1px #faf26e;
}
.search-parameters .travelparty span.Multi {
  color: #0092f2;
  font-weight: 600;
  font-size: 14px;
}
.travelparty.select-wrapper-2 {
  cursor: pointer;
}
.travelparty a.link-change-travelers {
  font-size: 14px;
  text-align: right;
  line-height: 20px;
  float: none !important;
  position: absolute;
  right: 0;
  bottom: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 13px;
}
body.home .travelparty a.link-change-travelers {
  padding-right: 5px;
  position: absolute;
}
.search-parameters .travelparty a.link-change-travelers {
  width: 100%;
  height: 100%;
  color: #0092f2;
}
.search-parameters .travelparty span {
  float: left;
}
body .search-parameters .all-departure-airports {
  font-family: Open Sans;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 20px;
  text-rendering: optimizeLegibility;
  color: #A8A8A8;
  line-height: 28px;
  bottom: 0;
  right: 40px;
}
#banners {
  margin-top: 10px;
  margin-bottom: 10px;
}
#banners > li {
  height: 300px;
}
#banners > li .box-content {
  height: 260px;
  border-bottom: none;
}
.widget-carousel {
  position: relative;
  overflow: hidden;
  height: 300px;
}
.widget-carousel > ul > li {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 300px;
  z-index: 1;
}
.widget-carousel > ul > li > a {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.banner {
  border-bottom: 1px solid #fff;
}
.banner img {
  display: block;
}
.banner a {
  font-size: 10px;
}
.banner a img {
  color: transparent;
}
.box-header {
  position: relative;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8fcefa+0,93d0fa+44,8accfa+47,59b8f7+58,0d98f3+100 */
  background-color: #8fcefa;
  background: -webkit-linear-gradient(top, #8fcefa 0%, #93d0fa 44%, #8accfa 47%, #59b8f7 58%, #0d98f3 100%) #8fcefa no-repeat;
  background: -moz-linear-gradient(top, #8fcefa 0%, #93d0fa 44%, #8accfa 47%, #59b8f7 58%, #0d98f3 100%) #8fcefa no-repeat;
  /*background:                  -o-linear-gradient(@origin, @stops) @start-color no-repeat;*/
  background: linear-gradient(to bottom, #8fcefa 0%, #93d0fa 44%, #8accfa 47%, #59b8f7 58%, #0d98f3 100%) #8fcefa no-repeat;
  color: #fff;
}
.box-header .header-option {
  font-family: 'Arial';
  font-size: 12px;
  text-transform: initial;
  margin: 6px 5px 6px 10px;
  color: #000;
}
.box-content {
  min-height: 80px;
  position: relative;
  float: left;
  background-position: bottom;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.box-content a {
  color: #0092F2;
}
.box-content.white {
  background: #fff !important;
}
.box-content ul.pricelist li a {
  color: #333;
  display: block;
  width: 100%;
  float: left;
  line-height: 22px;
  font-weight: 500;
}
.box.offers > .box-content {
  min-height: initial;
}
.col4 .box-header,
.col4 .box-content {
  /*width:290px;*/
}
#search-results-column .box-header {
  padding: 0;
  height: 37px;
  font-family: Hermes Maia T4;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -0.02em;
  text-rendering: optimizeLegibility;
  font-size: 18px;
  font-weight: 700;
}
#search-results-column .box-header a.tab {
  display: block;
  float: left;
  text-decoration: none !important;
  font-style: normal;
  height: 21px;
  padding: 10px 15px 6px;
  background: #EFF8FE;
}
.widget-box {
  position: relative;
  z-index: 5;
  margin-bottom: 10px;
}
body.travelparty .widget-box {
  position: static;
}
body.dossier div.box-text div.col8 {
  width: 606px;
}
body.dossier div.box-text div.col4 {
  width: 298px;
}
#content-bottom .sidebar > div.box .box-content a.text-link {
  margin-top: 15px;
  display: block;
  float: left;
}
.box-content a {
  text-decoration: underline;
}
#partners p {
  margin: 0 0 20px 0;
}
#partners p.visible-phone {
  margin-bottom: 10px;
}
#partners .box-content {
  min-height: 90px;
}
#newsletter .box-content {
  min-height: 87px;
}
#newsletter .box-content p {
  line-height: 14px;
}
#newsletter input {
  width: 280px;
  margin: 5px 0 8px;
}
#newsletter input.start {
  font-style: italic;
}
.check-list li {
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  text-transform: uppercase;
  color: #004979;
}
a.link-about {
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: underline;
  color: #0092F2;
}
a.link-about .cufon {
  border-bottom: solid 1px #0092F2;
}
.box-content a.deal-guarantee {
  position: absolute;
  top: -30px;
  right: 0;
  width: 96px;
  height: 96px;
  background-size: contain;
  background-image: url(../img/Base/elements/pc/Best_Deal.svg);
  background-repeat: no-repeat;
  filter: drop-shadow(0px 100px 80px rgba(0, 0, 0, 0.07)) drop-shadow(0px 41.7776px 33.4221px rgba(0, 0, 0, 0.0503198)) drop-shadow(0px 22.3363px 17.869px rgba(0, 0, 0, 0.0417275)) drop-shadow(0px 12.5216px 10.0172px rgba(0, 0, 0, 0.035)) drop-shadow(0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0282725)) drop-shadow(0px 2.76726px 2.21381px rgba(0, 0, 0, 0.0196802));
}
.to > li {
  float: left;
  width: 72px;
  margin-bottom: 10px;
}
.col4 .box-content .textbox {
  width: 278px;
}
/* Helper function to create a group of buttons (in small, default & large) */
/* Helper function to create a button */
/* Helper function to create the background-image url UNUSED AT THIS MOMENT */
/* Helper function to create the :before/:after pseudo element for the icons */
/* Generate buttons */
.button.primary-button.primary.small {
  font-family: Open Sans;
  font-style: normal;
  font-weight: bold;
  font-size: 10px;
  line-height: 12px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  text-rendering: optimizeLegibility;
  /* &:not(.@{iconClassName}-left):not(.@{iconClassName}-right) {*/
  /*&.@{iconClassName}-left {*/
  /*&.@{iconClassName}-right {*/
}
.button.primary-button.primary.small:not(.arrow-right):not(.arrow-left) {
  padding: 10px 16px;
  background: #0092F2;
  color: #FFF;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  /* Button Shadow */
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.11), 0px 1px 5px rgba(0, 0, 0, 0.12);
  border: none;
  /* Border-Radius */
  border-radius: 4px;
}
.button.primary-button.primary.small:not(.arrow-right):not(.arrow-left).full-width {
  width: 100%;
}
.button.primary-button.primary.small:not(.arrow-right):not(.arrow-left).hover,
.button.primary-button.primary.small:not(.arrow-right):not(.arrow-left):hover {
  background-color: #006DB5;
  color: #FFF;
}
.button.primary-button.primary.small:not(.arrow-right):not(.arrow-left).inactive {
  background-color: #EFF8FE;
  color: #80C8F8;
  pointer-events: none;
  box-shadow: none;
}
.button.primary-button.primary.small.arrow-left {
  padding: 10px 16px;
  background: #0092F2;
  color: #FFF;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  /* Button Shadow */
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.11), 0px 1px 5px rgba(0, 0, 0, 0.12);
  border: none;
  /* Border-Radius */
  border-radius: 4px;
  /* Icon */
}
.button.primary-button.primary.small.arrow-left.full-width {
  width: 100%;
}
.button.primary-button.primary.small.arrow-left:before {
  font-family: 'Prijsvrij Icons';
  content: '\e933';
  display: inline-block;
  pointer-events: none;
  margin-right: 5px;
}
.button.primary-button.primary.small.arrow-left.hover,
.button.primary-button.primary.small.arrow-left:hover {
  background-color: #006DB5;
  color: #FFF;
}
.button.primary-button.primary.small.arrow-left.inactive {
  background-color: #EFF8FE;
  color: #80C8F8;
  pointer-events: none;
  box-shadow: none;
}
.button.primary-button.primary.small.arrow-left.inactive::after {
  color: #80C8F8;
}
.button.primary-button.primary.small.arrow-right {
  padding: 10px 16px;
  background: #0092F2;
  color: #FFF;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  /* Button Shadow */
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.11), 0px 1px 5px rgba(0, 0, 0, 0.12);
  border: none;
  /* Border-Radius */
  border-radius: 4px;
  /* Icon */
}
.button.primary-button.primary.small.arrow-right.full-width {
  width: 100%;
}
.button.primary-button.primary.small.arrow-right:after {
  font-family: 'Prijsvrij Icons';
  content: '\e934';
  display: inline-block;
  pointer-events: none;
  margin-left: 5px;
}
.button.primary-button.primary.small.arrow-right.hover,
.button.primary-button.primary.small.arrow-right:hover {
  background-color: #006DB5;
  color: #FFF;
}
.button.primary-button.primary.small.arrow-right.inactive {
  background-color: #EFF8FE;
  color: #80C8F8;
  pointer-events: none;
  box-shadow: none;
}
.button.primary-button.primary.small.arrow-right.inactive::after {
  color: #80C8F8;
}
.button.primary-button.primary.default {
  font-family: Open Sans;
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-rendering: optimizeLegibility;
  /* &:not(.@{iconClassName}-left):not(.@{iconClassName}-right) {*/
  /*&.@{iconClassName}-left {*/
  /*&.@{iconClassName}-right {*/
}
.button.primary-button.primary.default:not(.arrow-right):not(.arrow-left) {
  padding: 12px 20px;
  background: #0092F2;
  color: #FFF;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  /* Button Shadow */
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.11), 0px 1px 5px rgba(0, 0, 0, 0.12);
  border: none;
  /* Border-Radius */
  border-radius: 4px;
}
.button.primary-button.primary.default:not(.arrow-right):not(.arrow-left).full-width {
  width: 100%;
}
.button.primary-button.primary.default:not(.arrow-right):not(.arrow-left).hover,
.button.primary-button.primary.default:not(.arrow-right):not(.arrow-left):hover {
  background-color: #006DB5;
  color: #FFF;
}
.button.primary-button.primary.default:not(.arrow-right):not(.arrow-left).inactive {
  background-color: #EFF8FE;
  color: #80C8F8;
  pointer-events: none;
  box-shadow: none;
}
.button.primary-button.primary.default.arrow-left {
  padding: 12px 20px;
  background: #0092F2;
  color: #FFF;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  /* Button Shadow */
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.11), 0px 1px 5px rgba(0, 0, 0, 0.12);
  border: none;
  /* Border-Radius */
  border-radius: 4px;
  /* Icon */
}
.button.primary-button.primary.default.arrow-left.full-width {
  width: 100%;
}
.button.primary-button.primary.default.arrow-left:before {
  font-family: 'Prijsvrij Icons';
  content: '\e933';
  display: inline-block;
  pointer-events: none;
  margin-right: 5px;
}
.button.primary-button.primary.default.arrow-left.hover,
.button.primary-button.primary.default.arrow-left:hover {
  background-color: #006DB5;
  color: #FFF;
}
.button.primary-button.primary.default.arrow-left.inactive {
  background-color: #EFF8FE;
  color: #80C8F8;
  pointer-events: none;
  box-shadow: none;
}
.button.primary-button.primary.default.arrow-left.inactive::after {
  color: #80C8F8;
}
.button.primary-button.primary.default.arrow-right {
  padding: 12px 20px;
  background: #0092F2;
  color: #FFF;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  /* Button Shadow */
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.11), 0px 1px 5px rgba(0, 0, 0, 0.12);
  border: none;
  /* Border-Radius */
  border-radius: 4px;
  /* Icon */
}
.button.primary-button.primary.default.arrow-right.full-width {
  width: 100%;
}
.button.primary-button.primary.default.arrow-right:after {
  font-family: 'Prijsvrij Icons';
  content: '\e934';
  display: inline-block;
  pointer-events: none;
  margin-left: 5px;
}
.button.primary-button.primary.default.arrow-right.hover,
.button.primary-button.primary.default.arrow-right:hover {
  background-color: #006DB5;
  color: #FFF;
}
.button.primary-button.primary.default.arrow-right.inactive {
  background-color: #EFF8FE;
  color: #80C8F8;
  pointer-events: none;
  box-shadow: none;
}
.button.primary-button.primary.default.arrow-right.inactive::after {
  color: #80C8F8;
}
.button.primary-button.primary.large {
  font-family: Open Sans;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-rendering: optimizeLegibility;
  /* &:not(.@{iconClassName}-left):not(.@{iconClassName}-right) {*/
  /*&.@{iconClassName}-left {*/
  /*&.@{iconClassName}-right {*/
}
.button.primary-button.primary.large:not(.arrow-right):not(.arrow-left) {
  padding: 12px 32px;
  background: #0092F2;
  color: #FFF;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  /* Button Shadow */
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.11), 0px 1px 5px rgba(0, 0, 0, 0.12);
  border: none;
  /* Border-Radius */
  border-radius: 4px;
}
.button.primary-button.primary.large:not(.arrow-right):not(.arrow-left).full-width {
  width: 100%;
}
.button.primary-button.primary.large:not(.arrow-right):not(.arrow-left).hover,
.button.primary-button.primary.large:not(.arrow-right):not(.arrow-left):hover {
  background-color: #006DB5;
  color: #FFF;
}
.button.primary-button.primary.large:not(.arrow-right):not(.arrow-left).inactive {
  background-color: #EFF8FE;
  color: #80C8F8;
  pointer-events: none;
  box-shadow: none;
}
.button.primary-button.primary.large.arrow-left {
  padding: 12px 32px;
  background: #0092F2;
  color: #FFF;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  /* Button Shadow */
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.11), 0px 1px 5px rgba(0, 0, 0, 0.12);
  border: none;
  /* Border-Radius */
  border-radius: 4px;
  /* Icon */
}
.button.primary-button.primary.large.arrow-left.full-width {
  width: 100%;
}
.button.primary-button.primary.large.arrow-left:before {
  font-family: 'Prijsvrij Icons';
  content: '\e933';
  display: inline-block;
  pointer-events: none;
  margin-right: 5px;
}
.button.primary-button.primary.large.arrow-left.hover,
.button.primary-button.primary.large.arrow-left:hover {
  background-color: #006DB5;
  color: #FFF;
}
.button.primary-button.primary.large.arrow-left.inactive {
  background-color: #EFF8FE;
  color: #80C8F8;
  pointer-events: none;
  box-shadow: none;
}
.button.primary-button.primary.large.arrow-left.inactive::after {
  color: #80C8F8;
}
.button.primary-button.primary.large.arrow-right {
  padding: 12px 32px;
  background: #0092F2;
  color: #FFF;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  /* Button Shadow */
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.11), 0px 1px 5px rgba(0, 0, 0, 0.12);
  border: none;
  /* Border-Radius */
  border-radius: 4px;
  /* Icon */
}
.button.primary-button.primary.large.arrow-right.full-width {
  width: 100%;
}
.button.primary-button.primary.large.arrow-right:after {
  font-family: 'Prijsvrij Icons';
  content: '\e934';
  display: inline-block;
  pointer-events: none;
  margin-left: 5px;
}
.button.primary-button.primary.large.arrow-right.hover,
.button.primary-button.primary.large.arrow-right:hover {
  background-color: #006DB5;
  color: #FFF;
}
.button.primary-button.primary.large.arrow-right.inactive {
  background-color: #EFF8FE;
  color: #80C8F8;
  pointer-events: none;
  box-shadow: none;
}
.button.primary-button.primary.large.arrow-right.inactive::after {
  color: #80C8F8;
}
.button.primary-button.cta.small {
  font-family: Open Sans;
  font-style: normal;
  font-weight: bold;
  font-size: 10px;
  line-height: 12px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  text-rendering: optimizeLegibility;
  /* &:not(.@{iconClassName}-left):not(.@{iconClassName}-right) {*/
  /*&.@{iconClassName}-left {*/
  /*&.@{iconClassName}-right {*/
}
.button.primary-button.cta.small:not(.arrow-right):not(.arrow-left) {
  padding: 10px 16px;
  background: #D90000;
  color: #FFF;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  /* Button Shadow */
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.11), 0px 1px 5px rgba(0, 0, 0, 0.12);
  border: none;
  /* Border-Radius */
  border-radius: 4px;
}
.button.primary-button.cta.small:not(.arrow-right):not(.arrow-left).full-width {
  width: 100%;
}
.button.primary-button.cta.small:not(.arrow-right):not(.arrow-left).hover,
.button.primary-button.cta.small:not(.arrow-right):not(.arrow-left):hover {
  background-color: #730000;
  color: #FFF;
}
.button.primary-button.cta.small:not(.arrow-right):not(.arrow-left).inactive {
  background-color: #99CC80;
  color: #b34040;
  pointer-events: none;
  box-shadow: none;
}
.button.primary-button.cta.small.arrow-left {
  padding: 10px 16px;
  background: #D90000;
  color: #FFF;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  /* Button Shadow */
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.11), 0px 1px 5px rgba(0, 0, 0, 0.12);
  border: none;
  /* Border-Radius */
  border-radius: 4px;
  /* Icon */
}
.button.primary-button.cta.small.arrow-left.full-width {
  width: 100%;
}
.button.primary-button.cta.small.arrow-left:before {
  font-family: 'Prijsvrij Icons';
  content: '\e933';
  display: inline-block;
  pointer-events: none;
  margin-right: 5px;
}
.button.primary-button.cta.small.arrow-left.hover,
.button.primary-button.cta.small.arrow-left:hover {
  background-color: #730000;
  color: #FFF;
}
.button.primary-button.cta.small.arrow-left.inactive {
  background-color: #99CC80;
  color: #b34040;
  pointer-events: none;
  box-shadow: none;
}
.button.primary-button.cta.small.arrow-left.inactive::after {
  color: #b34040;
}
.button.primary-button.cta.small.arrow-right {
  padding: 10px 16px;
  background: #D90000;
  color: #FFF;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  /* Button Shadow */
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.11), 0px 1px 5px rgba(0, 0, 0, 0.12);
  border: none;
  /* Border-Radius */
  border-radius: 4px;
  /* Icon */
}
.button.primary-button.cta.small.arrow-right.full-width {
  width: 100%;
}
.button.primary-button.cta.small.arrow-right:after {
  font-family: 'Prijsvrij Icons';
  content: '\e934';
  display: inline-block;
  pointer-events: none;
  margin-left: 5px;
}
.button.primary-button.cta.small.arrow-right.hover,
.button.primary-button.cta.small.arrow-right:hover {
  background-color: #730000;
  color: #FFF;
}
.button.primary-button.cta.small.arrow-right.inactive {
  background-color: #99CC80;
  color: #b34040;
  pointer-events: none;
  box-shadow: none;
}
.button.primary-button.cta.small.arrow-right.inactive::after {
  color: #b34040;
}
.button.primary-button.cta.default {
  font-family: Open Sans;
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-rendering: optimizeLegibility;
  /* &:not(.@{iconClassName}-left):not(.@{iconClassName}-right) {*/
  /*&.@{iconClassName}-left {*/
  /*&.@{iconClassName}-right {*/
}
.button.primary-button.cta.default:not(.arrow-right):not(.arrow-left) {
  padding: 12px 20px;
  background: #D90000;
  color: #FFF;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  /* Button Shadow */
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.11), 0px 1px 5px rgba(0, 0, 0, 0.12);
  border: none;
  /* Border-Radius */
  border-radius: 4px;
}
.button.primary-button.cta.default:not(.arrow-right):not(.arrow-left).full-width {
  width: 100%;
}
.button.primary-button.cta.default:not(.arrow-right):not(.arrow-left).hover,
.button.primary-button.cta.default:not(.arrow-right):not(.arrow-left):hover {
  background-color: #730000;
  color: #FFF;
}
.button.primary-button.cta.default:not(.arrow-right):not(.arrow-left).inactive {
  background-color: #99CC80;
  color: #b34040;
  pointer-events: none;
  box-shadow: none;
}
.button.primary-button.cta.default.arrow-left {
  padding: 12px 20px;
  background: #D90000;
  color: #FFF;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  /* Button Shadow */
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.11), 0px 1px 5px rgba(0, 0, 0, 0.12);
  border: none;
  /* Border-Radius */
  border-radius: 4px;
  /* Icon */
}
.button.primary-button.cta.default.arrow-left.full-width {
  width: 100%;
}
.button.primary-button.cta.default.arrow-left:before {
  font-family: 'Prijsvrij Icons';
  content: '\e933';
  display: inline-block;
  pointer-events: none;
  margin-right: 5px;
}
.button.primary-button.cta.default.arrow-left.hover,
.button.primary-button.cta.default.arrow-left:hover {
  background-color: #730000;
  color: #FFF;
}
.button.primary-button.cta.default.arrow-left.inactive {
  background-color: #99CC80;
  color: #b34040;
  pointer-events: none;
  box-shadow: none;
}
.button.primary-button.cta.default.arrow-left.inactive::after {
  color: #b34040;
}
.button.primary-button.cta.default.arrow-right {
  padding: 12px 20px;
  background: #D90000;
  color: #FFF;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  /* Button Shadow */
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.11), 0px 1px 5px rgba(0, 0, 0, 0.12);
  border: none;
  /* Border-Radius */
  border-radius: 4px;
  /* Icon */
}
.button.primary-button.cta.default.arrow-right.full-width {
  width: 100%;
}
.button.primary-button.cta.default.arrow-right:after {
  font-family: 'Prijsvrij Icons';
  content: '\e934';
  display: inline-block;
  pointer-events: none;
  margin-left: 5px;
}
.button.primary-button.cta.default.arrow-right.hover,
.button.primary-button.cta.default.arrow-right:hover {
  background-color: #730000;
  color: #FFF;
}
.button.primary-button.cta.default.arrow-right.inactive {
  background-color: #99CC80;
  color: #b34040;
  pointer-events: none;
  box-shadow: none;
}
.button.primary-button.cta.default.arrow-right.inactive::after {
  color: #b34040;
}
.button.primary-button.cta.large {
  font-family: Open Sans;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-rendering: optimizeLegibility;
  /* &:not(.@{iconClassName}-left):not(.@{iconClassName}-right) {*/
  /*&.@{iconClassName}-left {*/
  /*&.@{iconClassName}-right {*/
}
.button.primary-button.cta.large:not(.arrow-right):not(.arrow-left) {
  padding: 12px 32px;
  background: #D90000;
  color: #FFF;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  /* Button Shadow */
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.11), 0px 1px 5px rgba(0, 0, 0, 0.12);
  border: none;
  /* Border-Radius */
  border-radius: 4px;
}
.button.primary-button.cta.large:not(.arrow-right):not(.arrow-left).full-width {
  width: 100%;
}
.button.primary-button.cta.large:not(.arrow-right):not(.arrow-left).hover,
.button.primary-button.cta.large:not(.arrow-right):not(.arrow-left):hover {
  background-color: #730000;
  color: #FFF;
}
.button.primary-button.cta.large:not(.arrow-right):not(.arrow-left).inactive {
  background-color: #99CC80;
  color: #b34040;
  pointer-events: none;
  box-shadow: none;
}
.button.primary-button.cta.large.arrow-left {
  padding: 12px 32px;
  background: #D90000;
  color: #FFF;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  /* Button Shadow */
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.11), 0px 1px 5px rgba(0, 0, 0, 0.12);
  border: none;
  /* Border-Radius */
  border-radius: 4px;
  /* Icon */
}
.button.primary-button.cta.large.arrow-left.full-width {
  width: 100%;
}
.button.primary-button.cta.large.arrow-left:before {
  font-family: 'Prijsvrij Icons';
  content: '\e933';
  display: inline-block;
  pointer-events: none;
  margin-right: 5px;
}
.button.primary-button.cta.large.arrow-left.hover,
.button.primary-button.cta.large.arrow-left:hover {
  background-color: #730000;
  color: #FFF;
}
.button.primary-button.cta.large.arrow-left.inactive {
  background-color: #99CC80;
  color: #b34040;
  pointer-events: none;
  box-shadow: none;
}
.button.primary-button.cta.large.arrow-left.inactive::after {
  color: #b34040;
}
.button.primary-button.cta.large.arrow-right {
  padding: 12px 32px;
  background: #D90000;
  color: #FFF;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  /* Button Shadow */
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.11), 0px 1px 5px rgba(0, 0, 0, 0.12);
  border: none;
  /* Border-Radius */
  border-radius: 4px;
  /* Icon */
}
.button.primary-button.cta.large.arrow-right.full-width {
  width: 100%;
}
.button.primary-button.cta.large.arrow-right:after {
  font-family: 'Prijsvrij Icons';
  content: '\e934';
  display: inline-block;
  pointer-events: none;
  margin-left: 5px;
}
.button.primary-button.cta.large.arrow-right.hover,
.button.primary-button.cta.large.arrow-right:hover {
  background-color: #730000;
  color: #FFF;
}
.button.primary-button.cta.large.arrow-right.inactive {
  background-color: #99CC80;
  color: #b34040;
  pointer-events: none;
  box-shadow: none;
}
.button.primary-button.cta.large.arrow-right.inactive::after {
  color: #b34040;
}
.button.primary-button.secondary.small {
  font-family: Open Sans;
  font-style: normal;
  font-weight: bold;
  font-size: 10px;
  line-height: 12px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  text-rendering: optimizeLegibility;
  /* &:not(.@{iconClassName}-left):not(.@{iconClassName}-right) {*/
  /*&.@{iconClassName}-left {*/
  /*&.@{iconClassName}-right {*/
}
.button.primary-button.secondary.small:not(.arrow-right):not(.arrow-left) {
  padding: 10px 16px;
  background: #FDE92F;
  color: #FFF;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  /* Button Shadow */
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.11), 0px 1px 5px rgba(0, 0, 0, 0.12);
  border: none;
  /* Border-Radius */
  border-radius: 4px;
}
.button.primary-button.secondary.small:not(.arrow-right):not(.arrow-left).full-width {
  width: 100%;
}
.button.primary-button.secondary.small:not(.arrow-right):not(.arrow-left).hover,
.button.primary-button.secondary.small:not(.arrow-right):not(.arrow-left):hover {
  background-color: #BEAF23;
  color: #FFF;
}
.button.primary-button.secondary.small:not(.arrow-right):not(.arrow-left).inactive {
  background-color: #FEF497;
  color: #BEAF23;
  pointer-events: none;
  box-shadow: none;
}
.button.primary-button.secondary.small.arrow-left {
  padding: 10px 16px;
  background: #FDE92F;
  color: #FFF;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  /* Button Shadow */
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.11), 0px 1px 5px rgba(0, 0, 0, 0.12);
  border: none;
  /* Border-Radius */
  border-radius: 4px;
  /* Icon */
}
.button.primary-button.secondary.small.arrow-left.full-width {
  width: 100%;
}
.button.primary-button.secondary.small.arrow-left:before {
  font-family: 'Prijsvrij Icons';
  content: '\e933';
  display: inline-block;
  pointer-events: none;
  margin-right: 5px;
}
.button.primary-button.secondary.small.arrow-left.hover,
.button.primary-button.secondary.small.arrow-left:hover {
  background-color: #BEAF23;
  color: #FFF;
}
.button.primary-button.secondary.small.arrow-left.inactive {
  background-color: #FEF497;
  color: #BEAF23;
  pointer-events: none;
  box-shadow: none;
}
.button.primary-button.secondary.small.arrow-left.inactive::after {
  color: #BEAF23;
}
.button.primary-button.secondary.small.arrow-right {
  padding: 10px 16px;
  background: #FDE92F;
  color: #FFF;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  /* Button Shadow */
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.11), 0px 1px 5px rgba(0, 0, 0, 0.12);
  border: none;
  /* Border-Radius */
  border-radius: 4px;
  /* Icon */
}
.button.primary-button.secondary.small.arrow-right.full-width {
  width: 100%;
}
.button.primary-button.secondary.small.arrow-right:after {
  font-family: 'Prijsvrij Icons';
  content: '\e934';
  display: inline-block;
  pointer-events: none;
  margin-left: 5px;
}
.button.primary-button.secondary.small.arrow-right.hover,
.button.primary-button.secondary.small.arrow-right:hover {
  background-color: #BEAF23;
  color: #FFF;
}
.button.primary-button.secondary.small.arrow-right.inactive {
  background-color: #FEF497;
  color: #BEAF23;
  pointer-events: none;
  box-shadow: none;
}
.button.primary-button.secondary.small.arrow-right.inactive::after {
  color: #BEAF23;
}
.button.primary-button.secondary.default {
  font-family: Open Sans;
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-rendering: optimizeLegibility;
  /* &:not(.@{iconClassName}-left):not(.@{iconClassName}-right) {*/
  /*&.@{iconClassName}-left {*/
  /*&.@{iconClassName}-right {*/
}
.button.primary-button.secondary.default:not(.arrow-right):not(.arrow-left) {
  padding: 12px 20px;
  background: #FDE92F;
  color: #FFF;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  /* Button Shadow */
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.11), 0px 1px 5px rgba(0, 0, 0, 0.12);
  border: none;
  /* Border-Radius */
  border-radius: 4px;
}
.button.primary-button.secondary.default:not(.arrow-right):not(.arrow-left).full-width {
  width: 100%;
}
.button.primary-button.secondary.default:not(.arrow-right):not(.arrow-left).hover,
.button.primary-button.secondary.default:not(.arrow-right):not(.arrow-left):hover {
  background-color: #BEAF23;
  color: #FFF;
}
.button.primary-button.secondary.default:not(.arrow-right):not(.arrow-left).inactive {
  background-color: #FEF497;
  color: #BEAF23;
  pointer-events: none;
  box-shadow: none;
}
.button.primary-button.secondary.default.arrow-left {
  padding: 12px 20px;
  background: #FDE92F;
  color: #FFF;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  /* Button Shadow */
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.11), 0px 1px 5px rgba(0, 0, 0, 0.12);
  border: none;
  /* Border-Radius */
  border-radius: 4px;
  /* Icon */
}
.button.primary-button.secondary.default.arrow-left.full-width {
  width: 100%;
}
.button.primary-button.secondary.default.arrow-left:before {
  font-family: 'Prijsvrij Icons';
  content: '\e933';
  display: inline-block;
  pointer-events: none;
  margin-right: 5px;
}
.button.primary-button.secondary.default.arrow-left.hover,
.button.primary-button.secondary.default.arrow-left:hover {
  background-color: #BEAF23;
  color: #FFF;
}
.button.primary-button.secondary.default.arrow-left.inactive {
  background-color: #FEF497;
  color: #BEAF23;
  pointer-events: none;
  box-shadow: none;
}
.button.primary-button.secondary.default.arrow-left.inactive::after {
  color: #BEAF23;
}
.button.primary-button.secondary.default.arrow-right {
  padding: 12px 20px;
  background: #FDE92F;
  color: #FFF;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  /* Button Shadow */
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.11), 0px 1px 5px rgba(0, 0, 0, 0.12);
  border: none;
  /* Border-Radius */
  border-radius: 4px;
  /* Icon */
}
.button.primary-button.secondary.default.arrow-right.full-width {
  width: 100%;
}
.button.primary-button.secondary.default.arrow-right:after {
  font-family: 'Prijsvrij Icons';
  content: '\e934';
  display: inline-block;
  pointer-events: none;
  margin-left: 5px;
}
.button.primary-button.secondary.default.arrow-right.hover,
.button.primary-button.secondary.default.arrow-right:hover {
  background-color: #BEAF23;
  color: #FFF;
}
.button.primary-button.secondary.default.arrow-right.inactive {
  background-color: #FEF497;
  color: #BEAF23;
  pointer-events: none;
  box-shadow: none;
}
.button.primary-button.secondary.default.arrow-right.inactive::after {
  color: #BEAF23;
}
.button.primary-button.secondary.large {
  font-family: Open Sans;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-rendering: optimizeLegibility;
  /* &:not(.@{iconClassName}-left):not(.@{iconClassName}-right) {*/
  /*&.@{iconClassName}-left {*/
  /*&.@{iconClassName}-right {*/
}
.button.primary-button.secondary.large:not(.arrow-right):not(.arrow-left) {
  padding: 12px 32px;
  background: #FDE92F;
  color: #FFF;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  /* Button Shadow */
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.11), 0px 1px 5px rgba(0, 0, 0, 0.12);
  border: none;
  /* Border-Radius */
  border-radius: 4px;
}
.button.primary-button.secondary.large:not(.arrow-right):not(.arrow-left).full-width {
  width: 100%;
}
.button.primary-button.secondary.large:not(.arrow-right):not(.arrow-left).hover,
.button.primary-button.secondary.large:not(.arrow-right):not(.arrow-left):hover {
  background-color: #BEAF23;
  color: #FFF;
}
.button.primary-button.secondary.large:not(.arrow-right):not(.arrow-left).inactive {
  background-color: #FEF497;
  color: #BEAF23;
  pointer-events: none;
  box-shadow: none;
}
.button.primary-button.secondary.large.arrow-left {
  padding: 12px 32px;
  background: #FDE92F;
  color: #FFF;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  /* Button Shadow */
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.11), 0px 1px 5px rgba(0, 0, 0, 0.12);
  border: none;
  /* Border-Radius */
  border-radius: 4px;
  /* Icon */
}
.button.primary-button.secondary.large.arrow-left.full-width {
  width: 100%;
}
.button.primary-button.secondary.large.arrow-left:before {
  font-family: 'Prijsvrij Icons';
  content: '\e933';
  display: inline-block;
  pointer-events: none;
  margin-right: 5px;
}
.button.primary-button.secondary.large.arrow-left.hover,
.button.primary-button.secondary.large.arrow-left:hover {
  background-color: #BEAF23;
  color: #FFF;
}
.button.primary-button.secondary.large.arrow-left.inactive {
  background-color: #FEF497;
  color: #BEAF23;
  pointer-events: none;
  box-shadow: none;
}
.button.primary-button.secondary.large.arrow-left.inactive::after {
  color: #BEAF23;
}
.button.primary-button.secondary.large.arrow-right {
  padding: 12px 32px;
  background: #FDE92F;
  color: #FFF;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  /* Button Shadow */
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.11), 0px 1px 5px rgba(0, 0, 0, 0.12);
  border: none;
  /* Border-Radius */
  border-radius: 4px;
  /* Icon */
}
.button.primary-button.secondary.large.arrow-right.full-width {
  width: 100%;
}
.button.primary-button.secondary.large.arrow-right:after {
  font-family: 'Prijsvrij Icons';
  content: '\e934';
  display: inline-block;
  pointer-events: none;
  margin-left: 5px;
}
.button.primary-button.secondary.large.arrow-right.hover,
.button.primary-button.secondary.large.arrow-right:hover {
  background-color: #BEAF23;
  color: #FFF;
}
.button.primary-button.secondary.large.arrow-right.inactive {
  background-color: #FEF497;
  color: #BEAF23;
  pointer-events: none;
  box-shadow: none;
}
.button.primary-button.secondary.large.arrow-right.inactive::after {
  color: #BEAF23;
}
.button.primary-button.btn-groen.small {
  font-family: Open Sans;
  font-style: normal;
  font-weight: bold;
  font-size: 10px;
  line-height: 12px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  text-rendering: optimizeLegibility;
  /* &:not(.@{iconClassName}-left):not(.@{iconClassName}-right) {*/
  /*&.@{iconClassName}-left {*/
  /*&.@{iconClassName}-right {*/
}
.button.primary-button.btn-groen.small:not(.arrow-right):not(.arrow-left) {
  padding: 10px 16px;
  background: #339900;
  color: #FFF;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  /* Button Shadow */
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.11), 0px 1px 5px rgba(0, 0, 0, 0.12);
  border: none;
  /* Border-Radius */
  border-radius: 4px;
}
.button.primary-button.btn-groen.small:not(.arrow-right):not(.arrow-left).full-width {
  width: 100%;
}
.button.primary-button.btn-groen.small:not(.arrow-right):not(.arrow-left).hover,
.button.primary-button.btn-groen.small:not(.arrow-right):not(.arrow-left):hover {
  background-color: #267300;
  color: #FFF;
}
.button.primary-button.btn-groen.small:not(.arrow-right):not(.arrow-left).inactive {
  background-color: #99CC80;
  color: #66B340;
  pointer-events: none;
  box-shadow: none;
}
.button.primary-button.btn-groen.small.arrow-left {
  padding: 10px 16px;
  background: #339900;
  color: #FFF;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  /* Button Shadow */
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.11), 0px 1px 5px rgba(0, 0, 0, 0.12);
  border: none;
  /* Border-Radius */
  border-radius: 4px;
  /* Icon */
}
.button.primary-button.btn-groen.small.arrow-left.full-width {
  width: 100%;
}
.button.primary-button.btn-groen.small.arrow-left:before {
  font-family: 'Prijsvrij Icons';
  content: '\e933';
  display: inline-block;
  pointer-events: none;
  margin-right: 5px;
}
.button.primary-button.btn-groen.small.arrow-left.hover,
.button.primary-button.btn-groen.small.arrow-left:hover {
  background-color: #267300;
  color: #FFF;
}
.button.primary-button.btn-groen.small.arrow-left.inactive {
  background-color: #99CC80;
  color: #66B340;
  pointer-events: none;
  box-shadow: none;
}
.button.primary-button.btn-groen.small.arrow-left.inactive::after {
  color: #66B340;
}
.button.primary-button.btn-groen.small.arrow-right {
  padding: 10px 16px;
  background: #339900;
  color: #FFF;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  /* Button Shadow */
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.11), 0px 1px 5px rgba(0, 0, 0, 0.12);
  border: none;
  /* Border-Radius */
  border-radius: 4px;
  /* Icon */
}
.button.primary-button.btn-groen.small.arrow-right.full-width {
  width: 100%;
}
.button.primary-button.btn-groen.small.arrow-right:after {
  font-family: 'Prijsvrij Icons';
  content: '\e934';
  display: inline-block;
  pointer-events: none;
  margin-left: 5px;
}
.button.primary-button.btn-groen.small.arrow-right.hover,
.button.primary-button.btn-groen.small.arrow-right:hover {
  background-color: #267300;
  color: #FFF;
}
.button.primary-button.btn-groen.small.arrow-right.inactive {
  background-color: #99CC80;
  color: #66B340;
  pointer-events: none;
  box-shadow: none;
}
.button.primary-button.btn-groen.small.arrow-right.inactive::after {
  color: #66B340;
}
.button.primary-button.btn-groen.default {
  font-family: Open Sans;
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-rendering: optimizeLegibility;
  /* &:not(.@{iconClassName}-left):not(.@{iconClassName}-right) {*/
  /*&.@{iconClassName}-left {*/
  /*&.@{iconClassName}-right {*/
}
.button.primary-button.btn-groen.default:not(.arrow-right):not(.arrow-left) {
  padding: 12px 20px;
  background: #339900;
  color: #FFF;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  /* Button Shadow */
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.11), 0px 1px 5px rgba(0, 0, 0, 0.12);
  border: none;
  /* Border-Radius */
  border-radius: 4px;
}
.button.primary-button.btn-groen.default:not(.arrow-right):not(.arrow-left).full-width {
  width: 100%;
}
.button.primary-button.btn-groen.default:not(.arrow-right):not(.arrow-left).hover,
.button.primary-button.btn-groen.default:not(.arrow-right):not(.arrow-left):hover {
  background-color: #267300;
  color: #FFF;
}
.button.primary-button.btn-groen.default:not(.arrow-right):not(.arrow-left).inactive {
  background-color: #99CC80;
  color: #66B340;
  pointer-events: none;
  box-shadow: none;
}
.button.primary-button.btn-groen.default.arrow-left {
  padding: 12px 20px;
  background: #339900;
  color: #FFF;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  /* Button Shadow */
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.11), 0px 1px 5px rgba(0, 0, 0, 0.12);
  border: none;
  /* Border-Radius */
  border-radius: 4px;
  /* Icon */
}
.button.primary-button.btn-groen.default.arrow-left.full-width {
  width: 100%;
}
.button.primary-button.btn-groen.default.arrow-left:before {
  font-family: 'Prijsvrij Icons';
  content: '\e933';
  display: inline-block;
  pointer-events: none;
  margin-right: 5px;
}
.button.primary-button.btn-groen.default.arrow-left.hover,
.button.primary-button.btn-groen.default.arrow-left:hover {
  background-color: #267300;
  color: #FFF;
}
.button.primary-button.btn-groen.default.arrow-left.inactive {
  background-color: #99CC80;
  color: #66B340;
  pointer-events: none;
  box-shadow: none;
}
.button.primary-button.btn-groen.default.arrow-left.inactive::after {
  color: #66B340;
}
.button.primary-button.btn-groen.default.arrow-right {
  padding: 12px 20px;
  background: #339900;
  color: #FFF;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  /* Button Shadow */
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.11), 0px 1px 5px rgba(0, 0, 0, 0.12);
  border: none;
  /* Border-Radius */
  border-radius: 4px;
  /* Icon */
}
.button.primary-button.btn-groen.default.arrow-right.full-width {
  width: 100%;
}
.button.primary-button.btn-groen.default.arrow-right:after {
  font-family: 'Prijsvrij Icons';
  content: '\e934';
  display: inline-block;
  pointer-events: none;
  margin-left: 5px;
}
.button.primary-button.btn-groen.default.arrow-right.hover,
.button.primary-button.btn-groen.default.arrow-right:hover {
  background-color: #267300;
  color: #FFF;
}
.button.primary-button.btn-groen.default.arrow-right.inactive {
  background-color: #99CC80;
  color: #66B340;
  pointer-events: none;
  box-shadow: none;
}
.button.primary-button.btn-groen.default.arrow-right.inactive::after {
  color: #66B340;
}
.button.primary-button.btn-groen.large {
  font-family: Open Sans;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-rendering: optimizeLegibility;
  /* &:not(.@{iconClassName}-left):not(.@{iconClassName}-right) {*/
  /*&.@{iconClassName}-left {*/
  /*&.@{iconClassName}-right {*/
}
.button.primary-button.btn-groen.large:not(.arrow-right):not(.arrow-left) {
  padding: 12px 32px;
  background: #339900;
  color: #FFF;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  /* Button Shadow */
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.11), 0px 1px 5px rgba(0, 0, 0, 0.12);
  border: none;
  /* Border-Radius */
  border-radius: 4px;
}
.button.primary-button.btn-groen.large:not(.arrow-right):not(.arrow-left).full-width {
  width: 100%;
}
.button.primary-button.btn-groen.large:not(.arrow-right):not(.arrow-left).hover,
.button.primary-button.btn-groen.large:not(.arrow-right):not(.arrow-left):hover {
  background-color: #267300;
  color: #FFF;
}
.button.primary-button.btn-groen.large:not(.arrow-right):not(.arrow-left).inactive {
  background-color: #99CC80;
  color: #66B340;
  pointer-events: none;
  box-shadow: none;
}
.button.primary-button.btn-groen.large.arrow-left {
  padding: 12px 32px;
  background: #339900;
  color: #FFF;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  /* Button Shadow */
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.11), 0px 1px 5px rgba(0, 0, 0, 0.12);
  border: none;
  /* Border-Radius */
  border-radius: 4px;
  /* Icon */
}
.button.primary-button.btn-groen.large.arrow-left.full-width {
  width: 100%;
}
.button.primary-button.btn-groen.large.arrow-left:before {
  font-family: 'Prijsvrij Icons';
  content: '\e933';
  display: inline-block;
  pointer-events: none;
  margin-right: 5px;
}
.button.primary-button.btn-groen.large.arrow-left.hover,
.button.primary-button.btn-groen.large.arrow-left:hover {
  background-color: #267300;
  color: #FFF;
}
.button.primary-button.btn-groen.large.arrow-left.inactive {
  background-color: #99CC80;
  color: #66B340;
  pointer-events: none;
  box-shadow: none;
}
.button.primary-button.btn-groen.large.arrow-left.inactive::after {
  color: #66B340;
}
.button.primary-button.btn-groen.large.arrow-right {
  padding: 12px 32px;
  background: #339900;
  color: #FFF;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  /* Button Shadow */
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.11), 0px 1px 5px rgba(0, 0, 0, 0.12);
  border: none;
  /* Border-Radius */
  border-radius: 4px;
  /* Icon */
}
.button.primary-button.btn-groen.large.arrow-right.full-width {
  width: 100%;
}
.button.primary-button.btn-groen.large.arrow-right:after {
  font-family: 'Prijsvrij Icons';
  content: '\e934';
  display: inline-block;
  pointer-events: none;
  margin-left: 5px;
}
.button.primary-button.btn-groen.large.arrow-right.hover,
.button.primary-button.btn-groen.large.arrow-right:hover {
  background-color: #267300;
  color: #FFF;
}
.button.primary-button.btn-groen.large.arrow-right.inactive {
  background-color: #99CC80;
  color: #66B340;
  pointer-events: none;
  box-shadow: none;
}
.button.primary-button.btn-groen.large.arrow-right.inactive::after {
  color: #66B340;
}
.button.secondary-button.primary.small {
  font-family: Open Sans;
  font-style: normal;
  font-weight: bold;
  font-size: 10px;
  line-height: 12px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  text-rendering: optimizeLegibility;
  /* &:not(.@{iconClassName}-left):not(.@{iconClassName}-right) {*/
  /*&.@{iconClassName}-left {*/
  /*&.@{iconClassName}-right {*/
}
.button.secondary-button.primary.small:not(.arrow-right):not(.arrow-left) {
  padding: 10px 16px;
  color: #0092F2;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  /* Border */
  border: 1px solid #0092F2;
  /* Border-Radius */
  border-radius: 4px;
}
.button.secondary-button.primary.small:not(.arrow-right):not(.arrow-left).full-width {
  width: 100%;
}
.button.secondary-button.primary.small:not(.arrow-right):not(.arrow-left).hover,
.button.secondary-button.primary.small:not(.arrow-right):not(.arrow-left):hover {
  color: #006DB5;
  /* Border */
  border: 1px solid #006DB5;
}
.button.secondary-button.primary.small:not(.arrow-right):not(.arrow-left).inactive {
  background-color: #FFF;
  color: #80C8F8;
  pointer-events: none;
  box-shadow: none;
  /* Border */
  border: 1px solid #80C8F8;
}
.button.secondary-button.primary.small.arrow-left {
  padding: 10px 16px;
  color: #0092F2;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  /* Border */
  border: 1px solid #0092F2;
  /* Border-Radius */
  border-radius: 4px;
  /* Icon */
}
.button.secondary-button.primary.small.arrow-left.full-width {
  width: 100%;
}
.button.secondary-button.primary.small.arrow-left:before {
  font-family: 'Prijsvrij Icons';
  content: '\e933';
  display: inline-block;
  pointer-events: none;
  margin-right: 5px;
}
.button.secondary-button.primary.small.arrow-left.hover,
.button.secondary-button.primary.small.arrow-left:hover {
  color: #006DB5;
  /* Border */
  border: 1px solid #006DB5;
}
.button.secondary-button.primary.small.arrow-left.inactive {
  background-color: #FFF;
  color: #80C8F8;
  pointer-events: none;
  box-shadow: none;
  /* Border */
  border: 1px solid #80C8F8;
}
.button.secondary-button.primary.small.arrow-left.inactive::after {
  color: #80C8F8;
}
.button.secondary-button.primary.small.arrow-right {
  padding: 10px 16px;
  color: #0092F2;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  /* Border */
  border: 1px solid #0092F2;
  /* Border-Radius */
  border-radius: 4px;
  /* Icon */
}
.button.secondary-button.primary.small.arrow-right.full-width {
  width: 100%;
}
.button.secondary-button.primary.small.arrow-right:after {
  font-family: 'Prijsvrij Icons';
  content: '\e934';
  display: inline-block;
  pointer-events: none;
  margin-left: 5px;
}
.button.secondary-button.primary.small.arrow-right.hover,
.button.secondary-button.primary.small.arrow-right:hover {
  color: #006DB5;
  /* Border */
  border: 1px solid #006DB5;
}
.button.secondary-button.primary.small.arrow-right.inactive {
  background-color: #FFF;
  color: #80C8F8;
  pointer-events: none;
  box-shadow: none;
  /* Border */
  border: 1px solid #80C8F8;
}
.button.secondary-button.primary.small.arrow-right.inactive::after {
  color: #80C8F8;
}
.button.secondary-button.primary.default {
  font-family: Open Sans;
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-rendering: optimizeLegibility;
  /* &:not(.@{iconClassName}-left):not(.@{iconClassName}-right) {*/
  /*&.@{iconClassName}-left {*/
  /*&.@{iconClassName}-right {*/
}
.button.secondary-button.primary.default:not(.arrow-right):not(.arrow-left) {
  padding: 12px 20px;
  color: #0092F2;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  /* Border */
  border: 1px solid #0092F2;
  /* Border-Radius */
  border-radius: 4px;
}
.button.secondary-button.primary.default:not(.arrow-right):not(.arrow-left).full-width {
  width: 100%;
}
.button.secondary-button.primary.default:not(.arrow-right):not(.arrow-left).hover,
.button.secondary-button.primary.default:not(.arrow-right):not(.arrow-left):hover {
  color: #006DB5;
  /* Border */
  border: 1px solid #006DB5;
}
.button.secondary-button.primary.default:not(.arrow-right):not(.arrow-left).inactive {
  background-color: #FFF;
  color: #80C8F8;
  pointer-events: none;
  box-shadow: none;
  /* Border */
  border: 1px solid #80C8F8;
}
.button.secondary-button.primary.default.arrow-left {
  padding: 12px 20px;
  color: #0092F2;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  /* Border */
  border: 1px solid #0092F2;
  /* Border-Radius */
  border-radius: 4px;
  /* Icon */
}
.button.secondary-button.primary.default.arrow-left.full-width {
  width: 100%;
}
.button.secondary-button.primary.default.arrow-left:before {
  font-family: 'Prijsvrij Icons';
  content: '\e933';
  display: inline-block;
  pointer-events: none;
  margin-right: 5px;
}
.button.secondary-button.primary.default.arrow-left.hover,
.button.secondary-button.primary.default.arrow-left:hover {
  color: #006DB5;
  /* Border */
  border: 1px solid #006DB5;
}
.button.secondary-button.primary.default.arrow-left.inactive {
  background-color: #FFF;
  color: #80C8F8;
  pointer-events: none;
  box-shadow: none;
  /* Border */
  border: 1px solid #80C8F8;
}
.button.secondary-button.primary.default.arrow-left.inactive::after {
  color: #80C8F8;
}
.button.secondary-button.primary.default.arrow-right {
  padding: 12px 20px;
  color: #0092F2;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  /* Border */
  border: 1px solid #0092F2;
  /* Border-Radius */
  border-radius: 4px;
  /* Icon */
}
.button.secondary-button.primary.default.arrow-right.full-width {
  width: 100%;
}
.button.secondary-button.primary.default.arrow-right:after {
  font-family: 'Prijsvrij Icons';
  content: '\e934';
  display: inline-block;
  pointer-events: none;
  margin-left: 5px;
}
.button.secondary-button.primary.default.arrow-right.hover,
.button.secondary-button.primary.default.arrow-right:hover {
  color: #006DB5;
  /* Border */
  border: 1px solid #006DB5;
}
.button.secondary-button.primary.default.arrow-right.inactive {
  background-color: #FFF;
  color: #80C8F8;
  pointer-events: none;
  box-shadow: none;
  /* Border */
  border: 1px solid #80C8F8;
}
.button.secondary-button.primary.default.arrow-right.inactive::after {
  color: #80C8F8;
}
.button.secondary-button.primary.large {
  font-family: Open Sans;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-rendering: optimizeLegibility;
  /* &:not(.@{iconClassName}-left):not(.@{iconClassName}-right) {*/
  /*&.@{iconClassName}-left {*/
  /*&.@{iconClassName}-right {*/
}
.button.secondary-button.primary.large:not(.arrow-right):not(.arrow-left) {
  padding: 12px 32px;
  color: #0092F2;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  /* Border */
  border: 1px solid #0092F2;
  /* Border-Radius */
  border-radius: 4px;
}
.button.secondary-button.primary.large:not(.arrow-right):not(.arrow-left).full-width {
  width: 100%;
}
.button.secondary-button.primary.large:not(.arrow-right):not(.arrow-left).hover,
.button.secondary-button.primary.large:not(.arrow-right):not(.arrow-left):hover {
  color: #006DB5;
  /* Border */
  border: 1px solid #006DB5;
}
.button.secondary-button.primary.large:not(.arrow-right):not(.arrow-left).inactive {
  background-color: #FFF;
  color: #80C8F8;
  pointer-events: none;
  box-shadow: none;
  /* Border */
  border: 1px solid #80C8F8;
}
.button.secondary-button.primary.large.arrow-left {
  padding: 12px 32px;
  color: #0092F2;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  /* Border */
  border: 1px solid #0092F2;
  /* Border-Radius */
  border-radius: 4px;
  /* Icon */
}
.button.secondary-button.primary.large.arrow-left.full-width {
  width: 100%;
}
.button.secondary-button.primary.large.arrow-left:before {
  font-family: 'Prijsvrij Icons';
  content: '\e933';
  display: inline-block;
  pointer-events: none;
  margin-right: 5px;
}
.button.secondary-button.primary.large.arrow-left.hover,
.button.secondary-button.primary.large.arrow-left:hover {
  color: #006DB5;
  /* Border */
  border: 1px solid #006DB5;
}
.button.secondary-button.primary.large.arrow-left.inactive {
  background-color: #FFF;
  color: #80C8F8;
  pointer-events: none;
  box-shadow: none;
  /* Border */
  border: 1px solid #80C8F8;
}
.button.secondary-button.primary.large.arrow-left.inactive::after {
  color: #80C8F8;
}
.button.secondary-button.primary.large.arrow-right {
  padding: 12px 32px;
  color: #0092F2;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  /* Border */
  border: 1px solid #0092F2;
  /* Border-Radius */
  border-radius: 4px;
  /* Icon */
}
.button.secondary-button.primary.large.arrow-right.full-width {
  width: 100%;
}
.button.secondary-button.primary.large.arrow-right:after {
  font-family: 'Prijsvrij Icons';
  content: '\e934';
  display: inline-block;
  pointer-events: none;
  margin-left: 5px;
}
.button.secondary-button.primary.large.arrow-right.hover,
.button.secondary-button.primary.large.arrow-right:hover {
  color: #006DB5;
  /* Border */
  border: 1px solid #006DB5;
}
.button.secondary-button.primary.large.arrow-right.inactive {
  background-color: #FFF;
  color: #80C8F8;
  pointer-events: none;
  box-shadow: none;
  /* Border */
  border: 1px solid #80C8F8;
}
.button.secondary-button.primary.large.arrow-right.inactive::after {
  color: #80C8F8;
}
.button.secondary-button.cta.small {
  font-family: Open Sans;
  font-style: normal;
  font-weight: bold;
  font-size: 10px;
  line-height: 12px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  text-rendering: optimizeLegibility;
  /* &:not(.@{iconClassName}-left):not(.@{iconClassName}-right) {*/
  /*&.@{iconClassName}-left {*/
  /*&.@{iconClassName}-right {*/
}
.button.secondary-button.cta.small:not(.arrow-right):not(.arrow-left) {
  padding: 10px 16px;
  color: #339900;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  /* Border */
  border: 1px solid #339900;
  /* Border-Radius */
  border-radius: 4px;
}
.button.secondary-button.cta.small:not(.arrow-right):not(.arrow-left).full-width {
  width: 100%;
}
.button.secondary-button.cta.small:not(.arrow-right):not(.arrow-left).hover,
.button.secondary-button.cta.small:not(.arrow-right):not(.arrow-left):hover {
  color: #267300;
  /* Border */
  border: 1px solid #267300;
}
.button.secondary-button.cta.small:not(.arrow-right):not(.arrow-left).inactive {
  background-color: #FFF;
  color: #99CC80;
  pointer-events: none;
  box-shadow: none;
  /* Border */
  border: 1px solid #99CC80;
}
.button.secondary-button.cta.small.arrow-left {
  padding: 10px 16px;
  color: #339900;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  /* Border */
  border: 1px solid #339900;
  /* Border-Radius */
  border-radius: 4px;
  /* Icon */
}
.button.secondary-button.cta.small.arrow-left.full-width {
  width: 100%;
}
.button.secondary-button.cta.small.arrow-left:before {
  font-family: 'Prijsvrij Icons';
  content: '\e933';
  display: inline-block;
  pointer-events: none;
  margin-right: 5px;
}
.button.secondary-button.cta.small.arrow-left.hover,
.button.secondary-button.cta.small.arrow-left:hover {
  color: #267300;
  /* Border */
  border: 1px solid #267300;
}
.button.secondary-button.cta.small.arrow-left.inactive {
  background-color: #FFF;
  color: #99CC80;
  pointer-events: none;
  box-shadow: none;
  /* Border */
  border: 1px solid #99CC80;
}
.button.secondary-button.cta.small.arrow-left.inactive::after {
  color: #99CC80;
}
.button.secondary-button.cta.small.arrow-right {
  padding: 10px 16px;
  color: #339900;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  /* Border */
  border: 1px solid #339900;
  /* Border-Radius */
  border-radius: 4px;
  /* Icon */
}
.button.secondary-button.cta.small.arrow-right.full-width {
  width: 100%;
}
.button.secondary-button.cta.small.arrow-right:after {
  font-family: 'Prijsvrij Icons';
  content: '\e934';
  display: inline-block;
  pointer-events: none;
  margin-left: 5px;
}
.button.secondary-button.cta.small.arrow-right.hover,
.button.secondary-button.cta.small.arrow-right:hover {
  color: #267300;
  /* Border */
  border: 1px solid #267300;
}
.button.secondary-button.cta.small.arrow-right.inactive {
  background-color: #FFF;
  color: #99CC80;
  pointer-events: none;
  box-shadow: none;
  /* Border */
  border: 1px solid #99CC80;
}
.button.secondary-button.cta.small.arrow-right.inactive::after {
  color: #99CC80;
}
.button.secondary-button.cta.default {
  font-family: Open Sans;
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-rendering: optimizeLegibility;
  /* &:not(.@{iconClassName}-left):not(.@{iconClassName}-right) {*/
  /*&.@{iconClassName}-left {*/
  /*&.@{iconClassName}-right {*/
}
.button.secondary-button.cta.default:not(.arrow-right):not(.arrow-left) {
  padding: 12px 20px;
  color: #339900;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  /* Border */
  border: 1px solid #339900;
  /* Border-Radius */
  border-radius: 4px;
}
.button.secondary-button.cta.default:not(.arrow-right):not(.arrow-left).full-width {
  width: 100%;
}
.button.secondary-button.cta.default:not(.arrow-right):not(.arrow-left).hover,
.button.secondary-button.cta.default:not(.arrow-right):not(.arrow-left):hover {
  color: #267300;
  /* Border */
  border: 1px solid #267300;
}
.button.secondary-button.cta.default:not(.arrow-right):not(.arrow-left).inactive {
  background-color: #FFF;
  color: #99CC80;
  pointer-events: none;
  box-shadow: none;
  /* Border */
  border: 1px solid #99CC80;
}
.button.secondary-button.cta.default.arrow-left {
  padding: 12px 20px;
  color: #339900;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  /* Border */
  border: 1px solid #339900;
  /* Border-Radius */
  border-radius: 4px;
  /* Icon */
}
.button.secondary-button.cta.default.arrow-left.full-width {
  width: 100%;
}
.button.secondary-button.cta.default.arrow-left:before {
  font-family: 'Prijsvrij Icons';
  content: '\e933';
  display: inline-block;
  pointer-events: none;
  margin-right: 5px;
}
.button.secondary-button.cta.default.arrow-left.hover,
.button.secondary-button.cta.default.arrow-left:hover {
  color: #267300;
  /* Border */
  border: 1px solid #267300;
}
.button.secondary-button.cta.default.arrow-left.inactive {
  background-color: #FFF;
  color: #99CC80;
  pointer-events: none;
  box-shadow: none;
  /* Border */
  border: 1px solid #99CC80;
}
.button.secondary-button.cta.default.arrow-left.inactive::after {
  color: #99CC80;
}
.button.secondary-button.cta.default.arrow-right {
  padding: 12px 20px;
  color: #339900;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  /* Border */
  border: 1px solid #339900;
  /* Border-Radius */
  border-radius: 4px;
  /* Icon */
}
.button.secondary-button.cta.default.arrow-right.full-width {
  width: 100%;
}
.button.secondary-button.cta.default.arrow-right:after {
  font-family: 'Prijsvrij Icons';
  content: '\e934';
  display: inline-block;
  pointer-events: none;
  margin-left: 5px;
}
.button.secondary-button.cta.default.arrow-right.hover,
.button.secondary-button.cta.default.arrow-right:hover {
  color: #267300;
  /* Border */
  border: 1px solid #267300;
}
.button.secondary-button.cta.default.arrow-right.inactive {
  background-color: #FFF;
  color: #99CC80;
  pointer-events: none;
  box-shadow: none;
  /* Border */
  border: 1px solid #99CC80;
}
.button.secondary-button.cta.default.arrow-right.inactive::after {
  color: #99CC80;
}
.button.secondary-button.cta.large {
  font-family: Open Sans;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-rendering: optimizeLegibility;
  /* &:not(.@{iconClassName}-left):not(.@{iconClassName}-right) {*/
  /*&.@{iconClassName}-left {*/
  /*&.@{iconClassName}-right {*/
}
.button.secondary-button.cta.large:not(.arrow-right):not(.arrow-left) {
  padding: 12px 32px;
  color: #339900;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  /* Border */
  border: 1px solid #339900;
  /* Border-Radius */
  border-radius: 4px;
}
.button.secondary-button.cta.large:not(.arrow-right):not(.arrow-left).full-width {
  width: 100%;
}
.button.secondary-button.cta.large:not(.arrow-right):not(.arrow-left).hover,
.button.secondary-button.cta.large:not(.arrow-right):not(.arrow-left):hover {
  color: #267300;
  /* Border */
  border: 1px solid #267300;
}
.button.secondary-button.cta.large:not(.arrow-right):not(.arrow-left).inactive {
  background-color: #FFF;
  color: #99CC80;
  pointer-events: none;
  box-shadow: none;
  /* Border */
  border: 1px solid #99CC80;
}
.button.secondary-button.cta.large.arrow-left {
  padding: 12px 32px;
  color: #339900;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  /* Border */
  border: 1px solid #339900;
  /* Border-Radius */
  border-radius: 4px;
  /* Icon */
}
.button.secondary-button.cta.large.arrow-left.full-width {
  width: 100%;
}
.button.secondary-button.cta.large.arrow-left:before {
  font-family: 'Prijsvrij Icons';
  content: '\e933';
  display: inline-block;
  pointer-events: none;
  margin-right: 5px;
}
.button.secondary-button.cta.large.arrow-left.hover,
.button.secondary-button.cta.large.arrow-left:hover {
  color: #267300;
  /* Border */
  border: 1px solid #267300;
}
.button.secondary-button.cta.large.arrow-left.inactive {
  background-color: #FFF;
  color: #99CC80;
  pointer-events: none;
  box-shadow: none;
  /* Border */
  border: 1px solid #99CC80;
}
.button.secondary-button.cta.large.arrow-left.inactive::after {
  color: #99CC80;
}
.button.secondary-button.cta.large.arrow-right {
  padding: 12px 32px;
  color: #339900;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  /* Border */
  border: 1px solid #339900;
  /* Border-Radius */
  border-radius: 4px;
  /* Icon */
}
.button.secondary-button.cta.large.arrow-right.full-width {
  width: 100%;
}
.button.secondary-button.cta.large.arrow-right:after {
  font-family: 'Prijsvrij Icons';
  content: '\e934';
  display: inline-block;
  pointer-events: none;
  margin-left: 5px;
}
.button.secondary-button.cta.large.arrow-right.hover,
.button.secondary-button.cta.large.arrow-right:hover {
  color: #267300;
  /* Border */
  border: 1px solid #267300;
}
.button.secondary-button.cta.large.arrow-right.inactive {
  background-color: #FFF;
  color: #99CC80;
  pointer-events: none;
  box-shadow: none;
  /* Border */
  border: 1px solid #99CC80;
}
.button.secondary-button.cta.large.arrow-right.inactive::after {
  color: #99CC80;
}
.button.secondary-button.secondary.small {
  font-family: Open Sans;
  font-style: normal;
  font-weight: bold;
  font-size: 10px;
  line-height: 12px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  text-rendering: optimizeLegibility;
  /* &:not(.@{iconClassName}-left):not(.@{iconClassName}-right) {*/
  /*&.@{iconClassName}-left {*/
  /*&.@{iconClassName}-right {*/
}
.button.secondary-button.secondary.small:not(.arrow-right):not(.arrow-left) {
  padding: 10px 16px;
  color: #FDE92F;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  /* Border */
  border: 1px solid #FDE92F;
  /* Border-Radius */
  border-radius: 4px;
}
.button.secondary-button.secondary.small:not(.arrow-right):not(.arrow-left).full-width {
  width: 100%;
}
.button.secondary-button.secondary.small:not(.arrow-right):not(.arrow-left).hover,
.button.secondary-button.secondary.small:not(.arrow-right):not(.arrow-left):hover {
  color: #BEAF23;
  /* Border */
  border: 1px solid #BEAF23;
}
.button.secondary-button.secondary.small:not(.arrow-right):not(.arrow-left).inactive {
  background-color: #FFF;
  color: #FEF497;
  pointer-events: none;
  box-shadow: none;
  /* Border */
  border: 1px solid #FEF497;
}
.button.secondary-button.secondary.small.arrow-left {
  padding: 10px 16px;
  color: #FDE92F;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  /* Border */
  border: 1px solid #FDE92F;
  /* Border-Radius */
  border-radius: 4px;
  /* Icon */
}
.button.secondary-button.secondary.small.arrow-left.full-width {
  width: 100%;
}
.button.secondary-button.secondary.small.arrow-left:before {
  font-family: 'Prijsvrij Icons';
  content: '\e933';
  display: inline-block;
  pointer-events: none;
  margin-right: 5px;
}
.button.secondary-button.secondary.small.arrow-left.hover,
.button.secondary-button.secondary.small.arrow-left:hover {
  color: #BEAF23;
  /* Border */
  border: 1px solid #BEAF23;
}
.button.secondary-button.secondary.small.arrow-left.inactive {
  background-color: #FFF;
  color: #FEF497;
  pointer-events: none;
  box-shadow: none;
  /* Border */
  border: 1px solid #FEF497;
}
.button.secondary-button.secondary.small.arrow-left.inactive::after {
  color: #FEF497;
}
.button.secondary-button.secondary.small.arrow-right {
  padding: 10px 16px;
  color: #FDE92F;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  /* Border */
  border: 1px solid #FDE92F;
  /* Border-Radius */
  border-radius: 4px;
  /* Icon */
}
.button.secondary-button.secondary.small.arrow-right.full-width {
  width: 100%;
}
.button.secondary-button.secondary.small.arrow-right:after {
  font-family: 'Prijsvrij Icons';
  content: '\e934';
  display: inline-block;
  pointer-events: none;
  margin-left: 5px;
}
.button.secondary-button.secondary.small.arrow-right.hover,
.button.secondary-button.secondary.small.arrow-right:hover {
  color: #BEAF23;
  /* Border */
  border: 1px solid #BEAF23;
}
.button.secondary-button.secondary.small.arrow-right.inactive {
  background-color: #FFF;
  color: #FEF497;
  pointer-events: none;
  box-shadow: none;
  /* Border */
  border: 1px solid #FEF497;
}
.button.secondary-button.secondary.small.arrow-right.inactive::after {
  color: #FEF497;
}
.button.secondary-button.secondary.default {
  font-family: Open Sans;
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-rendering: optimizeLegibility;
  /* &:not(.@{iconClassName}-left):not(.@{iconClassName}-right) {*/
  /*&.@{iconClassName}-left {*/
  /*&.@{iconClassName}-right {*/
}
.button.secondary-button.secondary.default:not(.arrow-right):not(.arrow-left) {
  padding: 12px 20px;
  color: #FDE92F;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  /* Border */
  border: 1px solid #FDE92F;
  /* Border-Radius */
  border-radius: 4px;
}
.button.secondary-button.secondary.default:not(.arrow-right):not(.arrow-left).full-width {
  width: 100%;
}
.button.secondary-button.secondary.default:not(.arrow-right):not(.arrow-left).hover,
.button.secondary-button.secondary.default:not(.arrow-right):not(.arrow-left):hover {
  color: #BEAF23;
  /* Border */
  border: 1px solid #BEAF23;
}
.button.secondary-button.secondary.default:not(.arrow-right):not(.arrow-left).inactive {
  background-color: #FFF;
  color: #FEF497;
  pointer-events: none;
  box-shadow: none;
  /* Border */
  border: 1px solid #FEF497;
}
.button.secondary-button.secondary.default.arrow-left {
  padding: 12px 20px;
  color: #FDE92F;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  /* Border */
  border: 1px solid #FDE92F;
  /* Border-Radius */
  border-radius: 4px;
  /* Icon */
}
.button.secondary-button.secondary.default.arrow-left.full-width {
  width: 100%;
}
.button.secondary-button.secondary.default.arrow-left:before {
  font-family: 'Prijsvrij Icons';
  content: '\e933';
  display: inline-block;
  pointer-events: none;
  margin-right: 5px;
}
.button.secondary-button.secondary.default.arrow-left.hover,
.button.secondary-button.secondary.default.arrow-left:hover {
  color: #BEAF23;
  /* Border */
  border: 1px solid #BEAF23;
}
.button.secondary-button.secondary.default.arrow-left.inactive {
  background-color: #FFF;
  color: #FEF497;
  pointer-events: none;
  box-shadow: none;
  /* Border */
  border: 1px solid #FEF497;
}
.button.secondary-button.secondary.default.arrow-left.inactive::after {
  color: #FEF497;
}
.button.secondary-button.secondary.default.arrow-right {
  padding: 12px 20px;
  color: #FDE92F;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  /* Border */
  border: 1px solid #FDE92F;
  /* Border-Radius */
  border-radius: 4px;
  /* Icon */
}
.button.secondary-button.secondary.default.arrow-right.full-width {
  width: 100%;
}
.button.secondary-button.secondary.default.arrow-right:after {
  font-family: 'Prijsvrij Icons';
  content: '\e934';
  display: inline-block;
  pointer-events: none;
  margin-left: 5px;
}
.button.secondary-button.secondary.default.arrow-right.hover,
.button.secondary-button.secondary.default.arrow-right:hover {
  color: #BEAF23;
  /* Border */
  border: 1px solid #BEAF23;
}
.button.secondary-button.secondary.default.arrow-right.inactive {
  background-color: #FFF;
  color: #FEF497;
  pointer-events: none;
  box-shadow: none;
  /* Border */
  border: 1px solid #FEF497;
}
.button.secondary-button.secondary.default.arrow-right.inactive::after {
  color: #FEF497;
}
.button.secondary-button.secondary.large {
  font-family: Open Sans;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-rendering: optimizeLegibility;
  /* &:not(.@{iconClassName}-left):not(.@{iconClassName}-right) {*/
  /*&.@{iconClassName}-left {*/
  /*&.@{iconClassName}-right {*/
}
.button.secondary-button.secondary.large:not(.arrow-right):not(.arrow-left) {
  padding: 12px 32px;
  color: #FDE92F;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  /* Border */
  border: 1px solid #FDE92F;
  /* Border-Radius */
  border-radius: 4px;
}
.button.secondary-button.secondary.large:not(.arrow-right):not(.arrow-left).full-width {
  width: 100%;
}
.button.secondary-button.secondary.large:not(.arrow-right):not(.arrow-left).hover,
.button.secondary-button.secondary.large:not(.arrow-right):not(.arrow-left):hover {
  color: #BEAF23;
  /* Border */
  border: 1px solid #BEAF23;
}
.button.secondary-button.secondary.large:not(.arrow-right):not(.arrow-left).inactive {
  background-color: #FFF;
  color: #FEF497;
  pointer-events: none;
  box-shadow: none;
  /* Border */
  border: 1px solid #FEF497;
}
.button.secondary-button.secondary.large.arrow-left {
  padding: 12px 32px;
  color: #FDE92F;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  /* Border */
  border: 1px solid #FDE92F;
  /* Border-Radius */
  border-radius: 4px;
  /* Icon */
}
.button.secondary-button.secondary.large.arrow-left.full-width {
  width: 100%;
}
.button.secondary-button.secondary.large.arrow-left:before {
  font-family: 'Prijsvrij Icons';
  content: '\e933';
  display: inline-block;
  pointer-events: none;
  margin-right: 5px;
}
.button.secondary-button.secondary.large.arrow-left.hover,
.button.secondary-button.secondary.large.arrow-left:hover {
  color: #BEAF23;
  /* Border */
  border: 1px solid #BEAF23;
}
.button.secondary-button.secondary.large.arrow-left.inactive {
  background-color: #FFF;
  color: #FEF497;
  pointer-events: none;
  box-shadow: none;
  /* Border */
  border: 1px solid #FEF497;
}
.button.secondary-button.secondary.large.arrow-left.inactive::after {
  color: #FEF497;
}
.button.secondary-button.secondary.large.arrow-right {
  padding: 12px 32px;
  color: #FDE92F;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  /* Border */
  border: 1px solid #FDE92F;
  /* Border-Radius */
  border-radius: 4px;
  /* Icon */
}
.button.secondary-button.secondary.large.arrow-right.full-width {
  width: 100%;
}
.button.secondary-button.secondary.large.arrow-right:after {
  font-family: 'Prijsvrij Icons';
  content: '\e934';
  display: inline-block;
  pointer-events: none;
  margin-left: 5px;
}
.button.secondary-button.secondary.large.arrow-right.hover,
.button.secondary-button.secondary.large.arrow-right:hover {
  color: #BEAF23;
  /* Border */
  border: 1px solid #BEAF23;
}
.button.secondary-button.secondary.large.arrow-right.inactive {
  background-color: #FFF;
  color: #FEF497;
  pointer-events: none;
  box-shadow: none;
  /* Border */
  border: 1px solid #FEF497;
}
.button.secondary-button.secondary.large.arrow-right.inactive::after {
  color: #FEF497;
}
.button.tertiary-button.primary.small {
  font-family: Open Sans;
  font-style: normal;
  font-weight: bold;
  font-size: 10px;
  line-height: 12px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  text-rendering: optimizeLegibility;
  /* &:not(.@{iconClassName}-left):not(.@{iconClassName}-right) {*/
  /*&.@{iconClassName}-left {*/
  /*&.@{iconClassName}-right {*/
}
.button.tertiary-button.primary.small:not(.arrow-right):not(.arrow-left) {
  padding: 0px 0px;
  color: #0092F2;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  white-space: nowrap;
  border: none;
  /* Border-Radius */
  border-radius: 4px;
}
.button.tertiary-button.primary.small:not(.arrow-right):not(.arrow-left).full-width {
  width: 100%;
}
.button.tertiary-button.primary.small:not(.arrow-right):not(.arrow-left).hover,
.button.tertiary-button.primary.small:not(.arrow-right):not(.arrow-left):hover {
  color: #006DB5;
}
.button.tertiary-button.primary.small:not(.arrow-right):not(.arrow-left).inactive {
  color: #80C8F8;
  pointer-events: none;
  box-shadow: none;
}
.button.tertiary-button.primary.small.arrow-left {
  padding: 0px 0px;
  color: #0092F2;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  white-space: nowrap;
  border: none;
  /* Border-Radius */
  border-radius: 4px;
  /* Icon */
}
.button.tertiary-button.primary.small.arrow-left.full-width {
  width: 100%;
}
.button.tertiary-button.primary.small.arrow-left:before {
  font-family: 'Prijsvrij Icons';
  content: '\e933';
  display: inline-block;
  pointer-events: none;
  margin-right: 5px;
}
.button.tertiary-button.primary.small.arrow-left.hover,
.button.tertiary-button.primary.small.arrow-left:hover {
  color: #006DB5;
}
.button.tertiary-button.primary.small.arrow-left.inactive {
  color: #80C8F8;
  pointer-events: none;
  box-shadow: none;
}
.button.tertiary-button.primary.small.arrow-left.inactive::after {
  color: #80C8F8;
}
.button.tertiary-button.primary.small.arrow-right {
  padding: 0px 0px;
  color: #0092F2;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  white-space: nowrap;
  border: none;
  /* Border-Radius */
  border-radius: 4px;
  /* Icon */
}
.button.tertiary-button.primary.small.arrow-right.full-width {
  width: 100%;
}
.button.tertiary-button.primary.small.arrow-right:after {
  font-family: 'Prijsvrij Icons';
  content: '\e934';
  display: inline-block;
  pointer-events: none;
  margin-left: 5px;
}
.button.tertiary-button.primary.small.arrow-right.hover,
.button.tertiary-button.primary.small.arrow-right:hover {
  color: #006DB5;
}
.button.tertiary-button.primary.small.arrow-right.inactive {
  color: #80C8F8;
  pointer-events: none;
  box-shadow: none;
}
.button.tertiary-button.primary.small.arrow-right.inactive::after {
  color: #80C8F8;
}
.button.tertiary-button.primary.default {
  font-family: Open Sans;
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-rendering: optimizeLegibility;
  /* &:not(.@{iconClassName}-left):not(.@{iconClassName}-right) {*/
  /*&.@{iconClassName}-left {*/
  /*&.@{iconClassName}-right {*/
}
.button.tertiary-button.primary.default:not(.arrow-right):not(.arrow-left) {
  padding: 2px 4px;
  color: #0092F2;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  white-space: nowrap;
  border: none;
  /* Border-Radius */
  border-radius: 4px;
}
.button.tertiary-button.primary.default:not(.arrow-right):not(.arrow-left).full-width {
  width: 100%;
}
.button.tertiary-button.primary.default:not(.arrow-right):not(.arrow-left).hover,
.button.tertiary-button.primary.default:not(.arrow-right):not(.arrow-left):hover {
  color: #006DB5;
}
.button.tertiary-button.primary.default:not(.arrow-right):not(.arrow-left).inactive {
  color: #80C8F8;
  pointer-events: none;
  box-shadow: none;
}
.button.tertiary-button.primary.default.arrow-left {
  padding: 2px 4px;
  color: #0092F2;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  white-space: nowrap;
  border: none;
  /* Border-Radius */
  border-radius: 4px;
  /* Icon */
}
.button.tertiary-button.primary.default.arrow-left.full-width {
  width: 100%;
}
.button.tertiary-button.primary.default.arrow-left:before {
  font-family: 'Prijsvrij Icons';
  content: '\e933';
  display: inline-block;
  pointer-events: none;
  margin-right: 5px;
}
.button.tertiary-button.primary.default.arrow-left.hover,
.button.tertiary-button.primary.default.arrow-left:hover {
  color: #006DB5;
}
.button.tertiary-button.primary.default.arrow-left.inactive {
  color: #80C8F8;
  pointer-events: none;
  box-shadow: none;
}
.button.tertiary-button.primary.default.arrow-left.inactive::after {
  color: #80C8F8;
}
.button.tertiary-button.primary.default.arrow-right {
  padding: 2px 4px;
  color: #0092F2;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  white-space: nowrap;
  border: none;
  /* Border-Radius */
  border-radius: 4px;
  /* Icon */
}
.button.tertiary-button.primary.default.arrow-right.full-width {
  width: 100%;
}
.button.tertiary-button.primary.default.arrow-right:after {
  font-family: 'Prijsvrij Icons';
  content: '\e934';
  display: inline-block;
  pointer-events: none;
  margin-left: 5px;
}
.button.tertiary-button.primary.default.arrow-right.hover,
.button.tertiary-button.primary.default.arrow-right:hover {
  color: #006DB5;
}
.button.tertiary-button.primary.default.arrow-right.inactive {
  color: #80C8F8;
  pointer-events: none;
  box-shadow: none;
}
.button.tertiary-button.primary.default.arrow-right.inactive::after {
  color: #80C8F8;
}
.button.tertiary-button.primary.large {
  font-family: Open Sans;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-rendering: optimizeLegibility;
  /* &:not(.@{iconClassName}-left):not(.@{iconClassName}-right) {*/
  /*&.@{iconClassName}-left {*/
  /*&.@{iconClassName}-right {*/
}
.button.tertiary-button.primary.large:not(.arrow-right):not(.arrow-left) {
  padding: 2px 16px;
  color: #0092F2;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  white-space: nowrap;
  border: none;
  /* Border-Radius */
  border-radius: 4px;
}
.button.tertiary-button.primary.large:not(.arrow-right):not(.arrow-left).full-width {
  width: 100%;
}
.button.tertiary-button.primary.large:not(.arrow-right):not(.arrow-left).hover,
.button.tertiary-button.primary.large:not(.arrow-right):not(.arrow-left):hover {
  color: #006DB5;
}
.button.tertiary-button.primary.large:not(.arrow-right):not(.arrow-left).inactive {
  color: #80C8F8;
  pointer-events: none;
  box-shadow: none;
}
.button.tertiary-button.primary.large.arrow-left {
  padding: 2px 16px;
  color: #0092F2;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  white-space: nowrap;
  border: none;
  /* Border-Radius */
  border-radius: 4px;
  /* Icon */
}
.button.tertiary-button.primary.large.arrow-left.full-width {
  width: 100%;
}
.button.tertiary-button.primary.large.arrow-left:before {
  font-family: 'Prijsvrij Icons';
  content: '\e933';
  display: inline-block;
  pointer-events: none;
  margin-right: 5px;
}
.button.tertiary-button.primary.large.arrow-left.hover,
.button.tertiary-button.primary.large.arrow-left:hover {
  color: #006DB5;
}
.button.tertiary-button.primary.large.arrow-left.inactive {
  color: #80C8F8;
  pointer-events: none;
  box-shadow: none;
}
.button.tertiary-button.primary.large.arrow-left.inactive::after {
  color: #80C8F8;
}
.button.tertiary-button.primary.large.arrow-right {
  padding: 2px 16px;
  color: #0092F2;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  white-space: nowrap;
  border: none;
  /* Border-Radius */
  border-radius: 4px;
  /* Icon */
}
.button.tertiary-button.primary.large.arrow-right.full-width {
  width: 100%;
}
.button.tertiary-button.primary.large.arrow-right:after {
  font-family: 'Prijsvrij Icons';
  content: '\e934';
  display: inline-block;
  pointer-events: none;
  margin-left: 5px;
}
.button.tertiary-button.primary.large.arrow-right.hover,
.button.tertiary-button.primary.large.arrow-right:hover {
  color: #006DB5;
}
.button.tertiary-button.primary.large.arrow-right.inactive {
  color: #80C8F8;
  pointer-events: none;
  box-shadow: none;
}
.button.tertiary-button.primary.large.arrow-right.inactive::after {
  color: #80C8F8;
}
.button.tertiary-button.cta.small {
  font-family: Open Sans;
  font-style: normal;
  font-weight: bold;
  font-size: 10px;
  line-height: 12px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  text-rendering: optimizeLegibility;
  /* &:not(.@{iconClassName}-left):not(.@{iconClassName}-right) {*/
  /*&.@{iconClassName}-left {*/
  /*&.@{iconClassName}-right {*/
}
.button.tertiary-button.cta.small:not(.arrow-right):not(.arrow-left) {
  padding: 0px 0px;
  color: #339900;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  white-space: nowrap;
  border: none;
  /* Border-Radius */
  border-radius: 4px;
}
.button.tertiary-button.cta.small:not(.arrow-right):not(.arrow-left).full-width {
  width: 100%;
}
.button.tertiary-button.cta.small:not(.arrow-right):not(.arrow-left).hover,
.button.tertiary-button.cta.small:not(.arrow-right):not(.arrow-left):hover {
  color: #267300;
}
.button.tertiary-button.cta.small:not(.arrow-right):not(.arrow-left).inactive {
  color: #99CC80;
  pointer-events: none;
  box-shadow: none;
}
.button.tertiary-button.cta.small.arrow-left {
  padding: 0px 0px;
  color: #339900;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  white-space: nowrap;
  border: none;
  /* Border-Radius */
  border-radius: 4px;
  /* Icon */
}
.button.tertiary-button.cta.small.arrow-left.full-width {
  width: 100%;
}
.button.tertiary-button.cta.small.arrow-left:before {
  font-family: 'Prijsvrij Icons';
  content: '\e933';
  display: inline-block;
  pointer-events: none;
  margin-right: 5px;
}
.button.tertiary-button.cta.small.arrow-left.hover,
.button.tertiary-button.cta.small.arrow-left:hover {
  color: #267300;
}
.button.tertiary-button.cta.small.arrow-left.inactive {
  color: #99CC80;
  pointer-events: none;
  box-shadow: none;
}
.button.tertiary-button.cta.small.arrow-left.inactive::after {
  color: #99CC80;
}
.button.tertiary-button.cta.small.arrow-right {
  padding: 0px 0px;
  color: #339900;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  white-space: nowrap;
  border: none;
  /* Border-Radius */
  border-radius: 4px;
  /* Icon */
}
.button.tertiary-button.cta.small.arrow-right.full-width {
  width: 100%;
}
.button.tertiary-button.cta.small.arrow-right:after {
  font-family: 'Prijsvrij Icons';
  content: '\e934';
  display: inline-block;
  pointer-events: none;
  margin-left: 5px;
}
.button.tertiary-button.cta.small.arrow-right.hover,
.button.tertiary-button.cta.small.arrow-right:hover {
  color: #267300;
}
.button.tertiary-button.cta.small.arrow-right.inactive {
  color: #99CC80;
  pointer-events: none;
  box-shadow: none;
}
.button.tertiary-button.cta.small.arrow-right.inactive::after {
  color: #99CC80;
}
.button.tertiary-button.cta.default {
  font-family: Open Sans;
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-rendering: optimizeLegibility;
  /* &:not(.@{iconClassName}-left):not(.@{iconClassName}-right) {*/
  /*&.@{iconClassName}-left {*/
  /*&.@{iconClassName}-right {*/
}
.button.tertiary-button.cta.default:not(.arrow-right):not(.arrow-left) {
  padding: 2px 4px;
  color: #339900;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  white-space: nowrap;
  border: none;
  /* Border-Radius */
  border-radius: 4px;
}
.button.tertiary-button.cta.default:not(.arrow-right):not(.arrow-left).full-width {
  width: 100%;
}
.button.tertiary-button.cta.default:not(.arrow-right):not(.arrow-left).hover,
.button.tertiary-button.cta.default:not(.arrow-right):not(.arrow-left):hover {
  color: #267300;
}
.button.tertiary-button.cta.default:not(.arrow-right):not(.arrow-left).inactive {
  color: #99CC80;
  pointer-events: none;
  box-shadow: none;
}
.button.tertiary-button.cta.default.arrow-left {
  padding: 2px 4px;
  color: #339900;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  white-space: nowrap;
  border: none;
  /* Border-Radius */
  border-radius: 4px;
  /* Icon */
}
.button.tertiary-button.cta.default.arrow-left.full-width {
  width: 100%;
}
.button.tertiary-button.cta.default.arrow-left:before {
  font-family: 'Prijsvrij Icons';
  content: '\e933';
  display: inline-block;
  pointer-events: none;
  margin-right: 5px;
}
.button.tertiary-button.cta.default.arrow-left.hover,
.button.tertiary-button.cta.default.arrow-left:hover {
  color: #267300;
}
.button.tertiary-button.cta.default.arrow-left.inactive {
  color: #99CC80;
  pointer-events: none;
  box-shadow: none;
}
.button.tertiary-button.cta.default.arrow-left.inactive::after {
  color: #99CC80;
}
.button.tertiary-button.cta.default.arrow-right {
  padding: 2px 4px;
  color: #339900;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  white-space: nowrap;
  border: none;
  /* Border-Radius */
  border-radius: 4px;
  /* Icon */
}
.button.tertiary-button.cta.default.arrow-right.full-width {
  width: 100%;
}
.button.tertiary-button.cta.default.arrow-right:after {
  font-family: 'Prijsvrij Icons';
  content: '\e934';
  display: inline-block;
  pointer-events: none;
  margin-left: 5px;
}
.button.tertiary-button.cta.default.arrow-right.hover,
.button.tertiary-button.cta.default.arrow-right:hover {
  color: #267300;
}
.button.tertiary-button.cta.default.arrow-right.inactive {
  color: #99CC80;
  pointer-events: none;
  box-shadow: none;
}
.button.tertiary-button.cta.default.arrow-right.inactive::after {
  color: #99CC80;
}
.button.tertiary-button.cta.large {
  font-family: Open Sans;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-rendering: optimizeLegibility;
  /* &:not(.@{iconClassName}-left):not(.@{iconClassName}-right) {*/
  /*&.@{iconClassName}-left {*/
  /*&.@{iconClassName}-right {*/
}
.button.tertiary-button.cta.large:not(.arrow-right):not(.arrow-left) {
  padding: 2px 16px;
  color: #339900;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  white-space: nowrap;
  border: none;
  /* Border-Radius */
  border-radius: 4px;
}
.button.tertiary-button.cta.large:not(.arrow-right):not(.arrow-left).full-width {
  width: 100%;
}
.button.tertiary-button.cta.large:not(.arrow-right):not(.arrow-left).hover,
.button.tertiary-button.cta.large:not(.arrow-right):not(.arrow-left):hover {
  color: #267300;
}
.button.tertiary-button.cta.large:not(.arrow-right):not(.arrow-left).inactive {
  color: #99CC80;
  pointer-events: none;
  box-shadow: none;
}
.button.tertiary-button.cta.large.arrow-left {
  padding: 2px 16px;
  color: #339900;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  white-space: nowrap;
  border: none;
  /* Border-Radius */
  border-radius: 4px;
  /* Icon */
}
.button.tertiary-button.cta.large.arrow-left.full-width {
  width: 100%;
}
.button.tertiary-button.cta.large.arrow-left:before {
  font-family: 'Prijsvrij Icons';
  content: '\e933';
  display: inline-block;
  pointer-events: none;
  margin-right: 5px;
}
.button.tertiary-button.cta.large.arrow-left.hover,
.button.tertiary-button.cta.large.arrow-left:hover {
  color: #267300;
}
.button.tertiary-button.cta.large.arrow-left.inactive {
  color: #99CC80;
  pointer-events: none;
  box-shadow: none;
}
.button.tertiary-button.cta.large.arrow-left.inactive::after {
  color: #99CC80;
}
.button.tertiary-button.cta.large.arrow-right {
  padding: 2px 16px;
  color: #339900;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  white-space: nowrap;
  border: none;
  /* Border-Radius */
  border-radius: 4px;
  /* Icon */
}
.button.tertiary-button.cta.large.arrow-right.full-width {
  width: 100%;
}
.button.tertiary-button.cta.large.arrow-right:after {
  font-family: 'Prijsvrij Icons';
  content: '\e934';
  display: inline-block;
  pointer-events: none;
  margin-left: 5px;
}
.button.tertiary-button.cta.large.arrow-right.hover,
.button.tertiary-button.cta.large.arrow-right:hover {
  color: #267300;
}
.button.tertiary-button.cta.large.arrow-right.inactive {
  color: #99CC80;
  pointer-events: none;
  box-shadow: none;
}
.button.tertiary-button.cta.large.arrow-right.inactive::after {
  color: #99CC80;
}
.button.tertiary-button.secondary.small {
  font-family: Open Sans;
  font-style: normal;
  font-weight: bold;
  font-size: 10px;
  line-height: 12px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  text-rendering: optimizeLegibility;
  /* &:not(.@{iconClassName}-left):not(.@{iconClassName}-right) {*/
  /*&.@{iconClassName}-left {*/
  /*&.@{iconClassName}-right {*/
}
.button.tertiary-button.secondary.small:not(.arrow-right):not(.arrow-left) {
  padding: 0px 0px;
  color: #FDE92F;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  white-space: nowrap;
  border: none;
  /* Border-Radius */
  border-radius: 4px;
}
.button.tertiary-button.secondary.small:not(.arrow-right):not(.arrow-left).full-width {
  width: 100%;
}
.button.tertiary-button.secondary.small:not(.arrow-right):not(.arrow-left).hover,
.button.tertiary-button.secondary.small:not(.arrow-right):not(.arrow-left):hover {
  color: #BEAF23;
}
.button.tertiary-button.secondary.small:not(.arrow-right):not(.arrow-left).inactive {
  color: #FEF497;
  pointer-events: none;
  box-shadow: none;
}
.button.tertiary-button.secondary.small.arrow-left {
  padding: 0px 0px;
  color: #FDE92F;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  white-space: nowrap;
  border: none;
  /* Border-Radius */
  border-radius: 4px;
  /* Icon */
}
.button.tertiary-button.secondary.small.arrow-left.full-width {
  width: 100%;
}
.button.tertiary-button.secondary.small.arrow-left:before {
  font-family: 'Prijsvrij Icons';
  content: '\e933';
  display: inline-block;
  pointer-events: none;
  margin-right: 5px;
}
.button.tertiary-button.secondary.small.arrow-left.hover,
.button.tertiary-button.secondary.small.arrow-left:hover {
  color: #BEAF23;
}
.button.tertiary-button.secondary.small.arrow-left.inactive {
  color: #FEF497;
  pointer-events: none;
  box-shadow: none;
}
.button.tertiary-button.secondary.small.arrow-left.inactive::after {
  color: #FEF497;
}
.button.tertiary-button.secondary.small.arrow-right {
  padding: 0px 0px;
  color: #FDE92F;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  white-space: nowrap;
  border: none;
  /* Border-Radius */
  border-radius: 4px;
  /* Icon */
}
.button.tertiary-button.secondary.small.arrow-right.full-width {
  width: 100%;
}
.button.tertiary-button.secondary.small.arrow-right:after {
  font-family: 'Prijsvrij Icons';
  content: '\e934';
  display: inline-block;
  pointer-events: none;
  margin-left: 5px;
}
.button.tertiary-button.secondary.small.arrow-right.hover,
.button.tertiary-button.secondary.small.arrow-right:hover {
  color: #BEAF23;
}
.button.tertiary-button.secondary.small.arrow-right.inactive {
  color: #FEF497;
  pointer-events: none;
  box-shadow: none;
}
.button.tertiary-button.secondary.small.arrow-right.inactive::after {
  color: #FEF497;
}
.button.tertiary-button.secondary.default {
  font-family: Open Sans;
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-rendering: optimizeLegibility;
  /* &:not(.@{iconClassName}-left):not(.@{iconClassName}-right) {*/
  /*&.@{iconClassName}-left {*/
  /*&.@{iconClassName}-right {*/
}
.button.tertiary-button.secondary.default:not(.arrow-right):not(.arrow-left) {
  padding: 2px 4px;
  color: #FDE92F;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  white-space: nowrap;
  border: none;
  /* Border-Radius */
  border-radius: 4px;
}
.button.tertiary-button.secondary.default:not(.arrow-right):not(.arrow-left).full-width {
  width: 100%;
}
.button.tertiary-button.secondary.default:not(.arrow-right):not(.arrow-left).hover,
.button.tertiary-button.secondary.default:not(.arrow-right):not(.arrow-left):hover {
  color: #BEAF23;
}
.button.tertiary-button.secondary.default:not(.arrow-right):not(.arrow-left).inactive {
  color: #FEF497;
  pointer-events: none;
  box-shadow: none;
}
.button.tertiary-button.secondary.default.arrow-left {
  padding: 2px 4px;
  color: #FDE92F;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  white-space: nowrap;
  border: none;
  /* Border-Radius */
  border-radius: 4px;
  /* Icon */
}
.button.tertiary-button.secondary.default.arrow-left.full-width {
  width: 100%;
}
.button.tertiary-button.secondary.default.arrow-left:before {
  font-family: 'Prijsvrij Icons';
  content: '\e933';
  display: inline-block;
  pointer-events: none;
  margin-right: 5px;
}
.button.tertiary-button.secondary.default.arrow-left.hover,
.button.tertiary-button.secondary.default.arrow-left:hover {
  color: #BEAF23;
}
.button.tertiary-button.secondary.default.arrow-left.inactive {
  color: #FEF497;
  pointer-events: none;
  box-shadow: none;
}
.button.tertiary-button.secondary.default.arrow-left.inactive::after {
  color: #FEF497;
}
.button.tertiary-button.secondary.default.arrow-right {
  padding: 2px 4px;
  color: #FDE92F;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  white-space: nowrap;
  border: none;
  /* Border-Radius */
  border-radius: 4px;
  /* Icon */
}
.button.tertiary-button.secondary.default.arrow-right.full-width {
  width: 100%;
}
.button.tertiary-button.secondary.default.arrow-right:after {
  font-family: 'Prijsvrij Icons';
  content: '\e934';
  display: inline-block;
  pointer-events: none;
  margin-left: 5px;
}
.button.tertiary-button.secondary.default.arrow-right.hover,
.button.tertiary-button.secondary.default.arrow-right:hover {
  color: #BEAF23;
}
.button.tertiary-button.secondary.default.arrow-right.inactive {
  color: #FEF497;
  pointer-events: none;
  box-shadow: none;
}
.button.tertiary-button.secondary.default.arrow-right.inactive::after {
  color: #FEF497;
}
.button.tertiary-button.secondary.large {
  font-family: Open Sans;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-rendering: optimizeLegibility;
  /* &:not(.@{iconClassName}-left):not(.@{iconClassName}-right) {*/
  /*&.@{iconClassName}-left {*/
  /*&.@{iconClassName}-right {*/
}
.button.tertiary-button.secondary.large:not(.arrow-right):not(.arrow-left) {
  padding: 2px 16px;
  color: #FDE92F;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  white-space: nowrap;
  border: none;
  /* Border-Radius */
  border-radius: 4px;
}
.button.tertiary-button.secondary.large:not(.arrow-right):not(.arrow-left).full-width {
  width: 100%;
}
.button.tertiary-button.secondary.large:not(.arrow-right):not(.arrow-left).hover,
.button.tertiary-button.secondary.large:not(.arrow-right):not(.arrow-left):hover {
  color: #BEAF23;
}
.button.tertiary-button.secondary.large:not(.arrow-right):not(.arrow-left).inactive {
  color: #FEF497;
  pointer-events: none;
  box-shadow: none;
}
.button.tertiary-button.secondary.large.arrow-left {
  padding: 2px 16px;
  color: #FDE92F;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  white-space: nowrap;
  border: none;
  /* Border-Radius */
  border-radius: 4px;
  /* Icon */
}
.button.tertiary-button.secondary.large.arrow-left.full-width {
  width: 100%;
}
.button.tertiary-button.secondary.large.arrow-left:before {
  font-family: 'Prijsvrij Icons';
  content: '\e933';
  display: inline-block;
  pointer-events: none;
  margin-right: 5px;
}
.button.tertiary-button.secondary.large.arrow-left.hover,
.button.tertiary-button.secondary.large.arrow-left:hover {
  color: #BEAF23;
}
.button.tertiary-button.secondary.large.arrow-left.inactive {
  color: #FEF497;
  pointer-events: none;
  box-shadow: none;
}
.button.tertiary-button.secondary.large.arrow-left.inactive::after {
  color: #FEF497;
}
.button.tertiary-button.secondary.large.arrow-right {
  padding: 2px 16px;
  color: #FDE92F;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  white-space: nowrap;
  border: none;
  /* Border-Radius */
  border-radius: 4px;
  /* Icon */
}
.button.tertiary-button.secondary.large.arrow-right.full-width {
  width: 100%;
}
.button.tertiary-button.secondary.large.arrow-right:after {
  font-family: 'Prijsvrij Icons';
  content: '\e934';
  display: inline-block;
  pointer-events: none;
  margin-left: 5px;
}
.button.tertiary-button.secondary.large.arrow-right.hover,
.button.tertiary-button.secondary.large.arrow-right:hover {
  color: #BEAF23;
}
.button.tertiary-button.secondary.large.arrow-right.inactive {
  color: #FEF497;
  pointer-events: none;
  box-shadow: none;
}
.button.tertiary-button.secondary.large.arrow-right.inactive::after {
  color: #FEF497;
}
#footer {
  float: left;
  width: 100%;
  position: static;
  background-color: #FFF;
}
#footer > .container > .footer-content div {
  width: 230px;
}
#footer .box li {
  line-height: 24px;
}
#footer .box li .cookies-text a {
  text-decoration: underline;
}
#footer .box li a {
  color: #0092F2;
  text-decoration: none;
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
}
#footer .box .payment {
  margin: 5px 0;
  width: 100%;
}
#footer .box .payment li {
  float: left;
}
#footer .box .payment span {
  display: block;
  width: 30px;
  height: 27px;
  overflow: hidden;
  text-indent: -9999px;
  margin-right: 5px;
  content: none;
}
#footer .box .payment span.dummy {
  background: url(../img/Base/logo/ico-dummy.svg) no-repeat !important;
  background-size: 30px 30px !important;
}
#footer .box .payment span.ideal {
  background: url(../img/Base/logo/ico-ideal.svg) no-repeat !important;
}
#footer .box .payment span.bcmc {
  background: url(../img/Base/logo/ico-bancontact.svg) no-repeat !important;
  width: 43px;
}
#footer .box .payment span.amex {
  background: url(../img/Base/logo/ico-amex.svg) no-repeat !important;
  width: 27px;
}
#footer .box .payment span.mastercard {
  background: url(../img/Base/logo/ico-mastercard.svg) no-repeat !important;
  width: 36px;
}
#footer .box .payment span.maestro {
  background: url(../img/Base/logo/ico-maestro.svg) no-repeat !important;
  width: 43px;
}
#footer .box .payment span.paypal {
  background: url(../img/Base/logo/ico-paypal-blue.svg) no-repeat !important;
  width: 61px;
}
#footer .box .payment span.visa {
  background: url(../img/Base/logo/ico-visa.svg) no-repeat !important;
  width: 51px;
}
#footer .box h4 {
  text-transform: none;
  font-weight: 600;
  color: #004979;
  font-size: 16px;
  margin: 0 0 8px 0;
}
#footer .box .social li {
  margin-right: 0px;
  float: left;
}
#footer .box .social li span {
  margin-bottom: 5px;
}
#footer .box .social span {
  background: url(../img/Base/logo/social-icons.png) no-repeat left top;
  background-size: auto 32px;
  width: 30px;
  height: 30px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: top;
  text-indent: -9999px;
  overflow: hidden;
}
#footer .box .social span.facebook {
  background-position: 0 0;
}
#footer .box .social span.youtube {
  background-position: -31px 0;
}
#footer .box .social span.twitter {
  background-position: -62px 0;
}
#footer .box .social span.googleplus {
  background-position: -93px 0;
}
#footer .box .social span.pinterest {
  background-position: -124px 0;
}
#footer .box .social span.instagram {
  background-position: -155px 0;
}
#footer .box .social span.mail {
  background-position: -186px 0;
}
#footer .box .social span.favorite {
  background-position: -217px 0;
}
#footer .box .social span.remove {
  background-position: -248px 0;
}
#footer .box .cookies-text {
  width: 100%;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px !important;
  color: #0092F2;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  #footer .box {
    margin-bottom: 20px;
    margin-left: 0;
    min-height: 175px;
  }
}
@media only screen and (max-width: 767px) {
  #footer .box {
    margin-left: 0;
    width: 100% !important;
  }
}
#footer > .container > .footer-content {
  position: relative;
  float: left;
  padding: 22px 0 42px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 22px;
}
@media only screen and (max-width: 767px) {
  #footer > .container > .footer-content div.col3 {
    margin-top: 0 !important;
    width: 100% !important;
  }
}
@media only screen and (max-width: 767px) {
  #footer {
    padding-left: 10px;
    width: calc(100% - 10px);
  }
}
@media print {
  #footer {
    display: none;
  }
}
#footer-bottom {
  float: left;
  height: 72px;
  width: 100%;
  background-color: #0092F2;
  font-family: Open Sans;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  color: #FFFFFF;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  #footer-bottom {
    width: 100%;
    height: auto;
    min-width: auto !important;
    padding: 10px;
    box-sizing: border-box;
    overflow: visible !important;
    text-align: center;
  }
}
#footer-bottom a {
  color: #fff;
  text-decoration: none;
  font-weight: normal;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 979px) {
  #footer-bottom.book-footer {
    height: 80px;
  }
}
#footer-bottom .footer-bottom-text span,
#footer-bottom .footer-bottom-text a {
  margin-right: 25px;
}
#footer-bottom .footer-bottom-icons {
  float: right;
  font-size: 24px;
}
#footer-bottom .footer-bottom-icons i,
#footer-bottom .footer-bottom-icons a {
  margin-left: 15px;
  margin-right: 0;
}
@media only screen and (max-width: 767px) {
  #footer-bottom .footer-bottom-icons {
    margin-top: 10px;
    float: none;
    display: flex;
    flex-basis: content;
    align-content: center;
    justify-content: center;
  }
}
#footer-bottom .container {
  position: static;
}
@media only screen and (max-width: 767px) {
  #footer-bottom .container {
    width: 100%;
  }
}
#footer-bottom .container > .dollar {
  display: block;
  width: 55px;
  height: 72px;
  position: absolute;
  left: calc(50% - 28px);
  bottom: -8px;
  background: url(../img/Base/ico/2021/logo/Dollar.svg) no-repeat;
  pointer-events: none;
}
/*
#footer
{
	float:left;
    width:100%;
    position:relative;
	padding-top:20px;
    
    @pv-footer();

    & > .container
    {
        @pv-footer-content();
        & > .footer-content {
            @pv-footer-content();
            position:relative;
            float:left;
            padding-bottom:5px;

	        & > .dollar
		    {
			    display:block;
			    width:114px;
			    height:136px;
			    position:absolute;
			    right:0;
			    bottom:-5px;
                background: @pv-footer-dollarteken;
		    }

            & > .row {

				& > div {
					margin-bottom:20px;
				}

                & > .col2 {
                    width: @pv-footer-box-width;
                }
            }
        }
    }

	.box
	{
        width:100%;
		min-height:165px;
		font-size:11px;
		padding-left:8px;
		margin-left:1px;
		border-left:@pv-footer-box-border-left;
		@pv-footer-box();

        a
		{
			color:@pv-footer-link-color;
			text-decoration:@pv-footer-link-textdecoration;
            font-size:@pv-footer-font-size;
            font-weight:@pv-footer-font-weight;
		}

		h4
		{
			text-transform:@pv-footer-box-header-texttransform;
			font-weight:bold;
			color:@pv-footer-box-header-color;
			font-size:@pv-footer-box-header-font-size;
			margin-bottom:5px;
		}

		li
		{
			line-height:@pv-footer-line-height;
		}

		p
		{
			display:block;
			line-height:14px;
		}
	}

	ul.social
	{
		margin:5px 0 2px;
		width:100%;
	}

    ul.payment
    {
        &:first-child
        {
			margin:5px 0;
			width:100%;
        }

		li {
			float:none !important;
		}
    }

	.cookies-text {
		width:100%;
		&.last-row{
			width:180px;
		}
        @pv-footer-cookies-text();
	}

}

#footer-bottom
{
	float:left;
	height:@pv-footer-bottom-height;
	width:100%;
    background-color:@pv-footer-bottom-color;
}
	*/
#footer-about {
  padding: 38px 0;
}
#footer-about.gray-grid {
  background-color: #eff8fe;
  float: left;
  clear: both;
  width: 100%;
}
#footer-about section.result-page-content {
  position: relative;
  padding: 0;
  margin: 0 auto;
  color: #004979;
  text-rendering: optimizeLegibility;
}
#footer-about section.result-page-content > .grid {
  padding: 0 36px;
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  #footer-about section.result-page-content {
    width: calc(100% - 32px);
    clear: both;
  }
  #footer-about section.result-page-content.results {
    width: 100%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1299px) {
  #footer-about section.result-page-content {
    width: calc(100% - 32px);
    clear: both;
  }
}
@media screen and (min-width: 1300px) and (max-width: 1407px) {
  #footer-about section.result-page-content {
    width: calc(100% - 96px);
  }
}
@media screen and (min-width: 1408px) {
  #footer-about section.result-page-content {
    width: 950px;
  }
}
#footer-about section.result-page-content .grid {
  display: grid;
  display: -ms-grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-row-gap: 50px;
  -ms-grid-column: repeat(12, minmax(0, 1fr));
  -ms-column-gap: 1em;
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  #footer-about section.result-page-content .grid {
    grid-column-gap: 16px;
    -ms-column-gap: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1299px) {
  #footer-about section.result-page-content .grid {
    grid-column-gap: 24px;
    -ms-column-gap: 24px;
  }
}
@media screen and (min-width: 1300px) and (max-width: 1407px) {
  #footer-about section.result-page-content .grid {
    grid-column-gap: 24px;
    -ms-column-gap: 24px;
  }
}
@media screen and (min-width: 1408px) {
  #footer-about section.result-page-content .grid {
    grid-column-gap: 32px;
    -ms-column-gap: 32px;
  }
}
#footer-about section.result-page-content .grid .width-2 {
  grid-column: span 2;
  -ms-grid-row-span: 2;
}
#footer-about section.result-page-content .grid .width-4 {
  grid-column: span 4;
  -ms-grid-row-span: 4;
}
#footer-about section.result-page-content .grid .width-6 {
  grid-column: span 6;
  -ms-grid-row-span: 6;
}
#footer-about section.result-page-content .grid .width-12 {
  grid-column: span 12;
  -ms-grid-row-span: 12;
}
#footer-about h2 {
  font-family: Hermes Maia T4;
  font-style: normal;
  font-weight: bold;
  font-size: 24px;
  line-height: 32px;
  text-align: center;
  letter-spacing: -0.02em;
}
#footer-about .about-company-item {
  font-size: 16px;
  line-height: 24px;
  margin-top: 16px;
  position: relative;
}
#footer-about .about-company-item .iconbox {
  width: 20px;
  height: 20px;
  margin: 2px 10px 0 0;
}
#footer-about .about-company-item i {
  color: #390;
  font-size: 20px;
  margin-right: 10px;
}
#footer-about .deal-guarantee {
  position: absolute;
  top: -16px;
  right: 32px;
  width: 96px;
  height: 96px;
  background-size: contain;
  background-image: url(../img/Base/elements/pc/Best_Deal.svg);
  background-repeat: no-repeat;
  filter: drop-shadow(0px 100px 80px rgba(0, 0, 0, 0.07)) drop-shadow(0px 41.7776px 33.4221px rgba(0, 0, 0, 0.0503198)) drop-shadow(0px 22.3363px 17.869px rgba(0, 0, 0, 0.0417275)) drop-shadow(0px 12.5216px 10.0172px rgba(0, 0, 0, 0.035)) drop-shadow(0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0282725)) drop-shadow(0px 2.76726px 2.21381px rgba(0, 0, 0, 0.0196802));
}
#footer-about .usp-container {
  border-right: 1px solid #fff;
  padding-right: 119px;
}
#footer-about .review-container {
  position: relative;
}
#footer-about .review-container:after {
  position: absolute;
  left: calc(50% - 9px);
  display: inline-block;
  bottom: 37px;
  content: '';
  height: 0;
  width: 0;
  border-left: 18px solid transparent;
  border-right: 18px solid transparent;
  border-top: 18px solid #fff;
}
#footer-about .about-company-trustpilot {
  background-color: white;
  border-radius: 8px;
  width: 100%;
  padding: 24px;
  height: 212px;
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
}
#footer-about .about-company-trustpilot strong {
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  color: #004979;
  margin-bottom: 6px;
  float: left;
  clear: both;
  width: 100%;
}
#footer-about .about-company-trustpilot .review-text {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #A8A8A8;
  float: left;
  white-space: normal;
  text-overflow: ellipsis;
  overflow: hidden;
  box-sizing: border-box;
  width: 100%;
  max-height: 70px;
  /* dit zal niet overal werken, maar als het werkt is het prachtig */
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}
@media only screen and (max-width: 767px) {
  #footer-about .about-company-trustpilot .review-text {
    -webkit-line-clamp: 2;
  }
}
#footer-about .about-company-trustpilot .review-date {
  font-weight: bold;
  font-size: 10px;
  line-height: 12px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #0092F2;
  margin-bottom: 4px;
}
#footer-about .about-company-trustpilot .reviews-container {
  position: relative;
}
#footer-about .about-company-trustpilot .reviews-container div.carousel {
  margin-top: 40px;
  height: 130px;
}
#footer-about .about-company-trustpilot .reviews-container div.carousel div {
  width: 100%;
}
#footer-about .about-company-trustpilot .reviews-container div.single-item,
#footer-about .about-company-trustpilot .reviews-container li {
  padding: 0 0 20px 0;
  float: left;
  clear: both;
  width: 100%;
  height: 130px;
}
@media only screen and (max-width: 767px) {
  #footer-about .about-company-trustpilot .reviews-container div.single-item,
  #footer-about .about-company-trustpilot .reviews-container li {
    height: 90px;
  }
}
#footer-about .about-company-trustpilot .reviews-container .slick-slide {
  width: 100% !important;
  height: 130px !important;
}
#footer-about .about-company-trustpilot .reviews-score-text {
  margin-left: 8px;
  font-family: Hermes Maia T4;
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: #73CF11;
}
#footer-about .about-company-trustpilot .reviews-score-stamp {
  font-family: Hermes Maia T4;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 46px;
  text-align: center;
  letter-spacing: -0.02em;
  color: #73CF11;
  height: 48px;
  width: 48px;
  display: block;
  border-radius: 50%;
  border: 1px solid #73CF11;
}
#footer-about .result-page-reviews-amount {
  font-weight: 600;
  font-size: 12px;
  line-height: 20px;
  margin: 18px 0 10px;
  color: #A8A8A8;
  display: flex;
  display: -ms-flexbox;
  justify-content: center;
  -ms-flex-align: center;
}
#footer-about .result-page-reviews-amount p {
  margin-left: 5px;
  margin-top: 7px;
}
.social li {
  margin-right: 0px;
  float: left;
}
.social li span {
  margin-bottom: 5px;
}
.social span {
  background: url(../img/base/logo/social-icons.png) no-repeat left top;
  background-size: auto 32px;
  width: 30px;
  height: 30px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: top;
  text-indent: -9999px;
  overflow: hidden;
}
.social span.facebook {
  background-position: 0 0;
}
.social span.youtube {
  background-position: -31px 0;
}
.social span.twitter {
  background-position: -62px 0;
}
.social span.googleplus {
  background-position: -93px 0;
}
.social span.pinterest {
  background-position: -124px 0;
}
.social span.instagram {
  background-position: -155px 0;
}
.social span.mail {
  background-position: -186px 0;
}
.social span.favorite {
  background-position: -217px 0;
}
.social span.remove {
  background-position: -248px 0;
}
.searchShare .subMenu {
  padding-top: 15px;
  border-top: 1px #0092f2 dashed;
}
.searchShare a:not(.btn-rood) {
  font-weight: 700;
  line-height: 30px;
  height: 30px;
  display: inline-block;
  color: #000;
}
.searchShare .menu {
  padding: 8px !important;
}
.share li {
  margin-right: 3px;
  margin-top: 1px;
}
.share li:last-child {
  margin-right: 0;
}
.share li a span {
  width: 16px;
  height: 16px;
  display: block;
  float: left;
  clear: none;
  overflow: hidden;
  text-indent: -9999px;
  background: url(../img/base/logo/sprite_social_media_small.png?1) no-repeat left top;
}
.share li a span.twitter {
  background-position: 0 0;
}
.share li a span.facebook {
  background-position: -17px 0;
}
.share li a span.hyves {
  background-position: -34px 0;
}
.share li a span.google {
  background-position: -51px 0;
}
.share li a span.googleplus {
  background-position: -68px 0;
}
.share li a span.pinterest {
  background-position: -85px 0;
}
.share li a span.mail {
  height: 16px;
  width: 94px;
}
ul.payment {
  width: 100%;
}
body.book .payment li,
body.dossier .payment li,
.upsell .payment li {
  width: 100%;
}
.payment {
  float: left;
}
.payment li {
  float: left;
}
.payment li label {
  width: auto !important;
}
.payment li label small {
  line-height: 20px;
}
.payment li select.paymentSubOptions {
  margin-left: 10px;
}
.payment span:not(.separator) {
  display: block;
  float: left;
  clear: none;
  width: 30px;
  height: 27px;
  overflow: hidden;
  text-indent: -9999px;
  margin-right: 5px;
}
.payment span:not(.separator).dummy {
  background: url(../img/base/logo/ico-dummy.svg) no-repeat !important;
  background-size: 30px 30px !important;
}
.payment span:not(.separator).ideal {
  background: url(../img/base/logo/ico-ideal.svg) no-repeat !important;
}
.payment span:not(.separator).bcmc,
.payment span:not(.separator).mistercash {
  background: url(../img/base/logo/ico-bancontact.svg) no-repeat !important;
  width: 43px;
}
.payment span:not(.separator).amex {
  background: url(../img/base/logo/ico-amex.svg) no-repeat !important;
  width: 27px;
}
.payment span:not(.separator).mastercard {
  background: url(../img/base/logo/ico-mastercard.svg) no-repeat !important;
  width: 36px;
}
.payment span:not(.separator).maestro {
  background: url(../img/base/logo/ico-maestro.svg) no-repeat !important;
  width: 43px;
}
.payment span:not(.separator).paypal {
  background: url(../img/base/logo/ico-paypal-blue.svg) no-repeat !important;
  width: 61px;
}
.payment span:not(.separator).visa {
  background: url(../img/base/logo/ico-visa.svg) no-repeat !important;
  width: 51px;
}
.payment.fl.paymentSelection li {
  margin-bottom: 6px;
}
ul.terms li.payment div.box,
.payment.fl.paymentSelection li label div.box {
  height: 36px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #fff;
  -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 146, 242, 0.65);
  -moz-box-shadow: 1px 1px 3px 0px rgba(0, 146, 242, 0.65);
  box-shadow: 1px 1px 3px 0px rgba(0, 146, 242, 0.65);
  width: 75px !important;
}
ul.terms li.payment div.box span,
.payment.fl.paymentSelection li label span {
  float: none !important;
  margin: 5px auto 0;
}
ul.terms li.payment div.box span.paypal,
ul.terms li.payment.paypal > span.paypal,
.payment.fl.paymentSelection li label span.paypal {
  background: url(../img/base/logo/ico-paypal.svg) no-repeat !important;
}
.payment.fl.paymentSelection li label div.small .paymentFee,
.payment.fl.paymentSelection li label div.small .paymentFree {
  margin-left: 5px;
}
ul.terms li.payment div.box {
  margin-right: 5px;
}
/* 
	==============================================================================
	RESULTATENPAGINA
*/
.breadcrumb {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin-top: 8px;
  margin-bottom: 10px;
  color: #fff;
  position: relative;
  z-index: 0;
  float: left;
  clear: both;
}
.breadcrumb .breadcrumb-back,
.breadcrumb .breadcrumb-next {
  font-size: 0;
}
.breadcrumb .breadcrumb-back:before,
.breadcrumb .breadcrumb-next:before {
  font-family: Open Sans;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 20px;
  text-rendering: optimizeLegibility;
  font-family: 'Prijsvrij Icons';
}
.breadcrumb .breadcrumb-back:before {
  content: '\e933';
}
.breadcrumb .breadcrumb-next:before {
  content: '\e934';
}
.breadcrumb li {
  float: left;
}
.breadcrumb li.active {
  color: #fff;
}
.breadcrumb li.spacer {
  padding: 0 5px;
}
.breadcrumb a {
  text-decoration: underline;
  display: block;
  color: #fff;
}
.breadcrumb a:first-letter {
  text-transform: capitalize;
}
.last-min-bc {
  position: relative;
  padding-right: 25px;
  margin-right: 15px;
}
.last-min-bc::before {
  content: '';
  display: inline-block;
  width: 9px;
  height: 9px;
  -webkit-border-radius: 4.5px;
  -moz-border-radius: 4.5px;
  border-radius: 4.5px;
  background-color: #fef107;
  position: absolute;
  right: 0;
  top: 3px;
}
.button-box {
  text-align: right;
  margin-top: 5px;
  margin-bottom: 10px;
}
#search-filters-column > .content,
.sidebar > .content {
  padding: 15px;
  background: #fff;
  margin: 0 0 10px 0;
}
.sidebar .menu > li > a.active + ul {
  padding-bottom: 10px;
  border-bottom: 1px solid #E0E0E0;
  margin-bottom: 10px;
}
.sidebar .menu li {
  margin-bottom: 15px;
}
.sidebar .menu .faq.categories,
.sidebar .menu .myprijsvrij.categories {
  margin-top: 10px;
}
.sidebar .menu .faq a,
.sidebar .menu .myprijsvrij a {
  padding-left: 18px;
  margin-left: 2px;
}
.sidebar .menu .faq a.active,
.sidebar .menu .myprijsvrij a.active {
  font-weight: bold;
}
.sidebar .menu .faq .questions {
  margin-top: 5px;
}
.sidebar .menu .faq .questions a {
  padding-left: 14px;
  margin-left: 5px;
}
.sidebar .menu .faq .questions a.active {
  font-weight: bold;
}
.sidebar .menu .faq .questions > li {
  position: relative;
  background: none;
}
.sidebar .menu .faq .questions > li a {
  background: none;
}
.sidebar .menu .faq .questions > li::before {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  position: absolute;
  left: 0;
  top: 5px;
  background-color: #55b6f6;
  left: 15px;
  top: 0;
}
.sidebar .menu .faq a {
  position: relative;
  padding-left: 5px;
}
.sidebar .menu .categories li {
  margin-bottom: 8px;
}
.sidebar .menu > li > ul.faq > li > a {
  padding-left: 15px;
}
.sidebar .menu > li > ul.faq > li > a.active::before {
  content: '-';
}
.sidebar .menu > li > ul.faq > li > a::before {
  background: #0193f3;
  top: 0;
}
.sidebar .menu > li > ul.faq > li > a:hover:before {
  text-decoration: none;
  top: 0;
  color: #006DB5;
}
.sidebar .menu .question li {
  margin-bottom: 3px;
  padding-left: 4px;
}
.sidebar .menu a {
  text-decoration: none;
}
.sidebar .menu a.red {
  color: #c00 !important;
}
#search-overview {
  position: relative;
  margin: 0 0 10px 0;
  padding: 10px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#faf370+0,f7ea0e+13,f7ea0e+100 */
  /* LET OP: hoogte is handmatig gezet */
  background-color: #faf370;
  background: -webkit-linear-gradient(top, #faf370 0%,#f7ea0e calc(100% - 255px), #f7ea0e 100%) #faf370 no-repeat;
  background: -moz-linear-gradient(top, #faf370 0%,#f7ea0e calc(100% - 255px), #f7ea0e 100%) #faf370 no-repeat;
  /*background:                  -o-linear-gradient(@origin, @stops) @start-color no-repeat;*/
  background: linear-gradient(to bottom, #faf370 0%,#f7ea0e calc(100% - 255px), #f7ea0e 100%) #faf370 no-repeat;
  border-right: 1px solid #fef106;
  border-left: 1px solid #fef106;
  border-bottom: 1px solid #fff;
  border-top: 1px solid #fef106;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
#search-overview .h2 {
  font-family: Hermes Maia T4;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -0.02em;
  text-rendering: optimizeLegibility;
  margin-bottom: 0px;
  padding-left: 4px;
}
#search-overview ul li {
  width: 100%;
  float: left;
  clear: both;
}
#search-overview .link-change-travelers {
  clear: both;
  padding-top: 10px;
}
a.delete {
  width: 13px;
  height: 13px;
  display: block;
  overflow: hidden;
  margin-top: 1px;
  background-color: #c00;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  position: relative;
  font-weight: bold;
  font-size: 12px;
  line-height: 10px;
  color: #fff !important;
  text-align: center;
  text-decoration: none;
}
#search-filters {
  position: relative;
  margin: 0 0 10px 0;
}
#search-filters > .content,
#search-overview > .content,
.overview > .content {
  padding: 10px;
  font-family: 'Arial';
  font-size: 12px;
}
.overview > .content {
  padding: 5px 10px;
}
.overview > .box-header {
  text-transform: uppercase;
}
#search-filters > ul > li > label,
#search-overview label:not(.no-label) {
  float: left;
  clear: both;
  width: 100%;
  list-style: none;
  margin: 2px 0 9px;
  font-size: 14px;
  font-weight: bold;
}
#search-filters > ul > li > ol {
  float: left;
  clear: both;
  width: 100%;
}
#search-filters > ul > li a {
  color: #000;
  line-height: 17px;
  font-weight: 500;
}
#search-filters > ol > li a {
  padding-left: 0px;
  color: #000;
  line-height: 17px;
}
#search-filters > ul > li > a {
  color: #0092f2;
}
#search-filters select.active {
  background-color: #FCF69B;
}
#search-filters > ul > li > ol > li:not(.active):not(.inactive) a:hover {
  background-color: #FCF69B;
}
#search-filters li.active {
  background-color: #FCF69B;
}
#search-filters > ul > li > ol > li.inactive a {
  color: #ccc;
  background-image: url(../img/base/elements/pc/checkbox_grijs.png);
  background: url(../img/base/elements/pc/Prijsvrij_Selectieicon_grijs.png) no-repeat transparent 2px 1px;
  background-size: 1.3em;
}
#search-filters > ul > li > ol:not(.no-toggle) > li:nth-of-type(6)::before {
  content: '';
  display: block;
  height: 9px;
  width: 100%;
  margin: 0 0 10px 0;
  border-bottom: 1px dashed #8cd1ff;
  /* ( source | slice | width | outset | repeat ) */
  -webkit-border-image: url('../img/Base/elements/pc/dashed-lines.png') 1 repeat;
  -moz-border-image: url('../img/Base/elements/pc/dashed-lines.png') 1 repeat;
  /*-o-border-image:     e(%("url('%d')", ~"@{source}")) @values;*/
  border-image: url('../img/Base/elements/pc/dashed-lines.png') 1 repeat;
  border-top: 0;
  border-right: 0;
  border-left: 0;
}
#search-filters .list-classification {
  margin-left: 0;
}
#search-filters > ul > li > div.filterSearchbox {
  margin-top: 2px;
  margin-bottom: 5px;
  background-color: yellow;
  clear: both;
  position: relative;
}
#search-filters > ul > li > div.filterSearchbox input {
  border: 1px red #a5d7f8;
  width: 188px;
  height: 25px;
  background: #fff url("../img/Base/ico/vergrootglas_big.png") no-repeat scroll 176px center / 17px 17px;
}
#search-filters > ul > li > div.filterSearchbox input.watermark {
  font-style: italic;
  color: #999999;
}
#search-filters > ul > li > div.filterSearchbox input.loading {
  background-image: url(../img/base/ico/ajax-loader.gif);
}
#search-filters > ul > li > div.filterSearchbox div {
  width: 25px;
  height: 25px;
  position: absolute;
  z-index: 2;
  top: 2px;
  left: 171px;
  cursor: pointer;
}
#search-filters > ul > li > ol li a div.resultCar {
  float: right;
  width: 60px;
  text-align: right;
  background: url("../img/Base/ico/ico-car.png") no-repeat scroll 0px center;
  color: #1d9ef4;
}
#search-filters-top select {
  width: 100%;
}
.toggle-container {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  border: 1px solid #fecb0e;
  border-radius: 3px;
  background: #fbe11f;
  margin: 2px 0 5px;
  overflow: hidden;
}
.toggle-container > a {
  flex: 1;
  text-decoration: none;
  font-weight: 500;
  padding: 2px 5px;
  text-align: center;
  line-height: 27px;
}
.toggle-container > a.inactive {
  cursor: not-allowed;
}
.toggle-container > a.active {
  cursor: default;
  pointer-events: none;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 3px;
  color: #000;
}
.toggle-container > a.active:first-child {
  /* schaduw rechts */
  box-shadow: 2px 0 6px -2px rgba(0, 0, 0, 0.5);
}
.toggle-container > a.active:last-child {
  /* schaduw links */
  box-shadow: -2px 0 6px -2px rgba(0, 0, 0, 0.5);
}
.toggle-container > a.active:not(:first-child):not(:last-child) {
  /* schaduw links & rechts */
  box-shadow: 2px 0 6px -2px rgba(0, 0, 0, 0.5), -2px 0 6px -2px rgba(0, 0, 0, 0.5);
}
.toggle-container > a:not(.active) {
  color: #BEAF23;
}
.toggle-container > a:not(.active)not(.inactive):hover {
  color: #000;
  font-weight: 600;
}
#search-filters-column > .content {
  background: none;
}
#search-filters {
  background: #FFF;
  border-radius: 8px;
  padding: 8px;
}
#search-filters select {
  width: 100% !important;
  background-position-x: 96% !important;
}
#search-filters .slider-container.no-min #slider-range {
  width: 184px;
}
#search-filters li.prev,
#search-filters li.next {
  width: 20px !important;
}
#search-filters li.prev a,
#search-filters li.next a {
  color: #FFF;
  line-height: 15px;
  position: relative;
  font-size: 0;
}
#search-filters li.prev a:after,
#search-filters li.next a:after {
  font-family: 'Prijsvrij Icons';
  font-size: 20px;
}
#search-filters li.prev a:after {
  content: '\e933';
}
#search-filters li.next a:after {
  content: '\e934';
}
#search-filters #Luchthaven li:not(.ml10) .fakeCheckBox {
  margin-top: 5px;
}
.filter-result-box {
  padding: 4px 10px;
  margin: 2px 0 5px;
  float: left;
  clear: both;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: rgba(255, 255, 255, 0.5);
}
#search-filters > ul > li table {
  margin-bottom: 10px;
  float: left;
}
#search-filters > ul > li table input {
  margin-bottom: 2px;
  line-height: 15px;
  height: 15px;
  vertical-align: top;
  cursor: pointer;
}
#search-filters > ul > li > a {
  display: inline-block;
}
#search-filters > ul > li table label {
  margin-left: 5px;
  padding-bottom: 2px;
  cursor: pointer;
  float: right;
  width: 152px;
}
#search-overview > .content ul li a {
  float: right;
  font-family: 'Arial';
  text-decoration: none;
  color: #D90000;
}
#search-filters > ul > li:not(:last-child) {
  padding-bottom: 15px;
}
#search-filters > ul > li a,
#search-filters > ol > li a {
  text-decoration: none;
}
#search-filters > ul > li > a {
  text-decoration: underline;
}
#search-filters select {
  width: 200px;
  background-position: 176px 2px;
}
#search-filters select:first-letter {
  text-transform: capitalize;
}
#search-filters li {
  line-height: 17px;
}
.share-trip,
.contact-box {
  position: relative;
  border-bottom: 1px solid #fff;
  background-position: bottom;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcfeff+0,fcfeff+17,e4f3fd+100 */
  background-color: #fcfeff;
  background: -webkit-linear-gradient(top, #fcfeff 0%, #fcfeff 24px, #e4f3fd 141px) #fcfeff no-repeat;
  background: -moz-linear-gradient(top, #fcfeff 0%, #fcfeff 24px, #e4f3fd 141px) #fcfeff no-repeat;
  /*background:                  -o-linear-gradient(@origin, @stops) @start-color no-repeat;*/
  background: linear-gradient(to bottom, #fcfeff 0%, #fcfeff 24px, #e4f3fd 141px) #fcfeff no-repeat;
}
.contact-box .telephone {
  padding-left: 40px;
  padding-top: 5px;
  height: 30px;
  width: 130px;
  line-height: 18px;
  text-align: right;
  padding-bottom: 20px;
  background: url(../img/Base/ico/ico_phone.png) no-repeat left 8px;
}
.contact-box .telephone span {
  font-size: 18px;
  font-weight: bold;
}
.contact-box .telephone small {
  font-size: 9px;
  line-height: 9px;
}
.contact-box .phone a {
  text-decoration: none;
}
.contact-box .phone span.number {
  font-size: 20px;
  font-weight: bold;
}
.contact-box .woman {
  width: 120px;
  height: 153px;
  position: absolute;
  right: 0;
  bottom: 0;
  border-bottom-right-radius: 8px;
  pointer-events: none;
  background: url(../img/base/elements/pc/Reservering_vrouw.png) no-repeat;
}
.contact-box .content a {
  position: relative;
}
.contact-box .content a.faq::before,
.contact-box .content a.mail::before {
  font-family: 'Prijsvrij Icons';
  display: inline-block;
  pointer-events: none;
  margin-right: 5px;
}
.contact-box .content a.faq::before {
  content: '\e943';
}
.contact-box .content a.mail::before {
  content: '\e940';
}
.contact-box .content dl dt {
  float: left;
  clear: left;
  width: 70px;
}
.contact-box .content dl dt.full {
  width: 100%;
  font-size: 14px;
}
.contact-box .content dl dd {
  float: left;
  clear: right;
  text-align: right;
  width: 80px;
}
.contact-box .content dl dd strong {
  font-size: 16px;
}
.contact-box .content .mail {
  padding-top: 10px;
  padding-bottom: 3px;
}
.sidebar.col3 .contact-box .woman,
#search-filters-column .contact-box .woman {
  background-position: 40px 20px;
}
.share-trip .content {
  padding: 10px;
}
.col4 .share-trip h4,
.contact-box .content h4 {
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 4px 0;
  color: #be0000;
}
.contact-box .content > .details {
  width: 100%;
}
.sidebar:not(.col3) .contact-box .telephone {
  width: 160px;
}
.sidebar:not(.col3) .contact-box .content dl dt:not(.full) {
  width: 130px;
}
.sidebar .contact-box .woman {
  background-position: 20px 20px;
}
.contact-page h2 {
  font-family: Hermes Maia T4;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -0.02em;
  text-rendering: optimizeLegibility;
}
.contact-page div.contact-subjects {
  display: flex;
  row-gap: 8px;
  column-gap: 8px;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 10px 0 30px 0;
}
@media only screen and (max-width: 767px) {
  .contact-page div.contact-subjects {
    justify-content: center;
  }
}
.contact-page div.contact-subjects > div {
  border-radius: 4px;
  border: 2px solid #80C8F8;
  width: calc(33% - 4px);
  flex-basis: calc(33% - 4px);
  text-align: center;
  box-sizing: border-box;
  padding: 19px 8px 49px 8px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .contact-page div.contact-subjects > div {
    width: 100%;
    flex-basis: 100%;
  }
}
.contact-page div.contact-subjects > div:hover {
  border-color: #40ADF5;
  background: #EFF8FE;
}
.contact-page div.contact-subjects > div:hover a {
  font-family: Open Sans;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  text-rendering: optimizeLegibility;
}
.contact-page div.contact-subjects > div a {
  color: #0092F2;
  text-decoration: none;
  font-weight: normal;
  position: absolute;
  top: 0;
  left: 0;
  padding: 49px 8px 19px 8px;
  width: 100%;
  height: 100%;
  text-align: center;
  box-sizing: border-box;
}
.contact-page div.contact-subjects > div::before {
  font-family: 'Prijsvrij Icons';
  font-size: 26px;
  color: #0092F2;
  display: block;
}
.contact-page div.contact-subjects > div.trip:before {
  content: '\e92f';
}
.contact-page div.contact-subjects > div.documents:before {
  content: '\e917';
}
.contact-page div.contact-subjects > div.transfer:before {
  content: '\e916';
}
.contact-page div.contact-subjects > div.date:before {
  content: '\e937';
}
.contact-page div.contact-subjects > div.departure:before {
  content: '\e90f';
}
.contact-page div.contact-subjects > div.cancel:before {
  content: '\e938';
}
.contact-page div.center-text {
  text-align: center;
}
.contact-page div.center-text > a {
  display: inline !important;
}
.contact-page div.center-text > p {
  font-family: Open Sans;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-rendering: optimizeLegibility;
  color: #A8A8A8;
  width: 100%;
  margin-top: 20px;
}
.contact-page div.big-boxes {
  display: flex;
  row-gap: 8px;
  justify-content: space-between;
  margin: 20px 0;
}
@media only screen and (max-width: 767px) {
  .contact-page div.big-boxes {
    justify-content: center;
    flex-direction: column;
  }
}
.contact-page div.big-boxes > div {
  background: #EFF8FE;
  border-radius: 4px;
  padding: 38px 8px 85px;
  text-align: center;
  width: 188px;
  box-sizing: border-box;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .contact-page div.big-boxes > div {
    width: 100%;
  }
}
.contact-page div.big-boxes > div:hover:before {
  color: #0092F2;
}
.contact-page div.big-boxes > div:hover a {
  color: #0092F2;
}
.contact-page div.big-boxes > div a {
  font-family: Open Sans;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-rendering: optimizeLegibility;
  color: #004979;
  text-decoration: none;
  position: absolute;
  top: 0;
  left: 0;
  padding: 70px 8px 38px 8px;
  width: 100%;
  height: 100%;
  text-align: center;
  box-sizing: border-box;
}
.contact-page div.big-boxes > div a small {
  font-family: Open Sans;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 20px;
  text-rendering: optimizeLegibility;
  color: #0092F2;
  display: block;
}
.contact-page div.big-boxes > div::before {
  font-family: 'Prijsvrij Icons';
  font-size: 38px;
  color: #004979;
  display: block;
  margin: 0 0 10px 0;
}
.contact-page div.big-boxes > div.phone:before {
  content: '\e942';
}
.contact-page div.big-boxes > div.whatsapp:before {
  content: '\e923';
}
.contact-page div.big-boxes > div.mail:before {
  content: '\e940';
}
.contact-page .dashed-box {
  padding: 0;
  border: none;
  background: none;
  margin: 0;
}
.contact-page #contactform ul {
  display: flex;
  flex-direction: row;
  row-gap: 16px;
  column-gap: 8px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: space-between;
}
.contact-page #contactform ul li {
  width: 100%;
  margin: 0;
  flex-basis: 100%;
}
.contact-page #contactform ul li input,
.contact-page #contactform ul li select,
.contact-page #contactform ul li textarea {
  margin: 0;
}
.contact-page #contactform ul li select#ContentPlaceHolderContent_cbSubject:invalid {
  color: #000;
  opacity: 0.6;
}
.contact-page #contactform ul li.form-error input,
.contact-page #contactform ul li.form-error select,
.contact-page #contactform ul li.form-error textarea {
  border-color: #B34040;
}
.contact-page #contactform ul li.form-error input + span,
.contact-page #contactform ul li.form-error select + span,
.contact-page #contactform ul li.form-error textarea + span {
  display: none !important;
}
.contact-page #contactform ul li.phone,
.contact-page #contactform ul li.mail,
.contact-page #contactform ul li.subject,
.contact-page #contactform ul li.dossier {
  width: calc(50% - 4px);
  flex-basis: calc(50% - 4px);
}
.contact-page .valSummary {
  margin: 10px 0 0 0;
}
.contact-page .valSummary .valSummaryHead {
  font-family: Open Sans;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  text-rendering: optimizeLegibility;
  color: #7F7518;
}
.contact-page .valSummary .valSummaryHead span.formErrorImg {
  display: none !important;
}
.contact-page .valSummary ul li {
  position: relative;
  color: #7F7518 !important;
  /*the validation seems to add these ::marker elements */
}
.contact-page .valSummary ul li:before {
  color: #7F7518 !important;
  left: -15px !important;
  top: 0 !important;
}
.contact-page .valSummary ul li::marker {
  content: '' !important;
}
@media only screen and (max-width: 767px) {
  /* 
		When validation fails the page scrolls to the select, but it doesn't know about the menu/header so it stays hidden.
		Add a little scroll-margin-top magic et voila!
	*/
  body.contact * {
    scroll-margin-top: 70px;
  }
  body.contact #contactform ul li.phone,
  body.contact #contactform ul li.mail,
  body.contact #contactform ul li.subject,
  body.contact #contactform ul li.dossier {
    width: 100%;
    flex-basis: 100%;
  }
}
/* GEOTREE LANDINGSPAGINA */
#geotree-content {
  padding: 15px 15px 0 15px;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#geotree-content .columns {
  width: 100%;
  float: left;
  clear: both;
}
#geotree-content .leftcol {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 330px;
  margin-right: 30px;
  float: left;
}
#geotree-content .rightcol {
  width: calc(100% - 360px);
  min-width: 100px;
  float: right;
}
#geotree-content .rightcol .content {
  height: 366px;
  overflow: hidden;
  margin-bottom: 2px;
  line-height: 16px;
}
#geotree-content .rightcol .content.small {
  height: auto;
  overflow: visible;
}
#geotree-content .rightcol .content.expanded {
  overflow: visible;
  height: auto;
}
#geotree-content .rightcol .link {
  margin-top: 17px;
}
#geotree-content .rightcol .link-full-text {
  margin-top: 10px;
  display: inline-block;
}
#geotree-content img {
  width: 330px;
  height: 330px;
}
#geotree-content .photo-container {
  overflow: hidden;
  position: relative;
  width: 330px;
  height: 330px;
}
#geotree-content .photo-container .prev:after,
#geotree-content .photo-container .next:after {
  color: #FFF !important;
  font-weight: normal;
  line-height: 25px !important;
}
#geotree-content .photo-container ul.photo-carousel li {
  width: 330px;
  height: 330px;
  float: left;
  display: block;
  clear: none;
  text-align: center;
}
#geotree-content .h1 {
  margin: 0 0 10px 0;
}
#geotree-content .box-popular-links {
  padding: 10px;
  margin: 10px 0 15px 0;
  background: #e5f3fe;
  float: left;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
#geotree-content .box-popular-links h3 {
  margin-bottom: 5px;
  font-family: Hermes Maia T4;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -0.02em;
  text-rendering: optimizeLegibility;
}
#geotree-content .box-popular-links > ul {
  float: left;
  width: 100%;
}
#geotree-content .box-popular-links > ul > li {
  float: left;
  width: 50%;
  line-height: 18px;
}
#geotree-content .box-popular-links.accos > ul > li {
  width: 100%;
}
#geotree-content .box-popular-links.accos > ul > li span.grade {
  margin-left: 5px;
}
#geotree-full-text .intro,
#geotree-content .rightcol .content .intro {
  font-weight: bold;
}
#geotree-full-text h2,
#geotree-content .rightcol .content h2 {
  color: #c00;
  margin: 14px 0;
  font-family: 'tga_bold';
}
#geotree-full-text h3,
#geotree-content .rightcol .content h3 {
  color: #c00;
  margin: 14px 0;
  font-family: 'tga_bold';
}
#geotree-full-text h2,
#geotree-content h2 {
  width: 100%;
  float: left;
  clear: both;
  margin-top: 10px;
}
.search-results-footer.content .link {
  margin-top: 15px;
}
.search-results-footer.content .aggregaterating {
  line-height: 22px;
  padding-bottom: 15px;
}
#geotree-full-text {
  padding-top: 0;
}
#geotree-full-text ul.interest-boxes {
  width: 100%;
  float: left;
  clear: both;
  margin-top: 10px;
}
#geotree-full-text ul.interest-boxes > li {
  cursor: pointer;
  /*background-color:@color-primary-light-75;
		box-shadow:0px 3px @color-primary;
		transition:box-shadow ease 0.2s, transform ease 0.2s;
		border-radius:3px;*/
  /*
		&:hover
		{
			box-shadow:0px 6px @color-primary;
			transform:translateY(-3px);
		}

        &:active 
		{
            box-shadow:0px 1px @color-primary;
            transform:translateY(1px);
        }*/
}
#geotree-full-text ul.interest-boxes > li > img {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
#geotree-full-text ul.interest-boxes > li {
  width: calc(50% - 10px);
  margin-right: 20px;
  margin-bottom: 25px;
  float: left;
}
#geotree-full-text ul.interest-boxes > li:nth-of-type(even) {
  margin-right: 0;
}
#geotree-full-text ul.interest-boxes > li > img {
  width: 100%;
  max-height: 135px;
  display: block;
}
#geotree-full-text ul.interest-boxes > li > div {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  padding: 0 25px 20px 20px;
  width: 100%;
  float: left;
  clear: both;
  background: #FFF;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
#geotree-full-text ul.interest-boxes > li > div > h4 {
  font-size: 16px;
}
#geotree-full-text ul.interest-boxes > li > div > p {
  margin-bottom: 15px;
}
#geotree-full-text ul.interest-boxes > li > div > a {
  /*color:#333;*/
  position: relative;
  text-decoration: none;
  padding-left: 15px;
}
#geotree-full-text ul.interest-boxes > li > div > a:hover {
  text-decoration: underline;
}
#geotree-full-text ul.interest-boxes > li > div > a::before {
  content: '';
  position: absolute;
  background-color: transparent;
  top: 6px;
  left: -4px;
  width: 12px;
  height: 12px;
  font-weight: 600;
  background: url(../img/base/elements/pc/pijltje_zwart.svg) no-repeat 0 0;
  background-size: 15px;
  transform: rotate(270deg);
}
@media (max-width: 767px) {
  #geotree-full-text ul.interest-boxes > li {
    width: 100%;
    margin-right: 0;
  }
}
/* GEOTREE LANDINGSPAGINA */
a.sort {
  padding-right: 28px;
  line-height: 17px;
  text-decoration: none;
  font-size: 12px;
  background: url(../../../img/Base/elements/pc/pull-down_geel.png) no-repeat right center;
  color: #000;
}
.overview {
  position: relative;
  margin: 0;
  width: 100%;
  background: #fff;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 2px;
}
.overview h3 {
  font-size: 16px;
  line-height: 25px;
  color: #D90000;
}
.overview label {
  font-size: 14px;
  line-height: 25px;
  vertical-align: middle;
  color: #000;
}
.overview .sort-list {
  margin-left: 10px;
}
.customer-review-box .overview {
  padding: 0;
}
.search-results-footer {
  line-height: 24px;
}
.number-results {
  margin-top: 25px;
}
.paging {
  margin-top: 20px;
}
.paging span {
  float: left;
  display: block;
  padding: 0 8px;
  margin-top: 7px;
}
.paging a {
  float: left;
}
.paging a:not(.btn-rood) {
  padding: 5px 8px;
  text-decoration: none;
  font-size: 14px;
  text-decoration: underline;
}
.paging a.prev {
  text-align: right;
  width: 140px;
  margin-right: 10px;
}
.paging a.next {
  width: 140px;
  margin-left: 10px;
  float: right;
}
.paging a.Active {
  font-weight: bold;
  text-decoration: none;
  color: #004979;
}
.paging a:not(:last-child):not(.last):not(.btn-rood),
.paging span {
  border-right: 1px solid #c2e5fb;
}
.box-photos .small-photos .slick-slide {
  position: relative;
}
/*body.detail #content-center .image .photo::before,*/
.box-photos .small-photos .slick-slide::before,
.box-photos .big-photo::before,
ul.results > li > .photo::before {
  width: 100%;
  height: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  background: url(../img/base/ico/camera.svg) no-repeat;
  background-size: 198px 132px;
  background-position: 55px 30px;
  -webkit-opacity: 0.33;
  -moz-opacity: 0.33;
  opacity: 0.33;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=33)";
  filter: alpha(opacity=33);
}
.box-photos .big-photo::before {
  background-size: 512px 352px;
}
.box-photos .small-photos .slick-slide::before {
  background-size: 35px 47px;
  background-position: 35px 15px;
}
.photo-carousel-results img {
  display: block;
  width: 310px;
  min-height: 207px;
  margin: 0;
  cursor: pointer;
  color: transparent;
}
/* https://github.com/kenwheeler/slick/issues/1562 */
.slick-slider * {
  outline: none !important;
}
ul.photo-carousel {
  position: relative;
  width: 70000px;
  /*zo breed mogelijk*/
  left: 0px;
}
ul.photo-carousel li {
  width: 220px;
  height: 150px;
  float: left;
  display: block;
  clear: none;
  text-align: center;
}
ul.photo-carousel.active li {
  cursor: move;
}
ul.photo-carousel li img,
.results img.image-na {
  display: block;
  width: 100%;
  min-height: 100%;
  margin: 0 auto;
}
ul.photo-carousel li .image-is {
  border-style: solid;
  border-width: 50px 50px 0 0;
  border-color: #007bff transparent transparent transparent;
  position: absolute;
  top: 0;
  left: 0;
}
ul.photo-carousel li .image-is.active {
  border-color: #006600 transparent transparent transparent;
}
ul.photo-carousel li .image-is.inactive {
  border-color: #cc0000 transparent transparent transparent;
}
ul.photo-carousel-tablet li {
  width: 150px;
  height: 100px;
}
ul.photo-carousel-phone li {
  width: 310px;
  height: 145px;
}
.photo-carousel-results {
  height: 207px;
}
/* CAROUSEL BUTTONS */
#geotree-content .photo-container .next,
#geotree-content .photo-container .prev,
ul.results > li > .photo .next,
ul.results > li > .photo .prev,
.box-photos .big-photo-container a.prev,
.box-photos .big-photo-container a.next,
.box-photos .small-photos-container a.prev,
.box-photos .small-photos-container a.next,
body.template .box a#btn-up,
body.template .box a#btn-down,
#photo a#btn-up,
#photo a#btn-down {
  position: absolute;
  bottom: 0px;
  width: 50px;
  height: 50px;
  overflow: hidden;
  z-index: 1;
  text-decoration: none;
}
.box-photos .small-photos-container a.prev,
.box-photos .small-photos-container a.next {
  bottom: 35px;
}
.box-photos .big-photo-container a.prev,
.box-photos .big-photo-container a.next {
  width: 60px;
  height: 60px;
}
#photo a#btn-up,
#photo a#btn-down {
  width: 90px;
  height: 90px;
}
#geotree-content .photo-container .next,
ul.results > li > .photo .next,
.box-photos .big-photo-container a.next,
body.template .box a#btn-up {
  right: 0;
}
.box-photos .small-photos-container a.next {
  right: -2px;
}
#geotree-content .photo-container .prev,
ul.results > li > .photo .prev,
.box-photos .big-photo-container a.prev,
body.template .box a#btn-down {
  left: 0;
}
.box-photos .small-photos-container a.prev {
  left: -4px;
  z-index: 5;
}
.box-photos .small-photos-container .slick-list {
  z-index: 6;
  position: relative;
}
.box-photos .small-photos-container a.prev,
.box-photos .small-photos-container a.next,
#photo a#btn-up,
#photo a#btn-down {
  padding: 0;
  width: 50px;
  height: 50px;
}
#geotree-content .photo-container .prev::after,
#geotree-content .photo-container .next::after,
ul.results > li > .photo .prev::after,
ul.results > li > .photo .next::after,
.box-photos .big-photo-container a.prev::after,
.box-photos .big-photo-container a.next::after,
.box-photos .small-photos-container a.prev::after,
.box-photos .small-photos-container a.next::after,
body.template .box a#btn-up::after,
body.template .box a#btn-down::after,
#photo a#btn-up::after,
#photo a#btn-down::after {
  display: block;
  -webkit-opacity: 1 !important;
  -moz-opacity: 1 !important;
  opacity: 1 !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
  filter: alpha(opacity=100) !important;
  font-size: 18px;
  line-height: 18px;
  text-align: center;
  margin: 18px 0 10px 0;
  width: 24px;
  height: 24px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.33);
  color: #fff !important;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
#geotree-content .photo-container .prev::after,
ul.results > li > .photo .prev::after,
.box-photos .big-photo-container a.prev::after,
body.template .box a#btn-up::after {
  margin-left: 8px;
}
#geotree-content .photo-container .next::after,
ul.results > li > .photo .next::after,
.box-photos .big-photo-container a.next::after,
body.template .box a#btn-down::after {
  margin-left: 18px;
}
.box-photos .small-photos-container a.prev::after,
.box-photos .small-photos-container a.next::after {
  width: 30px;
  height: 30px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  line-height: 24px;
  margin: 10px;
}
ul.results > li > .photo .prev::after,
#geotree-content .photo-container .prev::after,
#photo a#btn-down::after,
.box-photos .big-photo-container a.prev::after,
body.template .box a#btn-down::after,
.box-photos .small-photos-container a.prev::after {
  content: '<';
}
#geotree-content .photo-container .next::after,
#photo a#btn-up::after,
ul.results > li > .photo .next::after,
.box-photos .big-photo-container a.next::after,
body.template .box a#btn-up::after,
.box-photos .small-photos-container a.next::after {
  content: '>';
  padding-left: 4px;
}
#geotree-content .photo-container .prev:hover::after,
#geotree-content .photo-container .next:hover::after,
ul.results > li > .photo .prev:hover::after,
ul.results > li > .photo .next:hover::after,
.box-photos .big-photo-container a.prev:hover::after,
.box-photos .big-photo-container a.next:hover::after,
body.template .box a#btn-up:hover::after,
body.template .box a#btn-down:hover::after {
  background: rgba(0, 0, 0, 0.5);
}
body.template .box a#btn-down::after {
  margin-left: 5px !important;
}
body.template .box a#btn-up::after {
  margin-left: 20px !important;
}
.box-photos .big-photo-container a.prev::after,
.box-photos .big-photo-container a.next::after {
  width: 40px;
  height: 40px;
  font-size: 24px;
  line-height: 40px;
  margin-left: 10px;
  margin-bottom: 10px;
  color: #FFF;
}
.box-photos .big-photo-container a.prev,
.box-photos .big-photo-container a.next {
  bottom: 8px;
}
.box-photos .small-photos-container a.prev::after,
.box-photos .small-photos-container a.next::after {
  background-color: #fff !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  font-size: 24px;
  padding-left: 0px !important;
  color: #0092F2;
}
.box-photos .small-photos-container a.prev:hover:after,
.box-photos .small-photos-container a.next:hover:after {
  color: #006DB5;
}
.box-photos .small-photos-container a.prev::after {
  margin-left: 19px;
  margin-right: 1px;
}
.box-photos .small-photos-container a.next::after {
  margin-left: 5px;
  margin-right: 15px;
}
.box-photos .big-photo-container a.prev.slick-disabled,
.box-photos .big-photo-container a.next.slick-disabled,
.box-photos .small-photos-container a.prev.slick-disabled,
.box-photos .small-photos-container a.next.slick-disabled {
  display: none !important;
}
#photo a#btn-up,
#photo a#btn-down {
  width: 90px;
  height: 90px;
}
#photo a#btn-up::after,
#photo a#btn-down::after {
  width: 80px;
  height: 80px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
  font-size: 54px;
  line-height: 60px;
  background: rgba(255, 255, 255, 0.4);
  border: none!important;
  font-weight: bold;
  margin: 10px;
}
.box-photos .btn-rood.wide {
  margin-right: 10px;
}
/* CAROUSEL BUTTONS */
#search-results-column {
  position: relative;
  margin-right: 0;
}
#search-results-column .h1 {
  margin: 9px 0 15px 0;
}
#search-results-column > .overview {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  background: none;
}
#search-results-column > .search-results {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  background: none;
}
#search-results-column > .search-results .advert-ResultBanner picture img {
  border-radius: 8px;
}
#search-results-column > .dashed-box.valSummary {
  border: none !important;
  margin-left: 15px;
}
#search-results-column > .dashed-box.valSummary .wanted {
  text-transform: capitalize;
}
@media (max-width: 767px) {
  #search-results-column > .dashed-box.valSummary {
    margin-top: 30px !important;
    margin-left: 0 !important;
  }
}
.box-sub-header {
  height: 26px;
  padding: 5px 10px 5px;
  background: #d2ecfc;
}
div.search-results {
  position: relative;
  margin: 0 0 10px 0;
  padding: 20px 0 20px 15px;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
}
div.search-results .noResults {
  margin-bottom: 15px;
}
div.search-results .noResults .title {
  font-size: 28px;
}
div.search-results .noResults p {
  padding-top: 10px;
}
ul.results > li {
  padding: 0;
  float: left;
  clear: both;
  padding-bottom: 30px;
  position: relative;
  border-radius: 8px;
  box-sizing: border-box;
}
ul.results > li:not(.banner-item) {
  background: #FFF;
  padding: 5px;
}
ul.results > li.banner-item {
  padding-bottom: 0;
}
ul.results > li:not(:last-child) {
  margin-bottom: 10px;
}
ul.results > li:last-child {
  margin-bottom: 0;
}
ul.results > li::after {
  /*
        display:block;
        content:'';
        height:18px;
        width:100%;
        position:absolute;
        bottom:0;
		@pv-results-li-after();
        */
}
ul.results > li > .photo {
  width: 220px;
  height: 150px;
  text-align: center;
  position: relative;
  margin-right: 15px;
}
ul.results > li > .photo .slick-slider {
  overflow: hidden;
  border-radius: 8px;
}
ul.results > li > .photo .next:after,
ul.results > li > .photo .prev:after {
  color: #FFF;
  line-height: 24px;
  font-weight: normal;
}
ul.results > li > .title,
ul.results > li > .accommodation {
  width: 445px;
  box-sizing: border-box;
}
ul.results > li > .title {
  padding-top: 8px;
}
ul.results > li > .title h2,
ul.results > li > .title h2 a {
  font-family: Hermes Maia T4;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -0.02em;
  text-rendering: optimizeLegibility;
  vertical-align: top;
  margin-bottom: 3px;
  display: inline;
  text-decoration: none;
  color: #004979;
}
ul.results > li > .title h2 {
  margin-right: 6px;
}
ul.results > li > .title h3 {
  width: 100%;
  clear: both;
  font-family: Open Sans;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  text-rendering: optimizeLegibility;
  font-size: 12px;
  line-height: 12px;
  text-transform: uppercase;
  margin-bottom: 8px;
  color: #0092F2;
  font-weight: normal;
}
ul.results > li > .accommodation .facts {
  width: 100%;
  height: 68px;
  margin-bottom: 4px;
}
ul.results > li > .accommodation .facts ul li:not(.errorText) {
  padding-left: 25px;
  line-height: 17px;
  position: relative;
  margin-bottom: 8px;
  background: url(../img/base/ico/sprite_vink.png?1) no-repeat -34px 0;
  background-size: 97px 22px;
}
ul.results > li > .accommodation .facts ul li:not(.errorText)::before {
  display: inline-block;
  top: 0;
  left: 0;
  position: absolute;
  margin-right: 5px;
}
ul.results > li > .price {
  position: absolute;
  right: 24px;
  bottom: 70px;
  width: 110px;
  height: 75px;
  z-index: 0;
}
ul.results > li > .price .price-tag {
  position: relative;
  text-align: right;
}
ul.results > li > .price .price-tag .price-tag-inner {
  z-index: 10;
  box-sizing: border-box;
  color: #D90000;
  position: relative;
  width: 60px;
  height: 60px;
  display: inline-block;
}
ul.results > li > .price .price-tag .price-tag-inner:before {
  content: '';
  text-align: right;
  width: 96px;
  height: 64px;
  right: -6px;
  top: 0;
  background: #FFBF2B;
  transform: matrix(1, 0.05, -0.05, 1, 0, 0);
  z-index: 1;
  color: #D90000;
  display: inline-block;
  position: absolute;
}
ul.results > li > .price .price-tag .price-tag-inner:after {
  content: '';
  width: 96px;
  height: 64px;
  background: #FDE92F;
  transform: matrix(1, -0.1, 0.1, 1, 0, 0);
  z-index: 2;
  top: 0;
  right: -7px;
  box-sizing: border-box;
  padding-top: 7px;
  padding-right: 10px;
  display: inline-block;
  position: absolute;
}
ul.results > li > .price .price-tag .price-tag-inner > small {
  display: inline-block;
  width: 100%;
  font-weight: normal;
  position: absolute;
  top: 10px;
  right: 20px;
  z-index: 3;
}
ul.results > li > .price .price-tag .price-tag-inner .value {
  font-family: Hermes Maia T4;
  font-style: normal;
  font-weight: bold;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.02em;
  text-rendering: optimizeLegibility;
  display: inline-block;
  position: absolute;
  z-index: 3;
  right: 0;
  top: 25px;
}
ul.results > li > .price .price-tag .price-tag-inner .value .currency {
  display: none;
}
ul.results > li > .price .price-tag .price-tag-inner .value:after {
  content: ',-';
}
ul.results > li > .price .price-tag .price-tag-inner .price-popup .iconbox {
  cursor: help;
}
ul.results > li > .price .price-tag .price-tag-inner .price-popup .iconbox i {
  filter: invert(11%) sepia(99%) saturate(5625%) hue-rotate(7deg) brightness(89%) contrast(117%);
}
ul.results > li > .price .price-tag .price-tag-inner .price-popup span {
  visibility: hidden;
  position: absolute;
  z-index: 4;
  background: #FFFFFF;
  box-shadow: 0px 4px 80px rgba(0, 0, 0, 0.07), 0px 0.893452px 17.869px rgba(0, 0, 0, 0.0417275), 0px 0.266004px 5.32008px rgba(0, 0, 0, 0.0282725);
  width: 304px;
  height: 190px;
  font-style: normal;
  font-weight: 300;
  font-size: 12px;
  line-height: 20px;
  color: #A8A8A8;
  top: -190px;
  left: -101px;
  padding: 16px;
  box-sizing: border-box;
  text-align: left;
  border-radius: 16px;
  cursor: zoom-out;
  transition: opacity 1s;
}
ul.results > li > .price .price-tag .price-tag-inner .price-popup span::after {
  content: '';
  position: absolute;
  top: 99%;
  right: 50%;
  margin-right: -10px;
  width: 0;
  height: 0;
  border-top: solid 10px white;
  border-left: solid 10px transparent;
  border-right: solid 10px transparent;
}
ul.results > li > .price .price-tag .price-tag-inner .price-popup input {
  display: none;
}
ul.results > li > .price .price-tag .price-tag-inner .price-popup input:checked + span {
  visibility: visible;
  opacity: 1;
}
ul.results > li > .price a {
  text-decoration: none;
}
@media only screen and (max-width: 767px) {
  ul.results > li > .price .price-popup input:checked + span {
    right: -20px !important;
    left: auto !important;
  }
  ul.results > li > .price .price-popup span:after {
    right: 10% !important;
  }
}
@media only screen and (max-width: 767px) {
  ul.results > li:not(.p) {
    margin-bottom: 10px;
    padding-bottom: 5px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  ul.results > li:not(.p) {
    padding-bottom: 130px !important;
  }
}
ul.results > li .excluded {
  color: #A8A8A8;
  display: block;
  text-align: right;
  font-size: 9px;
  line-height: 12px;
  font-style: italic;
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  padding: 0 15px 5px 5px;
  box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  ul.results > li .excluded {
    position: absolute;
    bottom: 0;
    padding-left: 10px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  ul.results > li .excluded {
    position: absolute;
    bottom: 0;
  }
}
ul.results > li .excluded > .separator {
  display: none;
}
ul.results > li.p {
  padding-bottom: 30px !important;
}
@media only screen and (max-width: 767px) {
  ul.results > li.p {
    padding-bottom: 40px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  ul.results > li.p > .accommodation .review {
    bottom: 36px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  ul.results > li.p > .price {
    bottom: 85px !important;
  }
}
@media only screen and (max-width: 767px) {
  ul.results > li.p > .price {
    bottom: 90px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  ul.results > li.p .btn-rood-fluid-wrapper {
    bottom: 46px;
  }
}
ul.sale li {
  /*min-height: 22px;*/
  line-height: 16px;
  margin-bottom: 6px;
}
body ul.results li .btn-rood-fluid-wrapper {
  width: 170px;
  margin-top: -45px;
  float: right;
  margin-right: 8px;
}
#ContentPlaceHolderContent_PhoneFilterBox_btnStickyFilter {
  position: fixed !important;
  top: 60px !important;
}
.review {
  position: relative;
  height: 36px;
}
.review a {
  margin: 14px 0 0 40px;
  float: left;
  color: #0092f2;
}
.detail .review {
  margin-top: 10px;
}
.detail .review a {
  margin-left: 55px;
}
.roset {
  font-weight: bold;
  position: absolute;
  left: -10px;
  bottom: -19px;
  z-index: 25;
  width: 30px;
  height: 45px;
  padding: 6px 0 0 19px;
  color: #be0000;
  background: url(../img/Base/ico/roset.png) no-repeat left top;
}
.roset.big {
  width: 44px;
  height: 48px;
  padding: 12px 0 8px 14px;
  top: 0px;
  left: 0px;
  font-size: 16px;
  line-height: 16px;
  background: url(../img/Base/ico/roset_big.png) no-repeat left top;
}
.roset.huge {
  width: 60px;
  height: 82px;
  padding: 21px 0 20px 21px;
  top: 0px;
  left: 0px;
  font-size: 27px;
  line-height: 27px;
  background: url(../img/Base/ico/roset_huge.png) no-repeat left top;
}
.roset small {
  font-size: inherit;
}
.options {
  margin-top: 10px;
  height: 21px;
  width: 100%;
  background-color: #b8e2fb;
}
.options .content {
  padding: 5px;
}
.options .content > div {
  float: left;
}
.options .content input {
  height: 12px;
  width: 12px;
  vertical-align: baseline;
  border: 1px solid #0092F2;
  background: #fff;
  color: #000;
}
.options .content label {
  margin-right: 5px;
}
.options .content > .watched {
  float: right;
  margin-right: 10px;
}
.options .content > .watched strong {
  color: #D90000;
}
/* 
	RESULTATENPAGINA
	==============================================================================
*/
#travelparty-container,
.fluid-full-popup {
  font-size: 12px;
}
#travelparty-container .content,
.fluid-full-popup .content {
  position: relative;
}
#travelparty-container .content .row,
.fluid-full-popup .content .row {
  width: 100%;
}
#travelparty-container .content label.black,
.fluid-full-popup .content label.black {
  font-size: 13px;
  font-weight: bold;
  line-height: 24px;
}
#travelparty-container .content .checkbox,
.fluid-full-popup .content .checkbox {
  float: left;
  margin: 20px 0 0 0;
  width: 100%;
}
#travelparty-container .content .checkbox input,
.fluid-full-popup .content .checkbox input {
  float: left;
  margin-right: 5px;
}
#travelparty-container .content .checkbox label,
.fluid-full-popup .content .checkbox label {
  line-height: 22px;
}
#travelparty-container .fluid-full-popup .add-bottom-line.also-desktop,
.fluid-full-popup .fluid-full-popup .add-bottom-line.also-desktop {
  padding-bottom: 10px;
  border-bottom: 1px solid #bbe3ff;
  -webkit-box-shadow: 0px 1px #fff;
  -moz-box-shadow: 0px 1px #fff;
  box-shadow: 0px 1px #fff;
}
#travelparty-container .fluid-full-popup .add-bottom-line.also-desktop > *,
.fluid-full-popup .fluid-full-popup .add-bottom-line.also-desktop > * {
  -webkit-text-shadow: none;
  -moz-text-shadow: none;
  text-shadow: none;
}
#travelparty-container .content label,
.fluid-full-popup .content label:not(.fwb) {
  float: left;
  width: 120px;
  font-weight: normal;
  margin: 0;
  font-size: 12px;
  clear: none;
  padding-top: 2px;
}
.travelpartyHolder {
  float: left;
  position: relative;
  width: 100%;
}
body.search .travelpartyHolder,
body.detail .travelpartyHolder {
  padding-bottom: 20px;
}
/*
.box-matrix .prices .prefdate .pref .filters .travgroup .travelpartyHolder a.link-change-travelers,
.box-matrix .prices .prefdate .pref .filters .travelparty .travelpartyHolder a.link-change-travelers 
{
    bottom:0;
    right:0;
    top:auto;
    left:auto;
    height:auto;
    width:auto;
    line-height:20px; 
}
*/
#travelparty-container.search-fluid-popup {
  width: 630px;
  position: fixed;
  left: calc(50% - 315px);
  top: max(calc(50% - 290px),20px);
  bottom: max(calc(50% - 290px),20px);
  margin-top: 0;
  overflow-y: auto;
}
#travelparty-container.search-fluid-popup > .content-box {
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background: none;
}
#travelparty-container.search-fluid-popup .fluid-content {
  min-height: 312px;
}
#travelparty-container.search-fluid-popup .select-wrapper-fluid::before {
  display: none;
}
#travelparty-container .content .row.header {
  margin-bottom: 10px;
}
#travelparty-container .content label.full {
  width: 100%;
  margin: 10px 0;
}
#travelparty-container .content label small {
  font-size: 11px;
}
#travelparty-container .content .dashed-box {
  padding-bottom: 25px;
  min-height: 200px;
}
#travelparty-container .content .dashed-box.red {
  min-height: 50px;
  padding: 10px;
}
#travelparty-container .content .dashed-box.black {
  color: #000;
  border-color: #000;
}
#travelparty-container .content .dashed-box small {
  font-size: 14px !important;
  margin-left: 15px;
}
#travelparty-container .content select.year {
  margin-bottom: 5px;
}
#travelparty-container .content .checkbox label {
  width: 300px;
  margin-top: 20px;
}
#travelparty-container .addition {
  width: 343px;
  font-size: 10px;
}
#travelparty-container .addition input {
  vertical-align: baseline;
  margin-top: 5px;
}
#travelparty-container .addition .content {
  padding: 0 10px;
}
#travelparty-container .addition .content label {
  float: none;
}
#travelparty-container .addition .content .save {
  margin-top: 10px;
}
#travelparty-container a.text-close {
  position: inherit;
  left: auto;
  bottom: auto;
  right: auto;
  top: auto;
  float: left !important;
}
#travelparty-container a.close {
  position: absolute;
  top: 14px;
  right: 14px;
}
#travelparty-container a.fluid-close,
#travelparty-container a .fluid-full-popup a.fluid-close {
  position: absolute;
  top: -22px;
  right: -16px;
}
#travelparty-container a.btn-rood {
  margin-left: 10px;
  margin-top: 0 !important;
  position: inherit;
  top: auto;
  right: auto;
  text-align: left;
}
#travelparty-container a.add {
  margin: 10px 0 0 0;
  position: inherit;
  top: auto;
  right: auto;
  /*
		    line-height:14px;
		    &::before 
            {
			    .border-radius(5px);
			    height:22px;
			    width:22px;
                line-height:22px;
			    font-size:20px;
			    text-align:center;
			    vertical-align:middle;
			    color:#fff;
			    display:inline-block;
			    margin-right:5px;
				@pv-travelparty-add-before();
			    content:'+';
		    }
			*/
}
#travelparty-container a.add.active::before {
  content: '-';
}
#travelparty-container a.delete {
  margin-left: 5px;
  margin-top: 5px;
  position: inherit;
  top: auto;
  right: auto;
}
#travelparty-container a.delete::before {
  content: '×';
  color: #fff;
  font-size: 12px;
  line-height: 10px;
  text-align: center;
  width: 100%;
  height: 100%;
  display: block;
}
#travelparty-container .fieldMessageBox {
  top: 75px;
  left: 350px;
}
#travelparty-container .fieldMessageBox span.header {
  float: left;
  clear: both;
  margin: 0 0 5px 0;
  width: 100%;
}
#travelparty-container .arrow {
  top: 50px;
}
#travelparty-container .dashed-box.red {
  width: 100%;
  margin-top: 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 0;
}
#travelparty-container h3 {
  margin: 0 0 15px 0 !important;
}
#travelparty-container select {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
body.detail #travelparty-container a#ctl00_ContentPlaceContentBlock3_BaseMatrixControl_travelParty_btnSave {
  float: right !important;
  width: auto !important;
  font-size: inherit !important;
}
@media only screen and (max-width: 767px) {
  body.detail #travelparty-container {
    width: 100% !important;
    height: 100%;
    top: 0 !important;
    left: 0 !important;
    z-index: 1005;
    margin: 0;
    position: fixed !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  body.detail #travelparty-container {
    width: 100% !important;
    height: 100%;
    top: 0 !important;
    left: 0 !important;
    z-index: 1005;
    margin: 0;
    position: fixed !important;
  }
}
.search-fluid-popup {
  border: 1px solid #000;
  background: #e8f5ff;
  min-height: 400px;
  position: relative;
  z-index: 1005;
  width: calc(100%);
  margin-left: 0;
  margin-top: 10px;
  border-radius: 8px;
  cursor: default;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
  float: left;
}
.search-fluid-popup .fluid-close {
  right: 0;
  top: 5px;
  position: absolute;
  cursor: pointer;
  font-size: 20px;
  line-height: 28px;
}
.search-fluid-popup .triangle {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 14px 13px 14px 0;
  border-color: transparent #e8f5ff transparent transparent;
  position: absolute;
  top: 101px;
  left: -13px;
  z-index: 1003;
}
.search-fluid-popup .triangle-border {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 14px 15px 0;
  border-color: transparent #000 transparent transparent;
  position: absolute;
  top: 100px;
  left: -14px;
}
.search-fluid-popup.transport .triangle {
  top: 291px;
}
.search-fluid-popup.transport .triangle-border {
  top: 290px;
}
.search-fluid-popup.transport h3 {
  margin-bottom: 30px;
}
.search-fluid-popup.transport h4 {
  margin-bottom: 5px;
}
.search-fluid-popup.transport .black {
  float: left;
  margin-bottom: 10px;
}
.search-fluid-popup.transport .Vervoerstype {
  float: left;
  width: 195px !important;
  margin-bottom: 10px;
}
.search-fluid-popup.departuredate .triangle {
  top: 181px;
}
.search-fluid-popup.departuredate .triangle-border {
  top: 180px;
}
.search-fluid-popup#travelparty-container .triangle {
  top: 58px;
  left: -23px;
}
.search-fluid-popup#travelparty-container .triangle-border {
  top: 57px;
  left: -24px;
}
.search-fluid-popup .header h3 {
  font-family: Hermes Maia T4;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -0.02em;
  text-rendering: optimizeLegibility;
}
.search-fluid-popup .content-box {
  float: left;
  width: 100%;
}
.search-fluid-popup .fluid-content {
  float: left;
  width: 100%;
}
.search-fluid-popup .fluid-content label,
.search-fluid-popup .fluid-content h4 {
  font-size: 14px;
}
.search-fluid-popup .fluid-content label.black {
  font-family: Open Sans;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  text-rendering: optimizeLegibility;
}
.search-fluid-popup .select-wrapper-fluid {
  position: relative;
  border-right: none;
  width: 310px;
  float: left;
}
.search-fluid-popup .select-wrapper-fluid::before {
  content: '';
  font-weight: bold;
  color: #000;
  position: absolute;
  left: 8px;
  bottom: 6px;
  z-index: 10;
  font-size: 16px;
  pointer-events: none;
}
.search-fluid-popup .content .checkbox {
  float: left;
  width: 100%;
  margin-bottom: 5px;
}
.search-fluid-popup .content .checkbox input[type=checkbox],
.search-fluid-popup .content .checkbox input[type=radio] {
  position: absolute;
  z-index: -1000;
  left: -1000px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
.search-fluid-popup .content .checkbox input[type=checkbox] + label,
.search-fluid-popup .content .checkbox input[type=radio] + label,
.search-fluid-popup .content .checkbox span.aspNetDisabled + label.initialLabel {
  padding-left: 30px;
  height: 20px;
  min-height: 20px;
  line-height: 20px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0 0;
  vertical-align: middle;
  cursor: pointer;
}
.search-fluid-popup .content .checkbox input[type=checkbox] + label:hover,
.search-fluid-popup .content .checkbox input[type=radio] + label:hover,
.search-fluid-popup .content .checkbox span.aspNetDisabled + label.initialLabel:hover {
  font-weight: 600;
  background-position: 0 -40px;
}
.search-fluid-popup .content .checkbox span.aspNetDisabled + label.initialLabel {
  background: url(../img/base/elements/pc/Prijsvrij_Selectieicon_grijs.png) no-repeat transparent 0 0;
  background-size: 20px 20px;
  color: #ccc;
  cursor: default;
}
.search-fluid-popup .content .checkbox span.aspNetDisabled + label.initialLabel:hover {
  cursor: default !important;
  font-weight: 500 !important;
  background-position: 0 0 !important;
}
.search-fluid-popup .content .checkbox input[type=checkbox] + label {
  background-image: url(../img/Base/elements/pc/prijsvrij-checkbox.png);
}
.search-fluid-popup .content .checkbox input[type=checkbox]:checked + label,
.search-fluid-popup .content .checkbox input[type=radio]:checked + label {
  background-position: 0 -20px;
}
.search-fluid-popup .content .checkbox input[type=checkbox]:checked + label:hover,
.search-fluid-popup .content .checkbox input[type=radio]:checked + label:hover {
  font-weight: 600;
  background-position: 0 -60px;
}
.search-fluid-popup .content .checkbox input[type=checkbox].parent-marked + label {
  background-position: 0 -20px;
}
.search-fluid-popup .content .checkbox input[type=checkbox].parent-marked + label:hover {
  font-weight: 600;
  background-position: 0 -60px;
}
.search-fluid-popup .content .checkbox input[type=radio] + label {
  background-image: url(../img/Base/elements/pc/prijsvrij-radio.png);
}
.search-fluid-popup .content .checkbox label {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.search-fluid-popup .content .checkbox input {
  margin: 1px 10px 0 1px;
  height: 20px;
  width: 20px;
}
.search-fluid-popup .content .checkbox label {
  width: calc(100% - 45px);
  line-height: 20px;
  vertical-align: top;
  cursor: default;
}
.search-fluid-popup .content .row.header {
  margin-bottom: 20px !important;
}
.search-fluid-popup .dashed-box {
  border: none;
  border-image: none;
  background: none;
  float: left;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}
.search-fluid-popup .dashed-box.departuredate {
  margin-top: 10px;
}
.search-fluid-popup .dashed-box.departuredate .select-wrapper-fluid {
  margin-top: 25px;
  width: 100%;
}
.search-fluid-popup .dashed-box.departuredate .select-wrapper-fluid label {
  float: left;
  margin-right: 10px;
  line-height: 30px;
}
.search-fluid-popup .related-filtergroup {
  float: left;
  padding-top: 10px;
  width: 100%;
}
.search-fluid-popup .related-filtergroup .list-parent-container {
  -webkit-column-count: 1;
  /* Chrome, Safari, Opera */
  -moz-column-count: 1;
  /* Firefox */
  column-count: 1;
}
.search-fluid-popup .related-filtergroup .list-parent-container ul.listed-checkboxes {
  padding-top: 5px;
}
.search-fluid-popup .related-filtergroup .list-container {
  -webkit-column-count: 2;
  /* Chrome, Safari, Opera */
  -moz-column-count: 2;
  /* Firefox */
  column-count: 2;
  padding-left: 20px;
}
.search-fluid-popup .related-filtergroup .list-container:not(:last-child) {
  padding-bottom: 10px;
  border-bottom: 1px solid #bbe3ff;
  -webkit-box-shadow: 0px 1px #fff;
  -moz-box-shadow: 0px 1px #fff;
  box-shadow: 0px 1px #fff;
}
.search-fluid-popup .related-filtergroup ul.listed-checkboxes {
  width: 100%;
  float: left;
  clear: both;
  padding: 0;
}
.search-fluid-popup .related-filtergroup ul.listed-checkboxes li.parent {
  width: 100%;
  float: left;
}
.search-fluid-popup .related-filtergroup .datepicker-container {
  position: relative;
  z-index: 1001;
  float: left;
  clear: both;
  width: 100%;
  margin-bottom: 10px;
  padding: 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.search-fluid-popup .ui-datepicker-group {
  width: 50%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.search-fluid-popup .ui-datepicker-group-first {
  padding-right: 10px;
}
.search-fluid-popup .ui-datepicker-group-last {
  padding-left: 10px;
}
.search-fluid-popup:not(#travelparty-container) .select-wrapper-fluid select {
  padding-left: 35px !important;
  font-weight: 600;
  font-size: 14px;
}
.search-fluid-popup:not(#travelparty-container) .select-wrapper-fluid::after {
  position: absolute;
  right: 8px;
  bottom: 6px;
  pointer-events: none;
}
.search-fluid-popup:not(#travelparty-container) .dashed-box.departuredate .select-wrapper-fluid select {
  float: left;
  max-width: 310px;
  border-color: #029a02;
  padding-left: 10px !important;
}
.search-fluid-popup:not(#travelparty-container) .dashed-box.departuredate .select-wrapper-fluid::after {
  right: 213px;
}
.search-fluid-popup:not(#travelparty-container) select {
  font-size: 14px;
  width: 165px;
  font-weight: 600;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border-color: #029a02;
  position: relative;
  height: 32px;
}
a.close {
  position: absolute;
  right: 4px;
  top: 4px;
  width: 22px;
  height: 22px;
  color: #000;
  z-index: 99;
  text-decoration: none;
}
a.close.red {
  position: relative;
  right: 12px;
  top: 12px;
  width: 20px;
  height: 20px;
  border: 2px solid #a90000;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#df7f7f+0,c82121+47,c00000+53,c00000+100 */
  background-color: #df7f7f;
  background: -webkit-linear-gradient(top, #df7f7f 0%, #c82121 47%, #c00000 53%, #c00000 100%) #df7f7f no-repeat;
  background: -moz-linear-gradient(top, #df7f7f 0%, #c82121 47%, #c00000 53%, #c00000 100%) #df7f7f no-repeat;
  /*background:                  -o-linear-gradient(@origin, @stops) @start-color no-repeat;*/
  background: linear-gradient(to bottom, #df7f7f 0%, #c82121 47%, #c00000 53%, #c00000 100%) #df7f7f no-repeat;
}
a.close.red::after {
  content: '×';
  color: #fff;
  font-size: 16px;
  line-height: 16px;
  text-align: center;
  width: 100%;
  height: 100%;
  display: block;
}
.popUpBox a.close.red {
  position: absolute;
  top: 20px;
  right: 20px;
}
input.close.red.small {
  width: 13px;
  height: 13px;
  border: 0px;
  background: url(../../../img/Base/button/pc/close_rood_small.png) no-repeat left top;
}
.waitBoxContainer {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 9999;
}
.waitBoxContainer .wait-box {
  position: relative;
  margin: 0 auto;
  top: 0px;
  left: 0px;
}
.wait-box {
  width: 360px;
  height: 90px;
  padding: 10px 7px;
  z-index: 9999;
  position: absolute;
  top: 80px;
  left: 314px;
  text-align: center;
  background: #fff url(../img/Base/gradient/gradient_even-wachten-aub.png) repeat-x left top;
  border: 1px solid #0093f2;
}
.wait-box span.message {
  font-size: 18px;
  margin: 0 0 10px 0;
  color: #0092f2;
}
ul.wait-anim li {
  margin-right: 2px;
}
ul.wait-anim li .dollar {
  width: 38px;
  height: 55px;
  background: url(../../../img/Base/elements/pc/dollarteken_even-wachten-aub.png) no-repeat left top;
}
.wait-box-big {
  width: 360px;
  height: 90px;
  padding: 10px 174px;
  z-index: 15;
  position: absolute;
  top: 500px;
  left: 0;
  text-align: center;
  background: url(../img/Base/gradient/gradient_even-wachten-aub.png) repeat-x left top;
  border: 1px solid #0093f2;
}
.wait-box-big h5 {
  font-size: 18px;
  margin: 0 0 10px 0;
  color: #0092f2;
}
.wait-box-big ul li {
  margin-right: 2px;
}
.wait-box-big ul li .dollar {
  width: 38px;
  height: 55px;
  background: url(../../../img/Base/elements/pc/dollarteken_even-wachten-aub.png) no-repeat left top #fff;
}
select,
input[type="date"] {
  width: 161px;
  cursor: pointer;
  font-family: 'Arial';
  font-size: 13px;
  line-height: 25px;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 1px solid #a5d7f8;
  background: #fff url(../img/Base/elements/pc/pull-down_big.png) no-repeat 138px 2px;
  background-size: 19px 19px;
  height: 25px;
  padding: 0 20px 0 0;
  text-indent: 3px;
}
.main-search-box .select-wrapper-2 {
  position: relative;
  border-right: none;
}
.main-search-box .select-wrapper-2 select:not(.day):not(.month):not(.year):not(.small),
.main-search-box .select-wrapper-2 input {
  padding: 0 20px 0 35px;
  font-weight: bold;
  background: #fff;
  font-size: 13px;
}
.main-search-box .duration .duration-blue-icon::before,
.main-search-box .travelparty .travelparty-blue-icon::before,
#travelparty-container.fluid-full-popup .travelparty-blue-icon::before,
#travelparty-container.search-fluid-popup .travelparty-blue-icon::before {
  content: '';
  font-weight: bold;
  font-size: 16px;
  position: absolute;
  left: 8px;
  bottom: 6px;
  z-index: 10;
  color: #929292;
  pointer-events: none;
}
.main-search-box .select-wrapper-2:not(.travelparty)::after {
  position: absolute;
  right: 8px;
  bottom: 6px;
  pointer-events: none;
  font-family: 'prijsvrij-icons';
  content: 'g';
  font-weight: bold;
  font-size: 16px;
  color: #000;
}
.main-search-box .all-departure-airports,
.main-search-box .selected-departure-airports,
.main-search-box .selected-departuredate-option {
  font-size: 13px;
  position: absolute;
  bottom: 6px;
  right: 30px;
  pointer-events: none;
  touch-action: none;
  -webkit-touch-callout: none;
}
.main-search-box .all-departure-airports:not(.visible),
.main-search-box .selected-departure-airports:not(.visible),
.main-search-box .selected-departuredate-option:not(.visible) {
  display: none;
}
/* in de popup groen */
.fluid-full-popup .transport .select-wrapper-fluid::before,
.search-fluid-popup .transport .select-wrapper-fluid::before {
  color: #029a02;
}
/* standaard vliegtuig */
.fluid-full-popup .transport .select-wrapper-fluid::before,
.search-fluid-popup .transport .select-wrapper-fluid::before {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-bottom: 2px;
  width: 16px;
  height: 16px;
  background-image: url(../img/base/ico/Vliegtuig_KC333333.svg);
}
.main-search-box .transport .select-wrapper-2::before {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-bottom: 2px;
  width: 16px;
  height: 16px;
  background-image: url(../img/base/ico/Vliegtuig_Zoekbox.svg);
}
.search-fluid-popup .transport .select-wrapper-fluid::before {
  top: 34px;
}
/* boot */
.fluid-full-popup .transport.sel-boot .select-wrapper-fluid::before,
.search-fluid-popup .transport.sel-boot .select-wrapper-fluid::before {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-bottom: 2px;
  width: 16px;
  height: 16px;
  background-image: url(../img/base/ico/Boot_KC333333.svg);
}
.main-search-box .transport .sel-boot.select-wrapper-2::before {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-bottom: 2px;
  width: 16px;
  height: 16px;
  background-image: url(../img/base/ico/Boot_Zoekbox.svg);
}
/* trein */
.fluid-full-popup .transport.sel-trein .select-wrapper-fluid::before,
.search-fluid-popup .transport.sel-trein .select-wrapper-fluid::before {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-bottom: 2px;
  width: 16px;
  height: 16px;
  background-image: url(../img/base/ico/Trein_KC333333.svg);
}
.main-search-box .transport .sel-trein.select-wrapper-2::before {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-bottom: 2px;
  width: 16px;
  height: 16px;
  background-image: url(../img/base/ico/Trein_Zoekbox.svg);
}
.search-fluid-popup .transport.sel-trein .select-wrapper-fluid::before {
  bottom: 7px;
}
.main-search-box .transport .sel-trein.select-wrapper-2::before {
  bottom: 4px;
}
/* bus */
.fluid-full-popup .transport.sel-bus .select-wrapper-fluid::before,
.search-fluid-popup .transport.sel-bus .select-wrapper-fluid::before {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-bottom: 2px;
  width: 16px;
  height: 16px;
  background-image: url(../img/base/ico/Bus_KC333333.svg);
}
.main-search-box .transport .sel-bus.select-wrapper-2::before {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-bottom: 2px;
  width: 16px;
  height: 16px;
  height: 19px;
  background-image: url(../img/base/ico/Bus_Zoekbox.svg);
}
/* auto */
.fluid-full-popup .transport.sel-vlastní-dopravou .select-wrapper-fluid::before,
.search-fluid-popup .transport.sel-vlastní-dopravou .select-wrapper-fluid::before,
.fluid-full-popup .transport.sel-eigen-vervoer .select-wrapper-fluid::before,
.search-fluid-popup .transport.sel-eigen-vervoer .select-wrapper-fluid::before {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-bottom: 2px;
  width: 16px;
  height: 16px;
  background-image: url(../img/base/ico/Eigen_vervoer_KC333333.svg);
}
.main-search-box .transport .sel-vlastní-dopravou.select-wrapper-2::before,
.main-search-box .transport .sel-eigen-vervoer.select-wrapper-2::before {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-bottom: 2px;
  width: 16px;
  height: 16px;
  background-image: url(../img/base/ico/Eigen_vervoer_Zoekbox.svg);
}
.main-search-box .destination.select-wrapper-2::before {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-bottom: 2px;
  width: 16px;
  height: 16px;
  background-image: url(../img/base/ico/Bestemming_Zoekbox.svg);
}
.main-search-box .departure-date.select-wrapper-2::before {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-bottom: 2px;
  width: 16px;
  height: 16px;
  background-image: url(../img/base/ico/Kalender_Zoekbox.svg);
}
.main-search-box .duration.select-wrapper-2::before {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-bottom: 2px;
  width: 16px;
  height: 16px;
  background-image: url(../img/base/ico/Reisduur_Zoekbox.svg);
}
.main-search-box .board.select-wrapper-2::before {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-bottom: 2px;
  width: 16px;
  height: 16px;
  background-image: url(../img/base/ico/Verzorging_Zoekbox.svg);
}
.main-search-box .holiday.select-wrapper-2::before {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-bottom: 2px;
  width: 16px;
  height: 16px;
  background-image: url(../img/base/ico/Schoolvakanties_Zoekbox.svg);
}
#travelparty-container.fluid-full-popup .select-wrapper-fluid::before,
#travelparty-container.search-fluid-popup .select-wrapper-fluid::before {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-bottom: 2px;
  width: 16px;
  height: 16px;
  background-image: url(../img/base/ico/Reisgezelschap_Zoekbox.svg);
}
#travelparty-container .travelparty-blue-icon {
  display: none;
}
.search-fluid-popup .ui-datepicker-inline,
.fluid-full-popup .ui-datepicker-inline {
  width: 100% !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
.search-fluid-popup .ui-datepicker-header,
.fluid-full-popup .ui-datepicker-header {
  border: none;
  background: #fff;
  -webkit-text-shadow: none;
  -moz-text-shadow: none;
  text-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.search-fluid-popup .ui-datepicker-next,
.search-fluid-popup .ui-datepicker-prev,
.fluid-full-popup .ui-datepicker-next,
.fluid-full-popup .ui-datepicker-prev {
  background: #0092f2;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  position: relative;
  line-height: 24px;
  z-index: 1002;
}
.search-fluid-popup .ui-datepicker-next.ui-state-disabled,
.search-fluid-popup .ui-datepicker-prev.ui-state-disabled,
.fluid-full-popup .ui-datepicker-next.ui-state-disabled,
.fluid-full-popup .ui-datepicker-prev.ui-state-disabled {
  background: #ededed;
  color: #b4b3b3;
}
.search-fluid-popup .ui-datepicker-next::before,
.search-fluid-popup .ui-datepicker-prev::before,
.fluid-full-popup .ui-datepicker-next::before,
.fluid-full-popup .ui-datepicker-prev::before {
  font-family: 'Prijsvrij Icons';
  content: 'g';
  font-weight: bold;
  font-size: 16px;
  position: absolute;
  left: 0;
  width: 24px;
  text-align: center;
}
.search-fluid-popup .ui-datepicker-prev::before,
.fluid-full-popup .ui-datepicker-prev::before {
  content: '\e933';
}
.search-fluid-popup .ui-datepicker-next::before,
.fluid-full-popup .ui-datepicker-next::before {
  content: '\e934';
}
.search-fluid-popup .ui-datepicker-next span,
.search-fluid-popup .ui-datepicker-prev span,
.fluid-full-popup .ui-datepicker-next span,
.fluid-full-popup .ui-datepicker-prev span {
  display: none;
}
.search-fluid-popup .ui-datepicker-title,
.fluid-full-popup .ui-datepicker-title {
  position: relative;
}
/*.search-fluid-popup .ui-datepicker-title::after,
			.fluid-full-popup .ui-datepicker-title::after 
			{
				position:absolute;
				right:8px;
				bottom:6px;
				pointer-events:none;
				@pv-select-after();
				color: @pv-fluidpopup-select-after-color;
				@pv-fluidpopup-datepickertitle-after();
			}
			.search-fluid-popup .ui-datepicker-group-last .ui-datepicker-title::after,
			.fluid-full-popup .ui-datepicker-group-last .ui-datepicker-title::after 
			{
				
				@pv-fluidpopup-datepickertitle-last-after();
			}*/
.search-fluid-popup .ui-datepicker-title select,
.fluid-full-popup .ui-datepicker-title select,
#travelparty-container.fluid-full-popup select {
  border-color: #029a02 !important;
  padding-left: 10px !important;
  padding-right: 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  width: 140px;
}
.search-fluid-popup .ui-datepicker-calendar,
.fluid-full-popup .ui-datepicker-calendar {
  margin-top: 10px;
}
.search-fluid-popup .ui-datepicker thead,
.fluid-full-popup .ui-datepicker thead {
  background: none;
  border: none;
}
.search-fluid-popup .ui-datepicker th,
.fluid-full-popup .ui-datepicker th {
  background: none;
  font-weight: bold;
  color: #0092f2;
  border: none;
  -webkit-text-shadow: none;
  -moz-text-shadow: none;
  text-shadow: none;
  font-size: 14px;
}
.search-fluid-popup .ui-datepicker tbody td,
.fluid-full-popup .ui-datepicker tbody td {
  background: none;
  border: none;
  border-right: 1px solid #fff;
}
.search-fluid-popup .ui-datepicker-calendar .ui-state-default,
.fluid-full-popup .ui-datepicker-calendar .ui-state-default {
  background: none;
  font-weight: 500;
  color: #000;
  -webkit-text-shadow: none;
  -moz-text-shadow: none;
  text-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: none;
}
.search-fluid-popup .ui-datepicker-calendar .ui-state-hover,
.fluid-full-popup .ui-datepicker-calendar .ui-state-hover {
  background-color: #029a02;
  color: #fff;
}
.search-fluid-popup .ui-datepicker-calendar .ui-state-active,
.search-fluid-popup .ui-datepicker-calendar .ui-datepicker-other-month .ui-state-active,
.fluid-full-popup .ui-datepicker-calendar .ui-state-active,
.fluid-full-popup .ui-datepicker-calendar .ui-datepicker-other-month .ui-state-active {
  background: #029a02;
  color: #fff;
  -webkit-text-shadow: none;
  -moz-text-shadow: none;
  text-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: none;
  width: 100% !important;
}
.search-fluid-popup .ui-datepicker-calendar .marked-date,
.fluid-full-popup .ui-datepicker-calendar .marked-date {
  background: #78e97b;
}
.fluid-full-popup .radio,
.search-fluid-popup .radio {
  width: 100%;
  clear: both;
  display: inline-block;
  position: relative;
  margin-bottom: 5px;
}
.fluid-full-popup .radio input[type=checkbox],
.search-fluid-popup .radio input[type=checkbox],
.fluid-full-popup .radio input[type=radio],
.search-fluid-popup .radio input[type=radio] {
  position: absolute;
  z-index: -1000;
  left: -1000px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
.fluid-full-popup .radio input[type=checkbox] + label,
.search-fluid-popup .radio input[type=checkbox] + label,
.fluid-full-popup .radio input[type=radio] + label,
.search-fluid-popup .radio input[type=radio] + label,
.fluid-full-popup .radio span.aspNetDisabled + label.initialLabel,
.search-fluid-popup .radio span.aspNetDisabled + label.initialLabel {
  padding-left: 30px;
  height: 20px;
  min-height: 20px;
  line-height: 20px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0 0;
  vertical-align: middle;
  cursor: pointer;
}
.fluid-full-popup .radio input[type=checkbox] + label:hover,
.search-fluid-popup .radio input[type=checkbox] + label:hover,
.fluid-full-popup .radio input[type=radio] + label:hover,
.search-fluid-popup .radio input[type=radio] + label:hover,
.fluid-full-popup .radio span.aspNetDisabled + label.initialLabel:hover,
.search-fluid-popup .radio span.aspNetDisabled + label.initialLabel:hover {
  font-weight: 600;
  background-position: 0 -40px;
}
.fluid-full-popup .radio span.aspNetDisabled + label.initialLabel,
.search-fluid-popup .radio span.aspNetDisabled + label.initialLabel {
  background: url(../img/base/elements/pc/Prijsvrij_Selectieicon_grijs.png) no-repeat transparent 0 0;
  background-size: 20px 20px;
  color: #ccc;
  cursor: default;
}
.fluid-full-popup .radio span.aspNetDisabled + label.initialLabel:hover,
.search-fluid-popup .radio span.aspNetDisabled + label.initialLabel:hover {
  cursor: default !important;
  font-weight: 500 !important;
  background-position: 0 0 !important;
}
.fluid-full-popup .radio input[type=checkbox] + label,
.search-fluid-popup .radio input[type=checkbox] + label {
  background-image: url(../img/Base/elements/pc/prijsvrij-checkbox.png);
}
.fluid-full-popup .radio input[type=checkbox]:checked + label,
.search-fluid-popup .radio input[type=checkbox]:checked + label,
.fluid-full-popup .radio input[type=radio]:checked + label,
.search-fluid-popup .radio input[type=radio]:checked + label {
  background-position: 0 -20px;
}
.fluid-full-popup .radio input[type=checkbox]:checked + label:hover,
.search-fluid-popup .radio input[type=checkbox]:checked + label:hover,
.fluid-full-popup .radio input[type=radio]:checked + label:hover,
.search-fluid-popup .radio input[type=radio]:checked + label:hover {
  font-weight: 600;
  background-position: 0 -60px;
}
.fluid-full-popup .radio input[type=checkbox].parent-marked + label,
.search-fluid-popup .radio input[type=checkbox].parent-marked + label {
  background-position: 0 -20px;
}
.fluid-full-popup .radio input[type=checkbox].parent-marked + label:hover,
.search-fluid-popup .radio input[type=checkbox].parent-marked + label:hover {
  font-weight: 600;
  background-position: 0 -60px;
}
.fluid-full-popup .radio input[type=radio] + label,
.search-fluid-popup .radio input[type=radio] + label {
  background-image: url(../img/Base/elements/pc/prijsvrij-radio.png);
}
.fluid-full-popup .radio label,
.search-fluid-popup .radio label {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.new-radio input[type="radio"]::before,
.fluid-full-popup .radio input[type="radio"]::before {
  width: 28px;
  height: 28px;
}
.new-radio input[type="radio"]:checked::after,
.fluid-full-popup .radio input[type="radio"]:checked::after {
  width: 20px;
  height: 20px;
  top: 6px;
  left: 6px;
}
table.new-radio td {
  position: relative;
}
.search-fluid-popup .fluid-content label {
  font-size: 12px;
}
.ui-datepicker-inline .ui-datepicker-calendar {
  width: 100%;
}
.ui-datepicker-inline td span,
.ui-datepicker-inline td a {
  width: 100% !important;
}
input[type="date"] {
  padding-right: 0px;
  width: 159px;
  height: 23px;
}
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="date"]::-webkit-outer-spin-button,
input[type="date"]::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0;
  /* <-- Apparently some margin are still there even though it's hidden */
}
select::-ms-expand {
  display: none;
}
select.geel {
  margin: 4px 0;
  width: 17px;
  height: 17px;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  padding: 0 17px 0 0;
  direction: rtl;
  cursor: pointer;
  background: #fff url(../img/base/elements/pc/pull-down_geel.png) no-repeat right top;
}
div.geel {
  width: 110px;
  display: block;
  cursor: pointer;
  direction: rtl;
}
div.geel label {
  padding: 0 22px 0 0;
  width: 98px;
  height: 25px;
  display: block;
  background: #fff url(../img/base/elements/pc/pull-down_geel.png) no-repeat right 4px;
}
div.geel ol {
  margin: 4px 0;
  position: absolute;
  width: 120px;
  z-index: 9999;
  height: 68px;
  background-color: #fff;
}
div.geel ol li {
  width: 100%;
  display: block;
}
div.geel ol li a.active {
  font-weight: bold;
}
div.geel ol li a:hover {
  font-weight: normal;
  color: #fff;
  background-color: #0092F2;
}
div.geel ol a {
  text-decoration: none;
  color: black;
  display: block;
  padding: 0 22px 0 0;
}
body select.day,
body select.month,
body select.small {
  width: 47px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
/*
	select.day,
	select.month
	{
		margin-right: 10px!important;
	}
		*/
body select.year,
body select.medium,
body select.gender {
  width: 60px !important;
  background-position: 37px 2px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
body select.monthFull {
  width: 90px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  background-position: 67px 2px !important;
}
/*.main-search-box .search-row input[type="text"] {
	width:149px;
}*/
select.yellow-bg,
.main-search-box .search-row select,
.main-search-box .search-row input[type="text"] {
  border-top-color: #c6bc06;
  border-left-color: #c6bc06;
  border-bottom-color: #e2d807;
  border-right-color: #e2d807;
  -webkit-box-shadow: 0px 1px #faf26e;
  -moz-box-shadow: 0px 1px #faf26e;
  box-shadow: 0px 1px #faf26e;
  cursor: pointer;
  height: 32px;
  text-indent: 0;
}
.main-search-box input[type="text"],
.main-search-box select {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.main-search-box input[type="text"],
.main-search-box select,
.main-search-box .btn-rood-fluid-wrapper .btn-rood.fluid {
  width: 100%;
}
.dashed-box {
  padding: 15px;
  line-height: 16px;
  margin-bottom: 15px;
  background-position: bottom;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcfeff+0,fcfeff+17,e4f3fd+100 */
  background-color: #fcfeff;
  background: -webkit-linear-gradient(top, #fcfeff 0%, #fcfeff 24px, #e4f3fd 141px) #fcfeff no-repeat;
  background: -moz-linear-gradient(top, #fcfeff 0%, #fcfeff 24px, #e4f3fd 141px) #fcfeff no-repeat;
  /*background:                  -o-linear-gradient(@origin, @stops) @start-color no-repeat;*/
  background: linear-gradient(to bottom, #fcfeff 0%, #fcfeff 24px, #e4f3fd 141px) #fcfeff no-repeat;
  border: 1px dashed #88ccf9;
  /* ( source | slice | width | outset | repeat ) */
  -webkit-border-image: url('../img/Base/elements/pc/dashed-lines.png') 1 repeat;
  -moz-border-image: url('../img/Base/elements/pc/dashed-lines.png') 1 repeat;
  /*-o-border-image:     e(%("url('%d')", ~"@{source}")) @values;*/
  border-image: url('../img/Base/elements/pc/dashed-lines.png') 1 repeat;
}
.dashed-box.gray {
  padding: 10px 10px 21px 10px !important;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,efefef+49,efefef+100 */
  background-color: #ffffff;
  background: -webkit-linear-gradient(top, #ffffff 0%, #efefef 49%, #efefef 100%) #ffffff no-repeat;
  background: -moz-linear-gradient(top, #ffffff 0%, #efefef 49%, #efefef 100%) #ffffff no-repeat;
  /*background:                  -o-linear-gradient(@origin, @stops) @start-color no-repeat;*/
  background: linear-gradient(to bottom, #ffffff 0%, #efefef 49%, #efefef 100%) #ffffff no-repeat;
  border: 1px dashed #cccccc;
  /* ( source | slice | width | outset | repeat ) */
  -webkit-border-image: url('../img/Base/elements/pc/dashed-lines_cccccc.png') 1 repeat;
  -moz-border-image: url('../img/Base/elements/pc/dashed-lines_cccccc.png') 1 repeat;
  /*-o-border-image:     e(%("url('%d')", ~"@{source}")) @values;*/
  border-image: url('../img/Base/elements/pc/dashed-lines_cccccc.png') 1 repeat;
}
.dashed-box.red {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fffef4+0,fefbd4+72,fefbd4+100 */
  background-color: #fffef4;
  background: -webkit-linear-gradient(top, #fffef4 0%, #fefbd4 72%, #fefbd4 100%) #fffef4 no-repeat;
  background: -moz-linear-gradient(top, #fffef4 0%, #fefbd4 72%, #fefbd4 100%) #fffef4 no-repeat;
  /*background:                  -o-linear-gradient(@origin, @stops) @start-color no-repeat;*/
  background: linear-gradient(to bottom, #fffef4 0%, #fefbd4 72%, #fefbd4 100%) #fffef4 no-repeat;
  border: 1px dashed #be0000;
}
.dashed-box.green {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcfeff+0,ffffff+1,e1f0da+84,e1f0da+100 */
  background-color: #fcfeff;
  background: -webkit-linear-gradient(top, #fcfeff 0%, #ffffff 1%, #e1f0da 84%, #e1f0da 100%) #fcfeff no-repeat;
  background: -moz-linear-gradient(top, #fcfeff 0%, #ffffff 1%, #e1f0da 84%, #e1f0da 100%) #fcfeff no-repeat;
  /*background:                  -o-linear-gradient(@origin, @stops) @start-color no-repeat;*/
  background: linear-gradient(to bottom, #fcfeff 0%, #ffffff 1%, #e1f0da 84%, #e1f0da 100%) #fcfeff no-repeat;
  border: 1px dashed #339900;
  /* ( source | slice | width | outset | repeat ) */
  -webkit-border-image: url('../img/Base/elements/pc/dashed-lines-green.png') 1 repeat;
  -moz-border-image: url('../img/Base/elements/pc/dashed-lines-green.png') 1 repeat;
  /*-o-border-image:     e(%("url('%d')", ~"@{source}")) @values;*/
  border-image: url('../img/Base/elements/pc/dashed-lines-green.png') 1 repeat;
}
body.book .dashed-box,
body.complete .dashed-box,
body.dossier .dashed-box {
  clear: both;
}
body.book .waitBoxContainer .wait-box {
  height: 95px;
  padding-bottom: 15px;
  background-position: left bottom;
}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="number"] {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 135px;
  height: 32px;
  padding: 2px 5px 0px;
  font-family: 'Arial';
  line-height: 21px;
  border: none;
  background: #fff;
  -webkit-box-shadow: 0px 1px #fff;
  -moz-box-shadow: 0px 1px #fff;
  box-shadow: 0px 1px #fff;
  border-top: 1px solid #a4d8fb;
  border-left: 1px solid #a4d8fb;
  border-right: 1px solid #daeefc;
  border-bottom: 1px solid #daeefc;
  font-size: 11px;
}
input[type="text"].inactive {
  background: #EFEFEF;
}
.copy-container {
  position: relative;
  float: left;
  clear: both;
  width: 100%;
  height: 32px;
}
.copy-container > .copy {
  width: calc(100% - 32px) !important;
  border-right: none !important;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  position: absolute;
  left: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.copy-container > .copy-button {
  width: 32px;
  height: 20px;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
  background: #0092F2;
  color: #FFF;
  text-align: center;
  padding: 6px 0;
  display: inline-block;
  position: absolute;
  right: 0;
}
input.calendar-icon {
  cursor: pointer;
  background: #fff url(../img/Base/ico/calendar2.png) no-repeat 138px;
}
textarea {
  padding: 2px 2px 2px 2px;
  font-family: 'Arial';
  font-size: 14px;
  border: none;
  background: #fff;
  border-top: 1px solid #a4d8fb;
  border-left: 1px solid #a4d8fb;
  border-right: 1px solid #daeefc;
  border-bottom: 1px solid #daeefc;
  -webkit-box-shadow: "0px 1px #fff";
  -moz-box-shadow: "0px 1px #fff";
  box-shadow: "0px 1px #fff";
}
/*
#header input.search
{
	width:263px;
	height:32px;
	font-family:@pv-font-default;
	font-size:12px;
	border:none;
    border-left:@pv-search-border-left;
	border-top:@pv-search-border-top;
	border-right:@pv-search-border-right;
	border-bottom:@pv-search-border-bottom;
    .box-shadow(0px 1px @pv-search-shadow-color);

	@pv-input-search();

    &.loading 
    {
		background:#fff url(img/base/ico/ajax-loader.gif) no-repeat 242px center;
	}
}
*/
.btn-search {
  width: 160px;
  height: 24px;
  overflow: hidden;
  text-indent: -9999px;
  margin: 0;
  padding: 0;
  border: none;
}
.textbox {
  font-size: 11px;
  font-family: 'Arial';
  margin: 5px 0;
}
.fakeselect {
  height: 23px !important;
  width: 158px !important;
  cursor: pointer !important;
  padding: 0 0 0 0 !important;
  float: right;
  margin-right: 7px;
  font-family: 'Arial' !important;
  font-size: 11px !important;
  line-height: 12px !important;
  background: #fff url(../img/Base/elements/pc/pull-down.png) no-repeat 137px 2px !important;
  border: 1px solid #a5d7f8 !important;
  -webkit-box-shadow: 0px 1px #cae8fb !important;
  -moz-box-shadow: 0px 1px #cae8fb !important;
  box-shadow: 0px 1px #cae8fb !important;
}
.fakeselect #caption {
  padding: 5px 0 0 3px;
}
.fakeCheckBox {
  display: block;
  width: 200px;
  padding-left: 22px;
  overflow: hidden;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: url(../img/Base/elements/pc/checkbox.png) no-repeat transparent 2px 1px;
  height: 17px;
}
.fakeCheckBox.Active {
  background: url(../img/Base/elements/pc/checkbox_vink.png) no-repeat transparent 2px 1px;
}
.multipleDropDown {
  display: inline-block;
  position: relative;
  border-style: solid;
  border-width: 1px;
  height: 18px;
  padding: 0px 0px 0px 0px;
  text-align: left;
  vertical-align: middle;
  font-size: 12px;
  text-decoration: none;
  overflow: visible;
  background-position: right center;
  background-repeat: no-repeat;
  color: #000;
  background-color: #fff;
  border-color: #CCCCCC;
  background: #fff url(../img/Base/elements/pc/pull-down.png) no-repeat 137px 2px !important;
  border: 1px solid #a5d7f8 !important;
  -webkit-box-shadow: 0px 1px #cae8fb !important;
  -moz-box-shadow: 0px 1px #cae8fb !important;
  box-shadow: 0px 1px #cae8fb !important;
}
.multipleDropDown:hover {
  cursor: pointer;
}
.multipleDropDown .chk_drop {
  display: none;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 160px;
  position: absolute;
  text-align: left;
  z-index: 1000;
  left: -1px;
  top: 18px;
  min-width: 100%;
  background-color: #fff;
  border: 1px solid #CCCCCC;
}
.multipleDropDown .checks {
  border-style: none;
  padding: 4px 4px 4px 4px;
  max-height: 200px;
  overflow: auto;
}
.multipleDropDown .chk_drop_buttons {
  padding: 2px 4px 4px 4px;
  text-align: right;
  min-width: 154px;
}
.white-box {
  position: relative;
  margin: 10px 0 20px 0;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
  background: #fff;
  border: 1px solid #9fd6fa;
}
.white-box .arrow {
  width: 34px;
  height: 17px;
  position: absolute;
  top: -17px;
  left: 335px;
  background: url(../img/base/elements/pc/pijltje_blauw.png) no-repeat left top;
}
.yellow-box {
  position: relative;
  margin: 10px 0 20px 0;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
  background: #FFFEF4 url(../img/base/gradient/dashed-box-red.png) repeat-x left bottom;
  border: 1px solid #f9ee3c;
}
.yellow-box .arrow {
  width: 36px;
  height: 20px;
  position: absolute;
  bottom: -20px;
  left: 30px;
  background: url(../img/base/elements/pc/pijltje_geel.png) no-repeat left top;
}
.yellow-box .tip {
  width: 123px;
  height: 23px;
  position: absolute;
  top: -13px;
  right: 20px;
}
.yellow-box#airport-tip {
  margin-top: 20px;
  float: right;
  width: auto;
}
.yellow-box#airport-tip .arrow {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  /*-ms-transform: 		@string;*/
  /*-o-transform: 		@string;*/
  transform: rotate(180deg);
  top: -18px;
  right: 20px;
  left: auto;
}
.yellow-box#airport-tip p:not(.price) {
  line-height: 30px;
}
.yellow-box#airport-tip .price {
  color: #c51717;
  background-color: #f8ed31;
  padding: 4px 8px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 16px;
  margin-left: 10px;
  width: auto;
}
.white-box {
  margin-top: 10px;
  background: #fff;
}
.white-box > .content {
  padding: 10px;
}
.white-box h1 {
  font-size: 16px;
  padding-left: 10px;
  margin-bottom: 10px;
  color: #D90000;
}
#ctl00_plcLoginRegisterUpdPanels_UserLogin_UserLoginUpdatePanel > h4,
#ctl00_plcLoginRegisterUpdPanels_UserLogin_UserLoginUpdatePanel > ul,
#ctl00_plcLoginRegisterUpdPanels_RegisterUser_RegisterUserUpdatePanel > h4,
#ctl00_plcLoginRegisterUpdPanels_RegisterUser_RegisterUserUpdatePanel > div:not(.register-box) {
  display: none;
}
.registerForm div.register-box,
.loginForm div.login-box {
  padding-top: 0px !important;
}
.registerForm div.register-box::before,
.loginForm div.login-box::before {
  display: none !important;
}
/* error pagina */
.error-holder {
  position: relative;
  margin-top: 10px;
  min-height: 300px;
}
.error-holder > .content {
  padding: 10px;
}
.error-holder .titleHolder {
  font-family: Hermes Maia T4;
  font-style: normal;
  font-weight: bold;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.02em;
  text-rendering: optimizeLegibility;
}
.error-holder p {
  margin-top: 10px;
  width: 100%;
}
.sitemap {
  font-size: 11px;
}
.sitemap li.col::before {
  content: none !important;
}
.sitemap dl {
  margin-bottom: 10px;
}
.sitemap dl dt {
  font-weight: bold;
}
/*Deze is nodig omdat anders de tablet versie wordt overgenomen, en deze is juist aangemaakt om in dit specifiek geval de col9 te herschalen zodat ie WEL langs de sidebar komt te staan*/
.sitemap.content.col9 {
  width: 710px;
}
.phone-filterbox {
  display: none;
}
/* DETAILPAGINA */
body.detail #content-bottom {
  background: #EFF8FE;
}
body.detail .filters-matrix .dropdown-container {
  float: right;
}
body.detail .filters-matrix #travelparty-container .dropdown-container {
  float: none !important;
}
body.detail .acm-balk {
  background-color: #EFF8FE;
  padding: 10px;
  margin-left: 15px;
  margin-right: 15px;
  margin-top: 5px;
  position: relative;
}
body.detail .acm-temp-balk {
  background-color: #EFF8FE;
  padding: 10px;
  margin-left: 15px;
  margin-right: 15px;
  margin-top: 5px;
  position: relative;
}
body.detail .btnCloseACMBalk {
  background-color: transparent;
  border: none;
  margin-left: 10%;
  cursor: pointer;
  font-size: 24px;
  line-height: 1;
  font-weight: 10;
  padding: 0;
  color: #333;
  position: absolute;
  right: 5px;
  top: 5px;
}
body.detail .modal {
  display: none;
  position: fixed;
  z-index: 999999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(5px);
}
@media (max-width: 767px) {
  body.detail .modal {
    width: 100vw;
    background-color: rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(5px);
    padding-top: 20px;
  }
}
body.detail .modal-content {
  box-sizing: border-box;
  background-color: #fefefe;
  margin: 5% auto;
  width: 600px;
  border-radius: 15px;
  padding: 0;
}
/* Media query for screen sizes less than 767px */
@media (max-width: 767px) {
  body.detail .modal-content {
    width: 100%;
    margin: 0;
    border-radius: 15px;
  }
}
body.detail .modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  border-bottom: 1px solid #e0e0e0;
}
body.detail .modal-header h1 {
  color: black;
  font-weight: bold;
  align-items: center;
  color: #004979;
}
body.detail .close-icon {
  font-size: 24px;
  cursor: pointer;
  border: none;
  background: transparent;
  color: #004979;
}
body.detail .close {
  color: #aaa;
  font-size: 28px;
  font-weight: bold;
  cursor: pointer;
}
body.detail .close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}
body.detail .modal-body {
  margin: 15px 0;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
}
body.detail .modal-body h1 {
  color: black;
  font-weight: bold;
  align-items: center;
  color: #004979;
}
body.detail .modal-body p {
  margin-left: 36px;
}
body.detail .title-with-icon {
  display: flex;
  align-items: center;
  gap: 10px;
}
body.detail .title-with-icon svg {
  flex-shrink: 0;
}
body.detail .modal-footer {
  display: flex;
  justify-content: flex-end;
  padding: 20px;
  border-top: 1px solid #e0e0e0;
}
body.detail .modal-footer button {
  background-color: #4CAF50;
  border: none;
  width: 210px;
  height: 40px;
  color: white;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 10px;
}
body.detail #content-center .image {
  height: 206px;
  width: 310px;
  position: relative;
}
body.detail #content-center .image img {
  width: 100%;
  margin: 0 auto;
  display: block;
}
body.detail #content-center .image .photo {
  display: block;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: left center;
  border-radius: 8px;
}
body.detail #content-center .accommodation {
  padding-left: 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
body.detail #content-center .package {
  position: relative;
  height: 194px;
  margin-right: 0;
}
body.detail #content-center .package.disclaimer {
  height: 244px;
}
body.detail #content-center .package .offer {
  position: absolute;
  bottom: -60px;
  width: 310px;
  z-index: 1;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 979px) {
  body.detail #content-center .package .offer {
    bottom: -20px;
  }
}
body.detail #content-center .package .offer .excluded {
  color: #A8A8A8;
  display: block;
  font-size: 9px;
  line-height: 14px;
  margin-top: 10px;
}
body.detail #content-center #no-prices-box .offer {
  bottom: -15px;
}
@media (max-width: 767px) {
  body.detail.no-prices #content-center {
    padding-bottom: 0;
  }
  body.detail.no-prices #content-center .package {
    height: 150px;
  }
  body.detail.no-prices #content-center .package .offer {
    bottom: auto;
    top: 15px;
    margin-bottom: 0;
  }
}
body.detail #content-center .package .offer.dashed-box {
  border: none;
}
body.detail #content-center .title {
  margin-right: 0;
  margin-bottom: 10px;
  width: 630px;
}
body.detail #content-center .title h1 {
  margin-top: 0;
  margin-bottom: 0;
  display: inline;
  margin-right: 6px;
  color: #be0000;
  color: #004979;
  font-family: Hermes Maia T4;
  font-style: normal;
  font-weight: bold;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.02em;
  text-rendering: optimizeLegibility;
}
body.detail #content-center .title h2 {
  float: left;
  width: 100%;
  clear: both;
  text-transform: uppercase;
  color: #0092f2;
  color: #0092F2;
  font-family: Open Sans;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-rendering: optimizeLegibility;
}
body.detail #content-center .facts {
  min-height: 100px;
}
body.detail #content-center .facts li {
  padding-left: 15px;
  position: relative;
}
body.detail #content-center .facts li::before {
  content: '';
  display: inline-block;
  width: 4px;
  height: 4px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: #004979;
  position: absolute;
  left: 0;
  top: 9px;
}
body.detail #content-center .facts li.errorText {
  background: none;
}
body.detail #content-center .offer {
  position: relative;
}
body.detail #content-center .offer .content {
  padding: 15px;
  margin-bottom: 0;
  border: none;
  background: #FFF;
  box-shadow: 0px 4px 80px rgba(0, 0, 0, 0.07), 0px 0.893452px 17.869px rgba(0, 0, 0, 0.0417275), 0px 0.266004px 5.32008px rgba(0, 0, 0, 0.0282725);
  border-radius: 8px;
}
body.detail #content-center .offer .content.no-trip {
  padding-top: 89px;
}
body.detail #content-center .offer .content dl dt {
  font-family: Open Sans;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  text-rendering: optimizeLegibility;
  margin-bottom: 20px;
}
body.detail #content-center .offer .content dl dd {
  width: 50%;
  float: left;
  font-family: Open Sans;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 20px;
  text-rendering: optimizeLegibility;
  min-height: 50px;
}
body.detail #content-center .offer .content dl dd small {
  display: block;
  clear: both;
  margin-left: 30px;
  margin-top: 0;
  font-size: 100%;
}
body.detail #content-center .offer .content dl dd small.airport {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.detail #content-center .offer .content dl dd i {
  display: inline-block;
  vertical-align: sub;
  margin-right: 10px;
  top: 4px;
  background: none;
  font-style: normal;
  width: 20px;
  height: 20px;
  font-size: 20px;
}
body.detail #content-center .offer .content dl dd i:before {
  font-family: 'Prijsvrij Icons';
}
body.detail #content-center .offer .content dl dd i.calendar:before {
  content: '\e937';
}
body.detail #content-center .offer .content dl dd i.party:before {
  content: '\e929';
}
body.detail #content-center .offer .content dl dd i.food:before {
  content: '\e925';
}
body.detail #content-center .offer .content dl dd i.plane:before {
  content: '\e912';
}
body.detail #content-center .offer .content dl dd i.car:before {
  content: '\e914';
}
body.detail #content-center .offer .content > a {
  float: none !important;
}
body.detail #content-center .offer .price {
  position: absolute;
  top: -20px;
  right: 20px;
  z-index: 0;
}
body.detail #content-center .offer .price .price-tag {
  position: relative;
  text-align: right;
}
body.detail #content-center .offer .price .price-tag .price-tag-inner {
  z-index: 10;
  box-sizing: border-box;
  color: #D90000;
  position: relative;
  width: 60px;
  height: 60px;
  display: inline-block;
}
body.detail #content-center .offer .price .price-tag .price-tag-inner:before {
  content: '';
  text-align: right;
  width: 96px;
  height: 64px;
  right: -6px;
  top: 0;
  background: #FFBF2B;
  transform: matrix(1, 0.05, -0.05, 1, 0, 0);
  z-index: 1;
  color: #D90000;
  display: inline-block;
  position: absolute;
}
body.detail #content-center .offer .price .price-tag .price-tag-inner:after {
  content: '';
  width: 96px;
  height: 64px;
  background: #FDE92F;
  transform: matrix(1, -0.1, 0.1, 1, 0, 0);
  z-index: 2;
  top: 0;
  right: -7px;
  box-sizing: border-box;
  padding-top: 7px;
  padding-right: 10px;
  display: inline-block;
  position: absolute;
}
body.detail #content-center .offer .price .price-tag .price-tag-inner > small {
  display: inline-block;
  width: 100%;
  font-weight: normal;
  position: absolute;
  top: 10px;
  right: 20px;
  z-index: 3;
}
body.detail #content-center .offer .price .price-tag .price-tag-inner .value {
  font-family: Hermes Maia T4;
  font-style: normal;
  font-weight: bold;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.02em;
  text-rendering: optimizeLegibility;
  display: inline-block;
  position: absolute;
  z-index: 3;
  right: 0;
  top: 25px;
}
body.detail #content-center .offer .price .price-tag .price-tag-inner .value .currency {
  display: none;
}
body.detail #content-center .offer .price .price-tag .price-tag-inner .value:after {
  content: ',-';
}
body.detail #content-center .offer .price .price-tag .price-tag-inner .price-popup .iconbox {
  cursor: help;
}
body.detail #content-center .offer .price .price-tag .price-tag-inner .price-popup .iconbox i {
  filter: invert(11%) sepia(99%) saturate(5625%) hue-rotate(7deg) brightness(89%) contrast(117%);
}
body.detail #content-center .offer .price .price-tag .price-tag-inner .price-popup span {
  visibility: hidden;
  position: absolute;
  z-index: 4;
  background: #FFFFFF;
  box-shadow: 0px 4px 80px rgba(0, 0, 0, 0.07), 0px 0.893452px 17.869px rgba(0, 0, 0, 0.0417275), 0px 0.266004px 5.32008px rgba(0, 0, 0, 0.0282725);
  width: 304px;
  height: 190px;
  font-style: normal;
  font-weight: 300;
  font-size: 12px;
  line-height: 20px;
  color: #A8A8A8;
  top: -190px;
  left: -101px;
  padding: 16px;
  box-sizing: border-box;
  text-align: left;
  border-radius: 16px;
  cursor: zoom-out;
  transition: opacity 1s;
}
body.detail #content-center .offer .price .price-tag .price-tag-inner .price-popup span::after {
  content: '';
  position: absolute;
  top: 99%;
  right: 50%;
  margin-right: -10px;
  width: 0;
  height: 0;
  border-top: solid 10px white;
  border-left: solid 10px transparent;
  border-right: solid 10px transparent;
}
body.detail #content-center .offer .price .price-tag .price-tag-inner .price-popup input {
  display: none;
}
body.detail #content-center .offer .price .price-tag .price-tag-inner .price-popup input:checked + span {
  visibility: visible;
  opacity: 1;
}
body.detail #content-center .offer .price .price-popup input:checked + span {
  top: -40px !important;
  left: auto !important;
  right: 30px !important;
}
body.detail #content-center .offer .price .price-popup span:after {
  border: none !important;
  border-top: solid 10px transparent !important;
  border-right: solid 0px transparent !important;
  border-bottom: solid 10px transparent !important;
  border-left: solid 10px white !important;
  right: 0 !important;
  top: calc(50% - 50px) !important;
}
body.detail #content-center .social-box {
  margin: 10px 0 0 0;
  background: #b8e2fb;
}
body.detail #content-center .social-box .content {
  padding: 5px 10px;
}
body.detail #content-center .social-box li {
  line-height: 16px;
  float: left;
}
body.detail #content-center .social-box div.dashed-box ul.form li {
  float: none;
  margin: 0 0 3px;
}
body.detail #content-center .social-box .like {
  height: 20px;
}
body.detail #content-center .social-box .like li {
  margin-right: 10px;
}
body.detail #content-center .social-box .share {
  height: 16px;
}
body.detail #content-center .social-box .share li {
  line-height: normal;
}
#content-bottom .content-box .content .description {
  line-height: 16px;
}
#content-bottom .content-box .content .description p,
.book .content-box .content .description p,
.complete .content-box .content .description p,
.popUpBox .content-box .content #TranslatedText p,
.popUpBox .content-box .content #PricePopupTranslatedText p {
  float: left;
  margin: 0 0 10px 0;
  width: 100%;
}
/*#travelparty-container .content-box .content h3,*/
.popupContainer .content-box .content h3.title,
.popupBox .content-box .content #TranslatedText .title,
.popupBox .content-box .content #PricePopupTranslatedText .title,
#content-bottom .content-box .content .title,
body.dossier .content .description h3,
.book .content-box .content .title,
.complete .content-box .content .title {
  margin-bottom: 15px !important;
  display: inline-block;
  width: 90%;
  font-family: Hermes Maia T4;
  font-style: normal;
  font-weight: bold;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.02em;
  text-rendering: optimizeLegibility;
}
#content-bottom .content-box .content .description p:empty {
  display: none;
}
#content-bottom .content-box .content .description h3,
#content-bottom .content-box .content .description h4,
.book .content-box .content .description h3,
.book .content-box .content .description h4,
.complete .content-box .content .description h3,
.complete .content-box .content .description h4,
.popUpBox .content-box .content #TranslatedText h4,
.popUpBox .content-box .content #PricePopupTranslatedText h4,
body.dossier .content-box .content .description h3,
body.dossier .content-box .content .description h4 {
  float: left;
  clear: both;
  font-weight: bold;
  width: 100%;
}
#content-bottom .content-box .content .description h3:not(.title),
.book .content-box .content .description h3:not(.title),
.complete .content-box .content .description h3:not(.title),
.popUpBox .content-box .content #TranslatedText h3:not(.title),
.popUpBox .content-box .content #PricePopupTranslatedText h3:not(.title),
body.dossier .content-box .content .description h3:not(.title) {
  font-size: 20px;
}
#content-bottom .content-box .content .description h4,
.book .content-box .content .description h4,
.complete .content-box .content .description h4,
.popUpBox .content-box .content #TranslatedText h4,
.popUpBox .content-box .content #PricePopupTranslatedText h4,
body.dossier .content-box .content .description h4 {
  font-size: 18px;
  line-height: 18px;
  margin-bottom: 10px;
  color: #be0000;
}
#content-bottom .content-box .content .btn-rood.wide,
.book .content-box .content .btn-rood.wide,
.book .content-box .content .btn-rood.bold,
.complete .content-box .content .btn-rood.wide,
.complete .content-box .content .btn-rood.bold,
body.dossier .content-box .content .btn-rood.wide,
body.dossier .content-box .content .btn-rood.bold {
  margin-top: 30px;
}
#content-bottom .sidebar > div.box,
.book .sidebar > div.box {
  width: 310px;
  float: left;
}
#content-bottom .content-box {
  padding-top: 12px !important;
}
#content-bottom .content-box.active-box-information {
  border-top-left-radius: 0;
}
.book .sidebar .box.offers .box-content,
.book .sidebar .box.about-us .box-content {
  height: 243px;
}
#content-bottom .sidebar > div:not(.spacer),
.book .sidebar > div:not(.spacer) {
  margin-bottom: 10px;
}
#content-bottom .offers li {
  width: 100%;
  float: left;
  line-height: 22px;
  margin-bottom: 5px;
}
#content-bottom .offers li .price {
  margin-left: 5px;
  margin-top: -1px;
  font-weight: bold;
  color: #D90000;
  font-style: italic;
}
body.detail .price-overview {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  float: left;
  padding: 0;
  position: relative;
  border-bottom: 0;
  border-right: 0;
}
body.detail .price-overview .col {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
  float: left;
  position: relative;
  left: 50%;
  padding: 20px;
}
body.detail .price-overview #container2 {
  clear: left;
  float: left;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 100;
  border-bottom: 1px dashed #88ccf9;
  border-right: 1px dashed #88ccf9;
  border-left: 0;
  border-top: 0;
  /* ( source | slice | width | outset | repeat ) */
  -webkit-border-image: url('../img/Base/elements/pc/dashed-lines.png') 1 repeat;
  -moz-border-image: url('../img/Base/elements/pc/dashed-lines.png') 1 repeat;
  /*-o-border-image:     e(%("url('%d')", ~"@{source}")) @values;*/
  border-image: url('../img/Base/elements/pc/dashed-lines.png') 1 repeat;
}
body.detail .price-overview #container1 {
  float: left;
  width: 100%;
  position: relative;
  right: 50%;
  background-position: bottom;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcfeff+0,fcfeff+17,e4f3fd+100 */
  background-color: #fcfeff;
  background: -webkit-linear-gradient(top, #fcfeff 0%, #fcfeff 24px, #e4f3fd 141px) #fcfeff no-repeat;
  background: -moz-linear-gradient(top, #fcfeff 0%, #fcfeff 24px, #e4f3fd 141px) #fcfeff no-repeat;
  /*background:                  -o-linear-gradient(@origin, @stops) @start-color no-repeat;*/
  background: linear-gradient(to bottom, #fcfeff 0%, #fcfeff 24px, #e4f3fd 141px) #fcfeff no-repeat;
}
body.detail .priceInfo > .h5 {
  margin: 0 13px;
}
@media only screen and (max-width: 767px) {
  body.detail .priceInfo > .h5 {
    margin: 0!important;
  }
}
body.detail .priceInfo > .h5,
body.detail .priceInfo > .row {
  width: calc(100% - 26px);
}
body.detail .price-overview ul.priceDif li:not(.totalOur) {
  line-height: 16px;
  margin-bottom: 15px;
  float: left;
  clear: both;
  width: 100%;
}
body.detail .price-overview ul.priceDif li.discount,
body.detail .price-overview ul.priceDif li .green {
  color: #339900;
  font-weight: bold;
}
body.detail .price-overview .col .image-box {
  float: left;
  width: 100%;
  height: 100px;
}
body.detail .price-overview ul.sale {
  margin-top: 20px;
}
body.detail .price-overview ul.sale li {
  margin-top: 15px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  column-gap: 7px;
}
body.detail .price-overview ul.sale li > .vink {
  margin-right: 0;
}
body.detail .price-overview ul.sale li > .vink + div.vink {
  width: calc(100% - 28px);
}
body.detail .price-overview ul.sale li.clickable > div:nth-child(2):hover {
  cursor: pointer;
}
body.detail .price-overview ul.sale li .expendable {
  float: left;
  clear: both;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 5px 8px 5px 28px;
  margin: 0;
  display: none;
  line-height: 22px;
  font-weight: 500;
}
body.detail .price-overview ul.sale li .spacer {
  position: absolute;
}
body.detail .price-overview .total.discount {
  display: none !important;
  /*position:absolute;
		bottom:0;
		left:50%;
		width:~"calc(50% + 1px)";
		margin:0 !important;
		.box-sizing();
	    height: 40px;
		line-height: 30px;
		font-size: 16px;
		padding:5px 20px;
		z-index:101;*/
}
#content-bottom .content .description .block table tr td ul,
#content-bottom .content .description .block table tr td ul li {
  margin: 0;
}
#content-bottom .content .description .block table tr td ul li {
  margin-left: 20px;
}
/* Jelte: I'll leave it here in case we need this later on.*/
/*#toTrips .uniqueTrip div.show {
    cursor: auto;

    & > div[id$="_key"]{
        transition: color 0.27s ease;
        font-weight: 600;

        &:hover{
            cursor: pointer;
            color: @color-cta;
        }
    }
}*/
@media (max-width: 767px) {
  #content-bottom .content .description .block table tr td {
    display: block;
    width: 100% !important;
  }
}
.large-icons a {
  width: 64px;
  height: 32px;
  border-radius: 50%;
  background: #EFF8FE;
  position: relative;
  text-align: center;
  float: left;
  margin-right: 13px;
  padding: 16px 0;
  border: 2px solid #EFF8FE;
}
.large-icons a:hover {
  border: 2px solid #0092F2;
}
body.detail .prices .h5 {
  font-family: Open Sans;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  text-rendering: optimizeLegibility;
}
body.detail div#ui-datepicker-div[inputId=ctl00_ContentPlaceContentBlock3_BaseMatrixControl_txtDate] {
  width: 289px;
}
body.detail #content-center .offer .content .p.result-page-result-priceinfo {
  font-size: 10px;
  line-height: 12px;
  margin-top: 5px;
}
#ctl00_ContentPlaceContentBlock3_Receipt_cntTextPopUpBox_updPopUp .popUpBox .content-box {
  height: auto;
  min-height: 100%;
}
#ctl00_ContentPlaceContentBlock3_Receipt_cntTextPopUpBox_updPopUp .popUpBox .content-box .content .popupContent {
  overflow-y: hidden;
  max-height: fit-content;
}
#content-bottom .content-box .content,
.book .content-box .content,
.complete .content-box .content,
.priceBuildUpBox .content-box .content,
body.dossier .content-box .content {
  padding: 15px;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.popup-informationaccommodation .block,
#content-bottom .content .description .block {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  float: left;
  clear: both;
  margin-bottom: 10px;
  line-height: 16px;
}
.popup-informationaccommodation .block:not(.introduction),
#content-bottom .content .description .block:not(.introduction) {
  padding: 10px;
  line-height: 22px;
  background-color: #e4f3fd;
}
.popup-informationaccommodation .block.introduction,
#content-bottom .content .description .block.introduction {
  font-weight: bold;
  font-size: 15px;
  line-height: 19px;
}
.popup-informationaccommodation .block.usp,
#content-bottom .content .description .block.usp {
  font-size: 14px;
  color: #fff;
  background-color: #238c00;
}
.popup-informationaccommodation .block h2,
#content-bottom .content .description .block h2 {
  margin: 12px 0 2px 0;
  font-size: 16px !important;
  float: left;
  clear: both;
  width: 100%;
  box-sizing: border-box;
  /*padding-left: 32px;*/
  position: relative;
  font-family: Hermes Maia T4;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -0.02em;
  text-rendering: optimizeLegibility;
  /*
        &::before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
        }
            */
}
.popup-informationaccommodation .block h2 span,
#content-bottom .content .description .block h2 span {
  display: inline-block;
}
.popup-informationaccommodation .block h2 span,
#content-bottom .content .description .block h2 span,
.popup-informationaccommodation .block h2::before,
#content-bottom .content .description .block h2::before {
  width: 32px;
  height: 32px;
  margin-right: 5px;
  vertical-align: middle;
  background: url(../img/base/ico/icons_accommodation_20151112.png) no-repeat 0 0;
  background-size: 800px 50px;
}
.popup-informationaccommodation .block p,
#content-bottom .content .description .block p {
  margin-bottom: 0 !important;
}
.popup-informationaccommodation .block > h3,
#content-bottom .content .description .block > h3,
.popup-informationaccommodation .block > h4,
#content-bottom .content .description .block > h4,
.popup-informationaccommodation .block > h5,
#content-bottom .content .description .block > h5,
.popup-informationaccommodation .block > h6,
#content-bottom .content .description .block > h6 {
  font-weight: bold;
  /*color: initial;*/
  font-size: 14px !important;
  margin: 10px 0 0 0;
}
.popup-informationaccommodation .block.location h3 span,
#content-bottom .content .description .block.location h3 span {
  background-position: 0 0;
}
.popup-informationaccommodation .block.swimming h3 span,
#content-bottom .content .description .block.swimming h3 span {
  background-position: -32px 0;
}
.popup-informationaccommodation .block.sport h3 span,
#content-bottom .content .description .block.sport h3 span {
  background-position: -64px 0;
}
.popup-informationaccommodation .block.wellness h3 span,
#content-bottom .content .description .block.wellness h3 span {
  background-position: -96px 0;
}
.popup-informationaccommodation .block.facilities h3 span,
#content-bottom .content .description .block.facilities h3 span {
  background-position: -128px 0;
}
.popup-informationaccommodation .block.children h3 span,
#content-bottom .content .description .block.children h3 span {
  background-position: -160px 0;
}
.popup-informationaccommodation .block.foodanddrinks h3 span,
#content-bottom .content .description .block.foodanddrinks h3 span {
  background-position: -192px 0;
}
.popup-informationaccommodation .block.rooms h3 span,
#content-bottom .content .description .block.rooms h3 span {
  background-position: -224px 0;
}
.popup-informationaccommodation .block.additionalinformation h3 span,
#content-bottom .content .description .block.additionalinformation h3 span {
  background-position: -256px 0;
}
.popup-informationaccommodation .block.holidayexperience h3 span,
#content-bottom .content .description .block.holidayexperience h3 span {
  background-position: -288px 0;
}
.popup-informationaccommodation .block.flight h3 span,
#content-bottom .content .description .block.flight h3 span {
  background-position: -320px 0;
}
.popup-informationaccommodation .block.excursions h3 span,
#content-bottom .content .description .block.excursions h3 span {
  background-position: -352px 0;
}
.popup-informationaccommodation .block.introduction h3 span,
#content-bottom .content .description .block.introduction h3 span {
  background-position: -384px 0;
}
.popup-informationaccommodation .block.animation h3 span,
#content-bottom .content .description .block.animation h3 span {
  background-position: -416px 0;
}
.popup-informationaccommodation .block.railandfly h3 span,
#content-bottom .content .description .block.railandfly h3 span {
  background-position: -448px 0;
}
.popup-informationaccommodation .block.city h3 span,
#content-bottom .content .description .block.city h3 span {
  background-position: -480px 0;
}
.popup-informationaccommodation .block.transfer h3 span,
#content-bottom .content .description .block.transfer h3 span {
  background-position: -512px 0;
}
.popup-informationaccommodation .block.rating h3 span,
#content-bottom .content .description .block.rating h3 span {
  background-position: -544px 0;
}
.popup-informationaccommodation .block ol.col2,
#content-bottom .content .description .block ol.col2,
.popup-informationaccommodation .block ul.col2,
#content-bottom .content .description .block ul.col2 {
  width: 100%;
  margin-right: 0;
}
.popup-informationaccommodation .block ol.col2 > li,
#content-bottom .content .description .block ol.col2 > li,
.popup-informationaccommodation .block ul.col2 > li,
#content-bottom .content .description .block ul.col2 > li {
  width: calc(50% - 20px);
  float: left;
}
.popup-informationaccommodation .block ol.w50,
#content-bottom .content .description .block ol.w50,
.popup-informationaccommodation .block ul.w50,
#content-bottom .content .description .block ul.w50,
.popup-informationaccommodation .block table.table-50,
#content-bottom .content .description .block table.table-50 {
  width: 50% !important;
  float: left;
  clear: none;
}
@media (max-width: 767px) {
  .popup-informationaccommodation .block ol.w50,
  #content-bottom .content .description .block ol.w50,
  .popup-informationaccommodation .block ul.w50,
  #content-bottom .content .description .block ul.w50,
  .popup-informationaccommodation .block table.table-50,
  #content-bottom .content .description .block table.table-50 {
    width: 100% !important;
    clear: both;
    margin-bottom: 15px;
  }
  .popup-informationaccommodation .block ol.col2,
  #content-bottom .content .description .block ol.col2,
  .popup-informationaccommodation .block ul.col2,
  #content-bottom .content .description .block ul.col2 {
    width: 100%;
  }
  .popup-informationaccommodation .block ol.col2 > li,
  #content-bottom .content .description .block ol.col2 > li,
  .popup-informationaccommodation .block ul.col2 > li,
  #content-bottom .content .description .block ul.col2 > li {
    width: 100%;
    float: left;
    clear: both;
  }
}
.book .content-box:first-child,
.complete .content-box:first-child {
  margin-top: 44px;
}
.book .popUpBox .content-box {
  margin-top: 0px !important;
}
.book .content-box .col4,
.complete .content-box .col4,
.dossier .content-box .col4 {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: 0;
  width: 298px;
}
.box-review .travel-companies {
  width: 190px;
  height: 186px;
  padding: 0 15px 15px 15px;
}
.box-review .travel-companies table {
  margin-top: 5px;
}
.box-review .travel-companies td {
  padding-top: 4px;
}
.box-review .travel-companies input {
  margin-right: 10px;
}
.box-review .categories {
  width: 281px;
  margin-left: 10px;
  padding-left: 75px;
  position: relative;
}
.box-review .categories strong {
  margin-left: -75px;
}
.box-review .categories .roset {
  top: 35px;
  /*11%;*/
  left: 8px;
  width: 44px;
  height: 48px;
  padding: 12px 0 8px 14px;
  top: 0px;
  left: 0px;
  font-size: 16px;
  line-height: 16px;
  background: url(../img/Base/ico/roset_big.png) no-repeat left top;
}
.box-review .categories.full {
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 200px;
}
.box-review .categories.full strong {
  margin-left: -200px;
}
.box-review .categories.full .roset {
  left: 50px;
  position: absolute;
}
@media only screen and (max-width: 767px) {
  .box-review .categories.full .roset {
    top: -80px;
  }
}
.box-review .categories.full table td.name {
  padding-right: 10px;
  white-space: nowrap;
}
.box-review .categories.full table .overview {
  width: 100%;
}
.box-review .categories.full .grade-overview {
  width: 100%;
}
.box-review .categories table {
  width: 100%;
  margin-top: 10px;
}
.box-review .categories table td {
  padding-top: 2px;
}
.box-review .categories table .grade {
  width: 20px;
  text-align: right;
  padding-right: 5px;
}
.box-review .categories table .overview {
  width: 110px;
}
.box-review .categories .grade-overview {
  width: 110px;
  height: 9px;
  background-color: #e4f3fd;
}
.box-review .categories .grade-overview .grade {
  height: 100%;
  padding: 0;
  margin: 0;
  background-color: #0092f2;
}
.box-review .categories p.partner {
  margin-top: 10px;
  width: 280px;
  margin-left: 0;
}
.box-review .categories p.partner img {
  vertical-align: middle;
}
.box-review .favorite {
  width: 302px;
}
.box-review .reviews {
  margin-top: 30px;
}
.box-review .reviews li {
  float: left;
  width: 100%;
  margin-bottom: 30px;
  padding: 0;
  border: 1px dashed #9fd6fa;
  background-position: bottom;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcfeff+0,fcfeff+17,e4f3fd+100 */
  background-color: #fcfeff;
  background: -webkit-linear-gradient(top, #fcfeff 0%, #fcfeff 24px, #e4f3fd 141px) #fcfeff no-repeat;
  background: -moz-linear-gradient(top, #fcfeff 0%, #fcfeff 24px, #e4f3fd 141px) #fcfeff no-repeat;
  /*background:                  -o-linear-gradient(@origin, @stops) @start-color no-repeat;*/
  background: linear-gradient(to bottom, #fcfeff 0%, #fcfeff 24px, #e4f3fd 141px) #fcfeff no-repeat;
  border-radius: 4px;
}
.box-review .reviews .grade {
  width: 50px;
  position: relative;
}
.box-review .reviews .grade .roset {
  top: 0px;
  left: 0px;
}
.box-review .reviews .review {
  height: auto;
  width: 320px;
  padding: 20px;
  margin: 15px;
  min-height: 140px;
  background-color: #fff;
}
.box-review .reviews .review span.name,
.box-review .reviews .review span.review-title {
  margin-bottom: 15px;
  display: inline-block;
  font-family: Hermes Maia T4;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -0.02em;
  text-rendering: optimizeLegibility;
}
.box-review .reviews .review span.name:empty,
.box-review .reviews .review span.review-title:empty {
  display: none;
}
.box-review .reviews .review p {
  word-wrap: break-word;
}
.box-review .reviews .review p:last-child {
  margin-top: 10px;
  display: block;
  font-weight: 400;
  font-style: italic;
}
.box-review .reviews .reviewer {
  width: 112px;
  padding: 15px 10px 10px 83px;
  position: relative;
}
.box-review .reviews .reviewer .roset {
  position: absolute;
  top: 15px;
  left: 13px;
  width: 42px;
  text-align: center;
}
.box-review .reviews .reviewer dt {
  font-family: Open Sans;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  text-rendering: optimizeLegibility;
}
.box-review .reviews .reviewer dd {
  margin-bottom: 5px;
}
.box-review .reviews .reviewer.full {
  background: none;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 60px;
}
.box-review .reviews h5,
.box-review .reviews span.name {
  margin-bottom: 10px;
  display: inline-block;
  font-family: Hermes Maia T4;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -0.02em;
  text-rendering: optimizeLegibility;
}
.box-review .reviews h5 {
  font-size: 18px;
  margin: 5px 0;
}
.box-review .reviews .link a {
  float: right;
}
.calendar {
  width: 100%;
  background: #fff url(../img/base/gradient/gradient_kalender.png) repeat-x left bottom;
}
.calendar .header {
  margin: 0 auto;
  width: 100%;
  background-color: #a2d7f9;
  color: #333;
}
.calendar th {
  font-weight: bold;
  height: 19px;
}
.calendar td,
.calendar th {
  height: 28px;
  width: 28px;
  text-align: center;
  border: 1px solid #88ccf9;
}
.calendar td a {
  width: 100%;
  height: 21px;
  display: block;
  padding-top: 7px;
  text-align: center;
}
.calendar tr.bl_bg th,
.calendar tr.bl_bg td,
div.bg_bl ul li {
  background-color: #a2d7f9;
  color: #333;
}
.unavailable {
  cursor: default;
  color: #EFF8FE !important;
}
.selected {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fffbac+0,fef9a1+11,fcf791+22,f1e622+81,eee20a+100 */
  background-color: #fffbac;
  background: -webkit-linear-gradient(top, #fffbac 0%, #fef9a1 11%, #fcf791 22%, #f1e622 81%, #eee20a 100%) #fffbac no-repeat;
  background: -moz-linear-gradient(top, #fffbac 0%, #fef9a1 11%, #fcf791 22%, #f1e622 81%, #eee20a 100%) #fffbac no-repeat;
  /*background:                  -o-linear-gradient(@origin, @stops) @start-color no-repeat;*/
  background: linear-gradient(to bottom, #fffbac 0%, #fef9a1 11%, #fcf791 22%, #f1e622 81%, #eee20a 100%) #fffbac no-repeat;
}
.otherMonth {
  cursor: default;
  color: #EFF8FE !important;
}
div.bg_bl {
  height: 24px;
  margin-bottom: 10px;
}
div.bg_bl ul li {
  height: 24px;
  display: block;
  float: left;
  font-weight: bold;
}
div.bg_bl ul li.prev {
  width: 52px;
  text-align: right;
}
div.bg_bl ul li.next {
  width: 52px;
  text-align: left;
}
div.bg_bl ul li.month {
  width: 96px;
  text-align: center;
}
div.bg_bl ul li.month span,
div.bg_bl ul li a {
  display: block;
  padding-top: 4px;
}
/* WEER */
body .box-weather {
  position: relative;
}
body .box-weather a.prev,
body .box-weather a.next {
  width: 36px;
  height: 38px;
  position: absolute;
  top: -15px;
  overflow: hidden;
  text-indent: -9999px;
  cursor: pointer;
}
body .box-weather a.prev.disabled,
body .box-weather a.next.disabled {
  display: none;
}
body .box-weather a.prev {
  left: -15px;
  background: url(../img/base/paging/foto/pc/button_foto_bladeren_links.png) no-repeat left top;
}
body .box-weather a.next {
  right: -15px;
  background: url(../img/base/paging/foto/pc/button_foto_bladeren_rechts.png) no-repeat left top;
}
body .box-weather h3 {
  color: #be0000;
}
body .box-weather h3.climate {
  font-size: 18px;
  margin: 20px 0 0 0;
  color: #be0000;
}
table.weather-forecast {
  margin: 0 0 10px 0;
  border-collapse: collapse;
  border-spacing: 0px !important;
}
table.weather-forecast .hidden-phone {
  display: inline-block;
}
table.weather-forecast tr td {
  text-align: center;
  height: 29px;
  padding: 0;
  margin: 0;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #99d3f9;
}
table.weather-forecast tr td:first-child {
  font-weight: bold;
  border-left: none;
  text-align: left;
  padding-left: 4px;
  padding-right: 4px;
}
table.weather-forecast tr td:last-child {
  border-right: none;
}
table.weather-forecast tr.type td {
  border-bottom-color: #fff;
}
table.weather-forecast tr.type td:first-child {
  border-bottom: none;
}
table.weather-forecast .forecast {
  width: 70px;
  background: #e4f3fd;
}
table.weather-forecast .forecast.date {
  font-size: 12px;
  text-transform: uppercase;
  background: none;
}
table.weather-forecast .forecast.weather {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0092f2+0,44aff5+100 */
  background-color: #0092f2;
  background: -webkit-linear-gradient(top, #0092f2 0%, #44aff5 100%) #0092f2 no-repeat;
  background: -moz-linear-gradient(top, #0092f2 0%, #44aff5 100%) #0092f2 no-repeat;
  /*background:                  -o-linear-gradient(@origin, @stops) @start-color no-repeat;*/
  background: linear-gradient(to bottom, #0092f2 0%, #44aff5 100%) #0092f2 no-repeat;
}
table.weather-forecast .forecast.weather.grey {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#548eba+0,548eba+12,91b6d3+100 */
  background-color: #548eba;
  background: -webkit-linear-gradient(top, #548eba 0%, #548eba 12%, #91b6d3 100%) #548eba no-repeat;
  background: -moz-linear-gradient(top, #548eba 0%, #548eba 12%, #91b6d3 100%) #548eba no-repeat;
  /*background:                  -o-linear-gradient(@origin, @stops) @start-color no-repeat;*/
  background: linear-gradient(to bottom, #548eba 0%, #548eba 12%, #91b6d3 100%) #548eba no-repeat;
}
table.weather-forecast .header td {
  border: none;
}
table.weather-forecast .label {
  width: 95px;
}
table.weather-forecast span.rain {
  width: 9px;
  height: 14px;
  overflow: hidden;
  text-indent: -9999px;
  float: left;
  margin-right: 4px;
  background: url(../img/base/ico/ico_regen.png) no-repeat left top;
}
/* Climate */
.weather-climate {
  margin-bottom: 10px;
}
.weather-climate th {
  font-size: 14px;
  text-transform: uppercase;
  padding: 11px 0 11px 5px;
}
.weather-climate td {
  padding: 7px 7px;
  width: 44px;
  height: 16px;
  text-align: center;
  background-color: #e4f3fd;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #99d3f9;
}
.weather-climate td:last-child {
  border-right: none;
}
.weather-climate td.month {
  width: 94px;
  padding-left: 4px;
  padding-right: 4px;
  border-right: none;
  text-align: left;
  font-weight: bold;
  background-color: #fff;
}
.weather-climate td.temperature {
  width: 107px;
}
.weather-climate td.rainfall {
  width: 106px;
}
.weather-climate.temperature .thermometer {
  width: 106px;
  height: 9px;
  position: relative;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #46b5ff;
  background-color: #fff;
}
.weather-climate.temperature .thermometer .bar {
  position: absolute;
  top: 1px;
  left: 1px;
  height: 7px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.weather-climate.temperature .thermometer .bar.t10 {
  background-color: #46b5ff;
}
.weather-climate.temperature .thermometer .bar.t20 {
  background-color: #a4dbff;
}
.weather-climate.temperature .thermometer .bar.t30 {
  background-color: #ffff66;
}
.weather-climate.temperature .thermometer .bar.t40 {
  background-color: #ffcc00;
}
.weather-climate.temperature .thermometer .bar.t50 {
  background-color: #ff9900;
}
.weather-climate.temperature .thermometer .bar.t60 {
  background-color: #ff6600;
}
.weather-climate.temperature .thermometer .bar.t70 {
  background-color: #ff0000;
}
.weather-climate.temperature .thermometer .bar.t80 {
  background-color: #b91e1e;
}
.weather-climate.temperature .thermometer .bar.t90 {
  background-color: #992ba2;
}
.weather-climate.temperature .thermometer .bar.t100 {
  background-color: #660099;
}
.weather-climate.rainfall ul.rainy-days li {
  float: left;
}
.weather-climate.rainfall ul.rainy-days li .day {
  width: 9px;
  height: 16px;
  display: block;
  background: url(../img/base/ico/ico_drup_leeg.png) no-repeat 0 0;
}
.weather-climate.rainfall ul.rainy-days li .day.rain {
  background: url(../img/base/ico/ico_drup_vol.png) no-repeat 0 0;
}
.weather-climate.rainfall td.rainfall {
  border-left: 1px solid #fff;
}
.weather span {
  display: block;
  width: 50px;
  height: 40px;
  overflow: hidden;
  text-indent: -9999px;
  margin: 0 auto;
  background: url(../img/base/ico/weer_iconen.png) no-repeat left top;
  background-position: 50px 0;
}
.weather span.sunny {
  background-position: 0 0;
}
.weather span.sunnyintervals {
  background-position: -50px 0;
}
.weather span.whitecloud {
  background-position: -100px 0;
}
.weather span.blacklowcloud {
  background-position: -150px 0;
}
.weather span.mist {
  background-position: -200px 0;
}
.weather span.fog {
  background-position: -250px 0;
}
.weather span.lightrainshowers {
  background-position: -300px 0;
}
.weather span.heavyrainshowers {
  background-position: -350px 0;
}
.weather span.lightsnowshowers {
  background-position: -400px 0;
}
.weather span.heavysnowshowers {
  background-position: -450px 0;
}
.weather span.sleetshowers {
  background-position: -500px 0;
}
.weather span.thunderyshowers {
  background-position: -550px 0;
}
.weather span.cloudywithlightrain {
  background-position: -600px 0;
}
.weather span.cloudywithheavyrain {
  background-position: -650px 0;
}
.weather span.cloudywithlightsnow {
  background-position: -700px 0;
}
.weather span.cloudywithheavysnow {
  background-position: -750px 0;
}
.weather span.cloudywithsleet {
  background-position: -800px 0;
}
.weather span.thunderstorms {
  background-position: -850px 0;
}
.top-popup {
  position: absolute;
  z-index: 1000;
  top: 35px;
  right: 0px;
  width: 286px;
  overflow: hidden;
  padding: 10px 10px 10px 10px;
  background-color: #fff;
  border: 2px solid #0092f2;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
.top-popup input[type="text"],
.top-popup input[type="password"],
.top-popup input[type="email"] {
  width: 134px !important;
}
.loginForm.top-popup span.loginType {
  font-weight: 500;
}
.loginForm.top-popup span.loginType input[type=checkbox],
.loginForm.top-popup span.loginType input[type=radio] {
  position: absolute;
  z-index: -1000;
  left: -1000px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
.loginForm.top-popup span.loginType input[type=checkbox] + label,
.loginForm.top-popup span.loginType input[type=radio] + label,
.loginForm.top-popup span.loginType span.aspNetDisabled + label.initialLabel {
  padding-left: 30px;
  height: 20px;
  min-height: 20px;
  line-height: 20px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0 0;
  vertical-align: middle;
  cursor: pointer;
}
.loginForm.top-popup span.loginType input[type=checkbox] + label:hover,
.loginForm.top-popup span.loginType input[type=radio] + label:hover,
.loginForm.top-popup span.loginType span.aspNetDisabled + label.initialLabel:hover {
  font-weight: 600;
  background-position: 0 -40px;
}
.loginForm.top-popup span.loginType span.aspNetDisabled + label.initialLabel {
  background: url(../img/base/elements/pc/Prijsvrij_Selectieicon_grijs.png) no-repeat transparent 0 0;
  background-size: 20px 20px;
  color: #ccc;
  cursor: default;
}
.loginForm.top-popup span.loginType span.aspNetDisabled + label.initialLabel:hover {
  cursor: default !important;
  font-weight: 500 !important;
  background-position: 0 0 !important;
}
.loginForm.top-popup span.loginType input[type=checkbox] + label {
  background-image: url(../img/Base/elements/pc/prijsvrij-checkbox.png);
}
.loginForm.top-popup span.loginType input[type=checkbox]:checked + label,
.loginForm.top-popup span.loginType input[type=radio]:checked + label {
  background-position: 0 -20px;
}
.loginForm.top-popup span.loginType input[type=checkbox]:checked + label:hover,
.loginForm.top-popup span.loginType input[type=radio]:checked + label:hover {
  font-weight: 600;
  background-position: 0 -60px;
}
.loginForm.top-popup span.loginType input[type=checkbox].parent-marked + label {
  background-position: 0 -20px;
}
.loginForm.top-popup span.loginType input[type=checkbox].parent-marked + label:hover {
  font-weight: 600;
  background-position: 0 -60px;
}
.loginForm.top-popup span.loginType input[type=radio] + label {
  background-image: url(../img/Base/elements/pc/prijsvrij-radio.png);
}
.loginForm.top-popup span.loginType label {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.loginForm.top-popup input {
  vertical-align: text-top;
  float: right;
}
.registerForm .field {
  margin-top: 5px;
  margin-bottom: 4px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  float: left;
}
.registerForm .field label {
  width: 140px;
  float: left;
  line-height: 25px;
  clear: both;
}
.registerForm .field.checkbox input[type=checkbox],
.registerForm .field.checkbox input[type=radio] {
  position: absolute;
  z-index: -1000;
  left: -1000px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
.registerForm .field.checkbox input[type=checkbox] + label,
.registerForm .field.checkbox input[type=radio] + label,
.registerForm .field.checkbox span.aspNetDisabled + label.initialLabel {
  padding-left: 30px;
  height: 20px;
  min-height: 20px;
  line-height: 20px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0 0;
  vertical-align: middle;
  cursor: pointer;
}
.registerForm .field.checkbox input[type=checkbox] + label:hover,
.registerForm .field.checkbox input[type=radio] + label:hover,
.registerForm .field.checkbox span.aspNetDisabled + label.initialLabel:hover {
  font-weight: 600;
  background-position: 0 -40px;
}
.registerForm .field.checkbox span.aspNetDisabled + label.initialLabel {
  background: url(../img/base/elements/pc/Prijsvrij_Selectieicon_grijs.png) no-repeat transparent 0 0;
  background-size: 20px 20px;
  color: #ccc;
  cursor: default;
}
.registerForm .field.checkbox span.aspNetDisabled + label.initialLabel:hover {
  cursor: default !important;
  font-weight: 500 !important;
  background-position: 0 0 !important;
}
.registerForm .field.checkbox input[type=checkbox] + label {
  background-image: url(../img/Base/elements/pc/prijsvrij-checkbox.png);
}
.registerForm .field.checkbox input[type=checkbox]:checked + label,
.registerForm .field.checkbox input[type=radio]:checked + label {
  background-position: 0 -20px;
}
.registerForm .field.checkbox input[type=checkbox]:checked + label:hover,
.registerForm .field.checkbox input[type=radio]:checked + label:hover {
  font-weight: 600;
  background-position: 0 -60px;
}
.registerForm .field.checkbox input[type=checkbox].parent-marked + label {
  background-position: 0 -20px;
}
.registerForm .field.checkbox input[type=checkbox].parent-marked + label:hover {
  font-weight: 600;
  background-position: 0 -60px;
}
.registerForm .field.checkbox input[type=radio] + label {
  background-image: url(../img/Base/elements/pc/prijsvrij-radio.png);
}
.registerForm .field.checkbox label {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.registerForm .field.checkbox input {
  vertical-align: middle;
}
.registerForm .field.checkbox label {
  float: left;
  width: auto;
}
.registerForm .field.checkbox label.wide {
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.loginForm {
  line-height: 30px;
  padding: 10px 20px 20px 20px;
  width: 282px;
  font-weight: 600;
}
.loginForm a.close.red {
  right: 18px;
  top: 15px;
}
.loginForm ul {
  margin-top: 4px;
}
.loginForm ul li ul .forgot-password p {
  padding-top: 15px;
  width: 100%;
}
.loginForm ul li ul .register-link p {
  margin-top: 12px;
  padding-top: 10px;
  width: 100%;
  border-top: 1px solid #a8d7f7;
}
.loginForm li {
  float: left;
  width: 100%;
  clear: both;
  border: 0;
  margin: 0 0 4px 0;
  padding: 0;
}
.loginForm li label {
  width: auto;
  margin-top: 6px;
}
.loginForm li label.loginType {
  margin-top: 0px;
  width: 100%;
}
.loginForm li label.lblDossierNumber {
  font-weight: 700;
  width: 68px;
  text-align: right;
  margin-bottom: 20px;
}
.loginForm li span.loginType label {
  margin-bottom: 10px;
  margin-right: 10px;
  cursor: pointer;
}
.loginForm .checkbox-holder {
  margin-bottom: 5px;
  font-weight: 500;
}
.loginForm .checkbox-holder input[type=checkbox],
.loginForm .checkbox-holder input[type=radio] {
  position: absolute;
  z-index: -1000;
  left: -1000px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
.loginForm .checkbox-holder input[type=checkbox] + label,
.loginForm .checkbox-holder input[type=radio] + label,
.loginForm .checkbox-holder span.aspNetDisabled + label.initialLabel {
  padding-left: 30px;
  height: 20px;
  min-height: 20px;
  line-height: 20px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0 0;
  vertical-align: middle;
  cursor: pointer;
}
.loginForm .checkbox-holder input[type=checkbox] + label:hover,
.loginForm .checkbox-holder input[type=radio] + label:hover,
.loginForm .checkbox-holder span.aspNetDisabled + label.initialLabel:hover {
  font-weight: 600;
  background-position: 0 -40px;
}
.loginForm .checkbox-holder span.aspNetDisabled + label.initialLabel {
  background: url(../img/base/elements/pc/Prijsvrij_Selectieicon_grijs.png) no-repeat transparent 0 0;
  background-size: 20px 20px;
  color: #ccc;
  cursor: default;
}
.loginForm .checkbox-holder span.aspNetDisabled + label.initialLabel:hover {
  cursor: default !important;
  font-weight: 500 !important;
  background-position: 0 0 !important;
}
.loginForm .checkbox-holder input[type=checkbox] + label {
  background-image: url(../img/Base/elements/pc/prijsvrij-checkbox.png);
}
.loginForm .checkbox-holder input[type=checkbox]:checked + label,
.loginForm .checkbox-holder input[type=radio]:checked + label {
  background-position: 0 -20px;
}
.loginForm .checkbox-holder input[type=checkbox]:checked + label:hover,
.loginForm .checkbox-holder input[type=radio]:checked + label:hover {
  font-weight: 600;
  background-position: 0 -60px;
}
.loginForm .checkbox-holder input[type=checkbox].parent-marked + label {
  background-position: 0 -20px;
}
.loginForm .checkbox-holder input[type=checkbox].parent-marked + label:hover {
  font-weight: 600;
  background-position: 0 -60px;
}
.loginForm .checkbox-holder input[type=radio] + label {
  background-image: url(../img/Base/elements/pc/prijsvrij-radio.png);
}
.loginForm .checkbox-holder label {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.loginForm .link-box {
  line-height: 20px;
  font-weight: 500;
}
.registerForm h4,
.loginForm h4 {
  text-transform: none;
  font-family: Hermes Maia T4;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -0.02em;
  text-rendering: optimizeLegibility;
}
.registerForm div.seperator,
.loginForm div.seperator {
  /*height: 50px;*/
  padding-bottom: 18px;
  margin-bottom: 0;
}
.registerForm div.register-box,
.loginForm div.login-box {
  /*background: url(../../img/Base/gradient/result_item_bg.png) repeat-x left top;*/
  padding-top: 10px;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  float: left;
}
.registerForm div.register-box > div,
.loginForm div.login-box > div {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 100%;
}
.registerForm div.register-box::before,
.loginForm div.login-box::before {
  display: block;
  content: '';
  height: 18px;
  width: 100%;
  position: absolute;
  top: 0;
  z-index: -1;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#aedcfb+0,d0ebfc+6,ffffff+100 */
  background-color: #aedcfb;
  background: -webkit-linear-gradient(top, #aedcfb 0%, #d0ebfc 6%, #ffffff 100%) #aedcfb no-repeat;
  background: -moz-linear-gradient(top, #aedcfb 0%, #d0ebfc 6%, #ffffff 100%) #aedcfb no-repeat;
  /*background:                  -o-linear-gradient(@origin, @stops) @start-color no-repeat;*/
  background: linear-gradient(to bottom, #aedcfb 0%, #d0ebfc 6%, #ffffff 100%) #aedcfb no-repeat;
}
.registerForm div.register-box .row.field:last-child {
  margin-top: 85px;
}
.loginForm li .button-holder {
  padding: 10px 0;
}
/* Laatst bekeken */
.list-visited-accommodations {
  min-height: 150px;
  right: 25px;
}
.list-visited-accommodations ul.list-classification.small li {
  width: 9px !important;
  height: 9px !important;
  padding: 0 !important;
  margin: 0 1px 0 0 !important;
}
.list-visited-accommodations .h4 {
  font-size: 18px;
  margin-bottom: 10px;
}
.list-visited-accommodations > ul {
  height: 100%;
  width: 100%;
}
.list-visited-accommodations > ul > li {
  clear: both;
  width: 100%;
  border: none !important;
  margin: 0 !important;
  padding: 10px 0 10px 0 !important;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  line-height: 18px;
  /* remove all link */
}
.list-visited-accommodations > ul > li:not(:last-child) {
  border-bottom: 1px solid #E0E0E0 !important;
}
.list-visited-accommodations > ul > li::before {
  display: block;
  content: '';
  width: 100%;
  position: absolute;
  top: 0;
  z-index: -1;
  height: 18px;
}
.list-visited-accommodations > ul > li a {
  font-size: 12px !important;
  color: #0092F2 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  padding: 0;
}
.list-visited-accommodations > ul > li a ul.list-classification {
  width: 100%;
  float: left;
  clear: both;
}
.list-visited-accommodations > ul > li a span {
  text-decoration: none;
}
.list-visited-accommodations > ul > li a span.accommodation {
  margin-right: 6px;
  margin-bottom: 3px;
  color: #004979;
  display: inline;
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
}
.list-visited-accommodations > ul > li a span.location {
  color: #0092F2;
  font-size: 14px;
  text-transform: none;
  font-weight: 500;
}
.list-visited-accommodations > ul > li a:hover {
  background: none !important;
}
.list-visited-accommodations > ul > li a:hover span.accommodation,
.list-visited-accommodations > ul > li a:hover h5.accommodation {
  text-decoration: underline;
}
.list-visited-accommodations > ul > li a.remove {
  height: 13px;
  width: 13px;
  margin-right: 5px;
  position: relative;
  margin-right: 0;
  color: #D90000;
}
.list-visited-accommodations > ul > li a.remove::after {
  display: block;
  content: '×';
  color: #D90000;
  font-size: 12px;
  line-height: 10px;
  text-align: center;
  font-size: 25px;
  font-weight: 500;
  line-height: 18px;
}
.list-visited-accommodations > ul > li > a.remove-all {
  border: 1px solid #D90000;
  color: #d90000 !important;
  box-sizing: border-box;
  border-radius: 4px;
  padding: 10px 16px 10px 30px;
  display: inline-block;
  font-weight: bold !important;
  font-size: 10px !important;
  line-height: 12px;
  text-transform: uppercase;
  position: relative;
  transition: none;
}
.list-visited-accommodations > ul > li > a.remove-all:hover {
  background: #d90000 !important;
  color: #fff !important;
}
.list-visited-accommodations > ul > li > a.remove-all:hover::before {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(237deg) brightness(105%) contrast(107%);
}
.list-visited-accommodations > ul > li > a.remove-all::before {
  content: '';
  position: absolute;
  left: 14px;
  top: 10px;
  background: url(../img//Base/ico/2021/General/Delete.svg) no-repeat 0 0;
  width: 12px;
  height: 12px;
}
.list-visited-accommodations > ul > li img {
  width: 48px;
  height: 48px;
  border-radius: 4px;
  margin-right: 10px;
  float: left;
}
.list-visited-accommodations > ul > li div {
  width: 200px;
}
.list-visited-accommodations > ul > li:last-child {
  text-align: center;
}
#header .close.red {
  position: absolute;
}
/* KAART */
#map {
  width: 596px;
  height: 701px;
}
.map-box-holder {
  position: relative;
  border: none;
  background: url(../img/Base/elements/pc/map_box3.png) no-repeat left top;
}
.map-box-holder > .content {
  position: relative;
  padding: 6px 9px !important;
}
.map-box-holder > .content > .image {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  width: 66px;
  height: 44px;
  float: left;
}
.map-box-holder > .content > .image img {
  height: 100%;
  width: 100%;
}
.map-box-holder > .content > .text {
  float: left;
  font-size: 12px;
  width: 145px;
  margin-left: 10px;
}
.map-box-holder > .content > .text h4 {
  color: #be0000;
  float: left;
  width: 100%;
  clear: both;
}
.map-box-holder > .content > .text h4 span {
  width: 100px;
  word-break: break-all;
}
.map-box-holder > .content > .text h5 {
  font-size: 11px;
  font-family: 'Arial';
  color: #0092f2;
}
.map-box-holder > .content > .text p {
  font-size: 11px;
}
.map-box-holder > .content > .text p strong {
  font-weight: bold;
}
.map-box-holder > .content a {
  text-decoration: none;
}
.map-box-holder > .content > .pricelabel {
  left: 35px;
  top: 35px;
}
#map .map-box-holder {
  background: #fff;
  border-radius: 5px;
}
.map-box-holder .pricelabel.tiny span.value {
  bottom: 10px;
  right: 2px !important;
  left: auto;
  font-size: 12px;
}
.map-box-holder .pricelabel .value:after {
  content: ",-";
  font-size: 12px;
}
.map-box-holder .pricelabel.tiny:after {
  content: '';
}
.tv li {
  float: left;
  margin-right: 8px;
  list-style: none !important;
  background: none !important;
  line-height: 36px;
  padding-left: 0;
}
.tv li:last-child {
  margin-right: 0;
}
.tv li span {
  display: block;
  width: 40px;
  height: 40px;
  overflow: hidden;
  text-indent: -9999px;
}
.tv li span.nl1 {
  background-position: 0 0;
}
.tv li span.nl2 {
  background-position: -43px 0;
}
.tv li span.nl3 {
  background-position: -85px 0;
}
.tv li span.rtl4 {
  background-position: -138px 0;
}
.tv li span.net5 {
  background-position: -190px 0;
}
.tv li span.sbs6 {
  background-position: -238px 0;
  width: 24px;
}
ul.check-list .tv {
  float: left;
  margin: 15px 0 5px 20px;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/*MATRIX*/
.box-matrix {
  padding-top: 15px;
}
.box-matrix .stepsummary {
  float: left;
  clear: both;
  margin: 10px 0;
}
.box-matrix .prices span.wait-sub-title {
  margin: 13px;
  display: inline-block;
  font-family: Open Sans;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  text-rendering: optimizeLegibility;
  color: #004979;
}
.box-matrix .prices p.text {
  padding: 0 13px;
}
.box-matrix .prices .prefdate .filters-matrix {
  width: 626px;
  background: #c8e8fd;
}
.box-matrix .prices .prefdate .pref {
  display: block;
  position: relative;
}
.box-matrix .prices .prefdate .pref .filters {
  overflow: visible;
  width: 289px;
  padding: 0px 0px 13px 17px;
  box-sizing: border-box;
  display: block;
  float: left;
  height: auto;
  position: relative;
  border-bottom-left-radius: 4px;
}
.box-matrix .prices .prefdate .pref .filters > span {
  position: absolute;
  top: 10px;
  left: 62px;
  color: #666;
  font-family: Open Sans;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 20px;
  text-rendering: optimizeLegibility;
}
.box-matrix .prices .prefdate .pref .filters .travgroup {
  width: 250px;
  height: auto;
  z-index: 1;
  margin-bottom: 6px;
  margin-top: 4px;
  position: relative;
  background-color: #e7f4fd;
}
.box-matrix .prices .prefdate .pref .filters .travgroup:hover {
  border-color: #0092F2;
}
.box-matrix .prices .prefdate .pref .filters .travgroup:hover::after {
  color: #0092F2;
}
.box-matrix .prices .prefdate .pref .filters .travgroup::before {
  position: absolute;
  top: 15px;
  left: 10px;
  font-family: 'Prijsvrij Icons';
  content: '\e929';
  color: #004979;
  font-size: 24px;
}
.box-matrix .prices .prefdate .pref .filters .travgroup::after {
  position: absolute;
  right: 10px;
  top: 15px;
  font-size: 24px;
  font-family: 'Prijsvrij Icons';
  color: #80C8F8;
  content: '\e932';
  z-index: 2;
  pointer-events: none;
}
.box-matrix .prices .prefdate .pref .filters .travgroup a:not(.delete):not(.add):not(.fluid-close) {
  /*padding: 20px 16px 12px 45px;*/
  position: absolute;
  left: -45px;
  top: -20px;
  width: calc(100% + 61px);
  height: calc(100% + 32px);
  font-size: 0;
}
.box-matrix .prices .prefdate .pref .filters .travgroup .travlrs {
  display: block;
  width: 100%;
}
.box-matrix .prices .prefdate .pref .filters .travgroup .travlrs li {
  font-family: Open Sans;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 20px;
  text-rendering: optimizeLegibility;
  color: #A8A8A8;
}
.box-matrix .prices .prefdate .pref .filters .travgroup ul {
  width: 100%;
  float: left;
}
.box-matrix .prices .prefdate .pref .filters .travgroup + div {
  width: 100%;
}
.box-matrix .prices .prefdate .pref .filters fieldset {
  width: 100%;
}
.box-matrix .prices .prefdate .pref .filters fieldset .row {
  height: 48px;
  margin-bottom: 8px;
  position: relative;
  border: 1px solid #80C8F8;
  border-radius: 4px;
  box-sizing: border-box;
  width: 100%;
  padding: 22px 2px 2px 45px;
  pointer-events: none;
}
.box-matrix .prices .prefdate .pref .filters fieldset .row:hover {
  border-color: #0092F2;
}
.box-matrix .prices .prefdate .pref .filters fieldset .row:hover::after {
  color: #0092F2;
}
.box-matrix .prices .prefdate .pref .filters fieldset .row::before {
  position: absolute;
  top: 15px;
  left: 10px;
  font-size: 24px;
  font-family: 'Prijsvrij Icons';
  content: '\e913';
  z-index: 2;
  pointer-events: none;
}
.box-matrix .prices .prefdate .pref .filters fieldset .row::after {
  position: absolute;
  right: 10px;
  top: 15px;
  font-size: 24px;
  font-family: 'Prijsvrij Icons';
  color: #80C8F8;
  content: '\e932';
  z-index: 2;
  pointer-events: none;
}
.box-matrix .prices .prefdate .pref .filters fieldset .row.departure::before {
  content: '\e937';
}
.box-matrix .prices .prefdate .pref .filters fieldset .row.duration::before {
  content: '\e939';
}
.box-matrix .prices .prefdate .pref .filters fieldset .row.transport::before {
  content: '\e912';
}
.box-matrix .prices .prefdate .pref .filters fieldset .row.airport::before {
  content: '\e90f';
}
.box-matrix .prices .prefdate .pref .filters fieldset .row.airport.arrival::before {
  content: '\e90e';
}
.box-matrix .prices .prefdate .pref .filters fieldset .row.board::before {
  content: '\e925';
}
.box-matrix .prices .prefdate .pref .filters fieldset .row.roomTypeFilter:before {
  content: '\e913';
}
.box-matrix .prices .prefdate .pref .filters fieldset .row.supplier:before {
  content: '\e92d';
}
.box-matrix .prices .prefdate .pref .filters fieldset .row select,
.box-matrix .prices .prefdate .pref .filters fieldset .row .textBox,
.box-matrix .prices .prefdate .pref .filters fieldset .row .fakeselect {
  border: none;
  background: none;
  position: absolute;
  top: 0;
  left: 0;
  padding: 18px 0 0 45px;
  width: 100%;
  height: 100%;
  pointer-events: all;
}
.box-matrix .prices .prefdate .pref .filters fieldset .row .fakeselect {
  padding: 22px 0 0 45px !important;
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  margin-right: 0 !important;
  box-sizing: border-box;
}
.box-matrix .prices .prefdate .pref .filters fieldset .row .dd_chk_drop {
  z-index: 4;
  top: 56px !important;
}
.box-matrix .prices .prefdate .pref .filters fieldset .row select {
  font-size: 14px;
  background: none;
}
.box-matrix .prices .prefdate .pref .filters fieldset .row > label {
  position: absolute;
  top: 5px;
  left: 45px;
  font-family: Open Sans;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 20px;
  text-rendering: optimizeLegibility;
  color: #666;
  z-index: 3;
}
.box-matrix .prices .prefdate .pref .filters fieldset .row .dropdown-container {
  width: 100%;
}
.box-matrix .prices .prefdate .pref .filters fieldset .row .fakeselect {
  border: none !important;
  background: white !important;
  /*
								width:100% !important;
								box-sizing:border-box;
								margin:0;
								padding-left:0 !important;
									*/
}
.box-matrix .prices .prefdate .pref .filters fieldset .row .fakeselect div#caption {
  margin-left: 0;
  padding-left: 0;
}
.box-matrix .prices .prefdate .pref .filters fieldset .row .textBox {
  height: 25px;
  width: 161px;
  padding: 0 0 0 5px;
  font-size: 11px;
  text-decoration: none;
  color: #333;
  border: 1px solid #a5d7f8;
  -webkit-box-shadow: 0px 1px #cae8fb;
  -moz-box-shadow: 0px 1px #cae8fb;
  box-shadow: 0px 1px #cae8fb;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #fff;
}
.box-matrix .prices .prefdate .pref .filters fieldset .row .posAbs {
  position: absolute;
}
.box-matrix .prices .prefdate .pref .filters .legenda {
  height: auto;
  position: relative;
  z-index: 0;
  width: 250px;
  padding: 9px 10px;
  background-color: #e7f4fd;
}
.box-matrix .prices .prefdate .pref .filters .legenda ul {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .box-matrix .prices .prefdate .pref .filters .legenda ul {
    flex-direction: column;
  }
}
.box-matrix .prices .prefdate .pref .filters .legenda li {
  height: 18px;
  padding-bottom: 6px;
}
.box-matrix .prices .prefdate .pref .filters .legenda li div {
  width: 41px;
  height: 18px;
  margin-right: 15px;
}
.box-matrix .prices .prefdate .pref .filters .legenda li div span {
  display: block;
  float: left;
  width: 100%;
  height: 15px;
  text-align: center;
  padding-top: 1px;
}
.box-matrix .prices .prefdate .date {
  margin: -48px 0px 0 0;
  display: block;
  padding: 10px 0px 0px 13px;
  position: relative;
  width: 306px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 290px;
  border: 1px solid #84caf9;
  background: #fff;
  -webkit-box-shadow: 0px 5px 10px rgba(32, 160, 244, 0.15);
  -moz-box-shadow: 0px 5px 10px rgba(32, 160, 244, 0.15);
  box-shadow: 0px 5px 10px rgba(32, 160, 244, 0.15);
}
.box-matrix .prices .prefdate .date .arrow-matrix {
  position: absolute;
  left: -2px;
  top: 195px;
  width: 16px;
  height: 30px;
  background: url(../img/base/elements/pc/arrow-matrix.png) no-repeat left top;
}
.box-matrix .wait-box {
  top: 200px;
}
.matrix-head {
  display: block;
  width: 281px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.matrix-head div {
  width: 25%;
  display: block;
  text-align: center;
}
.matrix-head div.spacer {
  display: none;
}
.matrix-head div.shorter {
  order: 2;
  margin-left: 25%;
}
.matrix-head div.longer {
  order: 3;
}
.matrix-head div.txt {
  flex-basis: 100%;
  padding-left: 25%;
  order: 1;
}
.matrix-head div.shorter a,
.matrix-head div.longer a {
  font-family: Open Sans;
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  line-height: 20px;
  text-rendering: optimizeLegibility;
  text-decoration: none;
}
.matrix-head div.txt {
  font-family: Open Sans;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  text-rendering: optimizeLegibility;
  color: #004979;
}
.noMatrixOverlay {
  position: absolute;
  left: 85px;
  text-align: center;
  max-width: 186px;
  top: 160px;
  padding: 10px;
  background: #f4f4f4;
}
#matrix {
  border-collapse: collapse;
  border: none;
  border-spacing: 0;
  width: 100%;
}
#matrix thead th {
  text-align: center;
  height: 22px;
}
#matrix thead th:first-child {
  font-weight: normal;
}
#matrix td {
  min-width: 41px;
  height: 18px;
  text-align: center;
  padding: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  background-color: #f4f4f4;
  color: #333;
}
#matrix td a {
  text-decoration: none;
  min-width: 40px;
  height: 16px;
  display: block;
  padding-top: 3px;
  text-align: center;
}
#matrix td.chea:hover {
  font-weight: bold;
}
#matrix td:first-child,
#matrix th:first-child {
  width: 65px;
  text-align: right;
  padding-right: 6px;
  background-color: #fff;
}
#matrix th:first-child a,
#matrix tfoot td:first-child a {
  font-family: Open Sans;
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  line-height: 20px;
  text-rendering: optimizeLegibility;
  text-decoration: none;
}
/*gewone prijzen, blauw*/
#matrix td a.avai,
.legenda li div.avai,
#matrix td a.deeplink {
  background-color: #c8e8fd;
}
#matrix td a.avai:hover,
#trips td.avail span.status:hover,
#matrix td a.deeplink:hover {
  background-color: #e4f3fd;
}
#matrix td a.avai,
.legenda li div.avai span,
#matrix td a._avai,
#matrix td a.deeplink {
  color: #333;
  border-right: 1px solid #83caf8;
  border-bottom: 1px solid #83caf8;
}
#matrix td a.sele,
.legenda li div.sele {
  position: relative;
}
#matrix td a.sele,
.legenda li div.sele span {
  font-weight: bold;
  overflow: visible;
  width: 56px !important;
  height: 24px !important;
  top: -5px;
  left: -6px;
  padding-top: 7px !important;
  margin-left: -2px;
  color: #be0000;
  background: url(../img/Base/elements/pc/prijssticker_tabel_big.png) no-repeat center top;
  background-size: 56px 31px;
  border: none;
}
#matrix td a.sele {
  top: -14px;
  left: calc(50% - 26px);
}
#matrix td a.budget-hightlight {
  color: #be0000;
  background-color: #fff9a1;
  border-right: 1px solid #fef007;
  border-bottom: 1px solid #fef007;
}
/*goedkoopste prijs, geel*/
#matrix td a.chea,
.legenda li div.chea {
  background-color: #fff9a1;
}
#matrix td.chea:hover {
  background-color: #ffc;
}
#matrix td a.chea,
.legenda li div.chea span {
  color: #be0000;
  border-right: 1px solid #fef007;
  border-bottom: 1px solid #fef007;
}
#matrix tfoot {
  padding: 0;
  margin: 0;
}
#matrix tfoot td {
  height: 30px;
  padding: 0;
  border-bottom: none;
  background-color: #fff;
}
#matrix tfoot td.footnote {
  padding-top: 5px;
  font-size: 12px;
  color: #A8A8A8;
}
#matrix tfoot td:first-child {
  vertical-align: top;
}
#matrix tfoot td a,
#matrix thead th a {
  text-decoration: underline;
  text-align: right;
  width: 100%;
  background: none !important;
}
#matrix tfoot td a.aspNetDisabled,
#matrix thead th a.aspNetDisabled {
  text-decoration: none;
}
.cheapest-duration:not(.sele) {
  color: #333333 !important;
  background-color: #83CAF8 !important;
  border-right: 1px solid #0193F3 !important;
  border-bottom: 1px solid #0193F3 !important;
}
.cheapest-duration:not(.sele):hover {
  background-color: #e4f3fd !important;
}
.chea {
  background-color: #83CAF8 !important;
}
.legenda li div.chea span {
  color: #333333 !important;
  border-right: 1px solid #0193F3 !important;
  border-bottom: 1px solid #0193F3 !important;
}
.tripBlock {
  margin: 13px;
}
#trips {
  border-collapse: collapse;
  border: none;
  border-spacing: 0;
}
#trips th,
#trips td {
  padding: 0 2px;
  text-align: left;
  height: 19px;
  border: none;
}
#trips th {
  font-weight: bold;
}
#trips td {
  cursor: pointer;
}
#trips td.unavail {
  color: #999999;
}
#trips tr {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
#trips .radio {
  width: 22px;
}
#trips .logo {
  width: 74px;
  position: relative;
}
#trips .transport {
  width: 240px;
}
#trips .board {
  width: 94px;
}
#trips .price {
  width: 60px;
  text-align: right;
  white-space: nowrap;
}
#trips .avail {
  width: 110px;
  text-align: right;
}
#trips .avail.check {
  text-decoration: underline;
  color: #0092F2;
}
#trips .avail.check span.status {
  text-align: center;
  font-weight: bold;
  background: url(../img/base/ico/ico_check_prijs.png) no-repeat left top;
}
#trips .avail.bookable {
  font-weight: bold;
}
#trips .avail.bookable span.status {
  background-color: #009900;
}
#trips .avail.unavail span.status {
  background-color: #bf0000;
}
#trips .avail.request span.status {
  background-color: #99cc00;
}
#trips .avail.pricecheck span.status {
  background-color: #FF9933;
}
#trips .avail span.status {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  width: 13px;
  height: 13px;
  display: block;
  float: right;
  margin-left: 5px;
  margin-top: 1px;
}
#trips li.special {
  -webkit-animation: special 1s 3 linear;
  -moz-animation: special 1s 3 linear;
  animation: special 1s 3 linear;
}
#trips li .trip {
  padding: 10px;
  width: 576px;
  height: 38px;
  background-color: #FFF;
  margin-top: 10px;
  display: block;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border: 2px solid #d0ebfe;
}
#trips li .trip.chosen {
  border-color: #339900;
}
#trips li .trip.chosen .action {
  font-weight: bold;
  color: #339900;
}
#trips li .trip.unavail {
  cursor: default !important;
  border-color: #e4e4e4;
  background-color: #eeeeee;
  color: #999999;
}
#trips li .trip.check {
  border-color: #e2e2e2;
  color: #999999;
}
#trips li.altAir {
  float: left;
  margin-top: 10px;
}
#trips li.altAir .yellow-box h5 {
  margin: 0px;
}
#trips li.altAir .trip {
  float: left;
  margin-top: 0px;
}
#trips li a {
  text-decoration: none;
  color: inherit;
}
#trips li .transport,
#trips li .board,
#trips li .price,
#trips li .avail,
#trips li .action {
  height: 19px;
}
#trips li .transport,
#trips li .price,
#trips li .logo {
  /*margin-bottom:4px;*/
}
#trips li .logo {
  float: left;
  height: 38px;
}
#trips li .logo,
#trips li .avail {
  width: 128px;
  text-align: left;
}
#trips li .avail {
  font-weight: bold;
  text-transform: uppercase;
  float: left;
  margin-top: -20px;
  line-height: 19px;
}
#trips li .avail .icon-label {
  margin-top: 3px;
}
#trips li .icon-label {
  display: inline-block;
}
#trips li .transport {
  width: 368px;
  float: left;
  color: #004979;
  font-family: Open Sans;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  text-rendering: optimizeLegibility;
}
#trips li .transport span.tt {
  margin-top: 0px;
  display: block;
  float: left;
  margin-right: 8px;
  font-family: 'Prijsvrij Icons';
  background: url(../img/base/ico/icons_accommodation_20151112.png) no-repeat transparent;
  background-size: 800px 49px;
  background-position: 17px 17px;
  /*background-position-y:0px;*/
  /*background-position-x:0px;*/
  /*background-position-x:-17px;*/
  /*background-position-x:-34px;*/
  /*background-position-x:-51px;*/
  /*background-position-x:-68px;*/
  /*background-position-x:-85px;*/
  font-weight: normal;
}
#trips li .transport span.tt.VL {
  background-position: 0px -32px;
}
#trips li .transport span.tt.EV {
  background-position: -32px -32px;
}
#trips li .transport span.tt.BU {
  background-position: -64px -32px;
}
#trips li .transport span.tt.TR {
  background-position: -80px -32px;
}
#trips li .transport span.tt.BO {
  background-position: -48px -32px;
}
#trips li .transport span.tt.FE {
  background-position: -48px -32px;
}
#trips li .transport .icon-label {
  /*margin-top:1px;*/
}
#trips li .board {
  width: 280px;
  float: left;
  color: #004979;
  font-family: Open Sans;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  text-rendering: optimizeLegibility;
}
#trips li .board span.bt {
  margin-right: 8px;
  font-weight: normal;
}
#trips li .board .icon-label {
  font-family: Open Sans;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  text-rendering: optimizeLegibility;
  line-height: inherit;
}
#trips li .price {
  width: 80px;
  text-align: right;
  float: right;
  font-family: Hermes Maia T4;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -0.02em;
  text-rendering: optimizeLegibility;
}
#trips li .action {
  width: 168px;
  text-align: right;
  float: right;
  font-size: 12px;
  line-height: 19px;
}
#trips li .action .icon-label {
  text-decoration: none;
  margin-top: 3px;
}
#trips li .action span.status {
  margin-right: 1px;
  margin-top: 4px;
}
#trips li .bookable .action,
#trips li .chooseoption .action,
#trips li .trip .action {
  font-weight: bold;
  text-transform: uppercase;
  color: #0093f3;
}
#trips li .check .action {
  font-weight: normal;
  color: #999999;
  text-transform: none;
}
#trips li .check .action .icon-label {
  margin-top: 1px;
}
#trips li .avail span.status,
#trips li .action span.status {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  width: 15px;
  height: 15px;
  display: block;
  float: left;
  margin-top: 5px;
}
#trips li .avail img {
  margin-top: 6px;
}
#trips li .avail span.status {
  margin-right: 5px;
}
#trips li .bookable .action span.status,
#trips li .onrequest .action span.status,
#trips li .chooseoption .action span.status,
#trips li .trip .action span.status {
  width: 14px;
  height: 14px;
  margin-left: 5px;
  float: right;
  text-align: center;
  font-weight: bold;
  font-size: 10px;
  padding: 1px 0px 0px 1px;
  line-height: 10px;
  color: #fff;
  background-color: #0093f3;
}
#trips li .uniqueTrip span.status {
  width: 14px;
  height: 14px;
  margin-right: 5px;
  margin-top: 5px;
  float: left;
}
#trips li .uniqueTrip .bookable span.status,
#trips li .bookable .avail span.status {
  background-color: #009900;
}
#trips li .uniqueTrip .unavail span.status,
#trips li .unavail .action span.status {
  background-color: #bf0000;
}
#trips li .uniqueTrip .onrequest span.status,
#trips li .onrequest .avail span.status {
  background-color: #99cc00;
}
#trips li .uniqueTrip .chooseoption span.status,
#trips li .chooseoption .avail span.status {
  background-color: #FF9933;
}
#trips li .totrip {
  border: none !important;
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
}
#trips li .totrip .key {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#trips .transport.unavail span.tt {
  background-position: 0px -32px;
  /*background-position-x:0px;*/
  /*background-position-x:-17px;*/
  /*background-position-x:-34px;*/
  /*background-position-x:-51px;*/
  /*background-position-x:-68px;*/
  /*background-position-x:-85px;*/
}
#trips .transport.unavail span.tt.VL {
  background-position: 0px -32px;
}
#trips .transport.unavail span.tt.EV {
  background-position: -32px -32px;
}
#trips .transport.unavail span.tt.BU {
  background-position: -64px -32px;
}
#trips .transport.unavail span.tt.TR {
  background-position: -80px -32px;
}
#trips .transport.unavail span.tt.BO {
  background-position: -48px -32px;
}
#trips .transport.unavail span.tt.FE {
  background-position: -48px -32px;
}
/*background-position-y:-17px;*/
.board span.bt {
  color: #004979;
  font-size: 16px;
  font-family: 'Prijsvrij Icons';
  display: inline-block;
  margin-right: 8px;
  margin-top: 0;
  vertical-align: middle;
}
.board span.bt:before {
  content: '\e925';
}
tr.unavail td {
  color: #A8A8A8;
}
/* multiple pricechecks trips is ul */
.pricecheck_anim {
  width: 100px;
  height: 15px;
}
.mPriceCheckMulti {
  width: 568px;
  height: 42px;
  display: none;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes special {
  50% {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@-moz-keyframes special {
  50% {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@-ms-keyframes special {
  50% {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@-o-keyframes special {
  50% {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@keyframes special {
  50% {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
.showHiddenTrips {
  float: left;
  margin-top: 4px;
}
/* multiple pricechecks trips is ul */
.priceInfo .row {
  margin: 13px;
}
#trips.combine li .trip {
  cursor: pointer;
}
#trips.combine li .trip .icon-label strong {
  font-size: 14px;
}
#trips.combine li .trip .anim {
  width: 20px;
  height: 20px;
  float: left;
}
#trips.combine li .trip .price {
  margin-top: -22px;
  width: 100px;
}
#trips.combine li .trip .transport {
  font-weight: bold;
  font-size: 16px;
  line-height: 19px;
  width: 456px;
}
#trips.combine li .trip .avail {
  display: none;
}
#trips.combine li .trip .avail span.status {
  display: none;
}
#trips.combine li .trip.chosen {
  margin-left: -1px;
}
#trips.combine li .trip.bookable {
  height: 40px;
  margin-top: 19px;
  border-color: #0092f2;
}
#trips.combine li .trip.bookable .avail {
  display: block;
  width: auto;
  margin-top: -25px;
  padding-right: 3px;
  padding-left: 3px;
  text-transform: capitalize;
  color: #0092f2;
  background: none;
  background-color: #fff;
}
#trips.combine li .trip.bookable .price {
  /*
                        font-size:25px;
                        margin-top:-23px;
                            */
}
#trips.combine li .trip.bookable.chosen {
  border-width: 3px;
  border-color: #339900;
}
#trips.combine li .trip.bookable.chosen .avail {
  color: #339900;
}
#trips.combine li .trip.unavail .action {
  color: #999;
}
#trips.combine li .trip.unavail .action span.status {
  background-color: #bf0000;
}
#trips.combine li .trip.chooseoption .action span.status {
  background-color: #FF9933;
}
.detail .content-box .priceInfo .col4 {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: 8px;
  width: 296px;
  position: relative;
}
.detail .content-box .priceInfo .col4 .dashed-box {
  padding: 10px;
}
.detail .content-box .priceInfo .col4:last-child {
  margin-right: 0px;
}
.detail .content-box .priceInfo .col4:last-child .dashed-box {
  padding-top: 40px;
}
.detail .sidebar,
.book .sidebar {
  position: sticky;
  right: 0;
  top: 10px;
  margin-top: 30px;
  margin-right: 0px;
}
.sticker-blue {
  width: 110px;
  height: 68px;
  position: absolute;
  top: -30px;
  left: 10px;
}
.headPriceDif {
  font-size: 16px;
  margin: 0 0 12px 0;
  font-weight: bold;
  display: block;
}
.priceDif {
  float: left;
  width: 100%;
  margin-top: 8px;
  margin-bottom: 30px;
}
.priceDif li p {
  float: left;
  display: block;
  width: 160px;
}
.priceDif li span {
  float: right;
  display: block;
  /*width:99px;*/
  text-align: right;
}
.priceDif li span span {
  float: none;
  display: inline;
  width: auto;
  text-align: left;
}
.priceDif li.totalOther span span.currency {
  font-family: 'Arial';
  font-size: 15px;
}
.breakdown-right-col-empty-container {
  float: left;
  width: 100%;
}
.priceDif li.totalOther,
.priceDif li.totalOur,
.row.total.discount {
  font-weight: bold;
}
.priceDif li.totalOther > span {
  font-size: 16px;
  border-top: 4px double #cccccc;
}
.priceDif li.totalOur > span {
  font-size: 23px;
  border-top: 4px double #88ccf9;
}
.priceDif li.totalOur,
.priceDif li.totalOther {
  float: left;
  clear: both;
  width: 100%;
  border-top: 1px solid #80C8F8;
  padding-top: 10px;
  margin-top: 15px;
}
.priceDif li.totalOur small,
.priceDif li.totalOther small {
  font-size: 100%;
}
.priceDif li.totalOur.large,
.priceDif li.totalOther.large {
  font-size: 16px;
}
.priceDif li.totalLocal {
  margin-top: 8px;
}
.priceDif li.totalUs {
  font-size: 16px;
  font-weight: bold;
}
.priceDif li.additional {
  display: flex;
  flex-direction: row;
  column-gap: 8px;
  margin-bottom: 0;
}
.priceDif li.additional > span:first-child {
  flex: 1;
  text-align: left;
}
.row.total.discount {
  margin: 10px -11px -11px -11px !important;
  padding: 11px;
  background-color: #88ccf9;
}
.detail .content-box .priceInfo .col4 .dashed-box .row {
  margin: 0px;
}
.detail .content-box .priceInfo .col4 .dashed-box .row .spacer {
  height: 0px;
  margin: 10px 0;
  width: 100%;
  display: block;
  float: left;
  border-bottom: 1px dashed #88ccf9;
  /* ( source | slice | width | outset | repeat ) */
  -webkit-border-image: url('../img/Base/elements/pc/dashed-lines.png') 0 0 1 0 repeat;
  -moz-border-image: url('../img/Base/elements/pc/dashed-lines.png') 0 0 1 0 repeat;
  /*-o-border-image:     e(%("url('%d')", ~"@{source}")) @values;*/
  border-image: url('../img/Base/elements/pc/dashed-lines.png') 0 0 1 0 repeat;
}
.detail .content-box .priceInfo .col4 .dashed-box li {
  width: 100%;
  display: block;
  float: left;
  margin-left: 0;
}
.supersaleimg {
  display: inline-block;
  float: none;
  width: 209px;
  height: 19px;
  vertical-align: top;
  background-size: contain !important;
  /*margin-left:4px;*/
  position: relative;
}
.supersaleimg .dashed-box.formErrorBox {
  padding-top: 10px !important;
}
/* TIJDELIJK: De kop Exclusief in prijsopbouw uitzetten!! */
.price-overview span.excluded {
  display: none !important;
}
span.vink.med.green,
span.vink.right,
span.vink.green.big,
span.vink.info {
  display: block;
  width: 15px;
  height: 15px;
  overflow: hidden;
  padding-left: 0;
  margin-right: 7px;
  background: url(../img/base/ico/sprite_vink.png?1) no-repeat -34px 0;
  background-size: 97px 22px;
}
span.vink.info {
  background-position: -82px 0;
}
span.vink.right {
  background-position: -71px 0;
  margin-right: 9px;
  float: left;
  width: 11px;
  height: 17px;
  margin-top: 5px;
}
span.vink.big {
  padding-left: 17px;
  display: block;
}
span.vink.big.green {
  background-position: -49px 0;
  width: 22px;
  height: 22px;
  margin-left: -20px;
  padding: 0;
  float: left;
}
span.vink.big.blue {
  background: url(../img/base/ico/vink_blauw_big.png) no-repeat 0 2px;
}
span.vink.big.red {
  background: url(../img/base/ico/vink_rood_big.png) no-repeat 0 2px;
}
span.vink.med {
  display: block;
}
span.vink.med.blue {
  background: url(../img/base/ico/vink_blauw_med.png) no-repeat 0 2px;
}
span.vink.med.red {
  background: url(../img/base/ico/vink_rood_med.png) no-repeat 0 2px;
}
/*Kamerkeuze*/
.roomBlock,
.transportBlock {
  width: 600px;
  margin: 13px;
}
.roomBlock .rooms,
.transportBlock .transports {
  width: 100%;
}
.roomBlock .selectedRooms {
  margin: 5px 0;
}
.roomBlock .selectedRooms li {
  margin-bottom: 5px;
}
.roomLogo {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 72px;
  padding: 6px;
  border: 1px solid #84caf9;
  background: #c8e8fd;
}
.roomInfo {
  margin-left: 15px;
  width: 513px;
}
.roomInfo .row {
  width: 100%;
}
.roomInfo .roomTitle {
  font-weight: bold;
  padding-top: 3px;
  margin-right: 5px;
}
ul.ico_travelers li {
  float: left;
}
ul.ico_travelers li.adult {
  width: 10px;
  height: 27px;
  margin-right: 4px;
  background: url(../img/Base/elements/pc/traveler-adult.png) no-repeat 0 0;
}
ul.ico_travelers li.adult.light {
  background: url(../img/Base/elements/pc/traveler-adult-light.png) no-repeat 0 0;
}
ul.ico_travelers li.child {
  width: 7px;
  height: 20px;
  margin-right: 5px;
  margin-top: 7px;
  background: url(../img/Base/elements/pc/traveler-child.png) no-repeat 0 0;
}
ul.ico_travelers li.child.light {
  background: url(../img/Base/elements/pc/traveler-child-light.png) no-repeat 0 0;
}
ul.ico_travelers li.infant {
  width: 11px;
  height: 16px;
  margin-right: 3px;
  margin-top: 11px;
  background: url(../img/Base/elements/pc/traveler-infant.png) no-repeat 0 0;
}
ul.ico_travelers li:last-child {
  margin-right: 0px;
}
.box-matrix .availableRooms h4 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 5px;
  color: #bf0000;
}
.box-matrix .availableRooms div .dashed-box {
  border: none;
}
.box-matrix .availableRooms div .dashed-box h5 {
  margin-top: 0 !important;
  color: #D90000;
}
.box-matrix .prices .availableRooms,
.box-matrix .prices .availableTransports {
  margin: 10px 0;
}
.box-matrix .prices .availableRooms .h5 {
  color: #004979;
  font-family: Open Sans;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  text-rendering: optimizeLegibility;
  margin: 10px 0;
}
.box-matrix .prices .availableRooms .room-selector {
  height: 58px;
  background: #fff;
  margin-bottom: 14px;
  position: relative;
  border: 1px solid #80C8F8;
  border-radius: 4px;
  box-sizing: border-box;
  width: 50%;
  padding: 22px 2px 2px 45px;
  display: inline-block;
  cursor: pointer;
}
.box-matrix .prices .availableRooms .room-selector div.h5 {
  position: absolute;
  top: 10px;
  left: 45px;
  margin: 0;
  pointer-events: none;
  z-index: 2;
  font-family: Open Sans;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 20px;
  text-rendering: optimizeLegibility;
  color: #666;
}
.box-matrix .prices .availableRooms .room-selector select {
  border: none;
  z-index: 1;
  background: none;
  position: absolute;
  top: 0;
  left: 0;
  padding: 18px 0 0 45px;
  width: 100%;
  height: 100%;
}
.box-matrix .prices .availableRooms .room-selector::before {
  position: absolute;
  top: 15px;
  left: 10px;
  font-family: 'Prijsvrij Icons';
  content: '\e913';
  color: #004979;
  font-size: 24px;
  z-index: 2;
  pointer-events: none;
}
.box-matrix .prices .availableRooms .room-selector::after {
  position: absolute;
  right: 10px;
  top: 15px;
  font-family: 'Prijsvrij Icons';
  content: '\e932';
  color: #80C8F8;
  font-size: 24px;
  z-index: 2;
  pointer-events: none;
}
.box-matrix .prices .availableRooms .roomLogo {
  background: #c8e8fd;
}
.box-matrix .prices .roomBlock span.wait-sub-title,
.box-matrix .prices .tripBlock span.wait-sub-title {
  margin: 10px 0;
}
.box-matrix .prices .roomBlock span.wait-sub-title:first-child,
.box-matrix .prices .tripBlock span.wait-sub-title:first-child {
  margin: 15px 0 10px 0;
}
#assignTravelers {
  margin-bottom: 10px;
  border-spacing: 10px 0px;
  border-collapse: separate;
}
#assignTravelers .travelerLabel {
  width: 222px;
}
#assignTravelers .travelerLabel span {
  font-weight: 500 !important;
}
#assignTravelers .travelerSelect {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 85px;
  border-left: 1px solid #84caf9;
  border-right: 1px solid #84caf9;
  background-color: #c8e8fd;
}
#assignTravelers .travelerSelect input[type=checkbox],
#assignTravelers .travelerSelect input[type=radio] {
  position: absolute;
  z-index: -1000;
  left: -1000px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
#assignTravelers .travelerSelect input[type=checkbox] + label,
#assignTravelers .travelerSelect input[type=radio] + label,
#assignTravelers .travelerSelect span.aspNetDisabled + label.initialLabel {
  padding-left: 30px;
  height: 20px;
  min-height: 20px;
  line-height: 20px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0 0;
  vertical-align: middle;
  cursor: pointer;
}
#assignTravelers .travelerSelect input[type=checkbox] + label:hover,
#assignTravelers .travelerSelect input[type=radio] + label:hover,
#assignTravelers .travelerSelect span.aspNetDisabled + label.initialLabel:hover {
  font-weight: 600;
  background-position: 0 -40px;
}
#assignTravelers .travelerSelect span.aspNetDisabled + label.initialLabel {
  background: url(../img/base/elements/pc/Prijsvrij_Selectieicon_grijs.png) no-repeat transparent 0 0;
  background-size: 20px 20px;
  color: #ccc;
  cursor: default;
}
#assignTravelers .travelerSelect span.aspNetDisabled + label.initialLabel:hover {
  cursor: default !important;
  font-weight: 500 !important;
  background-position: 0 0 !important;
}
#assignTravelers .travelerSelect input[type=checkbox] + label {
  background-image: url(../img/Base/elements/pc/prijsvrij-checkbox.png);
}
#assignTravelers .travelerSelect input[type=checkbox]:checked + label,
#assignTravelers .travelerSelect input[type=radio]:checked + label {
  background-position: 0 -20px;
}
#assignTravelers .travelerSelect input[type=checkbox]:checked + label:hover,
#assignTravelers .travelerSelect input[type=radio]:checked + label:hover {
  font-weight: 600;
  background-position: 0 -60px;
}
#assignTravelers .travelerSelect input[type=checkbox].parent-marked + label {
  background-position: 0 -20px;
}
#assignTravelers .travelerSelect input[type=checkbox].parent-marked + label:hover {
  font-weight: 600;
  background-position: 0 -60px;
}
#assignTravelers .travelerSelect input[type=radio] + label {
  background-image: url(../img/Base/elements/pc/prijsvrij-radio.png);
}
#assignTravelers .travelerSelect label {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#assignTravelers td.travelerSelect {
  padding: 5px 23px !important;
}
#assignTravelers td.travelerSelect .radio {
  float: left;
  margin-bottom: 8px;
  padding-left: 17px !important;
}
#assignTravelers td {
  height: 32px;
}
/* one to four item */
#assignTravelers .travelerSelect:only-child,
#assignTravelers .travelerSelect:nth-child(2):nth-last-child(2),
#assignTravelers .travelerSelect:nth-child(2):nth-last-child(2) ~ #assignTravelers .travelerSelect,
#assignTravelers .travelerSelect:nth-child(2):nth-last-child(3),
#assignTravelers .travelerSelect:nth-child(2):nth-last-child(3) ~ #assignTravelers .travelerSelect,
#assignTravelers .travelerSelect:nth-child(2):nth-last-child(4),
#assignTravelers .travelerSelect:nth-child(2):nth-last-child(4) ~ #assignTravelers .travelerSelect {
  width: 84px;
  padding: 5px 0px;
}
/* five items */
#assignTravelers .travelerSelect:nth-child(2):nth-last-child(5),
#assignTravelers .travelerSelect:nth-child(2):nth-last-child(5) ~ #assignTravelers .travelerSelect,
#assignTravelers .travelerSelect:nth-child(2):nth-last-child(6),
#assignTravelers .travelerSelect:nth-child(2):nth-last-child(6) ~ #assignTravelers .travelerSelect,
#assignTravelers .travelerSelect:nth-child(2):nth-last-child(7),
#assignTravelers .travelerSelect:nth-child(2):nth-last-child(7) ~ #assignTravelers .travelerSelect,
#assignTravelers .travelerSelect:nth-child(2):nth-last-child(8),
#assignTravelers .travelerSelect:nth-child(2):nth-last-child(8) ~ #assignTravelers .travelerSelect {
  width: 25px;
  padding: 0 5px;
}
#assignTravelers .travelerSelect:nth-child(2):nth-last-child(5) span,
#assignTravelers .travelerSelect:nth-child(2):nth-last-child(5) ~ #assignTravelers .travelerSelect span,
#assignTravelers .travelerSelect:nth-child(2):nth-last-child(6) span,
#assignTravelers .travelerSelect:nth-child(2):nth-last-child(6) ~ #assignTravelers .travelerSelect span,
#assignTravelers .travelerSelect:nth-child(2):nth-last-child(7) span,
#assignTravelers .travelerSelect:nth-child(2):nth-last-child(7) ~ #assignTravelers .travelerSelect span,
#assignTravelers .travelerSelect:nth-child(2):nth-last-child(8) span,
#assignTravelers .travelerSelect:nth-child(2):nth-last-child(8) ~ #assignTravelers .travelerSelect span {
  display: none;
}
#assignTravelers .travelerSelect input {
  padding-left: 17px !important;
  height: 27px;
  display: block;
  float: left;
}
#assignTravelers .travelerSelect input:checked ~ label.adult {
  margin-left: 5px;
  width: 10px;
  height: 27px;
  display: block;
  float: right;
  background: url(../img/Base/elements/pc/traveler-adult.png) no-repeat 0 0;
}
#assignTravelers .travelerSelect input:checked ~ label.child {
  margin-left: 5px;
  width: 10px;
  height: 27px;
  display: block;
  float: right;
  background: url(../img/Base/elements/pc/traveler-child.png) no-repeat 0 0;
}
#assignTravelers .travelerSelect input:checked ~ label.infant {
  margin-left: 5px;
  width: 11px;
  height: 27px;
  display: block;
  float: right;
  background: url(../img/Base/elements/pc/traveler-infant.png) no-repeat 0 0;
}
#assignTravelers tr:first-child .travelerSelect {
  border-top: 1px solid #84caf9;
}
#assignTravelers tr:last-child .travelerSelect {
  border-bottom: 1px solid #84caf9;
}
#tbAvailableRooms {
  border-collapse: collapse;
  border: none;
  border-spacing: 0;
}
#tbAvailableRooms tr {
  margin-bottom: 5px;
  float: left;
}
#tbAvailableRooms th {
  font-weight: 600;
}
#tbAvailableRooms .rmRadio {
  width: 34px;
}
#tbAvailableRooms .rmRadio input[type=checkbox],
#tbAvailableRooms .rmRadio input[type=radio] {
  position: absolute;
  z-index: -1000;
  left: -1000px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
#tbAvailableRooms .rmRadio input[type=checkbox] + label,
#tbAvailableRooms .rmRadio input[type=radio] + label,
#tbAvailableRooms .rmRadio span.aspNetDisabled + label.initialLabel {
  padding-left: 30px;
  height: 20px;
  min-height: 20px;
  line-height: 20px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0 0;
  vertical-align: middle;
  cursor: pointer;
}
#tbAvailableRooms .rmRadio input[type=checkbox] + label:hover,
#tbAvailableRooms .rmRadio input[type=radio] + label:hover,
#tbAvailableRooms .rmRadio span.aspNetDisabled + label.initialLabel:hover {
  font-weight: 600;
  background-position: 0 -40px;
}
#tbAvailableRooms .rmRadio span.aspNetDisabled + label.initialLabel {
  background: url(../img/base/elements/pc/Prijsvrij_Selectieicon_grijs.png) no-repeat transparent 0 0;
  background-size: 20px 20px;
  color: #ccc;
  cursor: default;
}
#tbAvailableRooms .rmRadio span.aspNetDisabled + label.initialLabel:hover {
  cursor: default !important;
  font-weight: 500 !important;
  background-position: 0 0 !important;
}
#tbAvailableRooms .rmRadio input[type=checkbox] + label {
  background-image: url(../img/Base/elements/pc/prijsvrij-checkbox.png);
}
#tbAvailableRooms .rmRadio input[type=checkbox]:checked + label,
#tbAvailableRooms .rmRadio input[type=radio]:checked + label {
  background-position: 0 -20px;
}
#tbAvailableRooms .rmRadio input[type=checkbox]:checked + label:hover,
#tbAvailableRooms .rmRadio input[type=radio]:checked + label:hover {
  font-weight: 600;
  background-position: 0 -60px;
}
#tbAvailableRooms .rmRadio input[type=checkbox].parent-marked + label {
  background-position: 0 -20px;
}
#tbAvailableRooms .rmRadio input[type=checkbox].parent-marked + label:hover {
  font-weight: 600;
  background-position: 0 -60px;
}
#tbAvailableRooms .rmRadio input[type=radio] + label {
  background-image: url(../img/Base/elements/pc/prijsvrij-radio.png);
}
#tbAvailableRooms .rmRadio label {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#tbAvailableRooms .rmLogo {
  width: 82px;
}
#tbAvailableRooms .rmType {
  width: 300px;
}
#tbAvailableRooms .rmType .roomInfo {
  margin-left: 0;
  width: 100%;
}
#tbAvailableRooms .rmOccupation {
  width: 90px;
  text-align: center;
}
#tbAvailableRooms .rmPrice {
  width: 70px;
  text-align: center;
}
.arc-dashed {
  height: 38px;
  width: 100%;
  display: block;
  background: url(../img/Base/elements/pc/arc-dashed.png) no-repeat 5px 0;
}
.arc-dashed.flight {
  /*andere pijl*/
  background-position-x: 15px;
}
.arrow-dashed {
  height: 38px;
  width: 17px;
  display: block;
  margin-left: 5px;
  margin-right: 22px;
  background: url(../img/Base/elements/pc/arrow-dashed.png) no-repeat 0 0;
}
/*Kamerkeuze*/
/*Transportkeuze*/
.selectedTransports {
  margin: 10px 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  display: flex;
  justify-content: space-between;
  column-gap: 16px;
  row-gap: 16px;
}
.selectedTransports > .spacer {
  position: absolute;
}
.transportSegment {
  border: none;
  padding: 19px;
  box-sizing: border-box;
  border-radius: 4px;
  background: #EFF8FE;
  width: 100%;
}
.box-matrix .prices .transportSegment > div {
  font-family: Open Sans;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  text-rendering: optimizeLegibility;
}
.availableTransports .transportSegment.transportRental,
.transportSegment.transportRental {
  width: 100%;
  margin-right: 0;
}
.icoTransport {
  float: left;
  margin-right: 5px;
  height: 22px;
  width: 22px;
  background: url(../img/Base/ico/ico_transporttypes_sprite_selection.png) no-repeat 0 0 transparent;
  color: #0092F2;
}
.icoTransport.goVL {
  background-position-y: 0px;
  background-position-x: 0px;
}
.icoTransport.backVL {
  background-position-y: -22px;
  background-position-x: 0px;
}
.icoTransport.goBU {
  background-position-y: 0px;
  background-position-x: -22px;
}
.icoTransport.backBU {
  background-position-y: -22px;
  background-position-x: -22px;
}
.icoTransport.goTR {
  background-position-y: 0px;
  background-position-x: -44px;
}
.icoTransport.backTR {
  background-position-y: -22px;
  background-position-x: -44px;
}
.icoTransport.goBO,
.icoTransport.goFE {
  background-position-y: 0px;
  background-position-x: -66px;
}
.icoTransport.backBO,
.icoTransport.backFE {
  background-position-y: -22px;
  background-position-x: -66px;
}
.transportSegment ul {
  margin: 10px 0;
}
.transportBlock .transportSegment ul {
  margin: 5px 0;
  width: 100%;
}
.transportBlock .transportSegment ul li {
  margin-bottom: 5px;
  width: 100%;
}
.transportBlock .transportSegment ul li .col .row.fwb {
  font-weight: normal !important;
}
.transportBlock .transportSegment ul li .col.details {
  width: 228px;
}
.transportBlock .transportSegment ul li .col.details .flightTime {
  width: 35px;
  margin-right: 5px;
  display: block;
}
.transportBlock .transportSegment ul li .col.details .airport {
  width: unset;
  display: block;
}
.transportBlock .transportSegment ul li .col.details .airlineName,
.transportBlock .transportSegment ul li .col.details .flightNumber,
.transportBlock .transportSegment ul li .col.details .flightClass {
  display: none;
}
.transportBlock .transportSegment ul li .col.airline {
  width: 60px;
  height: 25px;
  margin-right: 10px;
  display: none;
}
.availableTransports {
  padding: 9px !important;
  padding-bottom: 23px !important;
}
.availableTransports input[type=checkbox],
.availableTransports input[type=radio] {
  position: absolute;
  z-index: -1000;
  left: -1000px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
.availableTransports input[type=checkbox] + label,
.availableTransports input[type=radio] + label,
.availableTransports span.aspNetDisabled + label.initialLabel {
  padding-left: 30px;
  height: 20px;
  min-height: 20px;
  line-height: 20px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0 0;
  vertical-align: middle;
  cursor: pointer;
}
.availableTransports input[type=checkbox] + label:hover,
.availableTransports input[type=radio] + label:hover,
.availableTransports span.aspNetDisabled + label.initialLabel:hover {
  font-weight: 600;
  background-position: 0 -40px;
}
.availableTransports span.aspNetDisabled + label.initialLabel {
  background: url(../img/base/elements/pc/Prijsvrij_Selectieicon_grijs.png) no-repeat transparent 0 0;
  background-size: 20px 20px;
  color: #ccc;
  cursor: default;
}
.availableTransports span.aspNetDisabled + label.initialLabel:hover {
  cursor: default !important;
  font-weight: 500 !important;
  background-position: 0 0 !important;
}
.availableTransports input[type=checkbox] + label {
  background-image: url(../img/Base/elements/pc/prijsvrij-checkbox.png);
}
.availableTransports input[type=checkbox]:checked + label,
.availableTransports input[type=radio]:checked + label {
  background-position: 0 -20px;
}
.availableTransports input[type=checkbox]:checked + label:hover,
.availableTransports input[type=radio]:checked + label:hover {
  font-weight: 600;
  background-position: 0 -60px;
}
.availableTransports input[type=checkbox].parent-marked + label {
  background-position: 0 -20px;
}
.availableTransports input[type=checkbox].parent-marked + label:hover {
  font-weight: 600;
  background-position: 0 -60px;
}
.availableTransports input[type=radio] + label {
  background-image: url(../img/Base/elements/pc/prijsvrij-radio.png);
}
.availableTransports label {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.availableTransports > div.row:first-child {
  display: flex;
  column-gap: 8px;
}
@media only screen and (max-width: 767px) {
  .availableTransports > div.row:first-child {
    flex-direction: column;
  }
}
.availableTransports .transportSegment {
  width: 100%;
  padding: 0;
}
.availableTransports .transportSegment ul {
  margin: 10px 0;
}
.transportBlock .availableTransports .transportSegment ul {
  margin: 5px 0;
  width: 100%;
}
.transportBlock .availableTransports .transportSegment ul li {
  margin-bottom: 5px;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px;
  border: 1px solid #ADDBFB;
  background-color: #fff;
}
.transportBlock .availableTransports .transportSegment ul li.unavail {
  cursor: default;
  color: #999999 !important;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e4f3fd+0,e4f3fd+52,ffffff+80,ffffff+100 */
  background-color: #e4f3fd;
  background: -webkit-linear-gradient(left, #e4f3fd 0%, #e4f3fd 52%, #ffffff 80%, #ffffff 100%) #e4f3fd no-repeat;
  background: -moz-linear-gradient(left, #e4f3fd 0%, #e4f3fd 52%, #ffffff 80%, #ffffff 100%) #e4f3fd no-repeat;
  /*background:                  -o-linear-gradient(@origin, @stops) @start-color no-repeat;*/
  background: linear-gradient(to right, #e4f3fd 0%, #e4f3fd 52%, #ffffff 80%, #ffffff 100%) #e4f3fd no-repeat;
}
.transportBlock .availableTransports .transportSegment ul li.unavail .details .row {
  color: #999999 !important;
}
.transportBlock .availableTransports .transportSegment ul li .col .row {
  width: 100%;
}
.transportBlock .availableTransports .transportSegment ul li .col .row.addition {
  color: #0092f2;
}
.transportBlock .availableTransports .transportSegment ul li .col.select {
  width: 30px;
  text-align: center;
}
.transportBlock .availableTransports .transportSegment ul li .col.NoCombine {
  width: 252px;
  padding-left: 10px;
}
.transportBlock .availableTransports .transportSegment ul li .col.NoCombine a {
  margin: 10px 0 5px 0;
}
.transportBlock .availableTransports .transportSegment ul li .col.date {
  width: 230px;
}
.transportBlock .availableTransports .transportSegment ul li .col.date .flightDate {
  width: 230px;
  display: block;
}
.transportBlock .availableTransports .transportSegment ul li .col.time {
  width: 35px;
  margin-right: 15px;
}
.transportBlock .availableTransports .transportSegment ul li .col.time .flightTime {
  width: 35px;
  display: block;
}
.transportBlock .availableTransports .transportSegment ul li .col.details {
  width: 157px;
}
.transportBlock .availableTransports .transportSegment ul li .col.details .airport {
  width: 157px;
  display: block;
  font-size: 14px;
  margin-bottom: 5px;
}
.transportBlock .availableTransports .transportSegment ul li .col.airline {
  display: none;
}
.transportBlock .availableTransports .transportSegment.TrBu ul li .col.details,
.transportBlock .availableTransports .transportSegment.TrBu ul li .col.details .airport {
  width: 216px;
}
/*Transportkeuze*/
/*MATRIX*/
/*RECEIPT*/
#receipt {
  padding: 5px 0 0px 0;
  margin: 44px 0 0 0;
  position: relative;
  display: block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  border: 2px solid #1e9ef4;
  background-color: #fff;
}
#receipt > .price {
  position: absolute;
  right: 10px;
  top: -10px;
  z-index: 0;
}
#receipt > .price .price-tag {
  position: relative;
  text-align: right;
}
#receipt > .price .price-tag .price-tag-inner {
  z-index: 10;
  box-sizing: border-box;
  color: #D90000;
  position: relative;
  width: 60px;
  height: 60px;
  display: inline-block;
}
#receipt > .price .price-tag .price-tag-inner:before {
  content: '';
  text-align: right;
  width: 96px;
  height: 64px;
  right: -6px;
  top: 0;
  background: #FFBF2B;
  transform: matrix(1, 0.05, -0.05, 1, 0, 0);
  z-index: 1;
  color: #D90000;
  display: inline-block;
  position: absolute;
}
#receipt > .price .price-tag .price-tag-inner:after {
  content: '';
  width: 96px;
  height: 64px;
  background: #FDE92F;
  transform: matrix(1, -0.1, 0.1, 1, 0, 0);
  z-index: 2;
  top: 0;
  right: -7px;
  box-sizing: border-box;
  padding-top: 7px;
  padding-right: 10px;
  display: inline-block;
  position: absolute;
}
#receipt > .price .price-tag .price-tag-inner > small {
  display: inline-block;
  width: 100%;
  font-weight: normal;
  position: absolute;
  top: 10px;
  right: 20px;
  z-index: 3;
}
#receipt > .price .price-tag .price-tag-inner .value {
  font-family: Hermes Maia T4;
  font-style: normal;
  font-weight: bold;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.02em;
  text-rendering: optimizeLegibility;
  display: inline-block;
  position: absolute;
  z-index: 3;
  right: 0;
  top: 25px;
}
#receipt > .price .price-tag .price-tag-inner .value .currency {
  display: none;
}
#receipt > .price .price-tag .price-tag-inner .value:after {
  content: ',-';
}
#receipt > .price .price-tag .price-tag-inner .price-popup .iconbox {
  cursor: help;
}
#receipt > .price .price-tag .price-tag-inner .price-popup .iconbox i {
  filter: invert(11%) sepia(99%) saturate(5625%) hue-rotate(7deg) brightness(89%) contrast(117%);
}
#receipt > .price .price-tag .price-tag-inner .price-popup span {
  visibility: hidden;
  position: absolute;
  z-index: 4;
  background: #FFFFFF;
  box-shadow: 0px 4px 80px rgba(0, 0, 0, 0.07), 0px 0.893452px 17.869px rgba(0, 0, 0, 0.0417275), 0px 0.266004px 5.32008px rgba(0, 0, 0, 0.0282725);
  width: 304px;
  height: 190px;
  font-style: normal;
  font-weight: 300;
  font-size: 12px;
  line-height: 20px;
  color: #A8A8A8;
  top: -190px;
  left: -101px;
  padding: 16px;
  box-sizing: border-box;
  text-align: left;
  border-radius: 16px;
  cursor: zoom-out;
  transition: opacity 1s;
}
#receipt > .price .price-tag .price-tag-inner .price-popup span::after {
  content: '';
  position: absolute;
  top: 99%;
  right: 50%;
  margin-right: -10px;
  width: 0;
  height: 0;
  border-top: solid 10px white;
  border-left: solid 10px transparent;
  border-right: solid 10px transparent;
}
#receipt > .price .price-tag .price-tag-inner .price-popup input {
  display: none;
}
#receipt > .price .price-tag .price-tag-inner .price-popup input:checked + span {
  visibility: visible;
  opacity: 1;
}
#receipt > .price .fieldMessageBox {
  display: none;
}
#receipt .wait-box {
  width: 100% !important;
  padding: 0 !important;
  position: relative !important;
  top: 0;
  left: 0;
  border: none !important;
  background: url(../img/base/gradient/gradient_even-wachten-aub.png) repeat-x left bottom;
}
#receipt .wait-box.shadow {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  -ms-filter: none !important;
}
#receipt span.tt {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 13px;
  color: #0092F2;
}
#receipt .box-header {
  font-family: Hermes Maia T4;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -0.02em;
  text-rendering: optimizeLegibility;
  color: #004979;
}
#receipt .box-content {
  background: none;
  border: none;
}
#receipt .box-content label.accommodation {
  width: 18px;
  height: 18px;
  display: inline-block;
  overflow: hidden;
  margin-left: 3px;
  font-size: 0;
}
#receipt .box-content label.accommodation:before {
  font-family: 'Prijsvrij Icons';
  color: #0092F2;
  font-size: 18px;
}
#receipt .box-content label.accommodation:before {
  content: "\e909";
}
#receipt .box-content label.destination {
  width: 18px;
  height: 18px;
  display: inline-block;
  overflow: hidden;
  margin-left: 3px;
  font-size: 0;
}
#receipt .box-content label.destination:before {
  font-family: 'Prijsvrij Icons';
  color: #0092F2;
  font-size: 18px;
}
#receipt .box-content label.destination:before {
  content: "\e941";
}
#receipt .box-content label.travelers {
  width: 18px;
  height: 18px;
  display: inline-block;
  overflow: hidden;
  margin-left: 3px;
  font-size: 0;
}
#receipt .box-content label.travelers:before {
  font-family: 'Prijsvrij Icons';
  color: #0092F2;
  font-size: 18px;
}
#receipt .box-content label.travelers:before {
  content: "\e929";
}
#receipt .box-content label.transport {
  width: 18px;
  height: 18px;
  display: inline-block;
  overflow: hidden;
  margin-left: 3px;
  font-size: 0;
}
#receipt .box-content label.transport:before {
  font-family: 'Prijsvrij Icons';
  color: #0092F2;
  font-size: 18px;
}
#receipt .box-content label.transport.FL:before,
#receipt .box-content label.transport.VL:before {
  content: "\e912";
}
#receipt .box-content label.transport.HO:before,
#receipt .box-content label.transport.EV:before {
  content: "\e914";
}
#receipt .box-content label.outward {
  width: 18px;
  height: 18px;
  display: inline-block;
  overflow: hidden;
  margin-left: 3px;
  font-size: 0;
}
#receipt .box-content label.outward:before {
  font-family: 'Prijsvrij Icons';
  color: #0092F2;
  font-size: 18px;
}
#receipt .box-content label.return {
  width: 18px;
  height: 18px;
  display: inline-block;
  overflow: hidden;
  margin-left: 3px;
  font-size: 0;
}
#receipt .box-content label.return:before {
  font-family: 'Prijsvrij Icons';
  color: #0092F2;
  font-size: 18px;
}
#receipt .box-content label.provider {
  width: 18px;
  height: 18px;
  display: inline-block;
  overflow: hidden;
  margin-left: 3px;
  font-size: 0;
}
#receipt .box-content label.provider:before {
  font-family: 'Prijsvrij Icons';
  color: #0092F2;
  font-size: 18px;
}
#receipt .box-content label.provider:before {
  content: "\e92d";
}
#receipt .box-content label.travelduration {
  width: 18px;
  height: 18px;
  display: inline-block;
  overflow: hidden;
  margin-left: 3px;
  font-size: 0;
}
#receipt .box-content label.travelduration:before {
  font-family: 'Prijsvrij Icons';
  color: #0092F2;
  font-size: 18px;
}
#receipt .box-content label.travelduration:before {
  content: "\e939";
}
#receipt .box-content label.care {
  width: 18px;
  height: 18px;
  display: inline-block;
  overflow: hidden;
  margin-left: 3px;
  font-size: 0;
}
#receipt .box-content label.care:before {
  font-family: 'Prijsvrij Icons';
  color: #0092F2;
  font-size: 18px;
}
#receipt .box-content label.care:before {
  content: "\e925";
}
#receipt .box-content label.rooms {
  width: 18px;
  height: 18px;
  display: inline-block;
  overflow: hidden;
  margin-left: 3px;
  font-size: 0;
}
#receipt .box-content label.rooms:before {
  font-family: 'Prijsvrij Icons';
  color: #0092F2;
  font-size: 18px;
}
#receipt .box-content label.rooms:before {
  content: "\e913";
}
#receipt .image {
  width: 290px;
  padding: 0 0 10px 0;
  margin: 0 0 10px 0;
  border-bottom: 1px dashed #8cd1ff;
}
#receipt .image img {
  width: 100%;
}
#receipt .image h2 {
  font-size: 17px;
  font-weight: bold;
  line-height: 24px;
  color: #be0000;
}
#receipt .image h3 {
  margin-bottom: 5px;
  font-size: 12px;
  color: #0092f2;
  text-transform: uppercase;
}
#receipt #ctl00_ContentPlaceContentBlock3_Receipt_pnlButtonSave > .row {
  display: flex;
  flex-direction: column;
}
#receipt #ctl00_ContentPlaceContentBlock3_Receipt_pnlButtonSave #ctl00_ContentPlaceContentBlock3_Receipt_btnMailTrip {
  float: none;
  justify-content: center;
  margin-top: 10px;
}
#receipt.content-box .price-overview-block {
  float: right;
}
#receipt .price-overview {
  padding: 0 0 10px 0;
  margin: 0 0 10px 0;
  width: 290px;
  border-bottom: 1px dashed #8cd1ff;
}
#receipt .price-overview h3 {
  font-size: 16px;
  line-height: 19px;
  margin-bottom: 5px;
  font-weight: normal;
  color: #be0000;
}
#receipt .price-overview ul.ulPrices {
  float: left;
}
#receipt .price-overview ul.ulPrices li {
  float: left;
}
#receipt .price-overview ul.ulPrices .description {
  width: 190px;
}
#receipt .price-overview ul.ulPrices .total {
  width: 100px;
}
#receipt .price-overview dt {
  float: left;
  text-align: left;
  clear: left;
  width: 190px;
}
#receipt .price-overview dd {
  float: right;
  text-align: right;
  clear: right;
  width: 100px;
}
#receipt .price-overview dl {
  width: 290px;
}
#receipt .price-overview dl.price {
  font-weight: bold;
  margin-top: 4px;
  padding-top: 4px;
  border-top: 1px solid #8cd1ff;
}
#receipt .price-overview dl.price dt {
  font-size: 16px;
  width: 120px;
}
#receipt .price-overview dl.price dd {
  font-size: 20px;
  width: 170px;
}
#receipt .price-overview dl:not(.price) {
  padding-bottom: 4px;
  float: left;
  border-bottom: 1px solid #8cd1ff;
}
#receipt .downpayment {
  width: 290px;
}
#receipt .savings {
  position: relative;
  height: 41px;
  width: 100%;
  padding: 8px 10px 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 20px;
  text-transform: uppercase;
  color: #c51717;
  -webkit-border-radius: 0 0 15px 15px;
  -moz-border-radius: 0 0 15px 15px;
  border-radius: 0 0 15px 15px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
#receipt .savings dt {
  float: left;
}
#receipt .savings dd {
  float: right;
  text-align: right;
  font-family: Open Sans;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  text-rendering: optimizeLegibility;
}
#receipt .row {
  display: block;
  float: left;
  width: 100%;
}
#receipt .row label {
  width: 22%;
  float: left;
}
#receipt .row label.font-twc.fwb {
  /*font-size:16px !important;*/
}
#receipt .row .field,
#receipt .row ul {
  width: 84%;
  word-break: break-word;
}
#receipt .row .spacer {
  height: 1px;
  width: calc(100% + 32px);
  display: block;
  float: left;
  margin: 0 0 0 -16px;
  background-color: #fff;
  border-bottom: 1px dashed #8cd1ff;
  /* ( source | slice | width | outset | repeat ) */
  -webkit-border-image: url('../img/Base/elements/pc/dashed-lines.png') 1 repeat;
  -moz-border-image: url('../img/Base/elements/pc/dashed-lines.png') 1 repeat;
  /*-o-border-image:     e(%("url('%d')", ~"@{source}")) @values;*/
  border-image: url('../img/Base/elements/pc/dashed-lines.png') 1 repeat;
  border-top: 0;
  border-right: 0;
  border-left: 0;
}
#receipt .row .priceBreakDown .total {
  font-family: Open Sans;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  text-rendering: optimizeLegibility;
}
#receipt .receipt-transport-date {
  font-family: Open Sans;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  text-rendering: optimizeLegibility;
  margin-bottom: 10px;
}
#receipt .receipt-transport-departure-time,
#receipt .receipt-transport-arrival-time {
  position: absolute;
  left: -45px;
}
#transport-overview .row ul {
  width: 100%;
}
#transport-overview .row .airline {
  position: relative;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#receipt .row .airline {
  position: relative;
}
#transport-overview .row .airline span {
  position: absolute;
  left: 0px;
  top: 25px;
}
#receipt .row .airline span {
  position: absolute;
  left: -110px;
  top: 25px;
}
#receipt .last-row {
  border-bottom: 1px solid #8cd1ff;
}
#receipt .price-container {
  margin: 5px 0 0 0;
  position: relative;
  padding: 0 0 0 0;
  border-top: 1px solid #8cd1ff;
  height: auto;
  display: flex;
  flex-direction: column;
}
#receipt .price-container.large {
  font-size: 16px;
}
#receipt .price-container .price-info:empty {
  display: none;
}
#receipt .price-container .total-us {
  font-size: 16px;
  font-weight: bold;
  padding-top: 10px;
}
#receipt .deal-guarantee-holder {
  position: relative;
  width: 100%;
  float: left;
}
#receipt .deal-guarantee-holder .deal-guarantee {
  position: absolute;
  right: 0;
  top: 0;
  height: 60px;
  width: 60px;
  filter: none;
}
#receipt .deal-guarantee-holder .deal-guarantee img {
  width: 100%;
}
#receipt .price-container dl {
  margin-top: -5px;
}
#receipt .price-container dl dt {
  width: 65%;
  vertical-align: bottom;
}
#receipt .price-container dl dd {
  width: 35%;
  text-align: right;
  white-space: nowrap;
}
#receipt .price-container dl dd small {
  font-size: 100%;
}
#receipt .price-container .price {
  width: 100%;
  text-align: left;
}
#receipt .price-container p,
#receipt .price-container ul {
  width: 185px;
}
#receipt .price-container div.price-info {
  margin-top: 5px;
  width: 185px;
  font-family: Open Sans;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 20px;
  text-rendering: optimizeLegibility;
}
#receipt .price-container div.price-info a.excluded {
  text-decoration: none;
}
#receipt .receiptMessage {
  margin: 10px 0;
}
#receipt .receiptMessage .receiptMessageText {
  padding: 15px;
  background-color: #f1f1f1;
}
#receipt .receiptMessage .receiptMessageText strong {
  float: left;
}
#receipt .receiptMessage .receiptMessageText .receiptMessageToDo {
  width: 100%;
}
#receipt .receiptMessage .receiptMessageText .receiptMessageToDo li {
  position: relative;
  padding-left: 13px;
}
#receipt .receiptMessage .receiptMessageText .receiptMessageToDo li::before {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #c00;
  position: absolute;
  left: 0;
  top: 4px;
}
#receipt .receiptMessage .receiptMessageText .btn-geel {
  padding-left: 5px;
  width: 135px;
  margin-top: 15px !important;
}
#receipt .receiptChooseTrip {
  margin: 10px 0;
  width: 100%;
}
#receipt #discountAndAdditions {
  width: 100%;
}
#receipt #discountAndAdditions li {
  padding-bottom: 6px;
}
#receipt #discountAndAdditions .discount {
  color: #390;
  font-weight: bold;
}
#receipt #discountAndAdditions .discount.strike span {
  text-decoration: line-through;
}
/*RECEIPT*/
#receipt .dashed-box {
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
}
#receipt .dashed-box span.title {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
  display: inline-block;
}
#receipt .dashed-box span.sub-title {
  font-size: 16px;
  font-weight: bold;
  clear: both;
  display: inline-block;
}
#receipt .pnlwait2,
#receipt .pnlwait4 {
  width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 979px), only screen and (max-width: 767px) {
  #receipt .pricelabel .price-popup input:checked + span {
    left: auto !important;
    right: -10px !important;
    z-index: 99999 !important;
  }
  #receipt .pricelabel .price-popup input:checked + span:after {
    right: 6.5% !important;
  }
}
#receipt-mobile-bar {
  position: fixed;
  bottom: -50px;
  left: 0;
  width: 100%;
  z-index: 333;
  height: 50px;
  background: #FFF;
  padding: 10px 20px;
  box-sizing: border-box;
  font-family: Hermes Maia T4;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -0.02em;
  text-rendering: optimizeLegibility;
  transition: bottom 2s ease 0s;
  /* only transition top property */
  display: flex;
  justify-content: space-around;
  align-items: center;
  box-shadow: 0 0 12px -3px #000;
}
#receipt-mobile-bar.show {
  bottom: 0;
}
.excluded-costs {
  width: 100%;
  color: #A8A8A8;
  clear: both;
  font-weight: 300;
  font-size: 12px;
  line-height: 20px;
}
.excluded-costs .excluded {
  width: 100% !important;
  margin-bottom: 10px;
}
.excluded-costs ul {
  width: 100% !important;
}
.excluded-costs ul li {
  width: 100%;
  padding-bottom: 6px;
  line-height: 20px;
}
#ctl00_ContentPlaceContentBlock3_Receipt_pnlButtonSave {
  margin-top: 15px;
  float: left;
  clear: both;
  width: 100%;
}
#receipt ul#localTaxAndCosts {
  display: flex;
  flex-direction: column;
}
#receipt ul#localTaxAndCosts li {
  display: flex;
  flex-direction: row;
  column-gap: 8px;
}
#receipt ul#localTaxAndCosts li > span:first-child {
  flex: 1;
}
/*Book and complete page*/
body.book div.popupContainer > .popUpBox > .content-box {
  margin-top: 0;
}
body.book .step-content .travelers table.rbtGender {
  float: left;
}
body.book .step-content .travelers table.rbtGender td {
  padding: 5px 0;
}
body.book .step-content .travelers table.rbtGender td > label {
  width: 50px;
}
body.book .step-content .travelers table.rbtGender + .genderValidator > .formErrorImg {
  margin-left: 133px;
}
body.book .box .step-content select.ddlPhoneAreaCode,
body.book .box .step-content select.ddlHomeStayPhoneAreaCode {
  width: 74px !important;
  z-index: 2;
  position: absolute;
  opacity: 0;
  left: 0;
}
body.book .box .step-content select.ddlPhoneAreaCode:focus + div.PhoneNumberOverlay,
body.book .box .step-content select.ddlHomeStayPhoneAreaCode:focus + div.PhoneNumberOverlay {
  border-color: #0092F2;
  /* IE and Edge */
}
body.book .box .step-content .phone-dropdown-container,
body.book .box .step-content .homestayphone-dropdown-container {
  position: relative;
  float: left;
}
body.book .box .step-content .phone-dropdown-container:hover + input[type="text"],
body.book .box .step-content .homestayphone-dropdown-container:hover + input[type="text"],
body.book .box .step-content .phone-dropdown-container:focus-within + input[type="text"],
body.book .box .step-content .homestayphone-dropdown-container:focus-within + input[type="text"] {
  border-left-color: #0092F2;
}
body.book .box .step-content .phone-dropdown-container:hover > div.PhoneNumberOverlay,
body.book .box .step-content .homestayphone-dropdown-container:hover > div.PhoneNumberOverlay,
body.book .box .step-content .phone-dropdown-container:focus-within > div.PhoneNumberOverlay,
body.book .box .step-content .homestayphone-dropdown-container:focus-within > div.PhoneNumberOverlay {
  border-color: #0092F2;
}
body.book .box .step-content input.txtPhone,
body.book .box .step-content input.txtHomeStayPhoneFixed {
  width: 203px;
  margin-left: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
body.book .box .step-content .PhoneNumberOverlay {
  width: 54px;
  cursor: pointer;
  padding: 4px 10px;
  display: inline-block;
  background: #fff url(../img/base/elements/pc/pijltje.svg) no-repeat 96% 6px;
  background-size: 19px 19px;
  border: 1px solid #a8d7f7;
  border-right: 0;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  font-size: 14px;
  height: 22px;
  float: left;
}
body.book .step-header,
body.complete .step-header,
body.dossier .step-header,
.upsell .step-header {
  width: 268px;
  height: 33px;
  margin: 0;
  padding: 10px 0 0 10px;
  font-size: 20px;
  line-height: 20px;
  margin: 0 0 15px -15px;
  float: left;
  background: url(../img/Base/elements/pc/Pijl_stap_actief.png) no-repeat left top;
  color: #1d9ef3;
}
body.book .inactive .step {
  color: #1d9ef3;
}
body.book .inactive .step-header,
body.complete .inactive .step-header,
body.dossier .inactive .step-header {
  background: none;
  width: 268px;
  height: 32px;
  margin: 0;
  padding: 10px 0 0 10px;
  font-size: 20px;
  float: left;
  color: #1d9ef3;
}
body.book .step,
body.complete .step,
body.dossier .step {
  float: right;
  font-size: 20px;
  line-height: 20px;
  padding: 10px 0 0 0;
}
body.book .step.complete {
  background-position: left bottom;
  background-repeat: no-repeat;
  padding-left: 25px;
}
body.book .step.complete,
body.complete .step.complete,
body.dossier .step.complete {
  color: #009900;
}
.book .content-box.inactive .content,
.complete .content-box.inactive .content,
body.dossier .content-box.inactive .content {
  padding: 0 15px 0 0;
}
.book .content-box.inactive {
  border: 2px solid #88ccf9;
  background: url(../img/Base/elements/pc/Pijl_stap_inactief.png) no-repeat left top #fff;
}
body.book .step-content,
body.complete .step-content,
body.dossier .step-content {
  float: left;
  clear: both;
  width: 100%;
}
body.book .step-content h4,
body.complete .step-content h4,
body.dossier .step-content h4 {
  margin-bottom: 13px;
  font-size: 19px;
  color: #be0000;
}
body.book .step-content .extras h4,
body.complete .step-content .extras h4,
body.dossier .step-content .extras h4 {
  margin-bottom: 13px;
}
body.book input[type="text"].txtdateofbirth {
  background-color: #C8E8FD;
}
body.book select:focus {
  background-color: #FEFBD4;
}
.label-text {
  line-height: 16px;
}
.label-text small {
  font-size: 100%;
}
body.book .step-content .dashed-box p,
body.complete .step-content .dashed-box p,
body.book .step-content .dashed-box .toggleText,
body.dossier .step-content .dashed-box p,
body.dossier .step-content .dashed-box .toggleText {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}
body.book .step-content .dashed-box .toggleText,
body.dossier .step-content .dashed-box .toggleText {
  width: 430px;
}
body.book .step-content .dashed-box .partner,
body.complete .step-content .dashed-box .partner,
body.dossier .step-content .dashed-box .partner {
  clear: right;
  min-height: 60px;
}
body.book .step-content.complete h4,
body.complete .step-content.complete h4,
body.dossier .step-content.complete h4 {
  margin: 10px 0 10px 0;
  width: 100%;
}
body.book .step-content.complete .travelers .row,
body.complete .step-content .travelers .row,
body.book .step-content.complete .extras .row,
body.complete .step-content .extras .row,
body.dossier .step-content.complete .extras .row,
body.complete .step-content .extras .row {
  float: left;
  clear: both;
}
body.book .step-content .travelers label,
body.complete .step-content .travelers label,
body.book .step-content .extras label,
body.complete .step-content .extras label,
body.dossier .step-content .extras label,
body.complete .step-content .extras label {
  float: left;
  width: 150px;
  clear: left;
  font-weight: bold;
  min-height: 21px;
}
body.book .step-content .travelers .wide label,
body.book .step-content .extras .wide label,
body.dossier .step-content .extras .wide label {
  width: auto;
}
body.book .step-content .travelers .wide,
body.book .step-content .extras .wide,
body.dossier .step-content .extras .wide {
  float: left;
}
body.book .step-content .extras .notifyForUpsell label {
  width: auto;
  padding-right: 5px;
}
body.book .step-content .travelers select,
body.book .step-content .travelers input,
body.book .step-content .extras select,
body.book .step-content .extras input,
body.book .step-content .extras textarea,
body.complete .step-content .travelers select,
body.complete .step-content .travelers input {
  float: left;
  clear: right;
  margin-right: 5px;
}
body.book .step-content.complete label {
  font-weight: 600;
}
body .step-content .extras .txt-discount {
  clear: none;
}
body .step-content .extras .btn-discount {
  float: left;
  margin-bottom: 10px;
}
body .step-content .extras .insuredList {
  float: left;
  margin-bottom: 5px;
}
body.book .qpWash li {
  float: left;
  display: block;
  width: 100%;
}
body.book .qpWash li label {
  width: 300px !important;
}
/* HolidayExtras*/
.holiday-extras label {
  float: left !important;
  clear: none !important;
  cursor: pointer !important;
}
.holiday-extras label.name {
  width: 346px !important;
}
.holiday-extras label.price {
  width: 100px !important;
  text-align: right;
}
.holiday-extras label.transfer {
  width: 100px !important;
  text-align: right;
}
.holiday-extras li:hover label {
  color: #069a06;
}
.holiday-extras ul > li.item:hover,
.holiday-extras ul > li.active {
  border-color: #069a06;
  cursor: pointer;
}
.holiday-extras ul > li.item.active {
  border-color: #069a06;
}
.holiday-extras ul > li.item:nth-child(even) {
  margin-right: 0;
}
.holiday-extras ul > li.item.active .price {
  color: #069a06;
}
.holiday-extras ul li.item .type {
  float: left;
  width: auto !important;
  cursor: pointer;
  font-size: 14px;
  padding-bottom: 5px;
}
.holiday-extras ul > li.item span.price {
  float: right;
  font-size: 24px;
  line-height: 20px;
  font-weight: bold;
}
.holiday-extras ul > li.item span.price .currency {
  font-size: 15px;
  font-family: 'Arial';
  padding-left: 2px;
}
.holiday-extras ul > li.item span.price small {
  font-size: 12px;
}
.holiday-extras ul > li > ul > li {
  text-align: left;
  line-height: 20px;
  font-size: 12px;
  padding-left: 18px;
}
.holiday-extras ul > li > ul > li.included {
  background: url(../../../img/Base/ico/servicepakket_vinkje.png) no-repeat 0 5px;
}
.holiday-extras ul > li > ul > li.not-included {
  color: #ccc;
  text-decoration: line-through;
  background: url(../img/base/ico/servicepakket_kruisje.png) no-repeat 0 5px;
}
.holiday-extras ul ul {
  margin: 0px;
}
.holiday-extras label.noLabel {
  font-weight: normal;
  font-size: 12px;
}
.holiday-extras label.initialLabel {
  width: auto;
  margin-right: 5px;
}
.holiday-extras ul {
  width: 100%;
  margin-top: 5px;
  float: left;
}
.holiday-extras ul > li.item {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  display: block;
  width: 277px;
  min-height: 91px;
  padding: 10px;
  position: relative;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  text-decoration: none;
  font-size: 12px;
  line-height: 12px;
  border: 2px solid #bce2fc;
  background-color: #fff;
  color: #000;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.holiday-extras ul img {
  height: 50px;
  float: left;
}
.holiday-extras ul > li.item:hover,
.holiday-extras ul > li.active {
  border-color: #069a06;
  cursor: pointer;
}
.holiday-extras ul > li.item.active {
  border-color: #069a06;
}
.holiday-extras ul > li.item:nth-child(even) {
  margin-right: 0;
}
.holiday-extras ul > li.item.active .price {
  color: #069a06;
}
.holiday-extras ul li.item .type {
  float: left;
  width: auto !important;
  cursor: pointer;
  font-size: 14px;
  padding-bottom: 5px;
}
.holiday-extras ul > li.item span.price {
  float: right;
  font-size: 24px;
  line-height: 20px;
  font-weight: bold;
}
.holiday-extras ul > li.item span.price .currency {
  font-size: 15px;
  font-family: 'Arial';
  padding-left: 2px;
}
.holiday-extras ul > li.item span.price small {
  font-size: 12px;
}
.holiday-extras ul > li > ul > li {
  text-align: left;
  line-height: 20px;
  font-size: 12px;
  padding-left: 18px;
}
.holiday-extras ul > li > ul > li.included {
  background: url(../../../img/Base/ico/servicepakket_vinkje.png) no-repeat 0 5px;
}
.holiday-extras ul > li > ul > li.not-included {
  color: #ccc;
  text-decoration: line-through;
  background: url(../img/base/ico/servicepakket_kruisje.png) no-repeat 0 5px;
}
.holiday-extras ul ul {
  margin: 0px;
}
/* END HolidayExtas */
/* Parcompare */
#parcompare .fwsb {
  font-weight: 600;
  margin: 15px 0 0 0;
}
#parcompare .fwsb.infob {
  width: auto;
  margin-right: 10px;
}
#parcompare .fwsb.infob + a > div.infoBalloon {
  top: 20px;
}
#parcompare label.initialLabel {
  clear: none;
  width: auto;
  margin-right: 5px;
  cursor: pointer;
  font-weight: 500;
}
#parcompare label.noLabel {
  font-weight: normal;
  font-size: 12px;
}
#parcompare .fieldMessageBox *:not(a) {
  width: auto !important;
  height: auto !important;
  font-size: 12px !important;
  line-height: 16px !important;
}
#parcompare ul {
  width: 100%;
  margin-top: 5px;
  float: left;
}
#parcompare ul > li.item {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: block;
  width: calc(50% - 5px);
  min-height: 190px;
  padding: 10px;
  position: relative;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  text-decoration: none;
  font-size: 12px;
  line-height: 12px;
  border: 2px solid #bce2fc;
  background-color: #fff;
  color: #333;
  transition: border 0.3s ease;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#parcompare ul img {
  height: 50px;
  float: left;
}
#parcompare ul > li.item:hover {
  border-color: #069a06;
  cursor: pointer;
}
#parcompare ul > li.item.active {
  border-color: #069a06;
}
#parcompare ul > li.item:nth-child(even) {
  margin-right: 0;
}
#parcompare ul > li.item.active .price {
  color: #069a06;
}
#parcompare ul li.item .type {
  float: left;
  width: auto !important;
  cursor: pointer;
  font-size: 14px;
}
#parcompare ul > li.item span.price {
  float: right;
  font-size: 24px;
  line-height: 20px;
  font-weight: bold;
}
#parcompare ul > li.item span.price .currency {
  font-size: 15px;
  font-family: 'Arial';
  padding-left: 2px;
}
#parcompare ul > li.item span.price small {
  font-size: 12px;
}
#parcompare ul > li > ul > li {
  text-align: left;
  line-height: 20px;
  font-size: 14px;
  padding-left: 25px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#parcompare ul > li > ul > li.included {
  background: url(../img/base/ico/vinkje.svg) no-repeat 3px 3px;
  background-size: 15px 15px;
}
#parcompare ul > li > ul > li.not-included {
  color: #ccc;
  text-decoration: line-through;
  position: relative;
}
#parcompare ul > li > ul > li.not-included::before {
  content: '×';
  color: #fff;
  font-family: 'Open Sans';
  font-size: 16px;
  line-height: 16px;
  text-align: center;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 3px;
  font-size: 24px;
  color: #ccc;
  width: 22px;
}
#parcompare ul ul {
  margin: 20px 0 0 0;
}
#parcompare > div:nth-of-type(2) {
  margin-top: 15px;
  margin-bottom: 10px;
}
#parcompare ul.ulIns {
  margin-top: 0px;
  margin-bottom: 15px;
}
body.book #parcompare ul.ulIns li input[type=radio] + label {
  max-width: 160px;
}
#parcompare .row.field.child {
  margin-left: 30px;
  width: calc(100% - 30px);;
}
#parcompare .row.field.child label {
  width: auto;
  margin-right: 10px;
}
#parcompare .row.field.child input[type="text"] {
  width: 150px;
}
/* END Parcompare */
/* SERVICE PAKKET */
ul#servicepackages {
  width: 100%;
  margin-top: 5px;
  float: left;
}
ul#servicepackages > li {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: block;
  width: calc(50% - 5px);
  min-height: 170px;
  padding: 10px;
  position: relative;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  text-decoration: none;
  font-size: 11px;
  text-align: center;
  line-height: 12px;
  border: 1px solid #bce2fc;
  background-color: #fff;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  transition: border 0.3s ease;
  color: #000;
}
ul#servicepackages > li:hover {
  border-color: #069a06;
  cursor: pointer;
}
ul#servicepackages > li.active {
  border-color: #069a06;
}
ul#servicepackages > li.active .price {
  color: #069a06;
}
ul#servicepackages > li:nth-child(even) {
  margin-right: 0;
}
ul#servicepackages > li label {
  float: left;
  width: auto;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
}
ul#servicepackages > li span.price {
  float: right;
  font-size: 24px;
  line-height: 20px;
  font-weight: bold;
}
ul#servicepackages > li span.price .currency {
  font-size: 15px;
  font-family: 'Arial';
  padding-left: 2px;
}
ul#servicepackages > li > ul {
  float: left;
  width: 100%;
  clear: both;
}
ul#servicepackages > li > ul > li {
  /*
                    text-align:left;
                    line-height:24px;
                    font-size:14px;
                    padding-left:30px;
					*/
}
ul#servicepackages > li > ul > li.not-included img {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  /*-ms-filter:           @string;*/
  /*-o-filter:            @string;*/
  filter: grayscale(100%);
}
ul#servicepackages > li > ul > li img {
  vertical-align: middle;
}
ul#servicepackages > li .active-note {
  float: left;
  width: 100%;
  clear: both;
  margin-top: 10px;
  text-align: left;
  font-size: 14px;
  line-height: 24px;
  padding-left: 18px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
ul#servicepackages > li#ContentPlaceHolderContent_liSPnone .active-note {
  display: none;
}
ul#servicepackages > li#ContentPlaceHolderContent_liSPnone.active .active-note {
  display: block;
}
ul#servicepackages > li#ContentPlaceHolderContent_liSPnone.active ul {
  display: none;
}
div.servicepackage {
  position: relative;
}
div.servicepackage a.sp-faq-link {
  position: absolute;
  top: 23px;
  right: 15px;
}
body.book .step-content .extras .short.none label,
#servicepackages label {
  float: none;
  font-weight: normal;
  clear: none;
  width: 100%;
}
/* SERVICE PAKKET */
/* HolidayTaxis*/
#holidayTaxis {
  float: left;
  cursor: auto;
}
#holidayTaxis label.initialLabel {
  clear: none;
  width: auto;
  margin-right: 5px;
  cursor: pointer;
}
#holidayTaxis .NoneTransferRadioButton {
  display: none;
}
#holidayTaxis .transfer-container {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  width: 100%;
  padding: 10px;
  float: left;
  margin-top: 10px;
  cursor: pointer;
  transition: border 0.3s ease;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background: #fff;
  border: 2px solid #bce2fc;
}
#holidayTaxis .transfer-container #ContentPlaceHolderContent_cntHolidayTaxisTransfer_lblCheckBoxLabel {
  display: none;
}
#holidayTaxis .transfer-container .row.field {
  float: left;
  width: 25px;
  margin: 0 5px 0 0;
}
#holidayTaxis .transfer-container .title {
  float: left;
  font-size: 15px;
  font-weight: 600;
  width: 160px;
  margin-right: 10px;
}
#holidayTaxis .transfer-container div.transfer-info {
  margin-left: 200px;
}
#holidayTaxis .transfer-container div.transfer-info div.max-luggage::before {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 14px;
  height: 14px;
  content: ' ';
  display: inline-block;
  background-image: url(../img/base/ico/Autohuur_aantal_koffers.svg);
}
#holidayTaxis .transfer-container div.transfer-info div.transfer-time::before {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 14px;
  height: 14px;
  content: ' ';
  display: inline-block;
  background-image: url(../img/base/ico/Transfertijd.svg);
}
#holidayTaxis .transfer-container div.transfer-info div.transfer-time {
  margin-top: 20px;
}
#holidayTaxis .transfer-container div.transfer-info div.max-luggage,
#holidayTaxis .transfer-container div.transfer-info div.transfer-time {
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 5px;
}
#holidayTaxis .transfer-container .title p {
  margin-bottom: 0;
}
#holidayTaxis .transfer-container .type {
  float: left;
  clear: left;
  font-size: 14px;
  font-weight: normal;
  margin: 5px 0;
}
#holidayTaxis .transfer-container .subtitle {
  float: left;
  clear: left;
  font-size: 10px;
  font-weight: normal;
}
#holidayTaxis .transfer-container .price {
  float: right;
  font-size: 24px;
  font-weight: bold;
}
#holidayTaxis .transfer-container .promo-text {
  font-size: 18px;
  color: #069a06;
  font-weight: bold;
  font-style: italic;
  text-align: left;
  width: 100%;
}
#holidayTaxis .transfer-container .price span.currency {
  font-size: 15px;
  font-family: arial;
}
#holidayTaxis .transfer-container .price small {
  font-size: 12px;
}
#holidayTaxis .transfer-container .type-image {
  float: left;
  width: 100px;
  height: 50px;
  margin: 15px 10px 0px 25px;
  clear: right;
  position: absolute;
  left: 15px;
  bottom: 10px;
}
#holidayTaxis .transfer-container .type-image img {
  width: 100%;
  height: auto;
}
#holidayTaxis .transfer-container.active {
  cursor: pointer;
  pointer-events: none;
}
#holidayTaxis .transfer-container.active,
#holidayTaxis .transfer-container:hover {
  border-color: #069a06;
}
#holidayTaxis .transfer-container.active .price {
  color: #069a06;
}
@media (max-width: 767px) {
  #holidayTaxis label.initialLabel {
    width: 230px;
  }
  .transfer-container .title {
    margin-left: 10px;
    width: 140px;
    font-size: 13px;
    line-height: 28px;
  }
  .transfer-container .subtitle {
    line-height: 12px;
  }
  .transfer-container .type-image {
    width: 60%;
    margin: 10px 20% 0;
  }
  .transfer-container .price {
    font-size: 22px;
    line-height: 22px;
  }
  #holidayTaxis .transfer-container .title {
    width: 140px;
  }
  #holidayTaxis .transfer-container .title p:not(.subtitle) {
    width: 100%;
  }
}
@media (max-width: 979px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-device-width: 1366px) and (min-device-width: 1024px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-device-width: 1024px) and (min-device-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 1) and (max-device-width: 1024px) and (min-device-width: 768px) {
  .transfer-container .title {
    margin-left: 10px;
  }
}
#ContentPlaceHolderContent_cntHolidayTaxisTransfer_updHolidayTaxisParking {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
/* END HolidayTaxis*/
/* Transfer & Rental */
#transferRental {
  float: left;
  margin-bottom: 0;
  padding-bottom: 0;
  /*> div:nth-of-type(2) {
        margin-bottom: 20px;
    }*/
}
#transferRental ul.transferRentalOptions > li.item {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: block;
  margin-right: 10px;
  min-height: 172px;
  padding: 10px;
  position: relative;
  float: left;
  margin-bottom: 10px;
  text-decoration: none;
  font-size: 12px;
  line-height: 12px;
  border: 2px solid #bce2fc;
  background-color: #fff;
  color: #333;
  transition: border 0.3s ease;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#transferRental ul.transferRentalOptions > li.item.Block2 {
  width: calc(50% - 5px);
}
#transferRental ul.transferRentalOptions > li.item.Block3 {
  width: calc(33% - 5px);
}
#transferRental ul > li.item:hover {
  border-color: #069a06;
  cursor: pointer;
}
#transferRental ul > li.item.active {
  border-color: #069a06;
}
#transferRental ul > li.item:last-child {
  margin-right: 0;
}
#transferRental ul > li.item .priceHolder {
  border-top: 1px solid #bce2fc;
  margin-top: 10px;
  padding-top: 10px;
  position: absolute;
  bottom: 0;
  padding-bottom: 10px;
  width: calc(100% - 20px);
}
#transferRental ul > li.item.active .price {
  color: #069a06;
}
#transferRental ul > li.item .price {
  font-size: 24px;
  font-weight: bold;
  float: right;
}
#transferRental ul > li.item .price span.currency {
  font-size: 15px;
  font-family: arial;
}
#transferRental ul > li.item .price small {
  font-size: 12px;
}
#transferRental ul li.item label {
  width: auto !important;
  font-size: 15px;
  font-weight: 600;
  clear: none;
}
#transferRental ul li.item .type {
  float: left;
  width: auto !important;
  cursor: pointer;
  font-size: 14px;
}
#transferRental ul > li.item span.price {
  float: right;
  font-size: 24px;
  line-height: 20px;
  font-weight: bold;
}
#transferRental ul > li.item span.price .currency {
  font-size: 15px;
  font-family: 'Arial';
  padding-left: 2px;
}
#transferRental ul > li.item span.price small {
  font-size: 12px;
}
#transferRental ul > li > ul > li {
  text-align: left;
  line-height: 20px;
  font-size: 14px;
  padding-left: 25px;
}
#transferRental ul > li.item .additional {
  font-size: 14px;
  color: #ff0000;
  font-weight: bold;
  font-style: italic;
  text-align: center;
  width: 100%;
}
#transferRental ul > li > ul > li.included {
  background: url(../img/base/ico/vinkje.svg) no-repeat 3px 3px;
  background-size: 15px 15px;
}
#transferRental ul > li > ul > li.not-included {
  color: #ccc;
  text-decoration: line-through;
  position: relative;
}
#transferRental ul > li > ul > li.not-included::before {
  content: '×';
  color: #fff;
  font-family: 'Open Sans';
  font-size: 16px;
  line-height: 16px;
  text-align: center;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 3px;
  font-size: 24px;
  color: #ccc;
  width: 22px;
}
#transferRental ul ul {
  margin: 10px 0 0 0;
}
#transferRental ul.ulIns {
  margin-top: 10px;
  margin-bottom: 15px;
}
#transferRental .type-image {
  width: 100px;
  margin: 30px auto 10px;
}
#transferRental .type-image img {
  width: 100%;
  height: auto;
  max-height: 70px;
}
@media (max-width: 767px) {
  #transferRental ul > li.item {
    width: 100% !important;
  }
}
/* END Transfer & Rental */
/* SunnyCars */
#sunnycars .NoneRental {
  display: none;
}
#sunnycars ul > li.item {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: block;
  width: 100%;
  min-height: 91px;
  padding: 10px;
  position: relative;
  float: left;
  margin-bottom: 10px;
  text-decoration: none;
  border: 2px solid #bce2fc;
  background-color: #fff;
  color: #333;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#sunnycars ul > li.item:hover {
  border-color: #069a06;
  cursor: pointer;
}
#sunnycars ul > li.item.active {
  border-color: #069a06;
}
#sunnycars ul > li.item:nth-child(even) {
  margin-right: 0;
}
#sunnycars ul > li.item.active .price {
  color: #069a06;
}
#sunnycars ul li.item label.initialLabel {
  font-weight: 600;
  width: auto;
  margin-right: 10px;
}
#sunnycars ul li.item .carName {
  float: left;
  line-height: 20px;
}
#sunnycars ul li.item .type {
  float: left;
  width: auto !important;
  cursor: pointer;
  font-size: 14px;
}
#sunnycars ul li.item .carImage {
  float: left;
  clear: left;
  margin: 10px 15px 0 15px;
  width: 150px;
}
#sunnycars ul li.item .carInfo {
  float: left;
  margin: 10px 0 0 0;
  width: calc(100% - 180px);
}
#sunnycars ul li.item .carUsps {
  float: left;
  margin: 10px 0 0 0;
  width: calc(100% - 180px);
}
#sunnycars ul li.item .carUsps ul.usps_active {
  float: left;
  clear: both;
}
#sunnycars ul li.item .carUsps a {
  float: left;
  clear: both;
  margin-top: 10px;
}
#sunnycars ul > li.item .priceHolder {
  border-top: 1px solid #bce2fc;
  margin-top: 10px;
  padding-top: 10px;
  float: left;
  width: 100%;
}
#sunnycars ul > li.item .priceHolder span {
  font-weight: 600;
}
#sunnycars ul > li.item .price {
  float: right;
  font-size: 24px;
  line-height: 20px;
  font-weight: bold;
}
#sunnycars ul > li.item .price .currency {
  font-size: 15px;
  font-family: 'Arial';
  padding-left: 2px;
}
#sunnycars ul > li.item .price small {
  font-size: 12px;
}
#sunnycars ul > li > ul > li {
  text-align: left;
  line-height: 20px;
  font-size: 14px;
  padding-left: 25px;
}
#sunnycars ul > li > ul > li.included {
  background: url(../img/base/ico/vinkje.svg) no-repeat 3px 3px;
  background-size: 15px 15px;
}
#sunnycars ul > li > ul > li.not-included {
  color: #ccc;
  text-decoration: line-through;
  position: relative;
}
#sunnycars ul > li > ul > li.not-included::before {
  content: '×';
  color: #fff;
  font-family: 'Open Sans';
  font-size: 16px;
  line-height: 16px;
  text-align: center;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 3px;
  font-size: 24px;
  color: #ccc;
  width: 22px;
}
#sunnycars ul ul {
  margin: 0;
}
#sunnycars > div:nth-of-type(2) {
  margin-bottom: 20px;
}
#sunnycars ul.ulIns {
  margin-top: 10px;
  margin-bottom: 15px;
}
#sunnycars ul.general_usps li {
  float: left;
  width: calc(50% - 30px);
  background: url(../img/base/ico/vinkje.svg) no-repeat 3px 6px;
  background-size: 15px 15px;
  line-height: 24px;
  padding-left: 30px;
}
#sunnycars .price {
  float: right;
  font-size: 23px;
}
#sunnycars ul.usps_active li {
  background: url(../img/base/ico/vinkje.svg) no-repeat 3px 6px;
  background-size: 15px 15px;
  line-height: 24px;
  padding-left: 30px;
}
#sunnycars .icon {
  float: left;
  line-height: 30px;
  padding-left: 20px;
  padding-right: 5px;
}
#sunnycars .icon.persons {
  background: url(../img/base/ico/person.svg) no-repeat 3px 6px;
  background-size: 15px 15px;
}
#sunnycars .icon.doors {
  background: url(../img/base/ico/door.svg) no-repeat 3px 6px;
  background-size: 15px 15px;
}
#sunnycars .icon.luggage {
  background: url(../img/base/ico/luggage.svg) no-repeat 3px 6px;
  background-size: 15px 15px;
}
@media (max-width: 767px) {
  #sunnycars ul li.item label.initialLabel {
    clear: none;
  }
  #sunnycars ul li.item .carName {
    clear: both;
    margin-left: 30px;
  }
  #sunnycars ul li.item .carImage {
    float: right;
  }
}
/* END sunnycars */
body.complete .content-box .content .description,
body.dossier .content-box .content .description {
  width: 100%;
}
body.complete .content-box .content .description .reservationNumber,
body.dossier .content-box .content .description .reservationNumber {
  width: 100%;
  font-size: 18px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-position-y: -50px !important;
  white-space: nowrap;
  color: #0092f2;
}
body.book .step-content .link-change-data {
  margin-top: 10px;
}
/* form */
body.book div #HomeNumberContainer {
  float: left;
}
body.book div #HomeNumberContainer label {
  width: 63px;
  margin-left: 35px;
}
/* If error display warning sign, else don't */
body.book div[id*="fieldZipcode"] div.wrong-postalcode-errortext {
  display: none;
  clear: both;
  margin-left: 170px;
  padding-top: 10px;
}
body.book div[id*="fieldZipcode"].wrong-postalcode {
  background-color: #D90000;
}
body.book div[id*="fieldZipcode"].wrong-postalcode div.wrong-postalcode-errortext {
  display: inherit;
}
#addressPretty .addresspretty-textpanel {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 10px;
  width: 278px;
  float: left;
  clear: right;
  margin-right: 5px;
  background-color: #EFF8FE;
}
#streetTextField,
#locationTextField {
  animation: quick-highlight 2.5s;
}
@keyframes quick-highlight {
  0% {
    background-color: transparent;
  }
  50% {
    background-color: #c6e7ff;
  }
  100% {
    background-color: transparent;
  }
}
body.book select {
  padding-bottom: 0;
  padding-top: 0;
}
body.book input[type="text"] {
  -webkit-appearance: none;
}
body.book input[type="text"]:not(.search) {
  width: 278px;
}
body.book input[type="text"].postalcode {
  width: 100px;
}
body.book input[type="text"].homenumber {
  width: 75px;
}
body.book input[type="text"].homenumber.loading {
  background: #fff url(../img/base/ico/ajax-loader.gif) no-repeat 49px center;
}
body.book input[readonly],
body.book input[disabled],
body.book input[contenteditable="false"] {
  cursor: not-allowed !important;
  background-color: #AFAFAF !important;
  color: white !important;
}
body.book select:not(.paymentSubOptions) {
  width: 290px;
  background-position: 267px 2px;
}
body.book .form-error input,
body.book .form-error select {
  border-color: #c00;
}
body.book input .txtinfix {
  width: 100px;
}
.travelers .dashed-box .row.field,
.extras .dashed-box .row.field {
  position: relative;
  width: 100%;
  margin-bottom: 6px;
  min-height: 21px;
}
.ulInsHolder .ulIns {
  margin: 10px 0px 5px 20px;
}
.ulIns {
  width: 100%;
}
.ulIns li {
  width: 100%;
  margin-bottom: 10px;
}
.ulIns li .fn input {
  /*float:none !important;*/
}
body.book .step-content .extras .fn input {
  /*float:none !important;*/
  float: left !important;
}
body.book .step-content .extras .fn label,
body.dossier .step-content .extras .fn label {
  clear: none;
  width: auto !important;
}
body.book .step-content .extras .fn label span {
  display: inline-block;
}
/* form */
.payment-options h4 {
  font-size: 19px;
  color: #bf0000;
  margin-bottom: 10px;
}
.payment-options input {
  clear: left;
}
.payment-options input,
.payment-options label {
  float: left;
  line-height: 36px;
  height: 36px;
  vertical-align: middle;
  margin-right: 5px;
}
.payment-options label {
  cursor: pointer;
}
.payment-options .depositOptions li {
  display: block;
  height: 16px;
  line-height: 16px;
  width: 100%;
  clear: both;
}
.payment-options .depositOptions li label,
.payment-options .depositOptions li input {
  line-height: 30px;
  height: 30px;
}
.payment-options .depositOptions li:first-child label {
  float: none;
  display: block;
}
.payment-options .depositOptions li:first-child {
  display: block;
  line-height: 16px;
  height: 50px;
}
.payment-options .depositOptions li:first-child label,
.payment-options .depositOptions li:first-child input {
  height: 50px;
  line-height: 16px;
}
ul.terms li small,
.payment-options small {
  font-size: 100%;
}
ul.terms li strong {
  white-space: nowrap;
}
ul.terms {
  width: 100%;
  float: left;
  margin-top: 10px;
}
ul.terms > li {
  margin-bottom: 10px;
  float: left;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 30px;
  /*background:url(../../img/Base/ico/vinkje.png) no-repeat left top;*/
}
ul.terms li span.vink.right {
  margin: 0 0 0 -30px;
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
  margin-top: 3px;
}
ul.terms .packageTextOrigin li {
  float: none;
  margin: 0;
  padding: 0;
  background: none;
}
.terms-accept-link {
  width: 100%;
}
.terms-accept-link input {
  margin-right: 5px;
}
body.book .dashed-box,
body.complete .dashed-box,
body.dossier .dashed-box {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
body.book .dashed-box.red,
body.complete .dashed-box.red,
body.dossier .dashed-box.red {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
.complete #receipt .pricelabel {
  display: none;
}
body.book .content-box .col4 .row,
body.complete .content-box .col4 .row {
  padding-right: 20px;
  padding-bottom: 10px;
  position: relative;
}
body.book .content-box .col4 .row a.popupshow,
body.complete .content-box .col4 .row a.popupshow {
  position: absolute;
  top: 0;
  right: 20px;
}
body.book .content-box .col4 .row > label,
body.book .content-box .col4 .row > span.field,
body.complete .content-box .col4 .row > label,
body.complete .content-box .col4 .row > span.field {
  width: 100%;
}
body.book .extras .row.field input[type=checkbox],
body.complete .extras .row.field input[type=checkbox],
body.book .ulInsHolder li input[type=checkbox],
body.book #servicepackages li input[type=checkbox],
body.book .travelers .row.field input[type=checkbox],
body.book .payment-options .paymentSelection li input[type=checkbox],
body.book .payment-options .depositOptions li input[type=checkbox],
body.book #parcompare ul.ulIns li input[type=checkbox],
body.book .extras .row.field input[type=radio],
body.complete .extras .row.field input[type=radio],
body.book .ulInsHolder li input[type=radio],
body.book #servicepackages li input[type=radio],
body.book .travelers .row.field input[type=radio],
body.book .payment-options .paymentSelection li input[type=radio],
body.book .payment-options .depositOptions li input[type=radio],
body.book #parcompare ul.ulIns li input[type=radio] {
  position: absolute;
  z-index: -1000;
  left: -1000px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
body.book .extras .row.field input[type=checkbox] + label,
body.complete .extras .row.field input[type=checkbox] + label,
body.book .ulInsHolder li input[type=checkbox] + label,
body.book #servicepackages li input[type=checkbox] + label,
body.book .travelers .row.field input[type=checkbox] + label,
body.book .payment-options .paymentSelection li input[type=checkbox] + label,
body.book .payment-options .depositOptions li input[type=checkbox] + label,
body.book #parcompare ul.ulIns li input[type=checkbox] + label,
body.book .extras .row.field input[type=radio] + label,
body.complete .extras .row.field input[type=radio] + label,
body.book .ulInsHolder li input[type=radio] + label,
body.book #servicepackages li input[type=radio] + label,
body.book .travelers .row.field input[type=radio] + label,
body.book .payment-options .paymentSelection li input[type=radio] + label,
body.book .payment-options .depositOptions li input[type=radio] + label,
body.book #parcompare ul.ulIns li input[type=radio] + label,
body.book .extras .row.field span.aspNetDisabled + label.initialLabel,
body.complete .extras .row.field span.aspNetDisabled + label.initialLabel,
body.book .ulInsHolder li span.aspNetDisabled + label.initialLabel,
body.book #servicepackages li span.aspNetDisabled + label.initialLabel,
body.book .travelers .row.field span.aspNetDisabled + label.initialLabel,
body.book .payment-options .paymentSelection li span.aspNetDisabled + label.initialLabel,
body.book .payment-options .depositOptions li span.aspNetDisabled + label.initialLabel,
body.book #parcompare ul.ulIns li span.aspNetDisabled + label.initialLabel {
  padding-left: 30px;
  height: 20px;
  min-height: 20px;
  line-height: 20px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0 0;
  vertical-align: middle;
  cursor: pointer;
}
body.book .extras .row.field input[type=checkbox] + label:hover,
body.complete .extras .row.field input[type=checkbox] + label:hover,
body.book .ulInsHolder li input[type=checkbox] + label:hover,
body.book #servicepackages li input[type=checkbox] + label:hover,
body.book .travelers .row.field input[type=checkbox] + label:hover,
body.book .payment-options .paymentSelection li input[type=checkbox] + label:hover,
body.book .payment-options .depositOptions li input[type=checkbox] + label:hover,
body.book #parcompare ul.ulIns li input[type=checkbox] + label:hover,
body.book .extras .row.field input[type=radio] + label:hover,
body.complete .extras .row.field input[type=radio] + label:hover,
body.book .ulInsHolder li input[type=radio] + label:hover,
body.book #servicepackages li input[type=radio] + label:hover,
body.book .travelers .row.field input[type=radio] + label:hover,
body.book .payment-options .paymentSelection li input[type=radio] + label:hover,
body.book .payment-options .depositOptions li input[type=radio] + label:hover,
body.book #parcompare ul.ulIns li input[type=radio] + label:hover,
body.book .extras .row.field span.aspNetDisabled + label.initialLabel:hover,
body.complete .extras .row.field span.aspNetDisabled + label.initialLabel:hover,
body.book .ulInsHolder li span.aspNetDisabled + label.initialLabel:hover,
body.book #servicepackages li span.aspNetDisabled + label.initialLabel:hover,
body.book .travelers .row.field span.aspNetDisabled + label.initialLabel:hover,
body.book .payment-options .paymentSelection li span.aspNetDisabled + label.initialLabel:hover,
body.book .payment-options .depositOptions li span.aspNetDisabled + label.initialLabel:hover,
body.book #parcompare ul.ulIns li span.aspNetDisabled + label.initialLabel:hover {
  font-weight: 600;
  background-position: 0 -40px;
}
body.book .extras .row.field span.aspNetDisabled + label.initialLabel,
body.complete .extras .row.field span.aspNetDisabled + label.initialLabel,
body.book .ulInsHolder li span.aspNetDisabled + label.initialLabel,
body.book #servicepackages li span.aspNetDisabled + label.initialLabel,
body.book .travelers .row.field span.aspNetDisabled + label.initialLabel,
body.book .payment-options .paymentSelection li span.aspNetDisabled + label.initialLabel,
body.book .payment-options .depositOptions li span.aspNetDisabled + label.initialLabel,
body.book #parcompare ul.ulIns li span.aspNetDisabled + label.initialLabel {
  background: url(../img/base/elements/pc/Prijsvrij_Selectieicon_grijs.png) no-repeat transparent 0 0;
  background-size: 20px 20px;
  color: #ccc;
  cursor: default;
}
body.book .extras .row.field span.aspNetDisabled + label.initialLabel:hover,
body.complete .extras .row.field span.aspNetDisabled + label.initialLabel:hover,
body.book .ulInsHolder li span.aspNetDisabled + label.initialLabel:hover,
body.book #servicepackages li span.aspNetDisabled + label.initialLabel:hover,
body.book .travelers .row.field span.aspNetDisabled + label.initialLabel:hover,
body.book .payment-options .paymentSelection li span.aspNetDisabled + label.initialLabel:hover,
body.book .payment-options .depositOptions li span.aspNetDisabled + label.initialLabel:hover,
body.book #parcompare ul.ulIns li span.aspNetDisabled + label.initialLabel:hover {
  cursor: default !important;
  font-weight: 500 !important;
  background-position: 0 0 !important;
}
body.book .extras .row.field input[type=checkbox] + label,
body.complete .extras .row.field input[type=checkbox] + label,
body.book .ulInsHolder li input[type=checkbox] + label,
body.book #servicepackages li input[type=checkbox] + label,
body.book .travelers .row.field input[type=checkbox] + label,
body.book .payment-options .paymentSelection li input[type=checkbox] + label,
body.book .payment-options .depositOptions li input[type=checkbox] + label,
body.book #parcompare ul.ulIns li input[type=checkbox] + label {
  background-image: url(../img/Base/elements/pc/prijsvrij-checkbox.png);
}
body.book .extras .row.field input[type=checkbox]:checked + label,
body.complete .extras .row.field input[type=checkbox]:checked + label,
body.book .ulInsHolder li input[type=checkbox]:checked + label,
body.book #servicepackages li input[type=checkbox]:checked + label,
body.book .travelers .row.field input[type=checkbox]:checked + label,
body.book .payment-options .paymentSelection li input[type=checkbox]:checked + label,
body.book .payment-options .depositOptions li input[type=checkbox]:checked + label,
body.book #parcompare ul.ulIns li input[type=checkbox]:checked + label,
body.book .extras .row.field input[type=radio]:checked + label,
body.complete .extras .row.field input[type=radio]:checked + label,
body.book .ulInsHolder li input[type=radio]:checked + label,
body.book #servicepackages li input[type=radio]:checked + label,
body.book .travelers .row.field input[type=radio]:checked + label,
body.book .payment-options .paymentSelection li input[type=radio]:checked + label,
body.book .payment-options .depositOptions li input[type=radio]:checked + label,
body.book #parcompare ul.ulIns li input[type=radio]:checked + label {
  background-position: 0 -20px;
}
body.book .extras .row.field input[type=checkbox]:checked + label:hover,
body.complete .extras .row.field input[type=checkbox]:checked + label:hover,
body.book .ulInsHolder li input[type=checkbox]:checked + label:hover,
body.book #servicepackages li input[type=checkbox]:checked + label:hover,
body.book .travelers .row.field input[type=checkbox]:checked + label:hover,
body.book .payment-options .paymentSelection li input[type=checkbox]:checked + label:hover,
body.book .payment-options .depositOptions li input[type=checkbox]:checked + label:hover,
body.book #parcompare ul.ulIns li input[type=checkbox]:checked + label:hover,
body.book .extras .row.field input[type=radio]:checked + label:hover,
body.complete .extras .row.field input[type=radio]:checked + label:hover,
body.book .ulInsHolder li input[type=radio]:checked + label:hover,
body.book #servicepackages li input[type=radio]:checked + label:hover,
body.book .travelers .row.field input[type=radio]:checked + label:hover,
body.book .payment-options .paymentSelection li input[type=radio]:checked + label:hover,
body.book .payment-options .depositOptions li input[type=radio]:checked + label:hover,
body.book #parcompare ul.ulIns li input[type=radio]:checked + label:hover {
  font-weight: 600;
  background-position: 0 -60px;
}
body.book .extras .row.field input[type=checkbox].parent-marked + label,
body.complete .extras .row.field input[type=checkbox].parent-marked + label,
body.book .ulInsHolder li input[type=checkbox].parent-marked + label,
body.book #servicepackages li input[type=checkbox].parent-marked + label,
body.book .travelers .row.field input[type=checkbox].parent-marked + label,
body.book .payment-options .paymentSelection li input[type=checkbox].parent-marked + label,
body.book .payment-options .depositOptions li input[type=checkbox].parent-marked + label,
body.book #parcompare ul.ulIns li input[type=checkbox].parent-marked + label {
  background-position: 0 -20px;
}
body.book .extras .row.field input[type=checkbox].parent-marked + label:hover,
body.complete .extras .row.field input[type=checkbox].parent-marked + label:hover,
body.book .ulInsHolder li input[type=checkbox].parent-marked + label:hover,
body.book #servicepackages li input[type=checkbox].parent-marked + label:hover,
body.book .travelers .row.field input[type=checkbox].parent-marked + label:hover,
body.book .payment-options .paymentSelection li input[type=checkbox].parent-marked + label:hover,
body.book .payment-options .depositOptions li input[type=checkbox].parent-marked + label:hover,
body.book #parcompare ul.ulIns li input[type=checkbox].parent-marked + label:hover {
  font-weight: 600;
  background-position: 0 -60px;
}
body.book .extras .row.field input[type=radio] + label,
body.complete .extras .row.field input[type=radio] + label,
body.book .ulInsHolder li input[type=radio] + label,
body.book #servicepackages li input[type=radio] + label,
body.book .travelers .row.field input[type=radio] + label,
body.book .payment-options .paymentSelection li input[type=radio] + label,
body.book .payment-options .depositOptions li input[type=radio] + label,
body.book #parcompare ul.ulIns li input[type=radio] + label {
  background-image: url(../img/Base/elements/pc/prijsvrij-radio.png);
}
body.book .extras .row.field label,
body.complete .extras .row.field label,
body.book .ulInsHolder li label,
body.book #servicepackages li label,
body.book .travelers .row.field label,
body.book .payment-options .paymentSelection li label,
body.book .payment-options .depositOptions li label,
body.book #parcompare ul.ulIns li label {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
body.book #parcompare ul.ulIns li input[type=radio] + label {
  font-weight: 600;
  padding-left: 25px;
}
body.book ul.ulIns li label {
  font-weight: 500;
}
body.book ul.ulIns li label:hover {
  font-weight: 600 !important;
}
body.book .payment.fl.paymentSelection li {
  height: 40px;
}
body.book .payment.fl.paymentSelection li label {
  line-height: 32px !important;
}
@media (max-width: 979px) {
  body.complete .partner-box ul li {
    width: 100% !important;
    margin-right: 0 !important;
    margin-bottom: 10px;
  }
  body.book .payment.fl.paymentSelection li {
    height: 60px;
  }
  body.book .payment li select.paymentSubOptions {
    margin-left: 105px !important;
    margin-top: 5px !important;
  }
}
body.book .content-box > .content {
  padding-bottom: 30px;
}
body.book .content-box > .content .step-content .btn {
  margin-top: 20px;
}
body.book #ContentPlaceHolderContent_CustomerNAW_chkNewsletter + label {
  line-height: 22px;
  margin-top: 5px;
}
body.book .content-box .content .row.rooms h4,
body.book .content-box .content .row.transport h4,
body.complete .content-box .content .row.rooms h4,
body.complete .content-box .content .row.transport h4 {
  margin-top: 20px;
}
body.book .step-content .box:not(:last-child) {
  margin-bottom: 15px;
}
body.book .payment-options h4 .infoBalloon {
  margin-left: 10px;
}
@media (max-width: 767px) {
  body.complete .content-box .content .description .reservationNumber {
    white-space: normal;
  }
  #transport-overview .col4:not(:first-child) {
    margin-top: 20px;
  }
  .book .content-box .content .step-content .dashed-box {
    padding: 0;
  }
  .book ul.depositOptions > li:not(:last-child) {
    margin-bottom: 15px;
  }
}
body.book #receipt .image img {
  max-height: 206px;
}
ul#servicepackages > li > ul > li,
body.book #content .content-box ul.list > li {
  text-align: left;
  line-height: 24px;
  font-size: 14px;
  padding-left: 30px;
}
ul#servicepackages > li > ul > li.included,
body.book #content .content-box ul.list > li.included {
  background: url(../img/base/ico/vinkje.svg) no-repeat 3px 6px;
  background-size: 15px 15px;
}
ul#servicepackages > li > ul > li.not-included,
body.book #content .content-box ul.list > li.not-included {
  color: #ccc;
  text-decoration: line-through;
  position: relative;
}
ul#servicepackages > li > ul > li.not-included::before,
body.book #content .content-box ul.list > li.not-included::before {
  content: '×';
  color: #fff;
  font-family: 'Open Sans';
  font-size: 16px;
  line-height: 16px;
  text-align: center;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 3px;
  font-size: 24px;
  color: #ccc;
  width: 22px;
}
.book div#site:not(.mobile) .popUpBox .content-box {
  margin-top: 0 !important;
}
/*Book and complete page*/
/* Info Balloon */
.infoBalloon {
  height: 17px;
  width: 17px;
  display: inline-block;
  position: relative;
  cursor: help;
  z-index: 0;
  font-weight: 400;
}
.infoBalloon > span.hover {
  position: absolute;
  z-index: 9999;
  font-size: 10px;
  width: 250px;
  padding: 5px;
  line-height: 130%;
  display: none;
  left: 20px;
  top: -2px;
  color: #fff;
  border: 1px solid #0195f8;
  background: #6cc3fd;
}
.infoBalloon:hover > span.hover {
  display: block;
}
.infoBalloon.red {
  text-decoration: none !important;
  background: url(../img/base/ico/info_rood.png) no-repeat 0 0;
}
.infoBalloon.red > span.hover {
  background: #ff0000;
}
.InfoBalloonText {
  position: absolute;
  z-index: 9999;
  font-size: 10px;
  width: 250px;
  padding: 5px;
  line-height: 130%;
  color: #fff;
  border: 1px solid #0195f8;
  background: #6cc3fd;
}
.InfoBalloonText .corner {
  height: 10px;
  top: -1px;
  position: absolute;
  width: 11px;
  background: url("../Base/Icon/pointers.png") no-repeat scroll 0 0 transparent;
}
.InfoBalloonText .corner.left {
  background-position: 0 -11px;
  left: auto;
  right: -10px;
}
.InfoBalloonText .corner.right {
  background-position: 0 0px;
  left: -11px;
}
/* Info Balloon */
.overview .phone-filterbox input {
  margin-right: 5px;
}
.overview .phone-filterbox label {
  line-height: 14px;
  cursor: pointer;
}
.actionvationError p {
  margin: 3px 0;
}
.actionvationError .fixList li {
  margin-left: 5px;
}
/* HELP FAQ */
.help h1 {
  padding-left: 0;
  margin-bottom: 10px;
}
.help h2 {
  margin-bottom: 10px;
  color: #0092f2;
  font-family: Open Sans;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  text-rendering: optimizeLegibility;
  color: #004979;
}
.sitemap li.col,
.help li.col {
  width: 33%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 10px;
  float: left;
  line-height: 16px;
}
.help li.col:nth-child(3n) {
  padding-right: 0;
}
.help div.category li.col {
  width: 100%;
  padding-right: 0;
}
.help li.col {
  margin-bottom: 40px;
  min-height: 170px;
  position: relative;
}
.help li.col ul li {
  padding-left: 15px;
  position: relative;
}
.help li.col a {
  text-decoration: none;
  color: #004979;
  font-weight: normal;
}
.help li.col a:hover {
  text-decoration: underline;
}
.help li.col ul.question-overview li {
  background: none;
  padding-left: 15px;
}
.help li.col ul.question-overview li::before {
  color: #0092f2;
  top: 0;
}
.help div:not(.category) > .cols li.col ul li::before {
  background-color: #55b6f6;
  top: 0;
}
.help div:not(.category) > .cols li.col::before {
  content: none !important;
}
.help dl.cols dt a.anchor {
  display: block;
  position: relative;
  top: -50px;
  visibility: hidden;
}
.help.cat li.col > ul > li {
  background: none;
  padding-left: 0;
}
.help.cat li.col > ul > li:not(:first-child) {
  margin-top: 20px;
}
.help.cat li.col > ul > li > a {
  font-weight: bold;
  font-size: 16px;
  line-height: 16px;
  margin-bottom: 10px;
  display: block;
}
.help li.col a.more-links {
  margin-top: 5px;
  display: inline-block;
}
/*
.sitemap li.col:nth-child(4n),
.help li.col:nth-child(4n) {
	clear:right;
}
.sitemap li.col:nth-child(4n+5),
.help li.col:nth-child(4n+5) {
	clear:left;
}
*/
.help dl dt {
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  padding-bottom: 14px;
  padding-top: 22px;
}
.help dl dd {
  margin-bottom: 10px;
}
.help table {
  width: 100%;
}
.help .questionMenu {
  margin-bottom: 20px;
}
.help .questionMenu li {
  padding-left: 15px;
  margin-bottom: 5px;
  position: relative;
}
.help .questionMenu li::before {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  position: absolute;
  top: 5px;
  background-color: #55b6f6;
  left: 0;
}
.help .questionMenu li::before {
  background-color: #c00;
}
.help-search-box input:not(:last-child) {
  margin-right: 10px;
  width: 200px;
}
.help .help-search-box {
  margin: 0 0 20px 0;
  padding: 11px 10px 10px 10px;
  min-height: 32px;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #ecf7fe;
  background: -webkit-linear-gradient(top, #ecf7fe 0%, #d1ebfc 100%) #ecf7fe no-repeat;
  background: -moz-linear-gradient(top, #ecf7fe 0%, #d1ebfc 100%) #ecf7fe no-repeat;
  /*background:                  -o-linear-gradient(@origin, @stops) @start-color no-repeat;*/
  background: linear-gradient(to bottom, #ecf7fe 0%, #d1ebfc 100%) #ecf7fe no-repeat;
}
.help .help-search-box p {
  font-size: 16px;
  font-weight: bold;
  margin: 0;
  /* 6px 0 0 10px;*/
  line-height: 32px;
}
/*
    .help .help-search-box .btn-rood { width:120px; }
    .help .help-search-box input { width:150px; }
	*/
.help ul.questions {
  margin-top: 10px;
}
.help .questions ul {
  padding: 0 0 0 10px;
}
.help .questions li {
  margin-bottom: 5px;
  position: relative;
  padding-left: 15px;
}
.help .questions li::before {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #c00;
  position: absolute;
  left: 0;
  top: 6px;
}
.questionMenu a {
  font-weight: normal;
  color: #004979;
}
/* HELP FAQ */
.sitemap ul.cols li.col {
  width: 100%;
  padding-right: 0;
}
.sitemap ul.cols li.col dl {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.sitemap ul.cols li.col dl dt {
  flex-grow: 1;
  width: 100%;
}
.sitemap ul.cols li.col dl dd {
  width: calc(50% - 5px);
}
@media only screen and (max-width: 767px) {
  .sitemap ul.cols li.col dl dd {
    width: 100%;
  }
}
.box-text {
  padding: 30px 24px;
  margin: 0 0 10px 0;
  background-color: #fff;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  border: 2px solid #0092f2;
}
.box-text h1 {
  padding-left: 0;
  margin-bottom: 10px;
  margin-top: 0;
  font-size: 24px;
  line-height: 32px;
  color: #be0000;
}
.box-text > .box.content {
  padding: 0 !important;
}
.help .box-text {
  min-height: 400px;
  border: 1px solid #a5d7f8;
}
.form {
  margin: 10px 0 0 0;
}
.form li {
  margin: 0 0 3px 0;
}
.forgotPassword .form li input[type="text"] {
  width: 247px;
  margin-bottom: 10px;
}
.forgotPassword .form li label {
  width: 120px;
  float: left;
  margin-top: 4px;
}
.forgotPassword .form li .btn-rood {
  margin-left: 87px;
  display: inline-block;
}
/* Form Validatie */
.valSummary .valSummaryHead {
  width: 100%;
  margin-bottom: 10px;
  font-size: 15px;
}
.valSummaryHead .formErrorImg {
  margin: 0 10px 0 0;
}
.valSummary ul,
.formErrorBox ul {
  width: 100%;
  float: left;
}
.valSummary ul li {
  float: left;
  width: 95%;
  margin-bottom: 10px;
  margin-left: 15px;
  color: #000;
  list-style-type: none;
  list-style-image: url(../img/base/ico/ico-form-error-listitem.png);
  list-style-position: outside;
}
.formErrorBox ul li {
  float: left;
  width: 95%;
  margin-bottom: 10px;
  margin-left: 15px;
  color: #000;
  list-style-type: none;
  list-style-image: url(../img/base/ico/ico-form-error-listitem.png);
  list-style-position: outside;
}
.valSummary ul li:last-child,
.formErrorBox ul li:last-child {
  margin-bottom: 0;
}
.formErrorImg {
  display: block;
  height: 20px;
  width: 20px;
  margin: 2px 0 2px 10px;
  background: url(../img/Base/elements/pc/form_error.png) no-repeat left top;
}
.formValidator {
  position: relative;
  float: left;
}
.formErrorBox {
  position: absolute;
  height: auto;
  width: 300px;
  top: -10px;
  left: 40px;
  z-index: 30;
  color: #000 !important;
}
.facts .formErrorBox > ul {
  margin-left: 0 !important;
  padding-left: 0 !important;
}
.facts .formErrorBox > ul li {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.formErrorBox .errorTitle {
  float: none !important;
  clear: none !important;
  font-weight: bold;
}
ul.formError li {
  list-style: none;
  list-style-type: square;
  float: left;
  width: 100%;
  padding-left: 0;
}
.fieldMessageBox {
  position: absolute;
  float: left;
  display: inline;
  width: 200px;
  padding: 10px;
  margin-left: 10px;
  z-index: 99999;
  border: 1px solid #A4D8FB;
  background-color: #FEFBD4;
}
#trips .fieldMessageBox {
  top: -5px;
}
.fieldMessageBox .title {
  float: left;
  display: inline;
  clear: both;
  width: 100%;
  margin: 0 0 5px 0;
  padding: 0;
}
.fieldMessageBox .title span.title {
  width: 100%;
}
.fieldMessageBox .tooltipContent {
  float: left;
  display: inline;
  clear: both;
  width: 100%;
  margin: 0;
  padding: 0;
  border: none;
  min-height: 90px;
}
.fieldMessageBox .tooltipContent .highlight {
  color: #0195F8;
}
.fieldMessageBox .arrow {
  position: absolute;
  top: 5px;
  left: -8px;
  width: 8px;
  height: 15px;
  background: url(../img/Base/elements/pc/fieldMessageBox_arrow.png) no-repeat left top;
  border: none !important;
}
.fieldMessageBox .tooltipContent p {
  margin: 5px 0;
  width: 100%;
  float: left;
}
.fieldMessageBox .tooltipContent ul {
  margin: 10px 0;
  width: 100%;
  float: left;
}
.fieldMessageBox .tooltipContent ul li {
  list-style-type: square;
  list-style-position: outside;
  margin-left: 15px;
}
.fieldMessageBox .content ul li.none {
  list-style-image: none;
  margin-left: 0;
  padding-left: 0;
  width: 100%;
  background: none;
}
/* Form Validatie */
.popupshow.infoBalloon {
  margin-top: -4px;
}
.content-box.fl.cb .content .description .row .popupshow.infoBalloon {
  float: none !important;
  margin-left: 5px;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.popupOverLay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1002;
  background-color: rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(4px);
  animation: fadeIn ease 0.3s;
}
.popUpBox {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  position: fixed !important;
  left: calc(50% - 315px);
  top: max(calc(50% - 290px),20px);
  bottom: max(calc(50% - 290px),20px);
  margin-top: 0;
  overflow-y: auto;
  width: 630px;
  z-index: 1005;
}
.popUpBox .overlay {
  width: 100%;
  height: 100%;
  background: #d9d9d9;
  -webkit-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
  text-align: center;
  position: absolute;
}
.popUpBox .overlay .overlayContent {
  left: 50%;
  top: 50%;
  margin-left: -600px;
  position: relative;
  font-size: 28px;
}
#content-bottom .popUpBox .content-box {
  padding-top: 0px !important;
}
.popUpBox .content-box .content {
  padding: 19px 27px 25px 23px !important;
  overflow: hidden;
}
.popUpBox .content-box .content h3 {
  margin: 0 !important;
}
.popUpBox .content-box .content .row {
  margin: 0 0 3px 0;
}
.popUpBox .content-box .content .popupContent {
  max-height: 500px;
  overflow-y: auto;
  overflow-x: hidden;
}
.popUpBox .content-box .content .popupContent h4 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
  width: 100%;
}
.popUpBox .content-box .content .popupContent .priceBreakDown {
  position: relative;
  margin-bottom: 5px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px 10px 10px 10px;
}
.popUpBox .content-box .content .popupContent .priceBreakDown ul.pbd {
  width: 100% !important;
}
.popUpBox .content-box .content .popupContent .priceBreakDown ul.pbd li {
  width: 100% !important;
  float: left;
  clear: both;
}
.popUpBox .content-box .content .popupContent .priceBreakDown ul.pbd li span.field {
  width: auto !important;
}
.popUpBox .content-box .content .popupContent .priceBreakDown .total {
  height: 30px;
  width: 100%;
  font-family: Open Sans;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  text-rendering: optimizeLegibility;
}
.popUpBox .content-box .content .popupContent .priceBreakDown .total small {
  font-size: 100%;
}
.popUpBox .content-box .content .popupContent .priceBreakDown .total span {
  width: auto !important;
  font-family: Open Sans;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  text-rendering: optimizeLegibility;
}
.popUpBox .content-box .content .popupContent .priceBreakDown .total:not(.discount) {
  padding-top: 10px;
  border-top: 1px solid #80C8F8;
}
.popUpBox .content-box .content .popupContent .priceBreakDown .total.discount {
  margin: 10px -11px -11px -11px;
  padding: 11px;
  background-color: #0092F2;
  color: #FFF;
}
.popUpBox .content-box .content .popupContent .priceBreakDown .total.discount span {
  font-family: Open Sans;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  text-rendering: optimizeLegibility;
}
.popUpBox .content-box .content .popupContent .priceBreakDown .total.discount span small {
  font-size: 100%;
}
.popUpBox .content-box .content .popupContent .priceBreakDown p {
  float: none !important;
  width: 100% !important;
}
.popUpBox .content-box .content .popupFooter {
  margin-top: 17px;
}
.popUpBox .content-box .content .popupHeader {
  margin-bottom: 10px;
}
.popUpBox .content-box .content .popupHeader select {
  Width: 100px;
  background-position: 78px;
}
#receipt .popUpBox .content-box .content .popupContent ul {
  width: auto;
}
.popUp {
  float: right;
  width: 185px;
}
.popUpBox .waitBoxContainer {
  left: 50%;
  top: 50%;
  margin-left: -315px;
  margin-top: -250px;
  width: 630px;
  z-index: 1002;
}
#receipt .popUpBox .waitBoxContainer .wait-box {
  width: calc(100% - 4px) !important;
}
.popUpBox .content-box .content .popupFooter > div {
  margin-top: 15px;
}
.popupHeader {
  font-weight: bold;
  width: 100%;
  text-align: right;
}
.popupHeader .buttonList {
  float: right;
  width: auto !important;
  margin-left: 10px;
  margin-top: -7px;
}
.popupHeader .buttonList li {
  float: left;
}
.popupHeader .buttonList li a {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5f3fd+100 */
  background-color: #ffffff;
  background: -webkit-linear-gradient(top, #ffffff 0%, #e5f3fd 100%) #ffffff no-repeat;
  background: -moz-linear-gradient(top, #ffffff 0%, #e5f3fd 100%) #ffffff no-repeat;
  /*background:                  -o-linear-gradient(@origin, @stops) @start-color no-repeat;*/
  background: linear-gradient(to bottom, #ffffff 0%, #e5f3fd 100%) #ffffff no-repeat;
  border: 1px solid #74c7fe;
  padding: 6px 8px;
  color: #000;
  text-decoration: none;
  display: inline-block;
}
.popupHeader .buttonList li:not(.active) a:hover {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e5f3fd+0,ffffff+100 */
  background-color: #e5f3fd;
  background: -webkit-linear-gradient(top, #e5f3fd 0%, #ffffff 100%) #e5f3fd no-repeat;
  background: -moz-linear-gradient(top, #e5f3fd 0%, #ffffff 100%) #e5f3fd no-repeat;
  /*background:                  -o-linear-gradient(@origin, @stops) @start-color no-repeat;*/
  background: linear-gradient(to bottom, #e5f3fd 0%, #ffffff 100%) #e5f3fd no-repeat;
}
.popupHeader .buttonList li:not(:last-child) a {
  border-right: none;
}
.popupHeader .buttonList li:first-child a {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.popupHeader .buttonList li:last-child a {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.popupHeader .buttonList li.active a {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c8e8fd+0,67c1fd+100 */
  background-color: #c8e8fd;
  background: -webkit-linear-gradient(top, #c8e8fd 0%, #67c1fd 100%) #c8e8fd no-repeat;
  background: -moz-linear-gradient(top, #c8e8fd 0%, #67c1fd 100%) #c8e8fd no-repeat;
  /*background:                  -o-linear-gradient(@origin, @stops) @start-color no-repeat;*/
  background: linear-gradient(to bottom, #c8e8fd 0%, #67c1fd 100%) #c8e8fd no-repeat;
}
#content-bottom .content-box,
.book .content-box,
.complete .content-box,
body.dossier .content-box,
.popupContainer .content-box,
.fluid-full-popup .content-box {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  margin: 10px 0 0 0;
  width: 100%;
  border: 2px solid #0092f2;
  background-color: #fff;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}
.popupContainer .content-box .select-wrapper-2,
.popUpBox .content-box .select-wrapper-2 {
  border-right: none;
}
.popupContainer .content a.close {
  position: absolute;
  top: 24px;
  right: 30px;
}
.popupContainer .content label {
  float: left;
  width: 120px;
  font-weight: normal;
  margin: 10px 0px 4px 0px;
  font-size: 14px;
  clear: none;
}
.popupContainer .popUpBox .content-box .content select {
  padding-right: 0px;
}
.popupContainer .popUpBox .content-box .content .row {
  width: 100%;
  float: left;
}
.popupContainer .popUpBox .content-box .content .row:first-child {
  margin-bottom: 5px;
}
.popupContainer .popUpBox .content-box .content .row.buttonRow {
  margin-top: 10px;
}
.popupContainer.sizeSmall div.popUpBox {
  width: 400px;
  margin-left: -200px;
}
.popupContainer .MailThisTrip .form,
.popupContainer .MailAccommodation .form {
  margin: 0px;
}
.popupContainer .MailThisTrip label,
.popupContainer .MailAccommodation label {
  width: 100%;
  font-weight: bold;
}
.popupContainer .MailThisTrip input,
.popupContainer .MailAccommodation input {
  width: 100%;
}
.popupContainer .MailThisTrip textarea,
.popupContainer .MailAccommodation textarea {
  width: 100%;
}
.search-fluid-popup.departuredate {
  width: 430px !important;
}
.search-fluid-popup.departuredate select {
  width: 180px !important;
}
.search-fluid-popup.departuredate .ui-datepicker-header,
.fluid-full-popup.departuredate .ui-datepicker-header {
  padding: 0 3px;
}
.search-fluid-popup.departuredate .ui-datepicker-next,
.fluid-full-popup.departuredate .ui-datepicker-next,
.search-fluid-popup.departuredate .ui-datepicker-prev,
.fluid-full-popup.departuredate .ui-datepicker-prev {
  width: 32px;
  height: 32px;
  line-height: 32px;
  margin-top: 6px !important;
}
.search-fluid-popup.departuredate .ui-datepicker-next::before,
.fluid-full-popup.departuredate .ui-datepicker-next::before,
.search-fluid-popup.departuredate .ui-datepicker-prev::before,
.fluid-full-popup.departuredate .ui-datepicker-prev::before {
  width: 32px;
  height: 32px;
}
.viewOtherTextType {
  margin: 5px 0;
  display: block;
}
.packageTextOrigin {
  width: 100%;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 20px 0;
  line-height: 22px;
}
.packageTextOrigin h4 {
  font-size: 16px !important;
  font-family: Hermes Maia T4;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -0.02em;
  text-rendering: optimizeLegibility;
  margin-bottom: 2px !important;
}
.packageTextOrigin li {
  list-style: disc !important;
  margin-left: 20px;
  list-style-position: outside !important;
  text-align: justify;
}
.packageTextOrigin li:not(:last-child) {
  margin-bottom: 8px;
}
.row.popup-informationaccommodation.no-content + .row > .packageTextOrigin {
  margin-top: 0;
}
.callBackForm .close {
  top: 15px;
  right: 10px;
}
.callBackForm ul.form {
  padding: 15px;
  border: 1px dashed #BFE4FE;
  background: #e4f3fd url(../.../img/Base/gradient/contactbox_bg.png) repeat-x left top;
}
.callBackForm li label {
  float: left;
  width: 180px;
}
.callBackForm li input {
  width: 240px;
}
.callBackForm li select {
  width: 252px;
  background-position-x: 229px;
  width: 240px;
}
.callBackForm h4 {
  font-size: 19px;
  font-weight: bold;
  margin: 0 0 4px 0;
}
/* AUTO */
.type-car .list-offers li {
  width: 100%;
  position: relative;
  padding: 10px 0;
  border-style: solid;
  border-width: 0 0 1px 0;
  border-color: #a8d7f7;
}
.type-car .list-offers li:first-child {
  padding-top: 0 !important;
}
.type-car .list-offers li:last-child {
  border: none;
  padding-bottom: 8px;
}
.type-car .list-offers li .thumb {
  margin: 0 10px 10px 0;
  width: 90px;
  height: 50px;
  overflow: hidden;
}
.type-car .list-offers li .details {
  width: 190px;
  color: #333;
}
.type-car .list-offers li .price {
  position: absolute;
  right: 0;
  bottom: 10px;
}
.type-car .list-destinations li {
  width: 100%;
  line-height: 22px;
}
.type-car .list-destinations li a {
  color: #000;
}
.type-car .col4 .box-content {
  min-height: 263px;
  line-height: 22px;
}
.type-car .col4 .box-content img {
  display: inline;
}
.type-car .search-parameters input.calendar-icon {
  width: 89px;
  float: left;
  background-position: 66px 6px;
  /*background-position-x:78px;*/
  /*Firefox kent geen background-position-x*/
  padding-right: 25px;
}
.type-car .search-parameters .valSummary {
  position: absolute;
  left: 350px;
  top: 0px;
  width: 300px;
}
.type-car .box-content .car ul {
  width: 100%;
}
.type-car .box-content .car ul li {
  float: left;
  width: 67px;
  margin-bottom: 15px;
  margin-right: 5px;
  line-height: 22px;
}
.type-car .list-offers li .name h3,
.type-car .box-content .list-offers li .name a {
  font-size: 18px;
  text-decoration: none;
  color: #D90000;
}
.search-parameters .inline-val {
  display: none !important;
}
/* HOTEL */
body.type-hotel .col4 .image {
  margin-bottom: 10px;
}
body.type-hotel .col4 .image img {
  width: 290px;
}
body.type-hotel .col4 a.font-twc.blue {
  font-weight: bold;
  margin-top: 10px;
  font-size: 13px;
  float: left;
}
body.type-hotel ul.full {
  width: 100%;
}
body.type-hotel ul.full li {
  width: 100%;
  float: left;
  clear: both;
}
body.type-hotel .box-text {
  font-size: 12px;
}
body.type-hotel .box-text .description {
  padding-right: 250px;
}
body.type-hotel .box-text h2 {
  font-size: 16px;
  margin: 10px 0;
}
body.type-hotel .box-text .content .image {
  position: absolute;
  right: 0 !important;
  top: -20px !important;
}
body.type-hotel .box-text .content a.btn-rood {
  margin-top: 10px;
}
body.type-hotel .search-parameters .valSummary {
  position: absolute;
  left: 350px;
  top: 30px;
  width: 300px;
}
body.type-hotel .search-parameters input.calendar-icon {
  width: 151px;
  float: left;
  background-position-x: 127px;
  padding-right: 25px;
}
body.type-hotel .search-parameters select {
  width: 150px;
  background-position: 126px 5px;
}
body.type-hotel .popular-destinations {
  margin-right: 10px;
  float: right;
}
body.type-hotel .popular-destinations .box-content {
  height: 283px;
  background: #fff url(../img/base/elements/pc/hotels_bgblock.jpg) no-repeat right bottom;
}
body.type-hotel .popular-destinations .box-content li {
  width: 50%;
}
body.type-hotel .spotlight-destination {
  margin-right: 0px;
  float: right;
  position: relative;
}
body.type-hotel a span {
  line-height: 18px;
}
body.type-hotel a span.name {
  text-decoration: underline;
}
body.type-hotel a span.stars {
  color: #D90000;
}
body.type-car .col4 > div.fl.cb,
body.type-hotel .col4 > div.fl.cb {
  width: 100%;
}
body.type-car .col4 > div:not(.main-search-box):not(.box-content):not(.box-header):not(.spacer) {
  margin-bottom: 10px;
}
body.type-car .leftcol .box-content ul li {
  line-height: 22px;
  padding-left: 15px;
  position: relative;
}
body.type-car .leftcol .box-content ul li::before {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #c00;
  position: absolute;
  left: 0;
  top: 5px;
}
body.type-car #nav-sub-sub,
body.type-hotel #nav-sub-sub,
body.type-car #nav-sub-phone,
body.type-hotel #nav-sub-phone {
  display: none;
}
.longText {
  display: none;
  margin-bottom: 10px;
  float: left;
}
#myBookings {
  margin-top: 10px;
}
#matrix-no-results {
  height: 306px;
  width: 100%;
}
#matrix-wait-box {
  position: absolute;
  top: 0;
  left: 0;
  margin-left: 13px;
  padding: 25px 25px 25px 12px;
  width: 291px;
  height: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 123;
  background: #fff;
}
#matrix-wait-box span.wait-title {
  font-size: 16px;
  font-weight: bold;
}
#matrix-wait-box span.wait-sub-title {
  font-size: 18px;
  margin-left: 0;
}
#trips-wait-box {
  position: absolute;
  top: 0;
  left: 0;
  padding: 25px 25px 25px 12px;
  width: 100%;
  height: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 123;
  background: #fff;
}
.helpdesk .HelpGroup {
  margin-top: 20px;
  width: 100%;
  float: left;
}
.helpdesk .HelpGroup > div {
  width: 50%;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.helpdesk .HelpGroup > div:first-child {
  padding-right: 5px;
}
.helpdesk .HelpGroup > div:last-child {
  padding-left: 5px;
}
.helpdesk .HelpGroup > div .dashed-box {
  min-height: 250px;
}
.helpdesk .HelpGroup h2 {
  margin-bottom: 20px;
  font-family: Hermes Maia T4;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -0.02em;
  text-rendering: optimizeLegibility;
}
.helpdesk .HelpGroup ul {
  list-style: none;
}
.helpdesk .HelpGroup ul li {
  padding: 5px 0 5px 15px;
  margin-bottom: 5px;
  position: relative;
}
.helpdesk .HelpGroup ul li::before {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 3px;
  background-color: #c00;
  position: absolute;
  left: 0;
  top: 6px;
}
.helpdesk .HelpGroup .last a {
  width: 100%;
  float: left;
}
.helpdesk .HelpGroup .last span {
  width: 100%;
  margin: 10px 0;
  float: left;
}
.helpdesk .HelpGroup dl dt {
  padding-top: 0;
  padding-bottom: 3px;
}
.helpdesk .HelpGroup dl dt a {
  font-family: Open Sans;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  text-rendering: optimizeLegibility;
}
.helpdesk .HelpGroup dl dd {
  margin-bottom: 20px;
}
.helpdesk .HelpGroup a {
  text-decoration: none;
  font-weight: normal;
  color: #004979;
}
.helpdesk .HelpGroup a:hover {
  text-decoration: underline;
}
.questionMenu a {
  text-decoration: none;
}
.questionMenu a:hover {
  text-decoration: underline;
}
ul.questions a {
  text-decoration: none;
}
ul.questions a:hover {
  text-decoration: underline;
}
body.jobs .content .box-text ul {
  clear: both;
  width: 100%;
}
body.jobs .content .box-text ul li {
  list-style-type: disc;
  list-style-position: outside;
  margin-left: 20px;
  line-height: 20px;
  clear: left;
}
body.jobs .content .box-text span.title {
  display: block;
  clear: both;
  margin-top: 15px;
  margin-bottom: 7px;
  font-weight: bold;
}
div.dd_chk_drop {
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 160px;
}
.dd_chk_drop input {
  margin-right: 5px;
}
div.dd_chk_drop div#buttons {
  float: left;
  margin-top: 10px;
}
div.dd_chk_drop div#buttons input:first-child,
div.dd_chk_drop div#buttons input:first-child:hover {
  font-family: 'tga_bold';
  display: block;
  width: 98px;
  height: 26px;
  padding: 10px 16px;
  margin: 0;
  text-decoration: none !important;
  text-transform: uppercase;
  line-height: 11px;
  font-size: 11px;
  font-weight: bold;
  border: none;
  text-align: left;
  float: left;
  clear: none;
  color: #fff !important;
  background: #339900;
  border-radius: 4px;
  background: url(../img/Base/button/pc/btn-rood-popup.png) no-repeat left top;
  -webkit-text-shadow: 0 0 1px rgba(255, 255, 255, 0.3);
  -moz-text-shadow: 0 0 1px rgba(255, 255, 255, 0.3);
  text-shadow: 0 0 1px rgba(255, 255, 255, 0.3);
}
div.dd_chk_drop div#buttons input:last-child,
div.dd_chk_drop div#buttons input:last-child:hover {
  float: right;
  clear: none;
  width: auto;
  background: none;
  font-size: 12px;
  line-height: 26px;
  font-weight: normal;
  text-decoration: underline;
  color: #0092f2;
}
.waitHolderComplete {
  position: relative;
  width: 100%;
  height: 112px;
  margin: 10px;
}
.waitHolderComplete .wait-box {
  left: 100px !important;
  top: 0px !important;
}
body.complete #receipt .savings {
  margin-left: -10px;
  width: calc(100% + 20px);
}
.downpayment .description {
  width: auto !important;
}
#AlternativeAccommodations {
  margin: 0;
}
#AlternativeAccommodations > div {
  display: flex;
  flex-direction: row;
  column-gap: 8px;
  row-gap: 30px;
  flex-grow: 1;
  margin-top: 30px;
  align-items: stretch;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  #AlternativeAccommodations > div {
    flex-direction: column;
  }
}
#AlternativeAccommodations .AlternativeAccommodation {
  text-decoration: none;
  float: left;
  width: 300px;
}
@media only screen and (max-width: 767px) {
  #AlternativeAccommodations .AlternativeAccommodation {
    width: 270px;
  }
}
#AlternativeAccommodations .AlternativeAccommodation h1 {
  font-size: 17px;
  line-height: 22px;
  color: #004979;
  margin-bottom: 0;
}
#AlternativeAccommodations .AlternativeAccommodation h2 {
  font-size: 14px;
  line-height: 14px;
  margin-bottom: 15px;
  color: #0092F2;
}
#AlternativeAccommodations .AlternativeAccommodation img {
  display: block;
  width: 100%;
  height: 150px;
  margin: 0 auto;
  object-fit: cover;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
#AlternativeAccommodations .AlternativeAccommodation .content {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  border-left: 1px solid #80C8F8;
  border-right: 1px solid #80C8F8;
  border-bottom: 1px solid #80C8F8;
  padding: 10px;
  height: calc(100% - 150px);
  position: relative;
  display: flex;
  flex-direction: column;
}
#AlternativeAccommodations .AlternativeAccommodation .content h1 {
  margin-bottom: 5px;
}
#AlternativeAccommodations .AlternativeAccommodation .content ul {
  position: relative;
}
#AlternativeAccommodations .AlternativeAccommodation .content ul li {
  padding-left: 25px;
  line-height: 17px;
  position: relative;
  margin-bottom: 8px;
  color: #004979;
  background: url(../img/base/ico/sprite_vink.png?1) no-repeat -34px 0;
  background-size: 97px 22px;
}
#AlternativeAccommodations .AlternativeAccommodation .content ul li::before {
  display: inline-block;
  top: 0;
  left: 0;
  position: absolute;
  margin-right: 5px;
}
#AlternativeAccommodations .AlternativeAccommodation .price {
  position: relative;
  margin-top: 15px;
  z-index: 0;
  flex-grow: 1;
  min-height: 50px;
}
#AlternativeAccommodations .AlternativeAccommodation .price .price-tag {
  position: relative;
  text-align: right;
}
#AlternativeAccommodations .AlternativeAccommodation .price .price-tag .price-tag-inner {
  z-index: 10;
  box-sizing: border-box;
  color: #D90000;
  position: relative;
  width: 60px;
  height: 60px;
  display: inline-block;
}
#AlternativeAccommodations .AlternativeAccommodation .price .price-tag .price-tag-inner:before {
  content: '';
  text-align: right;
  width: 96px;
  height: 64px;
  right: -6px;
  top: 0;
  background: #FFBF2B;
  transform: matrix(1, 0.05, -0.05, 1, 0, 0);
  z-index: 1;
  color: #D90000;
  display: inline-block;
  position: absolute;
}
#AlternativeAccommodations .AlternativeAccommodation .price .price-tag .price-tag-inner:after {
  content: '';
  width: 96px;
  height: 64px;
  background: #FDE92F;
  transform: matrix(1, -0.1, 0.1, 1, 0, 0);
  z-index: 2;
  top: 0;
  right: -7px;
  box-sizing: border-box;
  padding-top: 7px;
  padding-right: 10px;
  display: inline-block;
  position: absolute;
}
#AlternativeAccommodations .AlternativeAccommodation .price .price-tag .price-tag-inner > small {
  display: inline-block;
  width: 100%;
  font-weight: normal;
  position: absolute;
  top: 10px;
  right: 20px;
  z-index: 3;
}
#AlternativeAccommodations .AlternativeAccommodation .price .price-tag .price-tag-inner .value {
  font-family: Hermes Maia T4;
  font-style: normal;
  font-weight: bold;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.02em;
  text-rendering: optimizeLegibility;
  display: inline-block;
  position: absolute;
  z-index: 3;
  right: 0;
  top: 25px;
}
#AlternativeAccommodations .AlternativeAccommodation .price .price-tag .price-tag-inner .value .currency {
  display: none;
}
#AlternativeAccommodations .AlternativeAccommodation .price .price-tag .price-tag-inner .value:after {
  content: ',-';
}
#AlternativeAccommodations .AlternativeAccommodation .price .price-tag .price-tag-inner .price-popup .iconbox {
  cursor: help;
}
#AlternativeAccommodations .AlternativeAccommodation .price .price-tag .price-tag-inner .price-popup .iconbox i {
  filter: invert(11%) sepia(99%) saturate(5625%) hue-rotate(7deg) brightness(89%) contrast(117%);
}
#AlternativeAccommodations .AlternativeAccommodation .price .price-tag .price-tag-inner .price-popup span {
  visibility: hidden;
  position: absolute;
  z-index: 4;
  background: #FFFFFF;
  box-shadow: 0px 4px 80px rgba(0, 0, 0, 0.07), 0px 0.893452px 17.869px rgba(0, 0, 0, 0.0417275), 0px 0.266004px 5.32008px rgba(0, 0, 0, 0.0282725);
  width: 304px;
  height: 190px;
  font-style: normal;
  font-weight: 300;
  font-size: 12px;
  line-height: 20px;
  color: #A8A8A8;
  top: -190px;
  left: -101px;
  padding: 16px;
  box-sizing: border-box;
  text-align: left;
  border-radius: 16px;
  cursor: zoom-out;
  transition: opacity 1s;
}
#AlternativeAccommodations .AlternativeAccommodation .price .price-tag .price-tag-inner .price-popup span::after {
  content: '';
  position: absolute;
  top: 99%;
  right: 50%;
  margin-right: -10px;
  width: 0;
  height: 0;
  border-top: solid 10px white;
  border-left: solid 10px transparent;
  border-right: solid 10px transparent;
}
#AlternativeAccommodations .AlternativeAccommodation .price .price-tag .price-tag-inner .price-popup input {
  display: none;
}
#AlternativeAccommodations .AlternativeAccommodation .price .price-tag .price-tag-inner .price-popup input:checked + span {
  visibility: visible;
  opacity: 1;
}
#AlternativeAccommodations .AlternativeAccommodation .price .price-tag {
  text-align: right;
  position: absolute;
  right: 10px;
  bottom: 10px;
  top: auto;
}
#AlternativeAccommodations .AlternativeAccommodation .button {
  margin-top: 10px;
}
#AlternativeAccommodations .gotoResults {
  font-size: 15px;
  margin-top: 20px;
  display: inline-block;
}
body.complete .sidebar.col4 {
  padding-top: 44px;
}
body.complete .sidebar.col4 .box,
body.complete .sidebar.col4 .contact-box {
  margin-bottom: 10px;
}
.luggage-box h4 {
  font-size: 19px;
  color: #bf0000;
  margin-bottom: 10px;
}
.luggage-box .row div {
  margin-bottom: 10px;
  width: 100%;
}
.luggage-box .row div > span {
  font-weight: bold;
  float: left;
  display: block;
  width: 150px;
  margin-top: 14px;
  margin-bottom: 5px;
}
.luggage-box a.luggage-link {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  display: block;
  width: 50px;
  padding: 5px 0;
  height: 40px;
  position: relative;
  float: left;
  margin-right: 5px;
  text-decoration: none;
  font-size: 11px;
  text-align: center;
  line-height: 12px;
  transition: border 0.3s ease;
  border: 2px solid #bce2fc;
  background-color: #fff;
  color: #000;
}
.luggage-box a.luggage-link:hover {
  border-color: #069a06;
}
.luggage-box a.luggage-link.selected {
  border-color: #069a06;
  background-color: #069a06;
  background-image: none;
  color: #fff;
}
.luggage-box a.luggage-link span.weight {
  font-size: 24px;
  font-weight: bold;
  position: absolute;
  left: 5px;
  top: 12px;
}
.luggage-box a.luggage-link span.measurement {
  position: absolute;
  right: 5px;
  top: 16px;
}
.luggage-box a.luggage-link span.direction {
  position: absolute;
  left: 8px;
  bottom: 9px;
}
.luggage-box a.luggage-link.options {
  text-decoration: underline;
  font-weight: bold;
  margin: 0;
  line-height: 14px;
  padding: 10px 0 !important;
  height: 30px !important;
  font-size: 10px;
  color: #0092f2;
}
.luggage-box a.luggage-link.options.selected {
  text-decoration: none;
  color: #fff;
}
.luggage-box .row div > span.selection {
  font-weight: normal;
  width: 100px;
  top: 20px;
  margin-top: 0 !important;
  color: #0092f2;
}
.luggage-box .row div > span.description {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding-left: 150px;
  float: left;
  clear: both;
  color: #0092f2;
}
.luggage-box .row div > span.description:empty {
  display: none;
}
.luggage-box .more-options {
  width: 290px;
  margin-left: 150px;
}
.luggage-box .more-options.items-1 .connector {
  width: 86px;
}
.luggage-box .more-options.items-2 .connector {
  width: 142px;
}
.luggage-box .more-options.items-3 .connector {
  width: 202px;
}
.luggage-box .row div .more-options span {
  width: 75px !important;
  margin-top: 5px;
}
.luggage-box .more-options .container {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding: 12px 12px 7px 12px;
  width: 290px !important;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: 0 !important;
  border: 2px solid #069a06;
  background-color: #fff;
  color: #000;
}
.luggage-box .more-options .row div {
  margin-bottom: 5px;
}
.luggage-box .more-options .container select {
  width: 180px !important;
  background-position: 157px !important;
}
.luggage-box .more-options .connector {
  height: 9px;
  width: 262px;
  margin-bottom: 0px;
  border-right: 2px solid #069a06;
}
.luggage-box .selection.outbound {
  top: 80px !important;
}
.luggage-box .selection.inbound {
  top: 110px !important;
}
.luggage-box > .row > div {
  position: relative;
  width: 100%;
}
.luggage-box > .row:nth-of-type(1) {
  margin-bottom: 10px;
}
body.type-vacation.complete .box.fl.cb {
  margin-bottom: 10px;
}
body.type-vacation.complete #receipt {
  margin-top: 10px;
}
.popUpBox .content-box .content #TranslatedText h5,
.popUpBox .content-box .content #PricePopupTranslatedText h5,
#content-bottom .content-box .content .description h5 {
  font-size: 15px;
  margin-bottom: 5px;
  font-weight: bold;
  float: left;
  clear: both;
  width: 100%;
  color: #D90000;
}
.popUpBox .content-box .content #TranslatedText h6,
.popUpBox .content-box .content #PricePopupTranslatedText h6,
#content-bottom .content-box .content .description h6 {
  font-weight: bold;
  float: left;
  clear: both;
  width: 100%;
}
.popUpBox .content-box .content #TranslatedText ul,
.popUpBox .content-box .content #PricePopupTranslatedText ul,
#content-bottom .content-box .content .description ul {
  margin-bottom: 10px;
  float: left;
  clear: both;
  width: 100% !important;
}
.popUpBox .content-box .content #TranslatedText ul li,
.popUpBox .content-box .content #PricePopupTranslatedText ul li,
.popUpBox .content-box .content .popup-informationaccommodation ul li,
#content-bottom .content-box .content .description ul li {
  list-style: disc;
  list-style-position: outside;
  margin-left: 20px;
}
/* Slider */
#slider a {
  color: #0092f2 !important;
  text-decoration: underline !important;
}
.slider-container.no-min #slider-range {
  width: 198px;
  border-left: 1px solid #a5d7f8;
}
#slider-range {
  height: 10px;
  position: relative;
  z-index: 75;
  margin: 10px 0;
  width: 168px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-top: 1px solid #a5d7f8;
  border-bottom: 1px solid #a5d7f8;
  background-color: #e4f3fd;
}
#slider-range input {
  display: none;
}
#slider-range .ui-slider-handle {
  display: block;
  position: absolute;
  height: 24px;
  width: 32px;
  margin-left: -32px;
  cursor: move;
  top: -6px;
  background: url(../img/Base/button/pc/slider_l.png) no-repeat left top;
}
#slider-range .ui-slider-handle:last-child {
  margin-left: 0px;
  background: url(../img/Base/button/pc/slider_r.png) no-repeat left top;
}
#slider-range .ui-slider-bg,
#slider-range .ui-slider-range {
  position: absolute;
  height: 100%;
  background-color: #fff19f;
}
#slider-range-start {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 10px;
  width: 30px;
  position: relative;
  z-index: 74;
  margin: 10px 0;
  border-top: 1px solid #a5d7f8;
  border-bottom: 1px solid #a5d7f8;
  border-left: 1px solid #a5d7f8;
  background-color: #e4f3fd;
}
#slider-range-start ~ p {
  margin-bottom: 15px;
}
#slider-range-end {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 10px;
  width: 30px;
  position: relative;
  z-index: 74;
  margin: 10px 0;
  border-top: 1px solid #a5d7f8;
  border-bottom: 1px solid #a5d7f8;
  border-right: 1px solid #a5d7f8;
  background-color: #e4f3fd;
}
#box-news-and-partners > div.col4 .box-content {
  height: 264px;
}
#box-news-and-partners > div.col4.banner .box-content {
  border: none;
}
.newsletter-box {
  position: relative;
}
.newsletter-box a {
  margin-top: 7px;
}
.newsletter-box input {
  width: 100% !important;
}
.newsletter-box .mailbox {
  width: 262px;
  height: 161px;
  position: absolute;
  bottom: 0px;
  left: 10px;
}
/* TrustPilot box */
.customer-review-box {
  position: relative;
  /*
    a.review-link {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        height: 52%;
        width: 100%;

        &.full {
            height: 100%;
        }
    }*/
}
.customer-review-box .box-header {
  display: none;
}
.customer-review-box .box-content {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  padding-top: 16px;
}
.customer-review-box .box-content .overview {
  text-align: center;
  background: none;
}
.customer-review-box .box-content .overview .stempel-beste-reisbureau {
  display: none;
}
.customer-review-box .box-content .overview .grade {
  width: 100%;
  font-family: Hermes Maia T4;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -0.02em;
  text-rendering: optimizeLegibility;
  color: #73CF11;
  text-align: left;
  margin-bottom: 20px;
}
.customer-review-box .box-content .overview .grade span.grade-text {
  margin-bottom: 3px;
  text-align: left;
  display: inline-block;
  float: none !important;
}
.customer-review-box .box-content .overview .grade span.grade-number {
  float: none !important;
}
.customer-review-box .box-content .overview .grade img {
  display: flex;
  float: none;
}
.customer-review-box .box-content p.amount {
  margin: 10px 0 5px;
  color: #333;
  font-weight: normal;
}
.customer-review-box .box-content .reviews {
  width: 100%;
}
.customer-review-box .box-content .reviews .header {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 5px;
}
.customer-review-box .box-content .reviews .footer {
  text-align: center;
  padding-top: 10px;
  position: relative;
}
.customer-review-box .box-content .reviews .footer img {
  mix-blend-mode: multiply;
}
.customer-review-box .box-content .reviews .footer .amount {
  text-align: center;
  font-family: Open Sans;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 20px;
  text-rendering: optimizeLegibility;
  color: #A8A8A8;
}
.customer-review-box .box-content .reviews .reviews-container {
  width: 100%;
}
.customer-review-box .box-content .reviews .reviews-container ul {
  width: 100%;
}
.customer-review-box .box-content .reviews .reviews-container ul li .date {
  font-family: Open Sans;
  font-style: normal;
  font-weight: bold;
  font-size: 10px;
  line-height: 12px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  text-rendering: optimizeLegibility;
  color: #0092F2;
  float: left !important;
}
.customer-review-box .box-content .reviews .reviews-container ul li .details strong {
  font-family: Open Sans;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  text-rendering: optimizeLegibility;
  color: #004979;
}
.customer-review-box .box-content .reviews .reviews-container ul li .details p {
  color: #A8A8A8;
  height: 80px;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.customer-review-box .triangle {
  position: absolute;
  bottom: -20px;
  left: calc(50% - 10px);
  background-color: #FFF;
  text-align: left;
  transform: rotate(-60deg) skewX(-30deg) scale(1, 0.866);
  transform: rotate(130deg);
}
.customer-review-box .triangle:before {
  transform: rotate(-135deg) skewX(-45deg) scale(1.414, 0.707) translate(0, -50%);
}
.customer-review-box .triangle:after {
  transform: rotate(135deg) skewY(-45deg) scale(0.707, 1.414) translate(50%);
}
.customer-review-box .triangle:before,
.customer-review-box .triangle:after {
  content: '';
  position: absolute;
  background-color: inherit;
}
.customer-review-box .triangle,
.customer-review-box .triangle:before,
.customer-review-box .triangle:after {
  width: 20px;
  height: 20px;
  border-top-right-radius: 30%;
}
/* TrustPilot box */
/* Insurance control*/
.insuranceContent ul.ulInsHolder li {
  width: 100%;
}
.insuranceContent .toggleText {
  float: left;
  width: 430px;
  margin-bottom: 10px;
}
.insuranceContent h4 {
  font-size: 19px;
  color: #D90000;
  margin-bottom: 10px;
}
.insuranceContent .fn label {
  clear: none;
  width: auto !important;
}
.insuranceContent .fn input {
  float: left !important;
  clear: right;
  margin-right: 5px;
}
/* End Insurance control */
.upsell .box-text {
  float: left;
  width: 100%;
  clear: both;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.upsell .box-text li::before {
  content: none;
}
.upsell #receipt {
  margin-top: 0px;
}
.upsell li label {
  float: left;
  width: 150px;
}
.upsell h3 {
  font-size: 20px;
  font-weight: normal;
  font-weight: bold;
  margin-bottom: 20px;
  color: #d90000;
}
.upsell h4 {
  font-size: 16px;
  color: #d90000;
  margin-bottom: 10px;
  font-weight: 600;
}
.upsell .step-header {
  font-weight: bold;
  margin: 0;
  padding: 0;
}
.upsell input[type="text"] {
  width: 200px;
}
.upsell .form {
  width: 100%;
  float: left;
  clear: both;
}
.upsell .form label {
  font-weight: bold;
  line-height: 32px;
}
.upsell .dashed-box {
  float: left;
  clear: both;
  width: 100%;
  background: none;
  border: none;
  padding: 0;
  margin-top: 30px;
  margin-bottom: 30px;
  line-height: 22px;
}
.upsell .dashed-box#ContentPlaceHolderContent_valForgot,
.upsell .dashed-box#ContentPlaceHolderContent_custValSummary {
  margin: 0 0 10px 0 !important;
}
.upsell .dashed-box#ContentPlaceHolderContent_shwForgotId {
  margin-top: 80px;
}
.upsell .dashed-box#ContentPlaceHolderContent_shwForgotId .btn-rood-fluid-wrapper {
  margin-top: 10px;
  float: right;
}
.upsell .terms {
  margin-bottom: 30px;
}
.upsell .terms label {
  margin-left: 3px;
}
.upsell .btn-rood-fluid-wrapper {
  float: right;
}
.upsell .upsellContent {
  float: left;
  clear: both;
  width: 100%;
}
.upsell .upsellContent .dashed-box {
  margin: 10px 0;
}
.upsell .description .col4 {
  width: 100%;
}
@media (max-width: 979px) {
  .upsell .btn-rood-fluid-wrapper {
    margin-top: 10px;
  }
  .upsell .insuranceContent .toggleText {
    width: 100%;
  }
}
.upsell #parcompare .row.field input[type=checkbox],
.upsell .upsellContent .insuranceContent ul.ulIns li input[type=checkbox],
.upsell .upsellContent .terms input[type=checkbox],
.upsell .upsellContent .payment-options .paymentSelection li input[type=checkbox],
.upsell #parcompare ul.ulIns li input[type=checkbox],
.upsell #parcompare .row.field input[type=radio],
.upsell .upsellContent .insuranceContent ul.ulIns li input[type=radio],
.upsell .upsellContent .terms input[type=radio],
.upsell .upsellContent .payment-options .paymentSelection li input[type=radio],
.upsell #parcompare ul.ulIns li input[type=radio] {
  position: absolute;
  z-index: -1000;
  left: -1000px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
.upsell #parcompare .row.field input[type=checkbox] + label,
.upsell .upsellContent .insuranceContent ul.ulIns li input[type=checkbox] + label,
.upsell .upsellContent .terms input[type=checkbox] + label,
.upsell .upsellContent .payment-options .paymentSelection li input[type=checkbox] + label,
.upsell #parcompare ul.ulIns li input[type=checkbox] + label,
.upsell #parcompare .row.field input[type=radio] + label,
.upsell .upsellContent .insuranceContent ul.ulIns li input[type=radio] + label,
.upsell .upsellContent .terms input[type=radio] + label,
.upsell .upsellContent .payment-options .paymentSelection li input[type=radio] + label,
.upsell #parcompare ul.ulIns li input[type=radio] + label,
.upsell #parcompare .row.field span.aspNetDisabled + label.initialLabel,
.upsell .upsellContent .insuranceContent ul.ulIns li span.aspNetDisabled + label.initialLabel,
.upsell .upsellContent .terms span.aspNetDisabled + label.initialLabel,
.upsell .upsellContent .payment-options .paymentSelection li span.aspNetDisabled + label.initialLabel,
.upsell #parcompare ul.ulIns li span.aspNetDisabled + label.initialLabel {
  padding-left: 30px;
  height: 20px;
  min-height: 20px;
  line-height: 20px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0 0;
  vertical-align: middle;
  cursor: pointer;
}
.upsell #parcompare .row.field input[type=checkbox] + label:hover,
.upsell .upsellContent .insuranceContent ul.ulIns li input[type=checkbox] + label:hover,
.upsell .upsellContent .terms input[type=checkbox] + label:hover,
.upsell .upsellContent .payment-options .paymentSelection li input[type=checkbox] + label:hover,
.upsell #parcompare ul.ulIns li input[type=checkbox] + label:hover,
.upsell #parcompare .row.field input[type=radio] + label:hover,
.upsell .upsellContent .insuranceContent ul.ulIns li input[type=radio] + label:hover,
.upsell .upsellContent .terms input[type=radio] + label:hover,
.upsell .upsellContent .payment-options .paymentSelection li input[type=radio] + label:hover,
.upsell #parcompare ul.ulIns li input[type=radio] + label:hover,
.upsell #parcompare .row.field span.aspNetDisabled + label.initialLabel:hover,
.upsell .upsellContent .insuranceContent ul.ulIns li span.aspNetDisabled + label.initialLabel:hover,
.upsell .upsellContent .terms span.aspNetDisabled + label.initialLabel:hover,
.upsell .upsellContent .payment-options .paymentSelection li span.aspNetDisabled + label.initialLabel:hover,
.upsell #parcompare ul.ulIns li span.aspNetDisabled + label.initialLabel:hover {
  font-weight: 600;
  background-position: 0 -40px;
}
.upsell #parcompare .row.field span.aspNetDisabled + label.initialLabel,
.upsell .upsellContent .insuranceContent ul.ulIns li span.aspNetDisabled + label.initialLabel,
.upsell .upsellContent .terms span.aspNetDisabled + label.initialLabel,
.upsell .upsellContent .payment-options .paymentSelection li span.aspNetDisabled + label.initialLabel,
.upsell #parcompare ul.ulIns li span.aspNetDisabled + label.initialLabel {
  background: url(../img/base/elements/pc/Prijsvrij_Selectieicon_grijs.png) no-repeat transparent 0 0;
  background-size: 20px 20px;
  color: #ccc;
  cursor: default;
}
.upsell #parcompare .row.field span.aspNetDisabled + label.initialLabel:hover,
.upsell .upsellContent .insuranceContent ul.ulIns li span.aspNetDisabled + label.initialLabel:hover,
.upsell .upsellContent .terms span.aspNetDisabled + label.initialLabel:hover,
.upsell .upsellContent .payment-options .paymentSelection li span.aspNetDisabled + label.initialLabel:hover,
.upsell #parcompare ul.ulIns li span.aspNetDisabled + label.initialLabel:hover {
  cursor: default !important;
  font-weight: 500 !important;
  background-position: 0 0 !important;
}
.upsell #parcompare .row.field input[type=checkbox] + label,
.upsell .upsellContent .insuranceContent ul.ulIns li input[type=checkbox] + label,
.upsell .upsellContent .terms input[type=checkbox] + label,
.upsell .upsellContent .payment-options .paymentSelection li input[type=checkbox] + label,
.upsell #parcompare ul.ulIns li input[type=checkbox] + label {
  background-image: url(../img/Base/elements/pc/prijsvrij-checkbox.png);
}
.upsell #parcompare .row.field input[type=checkbox]:checked + label,
.upsell .upsellContent .insuranceContent ul.ulIns li input[type=checkbox]:checked + label,
.upsell .upsellContent .terms input[type=checkbox]:checked + label,
.upsell .upsellContent .payment-options .paymentSelection li input[type=checkbox]:checked + label,
.upsell #parcompare ul.ulIns li input[type=checkbox]:checked + label,
.upsell #parcompare .row.field input[type=radio]:checked + label,
.upsell .upsellContent .insuranceContent ul.ulIns li input[type=radio]:checked + label,
.upsell .upsellContent .terms input[type=radio]:checked + label,
.upsell .upsellContent .payment-options .paymentSelection li input[type=radio]:checked + label,
.upsell #parcompare ul.ulIns li input[type=radio]:checked + label {
  background-position: 0 -20px;
}
.upsell #parcompare .row.field input[type=checkbox]:checked + label:hover,
.upsell .upsellContent .insuranceContent ul.ulIns li input[type=checkbox]:checked + label:hover,
.upsell .upsellContent .terms input[type=checkbox]:checked + label:hover,
.upsell .upsellContent .payment-options .paymentSelection li input[type=checkbox]:checked + label:hover,
.upsell #parcompare ul.ulIns li input[type=checkbox]:checked + label:hover,
.upsell #parcompare .row.field input[type=radio]:checked + label:hover,
.upsell .upsellContent .insuranceContent ul.ulIns li input[type=radio]:checked + label:hover,
.upsell .upsellContent .terms input[type=radio]:checked + label:hover,
.upsell .upsellContent .payment-options .paymentSelection li input[type=radio]:checked + label:hover,
.upsell #parcompare ul.ulIns li input[type=radio]:checked + label:hover {
  font-weight: 600;
  background-position: 0 -60px;
}
.upsell #parcompare .row.field input[type=checkbox].parent-marked + label,
.upsell .upsellContent .insuranceContent ul.ulIns li input[type=checkbox].parent-marked + label,
.upsell .upsellContent .terms input[type=checkbox].parent-marked + label,
.upsell .upsellContent .payment-options .paymentSelection li input[type=checkbox].parent-marked + label,
.upsell #parcompare ul.ulIns li input[type=checkbox].parent-marked + label {
  background-position: 0 -20px;
}
.upsell #parcompare .row.field input[type=checkbox].parent-marked + label:hover,
.upsell .upsellContent .insuranceContent ul.ulIns li input[type=checkbox].parent-marked + label:hover,
.upsell .upsellContent .terms input[type=checkbox].parent-marked + label:hover,
.upsell .upsellContent .payment-options .paymentSelection li input[type=checkbox].parent-marked + label:hover,
.upsell #parcompare ul.ulIns li input[type=checkbox].parent-marked + label:hover {
  font-weight: 600;
  background-position: 0 -60px;
}
.upsell #parcompare .row.field input[type=radio] + label,
.upsell .upsellContent .insuranceContent ul.ulIns li input[type=radio] + label,
.upsell .upsellContent .terms input[type=radio] + label,
.upsell .upsellContent .payment-options .paymentSelection li input[type=radio] + label,
.upsell #parcompare ul.ulIns li input[type=radio] + label {
  background-image: url(../img/Base/elements/pc/prijsvrij-radio.png);
}
.upsell #parcompare .row.field label,
.upsell .upsellContent .insuranceContent ul.ulIns li label,
.upsell .upsellContent .terms label,
.upsell .upsellContent .payment-options .paymentSelection li label,
.upsell #parcompare ul.ulIns li label {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.upsell #parcompare ul.ulIns li input[type=radio] + label {
  font-weight: 600;
  padding-left: 25px;
}
.upsell #parcompare ul > li.item span.price {
  font-size: 18px !important;
}
.upsell ul.ulIns li {
  margin-bottom: 10px;
}
.upsell ul.ulIns li label,
.upsell #parcompare .row.field label {
  font-weight: 500;
}
.upsell .payment.fl.paymentSelection li {
  height: 40px;
  margin-bottom: 10px;
}
.upsell .payment.fl.paymentSelection li label {
  line-height: 32px !important;
}
.upsell .payment.fl.paymentSelection li label span {
  margin-top: 0 !important;
}
.upsell .myPrijsvrij .row {
  margin-bottom: 15px;
}
.upsell .payment-options h4 .infoBalloon {
  margin-left: 10px;
}
.upsell #receipt .price-overview {
  border-bottom: none;
}
.upsell #parcompare .fieldMessageBox {
  position: relative !important;
  width: 100%;
  margin-left: 0 !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 10px !important;
}
@media (max-width: 979px) {
  .upsell .payment.fl.paymentSelection li {
    height: 60px;
  }
  .upsell .payment li select.paymentSubOptions {
    margin-left: 105px !important;
    margin-top: 5px !important;
  }
  .upsell .payment.fl.paymentSelection li label div.small .paymentFee,
  .upsell .payment.fl.paymentSelection li label div.small .paymentFree {
    display: inline !important;
    white-space: nowrap !important;
  }
}
.upsell .fieldMessageBox > .tooltipContent > span {
  float: left;
}
.myPrijsvrij .row {
  position: relative;
  width: 100%;
  margin-bottom: 6px;
}
.myPrijsvrij .row input,
.myPrijsvrij .row select {
  float: left;
  clear: right;
}
.myPrijsvrij .row input[type="text"] {
  width: 149px;
}
.myPrijsvrij .row label {
  float: left;
  width: 150px;
  /*clear: left;*/
  font-weight: 700;
}
.myPrijsvrij th,
.myPrijsvrij td {
  width: auto;
  padding-left: 10px;
  text-align: left;
}
.myPrijsvrij th.date,
.myPrijsvrij td.date {
  width: 75px;
}
.myPrijsvrij th.type,
.myPrijsvrij td.type {
  width: 60px;
}
.myPrijsvrij th.price,
.myPrijsvrij td.price {
  width: 60px;
  text-align: right;
}
.myPrijsvrij th.status,
.myPrijsvrij td.status {
  width: 100px;
}
.myPrijsvrij th.action,
.myPrijsvrij td.action {
  width: 120px;
}
.myPrijsvrij th {
  font-weight: bold;
}
.myPrijsvrij tr td {
  padding: 3px 0;
  padding-left: 10px;
}
.myPrijsvrij tr.alt td {
  background-color: #ddf1ff;
}
.myPrijsvrij .oldUserWarning {
  margin-top: 15px;
  font-weight: bold;
}
div.overviewDossierCategory {
  background-repeat: repeat-x;
  padding-top: 10px;
  margin-top: 20px;
  position: relative;
}
div.overviewDossierCategory::before {
  display: block;
  content: '';
  height: 18px;
  width: 100%;
  position: absolute;
  top: -4px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#aedcfb+0,d0ebfc+6,ffffff+100 */
  background-color: #aedcfb;
  background: -webkit-linear-gradient(top, #aedcfb 0%, #d0ebfc 6%, #ffffff 100%) #aedcfb no-repeat;
  background: -moz-linear-gradient(top, #aedcfb 0%, #d0ebfc 6%, #ffffff 100%) #aedcfb no-repeat;
  /*background:                  -o-linear-gradient(@origin, @stops) @start-color no-repeat;*/
  background: linear-gradient(to bottom, #aedcfb 0%, #d0ebfc 6%, #ffffff 100%) #aedcfb no-repeat;
}
div.overviewDossierCategory input.close.red.small {
  float: right;
}
div.overviewDossierCategory div.displayItem {
  background-repeat: no-repeat;
  background-position: -16px 0px;
  width: 16px;
  height: 16px;
  margin-top: 4px;
  margin-right: 10px;
  margin-bottom: 10px;
  cursor: pointer;
  background-image: url("../../../img/Base/button/pc/btn-rood-items.png");
}
div.overviewDossierCategory div.displayItem.active {
  background-position: 0px 0px;
}
div.overviewDossierCategory div.dashed-box {
  padding: 0px;
}
div.overviewDossierCategory h2 {
  cursor: pointer;
  font-size: 18px;
  line-height: 22px;
}
div.overviewDossierCategory h3 {
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 8px;
}
div.overviewDossierCategory span.field.status {
  font-style: italic;
}
div.overviewDossierCategory div.col5 {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 349px;
  padding: 15px;
  min-height: 120px;
  background-color: #ffffff;
}
div.overviewDossierCategory div.col3 {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 235px;
  margin-right: 0px;
  padding: 15px;
  min-height: 120px;
}
div.overviewDossierCategory div.dossierHeader {
  float: left;
  font-weight: bold;
  width: 65px;
  color: #000000;
}
div.overviewDossierCategory div.dossierValue {
  float: right;
  width: 110px;
  margin-right: 10px;
  text-align: right;
  font-size: 18px;
}
div.overviewDossierCategory div.blockAction {
  float: right;
  margin-top: 50px;
  clear: both;
}
div.overviewDossierCategory div.blockMessage {
  clear: both;
  text-align: right;
  margin-top: 20px;
  float: left;
  width: 100%;
  color: #000000;
}
div.overviewDossierCategory label,
div.overviewDossierCategory span.field {
  color: #000000;
}
.ui-datepicker {
  height: auto;
  margin: 5px auto 0;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}
.ui-datepicker a {
  text-decoration: none;
}
.ui-datepicker table {
  width: 100%;
}
.ui-datepicker-header {
  background-color: #88ccf9;
  color: #fff;
  font-weight: normal;
  -webkit-box-shadow: inset 0px 1px 1px 0px rgba(116, 174, 212, 0.2);
  -moz-box-shadow: inset 0px 1px 1px 0px rgba(116, 174, 212, 0.2);
  box-shadow: inset 0px 1px 1px 0px rgba(116, 174, 212, 0.2);
  -webkit-text-shadow: 1px -1px 0px #74aed4;
  -moz-text-shadow: 1px -1px 0px #74aed4;
  text-shadow: 1px -1px 0px #74aed4;
  filter: dropshadow(color=#74aed4, offx=1, offy=-1);
  line-height: 24px;
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: #111;
}
.ui-datepicker-title {
  text-align: center;
}
select.ui-datepicker-month,
select.ui-datepicker-year {
  width: 60px;
  background: #fff url(../img/base/elements/pc/pull-down.png) no-repeat 38px 2px;
}
select.ui-datepicker-monthYear {
  width: 120px;
  background: #fff url(../img/Base/elements/pc/pull-down.png) no-repeat 98px 2px;
}
.ui-datepicker-prev {
  float: left;
}
.ui-datepicker-next {
  float: right;
}
.ui-datepicker thead {
  background-color: #f7f7f7;
  background: -webkit-linear-gradient(top, #f7f7f7 0%, #f1f1f1 100%) #f7f7f7 no-repeat;
  background: -moz-linear-gradient(top, #f7f7f7 0%, #f1f1f1 100%) #f7f7f7 no-repeat;
  /*background:                  -o-linear-gradient(@origin, @stops) @start-color no-repeat;*/
  background: linear-gradient(to bottom, #f7f7f7 0%, #f1f1f1 100%) #f7f7f7 no-repeat;
  border-bottom: 1px solid #bbb;
}
.ui-datepicker th {
  text-transform: uppercase;
  font-size: 6pt;
  padding: 5px 0;
  color: #666666;
  text-shadow: 1px 0px 0px #fff;
  filter: dropshadow(color=#fff, offx=1, offy=0);
  text-align: center;
  font-weight: bold;
}
.ui-datepicker tbody td {
  padding: 0;
  border-right: 1px solid #fff;
}
.ui-datepicker tbody td:last-child {
  border-right: 0px;
}
.ui-datepicker tbody tr {
  border-bottom: 1px solid #fff;
}
.ui-datepicker tbody tr:last-child {
  border-bottom: 0px;
}
.ui-datepicker td span,
.ui-datepicker td a {
  display: inline-block;
  font-weight: bold;
  text-align: center;
  width: 25px;
  height: 25px;
  line-height: 25px;
}
.ui-datepicker-calendar .ui-state-default {
  background: #c8e8fd;
  border-right: 1px solid #83caf8;
  border-bottom: 1px solid #83caf8;
  color: #333;
  font-weight: normal;
}
.ui-datepicker-calendar .ui-datepicker-other-month .ui-state-default {
  background: #f4f4f4;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  color: #0092f2;
  font-weight: normal;
}
.ui-datepicker-calendar .ui-state-hover,
.ui-datepicker-calendar .ui-datepicker-other-month .ui-state-hover {
  background: #e4f3fd;
  border-right: 1px solid #83caf8;
  border-bottom: 1px solid #83caf8;
  color: #333;
}
.ui-datepicker-calendar .ui-state-active,
.ui-datepicker-calendar .ui-datepicker-other-month .ui-state-active {
  -webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  -webkit-text-shadow: 0px 1px 0px #fff;
  -moz-text-shadow: 0px 1px 0px #fff;
  text-shadow: 0px 1px 0px #fff;
  filter: dropshadow(color=#fff, offx=0, offy=1);
  position: relative;
  font-weight: bold;
  background: #fef106;
  color: #be0000;
  border-right: 1px solid #fed206;
  border-bottom: 1px solid #fed206;
}
.ui-datepicker-calendar .ui-datepicker-unselectable .ui-state-default,
.ui-datepicker-other-month.ui-datepicker-unselectable .ui-state-default {
  background: #ededed;
  color: #b4b3b3;
  border-right: 1px solid #ededed;
  border-bottom: 1px solid #ededed;
}
.ui-datepicker-calendar td:first-child .ui-state-active {
  width: 25px;
  margin-left: 0;
}
.ui-datepicker-calendar td:last-child .ui-state-active {
  width: 25px;
  margin-right: 0;
}
.ui-datepicker-calendar tr:last-child .ui-state-active {
  height: 25px;
  margin-bottom: 0;
}
.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
#ui-datepicker-div {
  z-index: 6 !important;
}
#ui-datepicker-div.ui-datepicker-multi {
  float: left;
  background: #fff !important;
  width: auto !important;
}
.ui-datepicker-group {
  float: left;
}
.box-header .header-option p.dropdown-label {
  line-height: 28px;
  margin-right: 5px;
  color: #000;
}
.ui-datepicker-buttonpane {
  background-color: #fff;
  width: 100%;
  float: left;
}
.ui-datepicker-buttonpane .btn-rood {
  height: 24px;
  width: 160px;
  padding-top: 2px;
  margin: 5px;
}
.ui-datepicker-buttonpane .flex-container {
  padding: 5px;
}
.ui-datepicker-buttonpane .flex-container input {
  vertical-align: top;
  line-height: 15px;
}
.ui-datepicker-buttonpane .flex-container label {
  margin-left: 5px;
}
/* Employee Recommendation*/
.recommendationBalloon > div.hover {
  position: absolute;
  z-index: 9999;
  font-size: 10px;
  width: 250px;
  padding: 5px;
  line-height: 130%;
  display: none;
  left: 20px;
  top: -2px;
  color: white;
}
.recommendationBalloon:hover > div.hover {
  display: block;
}
.recommendationBalloon .recommendation {
  background: #0092F2;
  border: 1px solid #000;
}
.recommendationBalloon img {
  padding: 0px 5px 0px 0px;
  float: left;
}
.recommendationBalloon .employeeName {
  font-size: 16px;
}
/* END Employee Recommendation*/
/* FIREFOX WORKAROUND */
.select-wrapper {
  width: 160px;
  height: 100%;
  overflow: hidden;
  border-right: 1px solid #A4D8FB;
}
.select-wrapper select {
  width: 112% !important;
  margin: 0 !important;
  float: left !important;
}
.main-search-box .select-wrapper {
  border-color: #E2D807;
}
.filter-block .select-wrapper {
  float: left;
  width: 199px;
}
.box-matrix .select-wrapper,
.header-option .select-wrapper {
  float: right;
}
.box-matrix .select-wrapper {
  margin-right: 7px;
}
body.book .select-wrapper:not(.paymentSubOptions) {
  width: 289px;
}
.select-wrapper.day,
.select-wrapper.month,
.select-wrapper.small {
  width: 44px !important;
  margin-right: 5px;
}
.select-wrapper.day select,
.select-wrapper.month select,
.select-wrapper.small select {
  width: 65px !important;
}
.select-wrapper.ui-datepicker-month,
.select-wrapper.monthFull {
  width: 79px !important;
  margin-right: 5px;
}
.select-wrapper.ui-datepicker-month select,
.select-wrapper.monthFull select {
  width: 100px !important;
}
.select-wrapper.ui-datepicker-year,
.select-wrapper.year,
.select-wrapper.medium,
.select-wrapper.gender {
  width: 59px !important;
  margin-right: 5px;
}
.select-wrapper.ui-datepicker-year select,
.select-wrapper.year select,
.select-wrapper.medium select,
.select-wrapper.gender select {
  width: 80px !important;
}
.filter-box ul.filters li .select-wrapper {
  width: 138px !important;
}
.filter-box ul.filters li .select-wrapper select {
  width: 158px !important;
}
body.type-car .select-wrapper.year {
  float: left;
  margin-right: 0 !important;
}
#travelparty-container .select-wrapper {
  float: left;
}
/* FIREFOX WORKAROUND */
/* 
	Firefox heeft blijkbaar een bug waardoor het TOCH gewoon de standaardpijl toont in een select. 
	Deze code haalt hem weg
	http://stackoverflow.com/questions/6787667/what-is-the-correct-moz-appearance-value-to-hide-dropdown-arrow-of-a-select
 */
/*
	En nog zo'n parel van een Firefox probleem. Tekst in een select met opgegeven hoogte wordt niet verticaal gecentreerd.
	http://stackoverflow.com/questions/11919481/text-vertical-align-in-select-box-firefox-issue
*/
/* Firefox specifieke css regels hier, volgens: http://stackoverflow.com/questions/952861/targeting-only-firefox-with-css */
@-moz-document url-prefix() {
  select {
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
  }
  #travelparty-container select {
    padding-right: 0;
  }
}
.noWeight label {
  font-weight: normal !important;
}
/* START Incentive */
div.pageHeader,
div.pageHeader img {
  height: auto;
  width: 100%;
}
div.blockIncentive {
  /*padding: 10px;
	float:left;*/
}
div.blockIncentive div.blockIncentiveImage {
  float: left;
  /*background-color: #bbe3ff;*/
  /*width: 202px;*/
  height: 259px;
  overflow: hidden;
  position: relative;
  text-align: center;
  line-height: 259px;
  vertical-align: middle;
}
div.blockIncentive div.blockIncentiveImage img {
  position: relative;
  margin: auto;
  vertical-align: middle;
}
div.blockIncentive div.blockIncentiveContent {
  width: calc(100% - 240px);
  /*float:left;
	    margin-left:15px;*/
}
div.blockIncentive div.blockIncentiveContent div.incentiveTitle,
div.blockIncentive div.blockIncentiveContent div.incentiveAuthor,
div.blockIncentive div.blockIncentiveContent div.incentiveDescription,
div.blockIncentive div.blockIncentiveContent div.incentiveRest,
div.blockIncentive div.blockIncentiveContent div.incentiveForm,
div.blockIncentive div.blockIncentiveContent div.incentiveFormErrors {
  /*float:left;
	        width: 100%;*/
}
div.blockIncentive div.blockIncentiveContent div.incentiveDescription,
div.blockIncentive div.blockIncentiveContent div.incentiveRest,
div.blockIncentive div.blockIncentiveContent div.incentiveForm {
  margin-top: 15px;
  border-top: 1px solid #bbe3ff;
  padding-top: 15px;
}
div.blockIncentive div.blockIncentiveContent .row.field {
  position: relative;
  width: 100%;
  margin-bottom: 6px;
  min-height: 28px;
}
div.blockIncentive div.blockIncentiveContent .row.field label {
  float: left;
  width: 180px;
  clear: left;
  font-weight: bold;
  min-height: 21px;
  line-height: 32px;
}
div.blockIncentive div.blockIncentiveContent .row.field input {
  float: left;
  clear: right;
  margin-right: 5px;
}
div.blockIncentive div.blockIncentiveContent .row.field .cbConditions {
  display: block;
  width: 100%;
}
div.blockIncentive div.blockIncentiveContent .row.field .cbConditions label {
  font-weight: normal;
  width: 338px;
  clear: none;
}
div.blockIncentive div.blockIncentiveContent .row.field .RadioButtonListGender label {
  float: left;
  font-weight: normal;
  clear: none;
  width: auto;
  padding-right: 5px;
}
div.blockIncentive div.blockIncentiveContent .row.field input[type="text"]:not(.address):not(.addressNumber) {
  width: 208px;
}
div.blockIncentive div.blockIncentiveContent .row.field input[type="text"].address {
  width: 161px;
}
div.blockIncentive div.blockIncentiveContent .row.field input[type="text"].addressNumber {
  width: 30px;
}
div.blockIncentive div.blockIncentiveContent div.incentiveRest div.incentiveRestItemHeader {
  clear: both;
  float: left;
  width: 100px;
}
div.blockIncentive div.blockIncentiveContent div.incentiveRest div.incentiveRestItemValue {
  float: left;
}
div.blockIncentive div.blockIncentiveContent div.incentiveForm div.incentiveFormErrors {
  border: 2px solid #c61616;
  background-color: #fdf8b0;
  background-image: url(/Img/Base/gradient/gradient_incentive_error.png);
  background-repeat: repeat-x;
  padding: 13px;
  margin-bottom: 15px;
  float: left;
  background-image: url("../../../img/Base/gradient/gradient_incentive_error.png");
}
div.blockIncentive div.blockIncentiveContent div.incentiveForm div.incentiveFormIntro {
  font-weight: bold;
  margin-bottom: 15px;
}
div.blockIncentive div.blockIncentiveContent div.incentiveForm div.incentiveFormHeader {
  clear: both;
  float: left;
  width: 160px;
  margin-bottom: 2px;
  margin-top: 9px;
}
div.blockIncentive div.blockIncentiveContent div.incentiveForm div.incentiveFormValue {
  float: left;
  margin-top: 4px;
}
div.blockIncentive div.blockIncentiveContent div.incentiveForm div.incentiveFormValue input,
div.blockIncentive div.blockIncentiveContent div.incentiveForm div.incentiveFormValue select {
  border: 1px solid #bbe3ff;
  height: 24px;
  width: 260px;
}
div.blockIncentive div.blockIncentiveContent div.incentiveForm div.incentiveFormValue input {
  padding-left: 3px;
}
div.blockIncentive div.blockIncentiveContent div.incentiveForm div.incentiveFormValue input.fancy {
  width: 118px;
  letter-spacing: 12px;
}
div.blockIncentive div.blockIncentiveContent div.incentiveForm div.incentiveFormValue span.RadioButtonListGender label {
  position: relative;
  top: -4px;
  margin-right: 10px;
}
div.blockIncentive div.blockIncentiveContent div.incentiveForm div.incentiveFormValue span.RadioButtonListGender input {
  width: 20px;
  position: relative;
  top: 4px;
  border: 0px;
}
div.blockIncentive div.blockIncentiveContent div.incentiveForm div.incentiveFormValue input.error,
div.blockIncentive div.blockIncentiveContent div.incentiveForm div.incentiveFormValue select.error {
  border: 1px solid #c61616;
}
div.blockIncentive div.blockIncentiveContent div.incentiveForm div.incentiveFormValue input.address {
  width: 192px;
}
div.blockIncentive div.blockIncentiveContent div.incentiveForm div.incentiveFormValue input.addressNumber {
  width: 50px;
  margin-left: 8px;
}
div.blockIncentive div.blockIncentiveContent div.incentiveForm div.incentiveFormValue div.country {
  width: 269px;
}
div.blockIncentive div.blockIncentiveContent div.incentiveForm div.incentiveFormValue select.country {
  width: 269px;
  background-position: 247px 2px;
}
div.blockIncentive div.blockIncentiveContent div.incentiveForm div.incentiveFormConditions {
  clear: both;
  float: left;
  margin-top: 15px;
}
div.blockIncentive div.blockIncentiveContent div.incentiveForm div.buttonSend {
  clear: both;
  float: right;
  margin-top: 40px;
}
div.blockIncentive div.blockIncentiveContent .codeLabel {
  padding-top: 4px;
}
div.blockIncentive div.blockIncentiveContent input.fancyCode {
  letter-spacing: 8px;
  width: 118px;
  background-image: url(../img/base/Elements/pc/CodeField.jpg);
  background-repeat: no-repeat;
  border: none;
  height: 28px;
  padding-left: 5px;
  font-size: 16px;
  font-family: 'Courier New';
}
.col3.sidebar.incentive > .content {
  padding: 10px;
}
.incentive .row.field.gender input[type=checkbox],
.incentive .row.field.terms input[type=checkbox],
.incentive .row.field.gender input[type=radio],
.incentive .row.field.terms input[type=radio] {
  position: absolute;
  z-index: -1000;
  left: -1000px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
.incentive .row.field.gender input[type=checkbox] + label,
.incentive .row.field.terms input[type=checkbox] + label,
.incentive .row.field.gender input[type=radio] + label,
.incentive .row.field.terms input[type=radio] + label,
.incentive .row.field.gender span.aspNetDisabled + label.initialLabel,
.incentive .row.field.terms span.aspNetDisabled + label.initialLabel {
  padding-left: 30px;
  height: 20px;
  min-height: 20px;
  line-height: 20px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0 0;
  vertical-align: middle;
  cursor: pointer;
}
.incentive .row.field.gender input[type=checkbox] + label:hover,
.incentive .row.field.terms input[type=checkbox] + label:hover,
.incentive .row.field.gender input[type=radio] + label:hover,
.incentive .row.field.terms input[type=radio] + label:hover,
.incentive .row.field.gender span.aspNetDisabled + label.initialLabel:hover,
.incentive .row.field.terms span.aspNetDisabled + label.initialLabel:hover {
  font-weight: 600;
  background-position: 0 -40px;
}
.incentive .row.field.gender span.aspNetDisabled + label.initialLabel,
.incentive .row.field.terms span.aspNetDisabled + label.initialLabel {
  background: url(../img/base/elements/pc/Prijsvrij_Selectieicon_grijs.png) no-repeat transparent 0 0;
  background-size: 20px 20px;
  color: #ccc;
  cursor: default;
}
.incentive .row.field.gender span.aspNetDisabled + label.initialLabel:hover,
.incentive .row.field.terms span.aspNetDisabled + label.initialLabel:hover {
  cursor: default !important;
  font-weight: 500 !important;
  background-position: 0 0 !important;
}
.incentive .row.field.gender input[type=checkbox] + label,
.incentive .row.field.terms input[type=checkbox] + label {
  background-image: url(../img/Base/elements/pc/prijsvrij-checkbox.png);
}
.incentive .row.field.gender input[type=checkbox]:checked + label,
.incentive .row.field.terms input[type=checkbox]:checked + label,
.incentive .row.field.gender input[type=radio]:checked + label,
.incentive .row.field.terms input[type=radio]:checked + label {
  background-position: 0 -20px;
}
.incentive .row.field.gender input[type=checkbox]:checked + label:hover,
.incentive .row.field.terms input[type=checkbox]:checked + label:hover,
.incentive .row.field.gender input[type=radio]:checked + label:hover,
.incentive .row.field.terms input[type=radio]:checked + label:hover {
  font-weight: 600;
  background-position: 0 -60px;
}
.incentive .row.field.gender input[type=checkbox].parent-marked + label,
.incentive .row.field.terms input[type=checkbox].parent-marked + label {
  background-position: 0 -20px;
}
.incentive .row.field.gender input[type=checkbox].parent-marked + label:hover,
.incentive .row.field.terms input[type=checkbox].parent-marked + label:hover {
  font-weight: 600;
  background-position: 0 -60px;
}
.incentive .row.field.gender input[type=radio] + label,
.incentive .row.field.terms input[type=radio] + label {
  background-image: url(../img/Base/elements/pc/prijsvrij-radio.png);
}
.incentive .row.field.gender label,
.incentive .row.field.terms label {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.incentive .row.field.gender span label {
  margin-top: 5px;
}
.incentive .row.field.terms {
  margin-top: 25px;
}
@media (max-width: 767px) {
  div.blockIncentive div.blockIncentiveContent .row.field label {
    width: 100%;
    clear: both;
  }
  div.blockIncentive div.blockIncentiveContent .row.field .cbConditions label {
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  div.blockIncentive div.blockIncentiveContent .row.terms {
    min-height: 60px;
  }
}
/* END Incentive */
#item-11 a span,
.filtergroup-11 label span {
  font-size: 26px;
  line-height: 24px;
  float: right;
  letter-spacing: 1px;
}
.filtergroup-11 label span {
  line-height: 22px;
}
#item-11 a span.inactive,
#item-11 a span.active.mr {
  margin-right: 55px;
}
#item-11 a span.inactive,
.filtergroup-11 label span.inactive {
  color: #C6E5FA;
}
#item-11 .inactive a span.active,
.filtergroup-11 .inactive label span.active {
  color: #7c7c7c !important;
}
#item-11 .inactive a span.inactive,
.filtergroup-11 .inactive label span.inactive {
  color: #ccc;
}
span.bullet {
  padding-left: 5px;
  line-height: 18px;
  display: inline-block;
  width: 6px;
  height: 6px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #c00;
  overflow: hidden;
  position: inherit;
  width: 1px;
  height: 1px;
  margin-right: 4px;
  padding: 1px;
  margin-bottom: 2px;
}
div#checks label {
  line-height: 13px;
  vertical-align: bottom;
}
ul.list-classification {
  /*margin-left:6px;*/
  margin-bottom: 2px;
  display: inline-block !important;
}
ul.list-classification li {
  float: left !important;
  clear: none !important;
  text-indent: -9999px;
  overflow: hidden;
  margin: 0 2px 0 0 !important;
  padding: 0 !important;
  border: none !important;
  background: url(../img/base/ico/sterren_64.png) no-repeat 0 0;
  background-size: 500%;
  width: 13px !important;
  height: 13px !important;
}
ul.list-classification li.no-star {
  background-position: -26px 0;
}
ul.list-classification li.half.star {
  background-position: -13px 0;
}
ul.list-classification li.inactive.star {
  background-position: -39px 0;
}
ul.list-classification li.inactive.no-star {
  background-position: -52px 0;
}
ul.list-classification.small li {
  width: 8px !important;
  height: 8px !important;
  background-size: 500%;
  margin-right: 1px !important;
}
ul.list-classification.small li.no-star {
  background-position: -16px 0;
}
ul.list-classification.small li.half.star {
  background-position: -8px 0;
}
ul.list-classification.small li.inactive.star {
  background-position: -32px 0;
}
ul.list-classification.small li.inactive.no-star {
  background-position: -40px 0;
}
label ul.list-classification,
label ul.list-classification li {
  display: inline !important;
  pointer-events: none;
}
.full-width {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
/* HelpControl */
#HelpBox {
  display: none;
  position: fixed;
  bottom: 0px;
  z-index: 995;
  right: 25px;
  color: #ffffff;
}
#HelpBox a {
  text-decoration: none;
}
#HelpBox .HelpClosed {
  color: #fff;
  font-size: 15px;
  border-bottom: 0px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#89ccfa+0,72c3f8+26,30a7f5+76,1a9df4+100 */
  /* LET OP: Ik heb hier de hoogtes handmatig gezet in pixels! */
  background-color: #89ccfa;
  background: -webkit-linear-gradient(top, #89ccfa 0%, #72c3f8 13px, #30a7f5 41px, #1a9df4 100%) #89ccfa no-repeat;
  background: -moz-linear-gradient(top, #89ccfa 0%, #72c3f8 13px, #30a7f5 41px, #1a9df4 100%) #89ccfa no-repeat;
  /*background:                  -o-linear-gradient(@origin, @stops) @start-color no-repeat;*/
  background: linear-gradient(to bottom, #89ccfa 0%, #72c3f8 13px, #30a7f5 41px, #1a9df4 100%) #89ccfa no-repeat;
  font-weight: bold;
  height: 35px;
  width: 277px;
  padding: 20px 20px 0 10px;
  text-transform: uppercase;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  cursor: pointer;
}
#HelpBox .HelpClosed .icon {
  background: url("../../../img/base/elements/pc/HelpControl/Information.png") no-repeat;
  height: 43px;
  width: 43px;
  float: left;
  margin-top: -12px;
  padding-right: 5px;
}
#HelpBox .OptionBox {
  width: 217px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#89ccfa+0,72c3f8+26,30a7f5+76,1a9df4+100 */
  /* LET OP: Ik heb hier de hoogtes handmatig gezet in pixels! */
  background-color: #89ccfa;
  background: -webkit-linear-gradient(top, #89ccfa 0%, #72c3f8 13px, #30a7f5 41px, #1a9df4 100%) #89ccfa no-repeat;
  background: -moz-linear-gradient(top, #89ccfa 0%, #72c3f8 13px, #30a7f5 41px, #1a9df4 100%) #89ccfa no-repeat;
  /*background:                  -o-linear-gradient(@origin, @stops) @start-color no-repeat;*/
  background: linear-gradient(to bottom, #89ccfa 0%, #72c3f8 13px, #30a7f5 41px, #1a9df4 100%) #89ccfa no-repeat;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 20px 20px 0 40px;
}
#HelpBox .OptionBox .optionBox_Header_Close {
  float: right;
  cursor: pointer;
  height: 17px;
  width: 17px;
  background: url("../../../img/base/elements/pc/HelpControl/close.png") no-repeat;
  position: relative;
  top: -10px;
  right: -10px;
}
#HelpBox .OptionBox li {
  height: 75px;
}
#HelpBox .OptionBox li .optionText {
  font-size: 17px;
  font-weight: bold;
  color: #fff;
}
#HelpBox .OptionBox li p.subText {
  margin: 0px;
  padding: 0px;
}
#HelpBox .OptionBox .icon {
  height: 61px;
  width: 61px;
  margin-top: -3px;
  padding-right: 10px;
  float: left;
}
#HelpBox .OptionBox .phoneIcon {
  background: url("../../../img/base/elements/pc/HelpControl/Phone.png") no-repeat;
}
#HelpBox .OptionBox .chatIcon {
  background: url("../../../img/base/elements/pc/HelpControl/Chat.png") no-repeat;
}
#HelpBox .OptionBox .faqIcon {
  background: url("../../../img/base/elements/pc/HelpControl/Faq.png") no-repeat;
}
#HelpBox #dvStartChat {
  cursor: pointer;
}
#HelpBox #dvStartChat.offline {
  cursor: default;
}
/* END HelpControl */
.layover-box {
  position: relative;
  margin-top: 10px;
}
.layover-box > div.dashed-box {
  display: none;
  position: absolute;
  padding: 10px;
  width: 300px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 103;
  background: #EFF8FE;
  border: 1px solid #0092F2;
}
.layover-box > div.infoBalloon {
  margin-left: 10px;
  margin-top: -3px;
}
.layover-box:hover {
  cursor: help !important;
}
.layover-box:hover > div.dashed-box {
  display: block !important;
}
/* PEPERACTIE */
.legenda li div.peper,
#matrix td a.peper:not(.sele) {
  -webkit-animation: peperanim 2s infinite linear;
  -moz-animation: peperanim 2s infinite linear;
  animation: peperanim 2s infinite linear;
}
.legenda li div.peper span {
  -webkit-animation: pepertext 2s infinite linear;
  -moz-animation: pepertext 2s infinite linear;
  animation: pepertext 2s infinite linear;
}
@-webkit-keyframes peperanim {
  0% {
    color: #000;
    font-weight: normal;
    background-image: none;
    background-position: -3px -8px;
  }
  50% {
    color: transparent;
    font-weight: normal;
    background-image: url(//cdn.prijsvrij.nl/Upload/Images/Landingpages/Acties/Detail/2016SpaansePeperWeken/Detail/Korting240/Detail/Detailpagina/Kleinste-pepertje.png);
    background-position: -3px -8px;
  }
  100% {
    color: #000;
    font-weight: normal;
    background-image: none;
    background-position: -3px -8px;
  }
}
@-moz-keyframes peperanim {
  0% {
    color: #000;
    font-weight: normal;
    background-image: none;
    background-position: -3px -8px;
  }
  50% {
    color: transparent;
    font-weight: normal;
    background-image: url(//cdn.prijsvrij.nl/Upload/Images/Landingpages/Acties/Detail/2016SpaansePeperWeken/Detail/Korting240/Detail/Detailpagina/Kleinste-pepertje.png);
    background-position: -3px -8px;
  }
  100% {
    color: #000;
    font-weight: normal;
    background-image: none;
    background-position: -3px -8px;
  }
}
@-ms-keyframes peperanim {
  0% {
    color: #000;
    font-weight: normal;
    background-image: none;
    background-position: -3px -8px;
  }
  50% {
    color: transparent;
    font-weight: normal;
    background-image: url(//cdn.prijsvrij.nl/Upload/Images/Landingpages/Acties/Detail/2016SpaansePeperWeken/Detail/Korting240/Detail/Detailpagina/Kleinste-pepertje.png);
    background-position: -3px -8px;
  }
  100% {
    color: #000;
    font-weight: normal;
    background-image: none;
    background-position: -3px -8px;
  }
}
@-o-keyframes peperanim {
  0% {
    color: #000;
    font-weight: normal;
    background-image: none;
    background-position: -3px -8px;
  }
  50% {
    color: transparent;
    font-weight: normal;
    background-image: url(//cdn.prijsvrij.nl/Upload/Images/Landingpages/Acties/Detail/2016SpaansePeperWeken/Detail/Korting240/Detail/Detailpagina/Kleinste-pepertje.png);
    background-position: -3px -8px;
  }
  100% {
    color: #000;
    font-weight: normal;
    background-image: none;
    background-position: -3px -8px;
  }
}
@keyframes peperanim {
  0% {
    color: #000;
    font-weight: normal;
    background-image: none;
    background-position: -3px -8px;
  }
  50% {
    color: transparent;
    font-weight: normal;
    background-image: url(//cdn.prijsvrij.nl/Upload/Images/Landingpages/Acties/Detail/2016SpaansePeperWeken/Detail/Korting240/Detail/Detailpagina/Kleinste-pepertje.png);
    background-position: -3px -8px;
  }
  100% {
    color: #000;
    font-weight: normal;
    background-image: none;
    background-position: -3px -8px;
  }
}
@-webkit-keyframes pepertext {
  0% {
    color: #000;
    font-weight: normal;
  }
  50% {
    color: transparent;
    font-weight: normal;
  }
  100% {
    color: #000;
    font-weight: normal;
  }
}
@-moz-keyframes pepertext {
  0% {
    color: #000;
    font-weight: normal;
  }
  50% {
    color: transparent;
    font-weight: normal;
  }
  100% {
    color: #000;
    font-weight: normal;
  }
}
@-ms-keyframes pepertext {
  0% {
    color: #000;
    font-weight: normal;
  }
  50% {
    color: transparent;
    font-weight: normal;
  }
  100% {
    color: #000;
    font-weight: normal;
  }
}
@-o-keyframes pepertext {
  0% {
    color: #000;
    font-weight: normal;
  }
  50% {
    color: transparent;
    font-weight: normal;
  }
  100% {
    color: #000;
    font-weight: normal;
  }
}
@keyframes pepertext {
  0% {
    color: #000;
    font-weight: normal;
  }
  50% {
    color: transparent;
    font-weight: normal;
  }
  100% {
    color: #000;
    font-weight: normal;
  }
}
/* PEPERACTIE */
/* WATERPARKEN */
div.image.col4.waterpark {
  position: relative;
}
a.duurzaam,
a.waterpark {
  content: '';
  width: 101px;
  height: 71px;
  background-size: 101px 71px;
  position: absolute;
  left: -15px;
  top: -20px;
  z-index: 1;
  /*&:nth-of-type(3) {
        top: 95px;
    }*/
}
a.duurzaam:hover,
a.waterpark:hover {
  cursor: help;
}
a.duurzaam {
  background: url(https://cdn.prijsvrij.nl/Upload/Images/Icon/groen-blad.png);
  background-size: cover;
  background-position: -30px;
}
a.waterpark {
  background: url(//cdn.prijsvrij.nl/Upload/images/icon/splash.png);
}
li.duurzaam a.duurzaam,
li.waterpark a.waterpark {
  left: -15px;
  top: -25px;
}
li.duurzaam a.duurzaam:nth-of-type(3),
li.waterpark a.waterpark:nth-of-type(3) {
  top: 95px;
}
.duurzaam-tooltip,
.waterpark-tooltip {
  padding: 5px;
  color: #000;
  width: 200px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  z-index: 1;
  font-size: 12px;
}
.duurzaam-tooltip strong,
.waterpark-tooltip strong {
  font-size: 14px;
}
.duurzaam-tooltip {
  background-color: #98FB98;
}
.waterpark-tooltip {
  background-color: #faf370;
}
@media (max-width: 767px) {
  li.duurzaam a.duurzaam,
  li.waterpark a.waterpark {
    top: 0px;
  }
}
body.detail #content-center a.arrow,
li.icon a.arrow {
  position: absolute;
  z-index: 99;
  left: 8px;
  top: -20px;
  height: 26px;
  width: 106px;
  cursor: help;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
body.detail #content-center a.arrow::before,
li.icon a.arrow::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #fff;
  border-radius: 3px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #16b4ef;
  position: absolute;
  top: 0;
  left: 0;
  width: 29px;
  height: 26px;
}
body.detail #content-center a.arrow > span.logo,
li.icon a.arrow > span.logo {
  position: absolute;
  top: 0;
  left: 0;
  width: 29px;
  height: 26px;
  background-size: 100% 100%;
}
body.detail #content-center a.arrow > span.text,
li.icon a.arrow > span.text {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  height: 24px;
  line-height: 22px;
  margin-top: 1px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.4);
  overflow: hidden;
  color: #fff;
  font-family: 'tga_bold';
  font-size: 10px;
  font-weight: bold;
  padding: 0 5px;
  position: absolute;
  left: 29px;
  width: 78px;
}
body.detail #content-center a.arrow span.title,
li.icon a.arrow span.title {
  width: 65px;
  position: absolute;
  right: 5px;
  text-align: left;
}
/* ANIMATIE 'TERUG' DUS MOUSEOUT */
body.detail #content-center a.arrow,
li.icon a.arrow {
  -webkit-transition: width 1s ease 0.5s;
  -moz-transition: width 1s ease 0.5s;
  /*-ms-transition:           @string;*/
  /*-o-transition:            @string;*/
  transition: width 1s ease 0.5s;
}
body.detail #content-center a.arrow > span.text,
li.icon a.arrow > span.text {
  -webkit-transition: width 1s ease 0.5s;
  -moz-transition: width 1s ease 0.5s;
  /*-ms-transition:           @string;*/
  /*-o-transition:            @string;*/
  transition: width 1s ease 0.5s;
}
body.detail #content-center a.arrow > span.text span.description,
li.icon a.arrow > span.text span.description {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  float: left;
  color: #FDE92F;
  -webkit-transition: opacity 0.5s ease 0s;
  -moz-transition: opacity 0.5s ease 0s;
  /*-ms-transition:           @string;*/
  /*-o-transition:            @string;*/
  transition: opacity 0.5s ease 0s;
}
/* ANIMATIE 'HEEN' DUS MOUSEOVER */
body.detail #content-center a.arrow.clicked,
body.detail #content-center a.arrow:hover,
li.icon a.arrow.clicked,
li.icon a.arrow:hover {
  width: 245px;
  -webkit-transition: width 1s ease 0s;
  -moz-transition: width 1s ease 0s;
  /*-ms-transition:           @string;*/
  /*-o-transition:            @string;*/
  transition: width 1s ease 0s;
}
body.detail #content-center a.arrow.clicked > span.text,
body.detail #content-center a.arrow:hover > span.text,
li.icon a.arrow.clicked > span.text,
li.icon a.arrow:hover > span.text {
  width: 215px;
  -webkit-transition: width 1s ease 0s;
  -moz-transition: width 1s ease 0s;
  /*-ms-transition:           @string;*/
  /*-o-transition:            @string;*/
  transition: width 1s ease 0s;
}
body.detail #content-center a.arrow.clicked > span.text span.description,
body.detail #content-center a.arrow:hover > span.text span.description,
li.icon a.arrow.clicked > span.text span.description,
li.icon a.arrow:hover > span.text span.description {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -webkit-transition: opacity 0.5s ease 0.5s;
  -moz-transition: opacity 0.5s ease 0.5s;
  /*-ms-transition:           @string;*/
  /*-o-transition:            @string;*/
  transition: opacity 0.5s ease 0.5s;
}
/* als je 2 keer klikt, geforceerd sluiten */
body.detail #content-center a.arrow.closed,
li.icon a.arrow.closed {
  width: 106px !important;
}
body.detail #content-center a.arrow.closed > span.text,
li.icon a.arrow.closed > span.text {
  width: 78px !important;
}
body.detail #content-center a.arrow.closed > span.text span.description,
li.icon a.arrow.closed > span.text span.description {
  -webkit-opacity: 0 !important;
  -moz-opacity: 0 !important;
  opacity: 0 !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" !important;
  filter: alpha(opacity=0) !important;
  -webkit-transition: opacity 0s ease 0s;
  -moz-transition: opacity 0s ease 0s;
  /*-ms-transition:           @string;*/
  /*-o-transition:            @string;*/
  transition: opacity 0s ease 0s;
}
/* POSITIE RESULTATENPAGINA */
li.icon a.arrow {
  top: 10px;
}
li.icon a.arrow:nth-of-type(2) {
  top: 40px;
}
li.icon a.arrow:nth-of-type(3) {
  top: 70px;
}
li.icon a.arrow:nth-of-type(4) {
  top: 100px;
}
li.icon a.arrow:nth-of-type(5) {
  top: 130px;
}
/* POSITIE DETAILPAGINA */
body.detail #content-center a.arrow {
  /*Hier zit een andere a tussen, dus de 1e is de 2e nth-of-type */
}
body.detail #content-center a.arrow:nth-of-type(2) {
  top: 10px;
}
body.detail #content-center a.arrow:nth-of-type(3) {
  top: 40px;
}
body.detail #content-center a.arrow:nth-of-type(4) {
  top: 70px;
}
body.detail #content-center a.arrow:nth-of-type(5) {
  top: 100px;
}
/* Voorgedefinieerde achtergrondkleuren */
body.detail #content-center a.arrow.purple::before,
li.icon a.arrow.purple::before {
  background-color: #a300d9;
}
body.detail #content-center a.arrow.red::before,
li.icon a.arrow.red::before {
  background-color: #d93600;
}
body.detail #content-center a.arrow.yellow::before,
li.icon a.arrow.yellow::before {
  background-color: #ffbf00;
}
body.detail #content-center a.arrow.green::before,
li.icon a.arrow.green::before {
  background-color: #00b22d;
}
body.detail #content-center a.arrow.water::before,
li.icon a.arrow.water::before {
  background-image: url(https://cdn.prijsvrij.nl/Upload/Images/Icon/Theme/water.png);
  background-size: 100%;
}
/* WATERPARKEN */
#recaptcha_contact {
  float: left;
}
.wishlist-button-holder {
  text-decoration: none;
  font-size: 24px;
}
.wishlist-button-holder a {
  text-decoration: none;
}
.wishlist-button-holder a:hover,
.wishlist-button-holder a.active,
.wishlist-button-holder a.active:hover {
  color: #c00;
}
.wishlist-button-holder a.removed svg path {
  fill: #000 !important;
  fill-opacity: 0.33 !important;
}
.wishlist-button-holder svg {
  width: 28px;
  height: 28px;
  display: block;
}
#top-links .topLinks .wishlist-container > .wishlist-button-holder svg {
  width: 50px;
  height: 43px;
  display: block;
  position: absolute;
  top: -14px;
  left: -13px;
  margin-left: 0;
}
#header-fluid .wishlist-button-holder svg {
  position: absolute;
  top: -4px;
  left: -31px;
}
#top-links .topLinks .wishlist-container > .wishlist-button-holder svg path,
.wishlist-button-holder svg path {
  fill: #fff;
}
#top-links .topLinks .wishlist-container > .wishlist-button-holder svg path,
.wishlist-button-holder a.active svg path,
.wishlist-button-holder svg:hover path,
#header-fluid .wishlist-button-holder svg path {
  fill: #c00;
  fill-opacity: 1;
}
.results .photo .photo-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  cursor: pointer;
}
.results .photo .photo-link a {
  margin: 0 auto;
  display: inline-block;
  width: 100%;
  height: 100%;
  background-color: transparent;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  pointer-events: none;
}
body.detail div.image.col4 .wishlist-button-holder,
ul.results > li .photo > .wishlist-button-holder {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 0;
  width: 28px;
  height: 28px;
}
/*
.wishlist-container 
{ 
    position:relative;
    height:18px;
    width:26px;
    float:left;
    margin-right:5px; 

    & > .wishlist-button-holder 
    {
        position:absolute;
        left:0;
    }

    & > .value 
    {
        position:absolute;
        left:1px;
        top:0px;
        color:#fff;
        width:22px;
        font-size:10px;
        text-align:center;
    }
}
*/
.fluid-popup .wishlist-container {
  margin-right: 0;
}
.fluid-popup .wishlist-container .wishlist-button-holder svg {
  margin: -2px 0 0 -8px;
}
.fluid-popup .wishlist-container .wishlist-button-holder svg path {
  fill: #c00;
  fill-opacity: 1;
}
body.favorites div#search-filters-column .share-favorites {
  /*background: #FFFFFF;*/
  background: #edf7fe;
  border: none;
  box-sizing: border-box;
  border-radius: 2px;
  padding: 16px;
  margin: 0 0 16px 0;
}
body.favorites div#search-filters-column .share-favorites div.box-header {
  margin: -16px 0 16px -16px;
  width: calc(100% + 8px);
  /*
                    height: auto;
                padding: 0;
                background: none;
                font-family: 'Hermes Maia T4';
                font-style: normal;
                font-weight: bold;
                font-size: 20px;
                line-height: 24px;
                letter-spacing: -0.02em;
                color: #004979;
                */
}
body.favorites div#search-filters-column .share-favorites .searchShare {
  margin: 0 !important;
}
body.favorites div#search-filters-column .share-favorites .searchShare .menu {
  padding: 0 !important;
}
body.favorites div#search-filters-column .share-favorites .searchShare .menu:not(:last-child) {
  margin-bottom: 26px;
}
body.favorites div#search-filters-column .share-favorites .searchShare .menu li {
  margin-bottom: 8px;
}
body.favorites div#search-filters-column .share-favorites .searchShare .menu li a {
  font-size: 13px;
  font-weight: 400;
  color: #0077BF;
}
body.favorites div#search-filters-column .share-favorites .searchShare .menu li a:hover {
  text-decoration: underline;
}
body.favorites div#search-filters-column .share-favorites .searchShare .menu span.share {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 8px;
  vertical-align: middle;
  position: relative;
  /*background: #EFF8FE no-repeat;*/
  background: #fff no-repeat;
}
body.favorites div#search-filters-column .share-favorites .searchShare .menu span.share.mail {
  background-image: url('../img/base/ico/2021/general/mail - blue.svg');
  background-size: 18px 18px;
  background-position: center center;
}
body.favorites div#search-filters-column .share-favorites .searchShare .menu span.share.facebook {
  background-image: url('../img/base/ico/2021/social/facebook - blue.svg');
  background-size: 18px 18px;
  background-position: center center;
}
body.favorites div#search-filters-column .share-favorites .searchShare .menu span.share.twitter {
  background-image: url('../img/base/ico/2021/social/twitter - blue.svg');
  background-size: 18px 18px;
  background-position: center center;
}
body.favorites div#search-filters-column .share-favorites .searchShare .menu span.share.favorite {
  background-image: url('../img/base/ico/2021/general/search - blue.svg');
  background-size: 18px 18px;
  background-position: center center;
}
body.favorites div#search-filters-column .share-favorites .searchShare .menu span.share.remove {
  background-image: url('../img/base/ico/2021/general/delete - blue.svg');
  background-size: 18px 18px;
  background-position: center center;
}
body.favorites div#search-filters-column .share-favorites .searchShare .menu.subMenu {
  border-color: #0092f2;
  margin-left: -16px;
  padding: 26px 16px 0 !important;
  width: 100%;
}
#notification {
  padding: 10px 10%;
  background: #fffbd6;
  font-size: 14px;
  position: relative;
  text-align: center;
  /*
    & > div {
        width: 100%;
        height: 40px;
    }
    
    .slick-vertical .slick-slide,
    & > div > div {
        height: 40px !important;
    }
    */
}
#notification > .notifications > div:not(:last-child) {
  margin-bottom: 10px;
}
#notification p {
  line-height: 18px;
}
#notification .slick-slide {
  position: relative;
}
#notification a.clickable {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#notification a.close.red {
  position: absolute !important;
}
@media (max-width: 979px) {
  #notification {
    font-size: 13px !important;
    line-height: 12px;
    text-align: left !important;
    padding: 10px 10% 10px 5%;
    z-index: 1005;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
  }
  #pnlAgencies {
    position: relative;
    width: 100%;
    /*
        top: 56px;
        margin-bottom: 50px;
            */
  }
  #pnlAgencies #notification {
    top: 0;
    z-index: 9;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  #notification {
    text-align: center !important;
  }
}
/* TOUROPERATORS */
.to span {
  width: 62px;
  height: 19px;
  display: block;
  float: left;
  overflow: hidden;
  text-indent: -9999px;
  background: url(../img/base/logo/sprite_to_20210928.png) no-repeat -4px 999px;
}
.special .trip .to span,
.to .logo_small_PK {
  width: 128px;
}
.to.unavail span,
.trip.unavail .to span,
.trip.check .to span {
  background-position-x: -68px;
}
/* kolom links*/
.to .logo_small_JI {
  background-position-y: -4px;
}
/* De Jong Intra*/
.to .logo_small_AL {
  background-position-y: -23px;
}
/* Alltours */
.to .logo_small_SA {
  background-position-y: -42px;
}
/* Sunair*/
.to .logo_small_IS {
  background-position-y: -61px;
}
/* Isropa*/
.to .logo_small_RI {
  background-position-y: -80px;
}
/*Riva Tours*/
.to .logo_small_F1 {
  background-position-y: -99px;
}
/*Floow Travel*/
.to .logo_small_DER {
  background-position-y: -118px;
}
/*DER Touristik*/
.to .logo_small_EU {
  background-position-y: -137px;
}
/*EuroCamp*/
.to .logo_small_DE {
  background-position-y: -156px;
}
/*ITS*/
.to .logo_small_BF {
  background-position-y: -175px;
}
/* Bentour */
.to .logo_small_A1,
.to .logo_small_XALL {
  background-position-y: -194px;
}
/*AltoursX*/
.to .logo_small_FY {
  background-position-y: -213px;
}
/* SolFly*/
.to .logo_small_DB {
  background-position-y: -232px;
}
/*DerTour*/
.to .logo_small_LX,
.to .logo_small_LMX {
  background-position-y: -251px;
}
/*lmx*/
.special .trip.bookable .to .logo_small_DE {
  background-position-y: 270px;
}
/*Its Special Deal*/
.to .logo_small_FD {
  background-position-y: -289px;
}
/*floow Travel x*/
/*.to .logo_small_PK { background-position-y: -308px; }*/
/*pelikaan reizen*/
.to .logo_small_JR {
  background-position-y: -327px;
}
/*jahn reisen*/
.to .logo_small_PK {
  background-position-y: -346px;
}
/*Sunmix powered by pelikaan*/
.to.unavail .logo_small_PK,
.trip.unavail .to .logo_small_PK,
.trip.check .to .logo_small_PK {
  background-position: -4px -365px;
}
/*Sunmix powered by pelikaan grijs*/
.to .logo_small_FZ {
  background-position-y: -384px;
}
/*Solfly Smart*/
.to .logo_small_SG {
  background-position-y: -403px;
}
/*Sunmix*/
.to .logo_small_IL {
  background-position-y: -422px;
}
/*Schau Ins Land*/
.to .logo_small_EXCZ {
  background-position-y: -441px;
}
/*EXIM Tours*/
.to .logo_small_TJAX {
  background-position-y: -460px;
}
/*TraveliX*/
.to .logo_small_MWR {
  background-position-y: -479px;
}
/*Meier Welt Reisen*/
.to .logo_small_ADAC {
  background-position-y: -498px;
}
/*ADAC Reise*/
.to .logo_small_ITSX {
  background-position-y: -517px;
}
/*ITSx*/
.to .logo_small_ITSB {
  background-position-y: -536px;
}
/*ITS Billa*/
.to .logo_small_FI,
.to .logo_small_FTI {
  background-position-y: -555px;
}
/*FTI*/
.to .logo_small_FTIX {
  background-position-y: -574px;
}
/*FTIx*/
.to .logo_small_5VF {
  background-position-y: -593px;
}
/*5 vor flug*/
.to .logo_small_X5VF {
  background-position-y: -612px;
}
/*5 vor flug X*/
.to .logo_small_SLRD {
  background-position-y: -631px;
}
/*Schauinsland Dynamic*/
.to .logo_small_JRX {
  background-position-y: -650px;
}
/*X Jahn Reisen*/
.to .logo_small_DH {
  background-position-y: -669px;
}
/*D-Holidays*/
/* END TOUROPERATORS */
/* HOMEPAGE NIEUWE BLOKKEN */
#visited-accos-home {
  margin-top: 0;
}
#visited-accos-home > .box {
  margin-bottom: 10px;
}
#visited-accos-home .box-content {
  min-height: 263px;
  padding-bottom: 0;
}
#visited-accos-home .box-content .box-photos > ul > li span.count {
  height: 50px;
}
#visited-accos-home .box-content .box-photos > ul > li .accordeon-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 180px;
  padding-bottom: 0;
}
#visited-accos-home .box-photos {
  float: left;
  width: 100%;
  height: 252px;
  clear: both;
  position: relative;
  overflow: hidden;
  padding: 0;
}
#visited-accos-home .box-photos > div {
  float: left;
  clear: none;
  width: 290px;
  padding: 0;
  position: absolute;
  top: 0px;
  margin: 0;
  height: 242px;
}
#visited-accos-home .box-photos a {
  text-decoration: none;
}
#visited-accos-home .box-photos h3 {
  font-size: 14px;
  line-height: 15px;
}
#visited-accos-home .accordeon-header {
  border: none;
  margin-top: 10px;
  padding-top: 0;
}
#visited-accos-home .accordeon-header h4 {
  text-transform: uppercase;
}
#visited-accos-home span.count {
  display: block;
  float: left;
  height: 42px;
  width: 45px;
  font-size: 27px;
  padding: 5px 0 0 0;
  font-weight: bold;
  font-style: italic;
  color: #bf0000;
  -webkit-text-shadow: 2px 2px 2px #bbbbbb;
  -moz-text-shadow: 2px 2px 2px #bbbbbb;
  text-shadow: 2px 2px 2px #bbbbbb;
}
#visited-accos-home .photo {
  width: 290px;
  height: 180px;
  text-align: center;
}
#visited-accos-home .photo img {
  max-height: 100%;
  min-height: 100%;
  width: 100%;
}
#visited-accos-home .slick-prev,
#visited-accos-home .slick-next {
  position: absolute;
  top: 156px;
  width: 50px;
  height: 50px;
  overflow: hidden;
  z-index: 999;
  text-decoration: none;
}
#visited-accos-home .slick-prev::before,
#visited-accos-home .slick-next::before {
  display: block;
  color: #fff !important;
  -webkit-opacity: 1 !important;
  -moz-opacity: 1 !important;
  opacity: 1 !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
  filter: alpha(opacity=100) !important;
  font-size: 18px;
  line-height: 18px;
  text-align: center;
  margin: 18px 0 10px 0;
  width: 24px;
  height: 24px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.33);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
#visited-accos-home .slick-prev:hover::before,
#visited-accos-home .slick-next:hover::before {
  background: rgba(0, 0, 0, 0.5);
}
#visited-accos-home .slick-prev {
  left: 0px;
}
#visited-accos-home .slick-prev::before {
  content: '<';
  margin-left: 8px;
}
#visited-accos-home .slick-next {
  right: 0px;
}
#visited-accos-home .slick-next::before {
  content: '>';
  margin-left: 18px;
}
#visited-accos-home .slick-slider * {
  outline: none;
}
#homepage-banners {
  margin-bottom: 0;
}
#homepage-banners .banner {
  border: none;
}
#homepage-banners .box-spotlight-left {
  margin-right: 10px;
  margin-bottom: 10px;
}
#homepage-banners .box-spotlight-left .box-content {
  background: none;
}
#homepage-banners .box-spotlight-left a {
  color: #fff;
  text-decoration: none;
}
#homepage-banners .box-spotlight-left .pricelabel {
  top: -30px !important;
  right: -2px !important;
}
#homepage-banners:not(.visited-available) .box-spotlight-left:nth-of-type(3n) {
  margin-right: 0;
}
#homepage-banners.visited-available .box-spotlight-left:nth-of-type(odd) {
  margin-right: 0;
}
.col8.hidden-phone {
  height: 1px !important;
  width: 1px !important;
}
#banner-carousel > div {
  position: relative;
}
#banner-carousel > div > a.btn-rood.fluid {
  position: absolute !important;
  bottom: 10px;
  right: 10px;
}
/* HOMEPAGE NIEUWE BLOKKEN */
/* BREDERE ZOEKPAGINA */
/*
@media (min-width: 1100px)
{
    body.search #header .container, body.favorites #header .container,
    body.search #content .container, body.favorites #content .container,
    body.search #content-center .container, body.favorites #content-center .container,
    body.search #content-bottom .container, body.favorites #content-bottom .container,
    body.search #footer .container, body.favorites #footer .container
    {
        width: 1150px;
    }
    body.search .col8, body.favorites .col8 { width: 830px; }
    body.search #header #contact, body.favorites #header #contact { float:right; }

    ul.results > li > .title { width:~"calc(100% - 320px) !important"; }

}

body.search #search-filters select, body.favorites #search-filters select { width:100%;background-position: 257px 2px; }
body.search #search-filters > ul > li table, body.favorites #search-filters > ul > li table { width:100%; }
body.search #search-filters > ul > li table label, body.favorites #search-filters > ul > li table label { width:~"calc(100% - 20px)"; }
body.search #slider-range, body.favorites #slider-range { width:~"calc(100% - 62px)"; }

@media (min-width: 980px) and (max-width: 1099px)
{
    ul.results > li > .title { width:100% !important; }
    ul.results>li>.accommodation { width:290px !important; }
}

@media (min-width: 768px) and (max-width: 979px)
{
    body.search #header .container, body.favorites #header .container,
    body.search #content .container, body.favorites #content .container,
    body.search #content-center .container, body.favorites #content-center .container,
    body.search #content-bottom .container, body.favorites #content-bottom .container,
    body.search #footer .container, body.favorites #footer .container
    {
        width: 710px;
    }
    
}

@media(max-width: 979px), only screen and (min-device-width : 1024px) and (max-device-width : 1366px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2), 
only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 1)
{
    body.search #search-filters > ul > li table label,
    body.favorites #search-filters > ul > li table label 
    { width: ~"calc(100% - 30px)"; }
}
*/
/* BREDERE ZOEKPAGINA */
body .carousel.slick-dotted .slick-track {
  top: 20px;
}
#autocompleteDesktop.debug .autocomplete-list,
#autocompletePhone.debug .autocomplete-list {
  display: block !important;
}
#autocompleteDesktop.debug #history-list,
#autocompletePhone.debug #history-list {
  display: block !important;
}
/*
        https://projects.lukehaas.me/css-loaders/
    0
    146
    242
*/
.spinner-container {
  position: relative;
  width: 100%;
  height: 50px;
  z-index: 999999;
  padding: 10px 0;
}
.spinner-container .spinner {
  font-size: 10px;
  margin: 10px auto;
  text-indent: -9999em;
  width: 30px;
  height: 30px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: relative;
  -webkit-animation: spinner-spin 1.5s infinite linear;
  -moz-animation: spinner-spin 1.5s infinite linear;
  animation: spinner-spin 1.5s infinite linear;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  /*-ms-transform: 		@string;*/
  /*-o-transform: 		@string;*/
  transform: translateZ(0);
  background-color: #fcfeff;
  background: -webkit-linear-gradient(left, #0092f2 10%, rgba(0, 146, 242, 0) 42%) #fcfeff no-repeat;
  background: -moz-linear-gradient(left, #0092f2 10%, rgba(0, 146, 242, 0) 42%) #fcfeff no-repeat;
  /*background:                  -o-linear-gradient(@origin, @stops) @start-color no-repeat;*/
  background: linear-gradient(to right, #0092f2 10%, rgba(0, 146, 242, 0) 42%) #fcfeff no-repeat;
}
.spinner-container .spinner:before {
  width: 50%;
  height: 50%;
  -webkit-border-radius: 100% 0 0 0;
  -moz-border-radius: 100% 0 0 0;
  border-radius: 100% 0 0 0;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  background: #0092f2;
}
.spinner-container .spinner:after {
  width: 60%;
  height: 60%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  content: '';
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #fff;
}
.dashed-box .spinner:after {
  background: #e4f3fd;
}
#trips li .anim .spinner-container {
  width: 20px;
  height: 20px;
  margin: 0;
  padding: 0;
}
#trips li .anim .spinner-container .spinner {
  width: 100%;
  height: 100%;
  margin: 0;
  position: relative;
  top: 0;
  left: 0;
}
/*
    .spinner-container
    {
        position:relative;
        width:100%;
        height:50px;
        z-index:999999;
        padding:10px 0;
    
        .spinner
        {
            background:url(https://cdn.prijsvrij.nl/upload/images/icon/wait/prijsvrij-dollar.svg) no-repeat;
            background-size:cover;
            width:50px;
            height:65px;
            position:absolute;
            top:10px;
            left:50%;
            margin-left:-25px;
            .animation( dollar-spin 1s infinite linear );
        }
    }
    */
.animated-airplane,
.animation-container {
  width: 100%;
  overflow: hidden;
  position: relative;
  float: left;
  clear: both;
}
.animated-airplane:before,
.animation-container:before {
  content: "";
  display: block;
  padding-top: 50%;
  /* initial ratio of 2:1*/
}
.animated-airplane .cloud,
.animation-container .cloud {
  background: url(https://cdn.prijsvrij.nl/upload/images/icon/wait/cloud.svg) no-repeat;
  background-size: cover;
  bottom: 8%;
  right: -20%;
  position: absolute;
  z-index: 3;
  width: 26%;
  height: 33%;
  -webkit-animation: cloud-move 5s infinite linear;
  -moz-animation: cloud-move 5s infinite linear;
  animation: cloud-move 5s infinite linear;
}
.animated-airplane .cloud.top,
.animation-container .cloud.top {
  bottom: auto;
  top: 18%;
  z-index: 1;
  -webkit-animation: cloud-move 5s 2s infinite linear;
  -moz-animation: cloud-move 5s 2s infinite linear;
  animation: cloud-move 5s 2s infinite linear;
  width: 18%;
  height: 23%;
}
.animated-airplane .airplane,
.animation-container .airplane {
  background: url(https://cdn.prijsvrij.nl/upload/images/icon/wait/airplane-prijsvrij.svg) no-repeat;
  background-size: cover;
  position: absolute;
  z-index: 2;
  left: 15%;
  top: 22%;
  width: 70%;
  height: 50%;
  -webkit-animation: airplane-bounce 5s infinite linear;
  -moz-animation: airplane-bounce 5s infinite linear;
  animation: airplane-bounce 5s infinite linear;
}
.animated-airplane .object,
.animation-container .object {
  position: absolute;
  z-index: 4;
  right: -10px;
  top: 10%;
  font-size: 14px;
  width: 100%;
  word-break: keep-all;
  white-space: nowrap;
}
.animated-airplane .object.move-rl,
.animation-container .object.move-rl {
  -webkit-animation: object-move-rl 10s infinite linear;
  -moz-animation: object-move-rl 10s infinite linear;
  animation: object-move-rl 10s infinite linear;
}
.animated-airplane .object.move-lr,
.animation-container .object.move-lr {
  -webkit-animation: object-move-lr 10s infinite linear;
  -moz-animation: object-move-lr 10s infinite linear;
  animation: object-move-lr 10s infinite linear;
}
.animated-airplane .object.bottom,
.animation-container .object.bottom {
  top: auto;
  bottom: 11%;
}
@media (max-width: 767px) {
  .action .animated-airplane {
    width: 100%;
    margin: -25px 0 0 0;
    background-color: #ffffff;
    background: -webkit-linear-gradient(top, #ffffff 0%, #e4f3fd 100%) #ffffff no-repeat;
    background: -moz-linear-gradient(top, #ffffff 0%, #e4f3fd 100%) #ffffff no-repeat;
    /*background:                  -o-linear-gradient(@origin, @stops) @start-color no-repeat;*/
    background: linear-gradient(to bottom, #ffffff 0%, #e4f3fd 100%) #ffffff no-repeat;
  }
  .action .animated-airplane .airplane {
    top: 20%;
  }
  .action .animated-airplane .object.bottom {
    bottom: 13%;
  }
}
@media (max-width: 979px) {
  .action .animated-airplane {
    background-color: #ffffff;
    background: -webkit-linear-gradient(top, #ffffff 0%, #e4f3fd 100%) #ffffff no-repeat;
    background: -moz-linear-gradient(top, #ffffff 0%, #e4f3fd 100%) #ffffff no-repeat;
    /*background:                  -o-linear-gradient(@origin, @stops) @start-color no-repeat;*/
    background: linear-gradient(to bottom, #ffffff 0%, #e4f3fd 100%) #ffffff no-repeat;
  }
}
#GeoLocationBanner .popupOverLay {
  z-index: 999999998;
}
#GeoLocationBanner #geolocation-popup {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  position: fixed !important;
  left: 50% !important;
  top: 50% !important;
  margin-left: -215px !important;
  transform: translateY(-50%);
  width: 430px;
  z-index: 999999999;
  box-shadow: rgba(0, 0, 0, 0.3) 0 0 15px 2px;
}
#GeoLocationBanner #geolocation-popup .container {
  background: #fff;
  padding: 22px 22px 82px 22px !important;
}
#GeoLocationBanner #geolocation-popup .container .TextHolder .title {
  padding: 10px 0 0 0;
  font-size: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin: 0 0 20px 0;
  font-weight: bold;
  color: #0092F2;
  line-height: 24px;
  text-transform: uppercase;
}
#GeoLocationBanner #geolocation-popup .container .TextHolder .button-holder {
  position: absolute;
  right: 22px;
  bottom: 25px;
  width: 260px;
}
#GeoLocationBanner #geolocation-popup .container .TextHolder .button-holder > a::before {
  display: block;
  content: '';
  width: 27px;
  height: 18px;
  overflow: hidden;
  background: #fff;
  border: 1px solid #fff;
  float: left;
  margin: -4px 10px 0 -10px;
  border-radius: 3px;
}
#GeoLocationBanner #geolocation-popup .container .TextHolder .button-holder > a.flag-nl::before {
  background: url(../img/base/ico/vlaggetje_NL.png) no-repeat 0 0;
}
#GeoLocationBanner #geolocation-popup .container .TextHolder .button-holder > a.flag-be::before {
  background: url(../img/base/ico/vlaggetje_BE.png) no-repeat 0 -1px;
}
#GeoLocationBanner #HideGeoLocationBanner {
  float: right;
}
#GeoLocationBanner .TextHolder a {
  font-weight: bold;
  padding-left: 25px;
}
#GeoLocationBanner #HideGeoLocationBanner {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 22px;
  height: 22px;
}
#GeoLocationBanner #HideGeoLocationBanner a {
  color: #333;
  font-size: 40px;
  line-height: 20px;
  font-weight: 400;
  text-decoration: none;
}
@media (max-width: 767px) {
  #GeoLocationBanner #geolocation-popup {
    width: 310px;
    margin-left: -155px !important;
    margin-top: -100px;
  }
  #GeoLocationBanner #geolocation-popup .container {
    width: auto;
    padding-top: 50px !important;
  }
  #GeoLocationBanner #geolocation-popup .container .title {
    margin-bottom: 15px !important;
  }
}
.newsletter-popup-container {
  position: fixed;
  top: 0;
  left: calc(50% - 475px);
  width: 950px;
  height: 1px;
  padding: 0;
  z-index: 99999999;
}
.newsletter-popup-container .newsletter-popup {
  position: absolute;
  top: 200px;
  right: 0;
  width: 292px;
  background: #0092F2;
  box-shadow: rgba(0, 0, 0, 0.3) 0 0 15px 2px;
  z-index: 99999999;
  padding: 0;
}
.newsletter-popup-container .newsletter-popup img {
  margin: 15px 0;
}
.newsletter-popup-container .newsletter-popup fieldset {
  padding: 0 22px 22px !important;
  box-sizing: border-box;
}
.newsletter-popup-container .newsletter-popup fieldset p.error {
  color: #D90000;
  text-transform: uppercase;
  font-size: 13px;
}
.newsletter-popup-container .newsletter-popup fieldset input {
  width: 100%;
  margin-bottom: 10px;
}
.newsletter-popup-container .newsletter-popup fieldset input.inactive {
  color: #808080;
}
.newsletter-popup-container .newsletter-popup fieldset .note {
  color: #FDE92F;
  text-transform: uppercase;
  font-size: 13px;
  display: inline-block;
  margin-bottom: 10px;
  width: 100%;
  text-align: center;
}
.newsletter-popup-container .newsletter-popup fieldset .btn-rood-fluid-wrapper {
  width: 100%;
}
.newsletter-popup-container .newsletter-popup fieldset .btn-rood-fluid-wrapper .btn-rood {
  width: 100%;
  margin-bottom: 0;
}
.newsletter-popup-container .newsletter-popup fieldset .btn-rood-fluid-wrapper::after {
  bottom: 6px;
}
.newsletter-popup-container .newsletter-popup a.close.red {
  position: absolute;
  top: 23px;
  right: 25px;
}
.newsletter-popup-container .newsletter-popup a.close.red::after {
  color: #fff;
}
.newsletter-popup-container .newsletter-popup.complete {
  padding: 22px;
  font-weight: bold;
  color: #fff;
  font-size: 20px;
}
@media (max-width: 979px) {
  .newsletter-popup-container {
    position: fixed;
    left: 0;
    bottom: 0;
    top: auto;
    z-index: 99999;
    width: 100%;
    height: 308px;
  }
  .newsletter-popup-container .newsletter-popup {
    position: absolute;
    left: 0;
    top: 0;
    right: auto;
    width: 100%;
  }
  .newsletter-popup-container .newsletter-popup img {
    margin: 13px auto;
  }
  .newsletter-popup-container .newsletter-popup fieldset input:nth-of-type(1):not(.btn-rood) {
    width: 35%;
    margin-right: 5px;
  }
  .newsletter-popup-container .newsletter-popup fieldset input:nth-of-type(2) {
    width: 60%;
  }
  .newsletter-popup-container .newsletter-popup fieldset p.note {
    width: 100%;
    text-align: center;
  }
  .newsletter-popup-container .newsletter-popup fieldset .btn-rood-fluid-wrapper .btn-rood {
    width: auto;
    float: right;
  }
  .newsletter-popup-container.complete {
    height: 66px;
    font-weight: bold;
    color: #fff;
    font-size: 20px;
  }
}
body.home #content > .container > .row > .col8 {
  margin-right: 0;
}
#ContentPlaceContentBlock3_pnlInformation #TranslatedText {
  width: 100%;
  overflow: hidden;
}
#ContentPlaceContentBlock3_pnlInformation #TranslatedText:not(.toggled) {
  max-height: auto;
}
#ContentPlaceContentBlock3_pnlInformation #TranslatedText.toggled {
  position: relative;
  max-height: 250px;
  transition: max-height 0.5s;
}
#ContentPlaceContentBlock3_pnlInformation #TranslatedText.toggled::after {
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  background: linear, to bottom, transparent 0%, #fbfdff 100%;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff", GradientType=0);
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 40px;
  width: 100%;
  pointer-events: none;
}
#ContentPlaceContentBlock3_pnlInformation #TranslatedText.toggled.show {
  max-height: none !important;
}
#ContentPlaceContentBlock3_pnlInformation #TranslatedText.toggled.show::after {
  display: none;
}
#ContentPlaceContentBlock3_pnlInformation .box-information a.toggle-link {
  position: relative;
}
#ContentPlaceContentBlock3_pnlInformation .box-information a.toggle-link::after {
  display: block;
  content: '▼';
  position: absolute;
  right: -20px;
  top: 2px;
  color: #0092F2;
}
#ContentPlaceContentBlock3_pnlInformation .box-information a.toggle-link.less::after {
  content: '▲';
}
#ContentPlaceContentBlock3_pnlInformation .box-information .block.none {
  margin-top: 25px;
}
#ContentPlaceContentBlock3_pnlInformation .box-information .block.none h3 {
  padding-left: 0 !important;
}
#ContentPlaceContentBlock3_pnlInformation .box-information .block.none h3::before {
  display: none !important;
}
div.content.contact div.dashed-box ul.form li label {
  font-weight: bold;
  width: 100%;
  clear: both;
  float: left;
}
div.content.contact div.dashed-box ul.form li input:not(.btn-rood),
div.content.contact div.dashed-box ul.form li select {
  margin-bottom: 10px;
}
div.content.contact div.dashed-box ul.form li input,
div.content.contact div.dashed-box ul.form li select,
div.content.contact div.dashed-box ul.form li textarea {
  width: 100%;
}
body.home #homepage-banners .box-header {
  border-top-left-radius: 0;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 0;
  height: 24px;
}
/* fix the peek-a-boo parts on the detailpage when travelparty is opened (shade z-index) */
body:not(.travelparty):not(.detailpopup) td a.sele {
  z-index: 10 !important;
}
body:not(.travelparty):not(.detailpopup) #header {
  z-index: 2;
}
body.travelparty td a.sele {
  z-index: 0 !important;
}
body.travelparty #header {
  z-index: 0;
}
body.travelparty #ctl00_ContentPlaceContentBlock3_BaseMatrixControl_travelParty_btnToggleTravelParty {
  z-index: 0;
}
body.travelparty .box-matrix .prices .prefdate .pref .filters fieldset .row {
  z-index: 0;
}
body.travelparty #footer > .container > .footer-content {
  z-index: -1 !important;
}
body.travelparty a.waterpark {
  z-index: 0;
}
body.travelparty #notification a.close.red {
  z-index: 0;
}
body.detailpopup .box-matrix .prices .prefdate .pref .filters .travgroup {
  z-index: 0;
}
body.detailpopup .box-matrix .prices .prefdate .pref .filters fieldset .row {
  z-index: 0;
}
body.detailpopup .box-matrix .prices .prefdate .pref .filters fieldset .row::after {
  z-index: 0;
}
body.detailpopup td a.sele {
  z-index: 0 !important;
}
body.detailpopup #header {
  z-index: 0;
}
body.detailpopup #ctl00_ContentPlaceContentBlock3_BaseMatrixControl_travelParty_btnToggleTravelParty {
  z-index: 0;
}
body.detailpopup #footer > .container > .footer-content {
  z-index: -1 !important;
}
body.detailpopup a.waterpark {
  z-index: 0;
}
body.detailpopup #notification a.close.red {
  z-index: 0;
}
body.detailpopup .box-matrix .prices .availableRooms .room-selector {
  z-index: 0;
}
.status-box {
  border-radius: 8px;
  border: 1px solid #0092F2;
  padding: 10px 10px 10px 50px;
  background: #EFF8FE;
  position: relative;
  font-family: Open Sans;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 20px;
  text-rendering: optimizeLegibility;
  overflow: hidden;
  text-align: justify;
  width: 100%;
  box-sizing: border-box;
}
.status-box:before {
  font-family: 'Prijsvrij Icons';
  content: '\e93f';
  width: 40px;
  height: 100%;
  background: #0092F2;
  position: absolute;
  top: 0;
  left: 0;
  color: #FFF;
  line-height: 100%;
  text-align: center;
  font-weight: normal;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.status-box.warning {
  background: #FFF;
  border-color: #EEAC2C;
}
.status-box.warning:before {
  background-color: #EEAC2C;
  content: '\e948';
}
.status-box.error {
  background: #FFF;
  border-color: #B34040;
}
.status-box.error:before {
  background-color: #B34040;
  content: '\e931';
}
.status-box.success {
  background: #FFF;
  border-color: #66B340;
}
.status-box.success:before {
  background-color: #66B340;
  content: '\e946';
}
.status-box.light {
  border: none;
  font-size: 11px;
  font-weight: normal;
  line-height: 16px;
  padding: 10px 20px;
  box-shadow: 0px 2px 12px -11px grey;
}
.status-box.light:before {
  display: none;
}
/*
@font-face {
    font-family: 'tga_reg';
    src: url('../../../Original/Fonts/cs-CZ/texgyreadventor-regular-webfont.eot');
    src: url('../../../Original/Fonts/cs-CZ/texgyreadventor-regular-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../../../Original/Fonts/cs-CZ/texgyreadventor-regular-webfont.svg#tw_cen_mtregular') format('svg'),
         url('../../../Original/Fonts/cs-CZ/texgyreadventor-regular-webfont.woff') format('woff'),
         url('../../../Original/Fonts/cs-CZ/texgyreadventor-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'tga_bold';
    src: url('../../../Original/Fonts/cs-CZ/texgyreadventor-bold-webfont.eot');
    src: url('../../../Original/Fonts/cs-CZ/texgyreadventor-bold-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../../../Original/Fonts/cs-CZ/texgyreadventor-bold-webfont.svg#tw_cen_mtregular') format('svg'),
         url('../../../Original/Fonts/cs-CZ/texgyreadventor-bold-webfont.woff') format('woff'),
         url('../../../Original/Fonts/cs-CZ/texgyreadventor-bold-webfont.ttf') format('truetype');
    font-weight: 700;
    font-style:normal;
}
*/
.share li a span.mail {
  background: url(../../../../img/sunmix.cz/Base/button/pc/btn-mailaccommodatie.png) no-repeat left top;
  width: 110px;
}
.payment span:not(.separator) {
  background-image: url(../../../../img/sunmix.cz/Base/logo/payment-options_20161213.png);
}
.payment span.mastercard {
  background-position: -89px 0;
  width: 39px;
}
.payment span.maestro {
  background-position: -126px 0;
  width: 40px;
}
.payment span.visa {
  background-position: -218px 0;
  width: 48px;
}
.payment span.csob {
  background-position: -357px 0;
  width: 42px;
}
.payment span.csob {
  background-position: -360px 0;
  width: 40px;
}
#receipt .savings {
  background: #fff url(../../../../img/sunmix.cz/Base/elements/pc/saving_area_width.png) no-repeat bottom left;
}
.sticker-blue {
  background: transparent url(../../../../img/sunmix.cz/Base/elements/pc/sunmix_sticker.png) no-repeat left top;
}
.newsletter-box .mailbox {
  background: url(../../../../img/sunmix.cz/Base/elements/pc/newsletters.png) no-repeat left bottom;
}
#newsletter-box .mailbox {
  background: url(../../../../img/sunmix.cz/Base/elements/pc/newsletters.png) no-repeat left bottom;
}
ul.results > li > .price {
  width: 130px;
}
.pricelabel {
  font-size: 20px;
  background: url(../../../../img/sunmix.cz/Base/elements/pc/pricelabel-cz.png) no-repeat left top;
  background-size: 100%;
  width: 117px;
  height: 70px;
}
.pricelabel.huge {
  font-size: 20px;
  background: url(../../../../img/sunmix.cz/Base/elements/pc/pricelabel-cz.png) no-repeat left top;
  background-size: 100%;
}
#receipt.be-friend .pricelabel.huge {
  width: 136px;
  height: 81px;
  font-size: 20px;
  background: url(../../../../img/sunmix.cz/Base/elements/pc/pricelabel-cz.png) no-repeat left top;
  background-size: 100%;
}
#receipt.be-friend .pricelabel.huge small {
  font-size: 12px;
  position: absolute;
  left: 20px;
  top: 10px;
}
#receipt.be-friend .pricelabel.huge span.value {
  position: absolute;
  right: 29px;
  bottom: 45px;
}
#receipt.be-friend .pricelabel.huge {
  width: 136px;
  height: 81px;
  font-size: 20px;
  background: url(../../../../img/sunmix.cz/Base/elements/pc/pricelabel-cz.png) no-repeat left top;
  background-size: 100%;
}
#receipt.be-friend .pricelabel.huge small {
  font-size: 12px;
  position: absolute;
  left: 20px;
  top: 10px;
}
#receipt.be-friend .pricelabel.huge span.value {
  position: absolute;
  right: 29px;
  bottom: 45px;
}
.pricelabel span.value {
  bottom: 22px;
}
.pricelabel .currency {
  font-size: 15px;
}
.pricelabel.medium {
  font-size: 14px;
  width: 77px;
  padding: 10px 6px 10px 0px;
  right: -24px;
}
.pricelabel.medium span.currency {
  font-size: 12px;
}
.pricelabel span.separator {
  font-size: 10px;
}
.pricelabel.tiny {
  padding: 5px 10px 0 6px;
  width: 35px;
  height: 24px;
  font-size: 10px;
  line-height: 13px;
  background: url(../../../../img/sunmix.cz/Base/elements/pc/prijssticker_map.png) no-repeat left top;
}
.pricelabel.tiny .currency {
  font-size: 10px;
}
#matrix td a.sele {
  background: url(../../../../img/sunmix.cz/Base/elements/pc/prijssticker_tabel_cz_big.png) no-repeat center top;
  background-size: 66px 31px;
  width: 66px !important;
  left: -6px !important;
}
#contact .phone .infoBalloon span.hover {
  left: -115px;
}
.review a {
  background: url(../../../img/Base/logo/logo_holidaycheck_small.png) no-repeat right;
  padding-right: 128px;
  padding-bottom: 5px;
  padding-top: 5px;
}
.review a.noLogo {
  background: none;
  padding: 0px;
  margin: 0px;
  float: none;
}
#trips li .transport {
  width: 348px;
}
#trips li .price {
  width: 100px;
}
/* Vriendenprijsjes */
#vriendenprijsjes .btnFacebook {
  background: url(../../../../img/sunmix.cz/Base/elements/pc/vp2015-website_facebooklogin_dev.png) no-repeat left;
}
#vriendenprijsjes .background {
  background-image: url(../../../../img/sunmix.cz/Base/elements/pc/vp2016-background.jpg);
  opacity: 0.7;
  filter: alpha(opacity=70);
  /* For IE8 and earlier */
}
#vriendenprijsjes .prijsjes {
  background-image: url(../../../../img/sunmix.cz/Base/elements/pc/vriendenprijsjes-prijsjes.png);
  background-repeat: no-repeat;
  background-position: bottom;
}
#vriendenprijsjes .box-wordt-vriend {
  height: 128px;
}
#vriendenprijsjes .box-wordt-vriend .btn-dont-become-friend {
  background: url(../../../../img/sunmix.cz/Base/elements/pc/vp2016-knop-sluit-cb.png) no-repeat;
}
#vriendenprijsjes .box-wordt-vriend .btn-become-friend {
  background: url(../../../../img/sunmix.cz/Base/elements/pc/vp2016-knop-aanmelden-cb.png) no-repeat;
}
#vriendenprijsjes .button-close {
  background: url(../../../../img/sunmix.cz/Base/elements/pc/vriendenprijsjes-sluiten.png) no-repeat left top;
}
#vriendenprijsjes .button-friend {
  background: url(../../../../img/sunmix.cz/Base/elements/pc/vp2015-website_ikbenalvriendknop_dev.png) no-repeat left top;
}
.friendBanner {
  background: #fff url(../../../../img/sunmix.cz/Base/elements/pc/vp2016-banner_friend_wide.png) no-repeat left top;
}
.friendBanner.small {
  background: #fff url(../../../../img/sunmix.cz/Base/elements/pc/vp2016-banner_small_dev.png) no-repeat left top;
}
#thanksforfriend .thankYouForBeingFriend {
  background: transparent url(../../../../img/sunmix.cz/Base/elements/pc/vriendenprijsje.png) no-repeat left top;
}
#vriendenprijsjes .intro {
  background: url(../../../../img/sunmix.cz/Base/elements/pc/vp2016-tekst-intro-cb.png);
  width: 650px;
  margin-left: 25px;
}
#vriendenprijsjes .box-friend-footer .seat {
  background: url(../../../../img/sunmix.cz/Base/elements/pc/vp2016-seat.png);
}
#vriendenprijsjes .box-friend-footer .ballon1 {
  background: url(../../../../img/sunmix.cz/Base/elements/pc/vp2016-ballon1-cb.png);
  width: 155px;
  height: 232px;
  top: 70px;
  z-index: 100;
}
#vriendenprijsjes .box-friend-footer .ballon2 {
  background: url(../../../../img/sunmix.cz/Base/elements/pc/vp2016-ballon2-cb.png);
  width: 268px;
  height: 167px;
  top: 210px;
  z-index: 100;
}
/* /Vriendenprijsjes */
/* Nominations*/
.nominations li {
  float: left;
  height: 35px;
  overflow: hidden;
}
.nominations span {
  background: url(../../../../img/sunmix.cz/Base/logo/logo_nominaties.png) no-repeat left top;
  background-size: 168px 35px;
  height: 35px;
  overflow: hidden;
  text-indent: -9999px;
  float: left;
  display: inline-block;
}
.nominations .ackcr {
  width: 50px;
}
.nominations .ackcr span {
  background-position: 0 0;
  width: 50px;
}
.nominations .dertouristik {
  width: 34px;
}
.nominations .dertouristik span {
  background-position: -50px 0;
  width: 37px;
}
/* END Nominations*/
#box-news-and-partners {
  margin-top: 0px !important;
}
@media only screen and (max-device-width: 767px) {
  #box-news-and-partners > div:nth-child(1) {
    margin-top: 310px !important;
  }
  #box-news-and-partners > div:nth-child(2) {
    margin-top: -620px !important;
  }
  #box-news-and-partners > div:nth-child(3) {
    margin-top: 0px !important;
  }
}
@media (max-width: 979px) and (min-width: 768px) {
  #box-news-and-partners > .col4:nth-child(3) {
    margin-top: -300px !important;
  }
  #box-news-and-partners > .col4:nth-child(2) {
    margin-top: -610px !important;
  }
}
#receipt .row .airline span {
  left: auto;
  right: 0;
  top: -5px;
}
#receipt .price-container dl {
  width: 180px;
}
.tab-buttons > li a {
  padding: 5px 10px;
}