@charset "UTF-8";

.clearfix {
  *zoom: 1;
}

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

/* ==========================================================================
   Vakantiediscounter css
   ========================================================================== */

html, body, section, article, aside, nav, h1, h2, h3, h4, h5, h6, p, ul, ol, li, a, figure, address, img, div, span, em, strong, b, i, table, th, td, form, input, .wSelect-theme-classic.wSelect, .wSelect-theme-classic .wSelect-options-holder, button, label {
  box-sizing: border-box;
  border: medium none;
  margin: 0px;
  padding: 0px;
  list-style: outside none none;
  line-height: inherit;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  color: inherit;
}
  input[type="submit"] {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 -webkit-background-clip: padding;
 -moz-background-clip: padding;
 background-clip:padding-box;
 -webkit-appearance:none;
 background-color:#fff;
 color:#000;
 outline:0;
 margin:0;
 padding:0;
 vertical-align: middle;
}
.showmobile {
 display: none !important;
}
strong {
 font-weight: bold;
}
table {
  border-spacing: 0px;
  border-collapse: collapse;
}

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

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

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

* {
  box-sizing: border-box;
}

.content {
  max-width: 68em;
  margin-left: auto;
  margin-right: auto;
}

.content::after {
  content: "";
  display: table;
  clear: both;
}
@media screen and (max-width: 480px) {
#email_registration .btn.primary.hidemobile {
 display: none !important;
}
.showmobile {
 display: block !important;
}
#email_registration .btn.primary {
    padding: 0.7rem 0.8rem 0.6rem 0.8rem !important;
}
}
@media (max-width: 767px) {
  * > .content {
    width: 90.625%;
    max-width: 600px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  * > .content {
    width: 92.1875%;
    max-width: 880px;
  }
}
@media (min-width: 1024px) {
  * > .content {
    width: 93.5547%;
    max-width: 960px;
  }
}
@font-face {
  font-family: "Formular-Light";
  font-weight: 300;
  src: url("https://static.vakantiediscounter.nl/atomic/fonts/formular-light.eot?#iefix") format("embedded-opentype"), url("https://static.vakantiediscounter.nl/atomic/fonts/formular-light.woff") format("woff"), url("https://static.vakantiediscounter.nl/atomic/fonts/formular-light.ttf") format("truetype");
}
@font-face {
  font-family: "Formular";
  font-style: normal;
  font-weight: 400;
  src: url("https://static.vakantiediscounter.nl/atomic/fonts/formular.eot?#iefix") format("embedded-opentype"), url("https://static.vakantiediscounter.nl/atomic/fonts/formular.woff") format("woff"), url("https://static.vakantiediscounter.nl/atomic/fonts/formular.ttf") format("truetype");
}
@font-face {
  font-family: "Formular-Medium";
  font-style: normal;
  font-weight: 500;
  src: url("https://static.vakantiediscounter.nl/atomic/fonts/formular-medium.eot?#iefix") format("embedded-opentype"), url("https://static.vakantiediscounter.nl/atomic/fonts/formular-medium.woff") format("woff"), url("https://static.vakantiediscounter.nl/atomic/fonts/formular-medium.ttf") format("truetype");
}
@font-face {
  font-family: "Formular-Bold";
  font-weight: 600;
  src: url("https://static.vakantiediscounter.nl/atomic/fonts/formular-bold.eot?#iefix") format("embedded-opentype"), url("https://static.vakantiediscounter.nl/atomic/fonts/formular-bold.woff") format("woff"), url("https://static.vakantiediscounter.nl/atomic/fonts/formular-bold.ttf") format("truetype");
}
@font-face {
  font-family: "Formular-Black";
  font-weight: 800;
  src: url("https://static.vakantiediscounter.nl/atomic/fonts/formular-black.eot?#iefix") format("embedded-opentype"), url("https://static.vakantiediscounter.nl/atomic/fonts/formular-black.woff") format("woff"), url("https://static.vakantiediscounter.nl/atomic/fonts/formular-black.ttf") format("truetype");
}
body {
  font-family: "Formular-Light","Helvetica Neue","Arial",sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.5;
  color: #33373d;
  background: #edf8ff;
  min-width: 320px;
}

* > .content {
  margin: 0px auto;
}

@media screen and (max-width: 767px) {
  * > .content {
    width: 100%;
  }
}
h3 {
  font-family: "Formular-Bold","Helvetica Neue","Arial",sans-serif;
  font-weight: 600;
  color: #ff007d;
}

h4 {
  font-family: "Formular","Helvetica Neue","Arial",sans-serif;
  font-weight: 400;
  color: #9dabb2;
  font-size: 1.5rem;
  margin-bottom: 2rem;
}

h5 {
  font-family: "Formular","Helvetica Neue","Arial",sans-serif;
  font-weight: 400;
  color: #9dabb2;
  font-size: 1rem;
}

body:not(.page-optin) input[type="email"], body:not(.page-optin) [type="email"].wSelect-theme-classic.wSelect, body:not(.page-optin) .wSelect-theme-classic [type="email"].wSelect-options-holder, .wSelect-theme-classic body:not(.page-optin) [type="email"].wSelect-options-holder, body:not(.page-optin) input[type="text"]:not(.searchbox-input), body:not(.page-optin) [type="text"].wSelect-theme-classic.wSelect:not(.searchbox-input), body:not(.page-optin) .wSelect-theme-classic [type="text"].wSelect-options-holder:not(.searchbox-input), .wSelect-theme-classic body:not(.page-optin) [type="text"].wSelect-options-holder:not(.searchbox-input) {
  border: 1px solid #9dabb2;
  padding: 0.5rem 0.5rem 0.3rem;
  font-size: 1em;
  line-height: 1.5;
  margin: 0px;
}

.hidden {
  display: none !important;
}

.comfort-icons {
  width: 100%;
  font-size: 0px;
}

.comfort-icons li {
  display: inline-block;
  vertical-align: middle;
  font-size: 1rem;
}

.comfort-icons li + li {
  margin-left: 1em;
}

.comfort-icons li .comfort-icon {
  overflow: hidden;
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center bottom;
  height: 2.3em;
  width: 2.8em;
  text-indent: 100;
}

.comfort-icons li .comfort-icon::before {
  content: "";
  display: block;
  width: 0px;
  height: 100%;
}

.comfort-icons li .comfort-icon.sgr {
  height: 2.6em;
  background-image: url("https://image.e.vakantiediscounter.nl/lib/fe3a11717564047c771276/m/1/fe862b4d-b1f0-434f-9499-95bf7c7ee7b6.png");
}

.comfort-icons li .comfort-icon.anvr {
  background-image: url("https://image.e.vakantiediscounter.nl/lib/fe3a11717564047c771276/m/5/f6c8469c-6da6-42b2-b977-ad42dd87c67f.png");
  background-size: 45px auto;
}

.comfort-icons li .comfort-icon.ideal {
  background-image: url("https://image.e.vakantiediscounter.nl/lib/fe3a11717564047c771276/m/1/10153d22-350c-492a-8769-283b999f372f.png");
  background-size: 40px auto;
}

.comfort-icons li .comfort-icon.thuiswinkelwaarborg {
  background-image: url("https://image.e.vakantiediscounter.nl/lib/fe3a11717564047c771276/m/1/5f416649-51f7-4be3-a54b-e5c32b4cf75e.png");
  background-size: 45px auto;
  height: 50px;
}

.branding .hero::before {
  content: "";
  display: block;
  width: 0px;
  height: 100%;
}

.branding .logo {
  overflow: hidden;
  background: url("https://image.e.vakantiediscounter.nl/lib/fe3a11717564047c771276/m/1/2788c031-afb5-4337-8757-6190fde56a33.png") no-repeat scroll center bottom/contain transparent;
}

.branding .logo::before {
  content: "";
  display: block;
  width: 0px;
  height: 100%;
}

.branding .payoff {
  overflow: hidden;
  background: url("https://image.e.vakantiediscounter.nl/lib/fe3a11717564047c771276/m/1/bf6af6b0-cf0f-4696-b869-bacb3edf50cf.png") no-repeat scroll center top/contain transparent;
}

.branding .payoff::before {
  content: "";
  display: block;
  width: 0px;
  height: 100%;
}

button, .btn {
  font-family: "Formular-Medium","Helvetica Neue","Arial",sans-serif;
  font-weight: 500;
  border-radius: 0.5em;
  cursor: pointer;
  outline: medium none;
  transition: background-color 0.2s ease 0s, color 0.2s ease 0s;
}

.icon-flag {
  position: relative;
}

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

.icon-flag-35-BE::before {
  width: 35px;
  height: 24px;
  background: url("https://image.e.vakantiediscounter.nl/lib/fe3a11717564047c771276/m/1/2af3ef03-2dd4-4778-8837-3c3b1efb284b.png") no-repeat scroll transparent;
  background-size: 35px 24px;
}

.icon-flag-35-NL::before {
  width: 35px;
  height: 24px;
  background: url("https://image.e.vakantiediscounter.nl/lib/fe3a11717564047c771276/m/1/2cfc7ae4-c82d-4334-ad33-528a149048dd.png") no-repeat scroll transparent;
  background-size: 35px 24px;
}

.telephone-info {
  display: inline-block;
  padding-left: 1.6rem;
  padding-top: 0.3em;
}

.telephone-info.telephone-trickery::before {
  content: "";
  background-image: url("https://image.e.vakantiediscounter.nl/lib/fe3a11717564047c771276/m/1/c6f54b6e-7c89-4ea8-bf41-f6d4f62183b0.png");
  background-position: center middle;
  background-size: 100% 100%;
  width: 17px;
  height: 32px;
  display: inline-block;
  position: absolute;
  left: 0px;
  top: 4px;
}

@media screen and (max-width: 767px) {
  .telephone-info.telephone-trickery::before {
    background-image: url("https://image.e.vakantiediscounter.nl/lib/fe3a11717564047c771276/m/1/c6f54b6e-7c89-4ea8-bf41-f6d4f62183b0.png");
    background-position: center middle;
    background-size: 100% 100%;
    width: 13px;
    height: 25px;
    left: 21px;
    top: 15px;
  }
}
.telephone-info .phone-number {
  display: inline-block;
  font-family: "Formular-Bold","Arial",sans-serif;
  font-weight: 600;
  color: #33373d;
  font-size: 1.3125em;
  margin: 0px;
  line-height: 1;
  width: auto;
  white-space: nowrap;
}

.telephone-info .phone-cost {
  display: block;
  font-family: "Formular-Light","Arial",sans-serif;
  font-weight: 300;
  font-size: 0.75em;
  white-space: nowrap;
  color: #9d7b2a;
}

.telephone-panel .telephone-info {
  background: none repeat scroll 0% 0% transparent;
  padding: 0px;
  margin: 0.4rem 0px;
  width: 100%;
  display: block;
}

.telephone-panel .telephone-info .phone-cost {
  font-size: 0.75rem;
  color: #9eabb2;
  margin-top: -0.2em;
}

header.sitewide .basics-phone > .telephone-info {
  position: relative;
  margin-top: 0px;
  padding-top: 0px;
  padding-right: 35px;
  height: 40px;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  header.sitewide .basics-phone > .telephone-info {
    padding-left: 1.3rem;
  }
}
@media screen and (max-width: 767px) {
  header.sitewide .basics-phone > .telephone-info {
    padding-left: 1.3rem;
  }
}
header.sitewide .basics-phone > .telephone-info::after {
  content: "";
  position: absolute;
  right: 2px;
  top: 3px;
  background-image: url("https://image.e.vakantiediscounter.nl/lib/fe3a11717564047c771276/m/1/3aa9a826-2a10-45cf-8a7d-af7375d90553.png");
  background-size: 100% 100%;
  width: 24px;
  height: 24px;
}

@media screen and (min-width: 1024px) {
  header .usp > .telephone-info .phone-number, header.sitewide .basics-phone > .telephone-info .phone-number {
    font-size: 1.125rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  header .usp > .telephone-info .phone-number, header.sitewide .basics-phone > .telephone-info .phone-number {
    font-size: 1rem;
  }
}
@media screen and (max-width: 767px) {
  header .usp > .telephone-info .phone-number, header.sitewide .basics-phone > .telephone-info .phone-number {
    font-size: 1rem;
  }
}
header .usp > .telephone-info .phone-cost, header.sitewide .basics-phone > .telephone-info .phone-cost {
  text-align: right;
}

footer .help > .telephone-info .phone-number.icon-flag::before {
  background-size: 1.5rem auto;
  left: -1.5rem;
  top: -0.15rem;
}

.telephone-info p {
  line-height: 18px;
  font-size: 16px;
  margin-top:2px;
}

.telephone-panel {
  display: none;
  position: absolute;
  right: -20px;
  margin-top: 5px;
  min-width: 300px;
  z-index: 12;
  background: none repeat scroll 0% 0% white;
  border-radius: 0.3rem;
  padding: 23px 35px 35px 30px;
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
}

.telephone-panel::after {
  content: "";
  width: 20px;
  height: 10px;
  position: absolute;
  background: url("https://image.e.vakantiediscounter.nl/lib/fe3a11717564047c771276/m/1/73550061-a5e2-46ac-8c89-0fd58118c1c6.png") no-repeat scroll center top transparent;
  top: -10px;
  right: 27px;
}

.telephone-panel h3 {
  font-size: 1.125em;
  color: #0079bb;
  font-family: "Formular","Arial",sans-serif;
  font-weight: 400;
  margin: 0px 0px 0.67rem;
  text-align: left;
}

.telephone-panel * + h3 {
  margin-top: 1rem;
}

.telephone-panel .phone-from {
  font-size: 0.875em;
  font-family: "Formular-Light","Arial",sans-serif;
  font-weight: 300;
  margin: 0px 0px 0.4rem;
  color: #2f2f2f;
}

.telephone-panel p {
  width: 100%;
  display: block;
  margin-bottom: 0.8rem;
}

.telephone-panel .belgian {
  border-top: 1px solid #e2e4e6;
  padding-top: 0.4rem;
  display: block;
  text-align: left;
}

.telephone-panel .phone-number {
  width: 100%;
  font-size: 1.25rem;
  text-align: right;
}

.telephone-panel .phone-number.icon-flag {
  background-position: left top;
  background-size: 1.5rem auto;
}

.telephone-panel .phone-cost {
  text-align: right;
}

.telephone-panel table tr td {
  font-family: "Formular-Light","Arial",sans-serif;
  font-weight: 300;
  line-height: 1.2;
}

.telephone-panel table tr:last-child td {
  padding-top: 0.8em;
}

.telephone-panel table tr:not(:last-child) td:first-child {
  font-family: "Formular-Medium","Arial",sans-serif;
  font-weight: 500;
  width: 34%;
}

@media screen and (max-width: 767px) {
  .telephone-panel {
    right: 5px;
    top: 60px;
    margin-top: 0px;
  }
}
.telephone-trickery {
  cursor: pointer;
}

.telephone-trickery .layer {
  position: fixed;
  width: 100%;
  height: 100%;
  background: none repeat scroll 0% 0% black;
  overflow: hidden;
  top: 0px;
  left: 0px;
  display: none;
  opacity: 0;
  z-index: -1;
  transition: opacity 100ms ease-out 0s;
  cursor: pointer;
}

.telephone-trickery input[type="checkbox"], .telephone-trickery [type="checkbox"].wSelect-theme-classic.wSelect, .telephone-trickery .wSelect-theme-classic [type="checkbox"].wSelect-options-holder, .wSelect-theme-classic .telephone-trickery [type="checkbox"].wSelect-options-holder {
  display: none;
}

.telephone-trickery input:checked ~ .telephone-panel, .telephone-trickery .wSelect-theme-classic.wSelect:checked ~ .telephone-panel, .telephone-trickery .wSelect-theme-classic .wSelect-options-holder:checked ~ .telephone-panel, .wSelect-theme-classic .telephone-trickery .wSelect-options-holder:checked ~ .telephone-panel {
  display: block;
}

.telephone-trickery input:checked ~ .layer, .telephone-trickery .wSelect-theme-classic.wSelect:checked ~ .layer, .telephone-trickery .wSelect-theme-classic .wSelect-options-holder:checked ~ .layer, .wSelect-theme-classic .telephone-trickery .wSelect-options-holder:checked ~ .layer {
  z-index: 11;
  opacity: 0.3;
  display: block;
}

header.sitewide section .content, header.sitewide nav .content {
  position: relative;
}

@media screen and (max-width: 767px) {
  header.sitewide section .content, header.sitewide nav .content {
    width: 100%;
    max-width: 100%;
    min-width: 300px;
  }
}
header.sitewide .basics {
  background-color: #ffee59;
  font-size: 0px;
}

header.sitewide .basics .content {
  background-color: #ffee59;
  z-index: 4;
}

header.sitewide .basics .content > * {
  display: inline-block;
  font-size: 1rem;
  vertical-align: top;
}

@media (min-width: 768px) {
  header.sitewide .basics .content > * {
    height: 76px;
    width: 31.25%;
  }
}
@media screen and (max-width: 767px) {
  header.sitewide .basics .content > * {
    height: 55px;
  }
}
header.sitewide .basics .basics-branding {
  position: relative;
  width: 33.25%;
  margin-left: 7px;
}

header.sitewide .basics .basics-branding a {
  display: block;
  height: 100%;
  max-width: 260px;
  width: auto;
  white-space: nowrap;
}

header.sitewide .basics .basics-branding a > * {
  height: 100%;
  display: inline-block;
  vertical-align: top;
}

header.sitewide .basics .basics-branding .hero-vd {
  background-image: url("https://image.e.vakantiediscounter.nl/lib/fe3a11717564047c771276/m/1/d4eac8d7-d487-4e91-aa36-59fc55009caf.png");
  background-position: center middle;
  background-size: 100% 100%;
  height: 63px;
  margin-right: 5px;
  margin-top: 6px;
  max-width: 50px;
  min-width: 50px;
  width: 20%;
}

@media screen and (max-width: 767px) {
  header.sitewide .basics .basics-branding .hero-vd {
    min-width: initial;
    background-image: url("https://image.e.vakantiediscounter.nl/lib/fe3a11717564047c771276/m/1/d4eac8d7-d487-4e91-aa36-59fc55009caf.png");
    background-position: center middle;
    background-size: 100% 100%;
    width: 34px;
    height: 43px;
    margin-left: 10px;
    margin-top: 5px;
    margin-right: 0;
  }
  header.sitewide .basics .basics-branding {
    width: 155px;
  }
}
header.sitewide .basics .basics-branding .logo-vd {
  font-size: 0px;
  background-image: url("https://image.e.vakantiediscounter.nl/lib/fe3a11717564047c771276/m/1/2788c031-afb5-4337-8757-6190fde56a33.png");
  background-position: center middle;
  background-size: 100% 100%;
  width: 128px;
  height: 54px;
  margin-top: 11px;
}

@media screen and (max-width: 767px) {
  header.sitewide .basics .basics-branding .logo-vd {
    margin-top: 9px;
    background-image: url("https://image.e.vakantiediscounter.nl/lib/fe3a11717564047c771276/m/1/2788c031-afb5-4337-8757-6190fde56a33.png");
    background-position: center middle;
    background-size: 100% 100%;
    width: 85px;
    height: 36px;
  }
}
@media screen and (max-width: 500px) {
  header.sitewide .basics .basics-branding .logo-vd {
    margin-top: 10px;
    background-image: url("https://image.e.vakantiediscounter.nl/lib/fe3a11717564047c771276/m/1/2788c031-afb5-4337-8757-6190fde56a33.png");
    background-position: center middle;
    background-size: 100% 100%;
    width: 81px;
    height: 34px;
  }
}
.page-optin header.sitewide.optin .basics-phone,
header.sitewide .basics .basics-phone {
  width: 29.25%;
  padding: 18px 0px;
  text-align: right;
}

@media screen and (max-width: 767px) {
  .page-optin header.sitewide.optin .basics-phone,
  header.sitewide .basics .basics-phone {
    position: absolute;
    right: 55px;
    top: 0px;
    padding: 0px;
    width: 55px;
    height: 100%;
  }

  header.sitewide .basics .basics-phone .telephone-trickery {
    height: 100%;
    width: 55px;
    padding: 0px;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    background-size: auto 25px;
    background-position: center center;
    background-repeat: no-repeat;
  }

  header.sitewide .basics .basics-phone .telephone-trickery > p {
    display: none;
  }

  header.sitewide .basics .basics-phone .telephone-trickery::after {
    content: "";
    display: none;
  }

  header.sitewide .basics .basics-phone .telephone-trickery .telephone-panel {
    right: -45px;
  }

  header.sitewide .basics .basics-phone .telephone-trickery .telephone-panel::after {
    right: 62px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  header.sitewide .navigation li.help a::first-letter {
    text-transform: uppercase;
  }
}
@media screen and (min-width: 1024px) {
  header.sitewide {
    height: auto;
    border-bottom: 9px solid #ff007d;
  }

  header.sitewide .comfort .comfort-usp {
    width: 56%;
  }

  header.sitewide .comfort .comfort-icons {
    width: 15%;
  }

  header.sitewide .comfort .comfort-rating {
    width: 28%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  header.sitewide {
    height: auto;
    border-bottom: 9px solid #ff007d;
  }

  header.sitewide .comfort .comfort-usp {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  header.sitewide {
    height: 61px;
    border-bottom: 6px solid #ff007d;
  }

  header.sitewide .comfort, header.sitewide .basics-search-header-initial {
    display: none;
  }
}
header.basic > .content > :last-child {
  margin-right: 0px;
}

header.basic > .content > :nth-child(3n) {
  margin-right: 0px;
}

header.basic > .content > :nth-child(3n+1) {
  clear: left;
}

@media screen and (max-width: 767px) {
  header.basic > .content > .usp > .telephone-info::after {
    content: "";
    display: none;
  }
}
footer {
  background: none repeat scroll 0% 0% #3578be;
  color: #c3ebff;
}

footer.action .faq > :last-child {
  margin-top: 3rem;
  display: block;
}

footer.action .engagement form *::-moz-placeholder {
  color: #888888;
}

@media screen and (min-width: 1024px) {
  footer.action .faq:nth-child(3n), footer.action .help:nth-child(3n), footer.action .engagement:nth-child(3n) {
    margin-right: 0px;
  }

  footer.action .faq:nth-child(3n+1), footer.action .help:nth-child(3n+1), footer.action .engagement:nth-child(3n+1) {
    clear: left;
  }
}
@media screen and (max-width: 767px) {
  footer.action .faq > :last-child {
    margin-top: 2rem;
  }
}
.trust {
  background-color: #edf8ff;
  padding: 3.5em 0px;
}

.trust a, .trust span {
  font-size: 1rem;
  line-height: 1.5;
}

.trust a.continue, .trust span.continue {
  color: #5ab5f6;
}

.trust .trust-pillar {
  vertical-align: top;
  margin-bottom: 2.53906%;
}

.trust .trust-pillar .trust-pillar-bottom {
  width: 100%;
}

.trust .trust-pillar .trust-pillar-bottom p {
  font-size: 1rem;
  line-height: 1.5;
}

.trust .trust-lists .trust-pillar-bottom p {
  text-align: center;
  color: #94b1c2;
  margin-bottom: 0.3em;
}

.trust .trust-lists .comfort-icons {
  text-align: center;
}

.trust .trust-comfort .trust-pillar-bottom {
  background-image: url("https://image.e.vakantiediscounter.nl/lib/fe3a11717564047c771276/m/1/001944e9-7dec-4336-8737-76ceff953ae7.png"), url("https://image.e.vakantiediscounter.nl/lib/fe3a11717564047c771276/m/1/001944e9-7dec-4336-8737-76ceff953ae7.png");
  background-position: center left, center right;
  background-repeat: no-repeat;
}

.trust .trust-comfort .branding .logo {
  height: 3rem;
}

.trust .trust-comfort .branding .payoff {
  height: 1.5rem;
  margin-top: 0.5rem;
}

.trust .trust-report .trust-pillar-bottom {
  margin-top: 1rem;
  text-align: center;
}

.trust .trust-report .trust-pillar-bottom img {
  max-width: 183px;
  width: 100%;
  height: auto;
  margin: 0 auto;
}

.trust .trust-report .trust-pillar-bottom .review-link {
  display: block;
}

.trust .trust-report .trust-pillar-bottom .continue::before {
  content: "";
  display: none;
}

@media screen and (min-width: 1024px) {
  .trust .trust-pillar {
    float: left;
    display: block;
    margin-right: 1.5%;
    width: 31.5%;
    padding: 2.71399% 0.5%;
  }

  .trust .trust-pillar:last-child {
    margin-right: 0px;
  }

  .trust .trust-pillar:nth-child(3n) {
    margin-right: 0px;
  }

  .trust .trust-pillar:nth-child(3n+1) {
    clear: left;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .trust {
    position: relative;
    height: 1040px;
    overflow: hidden;
  }

  .trust .content {
    position: relative;
  }

  .trust .trust-pillar {
    float: left;
    display: block;
    margin-right: 1.5%;
    width: 48.643%;
    padding: 2.71399% 0.5%;
    position: absolute;
    height: auto;
  }

  .trust .trust-pillar:last-child {
    margin-right: 0px;
  }

  .trust .trust-pillar.trust-lists {
    left: 0px;
    padding-left: 2.5%;
  }

  .trust .trust-pillar.trust-report {
    left: 50%;
  }

  .trust .trust-pillar.trust-comfort {
    float: left;
    display: block;
    margin-right: 1.5%;
    width: 100%;
    top: 400px;
  }

  .trust .trust-pillar.trust-comfort:last-child {
    margin-right: 0px;
  }

  .trust .trust-pillar.trust-comfort .trust-pillar-bottom {
    border: 0px none;
    background-image: none;
  }

  .comfort-icons li .comfort-icon {
    width: 2.4em;
  }

  .comfort-icons li .comfort-icon.anvr {
    background-size: 38px auto;
  }

  .comfort-icons li .comfort-icon.thuiswinkelwaarborg {
    background-size: 36px auto;
  }

  .comfort-icons li .comfort-icon.ideal {
    background-size: 35px auto;
  }
}
@media screen and (max-width: 767px) {
  .trust .content {
    position: relative;
  }

  .trust .trust-pillar {
    float: left;
    display: block;
    margin-right: 2.71399%;
    width: 100%;
    padding: 2.71399% 0.5%;
  }

  .trust .trust-pillar:last-child {
    margin-right: 0px;
  }

  .trust .trust-pillar + .trust-pillar {
    margin-top: 1rem;
  }

  .trust .trust-lists {
    padding-right: 1rem;
    padding-left: 1rem;
  }

  .trust .trust-comfort {
    border-top: 1px solid #e2e4e6;
    height: 340px;
    position: absolute;
    bottom: 0px;
    left: 0px;
  }

  .trust .trust-comfort .trust-pillar-bottom {
    border: 0px none;
  }

  .trust .trust-comfort .branding .logo {
    height: 3.6rem;
  }

  /* line 264, src/sass/_vakantiediscounter.scss */
  .trust .trust-comfort .branding .payoff {
    height: 1.8rem;
    margin-top: 0.5rem;
  }

  /* line 265, src/sass/_vakantiediscounter.scss */
  .trust .trust-report {
    padding-right: 1rem;
    padding-left: 1rem;
    margin-bottom: 350px;
  }

  /* line 266, src/sass/_vakantiediscounter.scss */
  .trust .trust-report .trust-pillar-bottom {
    display: block;
    margin-top: 3.75rem;
  }
}
/* line 268, src/sass/_vakantiediscounter.scss */
.page-optin section.trust {
  padding: 2rem 0px;
  height: auto;
  position: relative;
}

/* line 269, src/sass/_vakantiediscounter.scss */
.page-optin section.trust .continue {
  color: #40c838;
}

@media screen and (max-width: 767px) {
  /* line 271, src/sass/_vakantiediscounter.scss */
  .page-optin section.trust .content {
    height: 300px;
  }
}
/* line 273, src/sass/_vakantiediscounter.scss */
.page-optin section.trust .trust-pillar {
  margin-bottom: 0px;
  padding: 0px 0.5%;
  width: 31.5%;
  position: relative;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 275, src/sass/_vakantiediscounter.scss */
  .page-optin section.trust .trust-pillar {
    display: inline-block;
    position: relative;
    float: none;
    vertical-align: top;
    top: 0px;
    left: auto;
  }
}
@media screen and (max-width: 767px) {
  /* line 278, src/sass/_vakantiediscounter.scss */
  .page-optin section.trust .trust-pillar {
    display: inline-block;
    position: relative;
    float: none;
    width: 100%;
    height: auto;
    vertical-align: top;
    top: auto;
    left: 0px;
    margin-right: 0px;
  }

  /* line 279, src/sass/_vakantiediscounter.scss */
  .page-optin section.trust .trust-pillar .trust-pillar-bottom {
    margin-top: 0px;
    background-image: none;
  }

  /* line 280, src/sass/_vakantiediscounter.scss */
  .page-optin section.trust .trust-pillar.trust-comfort {
    height: 115px;
    padding-top: 20px;
    position: absolute;
    top: 175px;
  }

  /* line 281, src/sass/_vakantiediscounter.scss */
  .page-optin section.trust .trust-pillar.trust-report {
    height: 50px;
    position: absolute;
    top: 95px;
  }

  /* line 282, src/sass/_vakantiediscounter.scss */
  .page-optin section.trust .trust-pillar.trust-report img {
    max-width: 170px;
  }

  /* line 283, src/sass/_vakantiediscounter.scss */
  .page-optin section.trust .trust-pillar.trust-report .continue {
    height: auto;
  }
}
/* line 285, src/sass/_vakantiediscounter.scss */
.verticarousel .vertical .price > span:last-child::before {
  font-family: "Formular","Arial",sans-serif;
  font-weight: 400;
  content: "â‚¬";
  margin-right: 0.5rem;
  font-size: 0.9em;
  line-height: 1.15;
  padding-left: 0.2rem;
}

/* line 286, src/sass/_vakantiediscounter.scss */
.verticarousel .vertical .countries ul li a::before {
  position: absolute;
  margin-right: 0.5rem;
  content: ".";
  font-size: 0px;
  width: 35px;
  height: 24px;
  left: 0px;
  top: calc((100% - 24px) / 2);
}

@media screen and (max-width: 767px) {
  /* line 288, src/sass/_vakantiediscounter.scss */
  .verticarousel .vertical:not(.sun) > a {
    background-size: auto 240px;
  }

  /* line 289, src/sass/_vakantiediscounter.scss */
  .verticarousel .vertical:not(.sun) h3 span {
    font-size: 0.875rem;
    margin-top: 0px;
  }

  /* line 290, src/sass/_vakantiediscounter.scss */
  .verticarousel .vertical:not(.sun) .price {
    top: 4rem;
    white-space: nowrap;
    min-width: 4.5rem;
    background-size: contain;
  }

  /* line 291, src/sass/_vakantiediscounter.scss */
  .verticarousel .vertical:not(.sun) .price span:first-child {
    font-size: 0.53125rem;
  }

  /* line 292, src/sass/_vakantiediscounter.scss */
  .verticarousel .vertical:not(.sun) .price span:last-child {
    font-size: 1.75rem;
  }

  /* line 293, src/sass/_vakantiediscounter.scss */
  .verticarousel .vertical:not(.sun) .price span:last-child::before {
    font-size: 1.375rem;
    margin-left: 1.6rem;
  }

  /* line 294, src/sass/_vakantiediscounter.scss */
  .verticarousel .vertical:not(.sun) button {
    font-size: 0.75em;
    padding: 0.5rem 1.4rem;
  }
}
/* line 296, src/sass/_vakantiediscounter.scss */
.header-sticky .content > :first-child {
  margin-left: 0px;
}

/* line 298, src/sass/_vakantiediscounter.scss */
.page-detail :not(button) a::before {
  content: "";
  position: absolute;
}

@media (max-width: 999px) {
  /* line 301, src/sass/_vakantiediscounter.scss */
  #g7-info {
    display: none;
  }
}
@media (min-width: 1000px) {
  /* line 304, src/sass/_vakantiediscounter.scss */
  #g7-info {
    display: block;
    top: 0px;
    right: 0px;
    position: absolute;
    z-index: 4;
    color: transparent;
  }
}
/* line 306, src/sass/_vakantiediscounter.scss */
.page-optin {
  background-color: #edf8ff;
}

/* line 307, src/sass/_vakantiediscounter.scss */
.page-optin header.sitewide.optin .basics-branding {
  float: left;
}

@media (max-width: 859px) and (min-width: 768px) {
  /* line 309, src/sass/_vakantiediscounter.scss */
  .page-optin header.sitewide.optin .basics-branding.has-zoover #zoover-award {
    left: 170px;
  }
}
@media screen and (min-width: 1024px) {
  /* line 312, src/sass/_vakantiediscounter.scss */
  .page-optin header.sitewide.optin .basics-phone {
    float: right;
    width: 21.25%;
    min-width: 190px;
    margin-left: 2%;
    margin-right: 10px;
 padding-top:18px;
 padding-bottom:18px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 315, src/sass/_vakantiediscounter.scss */
  .page-optin header.sitewide.optin .basics-phone {
    float: right;
    width: 21.25%;
    min-width: 190px;
    margin-left: 2%;
  }
}
@media screen and (max-width: 767px) {
  /* line 318, src/sass/_vakantiediscounter.scss */
  .page-optin header.sitewide.optin .basics-phone {
    right: 0px;
  }

  /* line 319, src/sass/_vakantiediscounter.scss */
  .page-optin header.sitewide.optin .basics-phone .telephone-trickery .telephone-panel {
    right: 10px;
  }

  /* line 320, src/sass/_vakantiediscounter.scss */
  .page-optin header.sitewide.optin .basics-phone .telephone-trickery .telephone-panel::after {
    right: 8px;
  }
}

.page-optin header.sitewide.optin .basics-phone-stimulus {
  float: right;
  width: 260px;
  min-width: 240px;
  padding: 18px 0px;
}

.page-optin header.sitewide.optin .basics-phone-mobile {
  float: right;
  width: 100%;
  max-width: 185px;
}

.page-optin header.sitewide.optin .basics-phone-mobile {
  display: none;
}

@media screen and (max-width: 785px) {
  .page-optin header.sitewide.optin .basics-phone-stimulus {
    display: none;
  }

  .page-optin header.sitewide.optin .basics-phone-mobile {
    display: block;
    max-width: 200px;
    margin-right: 35px;
  }

  .page-optin header.sitewide.optin .basics-phone-mobile p {
    font-family: "Formular-Light","Helvetica Neue","Arial",sans-serif;
    font-weight: 300;
    font-size: 0.8125rem;
    line-height: 120%;
    text-align: left;
    position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  #bg-animation, .mario-optin {
    display: none !important;
  }

  .optin-form {
    width: 90% !important;
    margin-top: 20px !important;
  }

  #optin-form {
    height: auto !important;
  }

  form#email_registration {
    padding: 35px 20px !important;
  }

  form#email_registration p:first-of-type {
    font-family: "Formular","Helvetica Neue ",Arial,sans-serif !important;
  }

  h1 {
    font-size: 1.8rem !important;
    margin-top: 20px !important;
 margin-bottom: 35px !important;
  }
}
@media screen and (max-width: 767px) {
  .page-optin header.sitewide.optin .basics-phone-mobile {
    display: block;
    max-width: 200px;
    margin-right: 65px;
  }
}
@media screen and (max-width: 450px) {
  .page-optin header.sitewide.optin .basics-phone-mobile {
    float: right;
    width: 100%;
    max-width: 125px;
  }
}
@media screen and (max-width: 400px) {
  .page-optin header.sitewide.optin .basics-phone-mobile {
    float: right;
    width: 100%;
    max-width: 90px;
  }

  .page-optin header.sitewide.optin .basics-phone-mobile p {
    font-size: 0.750rem;
    line-height: 120%;
  }
}

.page-optin header.sitewide.optin .basics-phone-stimulus p {
  line-height: 1.25;
  font-family: "Formular","Helvetica Neue","Arial",sans-serif;
  font-weight: 400;
  font-size: 1.125rem;
}

.page-optin header.sitewide.optin .basics-phone-stimulus p + p {
  font-family: "Formular-Light","Helvetica Neue","Arial",sans-serif;
  font-weight: 300;
  font-size: 0.8125rem;
}

h1 {
  color: #4f5355;
  font-family: "Formular-Light","Arial",sans-serif;
  font-size: 2.2rem;
  font-weight: 300;
  line-height: 1.2;
  text-align: center;
  margin: 45px 20px 45px 20px;
}

label[for="email"] {
  display: block;
  font-family: 'Formular-Medium', 'Helvetica Neue ', Arial,sans-serif;
  margin-bottom: 8px;
}

.wrapper {
  position: relative;
  height: auto;
}

#optin-form {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 908px;
  height: 505px;
}

.optin-form {
  margin: 0 auto;
  width: 385px;
  z-index: 20;
}

form#email_registration {
  background: #ffffff;
  padding: 40px;
  z-index: 20;
}

form#email_registration p:first-of-type {
  font-size: 22px;
  line-height: 120%;
  color: #4f5355;
  font-family: 'Formular-Medium', 'Helvetica Neue ', Arial,sans-serif;
  margin-bottom: 28px;
}

form#email_registration p.error {
  color: #f54f4f;
  font-size: 0.875rem;
  line-height: 1.2;
  padding-top: 0.625rem;
  padding-bottom: 5px;
}

form#email_registration p:last-of-type {
  font-size: 14px;
  line-height: 120%;
  color: #90a8b5;
  font-family: 'Formular-Light', 'Helvetica Neue ', Arial,sans-serif;
}

form#email_registration input[type="text"], form#email_registration [type="text"].wSelect-theme-classic.wSelect, form#email_registration .wSelect-theme-classic [type="text"].wSelect-options-holder, .wSelect-theme-classic form#email_registration [type="text"].wSelect-options-holder, form#email_registration input[type="submit"], form#email_registration [type="submit"].wSelect-theme-classic.wSelect, form#email_registration .wSelect-theme-classic [type="submit"].wSelect-options-holder, .wSelect-theme-classic form#email_registration [type="submit"].wSelect-options-holder {
  width: 100%;
}

form#email_registration input[type="submit"], form#email_registration [type="submit"].wSelect-theme-classic.wSelect, form#email_registration .wSelect-theme-classic [type="submit"].wSelect-options-holder, .wSelect-theme-classic form#email_registration [type="submit"].wSelect-options-holder {
  margin-top: 14px;
  margin-bottom: 13px;
}

img.mario-optin {
  margin: 0 auto;
  width: 201px;
  height: auto;
  display: block;
  z-index: 10;
  margin-bottom: -5px;
}

#bg-animation {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  height: 452px;
  width: 100%;
}

#bg-animation #animation1, #bg-animation #animation2, #bg-animation #animation3, #bg-animation #animation4, #bg-animation #animation5, #bg-animation #animation6 {
  position: absolute;
  left: 0;
}

/* initial step */
#bg-animation #animation1 {
  left: 29px;
  top: 6px;
  z-index: 1;
  -webkit-transform: rotate(-2.52deg);
  /* Safari 3.1+, Chrome */
  -moz-transform: rotate(-2.52deg);
  /* Firefox 3.5-15 */
  -ms-transform: rotate(-2.52deg);
  /* IE9+ */
  -o-transform: rotate(-2.52deg);
  /* Opera 10.5-12.00 */
  transform: rotate(-2.52deg);
  /* Firefox 16+, Opera 12.50+ */
  -webkit-transition: -webkit-transform 1s;
  /* Safari */
  transition: transform 0.5s;
  -webkit-transition-timing-function: linear;
  /* Safari and Chrome */
  transition-timing-function: linear;
}

#bg-animation #animation2 {
  left: 12px;
  top: 130px;
  z-index: 3;
  -webkit-transform: rotate(0.12deg);
  /* Safari 3.1+, Chrome */
  -moz-transform: rotate(0.12deg);
  /* Firefox 3.5-15 */
  -ms-transform: rotate(0.12deg);
  /* IE9+ */
  -o-transform: rotate(0.12deg);
  /* Opera 10.5-12.00 */
  transform: rotate(0.12deg);
  /* Firefox 16+, Opera 12.50+ */
  -webkit-transition: -webkit-transform 1s;
  /* Safari */
  transition: transform 1s;
  -webkit-transition-timing-function: linear;
  /* Safari and Chrome */
  transition-timing-function: linear;
}

#bg-animation #animation3 {
  left: 43px;
  top: 246px;
  z-index: 2;
  -webkit-transform: rotate(-6.46deg);
  /* Safari 3.1+, Chrome */
  -moz-transform: rotate(-6.46deg);
  /* Firefox 3.5-15 */
  -ms-transform: rotate(-6.46deg);
  /* IE9+ */
  -o-transform: rotate(-6.46deg);
  /* Opera 10.5-12.00 */
  transform: rotate(-6.46deg);
  /* Firefox 16+, Opera 12.50+ */
  -webkit-transition: -webkit-transform 1s;
  /* Safari */
  transition: transform 1s;
  -webkit-transition-timing-function: linear;
  /* Safari and Chrome */
  transition-timing-function: linear;
}

#bg-animation #animation4 {
  left: auto;
  right: 30px;
  top: 11px;
  z-index: 1;
  -webkit-transform: rotate(-1.21deg);
  /* Safari 3.1+, Chrome */
  -moz-transform: rotate(-1.21deg);
  /* Firefox 3.5-15 */
  -ms-transform: rotate(-1.21deg);
  /* IE9+ */
  -o-transform: rotate(-1.21deg);
  /* Opera 10.5-12.00 */
  transform: rotate(-1.21deg);
  /* Firefox 16+, Opera 12.50+ */
  -webkit-transition: -webkit-transform 1s;
  /* Safari */
  transition: transform 1s;
  -webkit-transition-timing-function: linear;
  /* Safari and Chrome */
  transition-timing-function: linear;
}

#bg-animation #animation5 {
  left: auto;
  right: 0;
  top: 126px;
  z-index: 3;
  -webkit-transform: rotate(6.9deg);
  /* Safari 3.1+, Chrome */
  -moz-transform: rotate(6.9deg);
  /* Firefox 3.5-15 */
  -ms-transform: rotate(6.9deg);
  /* IE9+ */
  -o-transform: rotate(6.9deg);
  /* Opera 10.5-12.00 */
  transform: rotate(6.9deg);
  /* Firefox 16+, Opera 12.50+ */
  -webkit-transition: -webkit-transform 1s;
  /* Safari */
  transition: transform 1s;
  -webkit-transition-timing-function: linear;
  /* Safari and Chrome */
  transition-timing-function: linear;
}

#bg-animation #animation6 {
  left: auto;
  right: 37px;
  top: 232px;
  z-index: 2;
  -webkit-transform: rotate(4.93deg);
  /* Safari 3.1+, Chrome */
  -moz-transform: rotate(4.93deg);
  /* Firefox 3.5-15 */
  -ms-transform: rotate(4.93deg);
  /* IE9+ */
  -o-transform: rotate(4.93deg);
  /* Opera 10.5-12.00 */
  transform: rotate(4.93deg);
  /* Firefox 16+, Opera 12.50+ */
  -webkit-transition: -webkit-transform 1s;
  /* Safari */
  transition: transform 1s;
  -webkit-transition-timing-function: linear;
  /* Safari and Chrome */
  transition-timing-function: linear;
}

#animation1 {
  width: 269px;
  height: 165px;
}

#animation2 {
  width: 298px;
  height: 185px;
}

#animation3 {
  width: 286px;
  height: 184px;
}

#animation4 {
  width: 256px;
  height: 177px;
}

#animation5 {
  width: 301px;
  height: 187px;
}

#animation6 {
  width: 274px;
  height: 189px;
}

/* middle step */
#bg-animation #animation1.step1 {
  -webkit-transform: rotate(1.76deg) translate(16px, 5px);
  -moz-transform: rotate(1.76deg) translate(16px, 5px);
  -ms-transform: rotate(1.76deg) translate(16px, 5px);
  -o-transform: rotate(1.76deg) translate(16px, 5px);
  transform: rotate(1.76deg) translate(16px, 5px);
}

#bg-animation #animation2.step1 {
  -webkit-transform: rotate(-2.16deg) translate(14px, 0px);
  -moz-transform: rotate(-2.16deg) translate(14px, 0px);
  -ms-transform: rotate(-2.16deg) translate(14px, 0px);
  -o-transform: rotate(-2.16deg) translate(14px, 0px);
  transform: rotate(-2.16deg) translate(14px, 0px);
}

#bg-animation #animation3.step1 {
  -webkit-transform: rotate(-2.54deg) translate(15px, -16px);
  -moz-transform: rotate(-2.54deg) translate(15px, -16px);
  -ms-transform: rotate(-2.54deg) translate(15px, -16px);
  -o-transform: rotate(-2.54deg) translate(15px, -16px);
  transform: rotate(-2.54deg) translate(15px, -16px);
}

#bg-animation #animation4.step1 {
  -webkit-transform: rotate(-0.06deg) translate(-2px, -1px);
  -moz-transform: rotate(-0.06deg) translate(-2px, -1px);
  -ms-transform: rotate(-0.06deg) translate(-2px, -1px);
  -o-transform: rotate(-0.06deg) translate(-2px, -1px);
  transform: rotate(-0.06deg) translate(-2px, -1px);
}

#bg-animation #animation5.step1 {
  -webkit-transform: rotate(5.26deg) translate(-11px, -2px);
  -moz-transform: rotate(5.26deg) translate(-11px, -2px);
  -ms-transform: rotate(5.26deg) translate(-11px, -2px);
  -o-transform: rotate(5.26deg) translate(-11px, -2px);
  transform: rotate(5.26deg) translate(-11px, -2px);
}

#bg-animation #animation6.step1 {
  -webkit-transform: rotate(2.28deg) translate(-7px, -4px);
  -moz-transform: rotate(2.28deg) translate(-7px, -4px);
  -ms-transform: rotate(2.28deg) translate(-7px, -4px);
  -o-transform: rotate(2.28deg) translate(-7px, -4px);
  transform: rotate(2.28deg) translate(-7px, -4px);
}

/* final step */
/* line 602, src/sass/_vakantiediscounter.scss */
#bg-animation #animation1.step2 {
  -webkit-transform: rotate(1.76deg) translate(20px, 6px);
  /* Safari 3.1+, Chrome */
  -moz-transform: rotate(1.76deg) translate(20px, 6px);
  /* Firefox 3.5-15 */
  -ms-transform: rotate(1.76deg) translate(20px, 6px);
  /* IE9+ */
  -o-transform: rotate(1.76deg) translate(20px, 6px);
  /* Opera 10.5-12.00 */
  transform: rotate(1.76deg) translate(20px, 6px);
  /* Firefox 16+, Opera 12.50+ */
}

/* line 609, src/sass/_vakantiediscounter.scss */
#bg-animation #animation2.step2 {
  -webkit-transform: rotate(-2.16deg) translate(17px, -1px);
  /* Safari 3.1+, Chrome */
  -moz-transform: rotate(-2.16deg) translate(17px, -1px);
  /* Firefox 3.5-15 */
  -ms-transform: rotate(-2.16deg) translate(17px, -1px);
  /* IE9+ */
  -o-transform: rotate(-2.16deg) translate(17px, -1px);
  /* Opera 10.5-12.00 */
  transform: rotate(-2.16deg) translate(17px, -1px);
  /* Firefox 16+, Opera 12.50+ */
}

/* line 616, src/sass/_vakantiediscounter.scss */
#bg-animation #animation3.step2 {
  -webkit-transform: rotate(-2.25deg) translate(17px, -18px);
  /* Safari 3.1+, Chrome */
  -moz-transform: rotate(-2.25deg) translate(17px, -18px);
  /* Firefox 3.5-15 */
  -ms-transform: rotate(-2.25deg) translate(17px, -18px);
  /* IE9+ */
  -o-transform: rotate(-2.25deg) translate(17px, -18px);
  /* Opera 10.5-12.00 */
  transform: rotate(-2.25deg) translate(17px, -18px);
  /* Firefox 16+, Opera 12.50+ */
}

/* line 623, src/sass/_vakantiediscounter.scss */
#bg-animation #animation4.step2 {
  -webkit-transform: rotate(-0.06deg) translate(-5px, 1px);
  /* Safari 3.1+, Chrome */
  -moz-transform: rotate(-0.06deg) translate(-5px, 1px);
  /* Firefox 3.5-15 */
  -ms-transform: rotate(-0.06deg) translate(-5px, 1px);
  /* IE9+ */
  -o-transform: rotate(-0.06deg) translate(-5px, 1px);
  /* Opera 10.5-12.00 */
  transform: rotate(-0.06deg) translate(-5px, 1px);
  /* Firefox 16+, Opera 12.50+ */
}

/* line 630, src/sass/_vakantiediscounter.scss */
#bg-animation #animation5.step2 {
  -webkit-transform: rotate(4.89deg) translate(-15px, 0px);
  /* Safari 3.1+, Chrome */
  -moz-transform: rotate(4.89deg) translate(-15px, 0px);
  /* Firefox 3.5-15 */
  -ms-transform: rotate(4.89deg) translate(-15px, 0px);
  /* IE9+ */
  -o-transform: rotate(4.89deg) translate(-15px, 0px);
  /* Opera 10.5-12.00 */
  transform: rotate(4.89deg) translate(-15px, 0px);
  /* Firefox 16+, Opera 12.50+ */
}

/* line 637, src/sass/_vakantiediscounter.scss */
#bg-animation #animation6.step2 {
  -webkit-transform: rotate(2.28deg) translate(-9px, -7px);
  /* Safari 3.1+, Chrome */
  -moz-transform: rotate(2.28deg) translate(-9px, -7px);
  /* Firefox 3.5-15 */
  -ms-transform: rotate(2.28deg) translate(-9px, -7px);
  /* IE9+ */
  -o-transform: rotate(2.28deg) translate(-9px, -7px);
  /* Opera 10.5-12.00 */
  transform: rotate(2.28deg) translate(-9px, -7px);
  /* Firefox 16+, Opera 12.50+ */
}

/* buttons */
/* line 647, src/sass/_vakantiediscounter.scss */
button, .btn {
  border-radius: 0.5em;
  cursor: pointer;
  font-family: "Formular-Medium","Helvetica Neue","Arial",sans-serif;
  font-weight: 500;
  outline: medium none;
  -moz-transition: background 0.2s, color 0.2s;
  -o-transition: background 0.2s, color 0.2s;
  -webkit-transition: background 0.2s, color 0.2s;
  transition: background 0.2s, color 0.2s;
}

/* line 655, src/sass/_vakantiediscounter.scss */
a.btn.primary, a.btn.secondary {
  display: inline-block;
}

/*:not(button) a::before {
    content: "";
    position: absolute;
}*/

#email_registration .btn.primary {
  padding: 0.6rem 0.3rem;
}
@media screen and (max-width: 785px) {
#email_registration .btn.primary {
  padding: 0.6rem 0.8rem;
}
}
button.primary, .btn.primary {
  background: #ff007d none repeat scroll 0 0;
  color: #ffffff;
  display: block;
  font-size: 0.85rem;
  margin: 0 auto;
  padding: 0.6rem 1.8rem;
  text-transform: uppercase;
  white-space: nowrap;
}

/* line 673, src/sass/_vakantiediscounter.scss */
button.primary:hover, .btn.primary:hover {
  background: #f00076;
}

/* line 676, src/sass/_vakantiediscounter.scss */
button.primary:active, .btn.primary:active {
  background: #ff66b1;
  color: #ffcce5;
}

/* line 680, src/sass/_vakantiediscounter.scss */
.btn {
  -moz-box-shadow: 0 0 0 transparent !important;
  -webkit-box-shadow: 0 0 0 transparent !important;
  box-shadow: 0 0 0 transparent !important;
  border: 0 !important;
}

/* line 685, src/sass/_vakantiediscounter.scss */
.btn.disabled {
  background: #ffd1e8;
  color: #ff96c2;
  border: 0 !important;
  -moz-box-shadow: 0 0 0 transparent !important;
  -webkit-box-shadow: 0 0 0 transparent !important;
  box-shadow: 0 0 0 transparent !important;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-transition: background 0.2s, color 0.2s;
  -o-transition: background 0.2s, color 0.2s;
  -webkit-transition: background 0.2s, color 0.2s;
  transition: background 0.2s, color 0.2s;
}
/* line 693, src/sass/_vakantiediscounter.scss */
.btn.disabled:hover {
  color: white;
  -moz-transition: color 0.2s;
  -o-transition: color 0.2s;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}

/* line 699, src/sass/_vakantiediscounter.scss */
.btn.primary.ghost {
  background: transparent;
  border: 1px solid #afe1fa !important;
  color: #38b4f2;
  -moz-box-shadow: 0 0 0 transparent !important;
  -webkit-box-shadow: 0 0 0 transparent !important;
  box-shadow: 0 0 0 transparent !important;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-transition: background 0.2s, color 0.2s, border-color 0.2s;
  -o-transition: background 0.2s, color 0.2s, border-color 0.2s;
  -webkit-transition: background 0.2s, color 0.2s, border-color 0.2s;
  transition: background 0.2s, color 0.2s, border-color 0.2s;
}
/* line 707, src/sass/_vakantiediscounter.scss */
.btn.primary.ghost:hover {
  background: #f7fcfe;
  -moz-transition: background 0.2s;
  -o-transition: background 0.2s;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
}
/* line 712, src/sass/_vakantiediscounter.scss */
.btn.primary.ghost:active {
  background: #fcfeff;
  border-color: #cfedfc;
  color: #afe1fa;
  -moz-transition: background 0.2s, color 0.2s, border-color 0.2s;
  -o-transition: background 0.2s, color 0.2s, border-color 0.2s;
  -webkit-transition: background 0.2s, color 0.2s, border-color 0.2s;
  transition: background 0.2s, color 0.2s, border-color 0.2s;
}

/* forms */
/* line 721, src/sass/_vakantiediscounter.scss */
input:not([type="submit"]), .wSelect-theme-classic.wSelect:not([type="submit"]), .wSelect-theme-classic .wSelect-options-holder:not([type="submit"]) {
  font-family: "Formular-Light","Helvetica Neue","Arial",sans-serif;
  font-weight: 300;
  color: #4f5355;
  font-size: 1rem;
  padding: 0 10px;
  line-height: 1;
  border: 1px solid #b7deff;
  height: 40px;
}

/* line 722, src/sass/_vakantiediscounter.scss */
input:hover:not([type="submit"]), .wSelect-theme-classic.wSelect:hover:not([type="submit"]), .wSelect-theme-classic .wSelect-options-holder:hover:not([type="submit"]) {
  box-shadow: 0px 0px 0px 1px #b7deff inset;
}

/* line 723, src/sass/_vakantiediscounter.scss */
input:focus:not([type="submit"]), .wSelect-theme-classic.wSelect:focus:not([type="submit"]), .wSelect-theme-classic .wSelect-options-holder:focus:not([type="submit"]) {
  outline: 0px none;
  box-shadow: 0px 0px 0px 2px #47abff inset;
  border: 1px solid #47abff;
}

/* line 725, src/sass/_vakantiediscounter.scss */
input.error, .error.wSelect-theme-classic.wSelect, .wSelect-theme-classic .error.wSelect-options-holder {
  background: #fff9f9 url("https://image.e.vakantiediscounter.nl/lib/fe3a11717564047c771276/m/1/39e9e1a2-2a8c-47eb-aafa-c500d1e70955.png") no-repeat center right;
  background-size: 29px 22px;
  border: 1px solid #f54f4f;
}

/* Container */
/* line 732, src/sass/_vakantiediscounter.scss */
.container {
  max-width: 810px;
  width: 100%;
  margin: 0 auto;
  padding: 0 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/*=====  Djilano edits  ======*/
/* line 3, src/sass/_topics.scss */
.wrapper {
  margin: 0 auto;
  max-width: 100%;
  width: 942px;
}
/* line 9, src/sass/_topics.scss */
.wrapper p.holiday {
  font-size: 18px;
  color: #90a8b5;
  text-align: center;
  margin-bottom: 40px;
}
@media screen and (max-width: 320px) {
  /* line 9, src/sass/_topics.scss */
  .wrapper p.holiday {
    font-size: 16px;
  }
}

/* line 21, src/sass/_topics.scss */
header {
  width: 100%;
  background-color: #ffee59;
  border-bottom: 8px solid #ff007d;
}

/* line 26, src/sass/_topics.scss */
header .wrapper > a {
  margin-top: 5px;
}

/* line 29, src/sass/_topics.scss */
footer .wrapper > ul > li {
  display: inline-block;
}

/* line 33, src/sass/_topics.scss */
main .wrapper {
  position: relative;
}

/* line 37, src/sass/_topics.scss */
section.topics {
  width: 100%;
  text-align: center;
}
/* line 41, src/sass/_topics.scss */
section.topics .container {
  max-width: 810px;
  width: 100%;
  margin: 0 auto;
  padding: 0 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 48, src/sass/_topics.scss */
section.topics .container .col-33 {
  width: 33.33%;
  float: left;
  margin: 0 0 14px 0;
}
@media screen and (max-width: 840px) {
  /* line 48, src/sass/_topics.scss */
  section.topics .container .col-33 {
    width: 50%;
  }
}
@media screen and (max-width: 568px) {
  /* line 48, src/sass/_topics.scss */
  section.topics .container .col-33 {
    width: 100%;
    float: none;
    margin: 0 0 2px 0;
  }
}
/* line 64, src/sass/_topics.scss */
section.topics .container .col-33:first-of-type figure {
  top: 0;
  -moz-transform: rotate(-2.15deg);
  -ms-transform: rotate(-2.15deg);
  -webkit-transform: rotate(-2.15deg);
  transform: rotate(-2.15deg);
  -moz-transition: -moz-transform 0.2s;
  -o-transition: -o-transform 0.2s;
  -webkit-transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
}
/* line 72, src/sass/_topics.scss */
section.topics .container .col-33:nth-of-type(2) figure {
  top: -11px;
  -moz-transform: rotate(2.66deg);
  -ms-transform: rotate(2.66deg);
  -webkit-transform: rotate(2.66deg);
  transform: rotate(2.66deg);
}
/* line 79, src/sass/_topics.scss */
section.topics .container .col-33:nth-of-type(3) figure {
  top: -3px;
  -moz-transform: rotate(-3.24deg);
  -ms-transform: rotate(-3.24deg);
  -webkit-transform: rotate(-3.24deg);
  transform: rotate(-3.24deg);
}
/* line 86, src/sass/_topics.scss */
section.topics .container .col-33:nth-of-type(4) figure {
  top: -5px;
  -moz-transform: rotate(-0.18deg);
  -ms-transform: rotate(-0.18deg);
  -webkit-transform: rotate(-0.18deg);
  transform: rotate(-0.18deg);
}
/* line 93, src/sass/_topics.scss */
section.topics .container .col-33:nth-of-type(5) figure {
  top: -0px;
  -moz-transform: rotate(-0.14deg);
  -ms-transform: rotate(-0.14deg);
  -webkit-transform: rotate(-0.14deg);
  transform: rotate(-0.14deg);
}
/* line 100, src/sass/_topics.scss */
section.topics .container .col-33:nth-of-type(6) figure {
  top: -3px;
  -moz-transform: rotate(-1.74deg);
  -ms-transform: rotate(-1.74deg);
  -webkit-transform: rotate(-1.74deg);
  transform: rotate(-1.74deg);
}
/* line 107, src/sass/_topics.scss */
section.topics .container .col-33:nth-of-type(7) figure {
  top: -5px;
  -moz-transform: rotate(-2.15deg);
  -ms-transform: rotate(-2.15deg);
  -webkit-transform: rotate(-2.15deg);
  transform: rotate(-2.15deg);
}
/* line 114, src/sass/_topics.scss */
section.topics .container .col-33:nth-of-type(8) figure {
  top: 0px;
  -moz-transform: rotate(-0.05deg);
  -ms-transform: rotate(-0.05deg);
  -webkit-transform: rotate(-0.05deg);
  transform: rotate(-0.05deg);
}
/* line 121, src/sass/_topics.scss */
section.topics .container .col-33:nth-of-type(9) figure {
  top: -8px;
  -moz-transform: rotate(-0.18deg);
  -ms-transform: rotate(-0.18deg);
  -webkit-transform: rotate(-0.18deg);
  transform: rotate(-0.18deg);
}
/* line 127, src/sass/_topics.scss */
section.topics .container .col-33 figure {
  display: block;
  width: 250px;
  height: 146px;
  margin: 0 auto;
  cursor: pointer;
  position: relative;
  z-index: 0;
  -moz-transition: -moz-transform 0.2s, -moz-top 0.2s;
  -o-transition: -o-transform 0.2s, -o-top 0.2s;
  -webkit-transition: -webkit-transform 0.2s, -webkit-top 0.2s;
  transition: transform 0.2s, top 0.2s;
}
@media screen and (max-width: 840px) {
  /* line 127, src/sass/_topics.scss */
  section.topics .container .col-33 figure {
    top: 0 !important;
  }
}
@media screen and (max-width: 568px) {
  /* line 127, src/sass/_topics.scss */
  section.topics .container .col-33 figure {
    width: 100%;
    height: 45px;
    overflow: hidden;
    background: #37b0f2 !important;
    border: 3px solid #37b0f2;
    -moz-transform: rotate(0deg) !important;
    -ms-transform: rotate(0deg) !important;
    -webkit-transform: rotate(0deg) !important;
    transform: rotate(0deg) !important;
  }
}
/* line 150, src/sass/_topics.scss */
section.topics .container .col-33 figure:before {
  content: '';
  width: 250px;
  height: 146px;
  position: absolute;
  top: -5px;
  left: -5px;
  border: 5px solid transparent;
  -moz-transition: border 0.1s;
  -o-transition: border 0.1s;
  -webkit-transition: border 0.1s;
  transition: border 0.1s;
}
@media screen and (max-width: 568px) {
  /* line 150, src/sass/_topics.scss */
  section.topics .container .col-33 figure:before {
    display: none;
  }
}
/* line 165, src/sass/_topics.scss */
section.topics .container .col-33 figure:hover {
  opacity: 1;
}
/* line 168, src/sass/_topics.scss */
section.topics .container .col-33 figure:hover:after {
  background: green;
  content: '';
  z-index: 1;
  display: inline-block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0.2;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
ection.topics .container .col-33 figure:hover .cross_square {
  background: url("https://image.e.vakantiediscounter.nl/lib/fe3a11717564047c771276/m/1/cf73ac20-2b42-45d7-a014-7a488ec9937e.png") no-repeat scroll center center / 45px 44px;
}
section.topics .container .col-33 figure:hover .cross_square:after {

}
section.topics .container .col-33 figure:hover .smile {
  background: url("https://image.e.vakantiediscounter.nl/lib/fe3a11717564047c771276/m/1/ad6854b8-cdc2-4989-ad48-42a611707111.png") no-repeat scroll center center / 50px 50px;
}
@media screen and (max-width: 568px) {
  section.topics .container .col-33 figure:hover:after {
    display: none;
  }
}
section.topics .container .col-33 figure.active {
  top: 0;
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -moz-transition: -moz-transform 0.2s, -moz-top 0.2s;
  -o-transition: -o-transform 0.2s, -o-top 0.2s;
  -webkit-transition: -webkit-transform 0.2s, -webkit-top 0.2s;
  transition: transform 0.2s, top 0.2s;
}
@media screen and (max-width: 568px) {
  section.topics .container .col-33 figure.active {
    border-color: #6ac558;
  }
}
section.topics .container .col-33 figure.active:hover:after {
  opacity: 0.8;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
section.topics .container .col-33 figure.active:before {
  border: 5px solid #6dc35e;
  -moz-transition: border 0.1s;
  -o-transition: border 0.1s;
  -webkit-transition: border 0.1s;
  transition: border 0.1s;
}
section.topics .container .col-33 figure.active:after {
  background: #079029;
  content: '';
  z-index: 1;
  display: inline-block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0.65;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
@media screen and (max-width: 568px) {
  section.topics .container .col-33 figure.active:after {
    opacity: 1;
    -moz-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
  }
}
section.topics .container .col-33 figure.active .cross_square {
  z-index: 2;
}
section.topics .container .col-33 figure .cross_square {
  background: url(https://image.e.vakantiediscounter.nl/lib/fe3a11717564047c771276/m/1/cf73ac20-2b42-45d7-a014-7a488ec9937e.png) no-repeat center;
  background-size: 45px 44px;
  width: 100%;
  height: 50px;
  display: inline-block;
  margin-top: 30px;
  position: relative;
  z-index: 2;
  opacity: 1;
  -moz-transition: opacity 0.1s;
  -o-transition: opacity 0.1s;
  -webkit-transition: opacity 0.1s;
  transition: opacity 0.1s;
}
@media screen and (max-width: 568px) {
  section.topics .container .col-33 figure .cross_square {
    background: url(https://image.e.vakantiediscounter.nl/lib/fe3a11717564047c771276/m/1/e4bb80a7-c3e2-44de-9ebd-ea42223d0203.png) no-repeat center;
 background-size: 16px 16px;
    width: 25px;
    height: 25px;
    float: left;
    display: inherit;
    margin-top: 0;
    top: 7px;
    left: 6px;
  }
}
section.topics .container .col-33 figure .smile {
  background: url(https://image.e.vakantiediscounter.nl/lib/fe3a11717564047c771276/m/1/ad6854b8-cdc2-4989-ad48-42a611707111.png) no-repeat center;
  background-size: 50px 50px;
}
@media screen and (max-width: 568px) {
  section.topics .container .col-33 figure .smile {
    background-size: cover;
  }
}
section.topics .container .col-33 figure p {
  font-family: "Formular-Medium";
  font-size: 21px;
  color: white;
  display: block;
  text-align: center;
  position: relative;
  z-index: 2;
  margin-top: 6px;
  text-align: center;
}
@media screen and (max-width: 568px) {
  section.topics .container .col-33 figure p {
    font-size: 20px;
    margin-top: 4px;
    left: 20px;
    text-align: left;
  }
}
section.topics .container .col-33 figure input[type="checkbox"], section.topics .container .col-33 figure [type="checkbox"].wSelect-theme-classic.wSelect, section.topics .container .col-33 figure .wSelect-theme-classic [type="checkbox"].wSelect-options-holder, .wSelect-theme-classic section.topics .container .col-33 figure [type="checkbox"].wSelect-options-holder {
  visibility: hidden;
}

section.save {
  width: 100%;
  text-align: center;
  margin: 40px auto;
}
section.save .container {
  max-width: 810px;
  width: 100%;
  margin: 0 auto 12px;
  padding: 0 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
section.save .container .col-33 {
  width: 33.33%;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
section.save .container .col-33:first-of-type {
  padding-right: 25px;
}
@media screen and (max-width: 568px) {
  section.save .container .col-33:first-of-type {
    display: none!important;
  }
}
@media screen and (max-height: 780px) {
  section.save .container .col-33:first-of-type {
    display: none;
  }
}
@media screen and (max-width: 568px) {
  section.save .container .col-33:nth-of-type(2) {
    width: 100%;
    float: none;
  }
}
@media screen and (max-width: 480px) {
  section.save .container .col-33:nth-of-type(2) .btn {
    width: calc(100% - 20px) !important;
  }
}
@media screen and (max-height: 780px) {
  section.save .container .col-33:nth-of-type(2) {
    background: rgba(255, 255, 255, 0.9);
    width: 100%;
    padding: 14px 0;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 10;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
section.save .container .col-33:last-of-type {
  padding-left: 25px;
  float:right;
  /*margin-top:-55px;*/
}
@media screen and (max-width: 568px) {
  section.save .container .col-33:last-of-type {
    display: none!important;
  }
}
@media screen and (max-height: 780px) {
  section.save .container .col-33:last-of-type {
    display: none;
  }
}
section.save .container .col-33 .stripe {
  width: 100%;
  height: 1px;
  background: #bdd7e5;
  position: relative;
  top: 20px;
}

span {
  font-size: 14px;
  color: #bdd7e5;
  display: block;
}

.confirmbar {
  background: #c1f7b7;
  width: 100%;
  height: 52px;
  font-size: 16px;
  color: #5ab750;
  text-align: center;
  padding: 16px 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 335px) {
  .confirmbar {
    font-size: 14px;
  }
}
.confirmbar i {
  margin-right: 14px;
  position: relative;
  top: 2px;
}
.wrapper {
  margin: 0 auto;
  max-width: 100%;
  width: 942px;
}
.wrapper p.holiday {
  font-size: 18px;
  color: #90a8b5;
  text-align: center;
  margin-bottom: 40px;
}
@media screen and (max-width: 320px) {
  .wrapper p.holiday {
    font-size: 16px;
  }
}

header {
  width: 100%;
  background-color: #ffee59;
  border-bottom: 8px solid #ff007d;
}

header .wrapper > a {
  margin-top: 5px;
}

footer .wrapper > ul > li {
  display: inline-block;
}

main .wrapper {
  position: relative;
}

section.airports {
  background: url(https://image.e.vakantiediscounter.nl/lib/fe3a11717564047c771276/m/1/4ffbd1ff-759b-4e22-ba18-b93db4a5ff50.png) no-repeat center;
  background-position: 190px 30px;
  width: 100%;
  min-height: 530px;
  text-align: center;
  position: relative;
}
@media screen and (max-width: 930px) {
  section.airports {
    background: none;
  }
}
section.airports .container {
  max-width: 810px;
  width: 100%;
  margin: 0 auto;
  padding: 0 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
section.airports .container .col-33 {
  width: 33.33%;
  position: absolute;
  margin: 0 0 14px 0;
}
@media screen and (max-width: 930px) {
  section.airports .container .col-33 {
    width: 100%;
    position: static;
  }
}
@media screen and (max-width: 568px) {
  section.airports .container .col-33 {
    margin: 0 0 2px 0;
  }
}
section.airports .container .col-33:first-of-type {
 left: 90px;
    top: -20px;
}
section.airports .container .col-33:nth-of-type(2) {
    left: 367px;
    top: -20px;
}
section.airports .container .col-33:nth-of-type(3) {
    top: -18px;
    left: 647px;
}
section.airports .container .col-33:nth-of-type(4) {
    top: 50px;
    right: -39px;
}
section.airports .container .col-33:nth-of-type(5) {
  left: 310px;
    top: 50px;
}
section.airports .container .col-33:nth-of-type(6) {
    top: 130px;
    left: 85px;
}
section.airports .container .col-33:nth-of-type(7) {
 top: 205px;
    left: 260px;
}
section.airports .container .col-33:nth-of-type(8) {
 top: 240px;
    right: 275px;
}
section.airports .container .col-33:nth-of-type(9) {
 right: 39px;
    top: 140px;
}
section.airports .container .col-33:nth-of-type(10) {
    right: -35px;
    top: 210px;
}

section.airports .container .col-33:nth-of-type(11) {
   right: -35px;
    top: 280px;
}

section.airports .container .col-33:nth-of-type(12) {
   right: -35px;
    top: 350px;
}
section.airports .container .col-33:last-of-type {
    left: 150px;
    top: 310px;
}
/* line 121, src/sass/_airport.scss */
section.airports .container .col-33:first-of-type figure {
  -moz-transform: rotate(-0.5deg);
  -ms-transform: rotate(-0.5deg);
  -webkit-transform: rotate(-0.5deg);
  transform: rotate(-0.5deg);
  -moz-transition: -moz-transform 0.2s;
  -o-transition: -o-transform 0.2s;
  -webkit-transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
}
/* line 128, src/sass/_airport.scss */
section.airports .container .col-33:nth-of-type(2) figure {
  -moz-transform: rotate(1deg);
  -ms-transform: rotate(1deg);
  -webkit-transform: rotate(1deg);
  transform: rotate(1deg);
}
/* line 134, src/sass/_airport.scss */
section.airports .container .col-33:nth-of-type(3) figure {
  -moz-transform: rotate(1deg);
  -ms-transform: rotate(1deg);
  -webkit-transform: rotate(1deg);
  transform: rotate(1deg);
}
/* line 140, src/sass/_airport.scss */
section.airports .container .col-33:nth-of-type(4) figure {
  -moz-transform: rotate(-0.07deg);
  -ms-transform: rotate(-0.07deg);
  -webkit-transform: rotate(-0.07deg);
  transform: rotate(-0.07deg);
}
/* line 146, src/sass/_airport.scss */
section.airports .container .col-33:nth-of-type(5) figure {
  -moz-transform: rotate(-0.14deg);
  -ms-transform: rotate(-0.14deg);
  -webkit-transform: rotate(-0.14deg);
  transform: rotate(-0.14deg);
}
/* line 152, src/sass/_airport.scss */
section.airports .container .col-33:nth-of-type(6) figure {
  -moz-transform: rotate(-0.5deg);
  -ms-transform: rotate(-0.5deg);
  -webkit-transform: rotate(-0.5deg);
  transform: rotate(-0.5deg);
}
/* line 158, src/sass/_airport.scss */
section.airports .container .col-33:nth-of-type(7) figure {
  -moz-transform: rotate(0.5deg);
  -ms-transform: rotate(0.5deg);
  -webkit-transform: rotate(0.5deg);
  transform: rotate(0.5deg);
}
/* line 164, src/sass/_airport.scss */
section.airports .container .col-33:nth-of-type(8) figure {
  -moz-transform: rotate(0.65deg);
  -ms-transform: rotate(0.65deg);
  -webkit-transform: rotate(0.65deg);
  transform: rotate(0.65deg);
}
/* line 170, src/sass/_airport.scss */
section.airports .container .col-33:nth-of-type(9) figure {
  -moz-transform: rotate(-0.18deg);
  -ms-transform: rotate(-0.18deg);
  -webkit-transform: rotate(-0.18deg);
  transform: rotate(-0.18deg);
}
/* line 175, src/sass/_airport.scss */
section.airports .container .col-33 figure {
  background: #37b0f2 !important;
  display: block;
  width: 255px;
  height: 54px;
  margin: 0 auto;
  cursor: pointer;
  position: relative;
  z-index: 0;
  top: 0;
  -moz-transition: -moz-transform 0.2s;
  -o-transition: -o-transform 0.2s;
  -webkit-transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
}
@media screen and (max-width: 930px) {
  /* line 175, src/sass/_airport.scss */
  section.airports .container .col-33 figure {
    width: 100%;
  }
}
@media screen and (max-width: 568px) {
  /* line 175, src/sass/_airport.scss */
  section.airports .container .col-33 figure {
    width: 100%;
    height: 45px;
    overflow: hidden;
    border: 3px solid #37b0f2;
    -moz-transform: rotate(0deg) !important;
    -ms-transform: rotate(0deg) !important;
    -webkit-transform: rotate(0deg) !important;
    transform: rotate(0deg) !important;
  }
}
/* line 199, src/sass/_airport.scss */
section.airports .container .col-33 figure:before {
  content: '';
  width: 100%;
  height: 54px;
  position: absolute;
  top: -5px;
  left: -5px;
  border: 5px solid transparent;
  -moz-transition: border 0.1s;
  -o-transition: border 0.1s;
  -webkit-transition: border 0.1s;
  transition: border 0.1s;
}
 /* sign resizing */
@media screen and (min-width: 1024px) {
    .plate-334 {
      width: 334px !important;
    }

        .plate-334 > span {
              width: 334px !important;
            }

    .plate-210 {
      width: 210px !important;
    }

      .plate-210 > span {
        width: 210px !important;
      }

    .plate-180 {
      width: 180px !important;
    }

      .plate-180 > span {
        width: 180px !important;
      }

  .plate-170 {
      width: 170px !important;
    }

      .plate-170 > span {
        width: 170px !important;
      }

}

@media screen and (max-width: 930px) {
  /* line 199, src/sass/_airport.scss */
  section.airports .container .col-33 figure:before {
    display: none;
  }
}
/* line 214, src/sass/_airport.scss */
section.airports .container .col-33 figure:hover {
  opacity: 1;
}
/* line 217, src/sass/_airport.scss */
section.airports .container .col-33 figure:hover:after {
  background: green;
  content: '';
  z-index: 1;
  display: inline-block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0.2;
}
@media screen and (max-width: 930px) {
  /* line 217, src/sass/_airport.scss */
  section.airports .container .col-33 figure:hover:after {
    display: none;
  }
}
/* line 235, src/sass/_airport.scss */
section.airports .container .col-33 figure.active {
  border-color: #6ac558;
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -moz-transition: -moz-transform 0.2s;
  -o-transition: -o-transform 0.2s;
  -webkit-transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
}
/* line 240, src/sass/_airport.scss */
section.airports .container .col-33 figure.active:before {
  border: 5px solid #6dc35e;
  -moz-transition: border 0.1s;
  -o-transition: border 0.1s;
  -webkit-transition: border 0.1s;
  transition: border 0.1s;
}
/* line 245, src/sass/_airport.scss */
section.airports .container .col-33 figure.active:after {
  background: #079029;
  content: '';
  z-index: 1;
  display: inline-block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 1;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
/* line 259, src/sass/_airport.scss */
section.airports .container .col-33 figure.active .cross_square {
  z-index: 2;
}
/* line 265, src/sass/_airport.scss */
section.airports .container .col-33 figure .cross_square {
  background: url(https://image.e.vakantiediscounter.nl/lib/fe3a11717564047c771276/m/1/91d1fdd0-e6e8-43ff-ad15-fd6d3e5f98e4.png) no-repeat center;
  background-size: cover;
  width: 35px;
  height: 35px;
  float: left;
  position: relative;
  margin: 10px 0 0 10px;
  z-index: 0;
  opacity: 1;
}
@media screen and (max-width: 568px) {
  /* line 265, src/sass/_airport.scss */
  section.airports .container .col-33 figure .cross_square {
    background: url(https://image.e.vakantiediscounter.nl/lib/fe3a11717564047c771276/m/1/88748eab-e3cb-4024-9603-1489d0a2f591.png) no-repeat center;
    width: 25px;
    height: 25px;
    float: left;
    display: inherit;
 margin: 0;
    top: 7px;
    left: 6px;
  }
}
/* line 288, src/sass/_airport.scss */
section.airports .container .col-33 figure .smile {
  background: url(https://image.e.vakantiediscounter.nl/lib/fe3a11717564047c771276/m/1/ad6854b8-cdc2-4989-ad48-42a611707111.png) no-repeat center;
  background-size: cover;
}
/* line 294, src/sass/_airport.scss */
section.airports .container .col-33 figure span {
  font-family: "Formular-Medium";
  font-size: 24px;
  color: white;
  display: block;
  text-align: center;
  margin: 10px 0 0 0;
  z-index: 2;
  position: absolute;
  left: 50%;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media screen and (max-width: 568px) {
  /* line 294, src/sass/_airport.scss */
  section.airports .container .col-33 figure span {
    font-size: 20px;
    margin-top: 3px;
    position: relative;
    left: 20px;
    text-align: left;
    float: left;
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
/* line 317, src/sass/_airport.scss */
section.airports .container .col-33 figure .flag {
  float: right;
  margin: 18px 12px 0 10px;
  position: relative;
  z-index: 3;
}
section.airports .flag img {
width: 30px;
height: 20px;
}
@media screen and (max-width: 568px) {
  /* line 317, src/sass/_airport.scss */
  section.airports .container .col-33 figure .flag {
    margin: 9px 10px 0 10px;
  }
}
/* line 328, src/sass/_airport.scss */
section.airports .container .col-33 figure input[type="checkbox"], section.airports .container .col-33 figure [type="checkbox"].wSelect-theme-classic.wSelect, section.airports .container .col-33 figure .wSelect-theme-classic [type="checkbox"].wSelect-options-holder, .wSelect-theme-classic section.airports .container .col-33 figure [type="checkbox"].wSelect-options-holder {
  visibility: hidden;
}

/* line 337, src/sass/_airport.scss */
section.save {
  width: 100%;
  text-align: center;
  margin: 40px auto;
}
/* line 342, src/sass/_airport.scss */
section.save .container {
  max-width: 810px;
  width: 100%;
  margin: 0 auto 12px;
  padding: 0 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 349, src/sass/_airport.scss */
section.save .container .col-33 {
  width: 33.33%;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 354, src/sass/_airport.scss */
section.save .container .col-33:first-of-type {
  padding-right: 25px;
}
@media screen and (max-width: 568px) {
  /* line 354, src/sass/_airport.scss */
  section.save .container .col-33:first-of-type {
    display: none!important;
  }
}
@media screen and (max-height: 780px) {
  /* line 354, src/sass/_airport.scss */
  section.save .container .col-33:first-of-type {
    display: none;
  }
}
@media screen and (max-width: 568px) {
  /* line 366, src/sass/_airport.scss */
  section.save .container .col-33:nth-of-type(2) {
    width: 100%;
    float: none;
  }
}
@media screen and (max-width: 480px) {
  /* line 373, src/sass/_airport.scss */
  section.save .container .col-33:nth-of-type(2) .btn {
    width: calc(100% - 20px) !important;
  }
}
@media screen and (max-height: 780px) {
  /* line 366, src/sass/_airport.scss */
  section.save .container .col-33:nth-of-type(2) {
    background: rgba(255, 255, 255, 0.9);
    width: 100%;
    padding: 14px 0;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 10;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
/* line 390, src/sass/_airport.scss */
section.save .container .col-33:last-of-type {
  padding-left: 25px;
}
@media screen and (max-width: 568px) {
  /* line 390, src/sass/_airport.scss */
  section.save .container .col-33:last-of-type {
    display: none!important;
  }
}
@media screen and (max-height: 780px) {
  /* line 390, src/sass/_airport.scss */
  section.save .container .col-33:last-of-type {
    display: none;
  }
}
/* line 402, src/sass/_airport.scss */
section.save .container .col-33 .stripe {
  width: 100%;
  height: 1px;
  background: #bdd7e5;
  position: relative;
  top: 20px;
}

/* line 413, src/sass/_airport.scss */
span {
  font-size: 14px;
  color: #bdd7e5;
  display: block;
}

/* line 419, src/sass/_airport.scss */
.confirmbar {
  background: #c1f7b7;
  width: 100%;
  height: 52px;
  font-size: 16px;
  color: #5ab750;
  text-align: center;
  padding: 16px 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 335px) {
  /* line 419, src/sass/_airport.scss */
  .confirmbar {
    font-size: 14px;
  }
}
/* line 433, src/sass/_airport.scss */
.confirmbar i {
  margin-right: 14px;
  position: relative;
  top: 2px;
}

/*=====  Preferences  ======*/
/* line 4, src/sass/_preferences.scss */
article.preferences {
  max-width: 630px;
  width: 100%;
  background: white;
  padding: 30px;
  margin: 0px auto 20px;
}
/* line 12, src/sass/_preferences.scss */
article.preferences.trips .row {
  width: 100%;
}
/* line 17, src/sass/_preferences.scss */
article.preferences h2 {
  font-size: 24px;
  color: #4f5355;
  font-family: "Formular","Helvetica Neue","Arial",sans-serif;
}
@media screen and (max-width: 360px) {
  /* line 17, src/sass/_preferences.scss */
  article.preferences h2 {
    font-size: 20px;
  }
}
/* line 26, src/sass/_preferences.scss */
article.preferences .row {
  width: 80%;
  display: block;
  margin-bottom: 16px;
}
@media screen and (max-width: 480px) {
  /* line 26, src/sass/_preferences.scss */
  article.preferences .row {
    width: 100%;
  }
}
/* line 35, src/sass/_preferences.scss */
article.preferences .row:first-of-type {
  margin-top: 25px;
}
/* line 39, src/sass/_preferences.scss */
article.preferences .row:last-of-type {
  margin-bottom: 25px;
}
/* line 43, src/sass/_preferences.scss */
article.preferences .row .left {
  float: left;
  width: 30%;
  text-align: right;
}
@media screen and (max-width: 480px) {
  /* line 43, src/sass/_preferences.scss */
  article.preferences .row .left {
    width: 100%;
    float: none;
    text-align: left;
  }
  article.preferences .row .left dt {
   margin-bottom:4px;
  }
}
/* line 54, src/sass/_preferences.scss */
article.preferences .row .left dt, article.preferences .row .left .right dd, article.preferences .row .right .left dd {
  font-family: "Formular-Medium";
  font-size: 16px;
  color: #4f5355;
}
article.preferences .personal_data .row .left dt {
  font-family: "Formular-Medium";
  font-size: 16px;
  color: #4f5355;
  margin-top: 6px;
}
/* line 60, src/sass/_preferences.scss */
article.preferences .row .left dt.spacing, article.preferences .row .left .right dd.spacing, article.preferences .row .right .left dd.spacing {
  margin-top: 8px !important;
}
/* line 66, src/sass/_preferences.scss */
article.preferences .row .right {
  float: left;
  width: 70%;
}
@media screen and (max-width: 480px) {
  /* line 66, src/sass/_preferences.scss */
  article.preferences .row .right {
    width: 100%;
    float: none;
  }
  /* line 74, src/sass/_preferences.scss */
  article.preferences .row .right dd {
    margin-left: 0;
  }
}
/* line 79, src/sass/_preferences.scss */
article.preferences .row .right dd {
  font-weight: normal;
}
/* line 85, src/sass/_preferences.scss */
article.preferences .row figcaption {
  background: #eaf7e8;
  min-width: 165px;
  max-width: 280px;
  height: 35px;
  padding: 8px 10px;
  float: left;
  margin-right: 8px;
  margin-bottom: 8px;
  overflow: hidden;
  cursor: default;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
@media screen and (max-width: 480px) {
  /* line 85, src/sass/_preferences.scss */
  article.preferences .row figcaption {
    width: 100%;
    max-width: 100%;
  }
}
/* line 104, src/sass/_preferences.scss */
article.preferences .row figcaption:last-of-type {
  margin-right: 0;
}
/* line 108, src/sass/_preferences.scss */
article.preferences .row figcaption i {
  float: left;
  width: 18px;
  height: 18px;
  margin-right: 10px;
}
article.preferences .row figcaption i img {
width: 19px;
height: 19px;
}
/* line 115, src/sass/_preferences.scss */
article.preferences .row figcaption span {
  font-size: 16px;
  color: #6dc35e;
  text-transform: uppercase;
  float: left;
  margin-top: -3px;
  font-family: "Formular-Medium", "Formular","Helvetica Neue","Arial",sans-serif;
}
/* line 122, src/sass/_preferences.scss */
article.preferences .row figcaption .flag {
  float: right;
  margin-left: 10px;
}
/* line 126, src/sass/_preferences.scss */
article.preferences .row figcaption .flag img {
  width: 28px;
  height: 19px;
}

/* line 135, src/sass/_preferences.scss */
.unsub {
  text-align: center;
  font-size: 16px;
  color: #90a8b5;
  margin-bottom: 20px;
}
/* line 140, src/sass/_preferences.scss */
.unsub a {
  color: #90a8b5;
  text-decoration: underline;
}

@media screen and (max-width: 480px) {
  /* line 147, src/sass/_preferences.scss */
  .btn.ghost {
    width: 100%;
  }
}
/*=====  Preferences  ======*/
/* line 4, src/sass/_personaldata.scss */
article.preferences {
  width: 100%;
  background: white;
  padding: 30px;
  margin-bottom: 20px;
}
/* line 11, src/sass/_personaldata.scss */
article.preferences.trips .row {
  width: 100%;
}
/* line 16, src/sass/_personaldata.scss */

article.preferences h2 {
  font-size: 24px;
  color: #4f5355;
}
@media screen and (max-width: 360px) {
  /* line 16, src/sass/_personaldata.scss */
  article.preferences h2 {
    font-size: 20px;
  }
}
/* line 25, src/sass/_personaldata.scss */
article.preferences .row {
  width: 80%;
  display: block;
  margin: 25px 0;
}
@media screen and (max-width: 480px) {
  /* line 25, src/sass/_personaldata.scss */
  article.preferences .row {
    width: 100%;
  }
}
/* line 34, src/sass/_personaldata.scss */
article.preferences .row .left {
  float: left;
  width: 30%;
  text-align: right;
}
@media screen and (max-width: 480px) {
  /* line 34, src/sass/_personaldata.scss */
  article.preferences .row .left {
    width: 100%;
    float: none;
    text-align: left;
  }
}
/* line 45, src/sass/_personaldata.scss */
article.preferences .row .left dt, article.preferences .row .left .right dd, article.preferences .row .right .left dd {
  font-size: 16px;
  color: #4f5355;
}
/* line 53, src/sass/_personaldata.scss */
article.preferences .row .right {
  float: left;
  width: 70%;
}
@media screen and (max-width: 480px) {
  /* line 53, src/sass/_personaldata.scss */
  article.preferences .row .right {
    width: 100%;
    float: none;
    text-align: left;
  }
}
/* line 63, src/sass/_personaldata.scss */
article.preferences .row .right input[type="text"], article.preferences .row .right [type="text"].wSelect-theme-classic.wSelect, article.preferences .row .right .wSelect-theme-classic [type="text"].wSelect-options-holder, .wSelect-theme-classic article.preferences .row .right [type="text"].wSelect-options-holder {
  max-width: 300px;
  width: 100%;
  margin-left: 20px;
}
@media screen and (max-width: 480px) {
  /* line 63, src/sass/_personaldata.scss */
  article.preferences .row .right input[type="text"], article.preferences .row .right [type="text"].wSelect-theme-classic.wSelect, article.preferences .row .right .wSelect-theme-classic [type="text"].wSelect-options-holder, .wSelect-theme-classic article.preferences .row .right [type="text"].wSelect-options-holder {
    margin-left: 0;
  }
}
/* line 74, src/sass/_personaldata.scss */
article.preferences .row figcaption {
  background: #eaf7e8;
  min-width: 165px;
  max-width: 280px;
  height: 35px;
  padding: 8px 10px;
  float: left;
  margin-right: 8px;
  margin-bottom: 8px;
  overflow: hidden;
  cursor: default;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
@media screen and (max-width: 480px) {
  /* line 74, src/sass/_personaldata.scss */
  article.preferences .row figcaption {
    width: 100%;
    max-width: 100%;
  }
}
/* line 93, src/sass/_personaldata.scss */
article.preferences .row figcaption:last-of-type {
  margin-right: 0;
}
/* line 97, src/sass/_personaldata.scss */
article.preferences .row figcaption i {
  float: left;
  width: 18px;
  height: 18px;
  margin-right: 10px;
}
/* line 104, src/sass/_personaldata.scss */
article.preferences .row figcaption span {
  font-size: 16px;
  color: #6dc35e;
  text-transform: uppercase;
  float: left;
}
/* line 111, src/sass/_personaldata.scss */
article.preferences .row figcaption .flag {
  float: right;
  margin-left: 10px;
}
/* line 115, src/sass/_personaldata.scss */
article.preferences .row figcaption .flag img {
  width: 28px;
  height: 19px;
}

/***********************************
 * Layout
 ***********************************/
/* line 4, src/sass/_dropdown.scss */
.wSelect-el {
  width: 0px;
  height: 0px;
  padding: 0px;
  margin: 0px;
  border: none;
  overflow: hidden;
  display: none;
}

/* line 13, src/sass/_dropdown.scss */
.wSelect {
  max-width: 300px;
  width: 100% !important;
  margin-left: 20px !important;
  position: relative;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.row .right .btn {
 margin: 0;
 margin-left:20px;
}
@media screen and (max-width: 480px) {
  /* line 13, src/sass/_dropdown.scss */
  .wSelect, .row .right .btn {
    margin-left: 0 !important;
  }
  .hide {
   display: none;
  }
  #personal_data input, article.preferences .row .right input[type="text"], article.preferences .row .right .wSelect-theme-classic.wSelect[type="text"], article.preferences .row .right .wSelect-theme-classic .wSelect-options-holder[type="text"], .wSelect-theme-classic article.preferences .row .right .wSelect-options-holder[type="text"], .wSelect {
   width: 100%;
   max-width: 100%;
  }
}

/* line 34, src/sass/_dropdown.scss */
.wSelect-arrow {
  position: absolute;
  width: 30px;
  right: 0px;
  top: 0px;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 0px center;
}

/* line 44, src/sass/_dropdown.scss */
.wSelect-active .wSelect-arrow {
  background-image: url("https://image.e.vakantiediscounter.nl/lib/fe3a11717564047c771276/m/1/f41d8e26-cea2-4eea-913e-066b8de278f6.png");
}

/* line 47, src/sass/_dropdown.scss */
.wSelect.wSelect-multiple {
  overflow: hidden;
}

/* line 50, src/sass/_dropdown.scss */
.wSelect-selected {
  margin: 0px 35px 0px 5px;
  padding: 12px 0;
  overflow: hidden;
  white-space: nowrap;
  background-repeat: no-repeat;
  background-position: 0 center;
}

/* line 58, src/sass/_dropdown.scss */
.wSelect-options-holder {
  position: absolute;
  display: none;
  left: 0px;
  z-index: 200;
  overflow: hidden;
}

/* line 65, src/sass/_dropdown.scss */
.wSelect-multiple .wSelect-options-holder {
  position: relative !important;
  display: block !important;
  top: auto !important;
  z-index: auto !important;
  border: none !important;
}

/* line 72, src/sass/_dropdown.scss */
.wSelect-options {
  overflow-y: scroll;
  overflow-x: hidden;
  min-height: 120px;
  max-height: 120px;
  height: 100% !important;
}

/* line 79, src/sass/_dropdown.scss */
.wSelect-option {
  background-repeat: no-repeat;
  background-position: 5px center;
  margin-bottom: 1px;
  cursor: pointer;
}

/* line 85, src/sass/_dropdown.scss */
.wSelect-option-last {
  margin-bottom: 0px;
}

/* line 88, src/sass/_dropdown.scss */
.wSelect-option-value {
  margin: 0 5px;
  padding: 12px 0;
  background-repeat: no-repeat;
  background-position: 0 center;
  white-space: nowrap;
  overflow: hidden;
}

/* line 96, src/sass/_dropdown.scss */
.wSelect-option-disabled .wSelect-option-value {
  filter: alpha(opacity=20);
  opacity: 0.2;
}

/* line 100, src/sass/_dropdown.scss */
.wSelect-option-icon {
  padding-left: 40px;
  background-size: 30px 20px;
}

/***********************************
 * Theme - classic
 ***********************************/
/* line 107, src/sass/_dropdown.scss */
.wSelect-theme-classic.wSelect {
  padding: 0 !important;
}

/* line 111, src/sass/_dropdown.scss */
.wSelect-arrow {
  background-image: url("https://image.e.vakantiediscounter.nl/lib/fe3a11717564047c771276/m/1/ba561fef-cade-4ff9-ab6d-cf2691ecb84e.png");
  background-size: 13px 9px;
}

/* line 114, src/sass/_dropdown.scss */
.wSelect-theme-classic .wSelect-options-holder {
  max-width: 300px;
  width: 100%;
  min-height: 120px;
  padding: 0 !important;
  background: white;
}

@media screen and (max-width: 480px) {
.wSelect-theme-classic .wSelect-options-holder {
   max-width: 100%;
  }
}

/* line 122, src/sass/_dropdown.scss */
.wSelect-theme-classic .wSelect-option {
  width: 100%;
  background-color: #FFF;
  color: #384b65;
  height: 40px;
  -moz-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}

/* line 129, src/sass/_dropdown.scss */
.wSelect-theme-classic .wSelect-option-disabled {
  background-color: #FFF !important;
  color: #333 !important;
}

/* line 133, src/sass/_dropdown.scss */
.wSelect-theme-classic .wSelect-option:hover {
  background-color: #edf8ff;
  -moz-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}

/***********************************
 * Labels
 ***********************************/
/* line 141, src/sass/_dropdown.scss */
.wLabel-top,
.wLabel-left,
.wLabel-left-top {
  vertical-align: middle;
  font-size: 10px;
  line-height: 16px;
  color: #999;
  display: block;
  margin: 5px 0 3px 3px;
}

/* line 151, src/sass/_dropdown.scss */
.wLabel-left-top {
  vertical-align: top;
}

@media screen and (min-width: 600px) {
  /* line 155, src/sass/_dropdown.scss */
  .wLabel-left,
  .wLabel-left-top {
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 70px;
    text-align: right;
    margin: 0 0 7px 0;
  }
}
#content-wrapper {
    max-width: 630px;
    position: relative;
 background: #ffffff;
 margin: 0 auto;
 padding: 30px;
}
.social-buttons {
  max-width: 630px;
  position: relative;
  margin: 45px auto 0 auto;
  padding: 0 48px;
}
.social-buttons .btn {
 float: left;
}
.social-buttons .btn:last-of-type {
 float: right;
}
.social-buttons .btn.primary {
 padding: 0.6rem 20px;
 margin-bottom: 40px;
}
.social-buttons .btn.secondary {
  background: #3d5b99 url('https://image.e.vakantiediscounter.nl/lib/fe3a11717564047c771276/m/1/620745b7-91f0-4d68-8939-a67f7928c627.png') no-repeat 16px 12px;
  background-size: 16px auto;
  color: #ffffff;
  display: inline-block;
  font-size: 0.85rem;
  margin: 0 auto;
  padding: 0.6rem 20px 0.6rem 50px;
  text-transform: uppercase;
  white-space: nowrap;
  width: 272px;
}
.social-buttons .btn.secondary:hover {
  background: #34508a url('https://image.e.vakantiediscounter.nl/lib/fe3a11717564047c771276/m/1/620745b7-91f0-4d68-8939-a67f7928c627.png') no-repeat 16px 12px;
  background-size: 16px auto;
}
.social-buttons .btn.secondary:active {
  background: #ff66b1 url('https://image.e.vakantiediscounter.nl/lib/fe3a11717564047c771276/m/1/620745b7-91f0-4d68-8939-a67f7928c627.png') no-repeat 16px 12px;
  background-size: 16px auto;
}
@media screen and (max-width: 660px) {
 .social-buttons .btn, .social-buttons .btn:last-of-type, .social-buttons .btn.secondary {
  float: none;
  display: block;
  width: 272px;
  margin: 0 auto;
 }
 .social-buttons .btn.primary {
  margin-top: 15px;
  margin-bottom: 20px;
 }
}
@media screen and (max-width: 568px) {
 .social-buttons {
  margin-top: 0;
 }
 .social-buttons {
  padding: 35px 20px;
 }
 .social-buttons .btn, .social-buttons .btn:last-of-type, .social-buttons .btn.secondary {
  width: 100%;
  text-align: center;
 }
}

.unsub-page #content-wrapper {
 margin-bottom: 20px;
}
.unsub-page #content-wrapper p:nth-child(2) {
    color: #4f5355;
    font-family: "Formular-Medium","Helvetica Neue ",Arial,sans-serif;
    font-size: 22px;
    line-height: 120%;
 margin-top: 28px;
    margin-bottom: 26px;
}
.unsub-page #content-wrapper p:nth-child(3) {
 margin-bottom: 20px;
}
.unsubscribe div {
 display: block;
 padding:12px;
 border-bottom: 1px dashed #bdd7e5;
 cursor: pointer;
}
.unsubscribe div:last-of-type {
 border: 0;
 margin-bottom: 20px;
}
.unsub-page input[type="radio"] {
    color: #4f5355;
    float: left;
    font-family: "Formular-Light","Helvetica Neue","Arial",sans-serif;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1;
    margin-top: 5px;
 margin-right: 10px;
    padding: 0 10px;
 height: auto;
 box-shadow: none !important;
 cursor: pointer;
}

.unsubscribe div label {
 cursor: pointer;
 display: block;
}

@media screen and (max-width: 450px) {
 .unsub-page input[type="radio"] {
  display: none;
 }
}
.unsub-selected {
 background: #edf8ff;
 color: #0079bb;
 font-weight: bold;
}
.unsub-page .btn.primary {
 margin: 0;
}
#personal_data .row input[type="submit"] {
 margin: 0;
 margin-left: 20px;
 display: inline-block;
}
#personal_data .nav .right span {
 margin-left: 20px;
}
#personal_data .nav {
 margin-bottom: 0;
}
@media screen and (max-width: 480px) {
#personal_data .row input[type="submit"] {
 margin-left: 0;
}
#personal_data .nav .right span {
 margin: 0 auto;
}
#personal_data .nav .right {
 text-align: center;
}
}
.btn span {
 color: #fff;
 font-size: inherit;
 display: inline-block;
}
section.save .container .col-33 {
 /*position:fixed!important;*/
}
section.save .container .col-33.inline {
 position:relative!important;
 background:none!important;
 margin-top:-13px;
}
.resetButton{
 color: #38b4f2;
}