@charset "UTF-8";
/* Respnsive breakpoints */
/* Fonts */
/* typekit myriad-pro */
/* Menu */
/* Grid */
/* Z-index */
/* form ok */
/* $form-placeholder-color: #909090; */
/**
* Truncate text on max-width of parent
* Usage: @include truncate();
* Note: requires (max)width property to function
*/
/* Shorthand version of truncate */
/**
* @include clearfix();
* Adds clearfix behavior to selector
* Usage: Either include into selector to add it via CSS,
*        or add .clearfix class to any HTML element
*/
@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon-v5/icomoon.ttf?j0auxz") format("truetype"), url("../fonts/icomoon-v5/icomoon.woff?j0auxz") format("woff"), url("../fonts/icomoon-v5/icomoon.svg?j0auxz#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"]:before,
[class*=" icon-"]:before,
[class^="filetype-"]:before,
.icon-list li:before,
.icon-list dt:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

[class^="filetype-"]:before {
  display: inline-block;
  text-decoration: underline;
  text-decoration: none;
  margin-right: 0.5em; }

.filetype-ai:before {
  content: ""; }

.filetype-jpg:before {
  content: ""; }

.filetype-psd:before {
  content: ""; }

.filetype-tiff:before {
  content: ""; }

.filetype-zip:before {
  content: ""; }

.filetype-eps:before {
  content: ""; }

.filetype-pdf:before {
  content: ""; }

.filetype-png:before {
  content: ""; }

.icon-search:before {
  content: ""; }

.icon-user:before {
  content: ""; }

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

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

.icon-chevron-up:before {
  content: ""; }

.icon-chevron-down:before {
  content: ""; }

.icon-bars:before {
  content: ""; }

.icon-close:before {
  content: ""; }

.icon-close2:before {
  content: ""; }

.icon-checkmark:before {
  content: ""; }

.icon-search2:before {
  content: ""; }

.icon-phone:before {
  content: ""; }

.icon-mail:before {
  content: ""; }

.icon-twitter:before {
  content: ""; }

.icon--round:before,
.icon-list.square li:before,
.icon-list.round li:before,
.icon-list.square dt:before,
.icon-list.round dt:before {
  display: inline-block;
  box-sizing: border-box;
  margin-right: 10px;
  text-align: center; }

.icon--round:before,
.icon-list.round li:before,
.icon-list.round dt:before {
  border-width: 2px;
  border-style: solid;
  border-color: transparent;
  border-radius: 100%;
  width: 22px;
  height: 22px;
  line-height: 20px;
  padding-left: 2px; }

.icon-list li,
.icon-list dt,
.icon-list.definition-list .dt {
  font-family: Arial, sans-serif;
  font-weight: 700;
  line-height: 40px;
  font-size: 16px; }

.icon-list.green li,
.icon-list.green dt,
.icon-list.green.definition-list .dt {
  color: #333; }
  .icon-list.green li:before,
  .icon-list.green dt:before,
  .icon-list.green.definition-list .dt:before {
    color: #fff;
    background-color: #009b00;
    border-color: #fff; }

.icon-list.white li,
.icon-list.white dt,
.icon-list.white.definition-list .dt {
  color: #fff; }
  .icon-list.white li:before,
  .icon-list.white dt:before,
  .icon-list.white.definition-list .dt:before {
    color: #009b00;
    background-color: #fff;
    border-color: #009b00; }

.icon-list.square li:before,
.icon-list.square dt:before,
.icon-list.square.definition-list .dt:before {
  width: 25px;
  height: 25px;
  line-height: 25px;
  border-radius: 20%; }

.icon-list.down li:before,
.icon-list.down dt:before,
.icon-list.down.definition-list .dt:before {
  content: ""; }

.icon-list.right li:before,
.icon-list.right dt:before,
.icon-list.right.definition-list .dt:before {
  content: "";
  padding-left: 2px;
  line-height: 27px; }

.icon-list.definition-list .dd {
  color: #333;
  padding-bottom: 15px; }

a.icon-phone,
a.icon-mail,
a.icon-twitter {
  color: #333;
  font-size: 19px;
  font-family: Arial, sans-serif;
  font-weight: 700;
  line-height: 40px;
  position: relative;
  display: block;
  padding-left: 40px; }
  a.icon-phone:not(.button):not(.spec),
  a.icon-mail:not(.button):not(.spec),
  a.icon-twitter:not(.button):not(.spec) {
    border: 0; }
  a.icon-phone:hover,
  a.icon-mail:hover,
  a.icon-twitter:hover {
    text-decoration: none; }
  a.icon-phone:before,
  a.icon-mail:before,
  a.icon-twitter:before {
    position: absolute;
    left: 0;
    top: 8px;
    font-size: 28px; }

/* override with own values */
/*$green: #00952c;*/
/*@import 'vendor/normalize';*/
/*@import 'vendor/owlcarousel',*/
/*@import 'vendor/owltheme',*/
/*@import 'helpers/variables';*/
/*
@mixin border-radius($radius) {
    -webkit-border-radius: $radius;
    -moz-border-radius: $radius;
    -ms-border-radius: $radius;
    -o-border-radius: $radius;
    border-radius: $radius;
}
*/
/*
@mixin transition($transition) {
    -webkit-transition: $transition;
    -moz-transition:    $transition;
    -ms-transition:     $transition;
    -o-transition:      $transition;
}
*/
/** salesform only **/
/*$red: rgb(227, 6, 19);*/
.text-black,
.font-black {
  color: #000000; }

.heading-black h1,
.heading-black h2,
.heading-black h3,
.heading-black h4,
.heading-black h5 {
  color: #000000; }

/* color name => (color, hover, contrast) */
.white {
  color: #fff;
  border-color: #fff;
  transition: all 0.15s ease-in;
  /* nee, ook hier even uit */
  /* */ }
  .white:hover, .white:active, .white.focus {
    background-color: #fff;
    color: #000000; }
    .white:hover a, .white:active a, .white.focus a {
      color: #000000; }
  .white.nobutton:hover, .white.nobutton:active, .white.nobutton.focus {
    background-color: inherit;
    color: #fff; }
    .white.nobutton:hover a, .white.nobutton:active a, .white.nobutton.focus a {
      color: #fff; }

.text-white,
.font-white {
  color: #fff; }
  .text-white a:not(.button),
  .font-white a:not(.button) {
    text-decoration: none;
    border-bottom: 1px dotted #fff;
    color: #fff; }
    .text-white a:not(.button):hover,
    .font-white a:not(.button):hover {
      border-bottom-style: solid; }

.heading-white h1,
.heading-white h2,
.heading-white h3,
.heading-white h4,
.heading-white h5 {
  color: #fff; }

.background-white {
  background-color: #fff; }
  .background-white a:not(.button):visited {
    color: #807f7f;
    border-bottom-color: #807f7f; }

.pageblock.background-white + .pageblock.background-white {
  margin-top: -30px; }

.black {
  color: #000000;
  border-color: #000000;
  transition: all 0.15s ease-in;
  /* nee, ook hier even uit */
  /* */ }
  .black:hover, .black:active, .black.focus {
    background-color: #000000;
    color: #fff; }
    .black:hover a, .black:active a, .black.focus a {
      color: #fff; }
  .black.nobutton:hover, .black.nobutton:active, .black.nobutton.focus {
    background-color: inherit;
    color: #000000; }
    .black.nobutton:hover a, .black.nobutton:active a, .black.nobutton.focus a {
      color: #000000; }

.text-black,
.font-black {
  color: #000000; }
  .text-black a:not(.button),
  .font-black a:not(.button) {
    text-decoration: none;
    border-bottom: 1px dotted #000000;
    color: #000000; }
    .text-black a:not(.button):hover,
    .font-black a:not(.button):hover {
      border-bottom-style: solid; }

.heading-black h1,
.heading-black h2,
.heading-black h3,
.heading-black h4,
.heading-black h5 {
  color: #000000; }

.background-black {
  background-color: #000000; }
  .background-black a:not(.button):visited {
    color: #807f7f;
    border-bottom-color: #807f7f; }

.pageblock.background-black + .pageblock.background-black {
  margin-top: -30px; }

.red {
  color: #DC0831;
  border-color: #DC0831;
  transition: all 0.15s ease-in;
  /* nee, ook hier even uit */
  /* */ }
  .red:hover, .red:active, .red.focus {
    background-color: #DC0831;
    color: #fff; }
    .red:hover a, .red:active a, .red.focus a {
      color: #fff; }
  .red.nobutton:hover, .red.nobutton:active, .red.nobutton.focus {
    background-color: inherit;
    color: #DC0831; }
    .red.nobutton:hover a, .red.nobutton:active a, .red.nobutton.focus a {
      color: #DC0831; }

.text-red,
.font-red {
  color: #DC0831; }
  .text-red a:not(.button),
  .font-red a:not(.button) {
    text-decoration: none;
    border-bottom: 1px dotted #DC0831;
    color: #DC0831; }
    .text-red a:not(.button):hover,
    .font-red a:not(.button):hover {
      border-bottom-style: solid; }

.heading-red h1,
.heading-red h2,
.heading-red h3,
.heading-red h4,
.heading-red h5 {
  color: #DC0831; }

.background-red {
  background-color: #DC0831; }
  .background-red a:not(.button):visited {
    color: #fee5ea;
    border-bottom-color: #fee5ea; }

.pageblock.background-red + .pageblock.background-red {
  margin-top: -30px; }

.green {
  color: #009640;
  border-color: #009640;
  transition: all 0.15s ease-in;
  /* nee, ook hier even uit */
  /* */ }
  .green:hover, .green:active, .green.focus {
    background-color: #009640;
    color: #fff; }
    .green:hover a, .green:active a, .green.focus a {
      color: #fff; }
  .green.nobutton:hover, .green.nobutton:active, .green.nobutton.focus {
    background-color: inherit;
    color: #009640; }
    .green.nobutton:hover a, .green.nobutton:active a, .green.nobutton.focus a {
      color: #009640; }

.text-green,
.font-green {
  color: #009640; }
  .text-green a:not(.button),
  .font-green a:not(.button) {
    text-decoration: none;
    border-bottom: 1px dotted #009640;
    color: #009640; }
    .text-green a:not(.button):hover,
    .font-green a:not(.button):hover {
      border-bottom-style: solid; }

.heading-green h1,
.heading-green h2,
.heading-green h3,
.heading-green h4,
.heading-green h5 {
  color: #009640; }

.background-green {
  background-color: #009640; }
  .background-green a:not(.button):visited {
    color: #96ffc3;
    border-bottom-color: #96ffc3; }

.pageblock.background-green + .pageblock.background-green {
  margin-top: -30px; }

.blue {
  color: #004F9F;
  border-color: #004F9F;
  transition: all 0.15s ease-in;
  /* nee, ook hier even uit */
  /* */ }
  .blue:hover, .blue:active, .blue.focus {
    background-color: #004F9F;
    color: #fff; }
    .blue:hover a, .blue:active a, .blue.focus a {
      color: #fff; }
  .blue.nobutton:hover, .blue.nobutton:active, .blue.nobutton.focus {
    background-color: inherit;
    color: #004F9F; }
    .blue.nobutton:hover a, .blue.nobutton:active a, .blue.nobutton.focus a {
      color: #004F9F; }

.text-blue,
.font-blue {
  color: #004F9F; }
  .text-blue a:not(.button),
  .font-blue a:not(.button) {
    text-decoration: none;
    border-bottom: 1px dotted #004F9F;
    color: #004F9F; }
    .text-blue a:not(.button):hover,
    .font-blue a:not(.button):hover {
      border-bottom-style: solid; }

.heading-blue h1,
.heading-blue h2,
.heading-blue h3,
.heading-blue h4,
.heading-blue h5 {
  color: #004F9F; }

.background-blue {
  background-color: #004F9F; }
  .background-blue a:not(.button):visited {
    color: #9fcfff;
    border-bottom-color: #9fcfff; }

.pageblock.background-blue + .pageblock.background-blue {
  margin-top: -30px; }

.purple {
  color: #6A0E5A;
  border-color: #6A0E5A;
  transition: all 0.15s ease-in;
  /* nee, ook hier even uit */
  /* */ }
  .purple:hover, .purple:active, .purple.focus {
    background-color: #6A0E5A;
    color: #fff; }
    .purple:hover a, .purple:active a, .purple.focus a {
      color: #fff; }
  .purple.nobutton:hover, .purple.nobutton:active, .purple.nobutton.focus {
    background-color: inherit;
    color: #6A0E5A; }
    .purple.nobutton:hover a, .purple.nobutton:active a, .purple.nobutton.focus a {
      color: #6A0E5A; }

.text-purple,
.font-purple {
  color: #6A0E5A; }
  .text-purple a:not(.button),
  .font-purple a:not(.button) {
    text-decoration: none;
    border-bottom: 1px dotted #6A0E5A;
    color: #6A0E5A; }
    .text-purple a:not(.button):hover,
    .font-purple a:not(.button):hover {
      border-bottom-style: solid; }

.heading-purple h1,
.heading-purple h2,
.heading-purple h3,
.heading-purple h4,
.heading-purple h5 {
  color: #6A0E5A; }

.background-purple {
  background-color: #6A0E5A; }
  .background-purple a:not(.button):visited {
    color: #ef88dd;
    border-bottom-color: #ef88dd; }

.pageblock.background-purple + .pageblock.background-purple {
  margin-top: -30px; }

.orange {
  color: #EF7D00;
  border-color: #EF7D00;
  transition: all 0.15s ease-in;
  /* nee, ook hier even uit */
  /* */ }
  .orange:hover, .orange:active, .orange.focus {
    background-color: #EF7D00;
    color: #000000; }
    .orange:hover a, .orange:active a, .orange.focus a {
      color: #000000; }
  .orange.nobutton:hover, .orange.nobutton:active, .orange.nobutton.focus {
    background-color: inherit;
    color: #EF7D00; }
    .orange.nobutton:hover a, .orange.nobutton:active a, .orange.nobutton.focus a {
      color: #EF7D00; }

.text-orange,
.font-orange {
  color: #EF7D00; }
  .text-orange a:not(.button),
  .font-orange a:not(.button) {
    text-decoration: none;
    border-bottom: 1px dotted #EF7D00;
    color: #EF7D00; }
    .text-orange a:not(.button):hover,
    .font-orange a:not(.button):hover {
      border-bottom-style: solid; }

.heading-orange h1,
.heading-orange h2,
.heading-orange h3,
.heading-orange h4,
.heading-orange h5 {
  color: #EF7D00; }

.background-orange {
  background-color: #EF7D00; }
  .background-orange a:not(.button):visited {
    color: #fff7ef;
    border-bottom-color: #fff7ef; }

.pageblock.background-orange + .pageblock.background-orange {
  margin-top: -30px; }

.yellow {
  color: #FFDD00;
  border-color: #FFDD00;
  transition: all 0.15s ease-in;
  /* nee, ook hier even uit */
  /* */ }
  .yellow:hover, .yellow:active, .yellow.focus {
    background-color: #FFDD00;
    color: #000000; }
    .yellow:hover a, .yellow:active a, .yellow.focus a {
      color: #000000; }
  .yellow.nobutton:hover, .yellow.nobutton:active, .yellow.nobutton.focus {
    background-color: inherit;
    color: #FFDD00; }
    .yellow.nobutton:hover a, .yellow.nobutton:active a, .yellow.nobutton.focus a {
      color: #FFDD00; }

.text-yellow,
.font-yellow {
  color: #FFDD00; }
  .text-yellow a:not(.button),
  .font-yellow a:not(.button) {
    text-decoration: none;
    border-bottom: 1px dotted #FFDD00;
    color: #FFDD00; }
    .text-yellow a:not(.button):hover,
    .font-yellow a:not(.button):hover {
      border-bottom-style: solid; }

.heading-yellow h1,
.heading-yellow h2,
.heading-yellow h3,
.heading-yellow h4,
.heading-yellow h5 {
  color: #FFDD00; }

.background-yellow {
  background-color: #FFDD00; }
  .background-yellow a:not(.button):visited {
    color: white;
    border-bottom-color: white; }

.pageblock.background-yellow + .pageblock.background-yellow {
  margin-top: -30px; }

.viridian-groenblauw-dark {
  color: #005E75;
  border-color: #005E75;
  transition: all 0.15s ease-in;
  /* nee, ook hier even uit */
  /* */ }
  .viridian-groenblauw-dark:hover, .viridian-groenblauw-dark:active, .viridian-groenblauw-dark.focus {
    background-color: #005E75;
    color: #fff; }
    .viridian-groenblauw-dark:hover a, .viridian-groenblauw-dark:active a, .viridian-groenblauw-dark.focus a {
      color: #fff; }
  .viridian-groenblauw-dark.nobutton:hover, .viridian-groenblauw-dark.nobutton:active, .viridian-groenblauw-dark.nobutton.focus {
    background-color: inherit;
    color: #005E75; }
    .viridian-groenblauw-dark.nobutton:hover a, .viridian-groenblauw-dark.nobutton:active a, .viridian-groenblauw-dark.nobutton.focus a {
      color: #005E75; }

.text-viridian-groenblauw-dark,
.font-viridian-groenblauw-dark {
  color: #005E75; }
  .text-viridian-groenblauw-dark a:not(.button),
  .font-viridian-groenblauw-dark a:not(.button) {
    text-decoration: none;
    border-bottom: 1px dotted #005E75;
    color: #005E75; }
    .text-viridian-groenblauw-dark a:not(.button):hover,
    .font-viridian-groenblauw-dark a:not(.button):hover {
      border-bottom-style: solid; }

.heading-viridian-groenblauw-dark h1,
.heading-viridian-groenblauw-dark h2,
.heading-viridian-groenblauw-dark h3,
.heading-viridian-groenblauw-dark h4,
.heading-viridian-groenblauw-dark h5 {
  color: #005E75; }

.background-viridian-groenblauw-dark {
  background-color: #005E75; }
  .background-viridian-groenblauw-dark a:not(.button):visited {
    color: #75e4ff;
    border-bottom-color: #75e4ff; }

.pageblock.background-viridian-groenblauw-dark + .pageblock.background-viridian-groenblauw-dark {
  margin-top: -30px; }

.viridian-groenblauw-normal {
  color: #0FA3B1;
  border-color: #0FA3B1;
  transition: all 0.15s ease-in;
  /* nee, ook hier even uit */
  /* */ }
  .viridian-groenblauw-normal:hover, .viridian-groenblauw-normal:active, .viridian-groenblauw-normal.focus {
    background-color: #0FA3B1;
    color: #fff; }
    .viridian-groenblauw-normal:hover a, .viridian-groenblauw-normal:active a, .viridian-groenblauw-normal.focus a {
      color: #fff; }
  .viridian-groenblauw-normal.nobutton:hover, .viridian-groenblauw-normal.nobutton:active, .viridian-groenblauw-normal.nobutton.focus {
    background-color: inherit;
    color: #0FA3B1; }
    .viridian-groenblauw-normal.nobutton:hover a, .viridian-groenblauw-normal.nobutton:active a, .viridian-groenblauw-normal.nobutton.focus a {
      color: #0FA3B1; }

.text-viridian-groenblauw-normal,
.font-viridian-groenblauw-normal {
  color: #0FA3B1; }
  .text-viridian-groenblauw-normal a:not(.button),
  .font-viridian-groenblauw-normal a:not(.button) {
    text-decoration: none;
    border-bottom: 1px dotted #0FA3B1;
    color: #0FA3B1; }
    .text-viridian-groenblauw-normal a:not(.button):hover,
    .font-viridian-groenblauw-normal a:not(.button):hover {
      border-bottom-style: solid; }

.heading-viridian-groenblauw-normal h1,
.heading-viridian-groenblauw-normal h2,
.heading-viridian-groenblauw-normal h3,
.heading-viridian-groenblauw-normal h4,
.heading-viridian-groenblauw-normal h5 {
  color: #0FA3B1; }

.background-viridian-groenblauw-normal {
  background-color: #0FA3B1; }
  .background-viridian-groenblauw-normal a:not(.button):visited {
    color: #c5f5fa;
    border-bottom-color: #c5f5fa; }

.pageblock.background-viridian-groenblauw-normal + .pageblock.background-viridian-groenblauw-normal {
  margin-top: -30px; }

.viridian-groenblauw-light {
  color: #D9E565;
  border-color: #D9E565;
  transition: all 0.15s ease-in;
  /* nee, ook hier even uit */
  /* */ }
  .viridian-groenblauw-light:hover, .viridian-groenblauw-light:active, .viridian-groenblauw-light.focus {
    background-color: #D9E565;
    color: #000000; }
    .viridian-groenblauw-light:hover a, .viridian-groenblauw-light:active a, .viridian-groenblauw-light.focus a {
      color: #000000; }
  .viridian-groenblauw-light.nobutton:hover, .viridian-groenblauw-light.nobutton:active, .viridian-groenblauw-light.nobutton.focus {
    background-color: inherit;
    color: #D9E565; }
    .viridian-groenblauw-light.nobutton:hover a, .viridian-groenblauw-light.nobutton:active a, .viridian-groenblauw-light.nobutton.focus a {
      color: #D9E565; }

.text-viridian-groenblauw-light,
.font-viridian-groenblauw-light {
  color: #D9E565; }
  .text-viridian-groenblauw-light a:not(.button),
  .font-viridian-groenblauw-light a:not(.button) {
    text-decoration: none;
    border-bottom: 1px dotted #D9E565;
    color: #D9E565; }
    .text-viridian-groenblauw-light a:not(.button):hover,
    .font-viridian-groenblauw-light a:not(.button):hover {
      border-bottom-style: solid; }

.heading-viridian-groenblauw-light h1,
.heading-viridian-groenblauw-light h2,
.heading-viridian-groenblauw-light h3,
.heading-viridian-groenblauw-light h4,
.heading-viridian-groenblauw-light h5 {
  color: #D9E565; }

.background-viridian-groenblauw-light {
  background-color: #D9E565; }
  .background-viridian-groenblauw-light a:not(.button):visited {
    color: white;
    border-bottom-color: white; }

.pageblock.background-viridian-groenblauw-light + .pageblock.background-viridian-groenblauw-light {
  margin-top: -30px; }

.pacific-blue-dark {
  color: #005aab;
  border-color: #005aab;
  transition: all 0.15s ease-in;
  /* nee, ook hier even uit */
  /* */ }
  .pacific-blue-dark:hover, .pacific-blue-dark:active, .pacific-blue-dark.focus {
    background-color: #005aab;
    color: #fff; }
    .pacific-blue-dark:hover a, .pacific-blue-dark:active a, .pacific-blue-dark.focus a {
      color: #fff; }
  .pacific-blue-dark.nobutton:hover, .pacific-blue-dark.nobutton:active, .pacific-blue-dark.nobutton.focus {
    background-color: inherit;
    color: #005aab; }
    .pacific-blue-dark.nobutton:hover a, .pacific-blue-dark.nobutton:active a, .pacific-blue-dark.nobutton.focus a {
      color: #005aab; }

.text-pacific-blue-dark,
.font-pacific-blue-dark {
  color: #005aab; }
  .text-pacific-blue-dark a:not(.button),
  .font-pacific-blue-dark a:not(.button) {
    text-decoration: none;
    border-bottom: 1px dotted #005aab;
    color: #005aab; }
    .text-pacific-blue-dark a:not(.button):hover,
    .font-pacific-blue-dark a:not(.button):hover {
      border-bottom-style: solid; }

.heading-pacific-blue-dark h1,
.heading-pacific-blue-dark h2,
.heading-pacific-blue-dark h3,
.heading-pacific-blue-dark h4,
.heading-pacific-blue-dark h5 {
  color: #005aab; }

.background-pacific-blue-dark {
  background-color: #005aab; }
  .background-pacific-blue-dark a:not(.button):visited {
    color: #abd7ff;
    border-bottom-color: #abd7ff; }

.pageblock.background-pacific-blue-dark + .pageblock.background-pacific-blue-dark {
  margin-top: -30px; }

.pacific-blue-normal {
  color: #09B7CB;
  border-color: #09B7CB;
  transition: all 0.15s ease-in;
  /* nee, ook hier even uit */
  /* */ }
  .pacific-blue-normal:hover, .pacific-blue-normal:active, .pacific-blue-normal.focus {
    background-color: #09B7CB;
    color: #fff; }
    .pacific-blue-normal:hover a, .pacific-blue-normal:active a, .pacific-blue-normal.focus a {
      color: #fff; }
  .pacific-blue-normal.nobutton:hover, .pacific-blue-normal.nobutton:active, .pacific-blue-normal.nobutton.focus {
    background-color: inherit;
    color: #09B7CB; }
    .pacific-blue-normal.nobutton:hover a, .pacific-blue-normal.nobutton:active a, .pacific-blue-normal.nobutton.focus a {
      color: #09B7CB; }

.text-pacific-blue-normal,
.font-pacific-blue-normal {
  color: #09B7CB; }
  .text-pacific-blue-normal a:not(.button),
  .font-pacific-blue-normal a:not(.button) {
    text-decoration: none;
    border-bottom: 1px dotted #09B7CB;
    color: #09B7CB; }
    .text-pacific-blue-normal a:not(.button):hover,
    .font-pacific-blue-normal a:not(.button):hover {
      border-bottom-style: solid; }

.heading-pacific-blue-normal h1,
.heading-pacific-blue-normal h2,
.heading-pacific-blue-normal h3,
.heading-pacific-blue-normal h4,
.heading-pacific-blue-normal h5 {
  color: #09B7CB; }

.background-pacific-blue-normal {
  background-color: #09B7CB; }
  .background-pacific-blue-normal a:not(.button):visited {
    color: #d6f9fd;
    border-bottom-color: #d6f9fd; }

.pageblock.background-pacific-blue-normal + .pageblock.background-pacific-blue-normal {
  margin-top: -30px; }

.pacific-blue-light {
  color: #9FE7F0;
  border-color: #9FE7F0;
  transition: all 0.15s ease-in;
  /* nee, ook hier even uit */
  /* */ }
  .pacific-blue-light:hover, .pacific-blue-light:active, .pacific-blue-light.focus {
    background-color: #9FE7F0;
    color: #000000; }
    .pacific-blue-light:hover a, .pacific-blue-light:active a, .pacific-blue-light.focus a {
      color: #000000; }
  .pacific-blue-light.nobutton:hover, .pacific-blue-light.nobutton:active, .pacific-blue-light.nobutton.focus {
    background-color: inherit;
    color: #9FE7F0; }
    .pacific-blue-light.nobutton:hover a, .pacific-blue-light.nobutton:active a, .pacific-blue-light.nobutton.focus a {
      color: #9FE7F0; }

.text-pacific-blue-light,
.font-pacific-blue-light {
  color: #9FE7F0; }
  .text-pacific-blue-light a:not(.button),
  .font-pacific-blue-light a:not(.button) {
    text-decoration: none;
    border-bottom: 1px dotted #9FE7F0;
    color: #9FE7F0; }
    .text-pacific-blue-light a:not(.button):hover,
    .font-pacific-blue-light a:not(.button):hover {
      border-bottom-style: solid; }

.heading-pacific-blue-light h1,
.heading-pacific-blue-light h2,
.heading-pacific-blue-light h3,
.heading-pacific-blue-light h4,
.heading-pacific-blue-light h5 {
  color: #9FE7F0; }

.background-pacific-blue-light {
  background-color: #9FE7F0; }
  .background-pacific-blue-light a:not(.button):visited {
    color: white;
    border-bottom-color: white; }

.pageblock.background-pacific-blue-light + .pageblock.background-pacific-blue-light {
  margin-top: -30px; }

.pacific-blue-lighter {
  color: #E0F2FD;
  border-color: #E0F2FD;
  transition: all 0.15s ease-in;
  /* nee, ook hier even uit */
  /* */ }
  .pacific-blue-lighter:hover, .pacific-blue-lighter:active, .pacific-blue-lighter.focus {
    background-color: #E0F2FD;
    color: #000000; }
    .pacific-blue-lighter:hover a, .pacific-blue-lighter:active a, .pacific-blue-lighter.focus a {
      color: #000000; }
  .pacific-blue-lighter.nobutton:hover, .pacific-blue-lighter.nobutton:active, .pacific-blue-lighter.nobutton.focus {
    background-color: inherit;
    color: #E0F2FD; }
    .pacific-blue-lighter.nobutton:hover a, .pacific-blue-lighter.nobutton:active a, .pacific-blue-lighter.nobutton.focus a {
      color: #E0F2FD; }

.text-pacific-blue-lighter,
.font-pacific-blue-lighter {
  color: #E0F2FD; }
  .text-pacific-blue-lighter a:not(.button),
  .font-pacific-blue-lighter a:not(.button) {
    text-decoration: none;
    border-bottom: 1px dotted #E0F2FD;
    color: #E0F2FD; }
    .text-pacific-blue-lighter a:not(.button):hover,
    .font-pacific-blue-lighter a:not(.button):hover {
      border-bottom-style: solid; }

.heading-pacific-blue-lighter h1,
.heading-pacific-blue-lighter h2,
.heading-pacific-blue-lighter h3,
.heading-pacific-blue-lighter h4,
.heading-pacific-blue-lighter h5 {
  color: #E0F2FD; }

.background-pacific-blue-lighter {
  background-color: #E0F2FD; }
  .background-pacific-blue-lighter a:not(.button):visited {
    color: white;
    border-bottom-color: white; }

.pageblock.background-pacific-blue-lighter + .pageblock.background-pacific-blue-lighter {
  margin-top: -30px; }

.zeegroengeel-darkest {
  color: #006841;
  border-color: #006841;
  transition: all 0.15s ease-in;
  /* nee, ook hier even uit */
  /* */ }
  .zeegroengeel-darkest:hover, .zeegroengeel-darkest:active, .zeegroengeel-darkest.focus {
    background-color: #006841;
    color: #fff; }
    .zeegroengeel-darkest:hover a, .zeegroengeel-darkest:active a, .zeegroengeel-darkest.focus a {
      color: #fff; }
  .zeegroengeel-darkest.nobutton:hover, .zeegroengeel-darkest.nobutton:active, .zeegroengeel-darkest.nobutton.focus {
    background-color: inherit;
    color: #006841; }
    .zeegroengeel-darkest.nobutton:hover a, .zeegroengeel-darkest.nobutton:active a, .zeegroengeel-darkest.nobutton.focus a {
      color: #006841; }

.text-zeegroengeel-darkest,
.font-zeegroengeel-darkest {
  color: #006841; }
  .text-zeegroengeel-darkest a:not(.button),
  .font-zeegroengeel-darkest a:not(.button) {
    text-decoration: none;
    border-bottom: 1px dotted #006841;
    color: #006841; }
    .text-zeegroengeel-darkest a:not(.button):hover,
    .font-zeegroengeel-darkest a:not(.button):hover {
      border-bottom-style: solid; }

.heading-zeegroengeel-darkest h1,
.heading-zeegroengeel-darkest h2,
.heading-zeegroengeel-darkest h3,
.heading-zeegroengeel-darkest h4,
.heading-zeegroengeel-darkest h5 {
  color: #006841; }

.background-zeegroengeel-darkest {
  background-color: #006841; }
  .background-zeegroengeel-darkest a:not(.button):visited {
    color: #68ffc6;
    border-bottom-color: #68ffc6; }

.pageblock.background-zeegroengeel-darkest + .pageblock.background-zeegroengeel-darkest {
  margin-top: -30px; }

.zeegroengeel-dark {
  color: #267853;
  border-color: #267853;
  transition: all 0.15s ease-in;
  /* nee, ook hier even uit */
  /* */ }
  .zeegroengeel-dark:hover, .zeegroengeel-dark:active, .zeegroengeel-dark.focus {
    background-color: #267853;
    color: #fff; }
    .zeegroengeel-dark:hover a, .zeegroengeel-dark:active a, .zeegroengeel-dark.focus a {
      color: #fff; }
  .zeegroengeel-dark.nobutton:hover, .zeegroengeel-dark.nobutton:active, .zeegroengeel-dark.nobutton.focus {
    background-color: inherit;
    color: #267853; }
    .zeegroengeel-dark.nobutton:hover a, .zeegroengeel-dark.nobutton:active a, .zeegroengeel-dark.nobutton.focus a {
      color: #267853; }

.text-zeegroengeel-dark,
.font-zeegroengeel-dark {
  color: #267853; }
  .text-zeegroengeel-dark a:not(.button),
  .font-zeegroengeel-dark a:not(.button) {
    text-decoration: none;
    border-bottom: 1px dotted #267853;
    color: #267853; }
    .text-zeegroengeel-dark a:not(.button):hover,
    .font-zeegroengeel-dark a:not(.button):hover {
      border-bottom-style: solid; }

.heading-zeegroengeel-dark h1,
.heading-zeegroengeel-dark h2,
.heading-zeegroengeel-dark h3,
.heading-zeegroengeel-dark h4,
.heading-zeegroengeel-dark h5 {
  color: #267853; }

.background-zeegroengeel-dark {
  background-color: #267853; }
  .background-zeegroengeel-dark a:not(.button):visited {
    color: #b5e8d1;
    border-bottom-color: #b5e8d1; }

.pageblock.background-zeegroengeel-dark + .pageblock.background-zeegroengeel-dark {
  margin-top: -30px; }

.zeegroengeel-normal {
  color: #8CC08C;
  border-color: #8CC08C;
  transition: all 0.15s ease-in;
  /* nee, ook hier even uit */
  /* */ }
  .zeegroengeel-normal:hover, .zeegroengeel-normal:active, .zeegroengeel-normal.focus {
    background-color: #8CC08C;
    color: #fff; }
    .zeegroengeel-normal:hover a, .zeegroengeel-normal:active a, .zeegroengeel-normal.focus a {
      color: #fff; }
  .zeegroengeel-normal.nobutton:hover, .zeegroengeel-normal.nobutton:active, .zeegroengeel-normal.nobutton.focus {
    background-color: inherit;
    color: #8CC08C; }
    .zeegroengeel-normal.nobutton:hover a, .zeegroengeel-normal.nobutton:active a, .zeegroengeel-normal.nobutton.focus a {
      color: #8CC08C; }

.text-zeegroengeel-normal,
.font-zeegroengeel-normal {
  color: #8CC08C; }
  .text-zeegroengeel-normal a:not(.button),
  .font-zeegroengeel-normal a:not(.button) {
    text-decoration: none;
    border-bottom: 1px dotted #8CC08C;
    color: #8CC08C; }
    .text-zeegroengeel-normal a:not(.button):hover,
    .font-zeegroengeel-normal a:not(.button):hover {
      border-bottom-style: solid; }

.heading-zeegroengeel-normal h1,
.heading-zeegroengeel-normal h2,
.heading-zeegroengeel-normal h3,
.heading-zeegroengeel-normal h4,
.heading-zeegroengeel-normal h5 {
  color: #8CC08C; }

.background-zeegroengeel-normal {
  background-color: #8CC08C; }
  .background-zeegroengeel-normal a:not(.button):visited {
    color: white;
    border-bottom-color: white; }

.pageblock.background-zeegroengeel-normal + .pageblock.background-zeegroengeel-normal {
  margin-top: -30px; }

.zeegroengeel-light {
  color: #F6FBE3;
  border-color: #F6FBE3;
  transition: all 0.15s ease-in;
  /* nee, ook hier even uit */
  /* */ }
  .zeegroengeel-light:hover, .zeegroengeel-light:active, .zeegroengeel-light.focus {
    background-color: #F6FBE3;
    color: #000000; }
    .zeegroengeel-light:hover a, .zeegroengeel-light:active a, .zeegroengeel-light.focus a {
      color: #000000; }
  .zeegroengeel-light.nobutton:hover, .zeegroengeel-light.nobutton:active, .zeegroengeel-light.nobutton.focus {
    background-color: inherit;
    color: #F6FBE3; }
    .zeegroengeel-light.nobutton:hover a, .zeegroengeel-light.nobutton:active a, .zeegroengeel-light.nobutton.focus a {
      color: #F6FBE3; }

.text-zeegroengeel-light,
.font-zeegroengeel-light {
  color: #F6FBE3; }
  .text-zeegroengeel-light a:not(.button),
  .font-zeegroengeel-light a:not(.button) {
    text-decoration: none;
    border-bottom: 1px dotted #F6FBE3;
    color: #F6FBE3; }
    .text-zeegroengeel-light a:not(.button):hover,
    .font-zeegroengeel-light a:not(.button):hover {
      border-bottom-style: solid; }

.heading-zeegroengeel-light h1,
.heading-zeegroengeel-light h2,
.heading-zeegroengeel-light h3,
.heading-zeegroengeel-light h4,
.heading-zeegroengeel-light h5 {
  color: #F6FBE3; }

.background-zeegroengeel-light {
  background-color: #F6FBE3; }
  .background-zeegroengeel-light a:not(.button):visited {
    color: white;
    border-bottom-color: white; }

.pageblock.background-zeegroengeel-light + .pageblock.background-zeegroengeel-light {
  margin-top: -30px; }

.rose-dark {
  color: #6A0E5A;
  border-color: #6A0E5A;
  transition: all 0.15s ease-in;
  /* nee, ook hier even uit */
  /* */ }
  .rose-dark:hover, .rose-dark:active, .rose-dark.focus {
    background-color: #6A0E5A;
    color: #fff; }
    .rose-dark:hover a, .rose-dark:active a, .rose-dark.focus a {
      color: #fff; }
  .rose-dark.nobutton:hover, .rose-dark.nobutton:active, .rose-dark.nobutton.focus {
    background-color: inherit;
    color: #6A0E5A; }
    .rose-dark.nobutton:hover a, .rose-dark.nobutton:active a, .rose-dark.nobutton.focus a {
      color: #6A0E5A; }

.text-rose-dark,
.font-rose-dark {
  color: #6A0E5A; }
  .text-rose-dark a:not(.button),
  .font-rose-dark a:not(.button) {
    text-decoration: none;
    border-bottom: 1px dotted #6A0E5A;
    color: #6A0E5A; }
    .text-rose-dark a:not(.button):hover,
    .font-rose-dark a:not(.button):hover {
      border-bottom-style: solid; }

.heading-rose-dark h1,
.heading-rose-dark h2,
.heading-rose-dark h3,
.heading-rose-dark h4,
.heading-rose-dark h5 {
  color: #6A0E5A; }

.background-rose-dark {
  background-color: #6A0E5A; }
  .background-rose-dark a:not(.button):visited {
    color: #ef88dd;
    border-bottom-color: #ef88dd; }

.pageblock.background-rose-dark + .pageblock.background-rose-dark {
  margin-top: -30px; }

.rose-normal {
  color: #A8577F;
  border-color: #A8577F;
  transition: all 0.15s ease-in;
  /* nee, ook hier even uit */
  /* */ }
  .rose-normal:hover, .rose-normal:active, .rose-normal.focus {
    background-color: #A8577F;
    color: #fff; }
    .rose-normal:hover a, .rose-normal:active a, .rose-normal.focus a {
      color: #fff; }
  .rose-normal.nobutton:hover, .rose-normal.nobutton:active, .rose-normal.nobutton.focus {
    background-color: inherit;
    color: #A8577F; }
    .rose-normal.nobutton:hover a, .rose-normal.nobutton:active a, .rose-normal.nobutton.focus a {
      color: #A8577F; }

.text-rose-normal,
.font-rose-normal {
  color: #A8577F; }
  .text-rose-normal a:not(.button),
  .font-rose-normal a:not(.button) {
    text-decoration: none;
    border-bottom: 1px dotted #A8577F;
    color: #A8577F; }
    .text-rose-normal a:not(.button):hover,
    .font-rose-normal a:not(.button):hover {
      border-bottom-style: solid; }

.heading-rose-normal h1,
.heading-rose-normal h2,
.heading-rose-normal h3,
.heading-rose-normal h4,
.heading-rose-normal h5 {
  color: #A8577F; }

.background-rose-normal {
  background-color: #A8577F; }
  .background-rose-normal a:not(.button):visited {
    color: white;
    border-bottom-color: white; }

.pageblock.background-rose-normal + .pageblock.background-rose-normal {
  margin-top: -30px; }

.rose-light {
  color: #F3A2AC;
  border-color: #F3A2AC;
  transition: all 0.15s ease-in;
  /* nee, ook hier even uit */
  /* */ }
  .rose-light:hover, .rose-light:active, .rose-light.focus {
    background-color: #F3A2AC;
    color: #000000; }
    .rose-light:hover a, .rose-light:active a, .rose-light.focus a {
      color: #000000; }
  .rose-light.nobutton:hover, .rose-light.nobutton:active, .rose-light.nobutton.focus {
    background-color: inherit;
    color: #F3A2AC; }
    .rose-light.nobutton:hover a, .rose-light.nobutton:active a, .rose-light.nobutton.focus a {
      color: #F3A2AC; }

.text-rose-light,
.font-rose-light {
  color: #F3A2AC; }
  .text-rose-light a:not(.button),
  .font-rose-light a:not(.button) {
    text-decoration: none;
    border-bottom: 1px dotted #F3A2AC;
    color: #F3A2AC; }
    .text-rose-light a:not(.button):hover,
    .font-rose-light a:not(.button):hover {
      border-bottom-style: solid; }

.heading-rose-light h1,
.heading-rose-light h2,
.heading-rose-light h3,
.heading-rose-light h4,
.heading-rose-light h5 {
  color: #F3A2AC; }

.background-rose-light {
  background-color: #F3A2AC; }
  .background-rose-light a:not(.button):visited {
    color: white;
    border-bottom-color: white; }

.pageblock.background-rose-light + .pageblock.background-rose-light {
  margin-top: -30px; }

.rose-lightest {
  color: #FCE5F1;
  border-color: #FCE5F1;
  transition: all 0.15s ease-in;
  /* nee, ook hier even uit */
  /* */ }
  .rose-lightest:hover, .rose-lightest:active, .rose-lightest.focus {
    background-color: #FCE5F1;
    color: #000000; }
    .rose-lightest:hover a, .rose-lightest:active a, .rose-lightest.focus a {
      color: #000000; }
  .rose-lightest.nobutton:hover, .rose-lightest.nobutton:active, .rose-lightest.nobutton.focus {
    background-color: inherit;
    color: #FCE5F1; }
    .rose-lightest.nobutton:hover a, .rose-lightest.nobutton:active a, .rose-lightest.nobutton.focus a {
      color: #FCE5F1; }

.text-rose-lightest,
.font-rose-lightest {
  color: #FCE5F1; }
  .text-rose-lightest a:not(.button),
  .font-rose-lightest a:not(.button) {
    text-decoration: none;
    border-bottom: 1px dotted #FCE5F1;
    color: #FCE5F1; }
    .text-rose-lightest a:not(.button):hover,
    .font-rose-lightest a:not(.button):hover {
      border-bottom-style: solid; }

.heading-rose-lightest h1,
.heading-rose-lightest h2,
.heading-rose-lightest h3,
.heading-rose-lightest h4,
.heading-rose-lightest h5 {
  color: #FCE5F1; }

.background-rose-lightest {
  background-color: #FCE5F1; }
  .background-rose-lightest a:not(.button):visited {
    color: white;
    border-bottom-color: white; }

.pageblock.background-rose-lightest + .pageblock.background-rose-lightest {
  margin-top: -30px; }

.oranje-dark {
  color: #C00D0E;
  border-color: #C00D0E;
  transition: all 0.15s ease-in;
  /* nee, ook hier even uit */
  /* */ }
  .oranje-dark:hover, .oranje-dark:active, .oranje-dark.focus {
    background-color: #C00D0E;
    color: #fff; }
    .oranje-dark:hover a, .oranje-dark:active a, .oranje-dark.focus a {
      color: #fff; }
  .oranje-dark.nobutton:hover, .oranje-dark.nobutton:active, .oranje-dark.nobutton.focus {
    background-color: inherit;
    color: #C00D0E; }
    .oranje-dark.nobutton:hover a, .oranje-dark.nobutton:active a, .oranje-dark.nobutton.focus a {
      color: #C00D0E; }

.text-oranje-dark,
.font-oranje-dark {
  color: #C00D0E; }
  .text-oranje-dark a:not(.button),
  .font-oranje-dark a:not(.button) {
    text-decoration: none;
    border-bottom: 1px dotted #C00D0E;
    color: #C00D0E; }
    .text-oranje-dark a:not(.button):hover,
    .font-oranje-dark a:not(.button):hover {
      border-bottom-style: solid; }

.heading-oranje-dark h1,
.heading-oranje-dark h2,
.heading-oranje-dark h3,
.heading-oranje-dark h4,
.heading-oranje-dark h5 {
  color: #C00D0E; }

.background-oranje-dark {
  background-color: #C00D0E; }
  .background-oranje-dark a:not(.button):visited {
    color: #fcd0d0;
    border-bottom-color: #fcd0d0; }

.pageblock.background-oranje-dark + .pageblock.background-oranje-dark {
  margin-top: -30px; }

.oranje-normal {
  color: #ED851D;
  border-color: #ED851D;
  transition: all 0.15s ease-in;
  /* nee, ook hier even uit */
  /* */ }
  .oranje-normal:hover, .oranje-normal:active, .oranje-normal.focus {
    background-color: #ED851D;
    color: #fff; }
    .oranje-normal:hover a, .oranje-normal:active a, .oranje-normal.focus a {
      color: #fff; }
  .oranje-normal.nobutton:hover, .oranje-normal.nobutton:active, .oranje-normal.nobutton.focus {
    background-color: inherit;
    color: #ED851D; }
    .oranje-normal.nobutton:hover a, .oranje-normal.nobutton:active a, .oranje-normal.nobutton.focus a {
      color: #ED851D; }

.text-oranje-normal,
.font-oranje-normal {
  color: #ED851D; }
  .text-oranje-normal a:not(.button),
  .font-oranje-normal a:not(.button) {
    text-decoration: none;
    border-bottom: 1px dotted #ED851D;
    color: #ED851D; }
    .text-oranje-normal a:not(.button):hover,
    .font-oranje-normal a:not(.button):hover {
      border-bottom-style: solid; }

.heading-oranje-normal h1,
.heading-oranje-normal h2,
.heading-oranje-normal h3,
.heading-oranje-normal h4,
.heading-oranje-normal h5 {
  color: #ED851D; }

.background-oranje-normal {
  background-color: #ED851D; }
  .background-oranje-normal a:not(.button):visited {
    color: white;
    border-bottom-color: white; }

.pageblock.background-oranje-normal + .pageblock.background-oranje-normal {
  margin-top: -30px; }

.oranje-light {
  color: #FAE1C6;
  border-color: #FAE1C6;
  transition: all 0.15s ease-in;
  /* nee, ook hier even uit */
  /* */ }
  .oranje-light:hover, .oranje-light:active, .oranje-light.focus {
    background-color: #FAE1C6;
    color: #000000; }
    .oranje-light:hover a, .oranje-light:active a, .oranje-light.focus a {
      color: #000000; }
  .oranje-light.nobutton:hover, .oranje-light.nobutton:active, .oranje-light.nobutton.focus {
    background-color: inherit;
    color: #FAE1C6; }
    .oranje-light.nobutton:hover a, .oranje-light.nobutton:active a, .oranje-light.nobutton.focus a {
      color: #FAE1C6; }

.text-oranje-light,
.font-oranje-light {
  color: #FAE1C6; }
  .text-oranje-light a:not(.button),
  .font-oranje-light a:not(.button) {
    text-decoration: none;
    border-bottom: 1px dotted #FAE1C6;
    color: #FAE1C6; }
    .text-oranje-light a:not(.button):hover,
    .font-oranje-light a:not(.button):hover {
      border-bottom-style: solid; }

.heading-oranje-light h1,
.heading-oranje-light h2,
.heading-oranje-light h3,
.heading-oranje-light h4,
.heading-oranje-light h5 {
  color: #FAE1C6; }

.background-oranje-light {
  background-color: #FAE1C6; }
  .background-oranje-light a:not(.button):visited {
    color: white;
    border-bottom-color: white; }

.pageblock.background-oranje-light + .pageblock.background-oranje-light {
  margin-top: -30px; }

.licht-geel-dark {
  color: #F07D00;
  border-color: #F07D00;
  transition: all 0.15s ease-in;
  /* nee, ook hier even uit */
  /* */ }
  .licht-geel-dark:hover, .licht-geel-dark:active, .licht-geel-dark.focus {
    background-color: #F07D00;
    color: #fff; }
    .licht-geel-dark:hover a, .licht-geel-dark:active a, .licht-geel-dark.focus a {
      color: #fff; }
  .licht-geel-dark.nobutton:hover, .licht-geel-dark.nobutton:active, .licht-geel-dark.nobutton.focus {
    background-color: inherit;
    color: #F07D00; }
    .licht-geel-dark.nobutton:hover a, .licht-geel-dark.nobutton:active a, .licht-geel-dark.nobutton.focus a {
      color: #F07D00; }

.text-licht-geel-dark,
.font-licht-geel-dark {
  color: #F07D00; }
  .text-licht-geel-dark a:not(.button),
  .font-licht-geel-dark a:not(.button) {
    text-decoration: none;
    border-bottom: 1px dotted #F07D00;
    color: #F07D00; }
    .text-licht-geel-dark a:not(.button):hover,
    .font-licht-geel-dark a:not(.button):hover {
      border-bottom-style: solid; }

.heading-licht-geel-dark h1,
.heading-licht-geel-dark h2,
.heading-licht-geel-dark h3,
.heading-licht-geel-dark h4,
.heading-licht-geel-dark h5 {
  color: #F07D00; }

.background-licht-geel-dark {
  background-color: #F07D00; }
  .background-licht-geel-dark a:not(.button):visited {
    color: #fff8f0;
    border-bottom-color: #fff8f0; }

.pageblock.background-licht-geel-dark + .pageblock.background-licht-geel-dark {
  margin-top: -30px; }

.licht-geel-normal {
  color: #FFB94E;
  border-color: #FFB94E;
  transition: all 0.15s ease-in;
  /* nee, ook hier even uit */
  /* */ }
  .licht-geel-normal:hover, .licht-geel-normal:active, .licht-geel-normal.focus {
    background-color: #FFB94E;
    color: #000000; }
    .licht-geel-normal:hover a, .licht-geel-normal:active a, .licht-geel-normal.focus a {
      color: #000000; }
  .licht-geel-normal.nobutton:hover, .licht-geel-normal.nobutton:active, .licht-geel-normal.nobutton.focus {
    background-color: inherit;
    color: #FFB94E; }
    .licht-geel-normal.nobutton:hover a, .licht-geel-normal.nobutton:active a, .licht-geel-normal.nobutton.focus a {
      color: #FFB94E; }

.text-licht-geel-normal,
.font-licht-geel-normal {
  color: #FFB94E; }
  .text-licht-geel-normal a:not(.button),
  .font-licht-geel-normal a:not(.button) {
    text-decoration: none;
    border-bottom: 1px dotted #FFB94E;
    color: #FFB94E; }
    .text-licht-geel-normal a:not(.button):hover,
    .font-licht-geel-normal a:not(.button):hover {
      border-bottom-style: solid; }

.heading-licht-geel-normal h1,
.heading-licht-geel-normal h2,
.heading-licht-geel-normal h3,
.heading-licht-geel-normal h4,
.heading-licht-geel-normal h5 {
  color: #FFB94E; }

.background-licht-geel-normal {
  background-color: #FFB94E; }
  .background-licht-geel-normal a:not(.button):visited {
    color: white;
    border-bottom-color: white; }

.pageblock.background-licht-geel-normal + .pageblock.background-licht-geel-normal {
  margin-top: -30px; }

.licht-geel-light {
  color: #FBEFD5;
  border-color: #FBEFD5;
  transition: all 0.15s ease-in;
  /* nee, ook hier even uit */
  /* */ }
  .licht-geel-light:hover, .licht-geel-light:active, .licht-geel-light.focus {
    background-color: #FBEFD5;
    color: #000000; }
    .licht-geel-light:hover a, .licht-geel-light:active a, .licht-geel-light.focus a {
      color: #000000; }
  .licht-geel-light.nobutton:hover, .licht-geel-light.nobutton:active, .licht-geel-light.nobutton.focus {
    background-color: inherit;
    color: #FBEFD5; }
    .licht-geel-light.nobutton:hover a, .licht-geel-light.nobutton:active a, .licht-geel-light.nobutton.focus a {
      color: #FBEFD5; }

.text-licht-geel-light,
.font-licht-geel-light {
  color: #FBEFD5; }
  .text-licht-geel-light a:not(.button),
  .font-licht-geel-light a:not(.button) {
    text-decoration: none;
    border-bottom: 1px dotted #FBEFD5;
    color: #FBEFD5; }
    .text-licht-geel-light a:not(.button):hover,
    .font-licht-geel-light a:not(.button):hover {
      border-bottom-style: solid; }

.heading-licht-geel-light h1,
.heading-licht-geel-light h2,
.heading-licht-geel-light h3,
.heading-licht-geel-light h4,
.heading-licht-geel-light h5 {
  color: #FBEFD5; }

.background-licht-geel-light {
  background-color: #FBEFD5; }
  .background-licht-geel-light a:not(.button):visited {
    color: white;
    border-bottom-color: white; }

.pageblock.background-licht-geel-light + .pageblock.background-licht-geel-light {
  margin-top: -30px; }

.main .js--block-toggle .pageblock + .pageblock {
  margin-top: 0; }

/* typekit myriad-pro */
@font-face {
  font-family: "OfficinaSans";
  src: url("../fonts/7d11886e-59e1-4ecc-a1ec-52ab827a48e3.woff2") format("woff2"), url("./fonts/60567f88-1ef5-4f2c-9951-3ce3845f9967.woff") format("woff");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: "OfficinaSans";
  src: url("../fonts/f95b2536-b75b-4129-b4a3-c85f76eb0735.woff2") format("woff2"), url("./fonts/7895df1c-c1ad-4189-91fa-0c041359c821.woff") format("woff");
  font-weight: 400;
  font-style: italic; }

@font-face {
  font-family: "OfficinaSans";
  src: url("../fonts/d6637fe5-6b88-4e4b-bc56-9094850d259c.woff2") format("woff2"), url("./fonts/219dbf96-faba-452f-a6b9-ce7bb2bac564.woff") format("woff");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: "OfficinaSans";
  src: url("../fonts/d13061d7-242b-448b-beed-356c6f1cb549.woff2") format("woff2"), url("./fonts/89571723-35d3-488c-b84b-be5914c54bcc.woff") format("woff");
  font-weight: 500;
  font-style: italic; }

@font-face {
  font-family: "OfficinaSans";
  src: url("../fonts/4c974bce-c42a-4b12-a377-e28bb0ec34de.woff2") format("woff2"), url("./fonts/de07363b-ce31-46ce-aea6-f035147ac203.woff") format("woff");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: "OfficinaSans";
  src: url("../fonts/be06987b-f0f4-443a-a993-59a44a710a35.woff2") format("woff2"), url("./fonts/5fdd14e5-fac8-4171-9990-b5ca3637553f.woff") format("woff");
  font-weight: 700;
  font-style: italic; }

@font-face {
  font-family: "OfficinaSans";
  src: url("../fonts/04e462f0-f1ed-4699-ae82-ddd31a9c86ee.woff2") format("woff2"), url("./fonts/27c3efb9-31ee-4798-b41d-f868f65e730a.woff") format("woff");
  font-weight: 800;
  font-style: normal; }

@font-face {
  font-family: "OfficinaSans";
  src: url("../fonts/0b269dfe-ca28-4198-a776-9b03fb2cba4d.woff2") format("woff2"), url("./fonts/df48e10d-e71f-4150-b268-0560e17b060a.woff") format("woff");
  font-weight: 800;
  font-style: italic; }

@font-face {
  font-family: "OfficinaSans";
  src: url("../fonts/404b91d5-081b-4e75-a207-4b148bccf32a.woff2") format("woff2"), url("./fonts/245cd15d-7440-4d26-a740-04ca56165843.woff") format("woff");
  font-weight: 900;
  font-style: normal; }

@font-face {
  font-family: "OfficinaSans";
  src: url("../fonts/62deaa10-5535-4098-84ab-261cf70b25d4.woff2") format("woff2"), url("./fonts/7a97e06f-2e57-4ccd-af2d-84e063a42dd7.woff") format("woff");
  font-weight: 900;
  font-style: italic; }

*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

html, body, p {
  font-family: "OfficinaSans", "Arial", sans-serif, tahoma, sans-serif;
  font-weight: 400;
  font-size: 16px; }

html {
  min-height: 100%;
  position: relative;
  background: #ffffff url(../images/bg-body-repeat.jpg) repeat-x left top;
  /*@include breakpoint(mobile) {*/ }
  @media (min-width: 768px) {
    html {
      background-image: none; } }

body {
  height: 100%;
  color: #424242;
  background: #ffffff url(../images/bg-body-glow.png) no-repeat center top;
  margin: 0;
  /*@include breakpoint(mobile) {*/ }
  @media (min-width: 768px) {
    body {
      background-position: center 0;
      background-image: none; } }
  body.page-background-custom {
    background-size: 100%; }

p:empty {
  display: none; }

/* Grid */
.page-background-mobile-small {
  /*@include breakpoint(mobile) {*/ }
  @media (min-width: 768px) {
    .page-background-mobile-small {
      background-attachment: initial;
      background-size: 100%;
      background-position: center 70px; } }

.page-header-background-mobile-large {
  /*@include breakpoint(mobile) {*/ }
  @media (min-width: 768px) {
    .page-header-background-mobile-large {
      background-size: 500%; } }

small {
  color: #bcbbb8;
  font-size: 12px; }

/*
textarea, input {
    outline: none;
    color: $standard-text-color;
    font-size: 16px;
    font-family: $sitefont, Arial, sans-serif;
}

::-webkit-input-placeholder {
    color: $standard-text-color;
    opacity: 1;
}

:-moz-placeholder { !* Firefox 18- *!
    color: $standard-text-color;
    opacity: 1;
}

::-moz-placeholder {  !* Firefox 19+ *!
    color: $standard-text-color;
    opacity: 1;
}

:-ms-input-placeholder {
    color: $standard-text-color;
    opacity: 1;
}
*/
/*
textarea {
    min-height: 100px;
    background: #fff;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3) inset !important;

    @include breakpoint(mobile) {
        background: #f2f2f2;
    }
}

input[type="text"],
input[type="password"],
input[type="email"],
textarea {
    margin: 0 0 5px 0;
    padding: 12px 10px 8px;
    width: 99%;
    border: 0;
    border: 1px solid #85ce9e;
    vertical-align: middle;
    @include border-radius(8px);
    transition: 0.2s all;
    letter-spacing: 3px;
    font-family: Arial !important;

    .ie8 & {
        border: 1px solid #c2c2c2;
    }

    &.input-size-s {
        width: 50px;
    }

    &.input-size-m {
        width: 100px;
    }
    &.input-size-full {
        width:100%;
    }

    &.error,
    &.input-error {
        border: 1px solid #e30613;
        background: #fcdcda !important;
        color: #e30613;
        &:disabled {
            border: 1px solid #e30613;
            background: #f1f1f1;
        }
    }
    &:focus {
        @include box-shadow(0 0 5px rgba(0, 0, 0, 0.4));
    }

}
*/
iframe {
  margin: 0;
  padding: 0;
  border: 0; }

/*
input[disabled] {
    background: #f1f1f1;
}
*/
a {
  color: #00459a;
  position: relative; }
  a:hover {
    color: #0068d2; }
  a img {
    border: 0; }

strong {
  font-weight: 700; }

h1, h2, h3, h4 {
  margin: 0 0 20px 0;
  font-weight: 700; }

h1 {
  font-size: 40px;
  margin: 0 0 30px 0;
  line-height: 1; }

h2 {
  font-size: 30px;
  line-height: 36px;
  /*@include breakpoint(mobile) {*/ }
  h2 span {
    font-weight: normal;
    display: block; }
  h2.centered {
    text-align: center; }
  @media (min-width: 768px) {
    h2 {
      line-height: 36px; } }

h3 {
  font-size: 20px;
  margin-bottom: 5px; }

h4 {
  font-size: 18px;
  margin-bottom: 10px; }

address {
  font-style: normal; }

p {
  line-height: 24px;
  margin: 0 0 30px 0; }

@media only screen and (min-width: 960px) {
  .w630 .boxed-effect-inner img {
    max-width: 545px;
    height: auto; } }

table {
  width: 100%;
  border-collapse: collapse;
  margin: 0 0 30px 0; }
  table thead th {
    text-align: left; }
  table tbody td {
    padding: 3px 0; }

table.table-colored th, table.table-colored td {
  padding: 7px 7px 3px 7px; }

table.table-colored tbody tr {
  background: #fff8e8; }
  table.table-colored tbody tr td:nth-child(even) {
    background: #fff4dc; }
  table.table-colored tbody tr:nth-child(even) {
    background: #fff1d1; }
    table.table-colored tbody tr:nth-child(even) td:nth-child(even) {
      background: #ffeab9; }

table.table-colored.color-green tbody tr,
.color-green table.table-colored tbody tr {
  background: #f1fff8; }
  table.table-colored.color-green tbody tr td:nth-child(even),
  .color-green table.table-colored tbody tr td:nth-child(even) {
    background: #e2fdef; }
  table.table-colored.color-green tbody tr:nth-child(even),
  .color-green table.table-colored tbody tr:nth-child(even) {
    background: #e2fff0; }
    table.table-colored.color-green tbody tr:nth-child(even) td:nth-child(even),
    .color-green table.table-colored tbody tr:nth-child(even) td:nth-child(even) {
      background: #c4fade; }

table.table-colored.color-blue tbody tr,
.color-blue table.table-colored tbody tr {
  background: #dff7ff; }
  table.table-colored.color-blue tbody tr td:nth-child(even),
  .color-blue table.table-colored tbody tr td:nth-child(even) {
    background: #ceeefa; }
  table.table-colored.color-blue tbody tr:nth-child(even),
  .color-blue table.table-colored tbody tr:nth-child(even) {
    background: #bfeeff; }
    table.table-colored.color-blue tbody tr:nth-child(even) td:nth-child(even),
    .color-blue table.table-colored tbody tr:nth-child(even) td:nth-child(even) {
      background: #9dddf4; }

table.table-colored.color-purple tbody tr,
.color-purple table.table-colored tbody tr {
  background: #fef7fe; }
  table.table-colored.color-purple tbody tr td:nth-child(even),
  .color-purple table.table-colored tbody tr td:nth-child(even) {
    background: #efe1ef; }
  table.table-colored.color-purple tbody tr:nth-child(even),
  .color-purple table.table-colored tbody tr:nth-child(even) {
    background: #fdeefd; }
    table.table-colored.color-purple tbody tr:nth-child(even) td:nth-child(even),
    .color-purple table.table-colored tbody tr:nth-child(even) td:nth-child(even) {
      background: #dfc3de; }

table.table-colored.color-red tbody tr,
.color-red table.table-colored tbody tr {
  background: #fcf2f4; }
  table.table-colored.color-red tbody tr td:nth-child(even),
  .color-red table.table-colored tbody tr td:nth-child(even) {
    background: #f9dde2; }
  table.table-colored.color-red tbody tr:nth-child(even),
  .color-red table.table-colored tbody tr:nth-child(even) {
    background: #f9e5e9; }
    table.table-colored.color-red tbody tr:nth-child(even) td:nth-child(even),
    .color-red table.table-colored tbody tr:nth-child(even) td:nth-child(even) {
      background: #f2bbc4; }

dl {
  float: left;
  width: 100%; }
  dl dt, dl dd {
    float: left;
    width: 50%;
    margin: 0;
    padding: 0; }
  dl dd {
    color: #005aab; }

ul {
  margin: 0 0 30px 0;
  padding: 0; }
  .pageblock ul {
    padding: 0; }
  ul ul {
    margin: 10px 0; }
  ul li {
    margin: 0 0 10px 0;
    padding: 0 0 0 25px;
    position: relative; }
    .pageblock ul li {
      list-style: none; }
      .pageblock ul li:before {
        content: "";
        display: block;
        position: absolute;
        top: 6px;
        left: 0;
        width: 10px;
        height: 10px;
        background-color: #000000;
        border-radius: 10px; }
    .pageblock form ul li:before {
      display: none; }
    .heading-white ul li:before {
      background-color: #fff; }
    .heading-black ul li:before {
      background-color: #000000; }
    .heading-red ul li:before {
      background-color: #DC0831; }
    .heading-green ul li:before {
      background-color: #009640; }
    .heading-blue ul li:before {
      background-color: #004F9F; }
    .heading-purple ul li:before {
      background-color: #6A0E5A; }
    .heading-orange ul li:before {
      background-color: #EF7D00; }
    .heading-yellow ul li:before {
      background-color: #FFDD00; }
    .heading-viridian-groenblauw-dark ul li:before {
      background-color: #005E75; }
    .heading-viridian-groenblauw-normal ul li:before {
      background-color: #0FA3B1; }
    .heading-viridian-groenblauw-light ul li:before {
      background-color: #D9E565; }
    .heading-pacific-blue-dark ul li:before {
      background-color: #005aab; }
    .heading-pacific-blue-normal ul li:before {
      background-color: #09B7CB; }
    .heading-pacific-blue-light ul li:before {
      background-color: #9FE7F0; }
    .heading-pacific-blue-lighter ul li:before {
      background-color: #E0F2FD; }
    .heading-zeegroengeel-darkest ul li:before {
      background-color: #006841; }
    .heading-zeegroengeel-dark ul li:before {
      background-color: #267853; }
    .heading-zeegroengeel-normal ul li:before {
      background-color: #8CC08C; }
    .heading-zeegroengeel-light ul li:before {
      background-color: #F6FBE3; }
    .heading-rose-dark ul li:before {
      background-color: #6A0E5A; }
    .heading-rose-normal ul li:before {
      background-color: #A8577F; }
    .heading-rose-light ul li:before {
      background-color: #F3A2AC; }
    .heading-rose-lightest ul li:before {
      background-color: #FCE5F1; }
    .heading-oranje-dark ul li:before {
      background-color: #C00D0E; }
    .heading-oranje-normal ul li:before {
      background-color: #ED851D; }
    .heading-oranje-light ul li:before {
      background-color: #FAE1C6; }
    .heading-licht-geel-dark ul li:before {
      background-color: #F07D00; }
    .heading-licht-geel-normal ul li:before {
      background-color: #FFB94E; }
    .heading-licht-geel-light ul li:before {
      background-color: #FBEFD5; }
  ul.vinked {
    float: left;
    width: 100%; }
    ul.vinked li {
      background: url(../images/bullet-vink.jpg) no-repeat left 3px;
      background-size: 17px, 14px; }
      @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
        ul.vinked li {
          background-image: url(../images/bullet-vink.jpg);
          background-size: 17px 14px; } }

ol {
  margin: 0 0 30px 0;
  padding: 0; }
  ol ol {
    margin: 10px 0; }
  ol li {
    margin: 0 0 10px 0;
    padding: 0 0 0 25px;
    position: relative;
    counter-increment: list; }
    .pageblock ol li {
      list-style: none; }
      .pageblock ol li:before {
        content: counter(list) ".";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        color: #000000; }
    .heading-white ol li:before {
      color: #fff; }
    .heading-black ol li:before {
      color: #000000; }
    .heading-red ol li:before {
      color: #DC0831; }
    .heading-green ol li:before {
      color: #009640; }
    .heading-blue ol li:before {
      color: #004F9F; }
    .heading-purple ol li:before {
      color: #6A0E5A; }
    .heading-orange ol li:before {
      color: #EF7D00; }
    .heading-yellow ol li:before {
      color: #FFDD00; }
    .heading-viridian-groenblauw-dark ol li:before {
      color: #005E75; }
    .heading-viridian-groenblauw-normal ol li:before {
      color: #0FA3B1; }
    .heading-viridian-groenblauw-light ol li:before {
      color: #D9E565; }
    .heading-pacific-blue-dark ol li:before {
      color: #005aab; }
    .heading-pacific-blue-normal ol li:before {
      color: #09B7CB; }
    .heading-pacific-blue-light ol li:before {
      color: #9FE7F0; }
    .heading-pacific-blue-lighter ol li:before {
      color: #E0F2FD; }
    .heading-zeegroengeel-darkest ol li:before {
      color: #006841; }
    .heading-zeegroengeel-dark ol li:before {
      color: #267853; }
    .heading-zeegroengeel-normal ol li:before {
      color: #8CC08C; }
    .heading-zeegroengeel-light ol li:before {
      color: #F6FBE3; }
    .heading-rose-dark ol li:before {
      color: #6A0E5A; }
    .heading-rose-normal ol li:before {
      color: #A8577F; }
    .heading-rose-light ol li:before {
      color: #F3A2AC; }
    .heading-rose-lightest ol li:before {
      color: #FCE5F1; }
    .heading-oranje-dark ol li:before {
      color: #C00D0E; }
    .heading-oranje-normal ol li:before {
      color: #ED851D; }
    .heading-oranje-light ol li:before {
      color: #FAE1C6; }
    .heading-licht-geel-dark ol li:before {
      color: #F07D00; }
    .heading-licht-geel-normal ol li:before {
      color: #FFB94E; }
    .heading-licht-geel-light ol li:before {
      color: #FBEFD5; }

.blue {
  color: #005aab; }

.red {
  color: #e41c3e; }

.green {
  color: #00a651; }

.orange {
  color: #f58220; }

.color-blue h2, .color-blue a {
  color: #00a7e9; }

.color-orange h2, .color-orange a {
  color: #EF7D00; }

.color-red h2, .color-red a {
  color: #DC0831; }

h2.color-blue {
  color: #004F9F !important; }

.text-size-regular {
  font-size: 16px; }

h2.text-size-regular {
  margin: 0 0 10px 0; }

blockquote {
  font-size: 26px;
  font-style: italic;
  margin: 0 0 30px 0;
  text-align: center;
  position: relative;
  float: left;
  width: 100%; }

.blockquote-imaged {
  float: left;
  width: 100%;
  margin: 0 0 20px 0;
  background: url(../images/inline-nav-bg.png) no-repeat center -30px;
  padding-top: 30px; }
  .blockquote-imaged .avatar {
    float: left;
    margin-top: 5px;
    width: auto;
    margin-right: 0; }
    .blockquote-imaged .avatar img {
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px; }
  .blockquote-imaged cite {
    float: right;
    margin: 0px 0 0 0;
    font-style: normal;
    width: 100%; }
    @media only screen and (min-width: 960px) {
      .blockquote-imaged cite {
        width: 150px; } }
    .blockquote-imaged cite strong {
      display: block;
      font-weight: 700;
      font-size: 25px;
      margin: 0 0 10px 0; }
  .w310 .blockquote-imaged {
    background: none;
    padding-top: 15px; }
    .w310 .blockquote-imaged .avatar img {
      width: 100%;
      height: auto; }
    .w310 .blockquote-imaged cite {
      width: 55%; }
      .w310 .blockquote-imaged cite strong {
        font-size: 20px; }

.goalfinder.columns .cta-block.cta-block-boxed .inner .content {
  padding-top: 130px; }

.goalfinder .progress-circle-small {
  position: absolute;
  top: -115px;
  left: 0;
  right: 0; }

.goalfinder .cta-block.cta-block-club .progress {
  margin-top: 40px; }

.columns.goalfinder .cta-block {
  margin-top: 100px; }

.clearfix,
body {
  zoom: 1; }
  .clearfix:before, .clearfix:after,
  body:before,
  body:after {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden; }
  .clearfix:after,
  body:after {
    clear: both; }

body#prices {
  background-color: #f2f2f2;
  background-image: url("../images/backgrounds/prijzen.jpg");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: 100%;
  background-position: center top;
  /*@include breakpoint(mobile) {*/ }
  @media (min-width: 768px) {
    body#prices {
      background-size: 180%; } }

#header {
  width: 960px;
  height: 170px;
  margin: 0 auto 30px auto;
  position: relative;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  border-top: 0;
  z-index: 100;
  /*@include breakpoint(mobile) {*/ }
  @media (min-width: 768px) {
    #header {
      width: 100%;
      border-radius: 0;
      height: 100px;
      z-index: inherit; } }
  #header #header-top {
    width: 960px;
    margin: 0 auto;
    height: 85px;
    padding: 30px 0 0 0;
    position: relative;
    z-index: 4;
    /*@include breakpoint(mobile) {*/ }
    @media (min-width: 768px) {
      #header #header-top {
        position: absolute;
        left: 0;
        width: 100%;
        top: 110px;
        padding: 0; } }
  #header #header-bottom {
    width: 100%;
    z-index: 1;
    /*@include breakpoint(mobile) {*/ }
    @media (min-width: 768px) {
      #header #header-bottom {
        display: none; } }

.icon,
.icon:after {
  background: url(../images/icons-sprite.png) no-repeat center top; }
  @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
    .icon,
    .icon:after {
      background-image: url(../images/icons-sprite@2x.png);
      background-size: 150px 2000px; } }

.icon.icon-loten:after {
  background: url(../images/icon-winkelw_groen-deskt.png) no-repeat center top; }
  @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
    .icon.icon-loten:after {
      background-image: url(../images/icon-winkelw_groen-mob.png);
      background-size: 150px 36px; } }

.arrow15 {
  background: url(../images/arrow-right-h15.png) no-repeat right top; }
  @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
    .arrow15 {
      background-image: url(../images/arrow-right-h15@2x.png);
      background-size: 18px 29px; } }

.fix-height {
  height: 100%;
  background: transparent; }

.subnavigation {
  width: 960px;
  margin: 0 auto;
  text-align: center;
  padding: 10px 0;
  background: white;
  overflow: hidden;
  bottom: 0;
  min-height: 40px;
  z-index: 9999 !important;
  -webkit-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  /*@include breakpoint(mobile) {*/ }
  .subnavigation.mobile {
    background: transparent;
    position: fixed;
    display: none;
    /*@include breakpoint(mobile) {*/ }
    @media (min-width: 768px) {
      .subnavigation.mobile {
        display: block; } }
  .subnavigation.desktop {
    /*@include breakpoint(mobile) {*/ }
    @media (min-width: 768px) {
      .subnavigation.desktop {
        display: none; } }
  .subnavigation .overlay {
    background: none repeat scroll 0 0 black;
    bottom: 0;
    display: none;
    height: 100%;
    left: 0;
    opacity: 0.7;
    position: absolute;
    right: 0;
    z-index: 99; }
  .subnavigation div.fixed-menu {
    display: none;
    color: #fff;
    padding: 10px 0;
    cursor: pointer;
    z-index: 9999;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxNWE0ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMzIwMjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); }
    .subnavigation div.fixed-menu p {
      margin-bottom: 0px;
      padding-left: 52px;
      text-align: left; }
  .subnavigation span {
    display: none; }
  .subnavigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    text-align: center; }
    .subnavigation ul li {
      list-style: none;
      margin: 0;
      padding: 0;
      background: none;
      display: inline-block; }
      @media only screen and (max-width: 959px) {
        .subnavigation ul li {
          display: block; } }
      .subnavigation ul li:first-child a {
        border-left: 0; }
  .subnavigation a {
    display: inline-block;
    font-weight: 700;
    padding: 0 20px 0 20px;
    color: #004F9F;
    text-decoration: none;
    border-left: 1px #cecece solid;
    min-height: 20px; }
    .subnavigation a:hover, .subnavigation a.is-active {
      color: #00a7e9; }
  .subnavigation select {
    display: none; }
  @media (min-width: 768px) {
    .subnavigation {
      width: 100%;
      border-bottom: 0;
      margin: 0;
      box-shadow: none;
      padding: 0px;
      -webkit-border-radius: 0px;
      -moz-border-radius: 0px;
      -ms-border-radius: 0px;
      -o-border-radius: 0px;
      border-radius: 0px; }
      .subnavigation .overlay {
        background: none repeat scroll 0 0 black;
        bottom: 0;
        display: none;
        height: 100%;
        left: 0;
        opacity: 0.7;
        position: fixed;
        right: 0;
        z-index: 200;
        top: 0; }
      .subnavigation select {
        width: 90%;
        display: none; }
      .subnavigation .submenu-holder {
        z-index: 9998 !important;
        position: fixed;
        bottom: 0;
        width: 100%;
        height: auto;
        background: #efefef; }
      .subnavigation div.fixed-menu {
        display: block; }
        .subnavigation div.fixed-menu i.icon-uitslagen {
          background: url(../images/icon-uitslagen.png) no-repeat left center;
          display: block;
          height: 23px;
          width: 18px;
          position: absolute;
          left: 20px; } }
      @media (min-width: 768px) and (min--moz-device-pixel-ratio: 1.3), (min-width: 768px) and (-o-min-device-pixel-ratio: 2.6 / 2), (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.3), (min-width: 768px) and (min-device-pixel-ratio: 1.3), (min-width: 768px) and (min-resolution: 1.3dppx) {
        .subnavigation div.fixed-menu i.icon-uitslagen {
          background-image: url(../images/icon-uitslagen@2x.png);
          background-size: 18px 23px; } }
  @media (min-width: 768px) {
        .subnavigation div.fixed-menu i.icon-kika {
          background: url(../images/icon-kika-submenu.png) no-repeat left center;
          display: block;
          height: 24px;
          width: 30px;
          position: absolute;
          left: 12px; } }
      @media (min-width: 768px) and (min--moz-device-pixel-ratio: 1.3), (min-width: 768px) and (-o-min-device-pixel-ratio: 2.6 / 2), (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.3), (min-width: 768px) and (min-device-pixel-ratio: 1.3), (min-width: 768px) and (min-resolution: 1.3dppx) {
        .subnavigation div.fixed-menu i.icon-kika {
          background-image: url(../images/icon-kika-submenu@2x.png);
          background-size: 30px 24px; } }
  @media (min-width: 768px) {
      .subnavigation a {
        display: none;
        padding: 10px 20px;
        text-align: left;
        color: #DC0831;
        border-bottom: 1px solid #e5e5e5;
        background: white url(../images/arrow-right-red.png) no-repeat 93% center; } }
    @media (min-width: 768px) and (min--moz-device-pixel-ratio: 1.3), (min-width: 768px) and (-o-min-device-pixel-ratio: 2.6 / 2), (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.3), (min-width: 768px) and (min-device-pixel-ratio: 1.3), (min-width: 768px) and (min-resolution: 1.3dppx) {
      .subnavigation a {
        background-image: url(../images/arrow-right-red@2x.png);
        background-size: 11px 18px; } }
  @media (min-width: 768px) {
        .subnavigation a:last-child {
          margin-bottom: 15p; }
        .subnavigation a:hover {
          color: #DC0831; }
      .subnavigation .show-subnav {
        display: block; }
      .subnavigation .show-span {
        display: inline-block; }
      .subnavigation:first-child {
        border-left: 0;
        /*@include breakpoint(mobile) {*/ } }
    @media (min-width: 768px) and (min-width: 768px) {
      .subnavigation:first-child + li + li {
        border-bottom: 0;
        border-left: 0; }
      .subnavigation:first-child + li + li + li {
        border-bottom: 0; } }
  @media (min-width: 768px) {
        .subnavigation:first-child a {
          border-top-left-radius: 7px;
          border-top-right-radius: 0;
          /*@include breakpoint(mobile) {*/ } }
      @media (min-width: 768px) and (min-width: 768px) {
        .subnavigation:first-child a {
          border-top-left-radius: 0; } }
  @media (min-width: 768px) {
      .subnavigation.is-active a {
        background: #e6f7ff !important;
        background: -moz-linear-gradient(top, #fbfeff 0%, #e6f7ff 100%) !important;
        background: -webkit-gradient(left top, left bottom, color-stop(0%, #fbfeff), color-stop(100%, #e6f7ff)) !important;
        background: -webkit-linear-gradient(top, #fbfeff 0%, #e6f7ff 100%) !important;
        background: -o-linear-gradient(top, #fbfeff 0%, #e6f7ff 100%) !important;
        background: -ms-linear-gradient(top, #fbfeff 0%, #e6f7ff 100%) !important;
        background: linear-gradient(to bottom, #fbfeff 0%, #e6f7ff 100%) !important;
        background-size: 100% 100%; } }

#header-mobile {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  display: none;
  z-index: 9999;
  /*@include breakpoint(mobile) {*/ }
  @media (min-width: 768px) {
    #header-mobile {
      display: block; } }
  #header-mobile > ul,
  #header-mobile > div > ul,
  #header-mobile > div > div > ul,
  #header-mobile > div > div > div > ul {
    background: white;
    display: flex;
    margin: 0;
    padding: 0;
    width: 100%;
    border-bottom: 1px solid #bfbfbf; }
    #header-mobile > ul:before, #header-mobile > ul:after,
    #header-mobile > div > ul:before,
    #header-mobile > div > ul:after,
    #header-mobile > div > div > ul:before,
    #header-mobile > div > div > ul:after,
    #header-mobile > div > div > div > ul:before,
    #header-mobile > div > div > div > ul:after {
      content: "";
      position: absolute;
      z-index: -2; }
    #header-mobile > ul:before,
    #header-mobile > div > ul:before,
    #header-mobile > div > div > ul:before,
    #header-mobile > div > div > div > ul:before {
      -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
      -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
      -moz-border-radius: 10px / 100px;
      border-radius: 10px / 100px;
      top: -10px;
      bottom: 2px;
      left: 10px;
      right: 10px;
      -moz-border-radius: 100px / 10px;
      border-radius: 100px / 10px; }
    #header-mobile > ul li,
    #header-mobile > div > ul li,
    #header-mobile > div > div > ul li,
    #header-mobile > div > div > div > ul li {
      width: 20%;
      list-style: none;
      padding: 0;
      margin: 0;
      background: none; }
      #header-mobile > ul li > a,
      #header-mobile > div > ul li > a,
      #header-mobile > div > div > ul li > a,
      #header-mobile > div > div > div > ul li > a {
        text-decoration: none;
        color: #00459a;
        display: block;
        font-size: 14px;
        text-align: center;
        position: relative;
        height: 77px; }
        #header-mobile > ul li > a:hover,
        #header-mobile > div > ul li > a:hover,
        #header-mobile > div > div > ul li > a:hover,
        #header-mobile > div > div > div > ul li > a:hover {
          background-color: transparent; }
        #header-mobile > ul li > a .icon-wrapper,
        #header-mobile > div > ul li > a .icon-wrapper,
        #header-mobile > div > div > ul li > a .icon-wrapper,
        #header-mobile > div > div > div > ul li > a .icon-wrapper {
          position: absolute;
          width: 100%;
          top: 3px; }
          #header-mobile > ul li > a .icon-wrapper img,
          #header-mobile > div > ul li > a .icon-wrapper img,
          #header-mobile > div > div > ul li > a .icon-wrapper img,
          #header-mobile > div > div > div > ul li > a .icon-wrapper img {
            width: 45px;
            height: 45px; }
        #header-mobile > ul li > a .title,
        #header-mobile > div > ul li > a .title,
        #header-mobile > div > div > ul li > a .title,
        #header-mobile > div > div > div > ul li > a .title {
          position: absolute;
          bottom: .5em;
          width: 100%;
          text-align: center; }
        #header-mobile > ul li > a .img-button-wrapper,
        #header-mobile > div > ul li > a .img-button-wrapper,
        #header-mobile > div > div > ul li > a .img-button-wrapper,
        #header-mobile > div > div > div > ul li > a .img-button-wrapper {
          position: absolute;
          width: 100%;
          top: 1px;
          display: flex;
          justify-content: center; }
          #header-mobile > ul li > a .img-button-wrapper img,
          #header-mobile > div > ul li > a .img-button-wrapper img,
          #header-mobile > div > div > ul li > a .img-button-wrapper img,
          #header-mobile > div > div > div > ul li > a .img-button-wrapper img {
            width: 75px;
            height: 75px; }
        #header-mobile > ul li > a.icon-profiel,
        #header-mobile > div > ul li > a.icon-profiel,
        #header-mobile > div > div > ul li > a.icon-profiel,
        #header-mobile > div > div > div > ul li > a.icon-profiel {
          background-position: center -142px;
          color: #EF7D00; }
        #header-mobile > ul li > a.icon-prijzen,
        #header-mobile > div > ul li > a.icon-prijzen,
        #header-mobile > div > div > ul li > a.icon-prijzen,
        #header-mobile > div > div > div > ul li > a.icon-prijzen {
          background-position: center -218px;
          color: #00a7e9; }
        #header-mobile > ul li > a.icon-menu,
        #header-mobile > div > ul li > a.icon-menu,
        #header-mobile > div > div > ul li > a.icon-menu,
        #header-mobile > div > div > div > ul li > a.icon-menu {
          background-position: center -290px; }
        #header-mobile > ul li > a.icon-uitloggen,
        #header-mobile > div > ul li > a.icon-uitloggen,
        #header-mobile > div > div > ul li > a.icon-uitloggen,
        #header-mobile > div > div > div > ul li > a.icon-uitloggen {
          background-position: -100px -1910px; }
      #header-mobile > ul li > div,
      #header-mobile > div > ul li > div,
      #header-mobile > div > div > ul li > div,
      #header-mobile > div > div > div > ul li > div {
        position: absolute;
        left: 0;
        top: 77px;
        right: 0;
        display: none; }
        #header-mobile > ul li > div:after,
        #header-mobile > div > ul li > div:after,
        #header-mobile > div > div > ul li > div:after,
        #header-mobile > div > div > div > ul li > div:after {
          content: " ";
          position: absolute;
          right: 9%;
          top: -5px;
          width: 10px;
          height: 10px;
          background: white;
          border-left: 1px solid #bfbfbf;
          border-top: 1px solid #bfbfbf;
          -webkit-transform: rotate(45deg);
          -moz-transform: rotate(45deg);
          -o-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          transform: rotate(45deg); }
        #header-mobile > ul li > div > ul,
        #header-mobile > div > ul li > div > ul,
        #header-mobile > div > div > ul li > div > ul,
        #header-mobile > div > div > div > ul li > div > ul {
          width: 100%;
          display: flex;
          flex-wrap: wrap;
          background: white;
          padding: 0;
          margin: 0;
          border-top: 1px solid #bfbfbf;
          border-bottom: 1px solid #bfbfbf;
          -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
          -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
          #header-mobile > ul li > div > ul li,
          #header-mobile > div > ul li > div > ul li,
          #header-mobile > div > div > ul li > div > ul li,
          #header-mobile > div > div > div > ul li > div > ul li {
            width: 50%; }
            #header-mobile > ul li > div > ul li a,
            #header-mobile > div > ul li > div > ul li a,
            #header-mobile > div > div > ul li > div > ul li a,
            #header-mobile > div > div > div > ul li > div > ul li a {
              position: relative;
              display: block;
              text-align: left;
              height: 57px; }
              #header-mobile > ul li > div > ul li a .icon-wrapper, #header-mobile > ul li > div > ul li a .title,
              #header-mobile > div > ul li > div > ul li a .icon-wrapper,
              #header-mobile > div > ul li > div > ul li a .title,
              #header-mobile > div > div > ul li > div > ul li a .icon-wrapper,
              #header-mobile > div > div > ul li > div > ul li a .title,
              #header-mobile > div > div > div > ul li > div > ul li a .icon-wrapper,
              #header-mobile > div > div > div > ul li > div > ul li a .title {
                position: absolute;
                height: 45px;
                top: 3px; }
              #header-mobile > ul li > div > ul li a .icon-wrapper,
              #header-mobile > div > ul li > div > ul li a .icon-wrapper,
              #header-mobile > div > div > ul li > div > ul li a .icon-wrapper,
              #header-mobile > div > div > div > ul li > div > ul li a .icon-wrapper {
                width: 45px;
                left: 10px; }
              #header-mobile > ul li > div > ul li a .title,
              #header-mobile > div > ul li > div > ul li a .title,
              #header-mobile > div > div > ul li > div > ul li a .title,
              #header-mobile > div > div > div > ul li > div > ul li a .title {
                padding-left: 60px;
                padding-top: 6px;
                line-height: 36px;
                text-align: left; }
              #header-mobile > ul li > div > ul li a.icon-home,
              #header-mobile > div > ul li > div > ul li a.icon-home,
              #header-mobile > div > div > ul li > div > ul li a.icon-home,
              #header-mobile > div > div > div > ul li > div > ul li a.icon-home {
                background-position: -45px -1849px; }
              #header-mobile > ul li > div > ul li a.icon-info,
              #header-mobile > div > ul li > div > ul li a.icon-info,
              #header-mobile > div > div > ul li > div > ul li a.icon-info,
              #header-mobile > div > div > div > ul li > div > ul li a.icon-info {
                background-position: -45px -447px; }
              #header-mobile > ul li > div > ul li a.icon-nieuws,
              #header-mobile > div > ul li > div > ul li a.icon-nieuws,
              #header-mobile > div > div > ul li > div > ul li a.icon-nieuws,
              #header-mobile > div > div > div > ul li > div > ul li a.icon-nieuws {
                background-position: -45px -525px; }
              #header-mobile > ul li > div > ul li a.icon-hartje,
              #header-mobile > div > ul li > div > ul li a.icon-hartje,
              #header-mobile > div > div > ul li > div > ul li a.icon-hartje,
              #header-mobile > div > div > div > ul li > div > ul li a.icon-hartje {
                background-position: -45px -602px; }
              #header-mobile > ul li > div > ul li a.icon-telefoon,
              #header-mobile > div > ul li > div > ul li a.icon-telefoon,
              #header-mobile > div > div > ul li > div > ul li a.icon-telefoon,
              #header-mobile > div > div > div > ul li > div > ul li a.icon-telefoon {
                background-position: -45px -685px; }
              #header-mobile > ul li > div > ul li a.icon-speluitleg,
              #header-mobile > div > ul li > div > ul li a.icon-speluitleg,
              #header-mobile > div > div > ul li > div > ul li a.icon-speluitleg,
              #header-mobile > div > div > div > ul li > div > ul li a.icon-speluitleg {
                background-position: -45px -368px; }
              #header-mobile > ul li > div > ul li a.icon-kika, #header-mobile > ul li > div > ul li a.icon-alzheimer,
              #header-mobile > div > ul li > div > ul li a.icon-kika,
              #header-mobile > div > ul li > div > ul li a.icon-alzheimer,
              #header-mobile > div > div > ul li > div > ul li a.icon-kika,
              #header-mobile > div > div > ul li > div > ul li a.icon-alzheimer,
              #header-mobile > div > div > div > ul li > div > ul li a.icon-kika,
              #header-mobile > div > div > div > ul li > div > ul li a.icon-alzheimer {
                background: url(../images/icoon-kika.png) no-repeat left center;
                background-size: auto;
                background-position: 10px; }
              #header-mobile > ul li > div > ul li a.icon-special,
              #header-mobile > div > ul li > div > ul li a.icon-special,
              #header-mobile > div > div > ul li > div > ul li a.icon-special,
              #header-mobile > div > div > div > ul li > div > ul li a.icon-special {
                background: url(../images/icon-special.png) no-repeat left center;
                background-size: auto;
                background-position: 10px; }
              #header-mobile > ul li > div > ul li a.icon-spieren,
              #header-mobile > div > ul li > div > ul li a.icon-spieren,
              #header-mobile > div > div > ul li > div > ul li a.icon-spieren,
              #header-mobile > div > div > div > ul li > div > ul li a.icon-spieren {
                background: url(../images/icons_medal.png) no-repeat left center;
                background-size: auto;
                background-position: 10px; }

#header-logo {
  width: 307px;
  float: left;
  position: absolute;
  left: 10px;
  top: 38px;
  /*@include breakpoint(mobile) {*/ }
  @media (min-width: 768px) {
    #header-logo {
      width: 100%;
      float: none;
      left: 0;
      top: 0;
      text-align: center; } }
  #header-logo .logo {
    line-height: 120px;
    height: 50px;
    display: inline-block; }
    #header-logo .logo .left {
      float: left;
      position: relative;
      top: 3px; }
    #header-logo .logo .right {
      float: right;
      position: relative;
      top: 0; }
    #header-logo .logo img {
      max-width: none !important; }

#header-sub {
  position: absolute;
  right: 0px;
  top: 50px;
  z-index: 2;
  line-height: 34px;
  display: block;
  background: #fff;
  padding-left: 20px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  -webkit-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1);
  /*@include breakpoint(mobile) {*/ }
  @media (min-width: 768px) {
    #header-sub {
      top: 20px;
      display: none; } }
  #header-sub > div {
    float: left; }
  #header-sub ul {
    list-style: none;
    padding: 0;
    margin: 0; }
    #header-sub ul li {
      float: left;
      display: inline-block;
      background: none;
      margin: 0;
      padding: 0;
      /*@include breakpoint(mobile) {*/ }
      @media (min-width: 768px) {
        #header-sub ul li {
          display: none; } }
      #header-sub ul li.nav-sub-login {
        padding-left: 5px;
        border: 0;
        /*@include breakpoint(mobile) {*/ }
        @media (min-width: 768px) {
          #header-sub ul li.nav-sub-login {
            display: list-item; } }
        #header-sub ul li.nav-sub-login a {
          background-image: url("../images/icon_login.png");
          background-repeat: no-repeat;
          background-position: 0px 2px;
          padding-left: 20px; }
      #header-sub ul li span {
        text-transform: none;
        font-weight: 400;
        padding-left: 5px; }
      #header-sub ul li a {
        float: left;
        color: #f48139;
        text-decoration: none;
        font-weight: 500;
        padding: 11px 20px 11px 45px;
        font-size: 18px;
        font-weight: 700; }
        #header-sub ul li a:hover {
          color: #00a7e9; }
        #header-sub ul li a.icon {
          background: none;
          position: relative; }
          #header-sub ul li a.icon:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            height: 40px;
            width: 40px;
            display: block;
            background-image: url(../images/icons-sprite.png); }
            @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
              #header-sub ul li a.icon:before {
                background-image: url(../images/icons-sprite@2x.png);
                background-size: 150px 2000px; } }
        #header-sub ul li a.icon-lot {
          color: #00a45b; }
          #header-sub ul li a.icon-lot:before {
            background-position: -58px -1671px; }
          #header-sub ul li a.icon-lot:hover {
            color: #00a7e9; }
            #header-sub ul li a.icon-lot:hover:before {
              background-position: -103px -1670px; }
        #header-sub ul li a.icon-profiel:before {
          background-position: -58px -1724px; }
        #header-sub ul li a.icon-profiel:hover:before {
          background-position: -103px -1723px; }
        #header-sub ul li a.icon-uitloggen:before {
          background-position: -58px -1908px; }
        #header-sub ul li a.icon-uitloggen:hover:before {
          background-position: -58px -1955px; }
  #header-sub form {
    display: none; }

#header-search {
  display: none;
  position: absolute;
  right: 0px;
  top: 40px;
  line-height: 35px;
  height: 35px;
  margin-left: 10px;
  -webkit-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1);
  border-radius: 5px; }
  @media only screen and (max-width: 959px) {
    #header-search {
      display: none; } }
  #header-search:hover {
    -webkit-animation-name: slide;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: ease-in-out;
    animation-name: slide;
    animation-duration: 2s;
    animation-timing-function: ease-in-out; }
  #header-search form input[type=text],
  #header-search form input[type=email] {
    position: absolute;
    right: 0;
    top: 0;
    background-color: #005aab;
    background-position: 177px -841px;
    border: none;
    color: white;
    padding: 16px 10px 16px 20px;
    width: 280px;
    outline: none;
    font-size: 18px;
    font-weight: 400;
    overflow: hidden;
    display: block;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px; }
    #header-search form input[type=text].is-active,
    #header-search form input[type=email].is-active {
      color: #fff; }
      #header-search form input[type=text].is-active::-webkit-input-placeholder,
      #header-search form input[type=email].is-active::-webkit-input-placeholder {
        color: transparent; }
  #header-search form input[type=submit] {
    display: none;
    width: 44px;
    height: 40px;
    background-position: -56px -844px;
    position: absolute;
    right: 3px;
    top: 5px;
    z-index: 4;
    border: 0;
    font-size: 0.1em;
    color: #005aab; }

#header-nav, .klants #ks-header-nav {
  clear: both;
  display: block;
  width: 100%;
  background: #fff;
  border: 1px solid #dcdcdc;
  border-bottom: 2px solid #dcdcdc;
  -webkit-transform: translate3d(0, 0, 0);
  z-index: 3;
  position: absolute;
  top: 120px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px; }
  .ie8 #header-nav, .ie8 .klants #ks-header-nav, .klants .ie8 #ks-header-nav {
    border-bottom: 1px solid #f1f1f1; }
  @media only screen and (max-width: 959px) {
    #header-nav, .klants #ks-header-nav {
      border-radius: 0;
      width: 100%;
      display: none; } }
  #header-nav.is-fixed, .klants .is-fixed#ks-header-nav {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
    width: 960px;
    -webkit-border-top-left-radius: 0;
    -moz-border-top-left-radius: 0;
    -ms-border-top-left-radius: 0;
    -o-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-top-right-radius: 0;
    -ms-border-top-right-radius: 0;
    -o-border-top-right-radius: 0;
    border-top-right-radius: 0; }
    @media only screen and (max-width: 959px) {
      #header-nav.is-fixed, .klants .is-fixed#ks-header-nav {
        width: 100%; } }
  #header-nav #header-nav-container, .klants #ks-header-nav #header-nav-container, #header-nav .klants #ks-header-nav-container, .klants #header-nav #ks-header-nav-container, .klants #ks-header-nav #ks-header-nav-container {
    width: 960px;
    margin: 0 auto; }
    @media only screen and (max-width: 959px) {
      #header-nav #header-nav-container, .klants #ks-header-nav #header-nav-container, #header-nav .klants #ks-header-nav-container, .klants #header-nav #ks-header-nav-container, .klants #ks-header-nav #ks-header-nav-container {
        width: auto;
        height: 50px; } }
    #header-nav #header-nav-container .header-nav-menu-container, .klants #ks-header-nav #header-nav-container .header-nav-menu-container, #header-nav .klants #ks-header-nav-container .header-nav-menu-container, .klants #header-nav #ks-header-nav-container .header-nav-menu-container, .klants #ks-header-nav #ks-header-nav-container .header-nav-menu-container {
      position: relative;
      z-index: 0; }
      #header-nav #header-nav-container .header-nav-menu-container.open ul, .klants #ks-header-nav #header-nav-container .header-nav-menu-container.open ul, #header-nav .klants #ks-header-nav-container .header-nav-menu-container.open ul, .klants #header-nav #ks-header-nav-container .header-nav-menu-container.open ul, .klants #ks-header-nav #ks-header-nav-container .header-nav-menu-container.open ul {
        transition: all 500ms;
        display: block;
        top: 49px;
        -webkit-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1); }
      #header-nav #header-nav-container .header-nav-menu-container ul, .klants #ks-header-nav #header-nav-container .header-nav-menu-container ul, #header-nav .klants #ks-header-nav-container .header-nav-menu-container ul, .klants #header-nav #ks-header-nav-container .header-nav-menu-container ul, .klants #ks-header-nav #ks-header-nav-container .header-nav-menu-container ul {
        list-style: none;
        padding: 0;
        margin: 0;
        width: 100%;
        display: table; }
        @media only screen and (max-width: 959px) {
          #header-nav #header-nav-container .header-nav-menu-container ul, .klants #ks-header-nav #header-nav-container .header-nav-menu-container ul, #header-nav .klants #ks-header-nav-container .header-nav-menu-container ul, .klants #header-nav #ks-header-nav-container .header-nav-menu-container ul, .klants #ks-header-nav #ks-header-nav-container .header-nav-menu-container ul {
            transition: all 500ms;
            position: absolute;
            overflow: hidden;
            background-color: #fff;
            z-index: 10;
            width: 100%;
            display: none;
            border-top: 1px #eee solid;
            top: -300px; } }
        #header-nav #header-nav-container .header-nav-menu-container ul li, .klants #ks-header-nav #header-nav-container .header-nav-menu-container ul li, #header-nav .klants #ks-header-nav-container .header-nav-menu-container ul li, .klants #header-nav #ks-header-nav-container .header-nav-menu-container ul li, .klants #ks-header-nav #ks-header-nav-container .header-nav-menu-container ul li {
          text-align: center;
          position: relative;
          padding: 0;
          margin: 0;
          display: table-cell;
          background: none; }
          @media only screen and (max-width: 959px) {
            #header-nav #header-nav-container .header-nav-menu-container ul li, .klants #ks-header-nav #header-nav-container .header-nav-menu-container ul li, #header-nav .klants #ks-header-nav-container .header-nav-menu-container ul li, .klants #header-nav #ks-header-nav-container .header-nav-menu-container ul li, .klants #ks-header-nav #ks-header-nav-container .header-nav-menu-container ul li {
              float: none;
              border-top: 1px #eee solid; } }
          #header-nav #header-nav-container .header-nav-menu-container ul li:first-child, .klants #ks-header-nav #header-nav-container .header-nav-menu-container ul li:first-child, #header-nav .klants #ks-header-nav-container .header-nav-menu-container ul li:first-child, .klants #header-nav #ks-header-nav-container .header-nav-menu-container ul li:first-child, .klants #ks-header-nav #ks-header-nav-container .header-nav-menu-container ul li:first-child {
            border-left: 0;
            border-top: 0; }
          #header-nav #header-nav-container .header-nav-menu-container ul li.is-active a, .klants #ks-header-nav #header-nav-container .header-nav-menu-container ul li.is-active a, #header-nav .klants #ks-header-nav-container .header-nav-menu-container ul li.is-active a, .klants #header-nav #ks-header-nav-container .header-nav-menu-container ul li.is-active a, .klants #ks-header-nav #ks-header-nav-container .header-nav-menu-container ul li.is-active a {
            color: #00a7e9; }
          #header-nav #header-nav-container .header-nav-menu-container ul li.is-active a:hover, .klants #ks-header-nav #header-nav-container .header-nav-menu-container ul li.is-active a:hover, #header-nav .klants #ks-header-nav-container .header-nav-menu-container ul li.is-active a:hover, .klants #header-nav #ks-header-nav-container .header-nav-menu-container ul li.is-active a:hover, .klants #ks-header-nav #ks-header-nav-container .header-nav-menu-container ul li.is-active a:hover {
            color: #00a7e9; }
          #header-nav #header-nav-container .header-nav-menu-container ul li.is-active:after, .klants #ks-header-nav #header-nav-container .header-nav-menu-container ul li.is-active:after, #header-nav .klants #ks-header-nav-container .header-nav-menu-container ul li.is-active:after, .klants #header-nav #ks-header-nav-container .header-nav-menu-container ul li.is-active:after, .klants #ks-header-nav #ks-header-nav-container .header-nav-menu-container ul li.is-active:after, #header-nav #header-nav-container .header-nav-menu-container ul li.is-active:before, .klants #ks-header-nav #header-nav-container .header-nav-menu-container ul li.is-active:before, #header-nav .klants #ks-header-nav-container .header-nav-menu-container ul li.is-active:before, .klants #header-nav #ks-header-nav-container .header-nav-menu-container ul li.is-active:before, .klants #ks-header-nav #ks-header-nav-container .header-nav-menu-container ul li.is-active:before {
            bottom: -20px;
            left: 65%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none; }
          #header-nav #header-nav-container .header-nav-menu-container ul li.is-active:after, .klants #ks-header-nav #header-nav-container .header-nav-menu-container ul li.is-active:after, #header-nav .klants #ks-header-nav-container .header-nav-menu-container ul li.is-active:after, .klants #header-nav #ks-header-nav-container .header-nav-menu-container ul li.is-active:after, .klants #ks-header-nav #ks-header-nav-container .header-nav-menu-container ul li.is-active:after {
            border-color: rgba(136, 183, 213, 0);
            border-top-color: #fff;
            border-width: 10px;
            margin-left: -32px; }
          #header-nav #header-nav-container .header-nav-menu-container ul li.is-active:before, .klants #ks-header-nav #header-nav-container .header-nav-menu-container ul li.is-active:before, #header-nav .klants #ks-header-nav-container .header-nav-menu-container ul li.is-active:before, .klants #header-nav #ks-header-nav-container .header-nav-menu-container ul li.is-active:before, .klants #ks-header-nav #ks-header-nav-container .header-nav-menu-container ul li.is-active:before {
            border-color: rgba(194, 225, 245, 0);
            border-top-color: #dcdcdc;
            border-width: 12px;
            margin-left: -34px;
            bottom: -25px; }
          #header-nav #header-nav-container .header-nav-menu-container ul li.nav-item-search, .klants #ks-header-nav #header-nav-container .header-nav-menu-container ul li.nav-item-search, #header-nav .klants #ks-header-nav-container .header-nav-menu-container ul li.nav-item-search, .klants #header-nav #ks-header-nav-container .header-nav-menu-container ul li.nav-item-search, .klants #ks-header-nav #ks-header-nav-container .header-nav-menu-container ul li.nav-item-search {
            display: none; }
            @media only screen and (max-width: 959px) {
              #header-nav #header-nav-container .header-nav-menu-container ul li.nav-item-search, .klants #ks-header-nav #header-nav-container .header-nav-menu-container ul li.nav-item-search, #header-nav .klants #ks-header-nav-container .header-nav-menu-container ul li.nav-item-search, .klants #header-nav #ks-header-nav-container .header-nav-menu-container ul li.nav-item-search, .klants #ks-header-nav #ks-header-nav-container .header-nav-menu-container ul li.nav-item-search {
                display: block; } }
          #header-nav #header-nav-container .header-nav-menu-container ul li a, .klants #ks-header-nav #header-nav-container .header-nav-menu-container ul li a, #header-nav .klants #ks-header-nav-container .header-nav-menu-container ul li a, .klants #header-nav #ks-header-nav-container .header-nav-menu-container ul li a, .klants #ks-header-nav #ks-header-nav-container .header-nav-menu-container ul li a {
            padding: 11px 16px 11px 16px;
            display: block;
            text-decoration: none;
            color: #005aab;
            font-size: 18px;
            font-weight: 500;
            font-weight: 700;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            -ms-border-radius: 10px;
            -o-border-radius: 10px;
            border-radius: 10px; }
            @media only screen and (max-width: 959px) {
              #header-nav #header-nav-container .header-nav-menu-container ul li a, .klants #ks-header-nav #header-nav-container .header-nav-menu-container ul li a, #header-nav .klants #ks-header-nav-container .header-nav-menu-container ul li a, .klants #header-nav #ks-header-nav-container .header-nav-menu-container ul li a, .klants #ks-header-nav #ks-header-nav-container .header-nav-menu-container ul li a {
                text-align: center;
                padding: 0 20px 0 20px; } }
            #header-nav #header-nav-container .header-nav-menu-container ul li a:hover, .klants #ks-header-nav #header-nav-container .header-nav-menu-container ul li a:hover, #header-nav .klants #ks-header-nav-container .header-nav-menu-container ul li a:hover, .klants #header-nav #ks-header-nav-container .header-nav-menu-container ul li a:hover, .klants #ks-header-nav #ks-header-nav-container .header-nav-menu-container ul li a:hover {
              color: #09a752; }

#header-nav-subnav {
  background: #f2f2f2;
  width: 100%;
  overflow: hidden;
  position: relative;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  z-index: 2;
  top: 45px;
  height: 56px;
  -webkit-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1); }
  @media only screen and (max-width: 959px) {
    #header-nav-subnav {
      background: transparent;
      box-shadow: none;
      top: 100px;
      /*display:none;*/ } }
  #header-nav-subnav.is-fixed {
    top: 45px;
    position: fixed;
    width: 960px;
    margin: 0 auto;
    -webkit-transform: translateZ(0); }
  #header-nav-subnav .subnav-control {
    height: 100%;
    width: 50px;
    line-height: 56px;
    background: #fff;
    position: absolute;
    overflow: hidden;
    display: block;
    text-align: center;
    z-index: 10;
    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; }
    @media only screen and (max-width: 959px) {
      #header-nav-subnav .subnav-control {
        display: none; } }
    #header-nav-subnav .subnav-control span {
      background-repeat: no-repeat;
      width: 12px;
      height: 20px;
      display: inline-block;
      vertical-align: middle;
      top: 3px;
      position: relative; }
      @media only screen and (max-width: 959px) {
        #header-nav-subnav .subnav-control span {
          top: 0; } }
    #header-nav-subnav .subnav-control.subnav-control-prev {
      left: 0;
      top: 0; }
      #header-nav-subnav .subnav-control.subnav-control-prev span {
        background-image: url("../images/icon_subnav.png");
        background-position: top center; }
    #header-nav-subnav .subnav-control.subnav-control-next {
      right: 0;
      top: 0; }
      #header-nav-subnav .subnav-control.subnav-control-next span {
        background-image: url("../images/icon_subnav.png");
        background-position: bottom center; }
  #header-nav-subnav ul {
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    width: 100%;
    margin-right: 55px;
    /* 1 blokje opschuiven is 55px */
    float: right; }
    @media only screen and (max-width: 959px) {
      #header-nav-subnav ul {
        display: none; } }
    #header-nav-subnav ul li {
      float: right;
      text-align: center;
      width: 55px; }
      #header-nav-subnav ul li.is-active a {
        color: #1a1a1a; }
      #header-nav-subnav ul li.subnav-year a {
        color: #1a1a1a; }
      #header-nav-subnav ul li a {
        display: inline-block;
        text-align: center;
        text-transform: uppercase;
        font-size: 12px;
        color: #a3b1b8;
        height: 56px;
        line-height: 65px;
        text-decoration: none;
        letter-spacing: 1px;
        font-weight: 500; }
        @media only screen and (max-width: 959px) {
          #header-nav-subnav ul li a {
            line-height: 56px; } }
        #header-nav-subnav ul li a:hover {
          color: #1a1a1a; }

#content {
  float: left;
  width: 100%;
  position: relative;
  background-repeat: no-repeat;
  background-position: center top; }
  @media only screen and (max-width: 959px) {
    #content {
      background-image: none;
      margin-top: 120px;
      overflow-x: hidden; } }
  #content #page-container,
  #content #page-content {
    float: left;
    width: 100%; }
  @media only screen and (max-width: 959px) {
    #content #page-container {
      overflow: auto; } }
  @media only screen and (max-width: 959px) {
    #content #page-content {
      padding: 0 20px; } }

div.centered {
  max-width: 960px;
  width: 100%;
  margin: 0 auto !important;
  position: relative;
  float: none !important; }

.columns {
  clear: both; }
  .columns .w650 {
    width: 650px;
    margin-right: 20px; }
  .columns .w630 {
    width: 620px;
    margin-right: 30px; }
  .columns .w550 {
    width: 550px;
    margin-right: 20px; }
  .columns .w390 {
    width: 390px;
    margin-right: 20px; }
  .columns .w280 {
    width: 280px;
    margin-right: 20px; }
    .columns .w280 h2 {
      font-size: 28px;
      line-height: 30px; }
  .columns .w310 {
    width: 310px;
    margin-right: 0; }
    .columns .w310 h2 {
      font-size: 28px;
      line-height: 30px; }
  .columns .vp100 {
    width: 100%; }
  .columns .wp50 {
    width: 48.75%;
    margin: 0 0 0px 2.5%; }
  .columns .wp39 {
    width: 39%;
    margin: 0 3.3334% 0px 0; }
  .columns .wp33 {
    width: 31%;
    margin: 0 3.3334% 0px 0; }
    .columns .wp33:nth-child(3) {
      margin-right: 0; }
  .columns .wp25 {
    width: 25%;
    margin: 0 0 0px 0; }
  .columns .wp21 {
    width: 21%;
    margin: 0 3.3334% 0px 0; }
  .columns .col {
    float: left; }
    @media only screen and (max-width: 959px) {
      .columns .col {
        width: 100%;
        margin: 0 0 0px 0; }
        .columns .col.w310, .columns .col.w390 {
          padding-top: 40px; } }
    .columns .col.wp50:first-child {
      margin-left: 0; }
  .columns.horizontal-seperator .col {
    padding: 0 0 0 30px;
    margin: 0; }
  .columns.horizontal-seperator .col:first-child {
    padding: 0 30px 0 0;
    background: url(../images/horizontal-seperator.jpg) no-repeat right center; }
  @media only screen and (max-width: 959px) {
    .columns.horizontal-seperator .col {
      padding: 0 !important;
      background: none !important; } }

.social-media-horizontal {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center; }
  .social-media-horizontal a {
    text-decoration: none;
    padding: 0 3px; }
    .social-media-horizontal a img {
      width: 40px;
      height: 40px; }

.gdldomain body {
  background: #1597d8;
  background: -moz-linear-gradient(top, #7abef5 0%, white 22%);
  background: -webkit-linear-gradient(top, #7abef5 0%, white 22%);
  background: linear-gradient(to bottom, #7abef5 0%, white 7%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abef5', endColorstr='#ffffff',GradientType=0 );
  background-position: 0 135px;
  background-attachment: fixed; }
  @media only screen and (max-width: 959px) {
    .gdldomain body {
      background: #ffffff;
      background-attachment: inherit;
      background-position: 0 0; } }

@media only screen and (max-width: 959px) {
  .gdldomain #container {
    margin-top: 120px; } }

.gdldomain #footer #footer-menu .footer-container {
  width: 100%; }
  .gdldomain #footer #footer-menu .footer-container .centered {
    max-width: inherit; }
  .gdldomain #footer #footer-menu .footer-container .identity {
    width: 100%; }
  .gdldomain #footer #footer-menu .footer-container .footer-nav {
    width: 960px;
    margin-left: auto;
    margin-right: auto; }
    @media only screen and (max-width: 959px) {
      .gdldomain #footer #footer-menu .footer-container .footer-nav {
        width: 100%; } }
  .gdldomain #footer #footer-menu .footer-container .form-newsletter {
    border-radius: 0;
    margin-left: 0;
    margin-right: 0; }

.gdldomain #footer #footer-menu .form-newsletter form {
  float: none;
  overflow: hidden;
  margin-bottom: 0;
  width: 960px;
  margin-left: auto;
  margin-right: auto; }
  @media only screen and (max-width: 959px) {
    .gdldomain #footer #footer-menu .form-newsletter form {
      width: 100%; } }

.gdldomain .main {
  position: relative; }

#content #page-header .h-cont.centered.text-align-left .content {
  text-align: left; }
  #content #page-header .h-cont.centered.text-align-left .content h1, #content #page-header .h-cont.centered.text-align-left .content h4, #content #page-header .h-cont.centered.text-align-left .content h5, #content #page-header .h-cont.centered.text-align-left .content h6 {
    text-align: center; }
  #content #page-header .h-cont.centered.text-align-left .content h2 {
    text-align: left; }
  #content #page-header .h-cont.centered.text-align-left .content h3 {
    text-align: right; }
  #content #page-header .h-cont.centered.text-align-left .content h1 {
    font-size: 32px;
    font-weight: 500;
    margin-bottom: 20px;
    color: #1a1a1a;
    text-shadow: none; }
  #content #page-header .h-cont.centered.text-align-left .content h2 {
    font-size: 26px;
    line-height: 32px;
    margin-bottom: 10px; }
  #content #page-header .h-cont.centered.text-align-left .content h3 {
    font-size: 20px;
    margin-bottom: 10px; }
  #content #page-header .h-cont.centered.text-align-left .content h4 {
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    margin-bottom: 10px;
    margin-top: -10px; }
  #content #page-header .h-cont.centered.text-align-left .content p {
    font-size: 15px;
    line-height: 22px;
    margin: 0 0 20px;
    text-shadow: none;
    font-weight: normal;
    color: #1a1a1a; }

#page-header {
  text-align: center;
  position: relative;
  padding-left: 20px;
  padding-right: 20px;
  float: left;
  width: 100%; }
  @media only screen and (max-width: 959px) {
    #page-header {
      margin-top: 0px;
      margin-bottom: 20px;
      padding-right: 0;
      padding-left: 0; } }
  #page-header:empty {
    margin: 0; }
  @media only screen and (max-width: 959px) {
    #page-header h1 {
      font-size: 16px;
      font-weight: 700; } }
  #page-header .description {
    width: 100%;
    max-width: 530px;
    margin: 0 auto;
    text-align: center; }
    #page-header .description p {
      font-size: 18px;
      margin-bottom: 0; }
  #page-header .goback {
    display: none; }
  #page-header .page-header-visual {
    display: none;
    position: absolute;
    margin-right: 0;
    width: 300px;
    top: -85px;
    right: -100px;
    z-index: -1;
    /**/ }
    @media only screen and (max-width: 959px) {
      #page-header .page-header-visual {
        display: block; } }
    #page-header .page-header-visual img {
      width: 100%; }
  #page-header .page-header-dropdown {
    position: relative;
    overflow: hidden;
    height: 100px;
    z-index: 2; }
    @media only screen and (max-width: 959px) {
      #page-header .page-header-dropdown {
        margin-top: 0;
        height: 50px; } }

.page-type-dashboard #page-header {
  float: left;
  width: 100%; }
  .page-type-dashboard #page-header .type-screen {
    position: absolute;
    left: -80px;
    top: -30px; }

@media only screen and (max-width: 959px) {
  .page-type-dashboard #content {
    margin-top: 100px; } }
  @media only screen and (max-width: 959px) and (max-width: 959px) {
    .page-type-dashboard #content #page-content {
      padding: 0; } }

@media only screen and (max-width: 959px) {
  .page-type-dashboard #page-container {
    background: #fbfbfb; }
    .page-type-dashboard #page-container #page-header {
      background: white;
      padding-bottom: 20px;
      position: relative; }
      .page-type-dashboard #page-container #page-header:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 1px;
        width: 100%;
        background: url(../images/inline-nav-bg.png) no-repeat center bottom; }
    .page-type-dashboard #page-container .cta-block {
      padding: 30px 20px;
      background: white;
      border: 0 !important; }
      .page-type-dashboard #page-container .cta-block:before, .page-type-dashboard #page-container .cta-block:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        height: 1px;
        width: 100%;
        background: url(../images/inline-nav-bg.png) no-repeat center bottom; }
      .page-type-dashboard #page-container .cta-block:after {
        top: auto;
        bottom: 0; }
  .page-type-dashboard #footer {
    margin-top: 0; } }

.page-header-b #page-header h1 {
  margin: 0 0 40px 0; }
  .page-header-b #page-header h1 strong {
    display: block; }

@media only screen and (max-width: 959px) {
  .page-header-b #page-header h1 {
    text-align: left;
    font-size: 32px;
    line-height: 30px;
    padding: 0 20px; } }

.page-header-c #page-header {
  position: relative;
  float: left;
  width: 100%;
  /*height: 635px;*/
  margin: 0 0 20px 0;
  /*
        .type-screen img {
            position: absolute;
            left: 50%;
            margin-left: -640px;
        }
        */ }
  @media only screen and (max-width: 959px) {
    .page-header-c #page-header {
      height: auto;
      /*padding: 0 20px;*/
      padding: 0 5%;
      margin: 0; } }
  .page-header-c #page-header img {
    margin: 0 0 20px 0; }
    @media only screen and (max-width: 1279px) {
      .page-header-c #page-header img {
        width: 100%;
        height: auto;
        margin-left: 0;
        margin-right: 0; } }
  .page-header-c #page-header .title {
    position: absolute;
    right: 90px;
    width: 640px;
    top: 0px;
    text-align: right;
    z-index: 2;
    color: #6A0E5A; }
    .page-header-c #page-header .title h1 {
      font-size: 35px;
      margin: 0 0 10px 0; }
      .page-header-c #page-header .title h1 strong {
        display: inline-block; }
    .page-header-c #page-header .title p {
      font-size: 28px; }
    @media only screen and (max-width: 959px) {
      .page-header-c #page-header .title {
        position: relative;
        right: auto;
        width: 100%;
        text-align: center;
        padding: 0 5%;
        color: #005aab; }
        .page-header-c #page-header .title p {
          margin: 0 0 20px 0; }
        .page-header-c #page-header .title .btn, .page-header-c #page-header .title .pcac .pcac_simpleButton, .pcac .page-header-c #page-header .title .pcac_simpleButton,
        .page-header-c #page-header .title .pcac .pcac_backButtonContainer a, .pcac .pcac_backButtonContainer .page-header-c #page-header .title a {
          text-transform: none;
          text-align: left;
          margin: 0 0 30px 0; } }

.page-header-d #page-header {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
  margin: 0 0 20px 0; }
  @media only screen and (max-width: 959px) {
    .page-header-d #page-header {
      height: auto; } }
  .page-header-d #page-header .type-screen img {
    position: relative;
    left: 0;
    max-width: 100%;
    width: auto;
    height: auto;
    margin: 0 auto;
    display: block; }
  .page-header-d #page-header img {
    margin: 20px 0 20px 0; }
    @media only screen and (max-width: 959px) {
      .page-header-d #page-header img {
        width: 100%;
        height: auto; } }
  .page-header-d #page-header .title {
    position: absolute;
    left: 0;
    width: 100%;
    top: 0px;
    text-align: center;
    z-index: 2; }
    .page-header-d #page-header .title h1 {
      font-size: 60px;
      font-weight: 900;
      color: #6A0E5A;
      margin: 0 0 5px 0; }
    .page-header-d #page-header .title p {
      font-size: 25px;
      color: #6A0E5A;
      -webkit-text-shadow: none;
      -moz-text-shadow: none;
      text-shadow: none; }
    @media only screen and (max-width: 959px) {
      .page-header-d #page-header .title {
        position: relative;
        right: auto;
        width: 100%;
        text-align: center;
        padding: 0 5%;
        color: #005aab; }
        .page-header-d #page-header .title p {
          margin: 0; }
        .page-header-d #page-header .title .btn, .page-header-d #page-header .title .pcac .pcac_simpleButton, .pcac .page-header-d #page-header .title .pcac_simpleButton,
        .page-header-d #page-header .title .pcac .pcac_backButtonContainer a, .pcac .pcac_backButtonContainer .page-header-d #page-header .title a {
          text-transform: none;
          text-align: left;
          width: 90%;
          margin: 0 0 30px 0; } }

@media only screen and (max-width: 959px) {
  .page-header-e {
    background: url("../images/bg_confetti_mobile.png");
    background-repeat: no-repeat;
    background-size: 100%;
    background-position-y: 200px; } }

@media only screen and (max-width: 959px) {
  .page-header-e #content {
    margin-top: 95px; } }

@media only screen and (max-width: 959px) {
  .page-header-e .input-select {
    margin: 0; } }

.page-header-e #page-header {
  position: relative;
  float: left;
  width: 100%;
  margin: 0 0 20px 0; }
  @media only screen and (max-width: 959px) {
    .page-header-e #page-header {
      height: auto;
      padding: 0 20px;
      margin: 0; } }
  .page-header-e #page-header .type-screen img {
    position: absolute;
    left: 50%;
    margin-left: -640px; }
  .page-header-e #page-header img {
    margin: 0 0 20px 0; }
    @media only screen and (max-width: 959px) {
      .page-header-e #page-header img {
        width: 100%;
        height: auto; } }
  .page-header-e #page-header .title {
    color: #004F9F;
    z-index: 3; }
    @media only screen and (max-width: 959px) {
      .page-header-e #page-header .title {
        position: relative;
        right: auto;
        width: 100%;
        text-align: center;
        padding: 0; }
        .page-header-e #page-header .title p {
          margin: 0 0 20px 0; }
        .page-header-e #page-header .title .btn, .page-header-e #page-header .title .pcac .pcac_simpleButton, .pcac .page-header-e #page-header .title .pcac_simpleButton,
        .page-header-e #page-header .title .pcac .pcac_backButtonContainer a, .pcac .pcac_backButtonContainer .page-header-e #page-header .title a {
          text-transform: none;
          text-align: left;
          margin: 0 0 30px 0; } }
    .page-header-e #page-header .title h1 {
      margin-bottom: 50px; }
      @media only screen and (max-width: 959px) {
        .page-header-e #page-header .title h1 {
          font-size: 24px; } }
    .page-header-e #page-header .title p {
      font-size: 28px; }

@media only screen and (max-width: 959px) {
  .page-header-e #page-header h1 {
    text-align: left;
    font-size: 24px;
    margin-bottom: 20px;
    color: #004F9F; } }

@media only screen and (max-width: 959px) {
  .page-header-e #page-header .page-header-dropdown {
    height: 65px;
    z-index: 3; } }

.page-header-e #page-header .page-header-visual {
  position: absolute;
  margin-right: 0;
  width: 300px;
  bottom: -6px;
  top: initial;
  right: 0px;
  z-index: 2;
  text-align: right; }
  .page-header-e #page-header .page-header-visual img {
    margin: 0;
    width: 63%; }
  .page-header-e #page-header .page-header-visual .overlay1 {
    position: absolute;
    width: 10%;
    right: -17px;
    bottom: -80px;
    z-index: 5; }
  .page-header-e #page-header .page-header-visual .overlay2 {
    position: absolute;
    width: 16%;
    bottom: -10px;
    left: 120px;
    z-index: 5; }

.page-header-f .descr {
  float: left;
  margin: 10px 0 50px 0px; }
  @media only screen and (max-width: 959px) {
    .page-header-f .descr {
      margin: 0 5% 20px;
      width: 90%; } }

.page-header-g #page-header h1 {
  font-size: 50px; }

.page-header-g #page-header img {
  margin: -120px 0 20px -10px; }

.boxed-effect {
  position: relative;
  float: left;
  margin: 0 30px 0 0; }
  .boxed-effect.img-auto {
    margin-right: 60px; }

.boxed-effect-element.color-red,
.color-red .cta-block-effect,
.color-red.cta-block-effect,
.color-red .boxed-effect-element {
  background: #E72173 !important;
  background: -moz-linear-gradient(top, #DC0831 0%, #E72173 100%) !important;
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #DC0831), color-stop(100%, #E72173)) !important;
  background: -webkit-linear-gradient(top, #DC0831 0%, #E72173 100%) !important;
  background: -o-linear-gradient(top, #DC0831 0%, #E72173 100%) !important;
  background: -ms-linear-gradient(top, #DC0831 0%, #E72173 100%) !important;
  background: linear-gradient(to bottom, #DC0831 0%, #E72173 100%) !important;
  background-size: 100% 100%; }

.boxed-effect-element.color-blue,
.color-blue .cta-block-effect,
.color-blue.cta-block-effect,
.color-blue .boxed-effect-element {
  background: #004F9F !important;
  background: -moz-linear-gradient(top, #00a7e9 0%, #004F9F 100%) !important;
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #00a7e9), color-stop(100%, #004F9F)) !important;
  background: -webkit-linear-gradient(top, #00a7e9 0%, #004F9F 100%) !important;
  background: -o-linear-gradient(top, #00a7e9 0%, #004F9F 100%) !important;
  background: -ms-linear-gradient(top, #00a7e9 0%, #004F9F 100%) !important;
  background: linear-gradient(to bottom, #00a7e9 0%, #004F9F 100%) !important;
  background-size: 100% 100%; }

.boxed-effect-element.color-orange,
.color-orange .boxed-effect-element,
.color-orange.cta-block-effect,
.color-orange .cta-block-effect {
  background: #FFDD00; }

.boxed-effect-element.color-green,
.color-green .boxed-effect-element,
.color-green.cta-block-effect,
.color-green .cta-block-effect {
  background: #009640 !important;
  background: -moz-linear-gradient(top, #8DC63F 0%, #009640 100%) !important;
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #8DC63F), color-stop(100%, #009640)) !important;
  background: -webkit-linear-gradient(top, #8DC63F 0%, #009640 100%) !important;
  background: -o-linear-gradient(top, #8DC63F 0%, #009640 100%) !important;
  background: -ms-linear-gradient(top, #8DC63F 0%, #009640 100%) !important;
  background: linear-gradient(to bottom, #8DC63F 0%, #009640 100%) !important;
  background-size: 100% 100%; }

.boxed-effect-element.color-purple,
.color-purple .boxed-effect-element,
.color-purple.cta-block-effect,
.color-purple .cta-block-effect {
  background: #6A0E5A !important;
  background: -moz-linear-gradient(top, #C0047B 0%, #6A0E5A 100%) !important;
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #C0047B), color-stop(100%, #6A0E5A)) !important;
  background: -webkit-linear-gradient(top, #C0047B 0%, #6A0E5A 100%) !important;
  background: -o-linear-gradient(top, #C0047B 0%, #6A0E5A 100%) !important;
  background: -ms-linear-gradient(top, #C0047B 0%, #6A0E5A 100%) !important;
  background: linear-gradient(to bottom, #C0047B 0%, #6A0E5A 100%) !important;
  background-size: 100% 100%; }

.boxed-effect-prizeelem.color-green .thebox {
  background: #009b34;
  background: -moz-linear-gradient(top, #95c11e 0%, #95c11e 70%, #009b34 100%);
  background: -webkit-linear-gradient(top, #95c11e 0%, #95c11e 70%, #009b34 100%);
  background: linear-gradient(to bottom, #95c11e 0%, #95c11e 70%, #009b34 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#95c11e', endColorstr='#009b34',GradientType=0 ); }

.boxed-effect-prizeelem.color-blue .thebox {
  background: #00449e;
  background: -moz-linear-gradient(top, #0096e6 0%, #0096e6 70%, #00449e 100%);
  background: -webkit-linear-gradient(top, #0096e6 0%, #0096e6 70%, #00449e 100%);
  background: linear-gradient(to bottom, #0096e6 0%, #0096e6 70%, #00449e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#95c11e', endColorstr='#009b34',GradientType=0 ); }

.boxed-effect-prizeelem.color-red .thebox {
  background: #dd0634;
  background: -moz-linear-gradient(top, #e71b6f 0%, #e71b6f 70%, #dd0634 100%);
  background: -webkit-linear-gradient(top, #e71b6f 0%, #e71b6f 70%, #dd0634 100%);
  background: linear-gradient(to bottom, #e71b6f 0%, #e71b6f 70%, #dd0634 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#95c11e', endColorstr='#009b34',GradientType=0 ); }

.boxed-effect-prizeelem.color-yellow .thebox {
  background: #ff6e00;
  background: -moz-linear-gradient(top, #ffd900 0%, #ffd900 70%, #ff6e00 100%);
  background: -webkit-linear-gradient(top, #ffd900 0%, #ffd900 70%, #ff6e00 100%);
  background: linear-gradient(to bottom, #ffd900 0%, #ffd900 70%, #ff6e00 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#95c11e', endColorstr='#009b34',GradientType=0 ); }

.boxed-effect-prizeelem.color-purple .thebox {
  background: #5b004e;
  background: -moz-linear-gradient(top, #c90076 0%, #c90076 70%, #5b004e 100%);
  background: -webkit-linear-gradient(top, #c90076 0%, #c90076 70%, #5b004e 100%);
  background: linear-gradient(to bottom, #c90076 0%, #c90076 70%, #5b004e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#95c11e', endColorstr='#009b34',GradientType=0 ); }

.boxed-effect-prizeelem.color-green a .butt,
.boxed-effect-prizeelem.color-green .carrbt h3,
.boxed-effect-prizeelem.color-green .carrbt p {
  text-shadow: 0px 0px 7px rgba(0, 150, 64, 0.5);
  display: inline-block; }

.boxed-effect-prizeelem.color-blue a .butt,
.boxed-effect-prizeelem.color-blue .carrbt h3,
.boxed-effect-prizeelem.color-blue .carrbt p {
  text-shadow: 0px 0px 7px rgba(0, 79, 159, 0.5); }

.boxed-effect-prizeelem.color-red a .butt,
.boxed-effect-prizeelem.color-red .carrbt h3,
.boxed-effect-prizeelem.color-red .carrbt p {
  text-shadow: 0px 0px 7px rgba(220, 8, 49, 0.5); }

.boxed-effect-prizeelem.color-yellow a .butt,
.boxed-effect-prizeelem.color-yellow .carrbt h3,
.boxed-effect-prizeelem.color-yellow .carrbt p {
  text-shadow: 0px 0px 7px rgba(240, 125, 0, 0.5); }

.boxed-effect-prizeelem.color-purple a .butt,
.boxed-effect-prizeelem.color-purple .carrbt h3,
.boxed-effect-prizeelem.color-purple .carrbt p {
  text-shadow: 0px 0px 7px rgba(106, 14, 90, 0.5); }

/*
@mixin pricegradient {
    background: #95c11e;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk1YzExZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjcwJSIgc3RvcC1jb2xvcj0iIzk1YzExZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDliMzQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #95c11e 0%, #95c11e 70%, #009b34 100%);
    background: -webkit-linear-gradient(top,  #95c11e 0%,#95c11e 70%,#009b34 100%);
    background: linear-gradient(to bottom,  #95c11e 0%,#95c11e 70%,#009b34 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#95c11e', endColorstr='#009b34',GradientType=0 );
}
*/
.boxed-effect-element {
  position: absolute;
  left: 5px;
  top: -5px;
  right: 0;
  bottom: 0;
  background: #f49f33;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  width: 100%;
  height: 100%;
  z-index: 1;
  -webkit-transform: rotate(1.5deg);
  -moz-transform: rotate(1.5deg);
  -ms-transform: rotate(1.5deg);
  -o-transform: rotate(1.5deg);
  transform: rotate(1.5deg); }
  .boxed-effect-element.rotation-cw {
    -webkit-transform: rotate(1.5deg);
    -moz-transform: rotate(1.5deg);
    -ms-transform: rotate(1.5deg);
    -o-transform: rotate(1.5deg);
    transform: rotate(1.5deg);
    left: 5px;
    top: 5px; }
  .boxed-effect-element.rotation-red {
    -webkit-transform: rotate(-1.5deg);
    -moz-transform: rotate(-1.5deg);
    -ms-transform: rotate(-1.5deg);
    -o-transform: rotate(-1.5deg);
    transform: rotate(-1.5deg);
    left: -20px !important;
    top: 20px !important; }
  .boxed-effect-element.rotation-orange {
    -webkit-transform: rotate(1.5deg);
    -moz-transform: rotate(1.5deg);
    -ms-transform: rotate(1.5deg);
    -o-transform: rotate(1.5deg);
    transform: rotate(1.5deg);
    left: 60px !important;
    top: 10px !important; }
  .boxed-effect-element.rotation-green {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    -o-transform: rotate(-2deg);
    transform: rotate(-2deg);
    left: 40px !important;
    top: -10px !important;
    z-index: 1; }
  .boxed-effect-element.rotation2x {
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    transform: rotate(-3deg); }
  .boxed-effect-element.rotation2x.rotation-cw {
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    transform: rotate(3deg); }
  .avatar .boxed-effect-element {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }

.price-ladder ul.price-ladder-dif li .boxed-effect-element.rotation-green {
  -webkit-transform: rotate(-2deg);
  -moz-transform: rotate(-2deg);
  -ms-transform: rotate(-2deg);
  -o-transform: rotate(-2deg);
  transform: rotate(-2deg); }

.boxed-effect-inner {
  position: relative;
  float: left;
  width: 100%;
  background: white;
  z-index: 5;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px; }
  .ie8 .boxed-effect-inner {
    border: 1px solid #f1f1f1; }
  .boxed-effect-inner img {
    vertical-align: middle; }
  .boxed-effect-inner > img,
  .boxed-effect-inner > a img {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px; }
  @media only screen and (max-width: 959px) {
    .boxed-effect-inner {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; } }

.img-left {
  float: left;
  margin: 0 70px 0 0;
  width: auto; }
  @media only screen and (max-width: 959px) {
    .img-left {
      margin: 0 0 30px 0;
      width: 100%; }
      .img-left img {
        width: 100%; }
      .img-left h2 {
        text-align: center; } }

.img-right {
  float: right;
  margin: 0 0 0 70px;
  width: auto; }
  @media only screen and (max-width: 959px) {
    .img-right {
      margin: 0 0 30px 0;
      width: 100%; }
      .img-right img {
        width: 100%; }
      .img-right h2 {
        text-align: center; } }

.img-centered {
  text-align: center; }

.crow {
  float: left;
  width: 100%;
  margin: 0 0 30px 0; }

.txt-color-green {
  color: #009640; }

.txt-color-orange {
  color: #EF7D00; }

.txt-color-blue {
  color: #00a7e9; }

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

.displayNone {
  display: none; }

.nomargin {
  margin: 0 !important; }

.hidden,
.type-mobile,
.has-won,
.has-list,
.is-hidden,
.formhp {
  display: none !important; }

.type-mobile {
  display: none !important; }

@media only screen and (max-width: 959px) {
  .type-mobile {
    display: block !important; }
  .type-screen {
    display: none !important; }
  img {
    max-width: 100%;
    height: auto; } }

.mobile-only {
  display: none !important; }
  @media only screen and (max-width: 959px) {
    .mobile-only {
      display: inherit !important; } }

.desktop-only {
  display: inline-block;
  width: 100%; }
  @media only screen and (max-width: 959px) {
    .desktop-only {
      display: none !important; } }

.page-header-a #page-header h1 {
  margin: 0 0 40px 0;
  font-family: "OfficinaSans", "Arial", sans-serif; }
  .page-header-a #page-header h1 strong {
    display: block;
    font-weight: 700; }

.img-centered {
  margin: -60px -60px 30px -60px; }
  .columns .img-centered {
    margin: -30px -40px 30px -40px; }
    @media only screen and (max-width: 959px) {
      .columns .img-centered {
        margin: 0;
        /* 0 -20px 0 -20px; */ } }
  @media only screen and (max-width: 1279px) {
    .img-centered {
      margin: -60px -40px 30px -40px; } }
  @media only screen and (max-width: 959px) {
    .img-centered {
      margin: 0;
      /* 0 -20px 0 -20px; */ } }
  .img-centered img {
    width: 100%;
    height: auto;
    -webkit-border-top-left-radius: 10px;
    -moz-border-top-left-radius: 10px;
    -ms-border-top-left-radius: 10px;
    -o-border-top-left-radius: 10px;
    border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-top-right-radius: 10px;
    -ms-border-top-right-radius: 10px;
    -o-border-top-right-radius: 10px;
    border-top-right-radius: 10px; }

.showmore {
  width: 100%;
  text-align: center; }
  .showmore td {
    text-align: center !important; }

.formBenicodeSearch-results.is-active {
  float: left;
  width: 100%;
  height: 400px;
  overflow: auto;
  margin: 0 0 30px 0; }

/*.resulttemplate,
.bigtooltiptemplate,
.bigtooltiptemplate2,
.bigtooltiptemplate3 {
    display:none;
}*/
input[readonly] {
  background: none repeat scroll 0 0 #F1F1F1; }

::-ms-clear {
  display: none; }

.helptext {
  position: relative;
  height: 20px;
  width: 20px;
  display: inline; }
  @media only screen and (max-width: 959px) {
    .helptext {
      position: relative;
      top: auto;
      right: auto;
      float: left;
      width: 100%; } }
  .helptext .trigger {
    position: absolute;
    width: 16px;
    height: 15px;
    background: url("../images/icon_tooltip-trigger.gif") no-repeat left top; }
    .helptext .trigger.is-active {
      background-position: left bottom !important; }
    @media only screen and (max-width: 959px) {
      .helptext .trigger {
        top: -35px;
        right: 0px;
        width: 26px;
        height: 25px;
        border: 10px solid transparent; } }
  .helptext .info {
    position: absolute;
    top: -15px;
    left: 25px;
    z-index: 2;
    display: none;
    padding: 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    width: 260px;
    background: #5b6a79;
    color: #fff; }
    .helptext .info:after {
      position: absolute;
      top: 12px;
      left: -10px;
      margin-left: -10px;
      width: 0;
      height: 0;
      border: solid transparent;
      border-width: 10px;
      border-right-color: #5b6a79;
      content: " ";
      pointer-events: none; }
  @media only screen and (max-width: 959px) {
    .helptext .info {
      position: relative;
      left: auto;
      top: auto;
      background: transparent;
      display: none;
      float: left;
      padding: 5px 0 15px;
      width: 100%;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      color: #1a1a1a; }
      .helptext .info:after {
        display: none; } }

.ie9 .wm-field-label {
  display: block !important; }

.is-invisible {
  visibility: hidden; }

/*img.roundedcorners,*/
img.contentelement {
  border-radius: 15px 15px 15px 15px; }

.aligncenter {
  text-align: center; }

.YTvideoContainer iframe {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }

.footer-copyright {
  text-align: center;
  color: #afafaf;
  margin: 0 0 50px 0; }
  @media (max-width: 768px) {
    .footer-copyright ul {
      /*margin: 0 15% 50px 15%;*/
      margin: 0; } }
  .footer-copyright ul li {
    display: inline-block;
    margin: 0 0 20px 0;
    padding: 0;
    background: none; }
    @media (max-width: 768px) {
      .footer-copyright ul li {
        width: 100%;
        float: none; } }
    .footer-copyright ul li a {
      color: #afafaf;
      display: inline-block;
      padding: 0 15px 0 16px;
      border-left: 1px solid #afafaf;
      font-size: 16px; }
      .footer-copyright ul li a:hover {
        text-decoration: underline; }
      @media (max-width: 768px) {
        .footer-copyright ul li a {
          padding: 5px 15px;
          border: 0; } }
    .footer-copyright ul li:first-child a {
      border: 0; }
    .footer-copyright ul li:before {
      display: none; }
  .footer-copyright p {
    font-size: 16px;
    float: left;
    width: 100%; }
    @media (max-width: 768px) {
      .footer-copyright p {
        line-height: 22px;
        padding: 0 10%; } }

.main.no-header {
  margin-top: 0; }
  .main.no-header .main-content:first-child > div:first-child, .main.no-header > .pagehead, .main.no-header > article {
    padding-top: 0; }
    @media (min-width: 768px) {
      .main.no-header .main-content:first-child > div:first-child, .main.no-header > .pagehead, .main.no-header > article {
        padding-top: 0; } }

body {
  /* moet voor menu overflow */
  overflow-x: hidden; }

.menuheader {
  color: #fff;
  text-align: center;
  width: 100%;
  font-size: 17px; }
  .menuheader .contain {
    position: relative;
    padding: 0;
    width: 100%; }
    @media (min-width: 992px) {
      .menuheader .contain {
        text-align: left; } }
  @media (min-width: 992px) {
    .menuheader div.contain:nth-child(2) {
      width: 990px; } }
  .menuheader div.contain:nth-child(3) {
    background-color: #d9e5d6;
    display: none; }
    @media (min-width: 992px) {
      .menuheader div.contain:nth-child(3) {
        display: block; } }
  .menuheader ul,
  .menuheader li {
    list-style-type: none;
    background-image: none; }
    .menuheader ul:before,
    .menuheader li:before {
      display: none; }
  .menuheader .search {
    -webkit-transition: height 0.25s;
    -moz-transition: height 0.25s;
    -ms-transition: height 0.25s;
    -o-transition: height 0.25s;
    transition: height 0.25s;
    height: 0;
    overflow: hidden;
    text-align: left;
    border-top: 3px solid transparent; }
    @media (min-width: 768px) {
      .menuheader .search {
        -webkit-transition: width 0.25s;
        -moz-transition: width 0.25s;
        -ms-transition: width 0.25s;
        -o-transition: width 0.25s;
        transition: width 0.25s;
        width: 0;
        height: 42px;
        right: 0;
        background: none;
        position: absolute;
        top: -40px;
        z-index: 1000;
        border-top: 0; } }
    .menuheader .search.active {
      height: 250px; }
      @media (min-width: 768px) {
        .menuheader .search.active {
          height: 40px;
          width: 450px; } }
    .menuheader .search form {
      padding: 60px 20px;
      background: #e30027; }
      @media (min-width: 768px) {
        .menuheader .search form {
          background: none;
          padding: 0;
          white-space: nowrap; } }
    .menuheader .search .search-submit {
      width: 100%; }
      @media (min-width: 768px) {
        .menuheader .search .search-submit {
          height: 32px;
          margin-top: -1px;
          width: 40px; } }
    .menuheader .search .search-field {
      padding: 0 50px 0 13px;
      line-height: 48px;
      height: 48px;
      width: 100%; }
      @media (min-width: 768px) {
        .menuheader .search .search-field {
          line-height: 38px;
          height: 38px; } }

.mainmenu,
.submenu {
  padding: 0;
  white-space: nowrap;
  z-index: 250;
  height: auto;
  -webkit-transition: max-height ease-in-out 0.25s, left ease-in-out 0.25s, right ease-in-out 0.25s, padding-bottom ease-in-out 0.25s;
  -moz-transition: max-height ease-in-out 0.25s, left ease-in-out 0.25s, right ease-in-out 0.25s, padding-bottom ease-in-out 0.25s;
  -ms-transition: max-height ease-in-out 0.25s, left ease-in-out 0.25s, right ease-in-out 0.25s, padding-bottom ease-in-out 0.25s;
  -o-transition: max-height ease-in-out 0.25s, left ease-in-out 0.25s, right ease-in-out 0.25s, padding-bottom ease-in-out 0.25s;
  transition: max-height ease-in-out 0.25s, left ease-in-out 0.25s, right ease-in-out 0.25s, padding-bottom ease-in-out 0.25s; }

.submenu a:empty {
  display: none; }

.submenu .content {
  padding: 0; }

.mainmenu a {
  font-weight: 500;
  text-rendering: geometricPrecision;
  -moz-osx-font-smoothing: grayscale;
  box-sizing: border-box;
  text-decoration: none;
  font-size: 24px;
  line-height: 1.88; }
  @media (min-width: 992px) {
    .mainmenu a {
      border-bottom: 0;
      text-align: center;
      font-size: 20px;
      line-height: 62px; } }
  @media (min-width: 1200px) {
    .mainmenu a {
      font-size: 20px; } }
  .mainmenu a:visited, .mainmenu a:link {
    color: #000000; }
    @media (min-width: 992px) {
      .mainmenu a:visited, .mainmenu a:link {
        color: #0c57a3; } }

.submenu a {
  font-size: 24px;
  line-height: 1.88; }
  @media (min-width: 992px) {
    .submenu a {
      font-size: 20px; } }
  .submenu a:visited, .submenu a:link {
    color: #fff; }
    @media (min-width: 992px) {
      .submenu a:visited, .submenu a:link {
        color: #0c57a3; } }

.mainmenu {
  display: none;
  box-shadow: none;
  margin: 0;
  width: 100%;
  position: absolute;
  overflow: visible;
  font-size: 0;
  overflow-x: hidden;
  overflow-y: auto;
  /*scroll;*/
  /* voor overflow op landscape, maar ik weet niet of dit goed gaat, op iOS */
  padding: 0; }
  @media (min-width: 992px) {
    .mainmenu {
      display: inline-block;
      background-color: #fff;
      height: 62px;
      border: 0;
      box-sizing: border-box;
      position: static;
      max-width: 100%;
      right: auto;
      overflow: visible;
      width: auto; } }
  .mainmenu.active {
    right: 0;
    display: block; }
  @media (min-width: 992px) {
    .mainmenu.active {
      display: block; } }
  @media (max-width: 992px) {
    .mainmenu.active-sub {
      overflow: visible; } }
  .mainmenu .active > .submenu {
    left: 0; }
  .mainmenu .vinked li:last-child {
    border-bottom: none; }
  .mainmenu a, .mainmenu .vinked a {
    display: block;
    text-align: left;
    margin: 0; }
    @media (min-width: 992px) {
      .mainmenu a, .mainmenu .vinked a {
        border-bottom: 0;
        text-align: center; } }
  @media (max-width: 992px) {
    .mainmenu > li {
      background-color: #d9e5d6; } }
  .mainmenu li {
    text-align: left;
    font-size: 17px;
    padding: 0;
    margin: 0; }
    @media (min-width: 992px) {
      .mainmenu li {
        display: inline-block;
        margin-right: 30px; } }
    .mainmenu li a {
      max-height: 62px;
      position: relative;
      -webkit-font-smoothing: antialiased;
      /* https://css-tricks.com/forums/topic/transforms-cause-font-smoothing-weirdness-in-webkit/ */
      margin: 0 10vw;
      border-bottom: 2px solid #d8d8d8; }
      @media (min-width: 992px) {
        .mainmenu li a {
          margin: 0;
          border: none; } }
    .mainmenu li.click > a::after,
    .mainmenu li.click > a::after {
      transform: rotate(180deg); }
  .mainmenu > li:last-child > a {
    border-bottom: 0; }
  .mainmenu .title a,
  .mainmenu .vinked a {
    padding-left: 10px; }
  @media (min-width: 992px) {
    .mainmenu .last .submenu {
      right: 3px; } }
  .mainmenu .back,
  .mainmenu .username {
    padding: 1.9em 0; }
    .mainmenu .back a,
    .mainmenu .username a {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  @media (min-width: 992px) {
    .mainmenu .has-sub a {
      padding-right: 26px; } }
  @media (min-width: 992px) {
    .mainmenu .has-sub.click .submenu {
      opacity: 0.95;
      filter: alpha(opacity=95);
      left: auto;
      position: absolute;
      max-height: 700px;
      display: inline-block; } }
  .mainmenu .has-sub > a::after {
    margin-left: 10px;
    position: absolute;
    top: 18px;
    content: "";
    background: transparent url(../images/menu_arrow_down.png) center top no-repeat;
    width: 14px;
    height: 9px;
    background-size: 100% auto; }
    @media (min-width: 992px) {
      .mainmenu .has-sub > a::after {
        top: 28px;
        -webkit-transition: transform ease-in .25s;
        -moz-transition: transform ease-in .25s;
        -ms-transition: transform ease-in .25s;
        -o-transition: transform ease-in .25s;
        transition: transform ease-in .25s; } }
  @media (min-width: 992px) {
    .mainmenu .topmenu-mob {
      display: none; } }
  .mainmenu .topmenu-mob img {
    display: none; }

.submenu {
  width: 100%;
  white-space: initial;
  min-height: 100%;
  background-color: #0fa3b1;
  margin: 0; }
  @media (min-width: 992px) {
    .submenu {
      z-index: 250;
      position: absolute;
      width: auto;
      left: auto;
      top: auto;
      border-bottom: 0;
      max-height: 0;
      min-height: 0;
      overflow: hidden;
      min-width: 200px;
      background-color: #fff; } }
  @media (min-width: 992px) {
    .submenu .back {
      display: none; } }
  .submenu .back a {
    border: 0;
    padding-left: 0;
    margin-right: 5px;
    max-height: none; }
    .submenu .back a::before {
      content: "";
      font-size: 1em;
      padding-right: 2px; }
  .submenu .level-one {
    padding-left: 10px; }
    .submenu .level-one.title {
      padding-left: 0; }
  .submenu .title a {
    padding-left: 0; }
    @media (min-width: 992px) {
      .submenu .title a {
        padding-left: 9px; } }
  @media (min-width: 768px) {
    .submenu .title {
      border-bottom: 0; } }
  .submenu li {
    display: block;
    margin-right: 0; }
    .submenu li:last-child a {
      border-bottom: none; }
    .submenu li a {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      text-align: left;
      border-bottom: 1px solid #d8d8d8; }
      @media (min-width: 992px) {
        .submenu li a {
          margin: 0 0.5em;
          padding-left: 10px;
          border-bottom: none; } }

.mobile-menu {
  background-color: #fff;
  height: 60px;
  margin: 0;
  text-align: right; }
  @media (min-width: 992px) {
    .mobile-menu {
      display: none; } }
  .mobile-menu > li {
    display: inline-block;
    padding: 10px 15px 0 0; }
    .mobile-menu > li a {
      font-size: 0px;
      color: transparent; }
    .mobile-menu > li img {
      height: 35px;
      vertical-align: unset; }
  .mobile-menu .options {
    display: inline-block; }
    .mobile-menu .options a {
      text-decoration: none; }
      .mobile-menu .options a.item.open {
        width: 35px;
        height: 35px;
        background: transparent url(../images/menu_icon_hamburger.png) center center no-repeat;
        background-size: 100% auto; }
      .mobile-menu .options a.item.hide {
        width: 35px;
        height: 35px;
        background: transparent url(../images/menu_icon_close.png) center center no-repeat;
        background-size: 100% auto; }
  .mobile-menu .active {
    display: inline-block;
    opacity: 1;
    -webkit-transition: 0s;
    -moz-transition: 0s;
    -ms-transition: 0s;
    -o-transition: 0s;
    transition: 0s;
    transform: none; }

/* TBD */
.mobile-search {
  display: inline-block;
  border-right: 1px solid #fff; }
  @media (min-width: 768px) {
    .mobile-search {
      display: none; } }
  .mobile-search::before {
    content: '\f002';
    font-family: Arial;
    font-size: 1.2em;
    position: relative;
    display: inline; }
  .mobile-search.active {
    display: inline-block; }
  .mobile-search.active:before {
    content: "";
    font-size: 0.9em; }
  .mobile-search input {
    display: none; }

.bc-container {
  width: 100%; }
  @media (min-width: 992px) {
    .bc-container {
      width: 990px;
      margin: 0 auto; } }
  .bc-container .breadcrumbs {
    margin: 0;
    width: fit-content; }
    .bc-container .breadcrumbs li {
      font-size: 16px;
      display: inline;
      margin: 0 8px 0 0;
      color: #004f9f;
      font-weight: 500;
      line-height: 56px;
      padding: 0; }
      .bc-container .breadcrumbs li a {
        text-decoration: none; }
        .bc-container .breadcrumbs li a.home {
          width: 18px;
          width: 18px;
          background: transparent url("../images/menu_icon_home.png") left top no-repeat;
          background-size: auto 100%; }
          .bc-container .breadcrumbs li a.home:after {
            padding-left: 35px; }
    .bc-container .breadcrumbs li a:after {
      content: '>';
      padding-left: 11px; }
    .bc-container .breadcrumbs li:last-of-type a:after {
      display: none; }

.topmenu {
  display: none;
  font-size: 17px;
  margin: 0; }
  @media (min-width: 992px) {
    .topmenu {
      display: inline-block;
      position: absolute;
      right: 0;
      top: 14px; } }
  .topmenu ul, .topmenu div.content {
    display: none; }
  @media (min-width: 992px) {
    .topmenu ul, .topmenu div.content {
      display: inline-block; } }
  .topmenu .content {
    display: inline-block;
    width: auto;
    min-width: 50px;
    padding: 0; }
  .topmenu a:empty {
    display: none; }
  .topmenu span,
  .topmenu a {
    position: relative;
    display: inline-block;
    line-height: 42px;
    font-weight: 500;
    text-rendering: geometricPrecision;
    -moz-osx-font-smoothing: grayscale;
    text-decoration: none;
    white-space: nowrap; }
  .topmenu ul {
    position: relative;
    display: none;
    justify-content: flex-end;
    z-index: 1000; }
    @media (min-width: 768px) {
      .topmenu ul {
        display: flex; } }
  .topmenu li {
    display: inline-block;
    box-sizing: border-box;
    transition: all 0.1s ease-in;
    background-color: transparent;
    padding: 0; }
    @media (min-width: 992px) {
      .topmenu li {
        padding-right: 10px; } }
    .topmenu li.topmenu-desktop-login a {
      font-size: 1px;
      color: transparent; }
    .topmenu li .content {
      display: none; }
    .topmenu li.click .content {
      display: block; }
  .topmenu .content ul {
    display: block; }
  .topmenu li .content ul a {
    color: #0000FF;
    background-color: #fff;
    border-bottom: 1px solid #ff0000; }
  .topmenu li .content ul li {
    display: block; }
  .topmenu .click a:hover,
  .topmenu .click a,
  .topmenu .click span.salutation {
    color: #fff;
    background-color: #0000FF; }
  .topmenu li a {
    box-sizing: border-box; }
  .topmenu a:hover + ul,
  .topmenu a:active + ul,
  .topmenu a:focus + ul {
    display: block; }
  .topmenu .login:before,
  .topmenu .search-button:before,
  .topmenu .login:after,
  .topmenu .service:after,
  .topmenu .has-sub > a:after {
    font-weight: 400;
    font-family: Arial; }
  .topmenu .login .salutation {
    max-width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    vertical-align: top;
    color: #0000FF;
    padding-left: 2em; }
  .topmenu .login.formpopup {
    padding-left: 2.7em; }
  .topmenu .login::before {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    text-align: left;
    border-left: 1em solid transparent;
    box-sizing: border-box; }
  @media (min-width: 992px) {
    .topmenu .login .salutation {
      max-width: 400px; } }
  .topmenu .login::before {
    content: "";
    font-size: 1em;
    margin-right: 1em; }
  .topmenu .search-button:before {
    content: "";
    font-size: 1em;
    margin-right: 1em; }
  .topmenu .login:after,
  .topmenu .service:after,
  .topmenu .has-sub > a:after {
    display: inline-block;
    content: "D";
    font-size: 0.7em;
    margin-left: 1em; }
  .topmenu .menu-icon {
    width: 30px;
    height: 30px;
    margin-right: 7px;
    margin-bottom: 7px; }

.user-icon::before {
  font-family: Arial;
  content: "";
  float: left;
  margin-right: 7px; }

#logo {
  float: left; }
  #logo img {
    width: auto;
    left: 0.5em;
    position: absolute;
    z-index: 500;
    top: 24px;
    top: 6px;
    height: 45px;
    margin-left: 12px; }
    @media (min-width: 992px) {
      #logo img {
        display: none; } }
    @media (min-width: 1200px) {
      #logo img {
        display: block;
        width: 6vw;
        height: auto;
        margin-left: 0;
        top: 1vw; } }
    @media (min-width: 1300px) {
      #logo img {
        width: auto;
        height: 52px;
        top: 6px; } }

/* transitie aanpassingen */
.mainmenu > li {
  left: -5%;
  left: 0;
  position: relative;
  -webkit-transition: left 0.25s;
  -moz-transition: left 0.25s;
  -ms-transition: left 0.25s;
  -o-transition: left 0.25s;
  transition: left 0.25s; }

.mainmenu {
  position: relative;
  max-height: 75%;
  max-height: calc(100% - 65px);
  will-change: height; }
  .mainmenu.active-sub {
    overflow: hidden;
    overflow-y: auto;
    /*scroll;*/ }

.mainmenu .submenu {
  display: none; }

@media (max-width: 992px) {
  .mainmenu li.has-sub.js--submenu.click > .submenu {
    display: block; } }

/**
 * TOPNAV
 */
@media only screen and (min-width: 960px) {
  .topnav {
    overflow: hidden;
    height: 44px; } }

.topnav-nav {
  display: block;
  margin: 0;
  padding: 0;
  list-style-type: none; }
  @media only screen and (max-width: 959px) {
    .topnav-nav {
      background-color: #FFFFFF;
      margin-top: 40px; } }
  .topnav-nav-item {
    display: block;
    vertical-align: top;
    background: none;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: .7px;
    transition: color 200ms;
    position: relative;
    text-align: center; }
    @media only screen and (min-width: 960px) {
      .topnav-nav-item .nav-link {
        display: flex;
        justify-content: flex-start; } }
    .topnav-nav-item .nav-link .menu-icon {
      width: 14px;
      height: 14px;
      margin-left: .2rem;
      display: none; }
      @media only screen and (min-width: 960px) {
        .topnav-nav-item .nav-link .menu-icon {
          display: block; } }
    @media only screen and (min-width: 960px) {
      .topnav-nav-item {
        display: inline-block;
        margin: 0 0 0 25px;
        padding-left: 0; } }
    @media only screen and (min-width: 960px) {
      .topnav-nav-item:hover {
        z-index: 9905; } }
    .topnav-nav-item:hover .nav-link {
      color: #005aab; }
      @media only screen and (min-width: 960px) {
        .topnav-nav-item:hover .nav-link {
          position: relative;
          z-index: 9906; } }
      .topnav-nav-item:hover .nav-link svg {
        fill: #005aab; }
    .topnav-nav-item:hover .topnav-dropdown {
      opacity: 1;
      max-height: 330px;
      transition-delay: 0s; }
  .topnav-nav .nav-link {
    color: #909090;
    font-size: 14px;
    text-decoration: none;
    font-weight: 700; }
    @media only screen and (min-width: 960px) {
      .topnav-nav .nav-link {
        line-height: 40px; } }
    .topnav-nav .nav-link svg {
      display: inline;
      fill: #005aab; }
      @media only screen and (min-width: 960px) {
        .topnav-nav .nav-link svg {
          display: inline-block;
          vertical-align: top;
          fill: #909090; } }
    .topnav-nav .nav-link:hover {
      color: #005aab; }
    @media only screen and (min-width: 960px) {
      .topnav-nav .nav-link.greenbutton {
        color: #FFFFFF;
        text-transform: none;
        background-color: #0caf14;
        border-radius: 30px;
        line-height: 28px;
        padding: 0 20px;
        margin-top: 3px;
        font-size: 16px;
        box-shadow: 0 3px #014604;
        font-weight: 500; } }

@media only screen and (max-width: 959px) {
  .topnav-dropdown {
    position: fixed;
    min-width: auto;
    width: 100vw;
    min-height: calc(100vh - 60px);
    right: calc(-100vw - 8px);
    transition: right 300ms ease-in-out;
    top: 60px;
    z-index: 999;
    background-image: linear-gradient(to right, #e9f4fb, #f9f7fc);
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.3);
    overflow: hidden; } }

.topnav-dropdown.open {
  right: -10px; }

@media only screen and (max-width: 959px) {
  .topnav-dropdown .container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-y: auto; } }

.topnav-dropdown .toggle-dropdown {
  display: block;
  font-size: 16px;
  line-height: 3.7;
  font-weight: 700;
  color: #005aab;
  text-transform: uppercase;
  padding-left: 46px;
  background: url(../images/svg/arrow-pointer-left.svg) 22px 50% no-repeat; }

.topnav-dropdown .dropdown-title {
  margin: 0;
  padding: 0 0 0 21px;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  line-height: 3.8;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }

@media only screen and (min-width: 960px) {
  .topnav-dropdown {
    opacity: 0;
    max-height: 0;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    position: absolute;
    top: -20px;
    left: -20px;
    right: -20px;
    padding-top: 40px;
    border: solid 1px #b5b5b5;
    z-index: 9904;
    transition: all 300ms;
    transition-delay: 500ms;
    overflow: hidden;
    background: #fff;
    min-width: 160px; } }

.topnav-dropdown .nav-list {
  list-style: none;
  margin: 0;
  padding: 0 20px 20px 20px; }
  @media only screen and (min-width: 960px) {
    .topnav-dropdown .nav-list {
      background: #fff; } }
  .topnav-dropdown .nav-list li {
    background: none;
    margin: 0 0 1em 0;
    padding: 0;
    font-size: 15px;
    line-height: 1.5;
    text-transform: none; }
    .topnav-dropdown .nav-list li:last-of-type {
      margin: 1.5em 0 0 0; }
      @media only screen and (max-width: 959px) {
        .topnav-dropdown .nav-list li:last-of-type {
          border-top: 1px solid #d6d4e5; } }
      @media only screen and (max-width: 959px) {
        .topnav-dropdown .nav-list li:last-of-type .nav-link {
          padding-left: 17px; } }
      .topnav-dropdown .nav-list li:last-of-type .nav-link:before {
        display: none; }
    .topnav-dropdown .nav-list li.active {
      font-weight: 700;
      position: relative; }
      .topnav-dropdown .nav-list li.active:before {
        content: '';
        width: 7px;
        height: 7px;
        border-radius: 50%;
        position: absolute;
        top: calc(50% - 3.5px);
        left: 20px;
        background-color: #005aab; }
        @media only screen and (min-width: 960px) {
          .topnav-dropdown .nav-list li.active:before {
            left: -13px; } }
    .topnav-dropdown .nav-list li .nav-link {
      color: #005aab;
      padding-left: 46px; }
      @media only screen and (max-width: 959px) {
        .topnav-dropdown .nav-list li .nav-link:before {
          left: 17px; } }
      @media only screen and (min-width: 960px) {
        .topnav-dropdown .nav-list li .nav-link {
          padding-left: 0; } }
      @media only screen and (min-width: 960px) {
        .topnav-dropdown .nav-list li .nav-link:hover {
          text-decoration: underline; } }

@media only screen and (max-width: 959px) {
  .navbar .navbar-nav .topnav ul.nav-list li.active:before {
    left: 20px; } }

@media only screen and (max-width: 959px) {
  header {
    margin-top: 80px; } }

.page-header {
  display: block;
  position: relative;
  z-index: 9901;
  background: #fff; }
  .page-header > .container {
    width: 100%;
    margin: 0 auto;
    padding: 8px 0 0 0;
    position: fixed;
    top: 0;
    background-color: #09B7CB;
    z-index: 9902; }
    @media only screen and (min-width: 960px) {
      .page-header > .container {
        box-shadow: none;
        width: 960px;
        position: relative;
        background: none;
        z-index: auto;
        padding: 17px 0 20px 0;
        background-color: #FFFFFF; } }
    @media only screen and (max-width: 959px) {
      .page-header > .container :after {
        content: "";
        position: absolute;
        width: 100%;
        height: 32px;
        left: 0;
        top: 0;
        background-color: #FFFFFF;
        z-index: -1; } }
  .page-header .logo-home {
    display: block;
    width: 155px;
    height: 73px;
    text-indent: -9999px;
    background: transparent url(../images/logo-vl.png) no-repeat;
    background-size: 100% auto;
    margin: 0 auto; }
    @media only screen and (min-width: 960px) {
      .page-header .logo-home {
        position: absolute;
        left: -180px;
        top: 10px;
        display: block;
        width: 150px;
        height: 66px;
        background: transparent url(../images/logo-vl.png) center top no-repeat;
        background-size: 100% auto;
        font-size: 0; } }
  @media only screen and (min-width: 960px) and (max-width: 1350px) {
    .page-header .logo-home {
      left: 30px;
      top: 5px;
      width: 80px; } }
  @media only screen and (min-width: 960px) {
    .page-header .topnav {
      display: block;
      position: absolute;
      top: 0;
      right: 0; }
      .vippagestyle .page-header .topnav {
        right: 24px; } }
  .page-header .navbar {
    transition: padding 150ms ease; }
    .page-header .navbar .topnav .topnav-nav-item {
      display: block;
      padding: 0;
      margin: 0; }
    .page-header .navbar .topnav .nav-link {
      color: #909090;
      font-weight: 500; }
      .page-header .navbar .topnav .nav-link.greenbutton {
        color: #FFFFFF;
        text-transform: none;
        background-color: #0caf14;
        line-height: 2.94;
        border-radius: 40px;
        font-weight: 500;
        font-size: 22px;
        padding: 8px 25px;
        box-shadow: 0 4px #014604; }
  .page-header.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%; }
    .page-header.fixed .logo-home {
      position: absolute;
      left: 0;
      top: 8px;
      width: 87px;
      height: 45px;
      background: url("../images/logo-bgl-header-fixed.png"); }
    .page-header.fixed .navbar {
      padding-left: 220px; }
    .page-header.fixed .topnav {
      display: none; }
    .page-header.fixed .container {
      padding: 0; }

@media only screen and (max-width: 959px) {
  .container > .topnav .topnav-nav {
    display: none; } }

/**
 * NAVBAR
 * basic / mobile first!
 */
.navbar {
  display: block;
  width: 100%;
  background-color: #09B7CB; }
  .navbar a {
    text-decoration: none; }
  .navbar .container {
    width: 100%;
    margin: 0 auto; }
    @media only screen and (max-width: 959px) {
      .navbar .container {
        visibility: hidden;
        position: fixed;
        top: 81px;
        height: calc(100% - 52px);
        overflow-y: scroll; } }
    .navbar .container.open {
      visibility: visible; }
    @media only screen and (min-width: 960px) {
      .navbar .container {
        width: 960px;
        background: none; } }
  .navbar .button-toggle-nav {
    display: block;
    width: 32px;
    height: 32px;
    position: fixed;
    right: 8px;
    top: 42px;
    z-index: 9903;
    -webkit-appearance: none;
    border: none;
    background: url("../images/mobmenu_hamburger.png") center top no-repeat;
    background-size: 100% auto; }
    .navbar .button-toggle-nav.open {
      background-image: url("../images/mobmenu_close.png"); }
    .navbar .button-toggle-nav:focus {
      outline: 0; }
  .navbar .navbar-nav {
    list-style-type: none;
    width: 100%;
    min-height: calc(100vh - 73px);
    margin: 0;
    padding: 8px 0 0 0;
    transition: all 250ms ease-in;
    position: absolute;
    top: 0;
    right: -100%;
    background-color: #09B7CB;
    user-select: none; }
    .navbar .navbar-nav.open {
      right: 0;
      transition: all 250ms ease-out;
      -webkit-overflow-scrolling: touch; }
      .navbar .navbar-nav.open:before {
        display: block;
        content: '';
        width: 100%;
        height: 8px;
        position: absolute;
        top: 0;
        left: 0; }
    @media only screen and (min-width: 960px) {
      .navbar .navbar-nav {
        display: flex;
        flex-wrap: nowrap;
        flex-direction: column;
        justify-content: flex-start;
        transition: max-height 300ms ease-in;
        position: static;
        flex-direction: row;
        background: none;
        height: auto;
        min-height: 0;
        padding: 0; } }
    .navbar .navbar-nav > li, .navbar .navbar-nav-item {
      display: block;
      position: relative;
      background: none;
      margin: 0;
      padding: 0;
      white-space: nowrap; }
      @media only screen and (min-width: 960px) {
        .navbar .navbar-nav > li, .navbar .navbar-nav-item {
          display: inline-block;
          position: static;
          flex: 0 1 auto;
          vertical-align: top;
          margin: 0;
          border: none;
          transition: background-color 150ms; } }
      .navbar .navbar-nav > li > .nav-title, .navbar .navbar-nav-item > .nav-title {
        display: block;
        cursor: pointer;
        position: relative;
        margin: 7px 25px 6px 25px;
        font-weight: 500;
        font-size: 24px;
        line-height: 2.1em;
        color: #E0F2FD; }
        @media only screen and (max-width: 959px) {
          .navbar .navbar-nav > li > .nav-title, .navbar .navbar-nav-item > .nav-title {
            border-bottom: 1px solid #FFFFFF; } }
        @media only screen and (min-width: 960px) {
          .navbar .navbar-nav > li > .nav-title, .navbar .navbar-nav-item > .nav-title {
            margin-left: 25px;
            text-align: center;
            color: #fff;
            padding: 0;
            margin: 0px 25px 0px 25px; } }
        .navbar .navbar-nav > li > .nav-title.has-children::after, .navbar .navbar-nav-item > .nav-title.has-children::after {
          content: "";
          position: relative;
          display: inline-block;
          width: 22px;
          height: 14px;
          background: transparent url("../images/menu-arrow.png") center top no-repeat;
          background-size: 100% auto;
          margin-left: 5px; }
        @media only screen and (min-width: 960px) {
          .navbar .navbar-nav > li > .nav-title:hover::before, .navbar .navbar-nav-item > .nav-title:hover::before {
            content: "";
            position: absolute;
            display: block;
            width: 100%;
            height: 3px;
            bottom: 0;
            left: 0;
            background-color: white; } }
      @media only screen and (min-width: 960px) {
        .navbar .navbar-nav > li:hover .navbar-nav-dropdown, .navbar .navbar-nav-item:hover .navbar-nav-dropdown {
          max-height: 500px;
          transition: max-height 200ms ease-in;
          z-index: 1000; } }
    @media only screen and (max-width: 959px) {
      .navbar .navbar-nav-dropdown {
        position: fixed;
        width: calc( 100vw - 15px);
        min-height: calc(100vh - 60px);
        right: calc(-100vw - 8px);
        transition: right 300ms ease-in-out;
        top: 81px;
        z-index: 999;
        background-color: #E0F2FD; } }
    .navbar .navbar-nav-dropdown.open {
      right: 0px; }
    @media only screen and (min-width: 960px) {
      .navbar .navbar-nav-dropdown {
        box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.1);
        background: #E0F2FD;
        font-size: 100%;
        overflow: hidden;
        max-height: 0;
        position: absolute;
        width: 100%;
        top: 100%;
        left: 0;
        right: 0;
        transition: max-height 800ms cubic-bezier(0.075, 0.82, 0.165, 1); } }
    @media only screen and (max-width: 959px) {
      .navbar .navbar-nav-dropdown .container {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow-y: scroll;
        padding-bottom: 100px;
        -webkit-overflow-scrolling: touch; } }
    @media only screen and (min-width: 960px) {
      .navbar .navbar-nav-dropdown .container {
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-start;
        flex-direction: row; } }
    .navbar .navbar-nav-dropdown .toggle-dropdown {
      display: block;
      font-size: 17px;
      line-height: 3.7;
      color: #09B7CB;
      padding-left: 46px; }
      .navbar .navbar-nav-dropdown .toggle-dropdown::before {
        content: '';
        display: block;
        position: absolute;
        left: 22px;
        top: 18px;
        width: 18px;
        height: 20px;
        background: transparent url(../images/menu-arrow-blue.png) center top no-repeat;
        transform: rotate(90deg);
        background-size: 100% auto; }
    .navbar .navbar-nav-dropdown .dropdown-title {
      margin: 0;
      padding: 0px 0 0 12vw;
      font-size: 24px;
      color: #09B7CB;
      font-weight: 500;
      line-height: 1.8; }
      .navbar .navbar-nav-dropdown .dropdown-title a {
        color: #09B7CB; }
        .navbar .navbar-nav-dropdown .dropdown-title a::after {
          content: "";
          position: relative;
          display: inline-block;
          width: 22px;
          height: 14px;
          background: transparent url("../images/menu-arrow-blue.png") center top no-repeat;
          background-size: 100% auto;
          margin-left: 5px; }
    @media only screen and (max-width: 959px) {
      .navbar .navbar-nav-section {
        overflow: hidden;
        width: 100%;
        padding-left: 15vw;
        padding-right: 15vw; } }
    @media only screen and (min-width: 960px) {
      .navbar .navbar-nav-section {
        flex: 1 1 auto;
        max-width: 320px;
        /* Max 320px width for nav-menu colomns, to let columns behave like a nice layout */ }
        .navbar .navbar-nav-section:first-of-type {
          padding-left: 25px; } }
    .navbar .navbar-nav-section .nav-title {
      margin: 0;
      padding: 0;
      text-transform: uppercase;
      font-size: 15px;
      color: #006ebf; }
      @media only screen and (max-width: 959px) {
        .navbar .navbar-nav-section .nav-title {
          width: 100%;
          padding-right: 30px;
          overflow: hidden;
          text-overflow: ellipsis; } }
    .navbar .navbar-nav-section.nav-secondary .nav-title {
      color: #30287c; }
    .navbar .navbar-nav .nav-link {
      font-size: 20px;
      color: #09B7CB; }
      @media only screen and (max-width: 959px) {
        .navbar .navbar-nav .nav-link span {
          display: inline-block;
          width: 100%;
          overflow: hidden;
          padding-right: 30px;
          text-overflow: ellipsis;
          vertical-align: top; } }
      .navbar .navbar-nav .nav-link:hover {
        text-decoration: none; }
        @media only screen and (min-width: 960px) {
          .navbar .navbar-nav .nav-link:hover {
            text-decoration: underline; } }
      @media only screen and (max-width: 959px) {
        .navbar .navbar-nav .nav-link {
          position: relative;
          line-height: 2.94; } }
      @media only screen and (min-width: 960px) {
        .navbar .navbar-nav .nav-link {
          font-size: 15px;
          color: #005aab; } }
    .navbar .navbar-nav ul.nav-list {
      margin: 0;
      padding: 0;
      list-style-type: none; }
      @media only screen and (min-width: 960px) {
        .navbar .navbar-nav ul.nav-list.has-children {
          display: grid;
          grid-template-rows: repeat(3, min-content);
          grid-auto-flow: column;
          padding: 30px 50px 20px 0; } }
      .navbar .navbar-nav ul.nav-list li {
        background: none;
        padding: 0;
        margin: 0;
        border-bottom: 1px solid #09B7CB; }
        @media only screen and (min-width: 960px) {
          .navbar .navbar-nav ul.nav-list li {
            margin-bottom: 7px;
            padding-right: 60px;
            border-bottom: none; } }
        .navbar .navbar-nav ul.nav-list li.active {
          position: relative; }
          @media only screen and (max-width: 959px) {
            .navbar .navbar-nav ul.nav-list li.active .nav-link:before {
              display: none; } }

@media only screen and (min-width: 960px) {
  .ie9 .navbar-nav,
  .ie9 .navbar .navbar-nav-dropdown .container {
    display: table-cell; }
  .ie9 .navbar .navbar-nav > li,
  .ie9 .navbar .navbar-nav-item,
  .ie9 .navbar .navbar-nav-section {
    display: table-cell;
    float: left; } }

.footer {
  margin-top: 100px; }
  @media (max-width: 992px) {
    .footer {
      text-align: center; } }
  .footer .pageblock {
    margin-top: -80px; }
  .footer h3 {
    color: #005aab; }
  .footer div.grid-cell:last-of-type {
    color: #999999; }
  .footer img.footer_logo {
    margin: 0 auto;
    display: block; }

/***
 *
 * 	Source:
 *	https://github.com/kudago/smart-app-banner
 *	Renamed from .css to .scss
 *
 */
.smartbanner-show {
  margin-top: 80px; }

@media screen and (max-width: 960px) {
  .smartbanner-show {
    padding-top: 80px; }
    .smartbanner-show #header-mobile {
      position: absolute;
      margin-top: -80px; }
    .smartbanner-show #header-mobile.fixed {
      position: fixed;
      margin-top: 0; }
  /**
	 *	Cookie message
	 *
	 */
  .smartbanner-show .cookie-message-showing {
    margin-top: -80px; } }

.smartbanner-show .smartbanner {
  display: block; }

/** Default **/
.smartbanner {
  position: absolute;
  left: 0;
  top: 0;
  display: none;
  width: 100%;
  height: 80px;
  line-height: 80px;
  font-family: 'Helvetica Neue', sans-serif;
  background: #f4f4f4;
  z-index: 9998;
  /* -webkit-font-smoothing: antialiased; */
  overflow: hidden;
  /* -webkit-text-size-adjust: none; */
  margin-top: -80px;
  /* -show heeft margin-top:80px; */ }

.smartbanner-container {
  margin: 0 auto;
  white-space: nowrap; }

.smartbanner-close {
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px 0 5px;
  /*font-family: 'ArialRoundedMTBold', Arial;*/
  font-size: 20px;
  text-align: center;
  color: #888;
  text-decoration: none;
  border: 0;
  border-radius: 14px;
  /*-webkit-font-smoothing: subpixel-antialiased; */ }

.smartbanner-close:active,
.smartbanner-close:hover {
  color: #aaa; }

.smartbanner-icon {
  display: inline-block;
  vertical-align: middle;
  width: 57px;
  height: 57px;
  margin-right: 12px;
  background-size: cover;
  border-radius: 10px; }

.smartbanner-info {
  display: inline-block;
  vertical-align: middle;
  width: 44%;
  font-size: 11px;
  line-height: 1.2em;
  font-weight: bold; }

.smartbanner-title {
  font-size: 13px;
  line-height: 18px; }

.smartbanner-button {
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  height: 24px;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  font-weight: bold;
  color: #6a6a6a;
  text-transform: uppercase;
  text-decoration: none;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); }

.smartbanner-button:active,
.smartbanner-button:hover {
  color: #aaa; }

/** iOS **/
.smartbanner-ios {
  background: #f4f4f4;
  background: linear-gradient(to bottom, #f4f4f4, #cdcdcd);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  line-height: 80px; }

.smartbanner-ios .smartbanner-close {
  border: 0;
  width: 18px;
  height: 18px;
  line-height: 18px;
  color: #888;
  text-shadow: 0 1px 0 white; }

.smartbanner-ios .smartbanner-close:active,
.smartbanner-ios .smartbanner-close:hover {
  color: #aaa; }

.smartbanner-ios .smartbanner-icon {
  background: rgba(0, 0, 0, 0.6);
  background-size: cover;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); }

.smartbanner-ios .smartbanner-info {
  color: #6a6a6a;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); }

.smartbanner-ios .smartbanner-title {
  color: #4d4d4d;
  font-weight: bold; }

.smartbanner-ios .smartbanner-button {
  padding: 0 10px;
  min-width: 10%;
  color: #6a6a6a;
  background: #efefef;
  background: linear-gradient(to bottom, #efefef, #dcdcdc);
  border-radius: 3px;
  box-shadow: inset 0 0 0 1px #bfbfbf, 0 1px 0 rgba(255, 255, 255, 0.6), 0 2px 0 rgba(255, 255, 255, 0.7) inset; }

.smartbanner-ios .smartbanner-button:active,
.smartbanner-ios .smartbanner-button:hover {
  background: #dcdcdc;
  background: linear-gradient(to bottom, #dcdcdc, #efefef); }

/** Android **/
.smartbanner-android {
  background: #3d3d3d url(data:image/gif;base64,R0lGODlhCAAIAIABAFVVVf///yH5BAEHAAEALAAAAAAIAAgAAAINRG4XudroGJBRsYcxKAA7);
  box-shadow: inset 0 4px 0 #88b131;
  line-height: 82px; }

.smartbanner-android .smartbanner-close {
  border: 0;
  width: 17px;
  height: 17px;
  line-height: 17px;
  margin-right: 7px;
  color: #b1b1b3;
  background: #1c1e21;
  text-shadow: 0 1px 1px #000;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.8) inset, 0 1px 1px rgba(255, 255, 255, 0.3); }

.smartbanner-android .smartbanner-close:active,
.smartbanner-android .smartbanner-close:hover {
  color: #eee; }

.smartbanner-android .smartbanner-icon {
  background-color: transparent;
  box-shadow: none; }

.smartbanner-android .smartbanner-info {
  color: #ccc;
  text-shadow: 0 1px 2px #000; }

.smartbanner-android .smartbanner-title {
  color: #fff;
  font-weight: bold; }

.smartbanner-android .smartbanner-button {
  min-width: 12%;
  color: #d1d1d1;
  padding: 0;
  background: none;
  border-radius: 0;
  box-shadow: 0 0 0 1px #333, 0 0 0 2px #dddcdc; }

.smartbanner-android .smartbanner-button:active,
.smartbanner-android .smartbanner-button:hover {
  background: none; }

.smartbanner-android .smartbanner-button-text {
  text-align: center;
  display: block;
  padding: 0 10px;
  background: #42b6c9;
  background: linear-gradient(to bottom, #42b6c9, #39a9bb);
  text-transform: none;
  text-shadow: none;
  box-shadow: none; }

.smartbanner-android .smartbanner-button-text:active,
.smartbanner-android .smartbanner-button-text:hover {
  background: #2ac7e1; }

/** Windows **/
.smartbanner-windows {
  background: #f4f4f4;
  background: linear-gradient(to bottom, #f4f4f4, #cdcdcd);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  line-height: 80px; }

.smartbanner-windows .smartbanner-close {
  border: 0;
  width: 18px;
  height: 18px;
  line-height: 18px;
  color: #888;
  text-shadow: 0 1px 0 white; }

.smartbanner-windows .smartbanner-close:active,
.smartbanner-windows .smartbanner-close:hover {
  color: #aaa; }

.smartbanner-windows .smartbanner-icon {
  background: rgba(0, 0, 0, 0.6);
  background-size: cover;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); }

.smartbanner-windows .smartbanner-info {
  color: #6a6a6a;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); }

.smartbanner-windows .smartbanner-title {
  color: #4d4d4d;
  font-weight: bold; }

.smartbanner-windows .smartbanner-button {
  padding: 0 10px;
  min-width: 10%;
  color: #6a6a6a;
  background: #efefef;
  background: linear-gradient(to bottom, #efefef, #dcdcdc);
  border-radius: 3px;
  box-shadow: inset 0 0 0 1px #bfbfbf, 0 1px 0 rgba(255, 255, 255, 0.6), 0 2px 0 rgba(255, 255, 255, 0.7) inset; }

.smartbanner-windows .smartbanner-button:active,
.smartbanner-windows .smartbanner-button:hover {
  background: #dcdcdc;
  background: linear-gradient(to bottom, #dcdcdc, #efefef); }

/** VL **/
.smartbanner-vl {
  /* background: #f4f4f4;
	background: linear-gradient(to bottom, #f4f4f4, #cdcdcd); */
  background-color: #f1f1f1;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  line-height: 80px;
  z-index: 20000;
  /* Hover over menu element */ }

.smartbanner-vl .smartbanner-close {
  border: 0;
  /* width: 18px; */
  width: auto;
  height: 18px;
  line-height: 18px;
  color: #888;
  text-shadow: 0 1px 0 white;
  /* position:absolute; */
  top: 30px;
  /*right:0px; */
  margin-right: 0px; }

.smartbanner-vl .smartbanner-close:active,
.smartbanner-vl .smartbanner-close:hover {
  color: #aaa; }

.smartbanner-vl .smartbanner-icon {
  /*background: rgba(0, 0, 0, 0.6);
	background-size: cover;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); */
  border: 1px solid #cccccc;
  width: 65px;
  height: 65px;
  margin-left: 7px;
  margin-right: 10px; }

.smartbanner-vl .smartbanner-info {
  color: #6a6a6a;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  width: auto;
  margin-right: 10px; }

.smartbanner-vl .smartbanner-info span {
  /* display:none; */ }

.smartbanner-vl .smartbanner-title,
.smartbanner-vl .smartbanner-info div.smartbanner-title {
  display: block;
  color: #4d4d4d;
  font-weight: 400;
  font-size: 12px; }

.smartbanner-vl .smartbanner-button {
  position: relative;
  right: 0;
  /* padding: 0 10px; */
  /*padding: 12px 24px; */
  padding: 10px 18px;
  min-width: 10%;
  color: #6a6a6a;
  background: #efefef;
  background: linear-gradient(to bottom, #0081c8, #006eb9);
  border-radius: 3px;
  box-shadow: initial;
  /*inset 0 0 0 1px #bfbfbf, 0 1px 0 rgba(255, 255, 255, 0.6), 0 2px 0 rgba(255, 255, 255, 0.7) inset;*/
  text-shadow: initial;
  color: #fbfbfb;
  /*font-family: $font-family-default;*/
  font-family: 'Helvetica Neue', sans-serif;
  font-weight: 400;
  font-size: 10px;
  height: auto; }

.smartbanner-vl .smartbanner-button:active,
.smartbanner-vl .smartbanner-button:hover {
  background: #dcdcdc;
  background: linear-gradient(to bottom, #0081c8, #006eb9); }

p.abtn {
  margin: 0 0 30px 0 !important; }

p a.btn, p .pcac a.pcac_simpleButton, .pcac p a.pcac_simpleButton,
p .pcac .pcac_backButtonContainer a, .pcac .pcac_backButtonContainer p a {
  white-space: normal; }

a.btn, .pcac a.pcac_simpleButton,
.pcac .pcac_backButtonContainer a {
  display: inline-block;
  margin: 0 0 0px 0;
  font-weight: 700;
  position: relative;
  white-space: normal; }
  a.btn.btn-link, .pcac a.pcac_simpleButton,
  .pcac .pcac_backButtonContainer a {
    padding: 0px 0 3px 20px;
    display: inline-block;
    color: #00a7e9;
    position: relative; }
    a.btn.btn-link:before, .pcac a.pcac_simpleButton:before,
    .pcac .pcac_backButtonContainer a:before {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      background: url(../images/icons-sprite.png) no-repeat left -967px;
      width: 20px;
      height: 20px; }
      @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
        a.btn.btn-link:before, .pcac a.pcac_simpleButton:before,
        .pcac .pcac_backButtonContainer a:before {
          background-image: url(../images/icons-sprite@2x.png);
          background-size: 150px 2000px; } }
    a.btn.btn-link:hover, .pcac a.pcac_simpleButton:hover,
    .pcac .pcac_backButtonContainer a:hover {
      text-decoration: none; }
    a.btn.btn-link.is-disabled, .pcac a.is-disabled.pcac_simpleButton,
    .pcac .pcac_backButtonContainer a.is-disabled {
      opacity: 0.5;
      cursor: default; }
  a.btn.btn-text, .pcac a.btn-text.pcac_simpleButton,
  .pcac .pcac_backButtonContainer a.btn-text {
    display: block;
    color: #fff;
    text-align: left;
    letter-spacing: 1px;
    font-size: 14px;
    line-height: 12px;
    text-decoration: none;
    padding: 0 !important;
    background-image: url("../images/icon_btn_arrow.png");
    background-repeat: no-repeat;
    background-position: right 8px; }
    a.btn.btn-text span, .pcac a.btn-text.pcac_simpleButton span, .pcac .pcac_backButtonContainer a.btn-text span {
      padding: 13px 40px 13px 0;
      display: block; }
  a.btn.btn-primary, .pcac a.btn-primary.pcac_simpleButton,
  .pcac .pcac_backButtonContainer a.btn-primary {
    background-color: #f68521;
    padding: 15px 50px 14px 20px;
    font-size: 24px;
    line-height: 24px !important;
    color: #fff !important;
    text-decoration: none;
    position: relative;
    font-weight: 700;
    border-radius: 15px;
    /*@include breakpoint(mobile) {*/ }
    @media (min-width: 768px) {
      a.btn.btn-primary, .pcac a.btn-primary.pcac_simpleButton,
      .pcac .pcac_backButtonContainer a.btn-primary {
        font-size: 22px;
        display: inline-block;
        padding: 14px 45px 14px 15px;
        clear: both; } }
    a.btn.btn-primary:after, .pcac a.btn-primary.pcac_simpleButton:after,
    .pcac .pcac_backButtonContainer a.btn-primary:after {
      background-image: url("../images/arrow-right-h25.png");
      background-repeat: no-repeat;
      background-position: left center;
      position: absolute;
      right: 20px;
      top: 17px;
      width: 14px;
      height: 22px;
      content: "";
      /*@include breakpoint(mobile) {*/ }
      @media (min-width: 768px) {
        a.btn.btn-primary:after, .pcac a.btn-primary.pcac_simpleButton:after,
        .pcac .pcac_backButtonContainer a.btn-primary:after {
          top: 15px; } }
    a.btn.btn-primary.btn-color-purple, .pcac a.btn-primary.btn-color-purple.pcac_simpleButton,
    .pcac .pcac_backButtonContainer a.btn-primary.btn-color-purple {
      background: #6A0E5A !important;
      background: -moz-linear-gradient(left, #6A0E5A 0%, #C0047B 100%) !important;
      background: -webkit-gradient(left top, right top, color-stop(0%, #6A0E5A), color-stop(100%, #C0047B)) !important;
      background: -webkit-linear-gradient(left, #6A0E5A 0%, #C0047B 100%) !important;
      background: -o-linear-gradient(left, #6A0E5A 0%, #C0047B 100%) !important;
      background: -ms-linear-gradient(left, #6A0E5A 0%, #C0047B 100%) !important;
      background: linear-gradient(to right, #6A0E5A 0%, #C0047B 100%) !important;
      -webkit-box-shadow: 0px 2px 0px 0px #460825;
      -moz-box-shadow: 0px 2px 0px 0px #460825;
      box-shadow: 0px 2px 0px 0px #460825; }
      a.btn.btn-primary.btn-color-purple:hover, .pcac a.btn-primary.btn-color-purple.pcac_simpleButton:hover,
      .pcac .pcac_backButtonContainer a.btn-primary.btn-color-purple:hover {
        background: #530b47 !important;
        background: -moz-linear-gradient(left, #530b47 0%, #a7036b 100%) !important;
        background: -webkit-gradient(left top, right top, color-stop(0%, #530b47), color-stop(100%, #a7036b)) !important;
        background: -webkit-linear-gradient(left, #530b47 0%, #a7036b 100%) !important;
        background: -o-linear-gradient(left, #530b47 0%, #a7036b 100%) !important;
        background: -ms-linear-gradient(left, #530b47 0%, #a7036b 100%) !important;
        background: linear-gradient(to right, #530b47 0%, #a7036b 100%) !important; }
      a.btn.btn-primary.btn-color-purple:active, .pcac a.btn-primary.btn-color-purple.pcac_simpleButton:active,
      .pcac .pcac_backButtonContainer a.btn-primary.btn-color-purple:active {
        -webkit-box-shadow: 0px 1px 0px 0px #460825;
        -moz-box-shadow: 0px 1px 0px 0px #460825;
        box-shadow: 0px 1px 0px 0px #460825;
        background: #260521 !important;
        background: -moz-linear-gradient(left, #260521 0%, #75024b 100%) !important;
        background: -webkit-gradient(left top, right top, color-stop(0%, #260521), color-stop(100%, #75024b)) !important;
        background: -webkit-linear-gradient(left, #260521 0%, #75024b 100%) !important;
        background: -o-linear-gradient(left, #260521 0%, #75024b 100%) !important;
        background: -ms-linear-gradient(left, #260521 0%, #75024b 100%) !important;
        background: linear-gradient(to right, #260521 0%, #75024b 100%) !important;
        top: 1px;
        position: relative; }
    a.btn.btn-primary.btn-color-blue, .pcac a.btn-primary.btn-color-blue.pcac_simpleButton,
    .pcac .pcac_backButtonContainer a.btn-primary.btn-color-blue {
      background: #004F9F !important;
      background: -moz-linear-gradient(left, #004F9F 0%, #4880C5 100%) !important;
      background: -webkit-gradient(left top, right top, color-stop(0%, #004F9F), color-stop(100%, #4880C5)) !important;
      background: -webkit-linear-gradient(left, #004F9F 0%, #4880C5 100%) !important;
      background: -o-linear-gradient(left, #004F9F 0%, #4880C5 100%) !important;
      background: -ms-linear-gradient(left, #004F9F 0%, #4880C5 100%) !important;
      background: linear-gradient(to right, #004F9F 0%, #4880C5 100%) !important;
      -webkit-box-shadow: 0px 2px 0px 0px #093655;
      -moz-box-shadow: 0px 2px 0px 0px #093655;
      box-shadow: 0px 2px 0px 0px #093655; }
      a.btn.btn-primary.btn-color-blue:hover, .pcac a.btn-primary.btn-color-blue.pcac_simpleButton:hover,
      .pcac .pcac_backButtonContainer a.btn-primary.btn-color-blue:hover {
        background: #004286 !important;
        background: -moz-linear-gradient(left, #004286 0%, #3b73b9 100%) !important;
        background: -webkit-gradient(left top, right top, color-stop(0%, #004286), color-stop(100%, #3b73b9)) !important;
        background: -webkit-linear-gradient(left, #004286 0%, #3b73b9 100%) !important;
        background: -o-linear-gradient(left, #004286 0%, #3b73b9 100%) !important;
        background: -ms-linear-gradient(left, #004286 0%, #3b73b9 100%) !important;
        background: linear-gradient(to right, #004286 0%, #3b73b9 100%) !important; }
      a.btn.btn-primary.btn-color-blue:active, .pcac a.btn-primary.btn-color-blue.pcac_simpleButton:active,
      .pcac .pcac_backButtonContainer a.btn-primary.btn-color-blue:active {
        -webkit-box-shadow: 0px 1px 0px 0px #093655;
        -moz-box-shadow: 0px 1px 0px 0px #093655;
        box-shadow: 0px 1px 0px 0px #093655;
        background: #002953 !important;
        background: -moz-linear-gradient(left, #002953 0%, #2e5b92 100%) !important;
        background: -webkit-gradient(left top, right top, color-stop(0%, #002953), color-stop(100%, #2e5b92)) !important;
        background: -webkit-linear-gradient(left, #002953 0%, #2e5b92 100%) !important;
        background: -o-linear-gradient(left, #002953 0%, #2e5b92 100%) !important;
        background: -ms-linear-gradient(left, #002953 0%, #2e5b92 100%) !important;
        background: linear-gradient(to right, #002953 0%, #2e5b92 100%) !important;
        top: 1px;
        position: relative; }
    a.btn.btn-primary.btn-color-green, .pcac a.btn-primary.btn-color-green.pcac_simpleButton,
    .pcac .pcac_backButtonContainer a.btn-primary.btn-color-green {
      background: #009640 !important;
      background: -moz-linear-gradient(left, #009640 0%, #8DC63F 100%) !important;
      background: -webkit-gradient(left top, right top, color-stop(0%, #009640), color-stop(100%, #8DC63F)) !important;
      background: -webkit-linear-gradient(left, #009640 0%, #8DC63F 100%) !important;
      background: -o-linear-gradient(left, #009640 0%, #8DC63F 100%) !important;
      background: -ms-linear-gradient(left, #009640 0%, #8DC63F 100%) !important;
      background: linear-gradient(to right, #009640 0%, #8DC63F 100%) !important;
      -webkit-box-shadow: 0px 2px 0px 0px #0b6133;
      -moz-box-shadow: 0px 2px 0px 0px #0b6133;
      box-shadow: 0px 2px 0px 0px #0b6133; }
      a.btn.btn-primary.btn-color-green:hover, .pcac a.btn-primary.btn-color-green.pcac_simpleButton:hover,
      .pcac .pcac_backButtonContainer a.btn-primary.btn-color-green:hover {
        background: #007d35 !important;
        background: -moz-linear-gradient(left, #007d35 0%, #80b636 100%) !important;
        background: -webkit-gradient(left top, right top, color-stop(0%, #007d35), color-stop(100%, #80b636)) !important;
        background: -webkit-linear-gradient(left, #007d35 0%, #80b636 100%) !important;
        background: -o-linear-gradient(left, #007d35 0%, #80b636 100%) !important;
        background: -ms-linear-gradient(left, #007d35 0%, #80b636 100%) !important;
        background: linear-gradient(to right, #007d35 0%, #80b636 100%) !important; }
      a.btn.btn-primary.btn-color-green:active, .pcac a.btn-primary.btn-color-green.pcac_simpleButton:active,
      .pcac .pcac_backButtonContainer a.btn-primary.btn-color-green:active {
        -webkit-box-shadow: 0px 1px 0px 0px #0b6133;
        -moz-box-shadow: 0px 1px 0px 0px #0b6133;
        box-shadow: 0px 1px 0px 0px #0b6133;
        background: #004a1f !important;
        background: -moz-linear-gradient(left, #004a1f 0%, #648e2a 100%) !important;
        background: -webkit-gradient(left top, right top, color-stop(0%, #004a1f), color-stop(100%, #648e2a)) !important;
        background: -webkit-linear-gradient(left, #004a1f 0%, #648e2a 100%) !important;
        background: -o-linear-gradient(left, #004a1f 0%, #648e2a 100%) !important;
        background: -ms-linear-gradient(left, #004a1f 0%, #648e2a 100%) !important;
        background: linear-gradient(to right, #004a1f 0%, #648e2a 100%) !important;
        top: 1px;
        position: relative; }
    a.btn.btn-primary.btn-color-orange, .pcac a.btn-primary.btn-color-orange.pcac_simpleButton,
    .pcac .pcac_backButtonContainer a.btn-primary.btn-color-orange {
      background: #EF7D00 !important;
      background: -moz-linear-gradient(left, #EF7D00 0%, #FFDD00 100%) !important;
      background: -webkit-gradient(left top, right top, color-stop(0%, #EF7D00), color-stop(100%, #FFDD00)) !important;
      background: -webkit-linear-gradient(left, #EF7D00 0%, #FFDD00 100%) !important;
      background: -o-linear-gradient(left, #EF7D00 0%, #FFDD00 100%) !important;
      background: -ms-linear-gradient(left, #EF7D00 0%, #FFDD00 100%) !important;
      background: linear-gradient(to right, #EF7D00 0%, #FFDD00 100%) !important;
      -webkit-box-shadow: 0px 2px 0px 0px #a95811;
      -moz-box-shadow: 0px 2px 0px 0px #a95811;
      box-shadow: 0px 2px 0px 0px #a95811; }
      a.btn.btn-primary.btn-color-orange:hover, .pcac a.btn-primary.btn-color-orange.pcac_simpleButton:hover,
      .pcac .pcac_backButtonContainer a.btn-primary.btn-color-orange:hover {
        background: #d67000 !important;
        background: -moz-linear-gradient(left, #d67000 0%, #e6c700 100%) !important;
        background: -webkit-gradient(left top, right top, color-stop(0%, #d67000), color-stop(100%, #e6c700)) !important;
        background: -webkit-linear-gradient(left, #d67000 0%, #e6c700 100%) !important;
        background: -o-linear-gradient(left, #d67000 0%, #e6c700 100%) !important;
        background: -ms-linear-gradient(left, #d67000 0%, #e6c700 100%) !important;
        background: linear-gradient(to right, #d67000 0%, #e6c700 100%) !important; }
      a.btn.btn-primary.btn-color-orange:active, .pcac a.btn-primary.btn-color-orange.pcac_simpleButton:active,
      .pcac .pcac_backButtonContainer a.btn-primary.btn-color-orange:active {
        -webkit-box-shadow: 0px 1px 0px 0px #a95811;
        -moz-box-shadow: 0px 1px 0px 0px #a95811;
        box-shadow: 0px 1px 0px 0px #a95811;
        background: #a35500 !important;
        background: -moz-linear-gradient(left, #a35500 0%, #b39b00 100%) !important;
        background: -webkit-gradient(left top, right top, color-stop(0%, #a35500), color-stop(100%, #b39b00)) !important;
        background: -webkit-linear-gradient(left, #a35500 0%, #b39b00 100%) !important;
        background: -o-linear-gradient(left, #a35500 0%, #b39b00 100%) !important;
        background: -ms-linear-gradient(left, #a35500 0%, #b39b00 100%) !important;
        background: linear-gradient(to right, #a35500 0%, #b39b00 100%) !important;
        top: 1px;
        position: relative; }
    a.btn.btn-primary.btn-color-red, .pcac a.btn-primary.btn-color-red.pcac_simpleButton,
    .pcac .pcac_backButtonContainer a.btn-primary.btn-color-red {
      background: #E72173 !important;
      background: -moz-linear-gradient(left, #E72173 0%, #DC0831 100%) !important;
      background: -webkit-gradient(left top, right top, color-stop(0%, #E72173), color-stop(100%, #DC0831)) !important;
      background: -webkit-linear-gradient(left, #E72173 0%, #DC0831 100%) !important;
      background: -o-linear-gradient(left, #E72173 0%, #DC0831 100%) !important;
      background: -ms-linear-gradient(left, #E72173 0%, #DC0831 100%) !important;
      background: linear-gradient(to right, #E72173 0%, #DC0831 100%) !important;
      -webkit-box-shadow: 0px 2px 0px 0px #91000a;
      -moz-box-shadow: 0px 2px 0px 0px #91000a;
      box-shadow: 0px 2px 0px 0px #91000a; }
      a.btn.btn-primary.btn-color-red:hover, .pcac a.btn-primary.btn-color-red.pcac_simpleButton:hover,
      .pcac .pcac_backButtonContainer a.btn-primary.btn-color-red:hover {
        background: #d71767 !important;
        background: -moz-linear-gradient(left, #d71767 0%, #c3072c 100%) !important;
        background: -webkit-gradient(left top, right top, color-stop(0%, #d71767), color-stop(100%, #c3072c)) !important;
        background: -webkit-linear-gradient(left, #d71767 0%, #c3072c 100%) !important;
        background: -o-linear-gradient(left, #d71767 0%, #c3072c 100%) !important;
        background: -ms-linear-gradient(left, #d71767 0%, #c3072c 100%) !important;
        background: linear-gradient(to right, #d71767 0%, #c3072c 100%) !important; }
      a.btn.btn-primary.btn-color-red:active, .pcac a.btn-primary.btn-color-red.pcac_simpleButton:active,
      .pcac .pcac_backButtonContainer a.btn-primary.btn-color-red:active {
        -webkit-box-shadow: 0px 1px 0px 0px #91000a;
        -moz-box-shadow: 0px 1px 0px 0px #91000a;
        box-shadow: 0px 1px 0px 0px #91000a;
        background: #a91251 !important;
        background: -moz-linear-gradient(left, #a91251 0%, #920521 100%) !important;
        background: -webkit-gradient(left top, right top, color-stop(0%, #a91251), color-stop(100%, #920521)) !important;
        background: -webkit-linear-gradient(left, #a91251 0%, #920521 100%) !important;
        background: -o-linear-gradient(left, #a91251 0%, #920521 100%) !important;
        background: -ms-linear-gradient(left, #a91251 0%, #920521 100%) !important;
        background: linear-gradient(to right, #a91251 0%, #920521 100%) !important;
        top: 1px;
        position: relative; }
    a.btn.btn-primary.btn-align-left, .pcac a.btn-primary.btn-align-left.pcac_simpleButton,
    .pcac .pcac_backButtonContainer a.btn-primary.btn-align-left {
      text-align: left; }
    a.btn.btn-primary.btn-width-full, .pcac a.btn-primary.btn-width-full.pcac_simpleButton,
    .pcac .pcac_backButtonContainer a.btn-primary.btn-width-full {
      width: 100%; }
  a.btn.btn-social, .pcac a.btn-social.pcac_simpleButton,
  .pcac .pcac_backButtonContainer a.btn-social {
    height: 55px;
    padding: 0 30px 0 20px;
    font-size: 18px;
    color: #ffffff;
    border-radius: 10px;
    transition: 0.3s all;
    text-decoration: none;
    margin-bottom: 10px; }
    a.btn.btn-social span, .pcac a.btn-social.pcac_simpleButton span, .pcac .pcac_backButtonContainer a.btn-social span {
      color: #ffffff;
      text-decoration: none;
      height: 55px;
      line-height: 55px;
      display: block;
      background-repeat: no-repeat;
      background-position: center left; }
    a.btn.btn-social.btn-social-facebook, .pcac a.btn-social.btn-social-facebook.pcac_simpleButton,
    .pcac .pcac_backButtonContainer a.btn-social.btn-social-facebook {
      background: #2f4884 !important;
      background: -moz-linear-gradient(top, #476bad 0%, #2f4884 100%) !important;
      background: -webkit-gradient(left top, left bottom, color-stop(0%, #476bad), color-stop(100%, #2f4884)) !important;
      background: -webkit-linear-gradient(top, #476bad 0%, #2f4884 100%) !important;
      background: -o-linear-gradient(top, #476bad 0%, #2f4884 100%) !important;
      background: -ms-linear-gradient(top, #476bad 0%, #2f4884 100%) !important;
      background: linear-gradient(to bottom, #476bad 0%, #2f4884 100%) !important;
      background-size: 100% 100%;
      border-bottom: 2px #0a3864 solid;
      line-height: 55px;
      text-indent: 35px;
      color: #fff; }
      a.btn.btn-social.btn-social-facebook:before, .pcac a.btn-social.btn-social-facebook.pcac_simpleButton:before,
      .pcac .pcac_backButtonContainer a.btn-social.btn-social-facebook:before {
        background-image: url("../images/icon-social-facebook.png");
        background-position: bottom left;
        background-repeat: no-repeat;
        height: 36px;
        position: absolute;
        content: "";
        width: 19px;
        left: 20px;
        top: 10px; }
      a.btn.btn-social.btn-social-facebook:hover, .pcac a.btn-social.btn-social-facebook.pcac_simpleButton:hover,
      .pcac .pcac_backButtonContainer a.btn-social.btn-social-facebook:hover {
        border-bottom-color: #2f4884;
        color: #fff; }
    a.btn.btn-social.btn-social-twitter, .pcac a.btn-social.btn-social-twitter.pcac_simpleButton,
    .pcac .pcac_backButtonContainer a.btn-social.btn-social-twitter {
      background: #299bd6 !important;
      background: -moz-linear-gradient(top, #3dbce4 0%, #299bd6 100%) !important;
      background: -webkit-gradient(left top, left bottom, color-stop(0%, #3dbce4), color-stop(100%, #299bd6)) !important;
      background: -webkit-linear-gradient(top, #3dbce4 0%, #299bd6 100%) !important;
      background: -o-linear-gradient(top, #3dbce4 0%, #299bd6 100%) !important;
      background: -ms-linear-gradient(top, #3dbce4 0%, #299bd6 100%) !important;
      background: linear-gradient(to bottom, #3dbce4 0%, #299bd6 100%) !important;
      background-size: 100% 100%;
      border-bottom: 2px #246f93 solid;
      line-height: 55px;
      text-indent: 45px;
      color: #fff; }
      a.btn.btn-social.btn-social-twitter:before, .pcac a.btn-social.btn-social-twitter.pcac_simpleButton:before,
      .pcac .pcac_backButtonContainer a.btn-social.btn-social-twitter:before {
        background-image: url("../images/icon-social-twitter.png");
        background-position: bottom left;
        background-repeat: no-repeat;
        height: 24px;
        position: absolute;
        content: "";
        width: 30px;
        left: 20px;
        top: 16px; }
      a.btn.btn-social.btn-social-twitter:hover, .pcac a.btn-social.btn-social-twitter.pcac_simpleButton:hover,
      .pcac .pcac_backButtonContainer a.btn-social.btn-social-twitter:hover {
        border-bottom-color: #299bd6;
        color: #ffffff; }

.btn-edit {
  display: inline-block;
  position: relative;
  color: #00a7e9 !important;
  margin-left: 30px; }
  .btn-edit span {
    position: absolute;
    left: -30px;
    top: -3px;
    width: 22px;
    height: 22px;
    background-position: -29px -910px; }

.btn-plus {
  display: inline-block;
  position: relative;
  color: #00a7e9 !important;
  margin-left: 30px; }
  .btn-plus span {
    position: absolute;
    left: -30px;
    top: 0px;
    width: 22px;
    height: 22px;
    background-position: -29px -932px; }

.btn-showmore {
  display: inline-block !important;
  text-align: center;
  background-repeat: no-repeat;
  background-position: right;
  padding-right: 30px;
  background-size: 20%;
  cursor: pointer;
  text-decoration: none; }
  .color-green .btn-showmore {
    background-image: url("../images/icon_arrow_down_green.png"); }
  .color-blue .btn-showmore {
    background-image: url("../images/icon_arrow_down_blue.png"); }
  .color-orange .btn-showmore {
    background-image: url("../images/icon_arrow_down_orange.png"); }
  .color-red .btn-showmore {
    background-image: url("../images/icon_arrow_down_red.png"); }

.button {
  box-sizing: border-box;
  position: relative;
  display: inline-flex;
  font-family: "OfficinaSans", "Arial", sans-serif;
  font-weight: 700;
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 20px;
  line-height: 50px;
  text-decoration: none;
  vertical-align: middle;
  border-radius: 6px;
  max-width: 100%;
  cursor: pointer;
  margin-top: 0.5em; }
  .button:before {
    content: '';
    background: none !important; }
  .button:after {
    font-family: icomoon;
    content: "";
    right: 1em;
    position: absolute;
    font-size: 16px; }
  .button.wide {
    width: 360px;
    max-width: 100%; }

.button:hover,
.button:active,
.button:visited,
.button:focus {
  -webkit-transition: all 0.15s ease-in;
  -moz-transition: all 0.15s ease-in;
  -ms-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in;
  text-decoration: none;
  -moz-appearance: none;
  -webkit-appearance: none; }

a.btn.btn-link.secondary:hover, .pcac a.secondary.pcac_simpleButton:hover,
.pcac .pcac_backButtonContainer a.secondary:hover {
  color: #fff !important; }

.button-white a.btn.btn-link.secondary:hover, .button-white .pcac a.secondary.pcac_simpleButton:hover, .pcac .button-white a.secondary.pcac_simpleButton:hover,
.button-white .pcac .pcac_backButtonContainer a.secondary:hover, .pcac .pcac_backButtonContainer .button-white a.secondary:hover, button-yellow a.btn.btn-link.secondary:hover, button-yellow .pcac a.secondary.pcac_simpleButton:hover, .pcac button-yellow a.secondary.pcac_simpleButton:hover,
button-yellow .pcac .pcac_backButtonContainer a.secondary:hover, .pcac .pcac_backButtonContainer button-yellow a.secondary:hover {
  color: #000000 !important; }

a.secondary {
  background: transparent;
  border-style: solid;
  border-width: 2px;
  border-color: #00a7e9;
  text-align: center;
  width: 280px;
  padding: 0 !important;
  font-weight: 300;
  color: #00a7e9 !important; }
  a.secondary:hover {
    background-color: #00a7e9;
    color: #fff !important; }

/*

.block-toggle >.pageblock {
    a.secondary {
        @media (min-width: $screen-tablet) {
            margin-left: 20px;
        }
    }
}
*/
.button-white .secondary,
.secondary.white {
  color: #fff !important;
  border-color: #fff;
  /* geen hover/active/focus */
  /* */ }
  .button-white .secondary:visited,
  .secondary.white:visited {
    color: #fff !important; }
  .button-white .secondary:hover, .button-white .secondary:active, .button-white .secondary:focus,
  .secondary.white:hover,
  .secondary.white:active,
  .secondary.white:focus {
    background-color: #fff;
    border-color: #fff;
    color: #000000 !important; }

.button-black .secondary,
.secondary.black {
  color: #000000 !important;
  border-color: #000000;
  /* geen hover/active/focus */
  /* */ }
  .button-black .secondary:visited,
  .secondary.black:visited {
    color: #000000 !important; }
  .button-black .secondary:hover, .button-black .secondary:active, .button-black .secondary:focus,
  .secondary.black:hover,
  .secondary.black:active,
  .secondary.black:focus {
    background-color: #000000;
    border-color: #000000;
    color: #fff !important; }

.button-orange .secondary,
.secondary.orange {
  color: #ff780a !important;
  border-color: #ff780a;
  /* geen hover/active/focus */
  /* */ }
  .button-orange .secondary:visited,
  .secondary.orange:visited {
    color: #ff780a !important; }
  .button-orange .secondary:hover, .button-orange .secondary:active, .button-orange .secondary:focus,
  .secondary.orange:hover,
  .secondary.orange:active,
  .secondary.orange:focus {
    background-color: #ff780a;
    border-color: #ff780a;
    color: #fff !important; }

.button-blue .secondary,
.secondary.blue {
  color: #0000FF !important;
  border-color: #0000FF;
  /* geen hover/active/focus */
  /* */ }
  .button-blue .secondary:visited,
  .secondary.blue:visited {
    color: #0000FF !important; }
  .button-blue .secondary:hover, .button-blue .secondary:active, .button-blue .secondary:focus,
  .secondary.blue:hover,
  .secondary.blue:active,
  .secondary.blue:focus {
    background-color: #0000FF;
    border-color: #0000FF;
    color: #fff !important; }

.button-green .secondary,
.secondary.green {
  color: #009b00 !important;
  border-color: #009b00;
  /* geen hover/active/focus */
  /* */ }
  .button-green .secondary:visited,
  .secondary.green:visited {
    color: #009b00 !important; }
  .button-green .secondary:hover, .button-green .secondary:active, .button-green .secondary:focus,
  .secondary.green:hover,
  .secondary.green:active,
  .secondary.green:focus {
    background-color: #009b00;
    border-color: #009b00;
    color: #fff !important; }

.button-red .secondary,
.secondary.red {
  color: #e30027 !important;
  border-color: #e30027;
  /* geen hover/active/focus */
  /* */ }
  .button-red .secondary:visited,
  .secondary.red:visited {
    color: #e30027 !important; }
  .button-red .secondary:hover, .button-red .secondary:active, .button-red .secondary:focus,
  .secondary.red:hover,
  .secondary.red:active,
  .secondary.red:focus {
    background-color: #e30027;
    border-color: #e30027;
    color: #fff !important; }

.button-sand .secondary,
.secondary.sand {
  color: #000000 !important;
  border-color: #d5d5d5;
  /* geen hover/active/focus */
  /* */ }
  .button-sand .secondary:visited,
  .secondary.sand:visited {
    color: #000000 !important; }
  .button-sand .secondary:hover, .button-sand .secondary:active, .button-sand .secondary:focus,
  .secondary.sand:hover,
  .secondary.sand:active,
  .secondary.sand:focus {
    background-color: #000000;
    border-color: #000000;
    color: #fff !important; }

.button-yellow .secondary,
.secondary.yellow {
  color: #FFDD00 !important;
  border-color: #FFDD00;
  /* geen hover/active/focus */
  /* */ }
  .button-yellow .secondary:visited,
  .secondary.yellow:visited {
    color: #FFDD00 !important; }
  .button-yellow .secondary:hover, .button-yellow .secondary:active, .button-yellow .secondary:focus,
  .secondary.yellow:hover,
  .secondary.yellow:active,
  .secondary.yellow:focus {
    background-color: #FFDD00;
    border-color: #FFDD00;
    color: #000000 !important; }

.file {
  background: #c2c2c2;
  width: 100%;
  text-align: center;
  padding: 20px 30px;
  margin-bottom: 30px; }
  .file .file-thumb {
    width: 100%;
    position: relative;
    -webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2); }
    @media only screen and (max-width: 959px) {
      .file .file-thumb {
        width: 100%;
        height: 100%; } }
    .file .file-thumb img {
      width: 100%;
      height: auto; }
      @media only screen and (max-width: 959px) {
        .file .file-thumb img {
          width: 100%; } }
  .file .file-title {
    position: absolute;
    width: 100%;
    background: rgba(0, 0, 0, 0.7);
    bottom: 0;
    padding: 0 20px 0 20px;
    display: inline-block;
    text-align: right;
    color: #fff !important; }
    @media only screen and (max-width: 959px) {
      .file .file-title {
        height: 60px;
        text-align: left;
        padding-top: 10px; } }
    .ie8 .file .file-title {
      background: #424242; }
    .file .file-title span {
      color: #fff;
      font-size: 20px;
      margin: 0;
      height: 60px;
      line-height: 60px;
      text-align: right;
      padding-right: 70px; }
      @media only screen and (max-width: 959px) {
        .file .file-title span {
          font-size: 18px;
          text-align: left;
          height: inherit;
          line-height: 20px; } }
    .file .file-title:hover {
      background: rgba(0, 0, 0, 0.9); }
  .file .file-type {
    float: right;
    position: absolute;
    right: 15px;
    top: -20px;
    text-indent: -1333337px; }
    .file .file-type.file-type-pdf {
      background-image: url("../images/filetype_pdf.png");
      width: 54px;
      height: 67px; }

.prijzenpot-toggle {
  float: left;
  width: 100%;
  margin: 0 0 50px 0;
  /*@include breakpoint(mobile) {*/ }
  @media (min-width: 768px) {
    .prijzenpot-toggle {
      margin: 0 -20px 20px 0px;
      width: 100%; } }
  .prijzenpot-toggle a {
    border: 1px solid #cecece;
    float: left;
    position: relative;
    background: white;
    padding: 26px 0px 26px 0px;
    width: 50%;
    text-align: center;
    font-size: 30px;
    color: #db2f5e;
    line-height: 26px;
    text-decoration: none;
    font-weight: 900;
    -webkit-box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.2);
    -webkit-border-top-right-radius: 10px;
    -moz-border-top-right-radius: 10px;
    -ms-border-top-right-radius: 10px;
    -o-border-top-right-radius: 10px;
    border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-bottom-right-radius: 10px;
    -ms-border-bottom-right-radius: 10px;
    -o-border-bottom-right-radius: 10px;
    border-bottom-right-radius: 10px;
    /*@include breakpoint(mobile) {*/ }
    .prijzenpot-toggle a:after, .prijzenpot-toggle a:before {
      bottom: -35px;
      left: 53%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      background: none;
      pointer-events: none;
      display: none; }
    .prijzenpot-toggle a:after {
      border-color: rgba(136, 183, 213, 0);
      border-top-color: #e6f7ff;
      border-width: 18px;
      margin-left: -32px; }
    .prijzenpot-toggle a:before {
      border-color: rgba(194, 225, 245, 0);
      border-top-color: #208ccc;
      border-width: 20px;
      margin-left: -34px;
      bottom: -41px; }
    .prijzenpot-toggle a strong {
      font-weight: normal;
      margin-top: 3px; }
    .prijzenpot-toggle a:hover {
      background-color: #fafdff;
      color: #db2f5e; }
    .prijzenpot-toggle a:first-child {
      -webkit-border-top-right-radius: 0;
      -moz-border-top-right-radius: 0;
      -ms-border-top-right-radius: 0;
      -o-border-top-right-radius: 0;
      border-top-right-radius: 0;
      -webkit-border-bottom-right-radius: 0;
      -moz-border-bottom-right-radius: 0;
      -ms-border-bottom-right-radius: 0;
      -o-border-bottom-right-radius: 0;
      border-bottom-right-radius: 0;
      -webkit-border-bottom-left-radius: 10px;
      -moz-border-bottom-left-radius: 10px;
      -ms-border-bottom-left-radius: 10px;
      -o-border-bottom-left-radius: 10px;
      border-bottom-left-radius: 10px;
      -webkit-border-top-left-radius: 10px;
      -moz-border-top-left-radius: 10px;
      -ms-border-top-left-radius: 10px;
      -o-border-top-left-radius: 10px;
      border-top-left-radius: 10px;
      border-width: 1px 0 1px 1px; }
    .prijzenpot-toggle a.active {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
      .prijzenpot-toggle a.active:after, .prijzenpot-toggle a.active:before {
        display: block; }
    .prijzenpot-toggle a.icon-cal-month {
      color: #208ccc; }
    .prijzenpot-toggle a.icon-cal-year {
      color: #da2d56; }
      .prijzenpot-toggle a.icon-cal-year:after {
        border-top-color: #feebeb; }
      .prijzenpot-toggle a.icon-cal-year:before {
        border-top-color: #da2d56; }
    .prijzenpot-toggle a.icon-cal-month.active {
      background: #e6f7ff !important;
      background: -moz-linear-gradient(top, #fbfeff 0%, #e6f7ff 100%) !important;
      background: -webkit-gradient(left top, left bottom, color-stop(0%, #fbfeff), color-stop(100%, #e6f7ff)) !important;
      background: -webkit-linear-gradient(top, #fbfeff 0%, #e6f7ff 100%) !important;
      background: -o-linear-gradient(top, #fbfeff 0%, #e6f7ff 100%) !important;
      background: -ms-linear-gradient(top, #fbfeff 0%, #e6f7ff 100%) !important;
      background: linear-gradient(to bottom, #fbfeff 0%, #e6f7ff 100%) !important;
      background-size: 100% 100%;
      border-bottom: 3px solid #208ccc; }
    .prijzenpot-toggle a.icon-cal-year.active {
      background: #feebeb !important;
      background: -moz-linear-gradient(top, #fffdfd 0%, #feebeb 100%) !important;
      background: -webkit-gradient(left top, left bottom, color-stop(0%, #fffdfd), color-stop(100%, #feebeb)) !important;
      background: -webkit-linear-gradient(top, #fffdfd 0%, #feebeb 100%) !important;
      background: -o-linear-gradient(top, #fffdfd 0%, #feebeb 100%) !important;
      background: -ms-linear-gradient(top, #fffdfd 0%, #feebeb 100%) !important;
      background: linear-gradient(to bottom, #fffdfd 0%, #feebeb 100%) !important;
      background-size: 100% 100%;
      border-bottom: 3px solid #da2d56; }
    @media (min-width: 768px) {
      .prijzenpot-toggle a {
        font-size: 12px;
        padding: 15px 10px 15px 10px;
        line-height: 18px;
        border-right: 0;
        border-left: 0;
        margin: 0 0 20px 0; }
        .prijzenpot-toggle a.icon:after {
          display: none; }
        .prijzenpot-toggle a:after {
          border-color: rgba(136, 183, 213, 0);
          border-top-color: #e6f7ff;
          border-width: 13px;
          margin-left: -22px;
          bottom: -25px; }
        .prijzenpot-toggle a:before {
          border-color: rgba(194, 225, 245, 0);
          border-top-color: #208ccc;
          border-width: 15px;
          margin-left: -24px;
          bottom: -31px; } }

.keuzedoel-toggle {
  float: left;
  width: 100%;
  margin: -10px 0 50px 0; }
  .keuzedoel-toggle a {
    border-bottom: 1px solid #d9d9d9;
    float: left;
    position: relative;
    background: white;
    padding: 26px 20px 26px 20px;
    width: 50%;
    text-align: center;
    font-size: 18px;
    color: #424242;
    line-height: 26px;
    text-decoration: none;
    /*@include breakpoint(mobile) {*/ }
    .keuzedoel-toggle a:after, .keuzedoel-toggle a:before {
      bottom: -35px;
      left: 53%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      display: none; }
    .keuzedoel-toggle a:after {
      border-color: rgba(136, 183, 213, 0);
      border-top-color: #e6f7ff;
      border-width: 18px;
      margin-left: -32px; }
    .keuzedoel-toggle a:before {
      border-color: rgba(194, 225, 245, 0);
      border-top-color: #208ccc;
      border-width: 20px;
      margin-left: -34px;
      bottom: -40px; }
    .keuzedoel-toggle a strong {
      font-weight: normal;
      margin-top: 3px; }
    .keuzedoel-toggle a:hover, .keuzedoel-toggle a:visited {
      background-color: #fafdff;
      color: #424242 !important; }
    .keuzedoel-toggle a:first-child {
      border-width: 1px 0 1px 1px; }
    .keuzedoel-toggle a.active {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      background: #e6f7ff !important;
      background: -moz-linear-gradient(top, #fbfeff 0%, #e6f7ff 100%) !important;
      background: -webkit-gradient(left top, left bottom, color-stop(0%, #fbfeff), color-stop(100%, #e6f7ff)) !important;
      background: -webkit-linear-gradient(top, #fbfeff 0%, #e6f7ff 100%) !important;
      background: -o-linear-gradient(top, #fbfeff 0%, #e6f7ff 100%) !important;
      background: -ms-linear-gradient(top, #fbfeff 0%, #e6f7ff 100%) !important;
      background: linear-gradient(to bottom, #fbfeff 0%, #e6f7ff 100%) !important;
      background-size: 100% 100%;
      border-bottom: 2px solid #208ccc; }
      .keuzedoel-toggle a.active:after, .keuzedoel-toggle a.active:before {
        display: block; }
    @media (min-width: 768px) {
      .keuzedoel-toggle a {
        padding: 25px 10px;
        font-size: 16px;
        min-height: 105px; } }

.toggle-containers {
  float: left;
  width: 100%;
  margin: 0 0 0px 0; }
  .toggle-containers > div {
    display: none; }
    .toggle-containers > div:first-child {
      display: block; }

.toggle-readmore-container.minheight {
  height: 175px;
  overflow: hidden;
  position: relative; }
  .toggle-readmore-container.minheight div.toggle-readmore {
    position: absolute;
    left: 170px;
    right: 0;
    bottom: 0px;
    padding-top: 35px;
    padding-left: 0;
    background: url(../images/toggle-readmore-fade.png) repeat-x left bottom; }
    .toggle-readmore-container.minheight div.toggle-readmore a {
      display: inline-block;
      padding: 5px 20px 3px 0;
      color: #00a7e9 !important;
      background: url(../images/arrow-right-blue-h16.png) no-repeat right center;
      background-size: 12px 8px; }
    .toggle-readmore-container.minheight div.toggle-readmore.is-active {
      background: none;
      bottom: 10px; }
      .toggle-readmore-container.minheight div.toggle-readmore.is-active a {
        background: url(../images/arrow-righttop-blue-h16.jpg) no-repeat right center; }

.toggle-readmore-content {
  overflow: hidden;
  position: relative;
  margin-bottom: 50px; }
  .toggle-readmore-content div.toggle-readmore {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding-top: 35px;
    background: url(../images/toggle-readmore-fade.png) repeat-x left bottom;
    text-align: center; }
    .toggle-readmore-content div.toggle-readmore a {
      display: inline-block;
      padding: 5px 20px 3px 0;
      color: #00a7e9 !important;
      background: url(../images/arrow-right-blue-h16.png) no-repeat right center;
      background-size: 12px 8px; }
      .toggle-readmore-content div.toggle-readmore a:hover {
        text-decoration: none; }

.cta {
  position: relative;
  float: left;
  width: 100%; }
  .cta h2 {
    /*@include breakpoint(mobile) {*/ }
    @media (min-width: 768px) {
      .cta h2 {
        margin-top: 0;
        text-align: center;
        font-size: 24px;
        line-height: 24px; } }
  .cta p {
    margin-top: 10px;
    margin-bottom: 20px;
    font-weight: 400;
    line-height: 32px; }
    .cta p strong {
      font-weight: 600; }
    .cta p span {
      font-size: 20px; }
  .cta > div > div {
    position: relative;
    margin: 0 auto;
    max-width: 960px;
    /*@include breakpoint(mobile) {*/ }
    @media (min-width: 768px) {
      .cta > div > div {
        padding: 15px; } }
  .cta.video {
    position: relative;
    margin: 0 auto 20px auto;
    max-width: 960px;
    width: 100%;
    /*@include breakpoint(mobile) {*/ }
    @media (min-width: 768px) {
      .cta.video {
        margin-top: -30px;
        margin-bottom: 40px;
        padding: 0 10px; }
        .cta.video h2 {
          float: left;
          margin-bottom: 10px;
          padding: 0;
          width: 100%;
          color: #005aab;
          text-align: center;
          font-size: 21px;
          line-height: 30px; } }
    .cta.video.is-active > div .cta-block .inner {
      padding-bottom: 56.25%; }
    .cta.video .cta-block .cta-block-effect {
      top: 15px !important;
      left: -5px !important;
      border-radius: 20px !important;
      box-shadow: none !important;
      /*@include breakpoint(mobile) {*/ }
      @media (min-width: 768px) {
        .cta.video .cta-block .cta-block-effect {
          top: 20px !important;
          left: 10px !important;
          display: block !important;
          width: 90%;
          height: 82%; } }
    .cta.video .inner {
      float: left;
      overflow: hidden;
      border-radius: 20px !important;
      box-shadow: none !important;
      /*@include breakpoint(mobile) {*/ }
      @media (min-width: 768px) {
        .cta.video .inner {
          border-radius: 20px !important; }
          .cta.video .inner img {
            border-radius: 20px !important; } }
      .cta-block .cta.video .inner {
        height: auto; }
    .cta.video > div {
      position: relative;
      margin: 0 auto;
      padding-bottom: 56.25%;
      max-width: 940px;
      max-height: 450px;
      height: 0;
      border-radius: 20px;
      /*@include breakpoint(mobile) {*/ }
      @media (min-width: 768px) {
        .cta.video > div {
          width: 100%;
          border-radius: 0;
          background: none; } }
    .cta.video .btn-play {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0px;
      z-index: 99999;
      margin: auto;
      width: 142px;
      height: 142px;
      background: url("../images/icon_video_play.png") no-repeat left top;
      /*@include breakpoint(mobile) {*/ }
      @media (min-width: 768px) {
        .cta.video .btn-play {
          width: 71px;
          height: 71px;
          background-size: 100%; } }
      .cta.video .btn-play span {
        display: none; }
    .cta.video .video-thumb {
      position: relative;
      z-index: 1;
      overflow: hidden;
      margin-bottom: 30px;
      max-height: 530px;
      border-radius: 20px;
      cursor: pointer;
      /*@include breakpoint(mobile) {*/ }
      @media (min-width: 768px) {
        .cta.video .video-thumb {
          margin-bottom: 0;
          border-bottom: 0;
          border-radius: 0;
          box-shadow: none; } }
      .cta.video .video-thumb img {
        float: left;
        max-width: 940px;
        max-height: 530px;
        width: 100%;
        border-radius: 20px;
        /*@include breakpoint(mobile) {*/ }
        @media (min-width: 768px) {
          .cta.video .video-thumb img {
            width: 100%;
            border-radius: 0; } }
      .cta.video .video-thumb h2 {
        position: absolute;
        top: 50px;
        display: block;
        padding: 0 20px 0 20px;
        width: 100%;
        color: #fff !important;
        text-align: center;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
        font-size: 56px;
        font-weight: 400;
        line-height: 60px; }
    .cta.video iframe {
      position: absolute;
      top: 0;
      bottom: 0;
      z-index: 0;
      float: left;
      overflow: hidden;
      margin: 0;
      margin-left: -1px;
      max-width: 940px;
      width: 100%;
      height: 100%;
      border-radius: 20px;
      display: block; }

.cta-block {
  position: relative;
  float: left;
  margin: 0 0 40px 0;
  width: 100%;
  /*@include breakpoint(mobile) {*/ }
  div.w280 .cta-block,
  div.w390 .cta-block {
    margin: 0 0 30px 0; }
  @media (min-width: 768px) {
    .cta-block {
      margin-bottom: 20px;
      padding-bottom: 10px;
      /*border-bottom: 3px solid #f1f1f1;*/ }
      div.w280 .cta-block,
      div.w390 .cta-block {
        border-bottom: 0; } }
  .cta-block .cta-block-effect {
    position: absolute;
    top: 0px;
    right: 0;
    bottom: 0px;
    left: 0px;
    width: 100%;
    border-radius: 10px;
    background: #f49f33;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
    -webkit-transform: rotate(-1.5deg);
    -moz-transform: rotate(-1.5deg);
    -ms-transform: rotate(-1.5deg);
    -o-transform: rotate(-1.5deg);
    transform: rotate(-1.5deg); }
    .cta-block .cta-block-effect.gr700 {
      -webkit-transform: rotate(-1deg);
      -moz-transform: rotate(-1deg);
      -ms-transform: rotate(-1deg);
      -o-transform: rotate(-1deg);
      transform: rotate(-1deg); }
    .cta-block .cta-block-effect.gr1500 {
      -webkit-transform: rotate(-0.3deg);
      -moz-transform: rotate(-0.3deg);
      -ms-transform: rotate(-0.3deg);
      -o-transform: rotate(-0.3deg);
      transform: rotate(-0.3deg); }
    .cta-block .cta-block-effect.rotation-cw {
      -webkit-transform: rotate(1.5deg);
      -moz-transform: rotate(1.5deg);
      -ms-transform: rotate(1.5deg);
      -o-transform: rotate(1.5deg);
      transform: rotate(1.5deg); }
    .cta-block .cta-block-effect.rotation-cw.gr700 {
      -webkit-transform: rotate(1deg);
      -moz-transform: rotate(1deg);
      -ms-transform: rotate(1deg);
      -o-transform: rotate(1deg);
      transform: rotate(1deg); }
    .cta-block .cta-block-effect.rotation-cw.gr1500 {
      -webkit-transform: rotate(0.3deg);
      -moz-transform: rotate(0.3deg);
      -ms-transform: rotate(0.3deg);
      -o-transform: rotate(0.3deg);
      transform: rotate(0.3deg); }
    @media only screen and (max-width: 959px) {
      .cta-block .cta-block-effect {
        display: none; }
        div.w280 .cta-block .cta-block-effect,
        div.w390 .cta-block .cta-block-effect {
          display: block; }
        .page-header-f .cta-block .cta-block-effect {
          display: none !important; } }
  .cta-block.no-block-effect > .cta-block-effect {
    display: none; }
  .cta-block .content .content-descr {
    display: table-cell;
    margin: 0 0 40px 0;
    padding: 20px;
    width: 45%;
    vertical-align: middle; }
  .cta-block .content .content-media {
    position: relative;
    display: table-cell;
    margin: 0 0 40px 0;
    padding: 20px;
    width: 55%;
    vertical-align: middle;
    text-align: center; }
    .cta-block .content .content-media img {
      vertical-align: middle; }
  @media only screen and (max-width: 959px) {
    .cta-block .content .content-descr,
    .cta-block .content .content-media {
      float: left;
      margin: 0 0 0px 0;
      padding: 0;
      width: 100%; }
    .cta-block .content img {
      max-width: 100%; } }
  .cta-block .content-media-right .img-auto {
    float: right;
    margin-left: 70px;
    width: auto; }
  .cta-block .content-media-right .img-auto .boxed-effect-element.rotation2x, .cta-block .img-right .boxed-effect-element.rotation2x {
    left: 5px;
    -webkit-transform: rotate(4deg);
    -moz-transform: rotate(4deg);
    -ms-transform: rotate(4deg);
    -o-transform: rotate(4deg);
    transform: rotate(4deg); }
  .cta-block .content-media-left .img-auto {
    float: left;
    margin-right: 70px;
    width: auto; }
  .equalheights.ready .cta-block .btn-primary,
  .equalheights.ready .cta-block .btn-primary:active {
    position: absolute;
    top: auto;
    bottom: 50px;
    left: 40px; }
  .cta-block .summerylist {
    float: left;
    margin: 10px 0 20px 0;
    width: 100%; }
    .cta-block .summerylist .toggle-readmore-content {
      margin-bottom: 0; }
    .cta-block .summerylist.toggle-readmore-active ul li {
      padding-top: 0;
      padding-left: 0; }
    .cta-block .summerylist ul {
      float: left;
      margin: 0;
      width: 100%; }
      .cta-block .summerylist ul li {
        position: relative;
        float: left;
        margin: 0 0 30px 0;
        padding: 0 0 35px 0;
        padding-top: 115px;
        min-height: 120px;
        width: 100%;
        background: url(../images/inline-nav-bg.png) no-repeat center bottom;
        list-style: none; }
        @media only screen and (min-width: 960px) {
          .cta-block .summerylist ul li {
            padding-top: 0;
            padding-left: 170px; } }
        .cta-block .summerylist ul li:last-child {
          margin-bottom: 0;
          padding-bottom: 0;
          background: none; }
        .cta-block .summerylist ul li h3 {
          margin-bottom: 10px;
          font-size: 22px; }
          .cta-block .summerylist ul li h3 a {
            display: inline-block;
            margin: 5px 0 0 0;
            font-size: 18px; }
        .cta-block .summerylist ul li h4 {
          color: #333;
          font-style: italic;
          font-size: 18px;
          font-weight: 400; }
        .cta-block .summerylist ul li p {
          margin-bottom: 10px; }
        .cta-block .summerylist ul li a {
          text-transform: none !important; }
        .cta-block .summerylist ul li .img {
          position: absolute;
          top: 0;
          left: 0;
          max-width: 170px;
          width: 100%; }
    .cta-block .summerylist.imaged li .toggle-readmore-container {
      padding-left: 170px;
      min-height: 155px; }
      @media only screen and (max-width: 959px) {
        .cta-block .summerylist.imaged li .toggle-readmore-container {
          min-height: 0; } }
      .cta-block .summerylist.imaged li .toggle-readmore-container .toggle-readmore {
        left: 170px;
        text-align: left; }
    .cta-block .summerylist.imaged li .img {
      margin: 0 !important;
      max-width: 170px; }
      .cta-block .summerylist.imaged li .img img {
        width: 100%;
        height: auto;
        border-radius: 10px; }
    .w310 .cta-block .summerylist.imaged li {
      padding-bottom: 20px;
      padding-left: 0; }
      @media only screen and (min-width: 960px) {
        .w310 .cta-block .summerylist.imaged li {
          padding-left: 100px; } }
      .w310 .cta-block .summerylist.imaged li h3 {
        font-size: 18px; }
      .w310 .cta-block .summerylist.imaged li p {
        margin: 0 0 10px 0;
        line-height: 24px; }
      @media only screen and (min-width: 960px) {
        .w310 .cta-block .summerylist.imaged li .img {
          width: 40%; } }
    .wp50 .cta-block .summerylist.imaged li,
    .w550 .cta-block .summerylist.imaged li {
      padding-bottom: 20px; }
  .cta-block í .cta-content {
    float: left;
    width: 50%; }
    @media only screen and (max-width: 959px) {
      .cta-block í .cta-content {
        float: none;
        width: 100% !important;
        text-align: center; } }
  .cta-block .cta-media {
    float: left;
    overflow: hidden;
    width: 50%;
    text-align: center; }
    @media only screen and (max-width: 959px) {
      .cta-block .cta-media {
        display: none;
        float: none;
        padding-top: 20px;
        width: 100% !important;
        text-align: center; } }
    @media only screen and (max-width: 959px) {
      .cta-block .cta-media img {
        width: 80%; } }
  .cta-block.color-orange h1, .cta-block.color-orange h2, .cta-block.color-orange h3, .cta-block.color-orange h4, .cta-block.color-orange h5, .cta-block.color-orange blockquote {
    color: #EF7D00; }
  .cta-block.color-orange a {
    color: #EF7D00; }
    .cta-block.color-orange a:hover {
      color: #ff9623; }
  .cta-block.color-purple h1, .cta-block.color-purple h2, .cta-block.color-purple h3, .cta-block.color-purple h4, .cta-block.color-purple h5, .cta-block.color-purple blockquote {
    color: #C0047B; }
  .cta-block.color-purple a {
    color: #C0047B; }
    .cta-block.color-purple a:hover {
      color: #f2059b; }
  .cta-block.color-red h1, .cta-block.color-red h2, .cta-block.color-red h3, .cta-block.color-red h4, .cta-block.color-red h5, .cta-block.color-red blockquote {
    color: #DC0831; }
  .cta-block.color-red a {
    color: #DC0831; }
    .cta-block.color-red a:hover {
      color: #f7204a; }
  .cta-block.color-blue h1, .cta-block.color-blue h2, .cta-block.color-blue h3, .cta-block.color-blue h4, .cta-block.color-blue h5, .cta-block.color-blue blockquote {
    color: #00a7e9; }
  .cta-block.color-blue a {
    color: #00a7e9; }
    .cta-block.color-blue a:hover {
      color: #1dbfff; }
  .cta-block.color-green h1, .cta-block.color-green h2, .cta-block.color-green h3, .cta-block.color-green h4, .cta-block.color-green h5, .cta-block.color-green blockquote {
    color: #009640; }
  .cta-block.color-green a {
    color: #009640; }
    .cta-block.color-green a:hover {
      color: #00b04b; }
  .cta-block.cta-block-boxed.no-block-effect > .inner {
    border: 0;
    background: transparent;
    -webkit-box-shadow: 0 0 0 0;
    -moz-box-shadow: 0 0 0 0;
    box-shadow: 0 0 0 0; }
    .cta-block.cta-block-boxed.no-block-effect > .inner .content > h1 {
      font-size: 60px;
      color: #1364b6; }
    .cta-block.cta-block-boxed.no-block-effect > .inner .content > p {
      color: #000000;
      font-size: 18px; }
    .cta-block.cta-block-boxed.no-block-effect > .inner .content > p strong {
      color: #004f9f; }
  .cta-block.cta-block-boxed .inner {
    position: relative;
    float: left;
    width: 100%;
    border-radius: 10px;
    background: white;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3); }
    .ie8 .cta-block.cta-block-boxed .inner {
      border: 1px solid #f1f1f1; }
    @media only screen and (max-width: 959px) {
      .cta-block.cta-block-boxed .inner {
        border: 0;
        background: transparent;
        -webkit-box-shadow: 0 0 0 0;
        -moz-box-shadow: 0 0 0 0;
        box-shadow: 0 0 0 0; }
        div.w280 .cta-block.cta-block-boxed .inner,
        div.w390 .cta-block.cta-block-boxed .inner {
          border-radius: 10px;
          background: white;
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }
        .page-header-f .cta-block.cta-block-boxed .inner {
          border: 0 !important;
          background: transparent !important;
          box-shadow: 0 0 0 0 !important; } }
    @media only screen and (max-width: 959px) {
      .cta-block.cta-block-boxed .inner h2 {
        font-size: 24px;
        line-height: 24px; } }
    .cta-block.cta-block-boxed .inner .content {
      float: left;
      padding: 20px;
      width: 100%; }
      @media only screen and (max-width: 1279px) {
        .cta-block.cta-block-boxed .inner .content {
          padding-left: 5%;
          padding-right: 5%; } }
      .columns .cta-block.cta-block-boxed .inner .content {
        padding: 30px 40px; }
        @media only screen and (max-width: 959px) {
          .columns .cta-block.cta-block-boxed .inner .content {
            padding: 0; } }
      .w280 .cta-block.cta-block-boxed .inner .content,
      .w310 .cta-block.cta-block-boxed .inner .content {
        padding: 40px 30px 20px; }
        @media only screen and (max-width: 959px) {
          .w280 .cta-block.cta-block-boxed .inner .content,
          .w310 .cta-block.cta-block-boxed .inner .content {
            padding: 0; } }
        .w280 .cta-block.cta-block-boxed .inner .content .img-centered,
        .w310 .cta-block.cta-block-boxed .inner .content .img-centered {
          margin: -40px -30px 20px -30px; }
      @media only screen and (max-width: 959px) {
        .cta-block.cta-block-boxed .inner .content {
          padding: 0px 0; }
          div.w280 .cta-block.cta-block-boxed .inner .content,
          div.w390 .cta-block.cta-block-boxed .inner .content {
            padding: 20px; }
          .page-header-f .cta-block.cta-block-boxed .inner .content {
            padding: 0 !important; } }
  .cta-block.cta-block-highlight {
    padding-top: 30px;
    border-bottom: 0; }
    @media only screen and (max-width: 959px) {
      .cta-block.cta-block-highlight {
        margin-bottom: 0; } }
    .cta-block.cta-block-highlight .cta-content {
      width: 60%; }
      .cta-block.cta-block-highlight .cta-content h2 {
        margin: 0 0 30px 0;
        font-weight: normal;
        font-size: 55px;
        line-height: 60px; }
        .cta-block.cta-block-highlight .cta-content h2 strong {
          display: block; }
        @media only screen and (max-width: 959px) {
          .cta-block.cta-block-highlight .cta-content h2 {
            margin: 0 0 20px 0;
            font-weight: normal;
            font-size: 34px;
            font-weight: 700;
            line-height: 40px; }
            .cta-block.cta-block-highlight .cta-content h2 span {
              font-weight: normal;
              font-weight: 700; } }
      .cta-block.cta-block-highlight .cta-content p {
        margin: 0 0 30px 0;
        font-size: 24px;
        line-height: 30px; }
      @media only screen and (max-width: 959px) {
        .cta-block.cta-block-highlight .cta-content {
          text-align: left; }
          .cta-block.cta-block-highlight .cta-content .btn, .cta-block.cta-block-highlight .cta-content .pcac .pcac_simpleButton, .pcac .cta-block.cta-block-highlight .cta-content .pcac_simpleButton,
          .cta-block.cta-block-highlight .cta-content .pcac .pcac_backButtonContainer a, .pcac .pcac_backButtonContainer .cta-block.cta-block-highlight .cta-content a {
            display: block; } }
    .cta-block.cta-block-highlight .cta-media {
      width: 40%; }
  .cta-block.cta-block-contact-simple ul {
    margin: 0;
    padding: 0;
    list-style: none; }
    .cta-block.cta-block-contact-simple ul li {
      position: relative;
      margin: 0;
      padding: 5px 0 5px 70px;
      background: none; }
      .cta-block.cta-block-contact-simple ul li strong {
        position: absolute;
        left: 0;
        font-size: 18px; }
      .cta-block.cta-block-contact-simple ul li p {
        margin: 0;
        font-size: 18px; }
  .cta-block.cta-block-support .identity {
    text-align: center; }
  .cta-block.cta-block-club {
    margin-top: 150px; }
    @media only screen and (min-width: 960px) {
      .cta-block.cta-block-club {
        margin-top: 100px; } }
    .cta-block.cta-block-club .progress {
      margin: -120px 0 30px 0; }
    .cta-block.cta-block-club .content h2 {
      color: #424242;
      text-align: center;
      font-size: 30px; }
    .cta-block.cta-block-club .content .btn, .cta-block.cta-block-club .content .pcac .pcac_simpleButton, .pcac .cta-block.cta-block-club .content .pcac_simpleButton,
    .cta-block.cta-block-club .content .pcac .pcac_backButtonContainer a, .pcac .pcac_backButtonContainer .cta-block.cta-block-club .content a {
      position: relative;
      bottom: 0;
      left: 0;
      margin-bottom: 10px;
      width: 100%; }
      .cta-block.cta-block-club .content .btn:active, .cta-block.cta-block-club .content .pcac .pcac_simpleButton:active, .pcac .cta-block.cta-block-club .content .pcac_simpleButton:active,
      .cta-block.cta-block-club .content .pcac .pcac_backButtonContainer a:active, .pcac .pcac_backButtonContainer .cta-block.cta-block-club .content a:active {
        position: relative;
        bottom: 0;
        left: 0; }
  .cta-block.block-questions {
    margin-top: 30px; }
    .cta-block.block-questions img {
      position: absolute;
      top: 23%;
      right: 100px; }
      @media only screen and (max-width: 959px) {
        .cta-block.block-questions img {
          position: relative;
          right: 0;
          left: 0;
          margin: 0 auto;
          margin-top: 30px; } }
  .cta-block.block-address .inner {
    padding-right: 670px; }
    @media only screen and (max-width: 959px) {
      .cta-block.block-address .inner {
        padding-right: 30px; } }
  .cta-block.block-address p {
    margin: 0; }
  .cta-block.block-address address span {
    font-size: 20px; }
  .cta-block.block-address #gmap {
    position: absolute;
    top: 0;
    right: 0;
    width: 640px;
    height: 100%;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px; }
    @media only screen and (max-width: 959px) {
      .cta-block.block-address #gmap {
        position: relative;
        margin-top: 30px;
        width: 100%; } }
  @media only screen and (max-width: 959px) {
    .cta-block.block-questions, .cta-block.block-address {
      text-align: center; } }
  .cta-block.block-questions .inner, .cta-block.block-address .inner {
    overflow: hidden;
    padding-right: 350px; }
    .cta-block.block-questions .inner .content, .cta-block.block-address .inner .content {
      padding: 30px !important; }
    @media only screen and (max-width: 959px) {
      .cta-block.block-questions .inner, .cta-block.block-address .inner {
        padding-right: 30px; } }
  .cta-block.block-questions h2, .cta-block.block-address h2 {
    margin: 0 0 15px 0;
    font-size: 40px;
    font-weight: 400; }
  .cta-block.block-questions p, .cta-block.block-address p {
    margin: 0 0 5px 0;
    font-size: 20px;
    line-height: 26px; }
  .cta-block.block-questions h3, .cta-block.block-address h3 {
    margin: 0;
    color: #424242;
    font-size: 40px; }
    @media only screen and (max-width: 959px) {
      .cta-block.block-questions h3, .cta-block.block-address h3 {
        font-size: 28px; } }
    .cta-block.block-questions h3 span, .cta-block.block-address h3 span {
      font-size: 20px; }
      @media only screen and (max-width: 959px) {
        .cta-block.block-questions h3 span, .cta-block.block-address h3 span {
          display: block; } }
  .cta-block.block-tab-rich {
    position: relative; }
    @media only screen and (max-width: 959px) {
      .cta-block.block-tab-rich {
        position: fixed;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 99999;
        margin: 0;
        padding: 0 !important;
        border-top: 1px solid #c2c2c2;
        border-bottom: 0;
        background: white; }
        .cta-block.block-tab-rich:after, .cta-block.block-tab-rich:before {
          display: none; }
        .cta-block.block-tab-rich .overlay {
          position: absolute;
          right: 0;
          bottom: 0px;
          left: 0;
          z-index: 99;
          display: none;
          height: 800px;
          background: black;
          opacity: 0.7; } }
    .cta-block.block-tab-rich .content {
      padding: 30px 0px 20px; }
      @media only screen and (max-width: 959px) {
        .cta-block.block-tab-rich .content {
          padding: 0; } }
    .cta-block.block-tab-rich .trigger {
      position: relative;
      z-index: 99999;
      float: left;
      margin: 0;
      padding: 10px 20px !important;
      width: 100%;
      border-top: 2px solid #bebebe;
      background: #f8f8f8;
      color: #EF7D00;
      text-align: center;
      text-decoration: none;
      font-size: 18px;
      font-weight: 700; }
      .cta-block.block-tab-rich .trigger.is-active {
        background-color: #efefef; }
      .cta-block.block-tab-rich .trigger:after {
        position: absolute;
        top: 0px;
        right: 0;
        width: 40px;
        height: 40px;
        background-color: #efefef;
        background-position: 9px -1520px !important;
        content: ""; }
    .cta-block.block-tab-rich .tabs {
      float: left;
      margin: 0;
      padding: 0;
      width: 100%; }
      @media only screen and (max-width: 959px) {
        .cta-block.block-tab-rich .tabs {
          position: relative;
          z-index: 999;
          display: none;
          padding-top: 5px;
          background: white;
          -webkit-box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.05);
          -moz-box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.05);
          box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.05); } }
      .cta-block.block-tab-rich .tabs li {
        position: relative;
        float: left;
        margin: 0;
        padding: 55px 0 0px 0px;
        width: 25%;
        background: url(../images/spacer-vertical.jpg) no-repeat left center;
        text-align: center; }
        .cta-block.block-tab-rich .tabs li:first-child {
          padding-left: 0;
          background: none; }
        @media only screen and (max-width: 959px) {
          .cta-block.block-tab-rich .tabs li {
            width: 100%;
            text-align: left; } }
        .cta-block.block-tab-rich .tabs li a {
          position: relative;
          margin: 10px 20px;
          padding-bottom: 40px;
          background: none !important;
          font-weight: bold;
          /* font-size: 30px; */
          font-size: 26px; }
          .cta-block.block-tab-rich .tabs li a span {
            display: inline-block;
            border-bottom: 3px solid transparent; }
          @media only screen and (max-width: 959px) {
            .cta-block.block-tab-rich .tabs li a {
              padding: 13px 0 10px 0 !important;
              min-height: 0 !important;
              text-align: center; } }
          .cta-block.block-tab-rich .tabs li a:hover {
            cursor: pointer;
            cursor: hand; }
        .cta-block.block-tab-rich .tabs li .icon:after {
          position: absolute;
          top: -60px;
          right: 0;
          left: 0;
          height: 60px;
          background-position: -2000px center;
          content: ""; }
        .cta-block.block-tab-rich .tabs li .icon-person {
          color: #EF7D00; }
          .cta-block.block-tab-rich .tabs li .icon-person:after {
            background-position: center -1118px !important; }
          .cta-block.block-tab-rich .tabs li .icon-person:hover span {
            border-bottom: 3px solid #EF7D00; }
        .cta-block.block-tab-rich .tabs li .icon-prijzen {
          color: #00a7e9; }
          .cta-block.block-tab-rich .tabs li .icon-prijzen:after {
            background-position: center -1271px !important; }
          .cta-block.block-tab-rich .tabs li .icon-prijzen:hover span {
            border-bottom: 3px solid #00a7e9; }
        .cta-block.block-tab-rich .tabs li .icon-ledenvoordeel {
          color: #DC0831; }
          .cta-block.block-tab-rich .tabs li .icon-ledenvoordeel:after {
            background-position: center -1188px !important; }
          .cta-block.block-tab-rich .tabs li .icon-ledenvoordeel:hover span,
          .is-active .cta-block.block-tab-rich .tabs li .icon-ledenvoordeel span {
            border-bottom: 3px solid #DC0831; }
        .cta-block.block-tab-rich .tabs li .icon-loten {
          color: #009640; }
          .cta-block.block-tab-rich .tabs li .icon-loten:after {
            /*background-position: center -1343px !important;*/
            background-position: center top !important; }
          .cta-block.block-tab-rich .tabs li .icon-loten:hover span {
            border-bottom: 3px solid #009640; }
        .cta-block.block-tab-rich .tabs li .icon-vriendenpunten {
          color: #6A0E5A; }
          .cta-block.block-tab-rich .tabs li .icon-vriendenpunten:after {
            background-position: center -1410px !important;
            left: 23px;
            width: 100px; }
          .cta-block.block-tab-rich .tabs li .icon-vriendenpunten:hover span {
            border-bottom: 3px solid #6A0E5A; }
        .cta-block.block-tab-rich .tabs li.is-active .btn-link, .cta-block.block-tab-rich .tabs li.is-active .pcac .pcac_simpleButton, .pcac .cta-block.block-tab-rich .tabs li.is-active .pcac_simpleButton,
        .cta-block.block-tab-rich .tabs li.is-active .pcac .pcac_backButtonContainer a, .pcac .pcac_backButtonContainer .cta-block.block-tab-rich .tabs li.is-active a {
          display: none; }
        .cta-block.block-tab-rich .tabs li.is-active:after, .cta-block.block-tab-rich .tabs li.is-active:before {
          position: absolute;
          bottom: -60px;
          left: 56%;
          width: 0;
          height: 0;
          border: solid transparent;
          content: " ";
          pointer-events: none; }
          @media only screen and (max-width: 959px) {
            .cta-block.block-tab-rich .tabs li.is-active:after, .cta-block.block-tab-rich .tabs li.is-active:before {
              display: none; } }
        .cta-block.block-tab-rich .tabs li.is-active:after {
          margin-left: -32px;
          border-width: 20px;
          border-color: rgba(136, 183, 213, 0);
          border-top-color: #fff; }
        .cta-block.block-tab-rich .tabs li.is-active:before {
          bottom: -64px;
          margin-left: -34px;
          border-width: 22px;
          border-color: rgba(194, 225, 245, 0);
          border-top-color: #f2f2f2; }
        @media only screen and (max-width: 959px) {
          .cta-block.block-tab-rich .tabs li {
            padding: 0; }
            .cta-block.block-tab-rich .tabs li a {
              display: block;
              margin: 0;
              padding: 8px 5px;
              min-height: 60px;
              font-size: 18px;
              line-height: 18px; }
            .cta-block.block-tab-rich .tabs li a:after {
              display: none; } }
  .cta-block.cta-block-convince h2,
  .cta-block.cta-price-ladder h2 {
    margin: 0 0 20px 0;
    color: #424242;
    font-weight: 400; }
    .cta-block.cta-block-convince h2 strong,
    .cta-block.cta-price-ladder h2 strong {
      position: relative;
      z-index: 10;
      display: inline-block;
      margin: 0 10px;
      color: white;
      font-weight: 700; }
      @media only screen and (max-width: 959px) {
        .cta-block.cta-block-convince h2 strong,
        .cta-block.cta-price-ladder h2 strong {
          line-height: 40px; } }
      .cta-block.cta-block-convince h2 strong:after,
      .cta-block.cta-price-ladder h2 strong:after {
        background: #009640 !important;
        background: -moz-linear-gradient(left, #009640 0%, #8DC63F 100%) !important;
        background: -webkit-gradient(left top, right top, color-stop(0%, #009640), color-stop(100%, #8DC63F)) !important;
        background: -webkit-linear-gradient(left, #009640 0%, #8DC63F 100%) !important;
        background: -o-linear-gradient(left, #009640 0%, #8DC63F 100%) !important;
        background: -ms-linear-gradient(left, #009640 0%, #8DC63F 100%) !important;
        background: linear-gradient(to right, #009640 0%, #8DC63F 100%) !important;
        position: absolute;
        -webkit-transform: rotate(-2deg);
        -moz-transform: rotate(-2deg);
        -ms-transform: rotate(-2deg);
        -o-transform: rotate(-2deg);
        transform: rotate(-2deg);
        top: 5px;
        right: -7px;
        bottom: 2px;
        left: -7px;
        z-index: -1;
        padding: 3px 5px;
        border-radius: 10px;
        content: ""; }
  .cta-block.cta-block-convince {
    border-bottom: 0; }
    .cta-block.cta-block-convince h2 {
      font-size: 16px; }
      @media only screen and (max-width: 959px) {
        .cta-block.cta-block-convince h2 span {
          line-height: 30px !important; } }
    .cta-block.cta-block-convince h3 {
      margin: 0 0 20px 0;
      color: #009640;
      font-size: 36px; }
    .cta-block.cta-block-convince ul {
      list-style: none; }
      .cta-block.cta-block-convince ul li {
        background: url(../images/arrow-right-white-h19.png) no-repeat left 5px;
        background-size: 7px, 8px; }
        @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
          .cta-block.cta-block-convince ul li {
            background-image: url(../images/arrow-right-white-h19.png);
            background-size: 7px 8px; } }
  .cta-block.cta-price-ladder h2 {
    margin: 20px 0 60px 0;
    padding: 0 22% !important;
    min-height: 103px;
    font-size: 26px; }
    @media only screen and (max-width: 959px) {
      .cta-block.cta-price-ladder h2 {
        margin: 20px 0 0;
        padding: 0 !important;
        font-size: 22px;
        line-height: 20px; } }
    .cta-block.cta-price-ladder h2 span {
      line-height: 50px !important; }
      @media only screen and (max-width: 959px) {
        .cta-block.cta-price-ladder h2 span {
          margin: 0;
          padding: 0;
          color: #424242; }
          .cta-block.cta-price-ladder h2 span:after {
            display: none; } }
  .cta-block.cta-block-content-highlight .content-descr {
    width: 70% !important; }
  .cta-block.cta-block-content-highlight .content-media {
    width: 30% !important; }
  .cta-block.cta-block-benigoal .inner .content {
    padding: 0 !important; }
  @media only screen and (max-width: 959px) {
    .cta-block.cta-block-benigoal {
      padding-bottom: 0; } }
  .cta-block .sideleftarrow {
    width: 28px;
    height: 104px;
    position: absolute;
    display: block;
    background: url("../images/wraparrow-right.png") no-repeat left top;
    left: -28px;
    top: 50px; }

.cta-centered h2 {
  margin: 0 0 40px 0;
  text-align: center; }
  @media only screen and (max-width: 959px) {
    .cta-centered h2 {
      margin: 0 0 20px 0;
      text-align: left; } }

.cta-centered .content {
  padding: 40px !important; }

.cta-centered ul {
  float: left;
  overflow: hidden;
  margin: 0 0 40px 0;
  padding: 0;
  width: 100%;
  list-style: none; }
  @media only screen and (max-width: 959px) {
    .cta-centered ul {
      margin-bottom: 20px; } }
  .cta-centered ul li {
    float: left;
    margin: 0 0 0 23px;
    padding: 0;
    width: 190px;
    background: none;
    list-style: none; }
    @media only screen and (max-width: 959px) {
      .cta-centered ul li {
        float: none;
        margin-bottom: 10px;
        margin-left: 0;
        padding-right: 20px;
        padding-left: 20px;
        width: 100%;
        background: url(../images/bullet-blue.jpg) no-repeat left 5px;
        background-size: 10px, 10px; } }
    .cta-centered ul li:first-child {
      margin-left: 0; }
    .cta-centered ul li:hover .thumb img {
      opacity: 0.05; }
    .cta-centered ul li > a {
      color: #333;
      text-align: center !important;
      text-decoration: none; }
      @media only screen and (max-width: 959px) {
        .cta-centered ul li > a {
          color: #424242 !important;
          text-align: left !important;
          text-decoration: underline; } }
      .cta-centered ul li > a strong {
        display: block;
        margin-top: 20px;
        font-weight: 400; }
        @media only screen and (max-width: 959px) {
          .cta-centered ul li > a strong {
            margin-top: 0; } }
      .cta-centered ul li > a:hover {
        color: #004F9F; }
    .cta-centered ul li .thumb {
      position: relative;
      width: 200px;
      height: 150px;
      border-radius: 20px;
      line-height: 150px; }
      @media only screen and (max-width: 959px) {
        .cta-centered ul li .thumb {
          display: none;
          margin: 0 auto; } }
      .cta-centered ul li .thumb img {
        position: absolute;
        z-index: 2;
        display: block;
        width: 100%;
        height: 150px;
        border-radius: 20px;
        opacity: 1;
        transition: opacity 500ms; }
      .cta-centered ul li .thumb .btn, .cta-centered ul li .thumb .pcac .pcac_simpleButton, .pcac .cta-centered ul li .thumb .pcac_simpleButton,
      .cta-centered ul li .thumb .pcac .pcac_backButtonContainer a, .pcac .pcac_backButtonContainer .cta-centered ul li .thumb a {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%; }

.cta-centered .cta-news-footer {
  display: block;
  text-align: center; }

.vlvoordelenlijst ul {
  list-style-type: none; }

.vlvoordelenlijst li {
  color: #1364b6;
  font-size: 14px;
  font-weight: bold;
  padding-left: 35px;
  min-height: 36px; }

.vlvoordelenlijst li.bull-lamp {
  background: url(../images/bull-lamp.png) no-repeat left top; }

.vlvoordelenlijst li.bull-hand {
  background: url(../images/bull-hand.png) no-repeat left top; }

.vlvoordelenlijst li.bull-slot {
  background: url(../images/bull-slot.png) no-repeat left top; }

.vlvoordelenlijst li.bull-phone {
  background: url(../images/bull-phone.png) no-repeat left top; }

.parallax {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  overflow: hidden; }
  @media only screen and (max-width: 959px) {
    .parallax {
      display: none; } }
  .parallax .parallax-item {
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: center top;
    background-repeat: no-repeat;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    overflow: hidden;
    top: 0; }
    .parallax .parallax-item img {
      position: absolute;
      left: 50%;
      margin-left: -720px; }
    .parallax .parallax-item.item-1 {
      background-image: url("../images/parralax/bg-confetti-small@2x.png");
      top: 0;
      display: none; }
    .parallax .parallax-item.item-2 {
      top: 0px; }
    .parallax .parallax-item.item-3 {
      background-repeat: repeat-y; }
    .parallax .parallax-item.item-7 {
      display: none; }
    .parallax .parallax-item.item-8 {
      display: none; }
    .parallax .parallax-item.item-9 {
      display: none; }

.tabber {
  float: left;
  width: 100%;
  margin: 40px 0 10px 0;
  overflow: hidden;
  /*@include breakpoint(mobile) {*/ }
  @media (min-width: 768px) {
    .tabber {
      width: 100%; } }
  .tabber ul {
    list-style: none;
    float: left;
    width: 100%;
    margin: 0 0 30px 0;
    padding: 0;
    overflow: hidden;
    border: 1px #cecece solid;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px; }
    .tabber ul li {
      float: left;
      list-style: none !important;
      padding: 0 !important;
      background: none;
      margin: 0 !important;
      width: 20%;
      border-left: 1px #cecece solid;
      /*@include breakpoint(mobile) {*/ }
      .tabber ul li a {
        float: left;
        width: 100%;
        min-height: 92px;
        font-weight: 700;
        padding: 20px 20px 18px 20px;
        font-size: 22px;
        color: #424242;
        text-decoration: none;
        transition: 300ms all; }
      .tabber ul li:first-child {
        border-left: 0; }
      @media (min-width: 768px) {
        .tabber ul li {
          width: 50%;
          border-bottom: 1px solid #cecece; }
          .tabber ul li:first-child {
            border-left: 0;
            /*@include breakpoint(mobile) {*/ } }
    @media (min-width: 768px) and (min-width: 768px) {
      .tabber ul li:first-child + li + li {
        border-bottom: 0;
        border-left: 0; }
      .tabber ul li:first-child + li + li + li {
        border-bottom: 0 !important; } }
      @media (min-width: 768px) {
          .tabber ul li a {
            font-size: 14px; } }
      .tabber ul li.is-active a {
        background: #e6f7ff !important;
        background: -moz-linear-gradient(top, #fbfeff 0%, #e6f7ff 100%) !important;
        background: -webkit-gradient(left top, left bottom, color-stop(0%, #fbfeff), color-stop(100%, #e6f7ff)) !important;
        background: -webkit-linear-gradient(top, #fbfeff 0%, #e6f7ff 100%) !important;
        background: -o-linear-gradient(top, #fbfeff 0%, #e6f7ff 100%) !important;
        background: -ms-linear-gradient(top, #fbfeff 0%, #e6f7ff 100%) !important;
        background: linear-gradient(to bottom, #fbfeff 0%, #e6f7ff 100%) !important;
        background-size: 100% 100%; }

.tabber-content {
  float: left;
  width: 100%;
  display: none; }
  .tabber-content.is-active {
    display: block; }
  .tabber-content .cta-block .inner .content {
    padding: 40px;
    /*@include breakpoint(mobile) {*/ }
    @media (min-width: 768px) {
      .tabber-content .cta-block .inner .content {
        padding: inherit; } }

.subtabs-contents {
  position: relative;
  float: left;
  width: 100%; }

.prizes-modules {
  float: left;
  width: 100%; }
  .prizes-modules ul.clearfix {
    margin-bottom: 0;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    overflow: hidden;
    width: 101%; }
  .prizes-modules .boxed-effect-inner {
    background: transparent;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    overflow: hidden; }

.prizes-sticker {
  width: 203px;
  height: 203px;
  position: absolute;
  right: -85px;
  margin-top: -100px;
  z-index: 1; }
  @media only screen and (max-width: 959px) {
    .prizes-sticker {
      display: none; } }

.prize {
  width: 100%;
  display: inline-block;
  float: left;
  text-align: center;
  position: relative;
  list-style: none !important;
  padding: 40px !important;
  margin: 0 !important;
  background: none;
  /* module content */
  /* module options */
  /* module sizes */ }
  @media only screen and (max-width: 959px) {
    .prize {
      padding: 10px 10% !important;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      -o-border-radius: 0;
      border-radius: 0; } }
  .prize p {
    margin: 0; }
  .prize.lightbox {
    cursor: pointer; }
  .prize:first-child {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px; }
    @media only screen and (max-width: 959px) {
      .prize:first-child {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0; } }
  .prize:last-child {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px; }
    @media only screen and (max-width: 959px) {
      .prize:last-child {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0; } }
  .prize .prize-option-type {
    padding-bottom: 20px;
    position: relative;
    z-index: 1; }
    @media only screen and (max-width: 959px) {
      .prize .prize-option-type {
        padding-top: 15px;
        padding-bottom: 5px; } }
  .prize .prize-option-lightbox {
    display: none; }
  .prize .prize-option-prize {
    z-index: 1;
    position: relative; }
    .prize .prize-option-prize img {
      width: 100%; }
    .prize .prize-option-prize span.subtext {
      display: block; }
    .prize .prize-option-prize .amount {
      font-size: 25px; }
    .prize .prize-option-prize h2 {
      margin-bottom: 10px; }
    .prize .prize-option-prize p, .prize .prize-option-prize h2 {
      display: block;
      font-size: 40px;
      line-height: 40px;
      font-weight: 700;
      position: relative; }
      @media only screen and (max-width: 959px) {
        .prize .prize-option-prize p, .prize .prize-option-prize h2 {
          font-size: 22px;
          font-weight: 700;
          line-height: 30px;
          color: #424242;
          margin: 0; } }
    .prize .prize-option-prize h3 {
      font-size: 24px;
      margin-bottom: 10px; }
  .prize .prize-option-buttons {
    display: block;
    position: absolute;
    bottom: 40px;
    left: 40px;
    right: 40px;
    margin: auto;
    z-index: 1; }
  .prize .prize-option-seperator {
    background-image: url("../images/deco_seperator.png");
    background-repeat: no-repeat;
    background-position: bottom center;
    height: 2px;
    position: relative;
    z-index: 1; }
    @media only screen and (max-width: 959px) {
      .prize .prize-option-seperator {
        width: 100%; } }
  .prize .prize-option-image {
    text-align: left;
    position: relative;
    max-width: 300px;
    z-index: 1; }
    .prize .prize-option-image img {
      position: absolute; }
    @media only screen and (max-width: 959px) {
      .prize .prize-option-image {
        display: none; } }
  .prize .prize-option-badge {
    width: 191px;
    height: 59px;
    background-image: url("../images/bg_badge.png");
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
    -webkit-transform: rotate(-4degdeg);
    -moz-transform: rotate(-4degdeg);
    -ms-transform: rotate(-4degdeg);
    -o-transform: rotate(-4degdeg);
    transform: rotate(-4degdeg);
    font-size: 28px;
    font-weight: 700;
    line-height: 55px;
    text-align: center;
    color: #fff;
    margin-top: 5px;
    margin-bottom: 5px;
    display: block; }
    @media only screen and (max-width: 959px) {
      .prize .prize-option-badge {
        display: none; } }
    .prize .prize-option-badge.small {
      font-size: 16px; }
  .prize .prize-option-background img {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0; }
    @media only screen and (max-width: 959px) {
      .prize .prize-option-background img {
        width: 100%; } }
  @media only screen and (max-width: 959px) {
    .prize .prize-option-background {
      display: none; } }
  .prize .prize-option-thumb {
    display: none; }
    @media only screen and (max-width: 959px) {
      .prize .prize-option-thumb {
        display: block;
        text-align: center;
        margin-bottom: 4%; }
        .prize .prize-option-thumb > img {
          margin: 0 auto; } }
  .prize .prize-option-footer {
    position: relative;
    width: 100%;
    bottom: 0;
    display: block;
    z-index: 2; }
    .prize .prize-option-footer small {
      font-size: 12px; }
  .prize.prize-align-topleft {
    text-align: left; }
    .prize.prize-align-topleft .prize-option-prize {
      position: absolute;
      top: 35px;
      left: 37px;
      float: left; }
      @media only screen and (max-width: 959px) {
        .prize.prize-align-topleft .prize-option-prize {
          position: static;
          top: auto;
          left: auto;
          float: none;
          text-align: center; } }
  .prize.prize-align-topright {
    text-align: right; }
    .prize.prize-align-topright .prize-option-prize {
      position: absolute;
      top: 35px;
      right: 40px;
      float: right;
      text-align: right;
      width: 240px; }
      @media only screen and (max-width: 959px) {
        .prize.prize-align-topright .prize-option-prize {
          position: static;
          top: auto;
          left: auto;
          float: none;
          text-align: center;
          width: 100%; } }
    .prize.prize-align-topright .prize-option-badge {
      float: right;
      clear: both; }
  .prize.prize-align-verticalcenter {
    text-align: center; }
    .prize.prize-align-verticalcenter .prize-option-type {
      top: 57px; }
    .prize.prize-align-verticalcenter .prize-option-prize {
      position: absolute;
      bottom: 95px;
      float: left;
      text-align: center;
      width: 240px; }
      @media only screen and (max-width: 959px) {
        .prize.prize-align-verticalcenter .prize-option-prize {
          position: static;
          top: auto;
          left: auto;
          float: none;
          text-align: center;
          width: 100%; } }
  .prize.prize-align-bottomleft {
    text-align: left; }
    .prize.prize-align-bottomleft .prize-option-prize {
      position: absolute;
      bottom: 20px;
      float: left;
      text-align: left; }
      @media only screen and (max-width: 959px) {
        .prize.prize-align-bottomleft .prize-option-prize {
          position: static;
          top: auto;
          left: auto;
          float: none;
          text-align: center;
          width: 100%; } }
  .prize.prize-align-bottomright {
    text-align: right; }
    .prize.prize-align-bottomright .prize-option-prize {
      position: absolute;
      bottom: 20px;
      float: right;
      text-align: right;
      right: 40px; }
      @media only screen and (max-width: 959px) {
        .prize.prize-align-bottomright .prize-option-prize {
          position: static;
          top: auto;
          left: auto;
          float: none;
          text-align: center;
          width: 100%; } }
  .prize.prize-align-center {
    text-align: center; }
    .prize.prize-align-center .prize-option-prize {
      text-align: center;
      top: -5px; }
  .prize.prize-align-center-vertical .prize-option-type {
    margin-top: 20px; }
    @media only screen and (max-width: 959px) {
      .prize.prize-align-center-vertical .prize-option-type {
        margin-top: 0; } }
  .prize.prize-align-center-vertical .prize-option-prize {
    margin-top: 25px; }
    @media only screen and (max-width: 959px) {
      .prize.prize-align-center-vertical .prize-option-prize {
        margin-top: 0; } }
  .prize.prize-color-blue .btn-text {
    color: #627283 !important; }
  @media only screen and (max-width: 959px) {
    .prize.prize-color-blue {
      background: #fff; } }
  .prize.prize-color-brown {
    background: #fff;
    /*> div {
            overflow:hidden;
        }*/ }
    .prize.prize-color-brown .prize-option-type,
    .prize.prize-color-brown .prize-option-prize {
      text-transform: uppercase;
      font-size: 14px;
      letter-spacing: 3px; }
    .prize.prize-color-brown .prize-option-prize {
      font-size: 50px !important;
      top: 130px;
      width: 135%;
      margin-left: -30%; }
      @media only screen and (max-width: 959px) {
        .prize.prize-color-brown .prize-option-prize {
          width: 100%;
          margin-left: inherit; } }
    .prize.prize-color-brown .btn-text {
      margin-top: -45px; }
    @media only screen and (max-width: 959px) {
      .prize.prize-color-brown {
        background: #fff; } }
  .prize.prize-color-white {
    padding-top: 50px; }
    .prize.prize-color-white .btn-text {
      background-position: right -70px; }
      @media only screen and (max-width: 959px) {
        .prize.prize-color-white .btn-text {
          background-position: right 10px;
          color: #617584;
          display: inline-block; } }
    .prize.prize-color-white .prize-option-type,
    .prize.prize-color-white .prize-option-prize {
      color: #fff;
      text-shadow: 1px 1px 3px #333333; }
    @media only screen and (max-width: 959px) {
      .prize.prize-color-white {
        background: #fff; }
        .prize.prize-color-white .prize-option-type,
        .prize.prize-color-white .prize-option-prize {
          text-shadow: none; } }
  .prize.prize-size-100-featured {
    padding: 15px 0 0 0; }
    @media only screen and (max-width: 959px) {
      .prize.prize-size-100-featured {
        padding: 30px 0 30px 0;
        height: 130px;
        background-image: url("../images/deco_bg_gold.png");
        background-repeat: no-repeat;
        border-bottom: 1px rgba(255, 255, 255, 0.3) solid;
        background-size: 100%; } }
    .prize.prize-size-100-featured .prize-option-prize {
      font-size: 96px;
      color: #fff;
      text-transform: uppercase;
      font-weight: 700;
      letter-spacing: 10px;
      top: -6px; }
      .prize.prize-size-100-featured .prize-option-prize .currency {
        font-size: 76px;
        margin-right: -30px; }
        @media only screen and (max-width: 959px) {
          .prize.prize-size-100-featured .prize-option-prize .currency {
            font-size: 28px;
            margin-right: -2px; } }
      @media only screen and (max-width: 959px) {
        .prize.prize-size-100-featured .prize-option-prize {
          font-size: 36px;
          letter-spacing: 1px;
          margin-top: 20px;
          top: 0; } }
  @media only screen and (max-width: 959px) {
    .prize .btn-text {
      display: inline-block !important; } }
  .prize.prize-size-100 {
    width: 106%;
    padding: 65px;
    height: 265px;
    left: -35px;
    top: -110px;
    z-index: 1;
    margin-top: -60px !important; }
    @media only screen and (max-width: 959px) {
      .prize.prize-size-100 {
        height: auto;
        width: 100%;
        left: 0;
        top: 0;
        padding: 8% 10%; } }
    .prize.prize-size-100 .prize-option-type {
      font-weight: 700;
      font-size: 25px;
      letter-spacing: 1px;
      text-transform: uppercase;
      padding-bottom: 15px;
      padding-top: 140px; }
      @media only screen and (max-width: 959px) {
        .prize.prize-size-100 .prize-option-type {
          padding-top: 20px;
          padding-bottom: 5px; } }
      .prize.prize-size-100 .prize-option-type p {
        font-size: 25px; }
    .prize.prize-size-100 .prize-option-prize {
      font-weight: 700;
      padding-top: 15px; }
      .prize.prize-size-100 .prize-option-prize img {
        width: 60%; }
      @media only screen and (max-width: 959px) {
        .prize.prize-size-100 .prize-option-prize {
          width: 100%;
          padding-top: 20px; }
          .prize.prize-size-100 .prize-option-prize > img {
            width: 100%; } }
      .prize.prize-size-100 .prize-option-prize .subtext {
        margin-top: 10px; }
    .prize.prize-size-100 .prize-option-buttons {
      bottom: 0; }
    .prize.prize-size-100 .prize-option-footer {
      bottom: -50px; }
      @media only screen and (max-width: 959px) {
        .prize.prize-size-100 .prize-option-footer {
          bottom: -10px; } }
    @media only screen and (max-width: 959px) {
      .prize.prize-size-100 .prize-option-background {
        display: none; } }
  .prize.prize-size-67 {
    width: 640px;
    height: 300px; }
    @media only screen and (max-width: 959px) {
      .prize.prize-size-67 {
        width: 100%;
        height: auto; } }
    .prize.prize-size-67 .prize-option-type {
      font-size: 24px;
      position: relative;
      top: 38px;
      font-weight: 700; }
      @media only screen and (max-width: 959px) {
        .prize.prize-size-67 .prize-option-type {
          top: 0; } }
    @media only screen and (max-width: 959px) {
      .prize.prize-size-67 .prize-option-seperator {
        display: none; } }
    .prize.prize-size-67 .prize-option-prize {
      font-size: 40px;
      font-weight: 700; }
      @media only screen and (max-width: 959px) {
        .prize.prize-size-67 .prize-option-prize {
          font-size: 20px;
          text-align: center; } }
      .prize.prize-size-67 .prize-option-prize .currency {
        font-size: 30px; }
        @media only screen and (max-width: 959px) {
          .prize.prize-size-67 .prize-option-prize .currency {
            font-size: 16px; } }
    @media only screen and (max-width: 959px) {
      .prize.prize-size-67 .prize-option-buttons {
        -webkit-transform: scale(0.8); } }
  .prize.prize-size-50 {
    height: 190px;
    width: 470px; }
    @media only screen and (max-width: 959px) {
      .prize.prize-size-50 {
        width: 100%;
        height: auto; } }
    .prize.prize-size-50 .btn-text {
      margin-top: 10px; }
    @media only screen and (max-width: 959px) {
      .prize.prize-size-50 .prize-option-prize img {
        width: 80%; } }
  .prize.prize-size-33-featured {
    width: 320px;
    height: 300px;
    padding: 50px 0 40px 0; }
    @media only screen and (max-width: 959px) {
      .prize.prize-size-33-featured {
        border: 0;
        width: 100%;
        padding: 30px 0 30px 0;
        height: inherit;
        background-image: url("../images/deco_bg_gold.png");
        background-repeat: no-repeat;
        border-bottom: 1px rgba(255, 255, 255, 0.3) solid;
        background-size: 100%; } }
    .prize.prize-size-33-featured.prize-text-medium .prize-option-prize {
      font-size: 25px; }
      .prize.prize-size-33-featured.prize-text-medium .prize-option-prize .currency {
        font-size: 18px; }
    .prize.prize-size-33-featured .prize-option-type {
      font-size: 14px;
      position: relative;
      font-weight: 700; }
      @media only screen and (max-width: 959px) {
        .prize.prize-size-33-featured .prize-option-type {
          top: 0;
          padding-bottom: 0; } }
    .prize.prize-size-33-featured .prize-option-seperator {
      background-image: url("../images/deco_seperator_320.png");
      width: 320px;
      margin-top: -30px; }
      @media only screen and (max-width: 959px) {
        .prize.prize-size-33-featured .prize-option-seperator {
          display: none; } }
    .prize.prize-size-33-featured .prize-option-prize {
      color: #fff;
      font-size: 41px;
      margin-top: 20px;
      font-weight: 700; }
      @media only screen and (max-width: 959px) {
        .prize.prize-size-33-featured .prize-option-prize {
          font-size: 34px; } }
      .prize.prize-size-33-featured .prize-option-prize .currency {
        font-size: 30px; }
        @media only screen and (max-width: 959px) {
          .prize.prize-size-33-featured .prize-option-prize .currency {
            font-size: 24px; } }
      .prize.prize-size-33-featured .prize-option-prize .subtext {
        font-size: 14px;
        font-weight: 700;
        text-shadow: none; }
  .prize.prize-size-33 {
    width: 320px;
    height: 300px; }
    @media only screen and (max-width: 959px) {
      .prize.prize-size-33 {
        width: 100%;
        height: auto; } }
    .prize.prize-size-33 .prize-option-type {
      font-size: 14px;
      position: relative;
      font-weight: 700; }
      @media only screen and (max-width: 959px) {
        .prize.prize-size-33 .prize-option-type {
          top: 0; } }
    .prize.prize-size-33 .prize-option-seperator {
      background-image: url("../images/deco_seperator_320.png");
      width: 320px;
      margin-left: -40px; }
      @media only screen and (max-width: 959px) {
        .prize.prize-size-33 .prize-option-seperator {
          display: none; } }
    .prize.prize-size-33 .prize-option-prize {
      font-size: 35px;
      font-weight: 700; }
      @media only screen and (max-width: 959px) {
        .prize.prize-size-33 .prize-option-prize {
          font-size: 18px; } }
    @media only screen and (max-width: 959px) {
      .prize.prize-size-33 .prize-option-buttons {
        -webkit-transform: scale(0.65); } }
  .prize.prize-special {
    background: #fff;
    margin-top: 85px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    padding: 7px;
    -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2); }
    @media only screen and (max-width: 959px) {
      .prize.prize-special {
        margin-top: 60px;
        height: 165px; } }
    .prize.prize-special > div {
      border: 2px black solid;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px;
      height: 100%; }
    .prize.prize-special h2 {
      top: -33px;
      position: absolute;
      z-index: 2;
      left: 0;
      right: 0;
      margin: auto; }
    .prize.prize-special .prize-option-type {
      letter-spacing: 5px;
      text-transform: uppercase;
      text-align: center;
      padding-top: 40px; }
      @media only screen and (max-width: 959px) {
        .prize.prize-special .prize-option-type {
          padding-top: 30px; } }
    .prize.prize-special .prize-option-prize {
      display: block;
      padding-top: 0;
      padding-bottom: 10px; }

.prize-option-lightbox {
  display: none; }

.unprix {
  position: relative;
  float: left;
  margin-right: 28px;
  margin-bottom: 35px;
  width: 292px;
  cursor: pointer; }
  @media only screen and (max-width: 680px) {
    .unprix {
      margin-right: auto;
      margin-left: auto;
      float: none; } }
  .unprix .thebox {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    border-radius: 14px 14px 14px 14px; }
  .unprix .lighttheprize {
    position: relative;
    display: block;
    color: #ffffff !important;
    font-weight: 600;
    font-size: 20px;
    text-decoration: none;
    cursor: pointer; }
    .unprix .lighttheprize span {
      pointer-events: none; }
  .unprix .bld {
    width: 292px;
    height: 204px;
    overflow: hidden;
    border-radius: 14px 14px 14px 14px;
    display: block;
    position: relative; }
    .unprix .bld img {
      width: 100%;
      height: auto; }
  .unprix .cirarr {
    display: inline-block;
    background: url(../images/arrowforprizes.png) no-repeat left top;
    width: 29px;
    height: 29px;
    vertical-align: middle;
    float: right; }
  .unprix .butt {
    display: inline-block;
    margin-bottom: 30px;
    margin-left: 9%;
    margin-top: 24px;
    width: 86%;
    color: #ffffff !important;
    font-weight: 600;
    font-size: 20px;
    position: relative;
    min-height: 55px; }

.prizeoverlaywindow {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: 392px; }
  @media only screen and (max-width: 639px) {
    .prizeoverlaywindow {
      width: 100%; } }
  .prizeoverlaywindow .prizeoverlayimg {
    width: 292px;
    height: 204px;
    overflow: hidden;
    border-radius: 14px 14px 14px 14px;
    display: block;
    position: relative;
    z-index: 1;
    margin-left: 50px;
    margin-bottom: -37px;
    text-align: center; }
    .prizeoverlaywindow .prizeoverlayimg img {
      width: 100%;
      height: auto; }
    @media only screen and (max-width: 639px) {
      .prizeoverlaywindow .prizeoverlayimg {
        margin-left: auto;
        margin-right: auto; } }
  .prizeoverlaywindow .prizeoverlaytext {
    background: #ffffff;
    border-radius: 14px 14px 14px 14px;
    width: 392px;
    padding-top: 61px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    position: relative; }
    .prizeoverlaywindow .prizeoverlaytext h3 {
      color: #000000;
      font-size: 20px; }
    .prizeoverlaywindow .prizeoverlaytext .prizeoverlayclose {
      background: url(../images/prize_close_button.png) no-repeat left top;
      width: 29px;
      height: 29px;
      position: absolute;
      right: 7px;
      top: 8px;
      cursor: pointer; }
    @media only screen and (max-width: 639px) {
      .prizeoverlaywindow .prizeoverlaytext {
        width: 100%; } }

.accordion {
  float: left;
  width: 100%;
  overflow: hidden;
  margin: 0 0 30px 0; }
  .accordion.juza {
    float: none; }
  .accordion dl, .accordion dt, .accordion dd {
    margin: 0;
    width: 100%;
    color: #424224; }
  .accordion dt a {
    display: block;
    color: #424242 !important;
    border: none !important;
    text-decoration: none;
    font-weight: 500;
    font-size: 24px;
    padding: 15px 30px 10px 0;
    position: relative; }
  .accordion dd {
    background-color: #FBEFD5;
    border-top: 0;
    padding: 20px 0; }
    .accordion dd:last-of-type {
      border-top: 1px solid white;
      position: relative;
      top: -1px; }
    .accordion dd.show p:last-of-type br {
      display: none; }
    .accordion dd a {
      color: #005aab !important; }
    .accordion dd p {
      font-size: 18px;
      margin-bottom: 15px; }
  .accordion.accordion-multilevel dl {
    margin-left: 0;
    margin-right: 0; }
  .accordion.accordion-multilevel dt {
    border-top: 2px solid #d8d8d8;
    background: #fff; }
    .accordion.accordion-multilevel dt.active {
      background: none;
      background-color: #FBEFD5; }
    .accordion.accordion-multilevel dt:after {
      display: block;
      position: absolute;
      right: 30px;
      width: 25px;
      height: 25px;
      top: 50%;
      margin-top: -13px;
      content: "";
      background: transparent url(../images/icon-plus.png) center top no-repeat;
      background-size: contain; }
    .accordion.accordion-multilevel dt.active:after {
      display: block;
      position: absolute;
      right: 32px;
      width: 18px;
      height: 5px;
      top: 50%;
      margin-top: -2px;
      content: "";
      background: transparent url(../images/icon-minus.png) center top no-repeat;
      background-size: contain; }
  .accordion.accordion-multilevel dd .lees-meer:after {
    display: none; }

.accordion.accordion-multilevel.accordion-csv-result {
  margin: 0;
  padding: 0; }
  .accordion.accordion-multilevel.accordion-csv-result dl {
    margin: 0; }
  .accordion.accordion-multilevel.accordion-csv-result dd {
    height: 0;
    overflow: hidden;
    opacity: 0;
    margin: 0;
    padding: 0;
    display: inherit; }
  .accordion.accordion-multilevel.accordion-csv-result dd.show, .xp-page-editor-item-view .accordion.accordion-multilevel.accordion-csv-result dd {
    display: block;
    opacity: 1;
    height: auto;
    overflow: inherit; }
  .accordion.accordion-multilevel.accordion-csv-result tfoot tr td {
    width: 100%;
    display: table-cell; }
  .accordion.accordion-multilevel.accordion-csv-result .paging a:empty {
    display: inline-block; }

.countdown {
  width: 445px !important;
  margin: 30px 0 50px 255px; }
  @media only screen and (max-width: 959px) {
    .countdown {
      width: 100% !important;
      margin: 0; } }
  .countdown .boxed-effect-element.rotation-cw {
    -webkit-transform: rotate(-2.5deg);
    -moz-transform: rotate(-2.5deg);
    -ms-transform: rotate(-2.5deg);
    -o-transform: rotate(-2.5deg);
    transform: rotate(-2.5deg);
    top: 0px; }
    @media only screen and (max-width: 959px) {
      .countdown .boxed-effect-element.rotation-cw {
        display: block !important; } }
  .countdown .boxed-effect-inner {
    padding: 35px 0 45px;
    background: #009640 !important;
    background: -moz-linear-gradient(left, #009640 0%, #8DC63F 100%) !important;
    background: -webkit-gradient(left top, right top, color-stop(0%, #009640), color-stop(100%, #8DC63F)) !important;
    background: -webkit-linear-gradient(left, #009640 0%, #8DC63F 100%) !important;
    background: -o-linear-gradient(left, #009640 0%, #8DC63F 100%) !important;
    background: -ms-linear-gradient(left, #009640 0%, #8DC63F 100%) !important;
    background: linear-gradient(to right, #009640 0%, #8DC63F 100%) !important; }
    @media only screen and (max-width: 959px) {
      .countdown .boxed-effect-inner {
        padding: 20px 0 35px; } }
    .countdown .boxed-effect-inner h1 {
      font-size: 28px !important;
      color: #19492e !important;
      margin: 0 0 10px 0; }
      @media only screen and (max-width: 959px) {
        .countdown .boxed-effect-inner h1 {
          margin-bottom: 5px;
          font-size: 22px !important; } }
    .countdown .boxed-effect-inner .dashboard-counter {
      position: relative;
      font-size: 14px;
      color: white; }
      .countdown .boxed-effect-inner .dashboard-counter .countdown-section {
        margin-left: 25px;
        font-size: 85px;
        position: relative;
        font-weight: 700; }
        @media only screen and (max-width: 959px) {
          .countdown .boxed-effect-inner .dashboard-counter .countdown-section {
            font-size: 50px; } }
        .countdown .boxed-effect-inner .dashboard-counter .countdown-section:first-child {
          margin-left: 0; }
          .countdown .boxed-effect-inner .dashboard-counter .countdown-section:first-child:after {
            display: none; }
      .countdown .boxed-effect-inner .dashboard-counter .kkc-sec {
        margin: 0; }
      .countdown .boxed-effect-inner .dashboard-counter .countdown-section:after {
        content: ":";
        position: absolute;
        left: -20px;
        top: 15px;
        font-size: 50px;
        color: #1c7a35; }
        @media only screen and (max-width: 959px) {
          .countdown .boxed-effect-inner .dashboard-counter .countdown-section:after {
            font-size: 30px;
            left: -15px; } }
      .countdown .boxed-effect-inner .dashboard-counter .countdown-period {
        position: absolute;
        left: 0;
        right: 0;
        text-align: center;
        bottom: -15px;
        font-size: 14px;
        font-weight: 400; }
      .countdown .boxed-effect-inner .dashboard-counter .kkc-min-text {
        left: 133px; }
        @media only screen and (max-width: 959px) {
          .countdown .boxed-effect-inner .dashboard-counter .kkc-min-text {
            left: 83px; } }
      .countdown .boxed-effect-inner .dashboard-counter .kkc-sec-text {
        left: 243px; }
        @media only screen and (max-width: 959px) {
          .countdown .boxed-effect-inner .dashboard-counter .kkc-sec-text {
            left: 157px; } }
    .countdown .boxed-effect-inner .man-hand {
      position: absolute;
      left: 60px;
      top: -22px;
      height: 77px;
      width: 84px;
      background: url(../images/man-hand.png) no-repeat left top; }
      @media only screen and (max-width: 959px) {
        .countdown .boxed-effect-inner .man-hand {
          display: none; } }

div.lightbox-content {
  display: none; }

div.lightbox {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 1337;
  width: 100%;
  height: 100%;
  display: none;
  padding: 0;
  margin: 0;
  opacity: 0; }
  div.lightbox.is-active {
    display: block; }
  div.lightbox .lb-content {
    margin-top: 20px; }
    div.lightbox .lb-content h2 {
      padding: 0 40px 0 40px;
      margin-top: -15px; }
  div.lightbox .lightbox-overlay {
    background: url("../images/lightbox_bg_70.png");
    background: rgba(71, 83, 94, 0.7);
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 1338;
    position: fixed;
    top: 0; }
  div.lightbox .lightbox-container {
    max-width: 450px;
    width: 100%;
    background: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    position: absolute;
    left: 0;
    right: 0;
    top: 150px;
    margin: auto;
    z-index: 1339;
    /*@include breakpoint(mobile) {*/ }
    @media (max-width: 500px) {
      div.lightbox .lightbox-container {
        top: 0;
        position: relative;
        margin: 15px 2.5%;
        max-width: 95%;
        bottom: 0;
        padding-top: 20px;
        padding-bottom: 20px; } }
    @media only screen and (min-width: 960px) {
      div.lightbox .lightbox-container .inner .content {
        padding: 70px 40px 40px 40px; } }
    div.lightbox .lightbox-container > div {
      /*@include breakpoint(mobile) {*/
      /*padding-top:100px;*/
      padding: 130px 35px 40px 35px; }
      @media (max-width: 500px) {
        div.lightbox .lightbox-container > div {
          height: 100%;
          overflow-y: scroll;
          padding: 10px 20px 20px 20px; } }
      div.lightbox .lightbox-container > div .lightbox-image {
        position: relative;
        right: 0;
        margin: auto;
        /*margin-bottom: -150px;
                top: -170px;*/
        margin-top: -215px;
        margin-bottom: 20px;
        top: 0;
        left: 0;
        /*@include breakpoint(mobile) {*/ }
        @media (max-width: 500px) {
          div.lightbox .lightbox-container > div .lightbox-image {
            display: none; } }
        div.lightbox .lightbox-container > div .lightbox-image img {
          -webkit-border-radius: 10px;
          -moz-border-radius: 10px;
          -ms-border-radius: 10px;
          -o-border-radius: 10px;
          border-radius: 10px;
          -webkit-transform: rotate(-3deg);
          -moz-transform: rotate(-3deg);
          -ms-transform: rotate(-3deg);
          -o-transform: rotate(-3deg);
          transform: rotate(-3deg);
          box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.5);
          -webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.5); }
      div.lightbox .lightbox-container > div h3 {
        font-size: 35px;
        margin: 0 0 15px 0;
        text-align: left;
        /*@include breakpoint(mobile) {*/ }
        @media (max-width: 500px) {
          div.lightbox .lightbox-container > div h3 {
            font-size: 24px;
            padding-right: 80px; } }
      div.lightbox .lightbox-container > div p {
        font-size: 18px;
        line-height: 26px; }
      div.lightbox .lightbox-container > div small {
        font-size: 14px; }
    div.lightbox .lightbox-container.lb-type-b {
      top: -100px;
      max-width: 965px;
      /* + 5 for some weird padding/margin, so it won't load the mobile version */
      /*@include breakpoint(mobile) {*/
      /*@include breakpoint(mobile) {*/ }
      @media (max-width: 500px) {
        div.lightbox .lightbox-container.lb-type-b {
          max-width: none !important;
          width: 95%; } }
      div.lightbox .lightbox-container.lb-type-b .cta-block-effect {
        display: none; }
      @media (max-width: 500px) {
        div.lightbox .lightbox-container.lb-type-b .inner {
          padding: 0; }
        div.lightbox .lightbox-container.lb-type-b .toggle-nav {
          margin-bottom: 25px; }
        div.lightbox .lightbox-container.lb-type-b .keuzedoel-toggle a {
          padding: 15px 10px;
          line-height: 20px;
          font-size: 15px;
          min-height: 91px; }
          div.lightbox .lightbox-container.lb-type-b .keuzedoel-toggle a:before, div.lightbox .lightbox-container.lb-type-b .keuzedoel-toggle a:after {
            left: 57%; }
        div.lightbox .lightbox-container.lb-type-b h3 {
          font-size: 20px;
          padding-right: 0; }
        div.lightbox .lightbox-container.lb-type-b .search-inline fieldset input[type='text'] {
          font-size: 18px;
          padding-left: 60px; } }
      div.lightbox .lightbox-container.lb-type-b .content {
        padding: 0; }
        div.lightbox .lightbox-container.lb-type-b .content .lb-title {
          float: left;
          width: 100%;
          min-height: 20px;
          text-align: center;
          padding-top: 20px; }
        div.lightbox .lightbox-container.lb-type-b .content .toggle-containers {
          padding: 0 30px;
          /*@include breakpoint(mobile) {*/ }
          @media (max-width: 500px) {
            div.lightbox .lightbox-container.lb-type-b .content .toggle-containers {
              padding: 0 15px; } }
          div.lightbox .lightbox-container.lb-type-b .content .toggle-containers h3 {
            color: #333;
            margin: 0 0 40px 0; }
          div.lightbox .lightbox-container.lb-type-b .content .toggle-containers .list-results {
            margin: 0 0 40px 0;
            /*@include breakpoint(mobile) {*/ }
            @media (max-width: 500px) {
              div.lightbox .lightbox-container.lb-type-b .content .toggle-containers .list-results {
                background: none !important; }
                div.lightbox .lightbox-container.lb-type-b .content .toggle-containers .list-results span.title {
                  padding-right: 50%;
                  display: block; } }
          div.lightbox .lightbox-container.lb-type-b .content .toggle-containers .search-inline {
            margin-top: -20px; }
      div.lightbox .lightbox-container.lb-type-b .lightbox-close {
        top: 30px;
        /*@include breakpoint(mobile) {*/ }
        @media (max-width: 500px) {
          div.lightbox .lightbox-container.lb-type-b .lightbox-close {
            top: 0px; } }
  div.lightbox .lightbox-iframe {
    margin-top: 0; }
    @media only screen and (min-width: 960px) {
      div.lightbox .lightbox-iframe {
        margin-top: 50px; } }
  div.lightbox .color-purple .inner .content .lightbox-close,
  div.lightbox .color-darkpurple .inner .content .lightbox-close {
    background-image: url("../images/lightbox_close_purple.png"); }
  div.lightbox .color-blue .inner .content .lightbox-close,
  div.lightbox .color-lightblue .inner .content .lightbox-close {
    background-image: url("../images/lightbox_close_lightblue.png"); }
  div.lightbox .color-red .inner .content .lightbox-close {
    background-image: url("../images/lightbox_close_red.png"); }
  div.lightbox .color-green .inner .content .lightbox-close {
    background-image: url("../images/lightbox_close_green.png"); }
  div.lightbox .color-orange .inner .content .lightbox-close {
    background-image: url("../images/lightbox_close_orange.png"); }
  div.lightbox .lightbox-close {
    width: 80px;
    top: 20px;
    right: 20px;
    background-image: url("../images/lightbox_close_orange.png");
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    text-align: right;
    padding-right: 25px;
    background-position: right 1px;
    text-decoration: none;
    font-size: 18px;
    z-index: 1;
    /*@include breakpoint(mobile) {*/ }
    @media (max-width: 500px) {
      div.lightbox .lightbox-close {
        right: 20px;
        top: 10px; } }
  div.lightbox iframe {
    border-radius: 10px; }

.prizelightbox, .bubblecaroussellightbox {
  display: none;
  position: absolute;
  width: 100%; }
  .prizelightbox .prizelightbox-overlay, .bubblecaroussellightbox .prizelightbox-overlay {
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 1438;
    position: fixed;
    top: 0; }
  .prizelightbox .prizelinner, .bubblecaroussellightbox .prizelinner {
    position: relative;
    z-index: 1439;
    margin-left: auto;
    margin-right: auto; }

.price-ladder {
  position: relative;
  float: left;
  margin: 0;
  width: 100%; }
  .w310 .price-ladder ul.ladder li {
    width: 100%; }
    .w310 .price-ladder ul.ladder li:first-child {
      position: relative;
      top: auto;
      left: auto;
      z-index: 0;
      width: 100%; }
      .w310 .price-ladder ul.ladder li:first-child img {
        width: 100%;
        height: auto; }
    .w310 .price-ladder ul.ladder li.right {
      margin-left: 0 !important; }
    .w310 .price-ladder ul.ladder li .ladder-item-label {
      right: auto !important;
      left: -15px !important; }
  .w310 .price-ladder .dif {
    display: block !important;
    background: #4880C5 !important;
    background: -moz-linear-gradient(top, #004F9F 0%, #4880C5 100%) !important;
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #004F9F), color-stop(100%, #4880C5)) !important;
    background: -webkit-linear-gradient(top, #004F9F 0%, #4880C5 100%) !important;
    background: -o-linear-gradient(top, #004F9F 0%, #4880C5 100%) !important;
    background: -ms-linear-gradient(top, #004F9F 0%, #4880C5 100%) !important;
    background: linear-gradient(to bottom, #004F9F 0%, #4880C5 100%) !important;
    background-size: 100% 100%;
    -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.2);
    margin-bottom: 0px !important;
    height: 280px; }
    .w310 .price-ladder .dif img {
      margin-left: 0px;
      width: 100%;
      height: auto; }
    .w310 .price-ladder .dif .boxed-effect-inner {
      padding-top: 0;
      height: 100%;
      font-size: 16px; }
      .w310 .price-ladder .dif .boxed-effect-inner .active_plugin {
        position: absolute;
        right: 0;
        left: -20px;
        margin: auto;
        width: 350px; }
      .w310 .price-ladder .dif .boxed-effect-inner .auto-stand {
        display: none; }
      .w310 .price-ladder .dif .boxed-effect-inner p {
        margin-top: -10px;
        margin-bottom: 5px;
        font-size: 53px;
        line-height: 55px; }
      .w310 .price-ladder .dif .boxed-effect-inner strong {
        display: block;
        padding: 0 10px;
        text-align: center;
        font-size: 16px;
        line-height: 18px; }
  .price-ladder.parralax {
    margin-bottom: 40px; }
    .price-ladder.parralax .auto-stand {
      position: relative;
      top: 20px;
      margin-bottom: 50px; }
      .price-ladder.parralax .auto-stand div {
        display: inline-block;
        color: #ffdd00;
        text-transform: uppercase;
        text-shadow: 0px 0px 24px rgba(0, 64, 127, 0.83);
        font-size: 44px; }
        .price-ladder.parralax .auto-stand div.counter-holder {
          display: inline-block;
          width: 141px;
          height: 82px;
          background: url("../images/counter-bg.png") no-repeat center top;
          line-height: 1; }
        .price-ladder.parralax .auto-stand div div.month {
          padding-top: 30px;
          font-size: 44px !important;
          font-family: inherit; }
        .price-ladder.parralax .auto-stand div div.counter {
          display: block;
          padding-left: 10px;
          text-align: center;
          font-size: 80px;
          font-family: "led_counter-7-webfont"; }
  .price-ladder .ladder-content {
    position: relative;
    clear: both;
    padding-top: 50px; }
  .price-ladder ul.ladder {
    position: relative;
    float: left;
    margin: 0 0 0 0;
    padding: 0;
    width: 100%; }
    .price-ladder ul.ladder li {
      -webkit-text-shadow: -2px 2px 3px rgba(0, 0, 0, 0.2);
      -moz-text-shadow: -2px 2px 3px rgba(0, 0, 0, 0.2);
      text-shadow: -2px 2px 3px rgba(0, 0, 0, 0.2);
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      -ms-border-radius: 10px;
      -o-border-radius: 10px;
      border-radius: 10px;
      -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.2);
      box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.2);
      position: relative;
      float: left;
      margin-right: 27%;
      margin-bottom: 0;
      padding: 0;
      width: 29%;
      height: 110px;
      background: none;
      color: white;
      list-style: none;
      text-align: center;
      font-size: 40px;
      font-weight: 900; }
      .price-ladder ul.ladder li:first-child {
        position: absolute;
        top: -5px;
        left: 270px;
        z-index: 0;
        min-height: 270px;
        width: 380px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
        -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0);
        -moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0);
        box-shadow: inset 0 0 10px rgba(0, 0, 0, 0);
        font-size: 125px; }
        .price-ladder ul.ladder li:first-child:after {
          display: none; }
        .price-ladder ul.ladder li:first-child + li + li > div {
          background-position: left top; }
          .price-ladder ul.ladder li:first-child + li + li > div .ladder-item-label {
            right: auto;
            left: -15px; }
        .price-ladder ul.ladder li:first-child + li + li + li > div {
          background-position: 10px 10px; }
        .price-ladder ul.ladder li:first-child + li + li + li + li > div {
          background-position: 170px 10px; }
          .price-ladder ul.ladder li:first-child + li + li + li + li > div .ladder-item-label {
            right: auto;
            left: -15px; }
        .price-ladder ul.ladder li:first-child + li + li + li + li + li > div {
          background-position: -140px -280px; }
        .price-ladder ul.ladder li:first-child + li + li + li + li + li + li > div {
          background-position: -30px 10px; }
          .price-ladder ul.ladder li:first-child + li + li + li + li + li + li > div .ladder-item-label {
            right: auto;
            left: -15px; }
        .price-ladder ul.ladder li:first-child + li + li + li + li + li + li + li > div {
          background-position: 290px -25px; }
        .price-ladder ul.ladder li:first-child + li + li + li + li + li + li + li + li > div {
          background-position: left -10px; }
          .price-ladder ul.ladder li:first-child + li + li + li + li + li + li + li + li > div .ladder-item-label {
            right: auto;
            left: -15px; }
        .price-ladder ul.ladder li:first-child + li:after,
        .price-ladder ul.ladder li:first-child + li + li + li + li:after,
        .price-ladder ul.ladder li:first-child + li + li + li + li + li:after {
          background-image: url("../images/price-ladder-shadow-left.png"); }
        .price-ladder ul.ladder li:first-child .boxed-effect-inner {
          background: #004F9F !important;
          background: -moz-linear-gradient(top, #4880C5 0%, #004F9F 100%) !important;
          background: -webkit-gradient(left top, left bottom, color-stop(0%, #4880C5), color-stop(100%, #004F9F)) !important;
          background: -webkit-linear-gradient(top, #4880C5 0%, #004F9F 100%) !important;
          background: -o-linear-gradient(top, #4880C5 0%, #004F9F 100%) !important;
          background: -ms-linear-gradient(top, #4880C5 0%, #004F9F 100%) !important;
          background: linear-gradient(to bottom, #4880C5 0%, #004F9F 100%) !important;
          background-size: 100% 100%;
          padding: 0;
          background: none; }
          .price-ladder ul.ladder li:first-child .boxed-effect-inner > div {
            padding: 10px;
            background: none; }
        .price-ladder ul.ladder li:first-child .boxed-effect-element {
          -webkit-transform: rotate(-2deg);
          -moz-transform: rotate(-2deg);
          -ms-transform: rotate(-2deg);
          -o-transform: rotate(-2deg);
          transform: rotate(-2deg);
          background: #6A0E5A !important;
          background: -moz-linear-gradient(top, #C0047B 0%, #6A0E5A 100%) !important;
          background: -webkit-gradient(left top, left bottom, color-stop(0%, #C0047B), color-stop(100%, #6A0E5A)) !important;
          background: -webkit-linear-gradient(top, #C0047B 0%, #6A0E5A 100%) !important;
          background: -o-linear-gradient(top, #C0047B 0%, #6A0E5A 100%) !important;
          background: -ms-linear-gradient(top, #C0047B 0%, #6A0E5A 100%) !important;
          background: linear-gradient(to bottom, #C0047B 0%, #6A0E5A 100%) !important;
          background-size: 100% 100%;
          top: 0px;
          left: -10px;
          background-position: 0 0; }
        .price-ladder ul.ladder li:first-child span {
          display: block;
          margin: 10px 0 20px 0;
          font-size: 60px;
          font-weight: 700; }
          .price-ladder ul.ladder li:first-child span:first-child {
            margin: 0 0 5px 0;
            padding: 20px 0 0 0;
            text-transform: uppercase;
            font-size: 39px; }
      .price-ladder ul.ladder li:after {
        position: absolute;
        bottom: -15px;
        left: 0;
        z-index: 1;
        width: 100%;
        height: 15px;
        background: url("../images/price-ladder-shadow-right.png") no-repeat left 0px;
        background-size: 100% 15px;
        content: " ";
        opacity: 0.8; }
      .ie9 .price-ladder ul.ladder li.color-green {
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg3YzU0MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwM2E2NTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); }
      .ie9 .price-ladder ul.ladder li.color-red {
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxNWE0ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMzIwMjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); }
      .ie9 .price-ladder ul.ladder li.color-orange {
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmY2I0ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNjg2MjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); }
      .ie9 .price-ladder ul.ladder li.color-purple {
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NkMTM4OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2ODJmNmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); }
      .ie9 .price-ladder ul.ladder li.color-blue {
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ0YzdmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMTZmYmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); }
      .ie9 .price-ladder ul.ladder li .boxed-effect-inner {
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ0YzdmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMTZmYmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); }
      .price-ladder ul.ladder li.color-green {
        background: #009640 !important;
        background: -moz-linear-gradient(top, #8DC63F 0%, #009640 100%) !important;
        background: -webkit-gradient(left top, left bottom, color-stop(0%, #8DC63F), color-stop(100%, #009640)) !important;
        background: -webkit-linear-gradient(top, #8DC63F 0%, #009640 100%) !important;
        background: -o-linear-gradient(top, #8DC63F 0%, #009640 100%) !important;
        background: -ms-linear-gradient(top, #8DC63F 0%, #009640 100%) !important;
        background: linear-gradient(to bottom, #8DC63F 0%, #009640 100%) !important;
        background-size: 100% 100%; }
      .price-ladder ul.ladder li.color-red {
        background: #E72173 !important;
        background: -moz-linear-gradient(top, #DC0831 0%, #E72173 100%) !important;
        background: -webkit-gradient(left top, left bottom, color-stop(0%, #DC0831), color-stop(100%, #E72173)) !important;
        background: -webkit-linear-gradient(top, #DC0831 0%, #E72173 100%) !important;
        background: -o-linear-gradient(top, #DC0831 0%, #E72173 100%) !important;
        background: -ms-linear-gradient(top, #DC0831 0%, #E72173 100%) !important;
        background: linear-gradient(to bottom, #DC0831 0%, #E72173 100%) !important;
        background-size: 100% 100%; }
      .price-ladder ul.ladder li.color-orange {
        background: #EF7D00 !important;
        background: -moz-linear-gradient(top, #FFDD00 0%, #EF7D00 100%) !important;
        background: -webkit-gradient(left top, left bottom, color-stop(0%, #FFDD00), color-stop(100%, #EF7D00)) !important;
        background: -webkit-linear-gradient(top, #FFDD00 0%, #EF7D00 100%) !important;
        background: -o-linear-gradient(top, #FFDD00 0%, #EF7D00 100%) !important;
        background: -ms-linear-gradient(top, #FFDD00 0%, #EF7D00 100%) !important;
        background: linear-gradient(to bottom, #FFDD00 0%, #EF7D00 100%) !important;
        background-size: 100% 100%; }
      .price-ladder ul.ladder li.color-purple {
        background: #6A0E5A !important;
        background: -moz-linear-gradient(top, #C0047B 0%, #6A0E5A 100%) !important;
        background: -webkit-gradient(left top, left bottom, color-stop(0%, #C0047B), color-stop(100%, #6A0E5A)) !important;
        background: -webkit-linear-gradient(top, #C0047B 0%, #6A0E5A 100%) !important;
        background: -o-linear-gradient(top, #C0047B 0%, #6A0E5A 100%) !important;
        background: -ms-linear-gradient(top, #C0047B 0%, #6A0E5A 100%) !important;
        background: linear-gradient(to bottom, #C0047B 0%, #6A0E5A 100%) !important;
        background-size: 100% 100%; }
      .price-ladder ul.ladder li.color-blue {
        background: #004F9F !important;
        background: -moz-linear-gradient(top, #4880C5 0%, #004F9F 100%) !important;
        background: -webkit-gradient(left top, left bottom, color-stop(0%, #4880C5), color-stop(100%, #004F9F)) !important;
        background: -webkit-linear-gradient(top, #4880C5 0%, #004F9F 100%) !important;
        background: -o-linear-gradient(top, #4880C5 0%, #004F9F 100%) !important;
        background: -ms-linear-gradient(top, #4880C5 0%, #004F9F 100%) !important;
        background: linear-gradient(to bottom, #4880C5 0%, #004F9F 100%) !important;
        background-size: 100% 100%; }
      .price-ladder ul.ladder li.text {
        font-size: 26px;
        font-weight: 700;
        line-height: 28px; }
        .price-ladder ul.ladder li.text > div {
          padding: 15px 20px; }
      .price-ladder ul.ladder li.nobg:after {
        display: none; }
      .price-ladder ul.ladder li.right {
        margin: 0 0 0 15%; }
      .price-ladder ul.ladder li.dif {
        display: none; }
      .price-ladder ul.ladder li > div {
        padding: 10px;
        height: 100%;
        background: url("../images/pattern-sterren.png") repeat 0 -20px; }
      .price-ladder ul.ladder li .ladder-item-text {
        display: block;
        height: 40px;
        font-style: normal;
        font-size: 12px;
        font-weight: 400;
        line-height: 18px; }
        .price-ladder ul.ladder li .ladder-item-text:first-child {
          display: block;
          font-size: 14px; }
        .price-ladder ul.ladder li .ladder-item-text em {
          font-style: normal; }
        .price-ladder ul.ladder li .ladder-item-text span {
          position: relative;
          top: 7px;
          font-size: 26px; }
      .price-ladder ul.ladder li .ladder-item-label {
        background: #4880C5 !important;
        background: -moz-linear-gradient(top, #004F9F 0%, #4880C5 100%) !important;
        background: -webkit-gradient(left top, left bottom, color-stop(0%, #004F9F), color-stop(100%, #4880C5)) !important;
        background: -webkit-linear-gradient(top, #004F9F 0%, #4880C5 100%) !important;
        background: -o-linear-gradient(top, #004F9F 0%, #4880C5 100%) !important;
        background: -ms-linear-gradient(top, #004F9F 0%, #4880C5 100%) !important;
        background: linear-gradient(to bottom, #004F9F 0%, #4880C5 100%) !important;
        background-size: 100% 100%;
        -webkit-transform: rotate(-5deg);
        -moz-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        -o-transform: rotate(-5deg);
        transform: rotate(-5deg);
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px;
        position: absolute;
        top: 0;
        right: -15px;
        bottom: 0;
        display: block;
        margin: auto;
        padding: 8px 5px 5px 5px;
        width: 52px;
        height: 50px;
        font-size: 22px;
        font-weight: 700;
        line-height: 20px; }
        .price-ladder ul.ladder li .ladder-item-label em {
          display: block;
          margin-bottom: 5px;
          font-style: normal;
          font-size: 12px;
          line-height: 12px; }
  .price-ladder ul.price-ladder-dif {
    float: left;
    margin: 50px 0 0px 0;
    padding: 0;
    width: 100%; }
    .price-ladder ul.price-ladder-dif li {
      float: left;
      margin-bottom: 0;
      padding: 0;
      width: 100%;
      background: none !important;
      color: #004F9F;
      list-style: none;
      text-align: center;
      font-weight: 700; }
      .ie9 .price-ladder ul.price-ladder-dif li .boxed-effect-inner {
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ0YzdmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMTZmYmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        padding: 10px 0;
        color: white;
        list-style: none;
        text-align: center;
        font-size: 100px; }
      .price-ladder ul.price-ladder-dif li p {
        -webkit-text-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
        -moz-text-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
        text-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
        margin: 30px 0 20px 0;
        padding: 10px 0;
        color: #fff;
        list-style: none;
        text-align: center;
        font-size: 100px;
        line-height: 0; }
      .price-ladder ul.price-ladder-dif li .boxed-effect {
        width: 100%; }
      .price-ladder ul.price-ladder-dif li .boxed-effect-inner {
        padding: 10px 0;
        background: #004F9F !important;
        background: -moz-linear-gradient(top, #4880C5 0%, #004F9F 100%) !important;
        background: -webkit-gradient(left top, left bottom, color-stop(0%, #4880C5), color-stop(100%, #004F9F)) !important;
        background: -webkit-linear-gradient(top, #4880C5 0%, #004F9F 100%) !important;
        background: -o-linear-gradient(top, #4880C5 0%, #004F9F 100%) !important;
        background: -ms-linear-gradient(top, #4880C5 0%, #004F9F 100%) !important;
        background: linear-gradient(to bottom, #4880C5 0%, #004F9F 100%) !important;
        background-size: 100% 100%; }
        .price-ladder ul.price-ladder-dif li .boxed-effect-inner strong {
          display: none; }
      .price-ladder ul.price-ladder-dif li .boxed-effect-element {
        -webkit-transform: rotate(1deg);
        -moz-transform: rotate(1deg);
        -ms-transform: rotate(1deg);
        -o-transform: rotate(1deg);
        transform: rotate(1deg);
        top: -10px;
        left: 30px;
        width: 95%;
        height: 80%; }
      .price-ladder ul.price-ladder-dif li .animation-cars {
        position: relative;
        float: left;
        width: 100%;
        font-size: 16px; }
        .price-ladder ul.price-ladder-dif li .animation-cars img {
          position: absolute;
          bottom: -110px;
          left: 37px;
          width: 890px;
          height: auto;
          transition: all 1.2s ease 0s; }
      .price-ladder ul.price-ladder-dif li .animate-cars {
        bottom: -165px !important; }
      .price-ladder ul.price-ladder-dif li .img-centered {
        margin-bottom: 0 !important; }
  @media only screen and (max-width: 959px) {
    .price-ladder {
      margin-bottom: 30px; }
      .price-ladder.parallax .auto-stand div {
        display: block; }
        .price-ladder.parallax .auto-stand div div.month {
          display: inline-block;
          padding-top: 56px; }
      .price-ladder ul.ladder li {
        width: 100%; }
        .price-ladder ul.ladder li:first-child {
          position: relative;
          top: auto;
          left: auto;
          display: none;
          margin: 0 0 20px 0 !important;
          padding: 0 15px;
          width: 100%; }
          .price-ladder ul.ladder li:first-child + li + li + li + li + li + li + li + li:after {
            display: none; }
          .price-ladder ul.ladder li:first-child span {
            font-size: 40px; }
            .price-ladder ul.ladder li:first-child span:first-child {
              font-size: 24px; }
        .price-ladder ul.ladder li.dif {
          background: #4880C5 !important;
          background: -moz-linear-gradient(top, #004F9F 0%, #4880C5 100%) !important;
          background: -webkit-gradient(left top, left bottom, color-stop(0%, #004F9F), color-stop(100%, #4880C5)) !important;
          background: -webkit-linear-gradient(top, #004F9F 0%, #4880C5 100%) !important;
          background: -o-linear-gradient(top, #004F9F 0%, #4880C5 100%) !important;
          background: -ms-linear-gradient(top, #004F9F 0%, #4880C5 100%) !important;
          background: linear-gradient(to bottom, #004F9F 0%, #4880C5 100%) !important;
          background-size: 100% 100%;
          -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.2);
          -moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.2);
          box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.2);
          display: block;
          margin-bottom: 0px !important; }
          .price-ladder ul.ladder li.dif:after {
            display: none; }
          .price-ladder ul.ladder li.dif > .type-mobile {
            display: block; }
            .price-ladder ul.ladder li.dif > .type-mobile img {
              margin-left: 0px;
              width: 100%;
              height: auto; }
          .price-ladder ul.ladder li.dif .type-screen {
            display: none; }
          .price-ladder ul.ladder li.dif p {
            line-height: 0; }
        .price-ladder ul.ladder li.right {
          margin-left: 0; }
        .price-ladder ul.ladder li .boxed-effect-element {
          left: 5px !important;
          width: 96%; }
        .price-ladder ul.ladder li .ladder-item-label {
          right: auto;
          left: -15px; }
      .price-ladder ul.price-ladder-dif {
        display: none; }
        .price-ladder ul.price-ladder-dif li img {
          display: none; } }

.doelenlijst {
  float: left;
  width: 100%;
  background-color: #fff;
  /*@include breakpoint(mobile) {*/ }
  @media (min-width: 768px) {
    .doelenlijst {
      width: 100%;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      -o-border-radius: 0;
      border-radius: 0;
      border: 0; } }
  .doelenlijst .doelenlijst-content {
    padding: 0;
    float: left;
    width: 100%;
    margin: 0 0 80px 0; }
    @media only screen and (max-width: 959px) {
      .doelenlijst .doelenlijst-content {
        margin-bottom: 40px; } }

.twitter-timeline.twitter-timeline-rendered {
  width: 100% !important; }

@media only screen and (max-width: 959px) {
  .doelenlijst .value {
    display: none !important; } }

.list-dateitems {
  float: left;
  width: 100%;
  margin: 0 0 20px 0; }
  .list-dateitems ul {
    float: left;
    width: 100%;
    list-style: none;
    margin: 0; }
    .list-dateitems ul li {
      padding: 0 0 0px 120px;
      margin: 0 0 10px 0;
      list-style: none;
      position: relative;
      float: left;
      width: 100%; }
      @media only screen and (max-width: 959px) {
        .list-dateitems ul li {
          padding-left: 0; } }
      .list-dateitems ul li h3 {
        font-size: 18px;
        display: inline-block;
        margin: 5px 0 0 0;
        color: #00a7e9; }
      .list-dateitems ul li h4 {
        font-size: 18px;
        font-style: italic;
        font-weight: 400; }
      .list-dateitems ul li p {
        margin-bottom: 10px; }
      .list-dateitems ul li a {
        text-transform: none !important; }
      .list-dateitems ul li .date {
        position: absolute;
        left: 0;
        top: 0;
        max-width: 100%;
        line-height: 27px;
        border: none;
        width: 100px;
        text-align: center;
        height: 60px;
        font-weight: 600;
        font-size: 18px;
        overflow: hidden;
        font-weight: 700;
        display: flex;
        align-items: center;
        justify-content: center;
        /*@include breakpoint(mobile) {*/ }
        .list-dateitems ul li .date strong {
          display: block; }
        @media only screen and (max-width: 959px) {
          .list-dateitems ul li .date {
            display: block;
            position: relative;
            left: auto;
            top: auto;
            width: 100%;
            border: 0;
            height: inherit;
            text-align: left;
            padding: 0; }
            .list-dateitems ul li .date strong {
              display: inline-block;
              margin-left: 10px; } }
      .list-dateitems ul li:before {
        content: '';
        display: none; }

.list-results {
  float: left;
  width: 100%;
  background: url("../images/spacer-horizontal-spaced.gif") repeat center top;
  margin: 0 0 30px 0; }
  .list-results li {
    background: none;
    padding: 0;
    margin: 0;
    width: 50%;
    float: left;
    height: 42px;
    /*@include breakpoint(mobile) {*/ }
    @media (min-width: 768px) {
      .list-results li {
        width: 100%;
        float: none;
        border-bottom: 1px solid #e1e1e1;
        height: auto; } }
    .list-results li a {
      padding: 15px 0 8px;
      display: block;
      color: #333 !important;
      text-decoration: none;
      position: relative;
      /*@include breakpoint(mobile) {*/ }
      @media only screen and (max-width: 480px) {
        .list-results li a span.title {
          display: block; } }
      .list-results li a span.link {
        display: none;
        position: absolute;
        right: 20px;
        top: 10px;
        color: #EF7D00 !important;
        padding: 3px 15px 0px;
        border: 1px solid #d9d9d9;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
        background: #eeeeee !important;
        background: -moz-linear-gradient(top, #fefefe 0%, #eeeeee 100%) !important;
        background: -webkit-gradient(left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #eeeeee)) !important;
        background: -webkit-linear-gradient(top, #fefefe 0%, #eeeeee 100%) !important;
        background: -o-linear-gradient(top, #fefefe 0%, #eeeeee 100%) !important;
        background: -ms-linear-gradient(top, #fefefe 0%, #eeeeee 100%) !important;
        background: linear-gradient(to bottom, #fefefe 0%, #eeeeee 100%) !important;
        background-size: 100% 100%;
        /*@include breakpoint(mobile) {*/ }
        @media (min-width: 768px) {
          .list-results li a span.link {
            display: block;
            right: 0px; } }
        .ie8 .list-results li a span.link {
          top: 13px; }
      .list-results li a em {
        color: #d1d1d1;
        font-style: normal;
        font-size: 14px;
        display: inline-block;
        margin-left: 5px; }
        @media only screen and (max-width: 480px) {
          .list-results li a em {
            margin-left: 0; } }
      .list-results li a:after {
        display: none;
        content: "Gekozen";
        position: absolute;
        right: 20px;
        top: 10px;
        z-index: 9999;
        color: #EF7D00 !important;
        padding: 3px 15px 0px;
        border: 1px solid #d9d9d9;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
        background: #eeeeee !important;
        background: -moz-linear-gradient(top, #fefefe 0%, #eeeeee 100%) !important;
        background: -webkit-gradient(left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #eeeeee)) !important;
        background: -webkit-linear-gradient(top, #fefefe 0%, #eeeeee 100%) !important;
        background: -o-linear-gradient(top, #fefefe 0%, #eeeeee 100%) !important;
        background: -ms-linear-gradient(top, #fefefe 0%, #eeeeee 100%) !important;
        background: linear-gradient(to bottom, #fefefe 0%, #eeeeee 100%) !important;
        background-size: 100% 100%; }
      .list-results li a:hover {
        color: #EF7D00 !important; }
        .list-results li a:hover span.link {
          display: block; }
      .list-results li a.is-active {
        color: #EF7D00 !important; }
        .list-results li a.is-active span.link {
          display: none;
          background: #fefefe !important;
          background: -moz-linear-gradient(top, #eeeeee 0%, #fefefe 100%) !important;
          background: -webkit-gradient(left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #fefefe)) !important;
          background: -webkit-linear-gradient(top, #eeeeee 0%, #fefefe 100%) !important;
          background: -o-linear-gradient(top, #eeeeee 0%, #fefefe 100%) !important;
          background: -ms-linear-gradient(top, #eeeeee 0%, #fefefe 100%) !important;
          background: linear-gradient(to bottom, #eeeeee 0%, #fefefe 100%) !important;
          background-size: 100% 100%; }
        .list-results li a.is-active:after {
          display: block !important;
          top: 10px; }
      @media (min-width: 768px) {
        .list-results li a.is-active:after {
          right: 0px; } }

.list-navigation {
  float: left;
  width: 100%;
  margin: 0 0 10px 0; }
  .list-navigation ul {
    margin: 0;
    float: left;
    width: 100%;
    position: relative; }
    .list-navigation ul li {
      list-style: none;
      margin: 0;
      padding: 0;
      float: left;
      width: 100%;
      background: url(../images/inline-nav-bg.png) no-repeat center bottom !important; }
      .list-navigation ul li a {
        display: block;
        background: url(../images/arrow-right-orange-h23.png) no-repeat 92% center;
        background-size: 6px 11px;
        text-decoration: none;
        padding: 12px 20px 9px 0;
        color: #333 !important;
        font-size: 15px; }

.list-clubs-thumbs {
  text-align: center; }
  @media only screen and (min-width: 960px) {
    .list-clubs-thumbs {
      text-align: left; } }
  .list-clubs-thumbs ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline-block;
    text-align: center;
    max-width: 150px; }
    @media only screen and (min-width: 960px) {
      .list-clubs-thumbs ul {
        text-align: left;
        max-width: 100%;
        width: 100%; } }
    .list-clubs-thumbs ul li {
      padding: 0 0 20px 0;
      margin: 0;
      overflow: hidden;
      border-radius: 20px;
      transition: 0.3s all;
      max-width: 150px; }
      @media only screen and (min-width: 960px) {
        .list-clubs-thumbs ul li {
          float: left;
          width: 31.3%;
          margin-right: 3%;
          max-width: 100%; }
          .list-clubs-thumbs ul li:last-child {
            margin-right: 0; } }
      .list-clubs-thumbs ul li a {
        text-decoration: none;
        display: block; }
      .list-clubs-thumbs ul li .thumb {
        background: #00a7e9;
        position: relative;
        border-radius: 20px; }
        .list-clubs-thumbs ul li .thumb img {
          transition: 0.3s all;
          border-radius: 20px;
          width: 100%;
          display: block; }
        .list-clubs-thumbs ul li .thumb .btn, .list-clubs-thumbs ul li .thumb .pcac .pcac_simpleButton, .pcac .list-clubs-thumbs ul li .thumb .pcac_simpleButton,
        .list-clubs-thumbs ul li .thumb .pcac .pcac_backButtonContainer a, .pcac .pcac_backButtonContainer .list-clubs-thumbs ul li .thumb a {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          margin: auto;
          opacity: 0;
          color: #ffffff;
          text-align: center;
          height: 20px; }
      .list-clubs-thumbs ul li:hover .thumb img {
        opacity: 0.05; }
      .list-clubs-thumbs ul li:hover .thumb .btn, .list-clubs-thumbs ul li:hover .thumb .pcac .pcac_simpleButton, .pcac .list-clubs-thumbs ul li:hover .thumb .pcac_simpleButton,
      .list-clubs-thumbs ul li:hover .thumb .pcac .pcac_backButtonContainer a, .pcac .pcac_backButtonContainer .list-clubs-thumbs ul li:hover .thumb a {
        opacity: 1; }
      .list-clubs-thumbs ul li strong {
        color: #000000;
        text-decoration: none;
        font-weight: normal;
        margin-top: 10px;
        display: inline-block;
        font-size: 18px; }

.mobie-winnenmobieltje {
  position: absolute;
  left: -100px;
  top: -76px;
  z-index: 10; }
  @media only screen and (max-width: 959px) {
    .mobie-winnenmobieltje {
      display: none; } }

.vl-special-styling .memben-item {
  padding: 10px; }
  .vl-special-styling .memben-item button[type="submit"] {
    padding: 14px 15px !important;
    width: calc(100% - 20px) !important;
    max-width: 250px;
    margin: auto; }
    @media (min-width: 768px) {
      .vl-special-styling .memben-item button[type="submit"] {
        margin: auto; } }

.vl-special-styling .memberbenefit-image img {
  margin: 0 auto; }

.vl-special-styling .memberbenefit-description {
  text-align: center; }

@media only screen and (max-width: 959px) {
  /* Force table to not be like tables anymore */
  table.table-mobile-horizontal,
  table.table-mobile-horizontal thead,
  table.table-mobile-horizontal tbody,
  table.table-mobile-horizontal th,
  table.table-mobile-horizontal td,
  table.table-mobile-horizontal tr {
    display: block; }
  /* Hide table headers (but not display: none;, for accessibility) */
  table.table-mobile-horizontal thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px; }
  table.table-mobile-horizontal tr {
    border: 1px solid #ccc; }
  table.table-mobile-horizontal td,
  table.table-mobile-horizontal th {
    /* Behave  like a "row" */
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    white-space: normal;
    text-align: left; }
  table.table-mobile-horizontal td:before,
  table.table-mobile-horizontal th:before {
    /* Now like a table header */
    position: relative;
    /* Top/left values mimic padding */
    top: 0px;
    left: 0;
    width: 100%;
    padding-right: 10px;
    white-space: nowrap;
    text-align: left;
    font-weight: bold;
    display: inline-block; }
  /*
    Label the data
    */
  table.table-mobile-horizontal td:before,
  table.table-mobile-horizontal th:before {
    content: attr(data-title); }
  table.table-mobile-horizontal th:before {
    top: 15px; } }

.table {
  width: 100%;
  position: relative;
  border-collapse: collapse;
  table-layout: fixed; }
  .table .is-hidden {
    display: none; }
  @media only screen and (max-width: 959px) {
    .table.table-padding {
      border-left: 0px #fff solid;
      border-right: 0px #fff solid;
      margin-bottom: 10px; } }
  .table.table-padding thead tr th {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 10px;
    text-align: right;
    vertical-align: top;
    font-size: 16px; }
  @media only screen and (max-width: 959px) {
    .table.table-heading {
      border-left: 0px #fff solid;
      border-right: 0px #fff solid; } }
  @media only screen and (max-width: 959px) {
    .table.table-heading tr th {
      padding-top: 10px;
      padding-bottom: 10px;
      padding-left: 10px; } }
  .table thead tr {
    border-bottom: 1px #d9d9d9 solid; }
    .table thead tr.table-col-50 th {
      width: 50%; }
      @media only screen and (max-width: 959px) {
        .table thead tr.table-col-50 th {
          width: 100%;
          display: block; } }
    .table thead tr.table-col-100 th {
      width: 100%; }
    .table thead tr th {
      padding: 20px 35px 20px 35px;
      text-align: right;
      display: table-cell; }
      @media only screen and (max-width: 959px) {
        .table thead tr th {
          padding-left: 0px;
          padding-right: 10px; } }
      .table thead tr th:first-child {
        text-align: left; }
      .table thead tr th h2 {
        margin: 0;
        font-size: 26px; }
        @media only screen and (max-width: 959px) {
          .table thead tr th h2 {
            font-size: 22px; } }
  .table tbody tr {
    border-bottom: 1px #d9d9d9 solid; }
    .table tbody tr:hover td a {
      color: #009640; }
    .table tbody tr.table-col-50 td {
      width: 50%; }
      @media only screen and (max-width: 959px) {
        .table tbody tr.table-col-50 td {
          width: 100%;
          display: block; } }
    .table tbody tr td {
      width: 50%;
      text-align: left;
      font-size: 18px;
      padding: 12px 0 9px 0; }
      .table tbody tr td a {
        display: block;
        text-decoration: none; }
      .table tbody tr td.label {
        text-align: left;
        width: 40%; }
        @media only screen and (max-width: 959px) {
          .table tbody tr td.label {
            border-bottom: 0;
            padding: 12px 0 9px 10px; } }
      .table tbody tr td.value {
        width: 20%;
        text-align: right; }
        @media only screen and (max-width: 959px) {
          .table tbody tr td.value {
            text-align: left;
            padding: 0px 0 9px 0; } }

.accordion-list .accordion-csv-result table.remaining-results {
  margin-top: 0;
  width: 100%;
  margin-left: 0; }

.accordion-list .accordion-csv-result .paging li:before {
  display: none; }

.accordion-list .accordion-csv-result .csv-disclaimer {
  width: 100%;
  padding-bottom: 30px;
  padding-left: 20px; }

.table-mijnloten {
  border-collapse: separate;
  border-spacing: 0 7px;
  margin: 0 0 10px 0; }
  @media only screen and (max-width: 959px) {
    .table-mijnloten {
      border-bottom: 1px solid #eeeeee; } }
  .table-mijnloten thead th {
    position: relative; }
  .table-mijnloten thead th:first-child {
    width: 165px; }
  .table-mijnloten thead th:nth-child(2) {
    width: 190px; }
  .table-mijnloten thead th:first-child + th {
    width: 180px; }
  .table-mijnloten thead th:nth-child(3) {
    width: 190px; }
  @media only screen and (max-width: 959px) {
    .table-mijnloten tbody tr {
      border-bottom: 0 !important; } }
  .table-mijnloten tbody tr th, .table-mijnloten tbody tr td {
    padding: 22px 15px 17px;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    vertical-align: top; }
    @media only screen and (max-width: 959px) {
      .table-mijnloten tbody tr th, .table-mijnloten tbody tr td {
        border: 0 !important;
        padding-bottom: 20px;
        padding-top: 20px; }
        .table-mijnloten tbody tr th:first-child, .table-mijnloten tbody tr td:first-child {
          padding-top: 16px;
          padding-bottom: 14px; } }
  .table-mijnloten tbody tr th {
    text-align: left;
    border-right: 1px solid #eeeeee;
    border-left: 1px solid #eeeeee; }
    .color-orange .table-mijnloten tbody tr th {
      color: #EF7D00; }
    @media only screen and (max-width: 959px) {
      .table-mijnloten tbody tr th {
        background: #fef2e8;
        border-bottom: 20px solid white !important;
        padding-left: 20px; } }
    .table-mijnloten tbody tr th:before {
      top: auto; }
  .table-mijnloten tbody tr td {
    border-right: 1px solid #eeeeee; }
  .table-mijnloten tbody .btn-edit,
  .table-mijnloten tbody .btn-plus {
    float: right;
    width: 55px;
    white-space: nowrap; }
  .table-mijnloten tbody .note-Atr {
    width: 82px;
    float: right; }
  @media only screen and (max-width: 959px) {
    .table-mijnloten tbody .note-JpB {
      width: 82px;
      float: right; } }

.tables-lots .btn, .tables-lots .pcac .pcac_simpleButton, .pcac .tables-lots .pcac_simpleButton,
.tables-lots .pcac .pcac_backButtonContainer a, .pcac .pcac_backButtonContainer .tables-lots a {
  margin: 5px 0 0 0;
  width: 100%; }

/*
table.table-mobile-horizontal {
    @media (max-width: $screen-tablet) {
        display: block;
        border-collapse: collapse;
        position: relative;
        width: 100%;

        td, th {
            display: block;
        }
    }

}
*/
.social-buttons {
  display: inline-block;
  padding: 30px 40px; }
  .social-buttons td {
    vertical-align: top;
    text-align: left;
    margin-right: 30px !important;
    display: block;
    float: left; }
  .social-buttons .social-button-facebook {
    width: 118px; }
  .social-buttons .social-button-twitter {
    width: 74px; }
  .social-buttons .social-button-google,
  .social-buttons .social-button-linkedin {
    width: 64px; }

.wp50 .summerylist.imaged ul {
  padding-top: 20px !important; }

.wp50 .summerylist.imaged li {
  padding-left: 40% !important;
  padding-bottom: 5px !important;
  margin-bottom: 15px !important; }

.inline-nav {
  float: left;
  width: 100%;
  border-top: 1px solid #f7f7f7;
  border-bottom: 1px solid #f7f7f7;
  padding: 10px 0;
  background: #fcfcfc;
  /*@include breakpoint(mobile) {*/ }
  @media (min-width: 768px) {
    .inline-nav {
      margin-top: -30px;
      margin-bottom: 20px; } }
  .inline-nav ul {
    padding: 0 20px;
    margin: 0;
    float: left;
    width: 100%;
    position: relative;
    background: url(../images/inline-nav-bg.png) repeat-y center top; }
    .inline-nav ul:after {
      content: "";
      position: absolute;
      left: 0;
      bottom: -2px;
      height: 4px;
      width: 100%;
      background: #fcfcfc; }
  .inline-nav li {
    background: none;
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
    width: 50%; }
    .inline-nav li a {
      display: block;
      background: url(../images/arrow-right-orange-h23.png) no-repeat 92% center;
      background-size: 6px 11px;
      text-decoration: none;
      padding: 8px 20px 5px 0;
      color: #393939;
      font-size: 15px; }

.search-inline {
  float: left;
  width: 100%;
  margin: 0 0 30px 0;
  position: relative; }
  .search-inline fieldset {
    border: 0;
    padding: 0;
    position: relative; }
    .search-inline fieldset legend {
      display: none; }
    .search-inline fieldset input[type='submit'] {
      position: absolute;
      left: 0;
      top: 5px;
      background: transparent;
      border: 0;
      color: transparent;
      width: 60px;
      height: 40px;
      display: block;
      z-index: 10;
      content: " "; }
    .search-inline fieldset input[type='text'] {
      border: 0 !important;
      border-bottom: 1px solid #d7d7d7 !important;
      font-size: 20px;
      padding-left: 70px;
      background-position: 20px -1417px;
      z-index: 1;
      -webkit-box-shadow: none !important;
      -moz-box-shadow: none !important;
      box-shadow: none !important;
      -webkit-border-radius: 0 !important;
      -moz-border-radius: 0 !important;
      -ms-border-radius: 0 !important;
      -o-border-radius: 0 !important;
      border-radius: 0 !important; }
    .search-inline fieldset p.results {
      position: absolute;
      right: 20px;
      top: 10px;
      /*@include breakpoint(mobile) {*/ }
      @media (min-width: 768px) {
        .search-inline fieldset p.results {
          top: -25px; } }

.poll ul {
  list-style: none;
  margin: 0;
  padding: 0; }
  .poll ul li {
    list-style: none;
    background: none;
    margin: 0;
    padding: 0;
    display: block;
    clear: both;
    margin-bottom: 15px; }
    .poll ul li p {
      margin: 0;
      line-height: 35px;
      font-size: 18px; }

.poll .poll-option {
  border: 3px #004F9F solid;
  width: 35px;
  height: 35px;
  border-radius: 35px;
  color: #004F9F;
  text-align: center;
  font-size: 22px;
  padding-top: 4px;
  float: left;
  margin-right: 15px;
  cursor: pointer; }
  .poll .poll-option.is-active {
    border-color: #009640;
    color: #009640; }
  .poll .poll-option input {
    display: none; }

.panel {
  width: 100%;
  padding: 20px;
  overflow: hidden;
  margin-top: 40px; }
  @media only screen and (min-width: 960px) {
    .panel {
      margin-left: -40px;
      padding: 40px; } }
  @media only screen and (min-width: 960px) {
    .panel.panel-align-bottom {
      margin-bottom: -30px;
      border-bottom-left-radius: 10px;
      border-bottom-right-radius: 10px; } }
  .w390 .panel {
    width: 100%; }
    @media only screen and (min-width: 960px) {
      .w390 .panel {
        width: 390px; } }
  .w550 .panel {
    width: 100%;
    padding: 40px 20px 40px 20px; }
    @media only screen and (min-width: 960px) {
      .w550 .panel {
        width: 550px;
        padding: 60px 40px 60px 40px; } }
    .w550 .panel .panel__quote h3 {
      font-size: 30px;
      font-weight: 700; }
    .w550 .panel .panel__quote blockquote {
      background: #ffffff;
      border-radius: 5px;
      box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
      border: 0;
      padding: 50px 30px 50px 30px;
      font-size: 20px;
      line-height: 28px; }
  .panel.panel-color-orange {
    background: rgba(239, 125, 0, 0.1); }
  .panel.panel-color-blue {
    background: rgba(0, 79, 159, 0.05); }
  .panel .btn-primary {
    width: 100%;
    margin-bottom: 40px; }
  .panel .btn-social {
    margin-right: 15px; }
    .panel .btn-social:last-child {
      margin-right: 0; }
  .panel .panel__quote h3 {
    color: #424242;
    margin-bottom: 25px;
    text-align: center;
    font-size: 24px;
    font-weight: 400; }
  .panel .panel__quote blockquote {
    color: #424242;
    font-size: 18px;
    font-style: normal;
    margin: 0;
    margin-bottom: 20px; }

.page-header-brand-box {
  margin-bottom: 0 !important; }

.page-brand-box .brand-box-single {
  max-width: 960px;
  margin: 0 auto;
  display: block; }
  @media only screen and (max-width: 960px) {
    .page-brand-box .brand-box-single {
      padding: 0 20px; } }

.page-brand-box .brand-box-desktop {
  width: 960px;
  margin: 0 auto;
  display: block; }
  @media only screen and (max-width: 960px) {
    .page-brand-box .brand-box-desktop {
      display: none; } }
  .page-brand-box .brand-box-desktop .row .col.col-12 {
    max-height: 346.5px; }

.page-brand-box .brand-box-mobile {
  max-width: 640px;
  margin: 0 auto;
  display: none; }
  @media only screen and (max-width: 960px) {
    .page-brand-box .brand-box-mobile {
      display: block; } }

.page-brand-box .row {
  overflow: hidden; }
  .page-brand-box .row .col {
    padding: 0;
    margin: 0;
    float: left; }
    .page-brand-box .row .col img {
      margin: 0 !important;
      width: 100%; }
    .page-brand-box .row .col a {
      display: block;
      line-height: 0; }
    .page-brand-box .row .col p, .page-brand-box .row .col span {
      line-height: 0;
      margin: 0;
      padding: 0; }
    .page-brand-box .row .col.col-6 {
      width: 50%; }

/* video brandbox custom element */
.videobrandbox {
  position: relative; }
  .videobrandbox p:empty {
    display: none; }
  .videobrandbox .desktop-only {
    display: block !important; }
  .videobrandbox .mobile-only {
    display: none !important; }
  .is-mobile-device .videobrandbox .desktop-only {
    display: none !important; }
  .is-mobile-device .videobrandbox .mobile-only {
    display: block !important; }
  .videobrandbox .vbb_hidemobile {
    /*
        @media only screen and (max-width: 960px ) {
        }
        */ }
    @media only screen and (max-width: 959px) {
      .videobrandbox .vbb_hidemobile {
        display: none; } }
  .videobrandbox .vbb_hidedesktop {
    /*
        @media only screen and (min-width: 960px ) {
            display: none;
        }
        */ }
    @media only screen and (min-width: 960px) {
      .videobrandbox .vbb_hidedesktop {
        display: none; } }
  .videobrandbox .vbb_videocontainer {
    position: relative; }
  .videobrandbox .vbb_videooverlaygraphs {
    position: absolute;
    left: 0;
    top: -5px;
    bottom: 0;
    right: 0;
    z-index: 2; }
    .videobrandbox .vbb_videooverlaygraphs img {
      width: 100%;
      height: auto;
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0; }
  .is-mobile-device .videobrandbox .vbb_videooverlaygraphs {
    position: relative; }
    .is-mobile-device .videobrandbox .vbb_videooverlaygraphs img {
      position: relative; }
  .videobrandbox .cta.video {
    float: none; }
    @media only screen and (max-width: 960px) {
      .videobrandbox .cta.video {
        margin-top: 0; } }
  .videobrandbox .cta.video .video-thumb {
    -webkit-box-shadow: 0px -3px 15px 3px rgba(0, 0, 0, 0.5) !important;
    -moz-box-shadow: 0px -3px 15px 3px rgba(0, 0, 0, 0.5) !important;
    box-shadow: 0px -3px 15px 3px rgba(0, 0, 0, 0.5) !important; }
  .is-mobile .videobrandbox .cta.video .video-thumb {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important; }
  .is-mobile-device .videobrandbox .cta.video {
    display: none !important; }
  .videobrandbox .vbb_videocontrols {
    position: absolute;
    z-index: 3;
    right: 10px;
    bottom: 60px;
    width: 160px;
    padding-top: 0; }
    @media only screen and (max-width: 960px) {
      .videobrandbox .vbb_videocontrols {
        bottom: 50px;
        right: 20px; } }
    .videobrandbox .vbb_videocontrols .playpause, .videobrandbox .vbb_videocontrols .soundonoff {
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#92c753+0,078d39+100 */
      background: #92c753;
      /* Old browsers */
      background: -moz-linear-gradient(top, #92c753 0%, #078d39 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(top, #92c753 0%, #078d39 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, #92c753 0%, #078d39 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#92c753', endColorstr='#078d39', GradientType=0);
      /* IE6-9 */
      width: 46px;
      height: 46px;
      border-radius: 5px 5px 5px 5px;
      float: left;
      margin-right: 8px;
      -webkit-box-shadow: inset -2px -2px 3px 0px rgba(50, 50, 50, 0.52);
      -moz-box-shadow: inset -2px -2px 3px 0px rgba(50, 50, 50, 0.52);
      box-shadow: inset -2px -2px 3px 0px rgba(50, 50, 50, 0.52); }
      @media only screen and (max-width: 960px) {
        .videobrandbox .vbb_videocontrols .playpause, .videobrandbox .vbb_videocontrols .soundonoff {
          width: 36px;
          height: 36px; } }
    .videobrandbox .vbb_videocontrols .YTcontrbuttons {
      position: absolute;
      right: 2%;
      bottom: 12%; }
      @media only screen and (max-width: 959px) {
        .videobrandbox .vbb_videocontrols .YTcontrbuttons {
          right: 4%;
          bottom: 13%; } }
    .videobrandbox .vbb_videocontrols .playpause span, .videobrandbox .vbb_videocontrols .soundonoff span {
      width: 100%;
      height: 100%;
      display: block;
      -webkit-filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 0.4));
      filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 0.4));
      /* Same syntax as box-shadow */ }
    .videobrandbox .vbb_videocontrols .playpause span {
      background: url(../images/vbb_play.svg) no-repeat center center;
      background-size: auto 20px; }
      @media only screen and (max-width: 960px) {
        .videobrandbox .vbb_videocontrols .playpause span {
          background-size: auto 16px; } }
    .videobrandbox .vbb_videocontrols .playpause span.paused {
      background: url(../images/vbb_pause.svg) no-repeat center center;
      background-size: auto 20px; }
      @media only screen and (max-width: 960px) {
        .videobrandbox .vbb_videocontrols .playpause span.paused {
          background-size: auto 16px; } }
    .videobrandbox .vbb_videocontrols .soundonoff span {
      background: url(../images/vbb_soundon.svg) no-repeat center center;
      background-size: auto 20px; }
      @media only screen and (max-width: 960px) {
        .videobrandbox .vbb_videocontrols .soundonoff span {
          background-size: auto 16px; } }
    .videobrandbox .vbb_videocontrols .soundonoff span.ismute {
      background: url(../images/vbb_soundoff.svg) no-repeat center center;
      background-size: auto 20px; }
      @media only screen and (max-width: 960px) {
        .videobrandbox .vbb_videocontrols .soundonoff span.ismute {
          background-size: auto 16px; } }
  .videobrandbox .vbb_bottomcontainer {
    position: relative; }
  .videobrandbox .vbb_stillimage {
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 20px; }
  .videobrandbox .vbb_stillimage img {
    width: 100%;
    height: auto; }
  .videobrandbox .vbb_stillimage.showEditOnly {
    display: none; }
  .gdlcontextrequest .videobrandbox .desktop-only {
    display: block !important; }
  .gdlcontextrequest .videobrandbox .mobile-only {
    display: block !important; }
  .gdlcontextrequest .videobrandbox .vbb_stillimage {
    position: relative; }
  .gdlcontextrequest .videobrandbox .vbb_stillimage.showEditOnly {
    display: block; }
  .gdlcontextrequest .videobrandbox .vbb_videooverlaygraphs {
    position: relative; }
    .gdlcontextrequest .videobrandbox .vbb_videooverlaygraphs img {
      position: relative; }
  .gdlcontextrequest .videobrandbox .vbb_videooverlaygraphs:after {
    content: "Afbeeldingen voor overlay -> bekijk pagina voor overlay resultaat!! resp. mobiele variant en desktop variant";
    position: absolute;
    color: rgba(255, 0, 0, 0.7);
    left: 0;
    top: 0;
    font-weight: bold; }
  .gdlcontextrequest .videobrandbox .vbb_stillimage:after {
    content: "Afbeelding wordt getoond voordat de video start";
    position: absolute;
    color: rgba(255, 0, 0, 0.7);
    left: 0;
    top: 0;
    font-weight: bold; }
  .gdlcontextrequest .videobrandbox .vbb_videocontrols {
    display: none; }

.progress.progress-circle-small .progress-visual {
  width: 150px;
  height: 150px;
  border-radius: 150px; }
  .progress.progress-circle-small .progress-visual .progress-visual-type {
    width: 70px;
    height: 70px;
    border-radius: 0;
    background: transparent; }
  .progress.progress-circle-small .progress-visual .circliful {
    width: 150px;
    height: 150px;
    border-radius: 150px; }

.progress.progress-circle-small .progress-value {
  display: block;
  overflow: hidden;
  text-align: center; }
  .progress.progress-circle-small .progress-value .progress-values {
    opacity: 0;
    display: inline-block; }
  .progress.progress-circle-small .progress-value strong {
    font-size: 30px;
    display: inline; }
  .progress.progress-circle-small .progress-value p {
    margin-top: 10px;
    font-size: 20px;
    display: inline;
    color: #999999; }

.progress .progress-header {
  margin-bottom: 20px; }
  .progress .progress-header h3 {
    color: #424242;
    text-align: center;
    font-weight: normal;
    font-size: 24px;
    font-weight: 400; }

.progress .progress-visual {
  position: relative;
  margin: 0 auto;
  width: 150px;
  height: 150px;
  border-radius: 150px;
  background: #edf7ff; }
  .progress .progress-visual canvas {
    top: 0;
    position: absolute;
    left: 0; }
  .progress .progress-visual .progress-visual-plus {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    text-align: center;
    width: 20px;
    height: 20px;
    margin: auto;
    transition: transform 3s, top 3s, right 2.5s, font-size 3s;
    z-index: 10;
    color: #009640;
    opacity: 0;
    transform: translate3d(0, 0, 0);
    font-size: 1px; }
    .progress .progress-visual .progress-visual-plus.is-animated {
      top: -140px;
      right: -130px;
      opacity: 1;
      font-size: 35px; }
  .progress .progress-visual .progress-visual-type {
    position: absolute;
    top: 0px;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: #004F9F;
    text-align: center;
    padding-top: 30px;
    color: #ffffff;
    font-size: 34px;
    font-weight: bold; }
    .progress .progress-visual .progress-visual-type img {
      border-radius: 140px;
      top: -28px;
      position: relative; }
    .progress .progress-visual .progress-visual-type p {
      display: none; }
  .progress .progress-visual .circliful {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    text-align: center;
    line-height: 0; }
  .progress .progress-visual .circle-text, .progress .progress-visual .circle-info, .progress .progress-visual .circle-text-half, .progress .progress-visual .circle-info-half {
    position: absolute;
    display: inline-block;
    width: 100%;
    text-align: center; }
  .progress .progress-visual .circle-info, .progress .progress-visual .circle-info-half {
    color: #999; }
  .progress .progress-visual .circliful .fa {
    position: relative;
    bottom: 4px;
    margin: -10px 3px 0 3px; }

.progress .progress-value {
  margin-top: 20px; }
  .progress .progress-value .progress-values {
    opacity: 0; }
  .progress .progress-value strong {
    display: block;
    margin-bottom: 10px;
    color: #009640;
    text-align: center;
    font-weight: normal;
    font-size: 50px; }
  .progress .progress-value p {
    margin: 0;
    text-align: center;
    font-weight: normal;
    font-size: 20px; }

.tweets ul {
  list-style: none;
  margin: 0;
  padding: 0; }
  .tweets ul li {
    background: none;
    padding: 0;
    margin: 0 0 20px 0; }
    .tweets ul li:last-child {
      margin-bottom: 0; }

.tweets .tweet-header {
  margin-bottom: 5px; }
  .tweets .tweet-header strong {
    font-size: 18px; }
  .tweets .tweet-header a {
    font-size: 14px; }

.tweets .tweet-body {
  font-size: 16px;
  line-height: 22px; }
  .tweets .tweet-body p:last-child {
    margin-bottom: 0; }

.donation-results {
  margin-bottom: 20px;
  background: url(../images/inline-nav-bg.png) no-repeat center top;
  overflow: hidden;
  padding-top: 40px; }
  .donation-results ul {
    list-style: none;
    padding: 0;
    margin: 0; }
    .donation-results ul li {
      background: none;
      padding: 0;
      text-align: center; }
      .donation-results ul li strong {
        font-size: 18px;
        display: block;
        text-align: center;
        margin-bottom: 10px;
        margin-top: 30px; }
      .donation-results ul li span {
        display: block;
        text-align: center;
        font-size: 50px;
        color: #009640; }

.benigoal {
  position: relative; }
  .benigoal .benigoal-identity {
    float: left;
    overflow: hidden;
    width: 70%;
    height: 420px;
    border-top-left-radius: 10px;
    background-position: center center;
    background-size: cover; }
    @media only screen and (max-width: 959px) {
      .benigoal .benigoal-identity {
        width: 100%;
        float: none;
        height: 200px;
        border-top-right-radius: 10px; } }

.benigoal-info {
  position: absolute;
  right: 0;
  margin: auto;
  width: 320px;
  height: 420px;
  background: #fff; }
  @media only screen and (max-width: 959px) {
    .benigoal-info {
      width: auto;
      height: auto;
      position: relative;
      right: auto; } }
  .benigoal-info .benigoal-info-header {
    padding: 15px 30px; }
    .benigoal-info .benigoal-info-header h2 {
      margin-bottom: 0;
      color: #004F9F;
      font-weight: bold;
      font-size: 30px !important;
      line-height: 30px !important; }
    .benigoal-info .benigoal-info-header strong {
      color: #004F9F;
      font-weight: normal;
      font-size: 30px; }
    @media only screen and (max-width: 959px) {
      .benigoal-info .benigoal-info-header {
        text-align: center; } }
  .benigoal-info .benigoal-info-status {
    position: relative;
    padding: 15px 30px 15px 80px;
    background: #edf7ff;
    text-align: left; }
    @media only screen and (max-width: 959px) {
      .benigoal-info .benigoal-info-status {
        padding: 20px;
        text-align: center; } }
    .benigoal-info .benigoal-info-status h3 {
      color: #004F9F;
      font-weight: normal;
      font-size: 30px; }
    .benigoal-info .benigoal-info-status strong {
      margin: 0;
      color: #004F9F;
      font-weight: bold;
      font-size: 40px; }
  .benigoal-info .progress {
    position: absolute;
    top: -12px;
    left: -75px; }
    @media only screen and (max-width: 959px) {
      .benigoal-info .progress {
        position: relative;
        top: auto;
        left: auto;
        margin-top: 0; } }
  .benigoal-info .benigoal-info-meta {
    width: 100%; }
    .benigoal-info .benigoal-info-meta div {
      float: left;
      padding: 30px 17px;
      width: 50%; }
      @media only screen and (max-width: 959px) {
        .benigoal-info .benigoal-info-meta div {
          width: 100%;
          float: none;
          text-align: center;
          padding-top: 20px;
          padding-bottom: 10px; } }
      .benigoal-info .benigoal-info-meta div:first-child p {
        position: relative;
        margin: 0;
        color: #004F9F;
        font-size: 22px;
        line-height: 22px;
        display: inline-block; }
        .benigoal-info .benigoal-info-meta div:first-child p span {
          position: absolute;
          top: 0;
          right: -10px;
          font-size: 24px; }
      .benigoal-info .benigoal-info-meta div:first-child strong {
        display: block;
        color: #004F9F;
        font-weight: bold;
        font-size: 31px;
        line-height: 31px;
        text-transform: uppercase;
        white-space: nowrap; }
      .benigoal-info .benigoal-info-meta div:first-child small {
        color: #004F9F;
        font-size: 11px;
        line-height: 11px; }
      .benigoal-info .benigoal-info-meta div:last-child {
        text-align: center; }
        .benigoal-info .benigoal-info-meta div:last-child p {
          color: #004F9F;
          font-size: 22px; }
        .benigoal-info .benigoal-info-meta div:last-child strong {
          display: block;
          color: #004F9F;
          font-weight: bold;
          font-size: 31px;
          text-transform: uppercase; }

.benigoal-footer {
  clear: both;
  padding: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  background: #9aa7b3;
  color: #fff;
  text-align: center;
  font-size: 24px; }
  .benigoal-footer p {
    margin: 0;
    font-weight: bold; }

/* ==========================================================================
   $BASE-PICKER
   ========================================================================== */
/**
 * Note: the root picker element should *NOT* be styled more than what’s here.
 */
.picker {
  font-weight: 400;
  font-size: 16px;
  text-align: left;
  line-height: 1.2;
  color: #000000;
  position: absolute;
  z-index: 10000;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/**
 * The picker input element.
 */
.picker__input {
  cursor: default; }

/**
 * When the picker is opened, the input element is “activated”.
 */
.picker__input.picker__input--active {
  border-color: #0089ec; }

/**
 * The holder is the only “scrollable” top-level container element.
 */
.picker__holder {
  width: 100%;
  overflow-y: visible;
  /*auto;*/
  -webkit-overflow-scrolling: touch; }

/*!
 * Classic picker styling for pickadate.js
 * Demo: http://amsul.github.io/pickadate.js
 */
/**
 * Note: the root picker element should *NOT* be styled more than what’s here.
 */
.picker {
  width: 100%; }

/**
 * The holder is the base of the picker.
 */
.picker__holder {
  position: absolute;
  background: #ffffff;
  border: 1px solid #0095e2;
  border-top-width: 0;
  border-bottom-width: 0;
  border-radius: 0 0 5px 5px;
  box-sizing: border-box;
  min-width: 176px;
  max-width: 330px;
  max-height: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transform: translateY(-1em) perspective(600px) rotateX(10deg);
  transform: translateY(-1em) perspective(600px) rotateX(10deg);
  transition: -webkit-transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s 0.15s, border-width 0s 0.15s;
  transition: transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s 0.15s, border-width 0s 0.15s;
  border-radius: 8px;
  border-width: 1px;
  overflow-y: visible;
  right: 0;
  /*display: none;*/
  min-width: 0;
  width: 0;
  height: 0; }

/**
 * The frame and wrap work together to ensure that
 * clicks within the picker don’t reach the holder.
 */
.picker__frame {
  padding: 1px;
  border-radius: 5px 5px 5px 5px;
  overflow: hidden; }

/*
.picker__frame:before {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;

  border-bottom: 5px solid black;
  content: " ";
  top: -5px;
  position: absolute;
}
*/
.picker__holder::before {
  border-bottom: 15px solid #0095e2;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  content: " ";
  display: block;
  height: 0;
  margin-top: -15px;
  position: relative;
  top: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto; }

.picker__wrap {
  margin: -1px; }

/**
 * When the picker opens...
 */
.picker--opened .picker__holder {
  max-height: 25em;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
  border-top-width: 1px;
  border-bottom-width: 1px;
  -webkit-transform: translateY(0) perspective(600px) rotateX(0);
  transform: translateY(0) perspective(600px) rotateX(0);
  transition: -webkit-transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s, border-width 0s;
  transition: transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s, border-width 0s;
  box-shadow: 0 6px 18px 1px rgba(0, 0, 0, 0.12);
  /*
  display: block;
  min-width: 176px;
  max-width: 330px;
  max-height: 0;
  position: relative;
  overflow-y: visible;
  width: auto;
  height: auto;
  */
  min-width: 176px;
  width: auto;
  height: auto; }

/* ==========================================================================
   $BASE-DATE-PICKER
   ========================================================================== */
/**
 * The picker box.
 */
.picker__box {
  padding: 0 1em;
  padding: 0;
  overflow-x: hidden; }

/**
 * The header containing the month and year stuff.
 */
.picker__header {
  text-align: center;
  position: relative;
  /* margin-top: .75em; */
  background: #0095e2;
  color: #ffffff;
  padding-bottom: 0.75em;
  padding-top: .75em;
  width: 100%; }

/**
 * The month and year labels.
 */
.picker__month,
.picker__year {
  font-weight: 500;
  display: inline-block;
  margin-left: .25em;
  margin-right: .25em;
  font-size: 2.3em; }

.picker__year {
  color: #ffffff;
  font-size: .8em;
  font-style: normal;
  font-size: 2.3em; }

/**
 * The month and year selectors.
 */
.picker__select--month,
.picker__select--year {
  border: 1px solid #b7b7b7;
  height: 2em;
  padding: .5em;
  margin-left: .25em;
  margin-right: .25em; }

@media (min-width: 24.5em) {
  .picker__select--month,
  .picker__select--year {
    margin-top: -0.5em; } }

.picker__select--month {
  width: 35%; }

.picker__select--year {
  width: 22.5%; }

.picker__select--month:focus,
.picker__select--year:focus {
  border-color: #0089ec; }

/**
 * The month navigation buttons.
 */
.picker__nav--prev,
.picker__nav--next {
  position: absolute;
  padding: .5em 1.25em;
  width: 1em;
  height: 1em;
  box-sizing: content-box;
  top: -0.25em; }

@media (min-width: 24.5em) {
  .picker__nav--prev,
  .picker__nav--next {
    top: 0.7em; } }

.picker__nav--prev {
  left: -1em;
  padding-right: 1.25em; }

@media (min-width: 24.5em) {
  .picker__nav--prev {
    padding-right: 1.5em; } }

.picker__nav--next {
  right: -1em;
  padding-left: 1.25em; }

@media (min-width: 24.5em) {
  .picker__nav--next {
    padding-left: 1.5em; } }

.picker__nav--prev:before,
.picker__nav--next:before {
  content: " ";
  border-top: .7em solid transparent;
  border-bottom: .7em solid transparent;
  border-right: 0.95em solid #ffffff;
  width: 0;
  height: 0;
  display: block;
  margin: 0 auto; }

.picker__nav--next:before {
  border-right: 0;
  border-left: 0.75em solid #ffffff; }

.picker__nav--prev:hover,
.picker__nav--next:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb; }

.picker__nav--disabled,
.picker__nav--disabled:hover,
.picker__nav--disabled:before,
.picker__nav--disabled:before:hover {
  cursor: default;
  background: none;
  border-right-color: #f5f5f5;
  border-left-color: #f5f5f5; }

/**
 * The calendar table of dates
 */
.picker__table {
  text-align: center;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  font-size: inherit;
  width: 100%;
  margin-top: 0;
  /*.75em;*/
  margin-bottom: .5em; }

.picker__table thead {
  background: #0095e2; }

@media (min-height: 33.875em) {
  .picker__table {
    margin-bottom: .75em; } }

.picker__table td {
  margin: 0;
  padding: 0; }

/**
 * The weekday labels
 */
.picker__weekday {
  width: 14.285714286%;
  font-size: 1.2em;
  padding-bottom: .25em;
  color: #ffffff;
  font-weight: 500;
  /* Increase the spacing a tad */
  text-align: center; }

@media (min-height: 33.875em) {
  .picker__weekday {
    padding-bottom: .5em; } }

/**
 * The days on the calendar
 */
.picker__day {
  padding: .3125em 0;
  font-weight: 200;
  border: 1px solid transparent;
  color: #0089ec;
  font-size: 1.2em; }

.picker__day--today {
  position: relative; }

.picker__day--today:before {
  content: " ";
  position: absolute;
  top: 2px;
  right: 2px;
  width: 0;
  height: 0;
  border-top: 0.5em solid #0059bc;
  border-left: .5em solid transparent; }

.picker__day--disabled:before {
  border-top-color: #aaaaaa; }

.picker__day--outfocus {
  color: #dddddd; }

.picker__day--infocus:hover,
.picker__day--outfocus:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb; }

.picker__day--highlighted {
  /*border-color: #0089ec;*/ }

.picker__day--highlighted:hover,
.picker--focused .picker__day--highlighted {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb; }

.picker__day--selected,
.picker__day--selected:hover,
.picker--focused .picker__day--selected {
  background: #02983e;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAyOTgzZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg4JSIgc3RvcC1jb2xvcj0iIzdiYmUzMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYzliM2YiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #02983e 0%, #7bbe31 88%, #0c9b3f 100%);
  background: -webkit-linear-gradient(top, #02983e 0%, #7bbe31 88%, #0c9b3f 100%);
  background: linear-gradient(to bottom, #02983e 0%, #7bbe31 88%, #0c9b3f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#02983e', endColorstr='#0c9b3f',GradientType=0 );
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
  -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
  box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
  color: #ffffff; }

.picker__day--disabled,
.picker__day--disabled:hover,
.picker--focused .picker__day--disabled {
  /*
  background: #f5f5f5;
  border-color: #f5f5f5;
*/
  color: #c5c5c5;
  cursor: default; }

.picker__day--highlighted.picker__day--disabled,
.picker__day--highlighted.picker__day--disabled:hover {
  background: #bbbbbb; }

/**
 * The footer containing the "today", "clear", and "close" buttons.
 */
.picker__footer {
  text-align: center; }

.picker__button--today,
.picker__button--clear,
.picker__button--close {
  border: 1px solid #ffffff;
  background: #ffffff;
  font-size: 1em;
  padding: .66em 0;
  font-weight: normal;
  width: 33%;
  display: inline-block;
  vertical-align: bottom;
  color: #0095e2; }

.picker__button--today:hover,
.picker__button--clear:hover,
.picker__button--close:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb;
  border-bottom-color: #b1dcfb; }

.picker__button--today:focus,
.picker__button--clear:focus,
.picker__button--close:focus {
  background: #b1dcfb;
  border-color: #0089ec;
  outline: none; }

.picker__button--today:before,
.picker__button--clear:before,
.picker__button--close:before {
  position: relative;
  display: inline-block;
  height: 0; }

.picker__button--today:before,
.picker__button--clear:before {
  content: " ";
  margin-right: .45em; }

.picker__button--today:before {
  top: -0.05em;
  width: 0;
  border-top: 0.66em solid #0059bc;
  border-left: .66em solid transparent; }

.picker__button--clear:before {
  top: -0.25em;
  width: .66em;
  border-top: 3px solid #ee2200; }

.picker__button--close:before {
  content: "\D7";
  top: -0.1em;
  vertical-align: top;
  font-size: 1.1em;
  margin-right: .35em;
  color: #777777; }

.picker__button--today[disabled],
.picker__button--today[disabled]:hover {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #dddddd;
  cursor: default; }

.picker__button--today[disabled]:before {
  border-top-color: #aaaaaa; }

/* ==========================================================================
   $CLASSIC-DATE-PICKER
   ========================================================================== */
.datepicker {
  background: #ffffff url(../images/calpickactive.png) no-repeat right center !important;
  /*
  background-image: url(../images/calpickactive.png);
  background-position: right top;
*/ }

.klants {
  /*background-color: #ffeeee;*/
  /*
  .klants-sub-nav {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #fff none repeat scroll 0 0;
    border-color: #dcdcdc;
    border-image: none;
    border-radius: 15px;
    border-style: solid;
    border-width: 1px 1px 2px;
    clear: both;
    display: block;
    position: relative;
    top: 0;
    width: 100%;
    z-index: 3;
  }
*/
  /*
  .cta-block.block-tab-rich .tabs li {
    background: rgba(0, 0, 0, 0) url("../images/spacer-vertical.jpg") no-repeat scroll left center;
    float: left;
    margin: 0;
    padding: 55px 0 0;
    position: relative;
    text-align: center;
    width: 25%;
  }
*/
  /*
  input[type=submit] {
    background-color: #03a650;
    background: url("../images/arrow-right-h25.png") no-repeat right center, #03a650;
    background: url("../images/arrow-right-h25.png") no-repeat right center, -moz-linear-gradient(left,  #03a650 0px, #87c540 100%);
    background: url("../images/arrow-right-h25.png") no-repeat right center, -webkit-linear-gradient(left,  #03a650 0px,#87c540 100%);
    background: url("../images/arrow-right-h25.png") no-repeat right center, linear-gradient(to right,  #03a650 0px,#87c540 100%);

  }
*/
  /*
  input[type=submit] {
    background-color: #03a650;
    background-image: url("../images/arrow-right-h25_rmar.png");
    background-repeat: no-repeat;
    background-position: right center;
  }
*/
  /*
  input[type=file] {
    background: #fefeff;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmM2Y3ZmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #fefeff 0%, #f3f7fc 100%);
    background: -webkit-linear-gradient(top,  #fefeff 0%,#f3f7fc 100%);
    background: linear-gradient(to bottom,  #fefeff 0%,#f3f7fc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefeff', endColorstr='#f3f7fc',GradientType=0 );
    height: 40px;
    border: 1px solid #cbd7e2;
  }
*/ }
  .klants *:focus {
    outline: none; }
  .klants .formsectioncompound {
    margin-bottom: 7px; }
  .klants #over {
    margin-bottom: 7px; }
  .klants .cta-block.cta-block-boxed h2 {
    font-weight: 700;
    font-size: 50px;
    text-align: center;
    color: #ffffff; }
  .klants .cta-block.cta-block-boxed .cta-block-header {
    background-position: center center;
    background-size: cover;
    border-radius: 5px;
    height: 260px;
    padding: 30px;
    padding-top: 100px;
    position: relative; }
  .klants .cta-block.cta-block-boxed .cta-block-header-search {
    text-align: center;
    margin: auto;
    position: absolute;
    right: 0;
    bottom: 20px;
    width: 78%; }
    .klants .cta-block.cta-block-boxed .cta-block-header-search #res_keywordextended {
      float: left;
      width: 53%; }
    .klants .cta-block.cta-block-boxed .cta-block-header-search #res_searchbuttonextended {
      position: relative;
      float: left;
      margin-left: 0.9%;
      width: 21%; }
    .klants .cta-block.cta-block-boxed .cta-block-header-search input[type=text] {
      height: 63px;
      font-weight: 400;
      color: #000000;
      border: none;
      background: #ffffff;
      float: left;
      font-size: 19px;
      letter-spacing: 0;
      padding-left: 26px; }
    .klants .cta-block.cta-block-boxed .cta-block-header-search button {
      float: left; }
  .klants .justmobile {
    display: none; }
  .klants #ks-header-nav {
    top: inherit;
    position: relative;
    margin-bottom: 47px; }
  .klants .header-nav-menu-container {
    position: relative;
    z-index: 0; }
  .klants .header-nav-menu-container ul {
    display: table;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 100%; }
  .klants ul.header-nav-menu-container li:first-child {
    border-left: 0 none;
    border-top: 0 none; }
  .klants ul.header-nav-menu-container .cta-block.block-tab-rich .tabs li {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    display: table-cell;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: center;
    width: 25%; }
  .klants ul.header-nav-menu-container .cta-block.block-tab-rich .tabs li .icon::after {
    background: none;
    height: auto;
    top: inherit; }
  .klants ul.header-nav-menu-container li a {
    border-radius: 10px;
    color: #005aab;
    display: block;
    font-weight: 500;
    font-size: 18px !important;
    font-weight: 500;
    padding: 11px 16px;
    text-decoration: none; }
  .klants .ie9 button.btn.btn-primary.btn-color-green, .klants .ie9 .pcac button.btn-primary.btn-color-green.pcac_simpleButton, .pcac .klants .ie9 button.btn-primary.btn-color-green.pcac_simpleButton,
  .klants .ie9 .rn_SubmitButton,
  .klants .ie9 .yui3-button,
  .klants .ie9 .btn-vl-next,
  .klants .ie9 .js-ask-submit,
  .klants .ie9 .pcac_cmn_call,
  .klants .ie9 .feedbackbox-button {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwcHgiIHN0b3AtY29sb3I9IiMwM2E2NTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjODdjNTQwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); }
  .klants button.btn.btn-primary.btn-color-green, .klants .pcac button.btn-primary.btn-color-green.pcac_simpleButton, .pcac .klants button.btn-primary.btn-color-green.pcac_simpleButton,
  .klants .rn_SubmitButton,
  .klants .yui3-button,
  .klants .btn-vl-next,
  .klants .js-ask-submit,
  .klants .pcac_callButtonContainer .pcac_cmn_call,
  .klants .feedbackbox-button {
    /*background: rgba(0, 0, 0, 0) linear-gradient(to right, #03a650 0px, #87c540 100%) repeat scroll 0 0;*/
    background: #03a650;
    background: -moz-linear-gradient(left, #03a650 0px, #87c540 100%);
    background: -webkit-linear-gradient(left, #03a650 0px, #87c540 100%);
    background: linear-gradient(to right, #03a650 0px, #87c540 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03a650', endColorstr='#87c540',GradientType=1 );
    /*
    background-image: url("../images/arrow-right-h25.png");
    background-position: left center;
    background-repeat: no-repeat;
*/
    box-shadow: 0 2px 0 0 #0b6133;
    border-radius: 15px;
    color: #fff;
    font-weight: 500;
    font-size: 24px;
    line-height: 24px;
    padding: 15px 50px 14px 20px;
    position: relative;
    text-decoration: none;
    border: none;
    height: 63px; }
  .klants .pcac_callButtonContainer .pcac_cmn_call {
    text-align: left; }
  .klants button.btn.btn-primary:after, .klants .pcac button.btn-primary.pcac_simpleButton:after, .pcac .klants button.btn-primary.pcac_simpleButton:after, .klants .rn_SubmitButton:after, .klants .yui3-button:after, .klants .btn-vl-next:after, .klants .feedbackbox-button:after, .klants .js-ask-submit:after, .klants .pcac_callButtonContainer .pcac_cmn_call:after {
    background-image: url("../images/arrow-right-h25.png");
    background-position: left center;
    background-repeat: no-repeat;
    content: "";
    height: 22px;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 14px; }
  .klants .yui3-button {
    width: 35%;
    display: inline-block;
    vertical-align: top;
    font-size: 20px;
    margin-bottom: 30px; }
  .klants .yui3-button-primary {
    width: 46%;
    margin-right: 2.4%;
    margin-left: 5%; }
  .klants .yui3-widget-buttons .yui3-button.yui3-button-close {
    background: transparent;
    width: auto;
    float: right;
    color: #000;
    line-height: 1;
    display: inline-block;
    padding-right: 15px !important; }
  .klants #pop-content-askform h1, .klants #pop-content-askform h2 {
    color: #f58220; }
  .klants #pop-content-askform .accordion dt a {
    color: #393939 !important;
    font-weight: 700; }
  .klants #pop-content-askform a {
    color: #f58220; }
  .klants #pop-content-askform a:hover {
    color: #f79d51; }
  .klants .cta-block.color-purple #pop-content-askform a {
    color: #9c1973; }
  .klants .cta-block.color-purple #pop-content-askform a:hover {
    color: #c82093; }
  .klants .commonquests.cta-block.cta-block-boxed h1 {
    font-size: 40px;
    text-align: left; }
  .klants .commonquests.cta-block.cta-block-boxed h2 {
    font-size: 30px;
    text-align: left; }
  .klants .searchresults {
    /*****************************/ }
    .klants .searchresults.cta-block.cta-block-boxed h2 {
      color: #005aab;
      font-size: 40px;
      font-weight: 400; }
    .klants .searchresults #keyword-text {
      color: #005aab;
      font-size: 40px;
      font-weight: bold;
      font-weight: 700;
      display: inline-block; }
    .klants .searchresults .search-results-header-body {
      color: #005aab;
      font-size: 30px;
      font-weight: 700; }
    .klants .searchresults .rn_ResultInfo {
      display: none; }
    .klants .searchresults .rn_Element2 {
      margin-bottom: 10px; }
    .klants .searchresults ol {
      list-style-type: none; }
    .klants .searchresults ol li {
      margin-left: 0;
      padding-left: 0; }
    .klants .searchresults ol li a {
      color: #005aab;
      font-size: 16px;
      font-weight: 700;
      text-decoration: none; }
    .klants .searchresults .rn_Highlight {
      font-weight: 700;
      color: #414141;
      font-style: normal; }
    .klants .searchresults .rn_Paginator, .klants .searchresults .rn_Paginator a {
      color: #414141;
      font-weight: 700;
      text-decoration: none; }
  .klants .searchdetail.cta-block.cta-block-boxed h1 {
    color: #1364b6;
    font-size: 30px;
    font-weight: 700;
    clear: both; }
  .klants .searchdetail.cta-block.cta-block-boxed h2 {
    color: #1364b6;
    font-size: 20px;
    font-weight: 700;
    /*clear: both;*/
    text-align: left; }
  .klants .searchdetail.cta-block.cta-block-boxed #keyword-text-message h2 {
    font-weight: normal; }
  .klants .searchdetail.cta-block.cta-block-boxed .rn_AnswerFeedback {
    margin-bottom: 50px; }
    .klants .searchdetail.cta-block.cta-block-boxed .rn_AnswerFeedback h2 {
      color: #414141;
      text-align: left;
      font-size: 20px; }
    .klants .searchdetail.cta-block.cta-block-boxed .rn_AnswerFeedback .response .col-2 {
      float: left;
      margin-right: 17px; }
      .klants .searchdetail.cta-block.cta-block-boxed .rn_AnswerFeedback .response .col-2 button {
        width: 116px; }
  .klants .searchdetail .rn_MultilineExtended a {
    color: #005aab;
    text-decoration: none;
    font-weight: bold;
    padding-bottom: 5px;
    padding-top: 5px;
    display: inline-block; }
  .klants .searchdetail .rn_MultilineExtended a:hover {
    color: #43c4f1; }
  .klants .searchdetail .rn_Results a {
    text-decoration: none; }
  .klants .contactlist h1 {
    font-size: 40px; }
  .klants .contactlist .summerylist h1 {
    margin-bottom: 5px;
    font-size: 30px; }
  .klants .contactlist #pop-content-answer-explanation {
    display: none; }
  .klants .contactlist.cta-block.cta-block-boxed h2, .klants .contactlist.cta-block.cta-block-boxed .toggle-readmore-container h1 {
    color: #f58220;
    font-size: 30px;
    font-weight: 700;
    text-align: left; }
  .klants .contactlist.cta-block.cta-block-boxed h3 {
    color: #000000;
    font-weight: 700;
    font-size: 16px; }
  .klants .contactlist .toggle-readmore-container .inner {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none; }
  .klants .contactlist .toggle-readmore-container .inner .content {
    padding: 0; }
  .klants .contactlist .cico {
    display: inline-block;
    vertical-align: text-top;
    width: 32px;
    height: 33px;
    margin-right: 9px; }
  .klants .contactlist .icophone {
    background: url(../images/custserv/ico_phone.png) no-repeat left top;
    background-size: 100% auto; }
  .klants .contactlist .icoquest {
    background: url(../images/custserv/ico_quest.png) no-repeat left top;
    background-size: 100% auto; }
  .klants .contactlist .icocontact {
    background: url(../images/custserv/ico_bal.png) no-repeat left top;
    background-size: 100% auto; }
  .klants .contactlist .icowrite {
    background: url(../images/custserv/ico_write.png) no-repeat left top;
    background-size: 100% auto; }
  .klants .contactlist .icotweet {
    background: url(../images/custserv/ico_tw.png) no-repeat left top;
    background-size: 100% auto; }
  .klants .contactlist.cta-block .summerylist ul {
    margin-bottom: 50px; }
  .klants .contactlist.cta-block .summerylist ul li {
    padding-left: 0;
    background: none;
    min-height: 0;
    margin-bottom: 0; }
  .klants .contactlist.cta-block .summerylist.imaged li .toggle-readmore-container {
    min-height: 0;
    padding-left: 0; }
  .klants #rn_QuestionSubmit > div, .klants #rn_UserData > div {
    width: 100%; }
  .klants #rn_QuestionSubmit h1, .klants #rn_UserData h1 {
    width: 100%; }
  .klants #rn_QuestionSubmit label, .klants #rn_QuestionSubmit .label, .klants #rn_UserData label, .klants #rn_UserData .label {
    display: block;
    margin-bottom: 5px;
    margin-top: 10px; }
  .klants #rn_QuestionSubmit .formsectioncompound, .klants #rn_UserData .formsectioncompound {
    display: block;
    margin-bottom: 20px; }
  .klants #rn_QuestionSubmit #rn_SelectionInput_14, .klants #rn_UserData #rn_SelectionInput_14 {
    display: inline-block;
    margin-top: 10px; }
  @media only screen and (max-width: 959px) {
    .klants #content #page-container #page-content, .klants #content #innercontent #page-content {
      padding: 0; }
    .klants .cta-block.cta-block-boxed.mfw {
      width: 100%;
      margin-left: 0;
      margin-right: 0; }
    .klants .cta-block.cta-block-boxed.mfw .cta-block-header {
      border-radius: 0;
      padding-top: 30px; }
    .klants .cta-block.cta-block-boxed.mfw .cta-block-header h2 {
      font-size: 20px;
      text-shadow: 0px 2px 2px #969696; }
    .klants .cta-block.cta-block-boxed .cta-block-header-search {
      bottom: 20px;
      width: 80%;
      margin-right: 10%; }
    .klants .cta-block.cta-block-boxed .cta-block-header-search #res_keywordextended {
      float: none;
      width: 100%; }
    .klants .cta-block.cta-block-boxed .cta-block-header-search input[type=text] {
      height: 53px;
      font-size: 13px;
      letter-spacing: 0;
      padding-left: 15px;
      float: none; }
    .klants .cta-block.cta-block-boxed .cta-block-header-search #res_searchbuttonextended {
      position: relative;
      float: none;
      margin-left: 0;
      width: 100%; }
    .klants .cta-block.cta-block-boxed .cta-block-header-search #res_searchbuttonextended button {
      width: 100%;
      margin-left: 0;
      text-align: left;
      height: 53px; }
    .klants .justmobile {
      display: block; }
    .klants .header-nav-menu-container-mobile {
      width: 100%; }
    .klants .header-nav-menu-container-mobile select {
      width: 60%;
      margin-left: 20%;
      margin-bottom: 20px; }
    .klants #header-mobile {
      display: block; }
    .klants #header {
      margin-bottom: 10px; }
    .klants #header-top {
      display: none; }
    .klants #content {
      margin-top: 0; }
    .klants .cta-block {
      margin-left: 8%;
      margin-right: 8%;
      width: 84%; }
    .klants .commonquests.cta-block.cta-block-boxed h1 {
      font-size: 32px; }
    .klants .commonquests.cta-block.cta-block-boxed h2 {
      font-size: 18px; }
    .klants .searchresults.cta-block.cta-block-boxed h2 {
      font-size: 30px; }
    .klants .searchdetail.cta-block.cta-block-boxed h1 {
      font-size: 25px; }
    .klants .searchdetail.cta-block.cta-block-boxed .rn_AnswerFeedback .response .col-2 {
      float: none;
      margin-bottom: 8px; }
    .klants .searchdetail.cta-block.cta-block-boxed .rn_AnswerFeedback .response .col-2 button.btn, .klants .searchdetail.cta-block.cta-block-boxed .rn_AnswerFeedback .response .col-2 .pcac button.pcac_simpleButton, .pcac .klants .searchdetail.cta-block.cta-block-boxed .rn_AnswerFeedback .response .col-2 button.pcac_simpleButton {
      width: 100%; }
    .klants .searchdetail.cta-block.cta-block-boxed .rn_AnswerFeedback h2 {
      font-size: 18px; }
    .klants .contactlist.cta-block.cta-block-boxed .inner .content h1 {
      font-size: 25px; }
    .klants .contactlist.cta-block.cta-block-boxed .inner .content h1#pop-content-header {
      font-size: 20px; }
    .klants .contactlist .cico {
      width: 20px;
      height: 20px;
      background-size: 100% 100%; }
    .klants .contactlist.cta-block.cta-block-boxed h2, .klants .klants .contactlist.cta-block.cta-block-boxed .toggle-readmore-container h1 {
      font-size: 20px; }
    .klants #pop-content-askform h1, .klants #pop-content-askform h2 {
      font-size: 20px;
      text-align: left; }
    .klants .header-nav-menu-container-mobile .dropdown {
      width: 78%;
      margin-bottom: 18px;
      margin-left: 11%; }
    .klants .rn_SubmitButton {
      width: 100%;
      margin-top: 5px; }
    .klants .yui3-widget-buttons .yui3-button {
      width: 90%;
      display: block;
      margin-left: 5%;
      margin-right: 0; } }
  .klants .rn_CustomSADialogContainer {
    width: 100%;
    left: 0;
    top: 203px !important;
    padding: 15px;
    margin-left: 0;
    position: absolute; }
  .klants .rn_CustomSADialog .rn_Heading {
    font-size: 28px;
    font-weight: bold;
    line-height: 1;
    color: #1364b6; }
  .klants .rn_CustomSADialog .rn_Prompt {
    color: #000;
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
    margin-top: 10px; }
  .klants .cta-block.color-purple a {
    color: #9c1973; }
  .klants .cta-block.color-purple a:hover {
    color: #c82093; }
  @media only screen and (max-width: 959px) {
    .klants input[type="text"],
    .klants input[type="password"],
    .klants textarea {
      width: 100%;
      background: #ffffff; } }
  .klants .formsectioncompound {
    width: 100%; }

/** welke klantenservice? **/
.calllotrev {
  width: 100%;
  /*380px;*/
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#059d3d+0,7dca25+100 */
  background: #009640;
  /* Old browsers */
  background: -moz-linear-gradient(45deg, #009640 0%, #8DC63F 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(45deg, #009640 0%, #8DC63F 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(45deg, #009640 0%, #8DC63F 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#059d3d', endColorstr='#7dca25',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
  color: #fff;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  padding: 6% 7% 9% 7%;
  border-radius: 10px 10px 10px 10px;
  opacity: 0;
  z-index: 1; }

/*
.claro .calllotrev {
    opacity: 1;
}
*/
.calllotrev h3 {
  font-size: 21px;
  font-family: Arial, Helvetica, sans-serif;
  color: #fff !important; }

.calllotrev p {
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
  color: #fff; }

.calllotrev-calcloto {
  position: relative; }

.calllotrev-euro {
  font-size: 43px;
  font-weight: bold;
  vertical-align: super; }

.calllotrev-camount {
  font-size: 58px;
  font-weight: bold; }

.calllotrev-amstar {
  font-size: 30px;
  font-weight: bold;
  vertical-align: top; }

.calllotrev-result {
  margin-top: 30px;
  margin-bottom: 50px; }

.calllotrev-result span {
  font-size: 21px;
  font-weight: bold;
  display: block; }

.calllotrev-subasterix {
  font-size: 12px; }

.calllotrev-theslider {
  background: url(../images/calllotrev-scale.png) no-repeat left bottom;
  background-size: 99% auto;
  width: 72%;
  margin-left: 16%;
  /*height: 36px;*/
  position: relative;
  padding-top: 14%; }

.calllotrev-slideknob {
  background: url(../images/calllotrev-runner.png) no-repeat center bottom;
  background-size: 100% auto;
  width: 9.19%;
  /*20px;*/
  /*height: 11.5%; 25px;*/
  cursor: pointer;
  position: absolute;
  top: 6px;
  left: -5px;
  padding-top: 11.5%; }

.calllotrev-slideknob:active, .calllotrev-slideknob:focus {
  outline: none;
  border: none; }

.is-mobile-device .calllotrev h3 {
  font-size: 18px;
  line-height: 1; }

.is-mobile-device .calllotrev p {
  font-size: 18px;
  line-height: 1; }

.is-mobile-device .calllotrev-euro {
  font-size: 28px;
  font-weight: bold;
  vertical-align: super; }

.is-mobile-device .calllotrev-camount {
  font-size: 41px;
  font-weight: bold; }

.is-mobile-device .calllotrev-amstar {
  font-size: 20px;
  font-weight: bold;
  vertical-align: top; }

.is-mobile-device .calllotrev-plus {
  background: url(../images/calllotrev-plus.png) no-repeat left top;
  width: 14%;
  max-width: 45px;
  height: auto;
  padding-bottom: 14%;
  position: absolute;
  background-size: 100% auto;
  top: 4%;
  right: 0; }

.is-mobile-device .calllotrev-min {
  background: url(../images/calllotrev-minus.png) no-repeat left top;
  width: 14%;
  max-width: 45px;
  height: auto;
  padding-bottom: 14%;
  position: absolute;
  background-size: 100% auto;
  top: 4%;
  left: 0; }

.is-mobile-device .calllotrev-theslider {
  background: url(../images/calllotrev-scale.png) no-repeat left bottom;
  background-size: 99% auto;
  width: 92%;
  margin-left: 4%;
  /*height: 36px;*/
  position: relative;
  padding-top: 14%; }

.is-mobile-device .calllotrev-slideknob {
  width: 9.19%;
  /*20px;*/
  /*height: 11.5%; 25px;*/
  top: 0;
  left: -5px;
  padding-top: 11.5%; }

.is-mobile-device .calllotrev-result {
  margin-top: 5%;
  margin-bottom: 7%; }

.is-mobile-device .calllotrev-result span {
  font-size: 15px;
  font-weight: bold;
  display: inline-block; }

.is-mobile-device .calllotrev-result span:first-child::after {
  content: ', '; }

.is-mobile-device .calllotrev .calllotrev-subasterix {
  font-size: 9px;
  line-height: 1;
  margin-bottom: 0;
  width: 112%;
  margin-left: -6%; }

/*** block-item grid settings ***/
div.grid {
  overflow: visible;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  margin: 0 auto;
  padding: 0 5px;
  /*
	 * .grid-align-(left/center/right/justify)
	 */
  /*
	 * .grid-content-position-x-y
	 */
  /*
	 * When there is a grid within a grid,
	 * the child grid doesnt need the outer paddings anymore.
	 */ }
  @media (min-width: 500px) {
    div.grid {
      padding: 0 15px; } }
  @media (min-width: 1px) {
    div.grid {
      width: 320px; } }
  @media (min-width: 500px) {
    div.grid {
      width: 495px; } }
  @media (min-width: 768px) {
    div.grid {
      width: 650px; } }
  @media (min-width: 992px) {
    div.grid {
      width: 960px; } }
  @media (min-width: 1200px) {
    div.grid {
      width: 960px; } }
  div.grid-cell {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 10px; }
  @media (min-width: 1px) {
    div.grid-cell-1of6 {
      padding: 15px;
      width: 155px;
      /** was this alway wrong? $convertedColumn - 1  **/ } }
  @media (min-width: 500px) {
    div.grid-cell-1of6 {
      padding: 15px;
      width: 155px;
      /** was this alway wrong? $convertedColumn - 1  **/ } }
  @media (min-width: 768px) {
    div.grid-cell-1of6 {
      padding: 15px;
      width: 310px;
      /** was this alway wrong? $convertedColumn - 1  **/ } }
  @media (min-width: 992px) {
    div.grid-cell-1of6 {
      padding: 15px;
      width: 155px;
      /** was this alway wrong? $convertedColumn - 1  **/ } }
  @media (min-width: 1200px) {
    div.grid-cell-1of6 {
      padding: 15px;
      width: 155px;
      /** was this alway wrong? $convertedColumn - 1  **/ } }
  @media (min-width: 1px) {
    div.grid-cell-2of6 {
      padding: 15px;
      width: 310px;
      /** was this alway wrong? $convertedColumn - 1  **/ } }
  @media (min-width: 500px) {
    div.grid-cell-2of6 {
      padding: 15px;
      width: 465px;
      /** was this alway wrong? $convertedColumn - 1  **/ } }
  @media (min-width: 768px) {
    div.grid-cell-2of6 {
      padding: 15px;
      width: 310px;
      /** was this alway wrong? $convertedColumn - 1  **/ } }
  @media (min-width: 992px) {
    div.grid-cell-2of6 {
      padding: 15px;
      width: 310px;
      /** was this alway wrong? $convertedColumn - 1  **/ } }
  @media (min-width: 1200px) {
    div.grid-cell-2of6 {
      padding: 15px;
      width: 310px;
      /** was this alway wrong? $convertedColumn - 1  **/ } }
  @media (min-width: 1px) {
    div.grid-cell-3of6 {
      padding: 15px;
      width: 310px;
      /** was this alway wrong? $convertedColumn - 1  **/ } }
  @media (min-width: 500px) {
    div.grid-cell-3of6 {
      padding: 15px;
      width: 465px;
      /** was this alway wrong? $convertedColumn - 1  **/ } }
  @media (min-width: 768px) {
    div.grid-cell-3of6 {
      padding: 15px;
      width: 310px;
      /** was this alway wrong? $convertedColumn - 1  **/ } }
  @media (min-width: 992px) {
    div.grid-cell-3of6 {
      padding: 15px;
      width: 465px;
      /** was this alway wrong? $convertedColumn - 1  **/ } }
  @media (min-width: 1200px) {
    div.grid-cell-3of6 {
      padding: 15px;
      width: 465px;
      /** was this alway wrong? $convertedColumn - 1  **/ } }
  @media (min-width: 1px) {
    div.grid-cell-4of6 {
      padding: 15px;
      width: 310px;
      /** was this alway wrong? $convertedColumn - 1  **/ } }
  @media (min-width: 500px) {
    div.grid-cell-4of6 {
      padding: 15px;
      width: 465px;
      /** was this alway wrong? $convertedColumn - 1  **/ } }
  @media (min-width: 768px) {
    div.grid-cell-4of6 {
      padding: 15px;
      width: 620px;
      /** was this alway wrong? $convertedColumn - 1  **/ } }
  @media (min-width: 992px) {
    div.grid-cell-4of6 {
      padding: 15px;
      width: 620px;
      /** was this alway wrong? $convertedColumn - 1  **/ } }
  @media (min-width: 1200px) {
    div.grid-cell-4of6 {
      padding: 15px;
      width: 620px;
      /** was this alway wrong? $convertedColumn - 1  **/ } }
  @media (min-width: 1px) {
    div.grid-cell-5of6 {
      padding: 15px;
      width: 310px;
      /** was this alway wrong? $convertedColumn - 1  **/ } }
  @media (min-width: 500px) {
    div.grid-cell-5of6 {
      padding: 15px;
      width: 465px;
      /** was this alway wrong? $convertedColumn - 1  **/ } }
  @media (min-width: 768px) {
    div.grid-cell-5of6 {
      padding: 15px;
      width: 620px;
      /** was this alway wrong? $convertedColumn - 1  **/ } }
  @media (min-width: 992px) {
    div.grid-cell-5of6 {
      padding: 15px;
      width: 775px;
      /** was this alway wrong? $convertedColumn - 1  **/ } }
  @media (min-width: 1200px) {
    div.grid-cell-5of6 {
      padding: 15px;
      width: 775px;
      /** was this alway wrong? $convertedColumn - 1  **/ } }
  @media (min-width: 1px) {
    div.grid-cell-6of6 {
      padding: 15px;
      width: 310px;
      /** was this alway wrong? $convertedColumn - 1  **/ } }
  @media (min-width: 500px) {
    div.grid-cell-6of6 {
      padding: 15px;
      width: 465px;
      /** was this alway wrong? $convertedColumn - 1  **/ } }
  @media (min-width: 768px) {
    div.grid-cell-6of6 {
      padding: 15px;
      width: 620px;
      /** was this alway wrong? $convertedColumn - 1  **/ } }
  @media (min-width: 992px) {
    div.grid-cell-6of6 {
      padding: 15px;
      width: 930px;
      /** was this alway wrong? $convertedColumn - 1  **/ } }
  @media (min-width: 1200px) {
    div.grid-cell-6of6 {
      padding: 15px;
      width: 930px;
      /** was this alway wrong? $convertedColumn - 1  **/ } }
  div.grid-align-left {
    justify-content: flex-start; }
  div.grid-align-right {
    justify-content: flex-end; }
  div.grid-align-center {
    justify-content: center; }
  div.grid-align-justify {
    justify-content: space-between; }
  div.grid-content-position-middle-left {
    align-items: center;
    justify-content: flex-start; }
  div.grid-content-position-middle-center {
    align-items: center;
    justify-content: center; }
  div.grid-content-position-middle-right {
    align-items: center;
    justify-content: flex-end; }
  div.grid-content-position-top-left {
    align-items: flex-start;
    justify-content: flex-start; }
  div.grid-content-position-top-left.no-padding img {
    margin-top: -30px; }
  div.grid-content-position-top-center {
    align-items: flex-start;
    justify-content: center; }
  div.grid-content-position-top-center.no-padding img {
    margin-top: -30px; }
  div.grid-content-position-top-right {
    align-items: flex-start;
    justify-content: flex-end; }
  div.grid-content-position-top-right.no-padding img {
    margin-top: -30px; }
  div.grid-content-position-bottom-left {
    align-items: flex-end;
    justify-content: flex-start; }
  div.grid-content-position-bottom-left.no-padding img {
    margin-bottom: -30px; }
  div.grid-content-position-bottom-center {
    align-items: flex-end;
    justify-content: center; }
  div.grid-content-position-bottom-center.no-padding img {
    margin-bottom: -30px; }
  div.grid-content-position-bottom-right {
    align-items: flex-end;
    justify-content: flex-end; }
  div.grid-content-position-bottom-right.no-padding img {
    margin-bottom: -30px; }
  div.grid-reverse {
    /*
			Flex-direction row|column-reverse doesn't cover all the possible cases:
			- row-reverse doesn't reverse the order horizontally
			- column-reverse doesn't reverse the order vertically.
			  (Try three 2of6 grid-cells tablet vs mobile).
			- Wrap-reverse also doesn't fix it; causes having blank spots on top of container.
			SO; since there are only 3 child elements for pageblocks, reverse the order
			through the 'order' property.
		*/ }
    div.grid-reverse-mp > .grid-cell:nth-child(1) {
      order: 3; }
    div.grid-reverse-mp > .grid-cell:nth-child(2) {
      order: 2; }
    div.grid-reverse-mp > .grid-cell:nth-child(3) {
      order: 1; }
    @media (min-width: 500px) {
      div.grid-reverse-mp > .grid-cell:nth-child(n) {
        order: 1; } }
    div.grid-reverse-mp .order-last {
      order: 4 !important; }
    div.grid-reverse-ml > .grid-cell:nth-child(1) {
      order: 3; }
    div.grid-reverse-ml > .grid-cell:nth-child(2) {
      order: 2; }
    div.grid-reverse-ml > .grid-cell:nth-child(3) {
      order: 1; }
    @media (min-width: 768px) {
      div.grid-reverse-ml > .grid-cell:nth-child(n) {
        order: 1; } }
    div.grid-reverse-ml .order-last {
      order: 4 !important; }
    div.grid-reverse-tp > .grid-cell:nth-child(1) {
      order: 3; }
    div.grid-reverse-tp > .grid-cell:nth-child(2) {
      order: 2; }
    div.grid-reverse-tp > .grid-cell:nth-child(3) {
      order: 1; }
    @media (min-width: 992px) {
      div.grid-reverse-tp > .grid-cell:nth-child(n) {
        order: 1; } }
    div.grid-reverse-tp .order-last {
      order: 4 !important; }
    div.grid-reverse-tl > .grid-cell:nth-child(1) {
      order: 3; }
    div.grid-reverse-tl > .grid-cell:nth-child(2) {
      order: 2; }
    div.grid-reverse-tl > .grid-cell:nth-child(3) {
      order: 1; }
    @media (min-width: 1200px) {
      div.grid-reverse-tl > .grid-cell:nth-child(n) {
        order: 1; } }
    div.grid-reverse-tl .order-last {
      order: 4 !important; }
  @media (min-width: 1px) {
    div.grid-alternative .grid-cell-1of6 {
      padding: 15px;
      width: 125px; } }
  @media (min-width: 768px) {
    div.grid-alternative .grid-cell-1of6 {
      padding: 15px;
      width: 280px; } }
  @media (min-width: 992px) {
    div.grid-alternative .grid-cell-1of6 {
      padding: 15px;
      width: 125px; } }
  @media (min-width: 1200px) {
    div.grid-alternative .grid-cell-1of6 {
      padding: 15px;
      width: 125px; } }
  @media (min-width: 1px) {
    div.grid-alternative .grid-cell-2of6 {
      padding: 15px;
      width: 280px; } }
  @media (min-width: 768px) {
    div.grid-alternative .grid-cell-2of6 {
      padding: 15px;
      width: 280px; } }
  @media (min-width: 992px) {
    div.grid-alternative .grid-cell-2of6 {
      padding: 15px;
      width: 280px; } }
  @media (min-width: 1200px) {
    div.grid-alternative .grid-cell-2of6 {
      padding: 15px;
      width: 280px; } }
  @media (min-width: 1px) {
    div.grid-alternative .grid-cell-3of6 {
      padding: 15px;
      width: 280px; } }
  @media (min-width: 768px) {
    div.grid-alternative .grid-cell-3of6 {
      padding: 15px;
      width: 280px; } }
  @media (min-width: 992px) {
    div.grid-alternative .grid-cell-3of6 {
      padding: 15px;
      width: 435px; } }
  @media (min-width: 1200px) {
    div.grid-alternative .grid-cell-3of6 {
      padding: 15px;
      width: 435px; } }
  @media (min-width: 1px) {
    div.grid-alternative .grid-cell-4of6 {
      padding: 15px;
      width: 280px; } }
  @media (min-width: 768px) {
    div.grid-alternative .grid-cell-4of6 {
      padding: 15px;
      width: 280px; } }
  @media (min-width: 992px) {
    div.grid-alternative .grid-cell-4of6 {
      padding: 15px;
      width: 590px; } }
  @media (min-width: 1200px) {
    div.grid-alternative .grid-cell-4of6 {
      padding: 15px;
      width: 590px; } }
  @media (min-width: 1px) {
    div.grid-alternative .grid-cell-5of6 {
      padding: 15px;
      width: 280px; } }
  @media (min-width: 768px) {
    div.grid-alternative .grid-cell-5of6 {
      padding: 15px;
      width: 590px; } }
  @media (min-width: 992px) {
    div.grid-alternative .grid-cell-5of6 {
      padding: 15px;
      width: 745px; } }
  @media (min-width: 1200px) {
    div.grid-alternative .grid-cell-5of6 {
      padding: 15px;
      width: 745px; } }
  @media (min-width: 1px) {
    div.grid-alternative .grid-cell-6of6 {
      padding: 15px;
      width: 280px; } }
  @media (min-width: 768px) {
    div.grid-alternative .grid-cell-6of6 {
      padding: 15px;
      width: 590px; } }
  @media (min-width: 992px) {
    div.grid-alternative .grid-cell-6of6 {
      padding: 15px;
      width: 900px; } }
  @media (min-width: 1200px) {
    div.grid-alternative .grid-cell-6of6 {
      padding: 15px;
      width: 900px; } }
  div.grid-content {
    width: 100%;
    max-width: 100%; }
    @media (min-width: 768px) {
      div.grid-content {
        width: auto;
        flex: 0 0 auto; } }
    div.grid-content img {
      max-width: 100%;
      height: auto;
      /* keep aspect ratio */
      display: block;
      /* 1px off without; doctype strict */ }
    div.grid-content.full-width {
      width: 100%; }
  div.grid .grid {
    margin-left: -20px; }
    @media (min-width: 768px) {
      div.grid .grid {
        margin-left: -30px; } }

/*** block-item related specific grid ***/
/***
  Submenu items, used on personal page

***/
/* was 0px */
/* was 1em / 14px */
/* box-sizing: border-box, width: 150px; */
/* was 300px */
/* was 310px */
@media (max-width: 959px) {
  #content #page-content.fullwidth {
    padding: 0; } }

/* BGL
.cta {
  &.personalpage {
    @include bgl-gradient();
    .content {
      margin-bottom: -34px;
    }
    margin-bottom: 0;
  }
  &.countdown-timer {
    background-image: linear-gradient(88deg, #fbe677, #dba943 33%, #f8e173 58%, #d0a332 81%, #cb9027);
  }
}
$submenuactive: green;
$submenuactivegradient: linear-gradient(to left, #79c19b,#77afbe);
$screen-laptop: 1024px;
$screen-mobile: 500px;
$linkcolor:  #30287c;
$linkactivecolor: #fff;

*/
.notification {
  display: block;
  position: absolute;
  right: 7px;
  top: -14px;
  width: 28px;
  height: 28px;
  line-height: 28px;
  border-radius: 100%;
  background-color: #e30027;
  color: #fff;
  text-align: center; }

.pagemenu {
  padding-top: 3em;
  /* compensate menu-items */
  display: flex;
  justify-content: left;
  flex-wrap: wrap;
  font-size: 14px;
  margin: 0 auto; }
  .pagemenu span, .pagemenu a, .pagemenu p {
    font-size: 14px; }
  .pagemenu p {
    line-height: 1.3em; }
  @media (min-width: 992px) {
    .pagemenu {
      margin-bottom: 0px;
      justify-content: center; } }

.menu-item-shadow {
  display: block;
  width: auto;
  border-radius: 10px;
  box-shadow: 4px 7px 10px rgba(0, 0, 0, 0.3);
  position: relative;
  margin-bottom: 0;
  margin-right: 10px;
  /*@include breakpoint(mobile) {*/ }
  @media (min-width: 768px) {
    .menu-item-shadow {
      width: 100%;
      margin-right: 0;
      margin-bottom: 10px;
      margin-top: 10px; } }
  @media only screen and (min-width: 960px) {
    .menu-item-shadow {
      transition: all ease-in 0.3s; }
      .menu-item-shadow:hover, .menu-item-shadow:focus, .menu-item-shadow:active, .menu-item-shadow.selected {
        /* margin-top:-1em; */
        margin-top: -1.5em;
        margin-bottom: 1.5em; }
        .menu-item-shadow:hover a.link, .menu-item-shadow:focus a.link, .menu-item-shadow:active a.link, .menu-item-shadow.selected a.link {
          /* bottom:-1em; */
          color: #fff;
          background-color: #216bc0;
          background-image: none; }
        .menu-item-shadow:hover:after, .menu-item-shadow:focus:after, .menu-item-shadow:active:after, .menu-item-shadow.selected:after {
          bottom: -1.5em;
          opacity: 0.51; } }
  .menu-item-shadow:after {
    content: "";
    position: absolute;
    bottom: 0em;
    left: 20.5px;
    width: 91px;
    height: 2px;
    filter: blur(3.6px);
    background-color: #000000;
    opacity: 0;
    transition: all ease-in 0.3s; }

.menu-item {
  position: relative;
  width: 132px;
  height: 122px;
  box-sizing: border-box;
  cursor: pointer;
  font-size: 13px;
  font-weight: 600;
  color: #216bc0;
  text-align: center;
  border-radius: 10px;
  background-color: #ffffff;
  border-bottom: none;
  display: inline-block;
  margin: 0 !important;
  /*
  transition: all ease-in 0.3s;
  */
  /*
  &:after {
    content:"";
    position: absolute;
    bottom:0em;
    left: ($boxwidth - 91) / 2;
    width: 91px;
    height: 2px;


    filter: blur(3.6px);
    background-color: #000000;
    opacity: 0;
    transition: all ease-in 0.3s;
  }
  */
  /*
  &:hover,
  &:focus,
  &:active,
  &.selected {
    !* margin-top:-1em; *!
    a.link {
      !* bottom:-1em; *!
      color: $linkactivecolor;
      background-color: $submenuactive;
      background-image: $submenuactivegradient;
    }

    margin-top:-2em;
    margin-bottom: 2em;

    &:after {
      bottom:-2em;
      opacity: 0.51;
    }

  }
  */
  box-shadow: 2px 5px 0 0 #216bc0;
  /*overflow: hidden;*/
  padding: 5px;
  display: block;
  /*@include breakpoint(mobile) {*/
  margin: 5px; }
  .menu-item .menu-item-imgblock {
    min-height: 90px;
    display: block;
    position: relative;
    /*@include breakpoint(mobile) {*/ }
    @media (min-width: 768px) {
      .menu-item .menu-item-imgblock {
        min-height: 50px;
        display: block;
        position: relative;
        width: 75px;
        float: left; } }
  .menu-item img {
    display: block;
    position: absolute;
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    /*@include breakpoint(mobile) {*/ }
    @media (min-width: 768px) {
      .menu-item img {
        margin-left: 20px;
        float: left;
        max-height: 48px;
        max-width: 100%; } }
  .menu-item img.fullwidth {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 0; }
  .menu-item progress {
    width: 100%; }
  .menu-item strong {
    color: #216bc0; }
  .menu-item span.text {
    position: absolute;
    width: 100%;
    bottom: 1em;
    left: 0;
    /*@include breakpoint(mobile) {*/ }
    @media (min-width: 768px) {
      .menu-item span.text {
        left: 0;
        position: relative;
        float: left;
        width: auto;
        bottom: inherit;
        vertical-align: bottom;
        text-transform: uppercase;
        margin-top: 16px;
        margin-left: 23px; } }
  @media (min-width: 768px) {
    .menu-item {
      position: relative;
      /* border-bottom: 4px solid #c0047b; */
      transition: all ease-in .3s;
      margin: 5px;
      width: 100%;
      height: 55px;
      /*auto;*/ } }
  .menu-item.wide {
    /* wide menu item used for introduction/welcome text */
    width: 296px; }
  @media (min-width: 500px) {
    .menu-item {
      /*margin: 1em; */ } }
  @media (min-width: 992px) {
    .menu-item {
      margin: 1px; }
      .menu-item.wide {
        width: 286px; } }
  .menu-item .title {
    /* font-size: 18px; */ }

.pagemenu .menu-item-shadow:nth-child(1) .menu-item {
  /*
      border-color: #7abef6;
      */
  -webkit-box-shadow: 2px 5px 0 0 #216bc0;
  -moz-box-shadow: 2px 5px 0 0 #216bc0;
  box-shadow: 2px 5px 0 0 #216bc0; }

.pagemenu .menu-item-shadow:nth-child(2) .menu-item,
.pagemenu .menu-item-shadow:nth-child(6) .menu-item {
  /*
    border-color: #4880c5;
    */
  -webkit-box-shadow: 2px 5px 0 0 #4880c5;
  -moz-box-shadow: 2px 5px 0 0 #4880c5;
  box-shadow: 2px 5px 0 0 #4880c5; }

.pagemenu .menu-item-shadow:nth-child(3) .menu-item,
.pagemenu .menu-item-shadow:nth-child(7) .menu-item {
  /*
    border-color: #dc0831;
    */
  -webkit-box-shadow: 2px 5px 0 0 #dc0831;
  -moz-box-shadow: 2px 5px 0 0 #dc0831;
  box-shadow: 2px 5px 0 0 #dc0831; }

.pagemenu .menu-item-shadow:nth-child(4) .menu-item,
.pagemenu .menu-item-shadow:nth-child(8) .menu-item {
  /*
    border-color: #009640;
    */
  -webkit-box-shadow: 2px 5px 0 0 #009640;
  -moz-box-shadow: 2px 5px 0 0 #009640;
  box-shadow: 2px 5px 0 0 #009640; }

.pagemenu .menu-item-shadow:nth-child(5) .menu-item {
  /*
    border-color: #f86123;
    */
  -webkit-box-shadow: 2px 5px 0 0 #f86123;
  -moz-box-shadow: 2px 5px 0 0 #f86123;
  box-shadow: 2px 5px 0 0 #f86123; }

.pagemenu .menu-item-shadow:first-child .menu-item {
  /*
    border-color: #c0047b;
    */
  -webkit-box-shadow: 2px 5px 0 0 #c0047b;
  -moz-box-shadow: 2px 5px 0 0 #c0047b;
  box-shadow: 2px 5px 0 0 #c0047b; }

img {
  max-width: 100%;
  height: auto; }

.cta .back-to-image {
  display: none;
  transition-duration: 0s; }
  .cta .back-to-image.show {
    display: block; }
  .cta .back-to-image p {
    margin: 0;
    padding: 0;
    margin-left: calc((100% - 100vw) / 2); }
  .cta .back-to-image img {
    width: 100vw;
    max-width: 100vw;
    height: auto; }

.cta.heading-blue h1, .cta.heading-blue h2, .cta.heading-blue h3, .cta.heading-blue h4, .cta.heading-blue h5, .cta.heading-blue h6, .cta.heading-blue strong {
  color: #00a7e9; }

.cta.heading-orange h1, .cta.heading-orange h2, .cta.heading-orange h3, .cta.heading-orange h4, .cta.heading-orange h5, .cta.heading-orange h6, .cta.heading-orange strong {
  color: #f58220; }

.cta.heading-purple h1, .cta.heading-purple h2, .cta.heading-purple h3, .cta.heading-purple h4, .cta.heading-purple h5, .cta.heading-purple h6, .cta.heading-purple strong {
  color: #9c1973; }

.cta.heading-green h1, .cta.heading-green h2, .cta.heading-green h3, .cta.heading-green h4, .cta.heading-green h5, .cta.heading-green h6, .cta.heading-green strong {
  color: #00a651; }

.cta.heading-white h1, .cta.heading-white h2, .cta.heading-white h3, .cta.heading-white h4, .cta.heading-white h5, .cta.heading-white h6, .cta.heading-white strong {
  color: #fff; }

.cta.text-blue p, .cta.text-blue span {
  color: #00a7e9; }

.cta.text-orange p, .cta.text-orange span {
  color: #f58220; }

.cta.text-purple p, .cta.text-purple span {
  color: #9c1973; }

.cta.text-green p, .cta.text-green span {
  color: #00a651; }

.cta.text-white p, .cta.text-white span {
  color: #fff; }

.cta.background-blue-gradient {
  background-image: linear-gradient(87deg, #00459a, rgba(0, 149, 227, 0.96) 53%, #00459a); }

.cta.background-white {
  background-color: #fff; }

.cleanpage {
  margin-top: -50px; }
  .cleanpage .cta {
    float: none;
    background-size: cover;
    padding: 10px 0;
    overflow: visible; }
  .cleanpage div.inner {
    max-width: 960px;
    margin: 0 auto; }

.pageblock.no-stretch {
  background-size: auto;
  background-repeat: no-repeat; }

/*** ? ***/
/*
 .height(x)
*/
.height-375,
.cta.height-375,
.pageblock.height-375 {
  height: 375px; }
  @media (max-width: 768px) {
    .height-375,
    .cta.height-375,
    .pageblock.height-375 {
      height: auto; } }
  .height-375 .grid-cell,
  .cta.height-375 .grid-cell,
  .pageblock.height-375 .grid-cell {
    height: auto;
    /*
      height: $value - ($grid-gutter * 2);
      @media (max-width: $screen-tablet) {
        height: auto;
      }
      */ }
  .height-375 .grid-cell.no-padding,
  .cta.height-375 .grid-cell.no-padding,
  .pageblock.height-375 .grid-cell.no-padding {
    height: auto; }
  .height-375 .grid,
  .cta.height-375 .grid,
  .pageblock.height-375 .grid {
    height: 100%; }

.height-425,
.cta.height-425,
.pageblock.height-425 {
  height: 425px; }
  @media (max-width: 768px) {
    .height-425,
    .cta.height-425,
    .pageblock.height-425 {
      height: auto; } }
  .height-425 .grid-cell,
  .cta.height-425 .grid-cell,
  .pageblock.height-425 .grid-cell {
    height: auto;
    /*
      height: $value - ($grid-gutter * 2);
      @media (max-width: $screen-tablet) {
        height: auto;
      }
      */ }
  .height-425 .grid-cell.no-padding,
  .cta.height-425 .grid-cell.no-padding,
  .pageblock.height-425 .grid-cell.no-padding {
    height: auto; }
  .height-425 .grid,
  .cta.height-425 .grid,
  .pageblock.height-425 .grid {
    height: 100%; }

.height-525,
.cta.height-525,
.pageblock.height-525 {
  height: 525px; }
  @media (max-width: 768px) {
    .height-525,
    .cta.height-525,
    .pageblock.height-525 {
      height: auto; } }
  .height-525 .grid-cell,
  .cta.height-525 .grid-cell,
  .pageblock.height-525 .grid-cell {
    height: auto;
    /*
      height: $value - ($grid-gutter * 2);
      @media (max-width: $screen-tablet) {
        height: auto;
      }
      */ }
  .height-525 .grid-cell.no-padding,
  .cta.height-525 .grid-cell.no-padding,
  .pageblock.height-525 .grid-cell.no-padding {
    height: auto; }
  .height-525 .grid,
  .cta.height-525 .grid,
  .pageblock.height-525 .grid {
    height: 100%; }

.height-575,
.cta.height-575,
.pageblock.height-575 {
  height: 575px; }
  @media (max-width: 768px) {
    .height-575,
    .cta.height-575,
    .pageblock.height-575 {
      height: auto; } }
  .height-575 .grid-cell,
  .cta.height-575 .grid-cell,
  .pageblock.height-575 .grid-cell {
    height: auto;
    /*
      height: $value - ($grid-gutter * 2);
      @media (max-width: $screen-tablet) {
        height: auto;
      }
      */ }
  .height-575 .grid-cell.no-padding,
  .cta.height-575 .grid-cell.no-padding,
  .pageblock.height-575 .grid-cell.no-padding {
    height: auto; }
  .height-575 .grid,
  .cta.height-575 .grid,
  .pageblock.height-575 .grid {
    height: 100%; }

.height-675,
.cta.height-675,
.pageblock.height-675 {
  height: 675px; }
  @media (max-width: 768px) {
    .height-675,
    .cta.height-675,
    .pageblock.height-675 {
      height: auto; } }
  .height-675 .grid-cell,
  .cta.height-675 .grid-cell,
  .pageblock.height-675 .grid-cell {
    height: auto;
    /*
      height: $value - ($grid-gutter * 2);
      @media (max-width: $screen-tablet) {
        height: auto;
      }
      */ }
  .height-675 .grid-cell.no-padding,
  .cta.height-675 .grid-cell.no-padding,
  .pageblock.height-675 .grid-cell.no-padding {
    height: auto; }
  .height-675 .grid,
  .cta.height-675 .grid,
  .pageblock.height-675 .grid {
    height: 100%; }

.height-775,
.cta.height-775,
.pageblock.height-775 {
  height: 775px; }
  @media (max-width: 768px) {
    .height-775,
    .cta.height-775,
    .pageblock.height-775 {
      height: auto; } }
  .height-775 .grid-cell,
  .cta.height-775 .grid-cell,
  .pageblock.height-775 .grid-cell {
    height: auto;
    /*
      height: $value - ($grid-gutter * 2);
      @media (max-width: $screen-tablet) {
        height: auto;
      }
      */ }
  .height-775 .grid-cell.no-padding,
  .cta.height-775 .grid-cell.no-padding,
  .pageblock.height-775 .grid-cell.no-padding {
    height: auto; }
  .height-775 .grid,
  .cta.height-775 .grid,
  .pageblock.height-775 .grid {
    height: 100%; }

.height-1100,
.cta.height-1100,
.pageblock.height-1100 {
  height: 1100px; }
  @media (max-width: 768px) {
    .height-1100,
    .cta.height-1100,
    .pageblock.height-1100 {
      height: auto; } }
  .height-1100 .grid-cell,
  .cta.height-1100 .grid-cell,
  .pageblock.height-1100 .grid-cell {
    height: auto;
    /*
      height: $value - ($grid-gutter * 2);
      @media (max-width: $screen-tablet) {
        height: auto;
      }
      */ }
  .height-1100 .grid-cell.no-padding,
  .cta.height-1100 .grid-cell.no-padding,
  .pageblock.height-1100 .grid-cell.no-padding {
    height: auto; }
  .height-1100 .grid,
  .cta.height-1100 .grid,
  .pageblock.height-1100 .grid {
    height: 100%; }

/*** another set of heights for VL and BGL todo: make it one heights for all ***/
[data-gdlcontext="charityArticle"] {
  background-color: #9fe7f0; }
  @media (max-width: 992px) {
    [data-gdlcontext="charityArticle"] div.grid > div:nth-child(1) {
      padding-left: 15px;
      padding-right: 15px; } }
  @media (min-width: 992px) {
    [data-gdlcontext="charityArticle"] div.grid > div:nth-child(1),
    [data-gdlcontext="charityArticle"] div.grid > div:nth-child(4) {
      padding-left: 80px; } }
  @media (min-width: 992px) {
    [data-gdlcontext="charityArticle"] div.grid {
      width: 960px; } }
  [data-gdlcontext="charityArticle"] .grid-cell {
    background-color: #FFFFFF; }
  [data-gdlcontext="charityArticle"] div.grid-cell-6of6 {
    padding: 0; }
    [data-gdlcontext="charityArticle"] div.grid-cell-6of6 img.adjustable-image-full-width {
      width: 100%;
      height: auto;
      margin: auto; }
  @media (min-width: 992px) {
    [data-gdlcontext="charityArticle"] div.grid-cell-4of6 {
      width: 55%;
      padding-right: 80px; } }
  @media (min-width: 992px) {
    [data-gdlcontext="charityArticle"] div.grid-cell-2of6 {
      width: 45%;
      padding-right: 80px; } }
  [data-gdlcontext="charityArticle"] div.grid-content {
    width: 100%; }
  [data-gdlcontext="charityArticle"] .charity-details {
    width: 100%;
    background-color: #E0F2FD;
    overflow: hidden; }
  [data-gdlcontext="charityArticle"] h1 {
    width: 70%;
    color: #005E75;
    line-height: 1;
    margin: 0;
    font-size: 32px;
    padding: 27px 0 21px 0;
    float: left; }
    @media (min-width: 992px) {
      [data-gdlcontext="charityArticle"] h1 {
        width: auto; } }
  [data-gdlcontext="charityArticle"] .char-logo {
    display: block; }
    @media (min-width: 992px) {
      [data-gdlcontext="charityArticle"] .char-logo {
        float: right;
        margin: 10px 30px 10px; } }
    [data-gdlcontext="charityArticle"] .char-logo img {
      width: 30%;
      display: inline;
      padding-top: 27px; }
      @media (min-width: 992px) {
        [data-gdlcontext="charityArticle"] .char-logo img {
          width: auto;
          padding-top: 0; } }
  [data-gdlcontext="charityArticle"] .charity-details {
    padding-top: 30px;
    line-height: 1; }
    [data-gdlcontext="charityArticle"] .charity-details dl dt,
    [data-gdlcontext="charityArticle"] .charity-details dl dd {
      float: none;
      width: auto;
      text-align: center; }
    [data-gdlcontext="charityArticle"] .charity-details dl dt {
      font-size: 23px;
      font-weight: 500; }
    [data-gdlcontext="charityArticle"] .charity-details dl dd {
      font-size: 43px;
      padding-bottom: 20px;
      font-weight: 800;
      color: #005E75; }
    @media (min-width: 992px) {
      [data-gdlcontext="charityArticle"] .charity-details dl dt {
        font-size: 16px;
        line-height: 1.3; }
      [data-gdlcontext="charityArticle"] .charity-details dl dd {
        font-size: 30px; }
      [data-gdlcontext="charityArticle"] .charity-details dl {
        display: flex;
        flex-flow: column wrap;
        max-height: 100px; }
      [data-gdlcontext="charityArticle"] .charity-details dt {
        padding: 2px 4px; }
      [data-gdlcontext="charityArticle"] .charity-details dd {
        margin: 0;
        padding: 4px;
        min-height: 50px; } }
  [data-gdlcontext="charityArticle"] [data-portal-region="extraArea1"] > div:nth-child(1) {
    font-size: 20px;
    line-height: 1.2;
    color: #005E75;
    padding: 0 15px 50px 15px;
    letter-spacing: 0;
    text-align: center;
    font-weight: 700; }
    @media (min-width: 992px) {
      [data-gdlcontext="charityArticle"] [data-portal-region="extraArea1"] > div:nth-child(1) {
        font-size: 15px; } }
    [data-gdlcontext="charityArticle"] [data-portal-region="extraArea1"] > div:nth-child(1) a {
      font-size: 22px;
      display: block;
      width: 100%;
      height: 45px;
      border-radius: 22.4px;
      background-color: #0caf14;
      color: #FFFFFF;
      text-align: center;
      line-height: 45px;
      text-decoration: none;
      margin-top: 5px;
      box-shadow: -1px 4px 0px 0px #494848;
      -webkit-box-shadow: -1px 4px 0px 0px #494848;
      -moz-box-shadow: -1px 4px 0px 0px #494848; }
      @media (min-width: 992px) {
        [data-gdlcontext="charityArticle"] [data-portal-region="extraArea1"] > div:nth-child(1) a {
          font-size: 16px; } }
  [data-gdlcontext="charityArticle"] .charity-quote {
    font-size: 22px;
    line-height: 1.32;
    color: #0fa3b1;
    text-align: center;
    margin-bottom: 25px;
    font-weight: 700;
    font-style: italic; }
    @media (min-width: 992px) {
      [data-gdlcontext="charityArticle"] .charity-quote {
        font-size: 18px;
        line-height: 1.33; } }
  [data-gdlcontext="charityArticle"] .charity-quote-photo {
    float: left;
    margin-right: 15px; }
    @media (min-width: 992px) {
      [data-gdlcontext="charityArticle"] .charity-quote-photo {
        margin-left: 10px; } }
  [data-gdlcontext="charityArticle"] .charity-quote-sign {
    float: left; }
    [data-gdlcontext="charityArticle"] .charity-quote-sign .quotee-name {
      display: block;
      font-size: 18px;
      font-weight: 700; }
      @media (min-width: 992px) {
        [data-gdlcontext="charityArticle"] .charity-quote-sign .quotee-name {
          font-size: 15px; } }
    [data-gdlcontext="charityArticle"] .charity-quote-sign .quotee-function {
      display: block;
      font-size: 16px; }
      @media (min-width: 992px) {
        [data-gdlcontext="charityArticle"] .charity-quote-sign .quotee-function {
          font-size: 14px; } }
  [data-gdlcontext="charityArticle"] .overview-back-button {
    display: block;
    float: none;
    clear: both;
    padding: 0; }
    [data-gdlcontext="charityArticle"] .overview-back-button a {
      font-size: 16px;
      color: #005aab;
      font-weight: 700; }
  @media (max-width: 992px) {
    [data-gdlcontext="charityArticle"] div.grid > div:nth-child(1) {
      order: 1; }
    [data-gdlcontext="charityArticle"] div.grid > div:nth-child(2) {
      order: 2; }
    [data-gdlcontext="charityArticle"] div.grid > div:nth-child(3) {
      order: 3; }
    [data-gdlcontext="charityArticle"] div.grid > div:nth-child(4) {
      order: 5; }
    [data-gdlcontext="charityArticle"] div.grid > div:nth-child(5) {
      order: 4; }
    [data-gdlcontext="charityArticle"] div.grid > div:nth-child(6) {
      order: 6; }
    [data-gdlcontext="charityArticle"] div.grid > div:nth-child(7) {
      order: 7;
      padding-top: 0; } }

/* <div class="pcac"> */
.push-call .inner {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important; }

.pcac_inputComponents fieldset {
  border: none;
  margin: 0;
  padding: 0; }

.pcac_inputComponents fieldset legend {
  display: none; }

.pcac {
  float: left;
  width: 100%;
  margin: 0;
  position: relative;
  margin-bottom: 110px;
  /*.pcac_hours,
    .pcac_hourMinuteSeparator {
        float:left;
        display:inline-block;
        margin-right:5px;
    }*/
  /*.pcac_hourMinuteSeperator {
        font-weight:600;
        display:block;
        width:25%;
        float:left;
        background:green;
    }*/ }
  .pcac .pcac_title {
    margin-bottom: 10px;
    font-size: 26px;
    line-height: 32px;
    font-weight: 500; }
  .pcac .pcac_desc {
    line-height: 15px; }
  .pcac .pcac_callButtonContainer {
    position: absolute;
    bottom: -70px;
    left: 0; }
    @media only screen and (max-width: 959px) {
      .pcac .pcac_callButtonContainer .pcac_cml_call {
        bottom: -20px; } }
  .pcac .pcac_head {
    margin-bottom: 20px; }
  .pcac .pcac_cmn_call,
  .pcac .pcac_cml_call {
    font-size: 18px; }
    .pcac .pcac_cmn_call br,
    .pcac .pcac_cml_call br {
      display: none; }
      @media only screen and (max-width: 959px) {
        .pcac .pcac_cmn_call br,
        .pcac .pcac_cml_call br {
          display: block; } }
  .pcac .pcac_simpleButton,
  .pcac .pcac_backButtonContainer a {
    line-height: 24px; }
    @media only screen and (max-width: 959px) {
      .pcac .pcac_simpleButton,
      .pcac .pcac_backButtonContainer a {
        margin-top: 20px; } }
  .pcac .pcac_backButtonContainer a:before {
    background-position: left -919px; }
  .pcac .pcac_phoneNumberContainer {
    padding: 20px;
    background: #fff8e7; }
  .pcac .pcac_dateTimeContainer {
    padding: 0 20px 20px 20px;
    background: #fff8e7;
    overflow: hidden;
    position: relative; }
    @media only screen and (max-width: 959px) {
      .pcac .pcac_dateTimeContainer {
        height: 160px;
        background: #fff8e7; } }
  .pcac .pcac_input-select {
    background-position: right 10px center;
    background-color: #f5f8fd;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    border-radius: 7px;
    height: 45px;
    line-height: 45px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    overflow: hidden;
    cursor: pointer;
    background-image: url(../images/input_select_arrow.png);
    background-repeat: no-repeat;
    display: inline-block;
    border: 2px #9aa9bc solid;
    top: 0;
    -moz-appearance: none;
    text-indent: .01px;
    text-overflow: ''; }
    .pcac .pcac_input-select select {
      width: 170%;
      background: 0 0;
      padding: 5px;
      font-size: 16px;
      line-height: 1;
      border: 0;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      -o-border-radius: 0;
      border-radius: 0;
      height: 34px;
      -webkit-appearance: none;
      left: -10px;
      position: relative;
      cursor: pointer; }
      @media only screen and (max-width: 959px) {
        .pcac .pcac_input-select select {
          left: 0; } }
  .pcac .pcac_input-select select:focus {
    outline: 0; }
  .pcac .pcac_switchTypeContainer {
    padding: 0 20px 20px 20px;
    background: #fff8e7; }
  .pcac .pcac_backButtonContainer {
    padding: 0 20px 20px 20px;
    background: #fff8e7; }
  .pcac .pcac_dateLabel {
    font-weight: 600;
    display: block;
    position: relative;
    top: 0;
    left: 0; }
  .pcac .pcac_timeLabel {
    font-weight: 600;
    display: block;
    position: absolute;
    top: 0;
    left: 190px; }
    @media only screen and (max-width: 959px) {
      .pcac .pcac_timeLabel {
        position: relative;
        left: 0;
        top: 20px; } }
  .pcac .input-date {
    position: relative;
    top: 5px;
    left: 0;
    width: 145px;
    padding-left: 15px; }
  .pcac .input-hours {
    position: absolute;
    top: 24px;
    left: 190px;
    width: 70px;
    right: auto;
    padding-left: 15px; }
    @media only screen and (max-width: 959px) {
      .pcac .input-hours {
        position: relative;
        left: 0;
        float: left; } }
  .pcac .pcac_hourMinuteSeparator {
    position: absolute;
    top: 33px;
    left: 265px; }
    @media only screen and (max-width: 959px) {
      .pcac .pcac_hourMinuteSeparator {
        position: relative;
        left: 0;
        float: left;
        margin-left: 5px;
        margin-right: 5px;
        margin-top: -5px;
        top: 38px; } }
  .pcac .input-minutes {
    position: absolute;
    top: 24px;
    left: 275px;
    width: 70px;
    right: auto;
    padding-left: 15px; }
    @media only screen and (max-width: 959px) {
      .pcac .input-minutes {
        position: relative;
        left: 0; } }
  @media only screen and (max-width: 959px) {
    .pcac .input-minutes,
    .pcac .input-hours,
    .pcac .input-date {
      padding-left: 0; } }
  .pcac .ie9 .input-minutes,
  .pcac .ie9 .input-hours,
  .pcac .ie9 .input-date {
    background-image: none; }
  .pcac .pcac_dateTimeContainer .pcac_label {
    display: none; }

.gdl-cookie-dialog.mobile {
  z-index: 10000 !important;
  top: 75px !important; }

.dotties {
  text-align: center;
  /* Remove the margin first li element */ }
  .dotties .lelogo {
    position: relative;
    max-width: 200px;
    margin-left: auto;
    margin-right: auto; }
    @media all and (min-width: 768px) {
      .dotties .lelogo {
        max-width: 200px; } }
  .dotties .hilogo {
    padding-bottom: 34.4%;
    position: relative; }
  .dotties .imglogo {
    background: url("/static/vl/images/logos/waitpage/vl-logo-2017-rgb-label@2x.png") no-repeat center top;
    background-size: contain;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0; }
  .dotties ul.progress {
    list-style: none;
    width: 150px;
    margin: 0 auto;
    padding-top: 50px;
    padding-bottom: 50px; }
    @media all and (max-width: 768px) {
      .dotties ul.progress {
        width: 200px; } }
  .dotties ul.progress li {
    /* Style your list */
    float: left;
    position: relative;
    width: 20px;
    height: 20px;
    border: 1px solid #fff;
    border-radius: 60px;
    margin: 0;
    padding: 0;
    margin-left: 10px;
    /*
    border-left: 1px solid #aaa;
    border-top: 1px solid #aaa;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    */
    /* background: #000; */ }
    @media all and (max-width: 768px) {
      .dotties ul.progress li {
        width: 32px;
        height: 32px;
        border-radius: 96px; } }
  .dotties .smalldotties ul.progress {
    width: auto;
    padding: 0;
    display: inline-block;
    vertical-align: baseline;
    margin-left: 2px;
    margin-bottom: 1px; }
  .dotties .smalldotties ul.progress li {
    width: 2px;
    height: 2px;
    margin-left: 2px;
    border-radius: 6px; }
  .dotties ul.progress li:first-child {
    margin-left: 0; }
  .dotties .ball {
    width: 20px;
    height: 20px;
    border-radius: 60px;
    /*
    position: absolute;
    left: 0;
    */ }
    @media all and (max-width: 768px) {
      .dotties .ball {
        width: 32px;
        height: 32px;
        border-radius: 96px; } }
  .dotties .smalldotties .ball {
    width: 2px;
    height: 2px;
    border-radius: 6px; }
  .dotties .pulse {
    width: 20px;
    height: 20px;
    border-radius: 40px;
    position: absolute;
    top: -1px;
    left: -1px; }
    @media all and (max-width: 768px) {
      .dotties .pulse {
        width: 32px;
        height: 32px;
        border-radius: 60px; } }
  .dotties .smalldotties .pulse {
    width: 2px;
    height: 2px;
    border-radius: 6px; }
  .dotties .col1 .ball {
    background-image: linear-gradient(to bottom, #92c020, #009640); }
  .dotties .col1 .pulse-move {
    border: 1px solid #a1bc5c;
    box-shadow: 0 0 5px #a1bc5c; }
  .dotties .col2 .ball {
    background-image: linear-gradient(to top, #ef7c00, #ffdd00); }
  .dotties .col2 .pulse-move {
    border: 1px solid #e89e4e;
    box-shadow: 0 0 5px #e89e4e; }
  .dotties .col3 .ball {
    background-image: linear-gradient(to bottom, #ff006c, #cd052c); }
  .dotties .col3 .pulse-move {
    border: 1px solid #ff3f90;
    box-shadow: 0 0 5px #ff3f90; }
  .dotties .col4 .ball {
    background-image: linear-gradient(to bottom, #c0027a, #6a0f5a); }
  .dotties .col4 .pulse-move {
    border: 1px solid #bc348a;
    box-shadow: 0 0 5px #bc348a; }
  .dotties .col5 .ball {
    background-image: linear-gradient(to bottom, #009adf, #00509e); }
  .dotties .col5 .pulse-move {
    border: 1px solid #4cafdb;
    box-shadow: 0 0 5px #4cafdb; }
  .dotties .ball-move {
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    -moz-animation: loading 0.5s linear forwards;
    -webkit-animation: loading 0.5s linear forwards; }
  .dotties .pulse-move {
    border: 1px solid #00c6ff;
    box-shadow: 0 0 5px #00c6ff;
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    -webkit-animation: pulse 1s ease-out;
    -moz-animation: pulse 1s ease-out; }

@-moz-keyframes loading {
  0% {
    -moz-transform: scale(0, 0); }
  100% {
    -moz-transform: scale(1, 1); } }

@-webkit-keyframes loading {
  0% {
    -webkit-transform: scale(0, 0); }
  100% {
    -webkit-transform: scale(1, 1); } }

@-moz-keyframes pulse {
  0% {
    -moz-transform: scale(0);
    opacity: 0; }
  10% {
    -moz-transform: scale(1);
    opacity: 0.5; }
  50% {
    -moz-transform: scale(1.75);
    opacity: 0; }
  100% {
    -moz-transform: scale(0);
    opacity: 0; } }

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(0);
    opacity: 0; }
  10% {
    -webkit-transform: scale(1);
    opacity: 0.5; }
  50% {
    -webkit-transform: scale(1.75);
    opacity: 0; }
  100% {
    -webkit-transform: scale(0);
    opacity: 0; } }
  .dotties p.centerid {
    text-align: center;
    padding-left: 5%;
    padding-right: 5%;
    color: #064ca7; }

.pageblock {
  *zoom: 1;
  /* position:relative; JV = dit is niet zozeer handig voor over hangende images, kan beter static zijn */
  position: static;
  /*min-height: 40px;*/
  padding-top: 15px;
  padding-bottom: 15px;
  height: auto;
  min-height: 100px;
  box-sizing: border-box;
  background-size: cover;
  /* background-position: top center; */
  background-position: center center;
  /* JV: moest center center worden van CC */ }
  .pageblock::before, .pageblock::after {
    content: " ";
    display: table; }
  .pageblock::after {
    clear: both; }
  .pageblock p, .pageblock h1, .pageblock h2, .pageblock h3, .pageblock h4, .pageblock h5, .pageblock h6 {
    word-wrap: break-word;
    text-rendering: geometricPrecision; }
  .pageblock .no-padding p:emtpy {
    margin: 0;
    padding: 0; }
  .pageblock .back-to-image {
    display: none;
    transition-duration: 0s; }
    .pageblock .back-to-image.show {
      display: block; }
    .pageblock .back-to-image p {
      margin: 0;
      padding: 0;
      margin-left: calc((100% - 100vw) / 2); }
    .pageblock .back-to-image img {
      width: 101vw;
      max-width: 101vw;
      height: auto; }
  .pageblock time {
    font-size: 26px;
    font-weight: 400; }
  .pageblock time + h1 {
    margin-top: 0;
    clear: both; }
  .pageblock.articlehead .grid {
    height: 100%; }
  .pageblock.cardstyle .grid {
    position: relative; }
  .pageblock.cardstyle .grid:before {
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
    z-index: 0;
    position: absolute;
    display: block;
    content: " ";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    transform: rotate(1.5deg); }
  .pageblock.cardstyle.redcard .grid:before {
    background-color: #E72173;
    background-image: -moz-linear-gradient(top, #DC0831 0%, #E72173 100%);
    background-image: -webkit-gradient(left top, left bottom, color-stop(0%, #DC0831), color-stop(100%, #E72173));
    background-image: -webkit-linear-gradient(top, #DC0831 0%, #E72173 100%);
    background-image: -o-linear-gradient(top, #DC0831 0%, #E72173 100%);
    background-image: -ms-linear-gradient(top, #DC0831 0%, #E72173 100%);
    background-image: linear-gradient(to bottom, #DC0831 0%, #E72173 100%);
    background-size: 100% 100%; }
  .pageblock.cardstyle.bluecard .grid:before {
    background-color: #004F9F;
    background-image: -moz-linear-gradient(top, #00a7e9 0%, #004F9F 100%);
    background-image: -webkit-gradient(left top, left bottom, color-stop(0%, #00a7e9), color-stop(100%, #004F9F));
    background-image: -webkit-linear-gradient(top, #00a7e9 0%, #004F9F 100%);
    background-image: -o-linear-gradient(top, #00a7e9 0%, #004F9F 100%);
    background-image: -ms-linear-gradient(top, #00a7e9 0%, #004F9F 100%);
    background-image: linear-gradient(to bottom, #00a7e9 0%, #004F9F 100%);
    background-size: 100% 100%; }
  .pageblock.cardstyle.orangecard .grid:before {
    background-color: #EF7D00;
    background-image: -moz-linear-gradient(top, #FFDD00 0%, #EF7D00 100%);
    background-image: -webkit-gradient(left top, left bottom, color-stop(0%, #FFDD00), color-stop(100%, #EF7D00));
    background-image: -webkit-linear-gradient(top, #FFDD00 0%, #EF7D00 100%);
    background-image: -o-linear-gradient(top, #FFDD00 0%, #EF7D00 100%);
    background-image: -ms-linear-gradient(top, #FFDD00 0%, #EF7D00 100%);
    background-image: linear-gradient(to bottom, #FFDD00 0%, #EF7D00 100%);
    background-size: 100% 100%; }
  .pageblock.cardstyle.greencard .grid:before {
    background-color: #009640;
    background-image: -moz-linear-gradient(top, #8DC63F 0%, #009640 100%);
    background-image: -webkit-gradient(left top, left bottom, color-stop(0%, #8DC63F), color-stop(100%, #009640));
    background-image: -webkit-linear-gradient(top, #8DC63F 0%, #009640 100%);
    background-image: -o-linear-gradient(top, #8DC63F 0%, #009640 100%);
    background-image: -ms-linear-gradient(top, #8DC63F 0%, #009640 100%);
    background-image: linear-gradient(to bottom, #8DC63F 0%, #009640 100%);
    background-size: 100% 100%; }
  .pageblock.cardstyle.purplecard .grid:before {
    background-color: #6A0E5A;
    background-image: -moz-linear-gradient(top, #C0047B 0%, #6A0E5A 100%);
    background-image: -webkit-gradient(left top, left bottom, color-stop(0%, #C0047B), color-stop(100%, #6A0E5A));
    background-image: -webkit-linear-gradient(top, #C0047B 0%, #6A0E5A 100%);
    background-image: -o-linear-gradient(top, #C0047B 0%, #6A0E5A 100%);
    background-image: -ms-linear-gradient(top, #C0047B 0%, #6A0E5A 100%);
    background-image: linear-gradient(to bottom, #C0047B 0%, #6A0E5A 100%);
    background-size: 100% 100%; }
  .pageblock.cardstyle.cw .grid:before {
    transform: rotate(1.5deg); }
  .pageblock.cardstyle.ccw .grid:before {
    transform: rotate(-1.5deg); }
  .pageblock.cardstyle .grid:after {
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
    z-index: 0;
    position: absolute;
    content: " ";
    display: block;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0; }
  .pageblock.cardstyle .grid-cell {
    z-index: 1; }
  .pageblock.background-redgradient {
    position: relative;
    background-color: #DC0831;
    background-image: -moz-linear-gradient(left, #DC0831 0%, #E72173 100%);
    background-image: -webkit-gradient(left top, right top, color-stop(0%, #DC0831), color-stop(100%, #E72173));
    background-image: -webkit-linear-gradient(left, #DC0831 0%, #E72173 100%);
    background-image: -o-linear-gradient(left, #DC0831 0%, #E72173 100%);
    background-image: -ms-linear-gradient(left, #DC0831 0%, #E72173 100%);
    background-image: linear-gradient(to right, #DC0831 0%, #E72173 100%);
    /*text-shadow: 0px 0px 15px $vl-rood;*/ }
  .pageblock.background-greengradient {
    position: relative;
    background-color: #009640;
    background-image: -moz-linear-gradient(left, #009640 0%, #8DC63F 100%);
    background-image: -webkit-gradient(left top, right top, color-stop(0%, #009640), color-stop(100%, #8DC63F));
    background-image: -webkit-linear-gradient(left, #009640 0%, #8DC63F 100%);
    background-image: -o-linear-gradient(left, #009640 0%, #8DC63F 100%);
    background-image: -ms-linear-gradient(left, #009640 0%, #8DC63F 100%);
    background-image: linear-gradient(to right, #009640 0%, #8DC63F 100%);
    /*text-shadow: 0px 0px 15px $vl-dark-green;*/ }
  .pageblock.background-bluegradient {
    position: relative;
    background-color: #004F9F;
    background-image: -moz-linear-gradient(left, #004F9F 0%, #4880C5 100%);
    background-image: -webkit-gradient(left top, right top, color-stop(0%, #004F9F), color-stop(100%, #4880C5));
    background-image: -webkit-linear-gradient(left, #004F9F 0%, #4880C5 100%);
    background-image: -o-linear-gradient(left, #004F9F 0%, #4880C5 100%);
    background-image: -ms-linear-gradient(left, #004F9F 0%, #4880C5 100%);
    background-image: linear-gradient(to right, #004F9F 0%, #4880C5 100%);
    /*text-shadow: 0px 0px 15px $vl-dark-blue;*/ }
  .pageblock.background-orangegradient {
    position: relative;
    background-color: #EF7D00;
    background-image: -moz-linear-gradient(left, #EF7D00 0%, #FFDD00 100%);
    background-image: -webkit-gradient(left top, right top, color-stop(0%, #EF7D00), color-stop(100%, #FFDD00));
    background-image: -webkit-linear-gradient(left, #EF7D00 0%, #FFDD00 100%);
    background-image: -o-linear-gradient(left, #EF7D00 0%, #FFDD00 100%);
    background-image: -ms-linear-gradient(left, #EF7D00 0%, #FFDD00 100%);
    background-image: linear-gradient(to right, #EF7D00 0%, #FFDD00 100%);
    /*text-shadow: 0px 0px 15px $vl-oranje;*/ }
  .pageblock.background-purplegradient {
    position: relative;
    background-color: #6A0E5A;
    background-image: -moz-linear-gradient(left, #6A0E5A 0%, #C0047B 100%);
    background-image: -webkit-gradient(left top, right top, color-stop(0%, #6A0E5A), color-stop(100%, #C0047B));
    background-image: -webkit-linear-gradient(left, #6A0E5A 0%, #C0047B 100%);
    background-image: -o-linear-gradient(left, #6A0E5A 0%, #C0047B 100%);
    background-image: -ms-linear-gradient(left, #6A0E5A 0%, #C0047B 100%);
    background-image: linear-gradient(to right, #6A0E5A 0%, #C0047B 100%);
    /*text-shadow: 0px 0px 15px $vl-purple;*/ }

@media (min-width: 768px) {
  .pageblock.height-lowered {
    position: relative;
    height: 300px; }
  .pageblock.height-lowered .grid {
    position: relative;
    height: 100%; }
  .pageblock.height-lowered .grid.nowrap {
    flex-wrap: nowrap;
    /* Safari needs it for overflowing */ }
  .pageblock.red-area.height-lowered .grid {
    position: static; }
  .pageblock.height-low {
    position: relative;
    height: 430px; }
  .pageblock.height-low .grid {
    position: relative;
    height: 100%; }
  .pageblock.height-low .grid.nowrap {
    flex-wrap: nowrap;
    /* Safari needs it for overflowing */ }
  .pageblock.red-area.height-low .grid {
    position: static; }
  .pageblock.height-medium {
    position: relative;
    height: 525px; }
  .pageblock.height-medium .grid {
    position: relative;
    height: 100%; }
  .pageblock.height-medium .grid.nowrap {
    flex-wrap: nowrap;
    /* Safari needs it for overflowing */ }
  .pageblock.red-area.height-medium .grid {
    position: static; }
  .pageblock.height-high {
    position: relative;
    height: 575px; }
  .pageblock.height-high .grid {
    position: relative;
    height: 100%; }
  .pageblock.height-high .grid.nowrap {
    flex-wrap: nowrap;
    /* Safari needs it for overflowing */ }
  .pageblock.red-area.height-high .grid {
    position: static; }
  .pageblock.height-medium-high {
    position: relative;
    height: 650px; }
  .pageblock.height-medium-high .grid {
    position: relative;
    height: 100%; }
  .pageblock.height-medium-high .grid.nowrap {
    flex-wrap: nowrap;
    /* Safari needs it for overflowing */ }
  .pageblock.red-area.height-medium-high .grid {
    position: static; }
  .pageblock.height-extra-high {
    position: relative;
    height: 750px; }
  .pageblock.height-extra-high .grid {
    position: relative;
    height: 100%; }
  .pageblock.height-extra-high .grid.nowrap {
    flex-wrap: nowrap;
    /* Safari needs it for overflowing */ }
  .pageblock.red-area.height-extra-high .grid {
    position: static; } }

/* when "breakout" is active for a pageblock with a responsive-image, dont keep the assigned height */
.active-breakout {
  height: auto !important; }
  .active-breakout.pageblock .grid.nowrap {
    flex-wrap: wrap; }

/* Safari */
.pageblock.pageintro .grid {
  flex-wrap: wrap; }

header.pageblock {
  position: relative; }

header.pageblock.height-low {
  height: 275px; }
  @media (min-width: 768px) {
    header.pageblock.height-low {
      height: 430px; } }
  @media (min-width: 992px) {
    header.pageblock.height-low {
      height: 430px; } }
  @media (min-width: 1200px) {
    header.pageblock.height-low {
      height: 430px; } }

header.pageblock.red-area {
  position: relative; }

header.pageblock.height-medium {
  height: 425px; }
  @media (min-width: 768px) {
    header.pageblock.height-medium {
      height: 475px; } }
  @media (min-width: 992px) {
    header.pageblock.height-medium {
      height: 525px; } }
  @media (min-width: 1200px) {
    header.pageblock.height-medium {
      height: 525px; } }

header.pageblock.red-area {
  position: relative; }

header.pageblock.height-high {
  height: 425px; }
  @media (min-width: 768px) {
    header.pageblock.height-high {
      height: 575px; } }
  @media (min-width: 992px) {
    header.pageblock.height-high {
      height: 575px; } }
  @media (min-width: 1200px) {
    header.pageblock.height-high {
      height: 575px; } }

header.pageblock.red-area {
  position: relative; }

header.pageblock.height-medium-high {
  height: 450px; }
  @media (min-width: 768px) {
    header.pageblock.height-medium-high {
      height: 575px; } }
  @media (min-width: 992px) {
    header.pageblock.height-medium-high {
      height: 650px; } }
  @media (min-width: 1200px) {
    header.pageblock.height-medium-high {
      height: 650px; } }

header.pageblock.red-area {
  position: relative; }

header.pageblock.height-extra-high {
  height: 450px; }
  @media (min-width: 768px) {
    header.pageblock.height-extra-high {
      height: 575px; } }
  @media (min-width: 992px) {
    header.pageblock.height-extra-high {
      height: 750px; } }
  @media (min-width: 1200px) {
    header.pageblock.height-extra-high {
      height: 750px; } }

header.pageblock.red-area {
  position: relative; }

.pageintro {
  background-size: cover;
  background-position: center;
  height: 560px; }
  @media (min-width: 992px) {
    .pageintro {
      height: 630px; } }
  @media (min-width: 1200px) {
    .pageintro {
      height: 750px; } }
  .pageintro .grid .grid-cell-6of6:last-child {
    padding-top: 0;
    padding-bottom: 0; }
  .pageintro + .main-content > .pageblock:first-child {
    padding-top: 230px; }
    @media (min-width: 992px) {
      .pageintro + .main-content > .pageblock:first-child {
        padding-top: 70px; } }

.pageintro .grid > div:first-child {
  display: flex;
  height: 420px;
  /* dit omdat base.scss selector => header.menu-spacing,.. {}  voor de aankeilers */ }
  @media (min-width: 768px) {
    .pageintro .grid > div:first-child {
      height: 380px; } }
  @media (min-width: 992px) {
    .pageintro .grid > div:first-child {
      height: 360px; } }
  @media (min-width: 1200px) {
    .pageintro .grid > div:first-child {
      height: 470px; } }
  .pageintro .grid > div:first-child .grid-content {
    text-align: center; }

.pennon {
  margin-bottom: 0;
  margin-top: -15px;
  transform: translate(0, -50%);
  text-align: center;
  position: absolute;
  width: 100%;
  z-index: 100; }
  .pennon img {
    max-width: 100%;
    height: auto; }

/*** pageblocks is part of block-item setup ***/
/*$red: #f00;*/
.remaining-results {
  display: block;
  position: relative;
  border-collapse: collapse;
  margin-left: -20px;
  margin-top: -30px;
  width: 320px; }
  @media (min-width: 768px) {
    .remaining-results {
      margin-left: auto;
      display: table;
      table-layout: fixed;
      width: 100%;
      border: 1px solid #fff; } }
  @media (min-width: 992px) {
    .remaining-results {
      width: 900px; } }
  .remaining-results:before, .remaining-results:after {
    content: '';
    position: absolute;
    top: 0;
    width: 162px;
    height: 100%;
    background: url("/static/vl/images/parralax/bg-confetti-small.png") repeat-y left top;
    /*z-index: -1;*/
    pointer-events: none; }
  .remaining-results:before {
    left: 0;
    margin-left: -160px;
    background-position-y: 0%; }
    @media (min-width: 768px) {
      .remaining-results:before {
        margin-left: -160px; } }
  .remaining-results:after {
    right: 0;
    margin-right: -60px;
    background-position-y: -100%;
    background: url("/static/vl/images/parralax/bg-confetti-small.png") repeat-y right top; }
    @media (min-width: 768px) and (max-width: 992px) {
      .remaining-results:after {
        margin-right: -160px; } }
  .remaining-results thead {
    display: block;
    background-color: #fff; }
    @media (min-width: 768px) {
      .remaining-results thead {
        display: table-header-group; } }
  .remaining-results tbody {
    display: block;
    border-bottom: 1px solid #fff; }
    @media (min-width: 768px) {
      .remaining-results tbody {
        display: table-row-group; } }
    .remaining-results tbody tr:nth-child(even) {
      background-color: #fff; }
    .remaining-results tbody tr.even {
      background-color: #fff; }
    .remaining-results tbody tr.odd, .remaining-results tbody tr.odd:nth-child(even) {
      background-color: transparent; }
  .remaining-results tfoot {
    display: block;
    background: #fff; }
    @media (min-width: 768px) {
      .remaining-results tfoot {
        display: table-footer-group; } }
  .remaining-results tr {
    display: block; }
    @media (min-width: 768px) {
      .remaining-results tr {
        display: table-row; } }
  .remaining-results th, .remaining-results td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    width: 100%;
    line-height: 24px;
    padding: 0 20px;
    box-sizing: border-box;
    text-align: left;
    vertical-align: top; }
    @media (min-width: 768px) {
      .remaining-results th, .remaining-results td {
        display: table-cell;
        width: auto;
        padding: 10px 20px; } }
    .remaining-results th:first-child, .remaining-results td:first-child {
      padding-top: 20px; }
      @media (min-width: 768px) {
        .remaining-results th:first-child, .remaining-results td:first-child {
          padding: 10px 20px; } }
    .remaining-results th:last-child, .remaining-results td:last-child {
      padding-bottom: 20px; }
      @media (min-width: 768px) {
        .remaining-results th:last-child, .remaining-results td:last-child {
          padding: 10px 20px;
          /* text-align: right; */ } }
  .remaining-results th,
  .remaining-results th:first-child,
  .remaining-results th:last-child {
    /*
        font-family: $MyriadPro;
        font-size: 20px;
        font-weight: fontscomweight($m_bold);
        */
    display: none; }
    @media (min-width: 768px) {
      .remaining-results th,
      .remaining-results th:first-child,
      .remaining-results th:last-child {
        display: table-cell;
        line-height: 46px;
        padding: 15px 20px; } }
    .remaining-results th.field,
    .remaining-results th:first-child.field,
    .remaining-results th:last-child.field {
      display: block;
      padding: 15px 20px; }
      @media (min-width: 768px) {
        .remaining-results th.field,
        .remaining-results th:first-child.field,
        .remaining-results th:last-child.field {
          display: table-cell; } }
  @media (min-width: 768px) {
    .remaining-results .postalcode {
      width: 165px; } }
  @media (min-width: 768px) {
    .remaining-results .postalcode .filter {
      margin-left: -10px; } }
  .remaining-results .match {
    background-color: #DC0831;
    color: #fff; }
  .remaining-results .filter {
    width: 100%;
    margin: 5px 0;
    background: #fff url("../images/search-icon.png") no-repeat right 10px center;
    /*padding-right: 40px;*/ }
    @media (min-width: 768px) {
      .remaining-results .filter {
        margin: 0; } }
  .remaining-results .table-paging,
  .remaining-results .no-results {
    border: 1px solid #fff; }
  .remaining-results .no-results,
  .remaining-results .table-paging,
  .remaining-results .hide-filter,
  .remaining-results .hide-paging {
    display: none; }
  .remaining-results .table-paging,
  .remaining-results .table-paging:last-child {
    text-align: center; }
  .remaining-results .no-results,
  .remaining-results .no-results:last-child {
    text-align: left; }
  .remaining-results .show {
    display: block;
    border: 0; }
    @media (min-width: 768px) {
      .remaining-results .show {
        display: table-cell;
        border: 1px solid #fff;
        border-top: 1px solid #fff; } }
    .remaining-results .show.no-results {
      white-space: normal; }

.new-bingokaart {
  counter-reset: section;
  max-width: 797px;
  /*max-height: 492px;*/
  margin: auto;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e78818+0,f0c53e+100 */
  background: #e78818;
  /* Old browsers */
  background: -moz-linear-gradient(left, #e78818 0%, #f0c53e 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #e78818 0%, #f0c53e 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #e78818 0%, #f0c53e 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e78818', endColorstr='#f0c53e',GradientType=1 );
  /* IE6-9 */
  position: relative; }
  .new-bingokaart .bingokaart_content {
    padding: 7% 3% 7%; }
    @media (min-width: 768px) {
      .new-bingokaart .bingokaart_content {
        padding: 10% 5% 7%; } }
  .new-bingokaart .bingokaart_content_backdrop {
    background-color: white;
    border-radius: 12px;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    align-items: flex-start;
    padding: 3%;
    -webkit-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.39);
    box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.39); }
    @media (min-width: 768px) {
      .new-bingokaart .bingokaart_content_backdrop {
        padding-top: 5%; } }
    @media (min-width: 768px) {
      .new-bingokaart .bingokaart_content_backdrop::before {
        content: "";
        position: absolute;
        display: block;
        background: transparent url(../images/logo-vl.png) center center no-repeat;
        width: 227px;
        height: 101px;
        left: calc(50% - 113px);
        top: 20px;
        z-index: 5;
        padding-top: 6%; } }
    .new-bingokaart .bingokaart_content_backdrop > div {
      position: relative;
      width: 20%;
      background: transparent url(../images/bingo/bingogetal.png) center center no-repeat;
      background-size: 120% auto;
      line-height: 1; }
      @media (min-width: 768px) {
        .new-bingokaart .bingokaart_content_backdrop > div {
          width: 9.5%;
          padding: 1% 0 1% 0;
          border-top: 1px solid #e6e6e6; } }
      .new-bingokaart .bingokaart_content_backdrop > div::before {
        content: "";
        display: block;
        position: relative;
        padding-top: 100%;
        width: 100%; }
      @media (min-width: 768px) {
        .new-bingokaart .bingokaart_content_backdrop > div:nth-child(-n+10) {
          border-top: none; } }
      .new-bingokaart .bingokaart_content_backdrop > div:nth-child(n) {
        counter-increment: section; }
      .new-bingokaart .bingokaart_content_backdrop > div:nth-child(5n+5)::after {
        content: counter(section);
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        font-size: 3.4vw; }
        @media (min-width: 768px) {
          .new-bingokaart .bingokaart_content_backdrop > div:nth-child(5n+5)::after {
            font-size: 12px; } }
      @media (min-width: 768px) {
        .new-bingokaart .bingokaart_content_backdrop > div:nth-child(10n+5) {
          margin-right: 5%; }
        .new-bingokaart .bingokaart_content_backdrop > div:nth-child(10n+10) {
          margin-right: 0; } }
      .new-bingokaart .bingokaart_content_backdrop > div > p {
        position: absolute;
        margin: 0;
        display: block;
        left: 0;
        top: 0;
        font-weight: 700;
        font-size: 5vw;
        display: flex;
        width: 100%;
        height: 100%;
        justify-content: center;
        align-items: center; }
        @media (min-width: 768px) {
          .new-bingokaart .bingokaart_content_backdrop > div > p {
            font-size: 19px; } }

/*** remaining results table, fairly new and in all lotteries ***/
ul.paging {
  color: #30287c;
  width: 280px;
  text-align: center;
  margin: 15px auto;
  font-size: 0;
  list-style: none; }
  ul.paging li {
    display: inline-block;
    width: 30px;
    text-align: center;
    background: none;
    padding-left: 0; }
  ul.paging a {
    font-size: 16px;
    text-decoration: none;
    display: inline-block;
    width: 100%;
    color: #30287c; }
    @media (min-width: 768px) {
      ul.paging a {
        font-size: 18px; } }
  ul.paging .active a {
    font-weight: 600;
    font-size: 22px; }
    @media (min-width: 768px) {
      ul.paging .active a {
        font-size: 24px; } }
  ul.paging .disabled {
    color: #bcbbb8; }
  ul.paging .arrow:empty, ul.paging .arrow.disabled,
  ul.paging .arrow a {
    /*border: 2px solid $blue;*/
    width: 26px;
    height: 26px;
    /*border-radius: 10px;*/ }
    ul.paging .arrow:empty:before, ul.paging .arrow.disabled:before,
    ul.paging .arrow a:before {
      /* font-family: $IconFont; */
      font-size: 22px;
      line-height: 28px; }
  ul.paging .arrow.disabled, ul.paging .arrow:empty {
    color: #bcbbb8;
    /*border-color: $gray;*/ }
  ul.paging .step {
    letter-spacing: -1px; }
  ul.paging .back {
    margin-right: 5px; }
    ul.paging .back:empty:before, ul.paging .back.disabled:before,
    ul.paging .back a:before {
      padding-right: 1px;
      content: "«"; }
  ul.paging .next {
    margin-left: 5px; }
    ul.paging .next:empty:before, ul.paging .next.disabled:before,
    ul.paging .next a:before {
      content: "»";
      padding-left: 1px; }

/*** paging for remaining results? ***/
.prizes-list-container {
  max-width: 960px;
  display: flex;
  flex-wrap: wrap;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden; }
  @media (min-width: 768px) {
    .prizes-list-container {
      margin-bottom: 20px; } }
  .prizes-list-container img {
    border: none;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor; }
  .prizes-list-container .headprize_block {
    position: relative;
    width: 100%;
    background-color: #A8577F; }
    @media (max-width: 500px) {
      .prizes-list-container .headprize_block {
        text-align: center;
        margin-bottom: 3vw; } }
    @media (max-width: 768px) {
      .prizes-list-container .headprize_block {
        text-align: left;
        margin-bottom: 0; } }
    @media (min-width: 768px) {
      .prizes-list-container .headprize_block {
        height: 175px;
        display: grid;
        grid-template-columns: 1fr 35%;
        padding-left: 38px;
        padding-right: 20px; } }
    .prizes-list-container .headprize_block.zeegroen {
      background-color: #8CC08C; }
    .prizes-list-container .headprize_block.lichtgeel {
      background-color: #FFB94E; }
    .prizes-list-container .headprize_block.pacific {
      background-color: #09B7CB; }
    .prizes-list-container .headprize_block.rose {
      background-color: #A8577F; }
    .prizes-list-container .headprize_block.viridian {
      background-color: #0FA3B1; }
    .prizes-list-container .headprize_block .block_header {
      font-weight: 800;
      color: #fff;
      font-size: 7vw;
      line-height: 1.4;
      padding-top: 2vw; }
      @media (min-width: 768px) {
        .prizes-list-container .headprize_block .block_header {
          grid-column: 1;
          grid-row: 1 / 2;
          font-size: 48px;
          line-height: 1.2;
          padding-top: 4%; } }
      @media (min-width: 992px) {
        .prizes-list-container .headprize_block .block_header {
          font-size: 52px; } }
    .prizes-list-container .headprize_block .block_text {
      font-weight: 700;
      color: #fff;
      font-size: 5.5vw;
      line-height: 1.1; }
      @media (min-width: 768px) {
        .prizes-list-container .headprize_block .block_text {
          font-weight: 500;
          grid-column: 1;
          grid-row: 2 / 3;
          font-size: 32px;
          line-height: 1.1;
          letter-spacing: 0; } }
    @media (max-width: 768px) {
      .prizes-list-container .headprize_block .block_image {
        margin: 3vw 4vw 4vw 3vw; } }
    @media (min-width: 768px) {
      .prizes-list-container .headprize_block .block_image {
        grid-column: 2;
        grid-row: 1 / 9;
        justify-self: end;
        align-self: center; } }
    .prizes-list-container .headprize_block .block_image img {
      display: inline-block; }
      @media (min-width: 768px) {
        .prizes-list-container .headprize_block .block_image img {
          max-height: 155px; } }
  .prizes-list-container .prize_block {
    position: relative;
    width: 100%;
    margin-bottom: 3vw; }
    @media (min-width: 768px) {
      .prizes-list-container .prize_block {
        width: 32.8%; } }
    .prizes-list-container .prize_block .block_header {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      font-weight: 700;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center; }
    .prizes-list-container .prize_block .block_image {
      position: absolute;
      display: flex;
      left: 0;
      top: 15%;
      width: 100%;
      height: 60%;
      align-items: center;
      justify-content: center; }
      .prizes-list-container .prize_block .block_image img {
        max-height: 98%;
        max-width: 90%; }
    .prizes-list-container .prize_block .block_text {
      position: absolute;
      display: flex;
      left: 0;
      width: 100%;
      align-items: center;
      justify-content: center;
      text-align: center; }
    .prizes-list-container .prize_block.head.image, .prizes-list-container .prize_block.image {
      padding-top: 100%;
      width: 100%; }
      @media (min-width: 768px) {
        .prizes-list-container .prize_block.head.image, .prizes-list-container .prize_block.image {
          width: 32.8%;
          padding-top: 32%;
          margin-bottom: 0.8%; } }
      .prizes-list-container .prize_block.head.image:nth-of-type(2n+1), .prizes-list-container .prize_block.image:nth-of-type(2n+1) {
        margin-right: 0; }
      .prizes-list-container .prize_block.head.image:nth-of-type(3n+2), .prizes-list-container .prize_block.image:nth-of-type(3n+2) {
        margin-left: 0.8%;
        margin-right: 0.8%; }
      .prizes-list-container .prize_block.head.image .block_header, .prizes-list-container .prize_block.image .block_header {
        height: 15%;
        color: white;
        font-size: 5vw;
        line-height: 1; }
        @media (min-width: 768px) {
          .prizes-list-container .prize_block.head.image .block_header, .prizes-list-container .prize_block.image .block_header {
            font-size: 2.8vw; } }
        @media (min-width: 992px) {
          .prizes-list-container .prize_block.head.image .block_header, .prizes-list-container .prize_block.image .block_header {
            font-size: 22px; } }
      .prizes-list-container .prize_block.head.image .block_text, .prizes-list-container .prize_block.image .block_text {
        top: 75%;
        height: 25%;
        color: #2e2e2e;
        font-weight: 800;
        line-height: 1;
        font-size: 7.8vw;
        text-shadow: none; }
        @media (min-width: 768px) {
          .prizes-list-container .prize_block.head.image .block_text, .prizes-list-container .prize_block.image .block_text {
            font-size: 2.6vw; } }
        @media (min-width: 992px) {
          .prizes-list-container .prize_block.head.image .block_text, .prizes-list-container .prize_block.image .block_text {
            font-size: 26px; } }
      .prizes-list-container .prize_block.head.image.zeegroen, .prizes-list-container .prize_block.image.zeegroen {
        background-color: #F6FBE3; }
        .prizes-list-container .prize_block.head.image.zeegroen .block_header, .prizes-list-container .prize_block.image.zeegroen .block_header {
          background-color: #8CC08C; }
      .prizes-list-container .prize_block.head.image.lichtgeel, .prizes-list-container .prize_block.image.lichtgeel {
        background-color: #FBEFD5; }
        .prizes-list-container .prize_block.head.image.lichtgeel .block_header, .prizes-list-container .prize_block.image.lichtgeel .block_header {
          background-color: #FFB94E; }
      .prizes-list-container .prize_block.head.image.pacific, .prizes-list-container .prize_block.image.pacific {
        background-color: #9FE7F0; }
        .prizes-list-container .prize_block.head.image.pacific .block_header, .prizes-list-container .prize_block.image.pacific .block_header {
          background-color: #09B7CB; }
      .prizes-list-container .prize_block.head.image.rose, .prizes-list-container .prize_block.image.rose {
        background-color: #F3A2AC; }
        .prizes-list-container .prize_block.head.image.rose .block_header, .prizes-list-container .prize_block.image.rose .block_header {
          background-color: #A8577F; }
      .prizes-list-container .prize_block.head.image.viridian, .prizes-list-container .prize_block.image.viridian {
        background-color: #d9e5d6; }
        .prizes-list-container .prize_block.head.image.viridian .block_header, .prizes-list-container .prize_block.image.viridian .block_header {
          background-color: #0FA3B1; }
    .prizes-list-container .prize_block.head {
      padding-top: 30%;
      width: 100%; }
      @media (min-width: 768px) {
        .prizes-list-container .prize_block.head {
          width: 49%;
          padding-top: 12%;
          margin-bottom: 20px; } }
      .prizes-list-container .prize_block.head:nth-of-type(2n+1) {
        margin-right: 2%; }
      .prizes-list-container .prize_block.head .block_header {
        height: 35%;
        color: #2e2e2e;
        font-size: 5vw;
        line-height: 1; }
        @media (min-width: 768px) {
          .prizes-list-container .prize_block.head .block_header {
            font-size: 2.8vw; } }
        @media (min-width: 992px) {
          .prizes-list-container .prize_block.head .block_header {
            font-size: 22px; } }
      .prizes-list-container .prize_block.head .block_text {
        top: 35%;
        height: 65%;
        color: white;
        text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
        font-weight: 700;
        line-height: 1;
        font-size: 5.6vw; }
        @media (min-width: 768px) {
          .prizes-list-container .prize_block.head .block_text {
            font-size: 2.8vw; } }
        @media (min-width: 992px) {
          .prizes-list-container .prize_block.head .block_text {
            font-size: 32px; } }
      .prizes-list-container .prize_block.head.zeegroen {
        background-color: #8CC08C; }
        .prizes-list-container .prize_block.head.zeegroen .block_header {
          background-color: #F6FBE3; }
      .prizes-list-container .prize_block.head.lichtgeel {
        background-color: #FFB94E; }
        .prizes-list-container .prize_block.head.lichtgeel .block_header {
          background-color: #FBEFD5; }
      .prizes-list-container .prize_block.head.pacific {
        background-color: #09B7CB; }
        .prizes-list-container .prize_block.head.pacific .block_header {
          background-color: #9FE7F0; }
      .prizes-list-container .prize_block.head.rose {
        background-color: #A8577F; }
        .prizes-list-container .prize_block.head.rose .block_header {
          background-color: #F3A2AC; }
      .prizes-list-container .prize_block.head.viridian {
        background-color: #0FA3B1; }
        .prizes-list-container .prize_block.head.viridian .block_header {
          background-color: #d9e5d6; }

.tags label {
  display: inline-block;
  font-size: 20px;
  margin-right: 10px;
  color: #005aab; }

.tags ul {
  display: inline-block; }
  .tags ul li {
    display: inline-block;
    padding: 5px 10px;
    border-radius: 4px;
    border-style: solid;
    border-width: 2px;
    margin: 0 10px; }
    .tags ul li:first-child {
      margin-left: 0px; }
    .tags ul li:last-child {
      margin-right: 0; }

.gdlarticle-charity .overview a.gdlarticle .image {
  background-size: contain; }

.gdlarticle-charity .overview a.gdlarticle p.kopmedium {
  color: #09B7CB;
  margin-bottom: 0; }

.gdlarticle-charity .overview a.gdlarticle .ankeiler-props-container,
.gdlarticle-charity .overview a.gdlarticle .teaser-text {
  display: none; }

.gdlarticle-charity .overview a.gdlarticle .button {
  margin-bottom: 15px; }

.gdlarticle-ambassador .overview a.gdlarticle p.kopmedium {
  margin-bottom: 0; }

.gdlarticle-ambassador .overview a.gdlarticle .ankeiler-props-container,
.gdlarticle-ambassador .overview a.gdlarticle .teaser-text {
  display: none; }

.gdlarticle-ambassador .overview a.gdlarticle .button {
  margin-bottom: 15px; }

.overview a.gdlarticle {
  text-decoration: none;
  width: 310px; }
  .main .overview a.gdlarticle:link,
  .main .overview a.gdlarticle:visited,
  .main .overview a.gdlarticle:active {
    color: #1a1a1a; }
  .overview a.gdlarticle p {
    margin: 0; }
  .overview a.gdlarticle strong {
    font-weight: 400; }
  .overview a.gdlarticle .image {
    display: block;
    height: 179px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat; }
  .overview a.gdlarticle .grid-content {
    background-color: white;
    width: 100%; }
  .overview a.gdlarticle p.kopmedium,
  .overview a.gdlarticle .ankeiler-props-container,
  .overview a.gdlarticle .teaser-text,
  .overview a.gdlarticle .btn-link,
  .overview a.gdlarticle .pcac .pcac_simpleButton,
  .pcac .overview a.gdlarticle .pcac_simpleButton,
  .overview a.gdlarticle .pcac .pcac_backButtonContainer a,
  .pcac .pcac_backButtonContainer .overview a.gdlarticle a {
    padding-left: 15px;
    padding-right: 15px; }
  .overview a.gdlarticle p.kopmedium {
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    margin: 15px 0;
    line-height: 1.3;
    height: 54px;
    overflow: hidden; }
  .overview a.gdlarticle .ankeiler-props-container {
    display: flex; }
    .overview a.gdlarticle .ankeiler-props-container .tag-wrapper {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      font-size: 13px;
      color: #fff;
      text-decoration: none;
      margin: 0 10px 0 0;
      border-radius: 2px; }
      .overview a.gdlarticle .ankeiler-props-container .tag-wrapper span {
        padding: 3px 10px; }
    .overview a.gdlarticle .ankeiler-props-container time {
      font-size: 13px;
      margin-top: 1px; }
  .overview a.gdlarticle .teaser-text {
    display: block;
    overflow: hidden;
    height: 70px;
    margin-top: 10px; }
    .overview a.gdlarticle .teaser-text p {
      line-height: 1.4; }
  .overview a.gdlarticle .button {
    margin-top: 0;
    text-align: center;
    display: block;
    width: 100%;
    color: #005aab;
    font-weight: normal;
    text-decoration: underline;
    -webkit-text-underline-position: under;
    text-underline-position: under;
    text-decoration-skip-ink: auto; }
    .overview a.gdlarticle .button:after {
      display: none; }

.articleankeilerbox ul.pagination {
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: .25rem;
  margin-bottom: 0;
  width: 280px;
  text-align: center;
  margin: 15px auto 45px;
  font-size: 0;
  margin-bottom: 15px;
  justify-content: space-between; }
  .articleankeilerbox ul.pagination li.pagination-item {
    margin: auto;
    padding: 0;
    background: none;
    list-style: none;
    outline: none;
    display: flex; }
    .articleankeilerbox ul.pagination li.pagination-item:before {
      display: none; }
    .articleankeilerbox ul.pagination li.pagination-item .pagination-link {
      outline: 0;
      text-decoration: none;
      display: inline-block;
      width: 100%;
      color: black;
      border: 0;
      background: transparent;
      font-size: 18px;
      cursor: pointer; }
      .articleankeilerbox ul.pagination li.pagination-item .pagination-link.pagination-link--active {
        font-size: 24px;
        font-weight: 700; }
    .articleankeilerbox ul.pagination li.pagination-item:nth-child(1) button, .articleankeilerbox ul.pagination li.pagination-item:nth-last-child(1) button {
      width: 26px;
      height: 26px;
      border-radius: 10px;
      display: flex;
      justify-content: center;
      align-items: center; }
      .articleankeilerbox ul.pagination li.pagination-item:nth-child(1) button:before, .articleankeilerbox ul.pagination li.pagination-item:nth-last-child(1) button:before {
        font-family: Arial;
        font-size: 18px;
        line-height: 28px;
        content: "»";
        padding-top: 2px; }
    .articleankeilerbox ul.pagination li.pagination-item:nth-child(1) button:before {
      padding-right: 2px;
      content: "«"; }
    .articleankeilerbox ul.pagination li.pagination-item:nth-last-child(1) button:before {
      padding-left: 2px;
      content: "»"; }
  .articleankeilerbox ul.pagination li.pagination-item--disable:nth-child(1) button, .articleankeilerbox ul.pagination li.pagination-item--disable:nth-last-child(1) button {
    color: #dfdfdf;
    border-color: #dfdfdf;
    cursor: auto; }
  .articleankeilerbox ul.pagination li.pagination-item--disable:nth-child(1) .pagination-link--disable, .articleankeilerbox ul.pagination li.pagination-item--disable:nth-last-child(1) .pagination-link--disable {
    color: #dfdfdf; }

[data-gdlcontext="ambassadorArticle"] {
  background-color: #E0F2FD;
  padding-bottom: 30px; }
  [data-gdlcontext="ambassadorArticle"] .grid {
    background-color: #fff; }
  [data-gdlcontext="ambassadorArticle"] div.grid-cell-4of6 {
    padding-top: 0;
    padding-bottom: 0; }
  @media (min-width: 992px) {
    [data-gdlcontext="ambassadorArticle"] div.grid-cell-6of6 {
      width: 620px; } }
  [data-gdlcontext="ambassadorArticle"] nav.overview-back-button {
    margin: 0 auto;
    background-color: #fff;
    padding: 30px; }
    @media (min-width: 1px) {
      [data-gdlcontext="ambassadorArticle"] nav.overview-back-button {
        width: 320px; } }
    @media (min-width: 500px) {
      [data-gdlcontext="ambassadorArticle"] nav.overview-back-button {
        width: 495px; } }
    @media (min-width: 768px) {
      [data-gdlcontext="ambassadorArticle"] nav.overview-back-button {
        width: 650px; } }
    @media (min-width: 992px) {
      [data-gdlcontext="ambassadorArticle"] nav.overview-back-button {
        width: 960px; } }
  [data-gdlcontext="ambassadorArticle"] .articleintro {
    padding-top: 30px;
    padding-bottom: 0; }
    [data-gdlcontext="ambassadorArticle"] .articleintro a {
      font-size: 16px;
      color: #005aab;
      font-family: "OfficinaSans", "Arial", sans-serif;
      font-weight: 700; }
  [data-gdlcontext="ambassadorArticle"] h1[data-portal-region="mainTitle"] {
    margin: 0; }
    [data-gdlcontext="ambassadorArticle"] h1[data-portal-region="mainTitle"] h1,
    [data-gdlcontext="ambassadorArticle"] h1[data-portal-region="mainTitle"] h2,
    [data-gdlcontext="ambassadorArticle"] h1[data-portal-region="mainTitle"] h3,
    [data-gdlcontext="ambassadorArticle"] h1[data-portal-region="mainTitle"] h4 {
      margin: 0; }

[data-gdlcontext="newsArticle"] {
  background-color: #E0F2FD;
  padding-bottom: 30px; }
  [data-gdlcontext="newsArticle"] .grid {
    background-color: #fff; }
  [data-gdlcontext="newsArticle"] div.grid-cell-4of6 {
    padding-top: 0;
    padding-bottom: 0; }
  @media (min-width: 992px) {
    [data-gdlcontext="newsArticle"] div.grid-cell-6of6 {
      width: 620px; } }
  [data-gdlcontext="newsArticle"] nav.overview-back-button {
    margin: 0 auto;
    background-color: #fff;
    padding: 30px; }
    @media (min-width: 1px) {
      [data-gdlcontext="newsArticle"] nav.overview-back-button {
        width: 320px; } }
    @media (min-width: 500px) {
      [data-gdlcontext="newsArticle"] nav.overview-back-button {
        width: 495px; } }
    @media (min-width: 768px) {
      [data-gdlcontext="newsArticle"] nav.overview-back-button {
        width: 650px; } }
    @media (min-width: 992px) {
      [data-gdlcontext="newsArticle"] nav.overview-back-button {
        width: 960px; } }
  [data-gdlcontext="newsArticle"] .articleintro {
    padding-top: 30px;
    padding-bottom: 0; }
    [data-gdlcontext="newsArticle"] .articleintro a {
      font-size: 16px;
      color: #005aab;
      font-family: "OfficinaSans", "Arial", sans-serif;
      font-weight: 700; }
  [data-gdlcontext="newsArticle"] .grid-cell img.adjustable-image-full-width {
    width: 100%;
    margin: 0 0 30px 0; }
  [data-gdlcontext="newsArticle"] h1[data-portal-region="mainTitle"] {
    margin: 0; }
    [data-gdlcontext="newsArticle"] h1[data-portal-region="mainTitle"] h1,
    [data-gdlcontext="newsArticle"] h1[data-portal-region="mainTitle"] h2,
    [data-gdlcontext="newsArticle"] h1[data-portal-region="mainTitle"] h3,
    [data-gdlcontext="newsArticle"] h1[data-portal-region="mainTitle"] h4 {
      margin: 0; }
  [data-gdlcontext="newsArticle"] h2[data-portal-region="subTitle"] p {
    font-size: inherit;
    font-weight: inherit;
    margin: 0; }
  [data-gdlcontext="newsArticle"] .article-metadata {
    color: #005aab; }
    [data-gdlcontext="newsArticle"] .article-metadata time {
      font-style: italic; }

/*@import 'elements/carousel',*/
/*@import 'elements/block';*/
/*@import 'elements/winners';*/
/*@import 'elements/bigtooltip';*/
/*@import 'elements/cheque';*/
/*@import 'elements/input';*/
/*@import 'elements/ytplaylist';*/
/*@import 'elements/custompages';*/
/*@import 'elements/carousel-variant';*/
/*@import 'elements/tooltip';*/
/*@import 'elements/newslist';*/
/*** replaced with new news setup ***/
/*@import 'elements/form';*/
/*@import 'elements/sales-form';*/
/*@import 'elements/kluiskraker';*/
/** form form form form **/
.formcontainer {
  /*
  background: #ffffff;
  padding-top: 30px;
  padding-bottom: 30px;
  border-radius: 5px;
  -webkit-box-shadow: 0 2px 1px rgba(0,0,0,.2);
  -moz-box-shadow: 0 2px 1px rgba(0,0,0,.2);
  box-shadow: 0 2px 1px rgba(0,0,0,.2);
  -webkit-border-radius: 5px;
  */ }

@media (min-width: 992px) {
  .formsectioncompound {
    float: left;
    width: 60%; } }

.no-group-label .formsectioncompound {
  float: none;
  width: 100%; }

.formsectionelement {
  background-color: #ffffff;
  padding: 30px 15px 0 15px; }
  .formsectionelement.repeater-add-remove {
    padding: 0; }

.formsectionelement.no-group-label {
  background-color: #ffffff; }

.wm-field {
  position: relative; }

/* overwrite for XC <input size="35"> */
input[size="35"] {
  width: 280px;
  /* background-position: 250px center; */
  background-position: right 14px center; }

textarea[cols="35"] {
  width: 251px; }

input[readonly="readonly"] {
  background: none repeat scroll 0 0 #f1f1f1;
  color: #424242; }

form .displayNone {
  /** override inline in form when on display none **/
  display: none; }

.mainformholder {
  margin-left: -10px;
  margin-right: -10px; }
  @media (min-width: 500px) {
    .mainformholder {
      margin-left: 0;
      margin-right: 0; } }

form.wmpform {
  background-color: transparent;
  padding-left: 10px; }
  @media (min-width: 500px) {
    form.wmpform {
      padding-left: 15px;
      padding-right: 15px;
      padding-top: 15px;
      background-color: #fff; } }
  form.wmpform .button.primary {
    padding-left: 30px;
    padding-right: 30px; }
    form.wmpform .button.primary:before, form.wmpform .button.primary:after {
      display: none; }
    form.wmpform .button.primary.disabled {
      color: #fff; }

@media (min-width: 500px) {
  .popup form.wmpform {
    padding-left: 30px;
    padding-right: 30px; } }

.formpage {
  padding-bottom: 0; }

.formsectionelement {
  padding-top: 30px; }

.grid-content form.wmpform {
  border-radius: 5px;
  box-sizing: border-box;
  /*border: 1px solid $gray;*/ }

.footercta .newsletter input.newsletter {
  width: 230px; }

input, button[type=submit] {
  max-width: 100%;
  margin-bottom: 15px;
  box-sizing: border-box; }

/*
input[type=submit], button[type="submit"] {
  position: relative;
  padding: 15px 0;
  width: 100%;
  border: 0;
  background-color: $color-elem-submit;
  background-image: url('../images/arrow-circeled-h32.png'), url('../images/btn_subm_gradient.png');
  background-position: 95% center, left top;
  background-repeat: no-repeat, repeat;
  color: white;
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
  !* @include border-radius(30px); *!
  font-size: 20px;
  transition: color 300ms, opacity 300ms;
  &:hover {
    opacity: 0.8;
  }

  @include breakpoint(mobile) {
    background-position: 90% center, left top;
    font-size: 16px;
  }
  -webkit-box-shadow: 0px 3px 1px 0px rgba(41, 78, 27, 0.75);
  -moz-box-shadow:    0px 3px 1px 0px rgba(41, 78, 27, 0.75);
  box-shadow:         0px 3px 1px 0px rgba(41, 78, 27, 0.75);
}
*/
input {
  color: #f2f2f2; }

textarea, input {
  outline: none;
  color: #424242;
  font-size: 16px;
  font-weight: 400; }

::-webkit-input-placeholder {
  color: #424242;
  opacity: 1; }

:-moz-placeholder {
  /* Firefox 18- */
  color: #424242;
  opacity: 1; }

::-moz-placeholder {
  /* Firefox 19+ */
  color: #424242;
  opacity: 1; }

:-ms-input-placeholder {
  color: #424242;
  opacity: 1; }

textarea {
  min-height: 100px;
  background: #fff;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3) inset !important;
  /*@include breakpoint(mobile) {*/ }
  @media (min-width: 992px) {
    textarea {
      background: #f2f2f2; } }

input[type="text"],
input[type="search"],
input[type="email"],
input[type="number"],
input[type="range"],
input[type="password"],
select,
textarea {
  margin: 0 0 10px 0;
  padding: 12px 10px 8px;
  width: 99%;
  border: 0;
  border: 1px solid #85ce9e;
  vertical-align: middle;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  transition: 0.2s all;
  letter-spacing: 3px;
  font-family: Arial !important; }
  .ie8 input[type="text"], .ie8
  input[type="search"], .ie8
  input[type="email"], .ie8
  input[type="number"], .ie8
  input[type="range"], .ie8
  input[type="password"], .ie8
  select, .ie8
  textarea {
    border: 1px solid #c2c2c2; }
  input[type="text"].input-size-s,
  input[type="search"].input-size-s,
  input[type="email"].input-size-s,
  input[type="number"].input-size-s,
  input[type="range"].input-size-s,
  input[type="password"].input-size-s,
  select.input-size-s,
  textarea.input-size-s {
    width: 50px; }
  input[type="text"].input-size-m,
  input[type="search"].input-size-m,
  input[type="email"].input-size-m,
  input[type="number"].input-size-m,
  input[type="range"].input-size-m,
  input[type="password"].input-size-m,
  select.input-size-m,
  textarea.input-size-m {
    width: 100px; }
  input[type="text"].input-size-full,
  input[type="search"].input-size-full,
  input[type="email"].input-size-full,
  input[type="number"].input-size-full,
  input[type="range"].input-size-full,
  input[type="password"].input-size-full,
  select.input-size-full,
  textarea.input-size-full {
    width: 100%; }
  input[type="text"].error, input[type="text"].input-error,
  input[type="search"].error,
  input[type="search"].input-error,
  input[type="email"].error,
  input[type="email"].input-error,
  input[type="number"].error,
  input[type="number"].input-error,
  input[type="range"].error,
  input[type="range"].input-error,
  input[type="password"].error,
  input[type="password"].input-error,
  select.error,
  select.input-error,
  textarea.error,
  textarea.input-error {
    border: 1px solid #e30613;
    background: #fcdcda !important;
    color: #e30613; }
    input[type="text"].error:disabled, input[type="text"].input-error:disabled,
    input[type="search"].error:disabled,
    input[type="search"].input-error:disabled,
    input[type="email"].error:disabled,
    input[type="email"].input-error:disabled,
    input[type="number"].error:disabled,
    input[type="number"].input-error:disabled,
    input[type="range"].error:disabled,
    input[type="range"].input-error:disabled,
    input[type="password"].error:disabled,
    input[type="password"].input-error:disabled,
    select.error:disabled,
    select.input-error:disabled,
    textarea.error:disabled,
    textarea.input-error:disabled {
      border: 1px solid #e30613;
      background: #f1f1f1; }
  input[type="text"]:focus,
  input[type="search"]:focus,
  input[type="email"]:focus,
  input[type="number"]:focus,
  input[type="range"]:focus,
  input[type="password"]:focus,
  select:focus,
  textarea:focus {
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); }

input[disabled] {
  background: #f1f1f1; }

select::-ms-expand {
  display: none; }

/*
input[type=text]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=range]:focus,
input[type=password]:focus,
select:focus,
textarea:focus {
  border-color: $black;

  -webkit-appearance: none;
}
*/
.newsletter input {
  box-sizing: border-box;
  position: relative;
  width: 100%; }

.newsletter input.newsletter::after {
  position: relative;
  right: 2em;
  font-size: 0.7em;
  font-family: Arial;
  content: "»";
  color: #009640;
  font-weight: 700; }

/*.newsletter input*/
.newsletter input {
  box-sizing: border-box;
  padding-right: 3em; }

input::-webkit-input-placeholder {
  color: #969696; }

/* :-moz-placeholde r{
	color: $form-placeholder-color;
} */
input::-moz-placeholder {
  color: #969696; }

input:-ms-input-placeholder {
  color: #969696; }

textarea::-webkit-input-placeholder {
  color: #969696; }

/* :-moz-placeholde r{
	color: $form-placeholder-color;
} */
textarea::-moz-placeholder {
  color: #969696; }

textarea:-ms-input-placeholder {
  color: #969696; }

.succes,
input.succes {
  /* color: $;*/
  border-color: #12ff00; }

/*
.error,
input.error {
  color: $red;
  border-color: $red;
}
*/
/*
input[type=text].succes,
input[type=email].succes,
input[type=number].succes,
input[type=password].succes {
  background-image: url('../images/iaf/ok.png');
  background-size: 1em 1em;

  background-repeat:no-repeat;
}
*/
/*
input[type=text].error,
input[type=email].error,
input[type=number].error,
input[type=password].error {
  background-size: 1em 1em;

  background-image: url('../images/iaf/wrong.png');
  background-repeat:no-repeat;
}
*/
/*
input.error[type=text]:focus,
input.error[type=email]:focus,
input.error[type=number].error:focus,
input.error[type=password].error:focus{
  background-image:none;
  border-color:  $red;
  color: $form-input-color;
}
*/
.select {
  display: inline-block;
  border: 1px solid #bcbbb8;
  border-radius: 5px;
  font-family: Arial;
  font-size: 16px;
  padding: 0 10px;
  line-height: 40px;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  max-width: 280px;
  user-select: none;
  padding-right: 30px; }
  @media (min-width: 992px) {
    .select {
      width: auto; } }
  .select:after {
    content: "D";
    font-family: Arial;
    display: inline-block;
    margin: 0 8px;
    font-size: 8px;
    color: #000000;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all ease-in 0.25s;
    -moz-transition: all ease-in 0.25s;
    -ms-transition: all ease-in 0.25s;
    -o-transition: all ease-in 0.25s;
    transition: all ease-in 0.25s; }
  .select ul {
    left: -1px;
    right: -1px;
    background: #fff;
    opacity: 0;
    pointer-events: none;
    height: 0;
    overflow: hidden;
    z-index: 100;
    -webkit-transition: height ease-in 0.25s;
    -moz-transition: height ease-in 0.25s;
    -ms-transition: height ease-in 0.25s;
    -o-transition: height ease-in 0.25s;
    transition: height ease-in 0.25s; }
  .select label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    display: block; }
  .select a {
    color: #000000;
    text-decoration: none;
    padding: 0 10px;
    white-space: nowrap;
    display: block; }
  .select.active {
    border-color: #009640; }
  .select .selected a {
    color: #fff; }
  .select.open {
    border-color: #bcbbb8; }
    .select.open .selected {
      background-color: #30287c; }
    .select.open:after {
      transform: rotate(180deg); }
    .select.open ul {
      opacity: 1;
      pointer-events: auto;
      position: absolute;
      height: auto;
      margin-top: -2px;
      border: 1px solid #bcbbb8;
      border-top: 0; }

ul.wm-field-list {
  margin: 0;
  padding-left: 0;
  list-style-type: none; }
  ul.wm-field-list li {
    overflow: hidden;
    margin-bottom: 16px;
    margin-right: 10px;
    padding: 0 0 0 27px;
    display: inline-block;
    min-width: 30%; }

.wm-field-label {
  display: none; }
  @media (min-width: 992px) {
    .wm-field-label {
      display: block;
      margin-bottom: 5px; } }
  .wm-field-label label {
    font-size: 0.875em; }

.grouplabels {
  margin: 0 10% 10px 0;
  padding: 0;
  font-size: 17px; }
  @media (min-width: 992px) {
    .grouplabels {
      float: left;
      width: 30%; } }

.wm_form_element.wm_form_element-fullwidth {
  display: block; }

/*
.wm-field-helptext {
  color: $grey-text;
  font-style:italic;
  margin-bottom:15px;
}
*/
.wm-field-hashelp input[type="text"] {
  padding-right: 20px; }

.wm-field-helptext, .helptext {
  position: relative;
  padding-bottom: 18px; }

.wm-field-helptext, .helptext {
  /*
  position: absolute;
  */
  position: relative;
  bottom: 0;
  right: 0;
  padding-bottom: 18px;
  /*@include breakpoint(mobile) {*/ }
  @media (max-width: 992px) {
    .wm-field-helptext, .helptext {
      position: relative;
      bottom: auto;
      right: auto;
      float: left;
      width: 100%; } }
  .wm-field-helptext .trigger,
  .helptext .trigger {
    position: absolute;
    width: 16px;
    height: 15px;
    background: url("../images/icon_tooltip-trigger.gif") no-repeat left top;
    bottom: 22px;
    right: 10px;
    display: none;
    z-index: 5; }
    .wm-field-helptext .trigger.is-active,
    .helptext .trigger.is-active {
      background-position: left bottom !important;
      /*@include breakpoint(mobile) {*/ }
      @media (min-width: 992px) {
        .wm-field-helptext .trigger.is-active,
        .helptext .trigger.is-active {
          top: auto;
          bottom: -34px; } }
  .wm-field-helptext .info,
  .helptext .info {
    padding-left: 4px;
    font-style: italic; }
    @media (min-width: 992px) {
      .wm-field-helptext .info,
      .helptext .info {
        /*position: absolute;
      top: -50px;
      left: 10px;
      z-index: 999;
      display: none;
      padding: 15px;
      @include border-radius(5px);
      @include box-shadow(0 2px 4px rgba(0, 0, 0, 0.2));
      width: 200px;
      background: #5b6a79;
      color: #fff;*/ }
        .wm-field-helptext .info:after,
        .helptext .info:after {
          /*position: absolute;
        top: 12px;
        left: -10px;
        margin-left: -10px;
        width: 0;
        height: 0;
        border: solid transparent;
        border-width: 10px;
        border-right-color: #5b6a79;
        content: " ";
        pointer-events: none;*/ } }

.wm_form_element {
  display: inline-block;
  vertical-align: top;
  width: 100%; }

.formsectioncompound .wm_form_element.input-size-s {
  min-width: 50px;
  width: 50px;
  margin-right: 5px; }
  @media (max-width: 500px) {
    .formsectioncompound .wm_form_element.input-size-s {
      min-width: unset;
      width: 100%; } }

.formsectioncompound .wm_form_element.input-size-m {
  min-width: 100px;
  width: 100px;
  margin-right: 5px; }
  @media (max-width: 500px) {
    .formsectioncompound .wm_form_element.input-size-m {
      min-width: unset;
      width: 100%; } }

.formsectioncompound .wm_form_element.input-size-l {
  width: 150px;
  margin-right: 5px; }
  @media (max-width: 500px) {
    .formsectioncompound .wm_form_element.input-size-l {
      min-width: unset;
      width: 100%; } }

.formsectioncompound .wm_form_element.input-size-full {
  width: 100%; }

.popup {
  /*
  .wm_form_element {
      max-width:280px;
  }
  .wmpform {
      max-width:280px;
      margin: 0 auto;
  }
  */ }
  .popup .wm_form_element.input-size-m {
    min-width: 95px;
    width: 36%; }
  .popup .wm_form_element.input-size-s {
    min-width: 60px;
    width: 24.7%; }
  .popup input.button {
    margin-left: auto;
    margin-right: auto;
    display: block; }
  .popup .contentelement_style {
    /* text-align:center; */ }

div.main > form.wmpform {
  margin: 0 auto;
  max-width: 768px; }

input[type=radio], input[type=checkbox] {
  margin-bottom: 0;
  margin-left: -25px;
  width: 25px;
  margin-bottom: -1.1em;
  display: block; }

/* TODO mooie/juiste styling */
input[type=radio] + label::before {
  display: inline-block;
  vertical-align: top;
  content: '';
  /*background-image: url('../images/iaf/radio.png');*/
  background-size: 1em 1em;
  width: 1em;
  height: 1em;
  margin-top: 3px;
  margin-left: -2em;
  /* minder padding 14px; */
  margin-right: 14px; }

/*
input[type=radio]:checked + label::before {
  background-image: url('../images/iaf/radio_checked.png');
}
input[type=radio]:disabled + label::before {
  background-image: url('../images/iaf/radio_disabled.png');
}
.errorfield input[type=radio] + label::before {
  background-image: url('../images/iaf/radio_error.png');
  background-size:1em 1em;
}
*/
input[type=checkbox] + label::before {
  display: inline-block;
  vertical-align: top;
  content: '';
  /*background-image: url('../images/iaf/checkbox.png');*/
  background-size: 1em 1em;
  width: 1em;
  height: 1em;
  margin-top: 3px;
  margin-right: 14px;
  margin-left: -2em; }

/*
input[type=checkbox]:checked + label::before {
  background-image: url('../images/iaf/checkbox_checked.png');
}

input[type=checkbox]:disabled + label::before {
  background-image: url('../images/iaf/checkbox_disabled.png');
}
.errorfield input[type=checkbox] + label::before {
  background-image: url('../images/iaf/checkbox_error.png');
  background-size:1em 1em;
}
*/
.selectholder {
  display: inline-block;
  position: relative;
  max-width: 100%;
  /*border:1px solid $gray;*/
  border-radius: 5px;
  /* padding: 13px;  */
  /*font-family: $FormFont;*/
  font-size: 16px;
  /* background-color: #fff;
  border-radius: 5px; */ }

.selectholder::after {
  /* font-family: $IconFont;
  content: '\f078'; */
  content: '';
  background-image: url("../images/iaf/pulldown.png");
  font-weight: 700;
  color: #009640;
  position: absolute;
  width: 8px;
  height: 5px;
  right: 13px;
  top: 20px;
  pointer-events: none; }

.selectholder option {
  padding-left: 14px;
  padding-right: 15px; }

.selectholder select {
  /* background-color: transparent; */
  background-color: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  padding-right: 30px;
  max-width: 100%;
  outline: 0; }

/*
.wmradio_checkbox_item_label {
	color: $form-input-color;
}

*/
.radio-inline .wmradio_checkbox_item_label {
  width: auto; }

.wmradio_checkbox_item_label {
  display: inline-block;
  padding-left: 0;
  /*width: calc(100% - 2em);*/
  width: auto; }

.repeater, .formsectionelement.repeater-add-remove {
  margin-bottom: 15px; }
  .repeater select:first-child, .formsectionelement.repeater-add-remove select:first-child {
    display: none; }
  .repeater .formsectionelement > .wm-field > .wm-field-label, .formsectionelement.repeater-add-remove .formsectionelement > .wm-field > .wm-field-label {
    background: #fff;
    padding: 5px 0 5px 14px;
    /*		border-bottom: 1px solid $grey-text;*/ }
  .repeater .formsectionelement > .wm-field > .wm-field-label label, .formsectionelement.repeater-add-remove .formsectionelement > .wm-field > .wm-field-label label {
    font-size: 1em; }
  .repeater .plus span, .repeater .min span, .formsectionelement.repeater-add-remove .plus span, .formsectionelement.repeater-add-remove .min span {
    display: none; }
  .repeater .plus, .repeater .min, .formsectionelement.repeater-add-remove .plus, .formsectionelement.repeater-add-remove .min {
    text-decoration: none; }
  .repeater .plus:after, .repeater .min:after, .formsectionelement.repeater-add-remove .plus:after, .formsectionelement.repeater-add-remove .min:after {
    content: "+";
    width: 26px;
    height: 26px;
    background: #30287c;
    border-radius: 13px;
    color: #fff;
    font-size: 1.4em;
    display: inline-block;
    text-align: center;
    line-height: 28px;
    font-weight: 700;
    cursor: pointer; }
  .repeater .min:after, .formsectionelement.repeater-add-remove .min:after {
    content: "-"; }

.formsectionelement.repeater-add-remove *:focus {
  outline: none; }

.formsectionelement.repeater-add-remove .wm-field.contentelement .wm-field-input {
  display: inline-block;
  width: calc(100% - 45px); }

.formsectionelement.repeater-add-remove .repeater-remove,
.formsectionelement.repeater-add-remove .repeater-add {
  float: right;
  margin-top: 12px;
  display: inline-block;
  margin: 4px 5px 0 0;
  width: 37px;
  height: 34px;
  background: transparent url(../images/icon-plusmin.png) no-repeat right top;
  border: none;
  color: transparent;
  overflow: hidden;
  cursor: pointer;
  font-size: 0px; }
  .formsectionelement.repeater-add-remove .repeater-remove:after,
  .formsectionelement.repeater-add-remove .repeater-add:after {
    display: none; }

.formsectionelement.repeater-add-remove .repeater-add {
  background-position: left top;
  margin: 0 3px 0 0; }

.formsectionelement.repeater-add-remove .wm-field-helptext {
  right: 47px; }

/**** heeeeeel specifiek op recht van verzet formulier ****/
.verzetnaamblock {
  margin-top: 30px; }
  .verzetnaamblock .formsectioncompound > .wm-field-label {
    background: #fff;
    padding: 5px 0 5px 14px; }
  .verzetnaamblock .formsectioncompound > .wm-field-label label {
    font-size: 1em; }
  .verzetnaamblock ul.wm-field-list li {
    display: inline-block;
    width: 30%; }

/***** heeeeel specifiek op email optout formulier ****/
.wm-field.emailtooptout {
  margin-top: 30px; }

.wm-field.logo-npl, .wm-field.logo-vl, .wm-field.logo-bgl {
  position: relative;
  width: 20%;
  max-width: 150px;
  min-width: 100px; }
  .wm-field.logo-npl .wm-field-label label, .wm-field.logo-vl .wm-field-label label, .wm-field.logo-bgl .wm-field-label label {
    display: none; }

.wm-field.logo-npl .wm-field-label {
  background: url("../images/gdllogos/logo-npl.png") no-repeat left top;
  padding-top: 66%;
  position: relative;
  background-size: 100% auto; }

.wm-field.logo-vl .wm-field-label {
  background: url("../images/gdllogos/logo-vl.png") no-repeat left top;
  padding-top: 33%;
  position: relative;
  background-size: 100% auto; }

.wm-field.logo-bgl .wm-field-label {
  background: url("../images/gdllogos/logo-bgl.png") no-repeat left top;
  padding-top: 17%;
  position: relative;
  background-size: 100% auto; }

form .jq_gridcontentarea > br {
  display: none; }

.wm-field-label span.required {
  /*display:inline-block;*/
  display: none; }

.form-error-container,
.wm_formelement_errors,
ul.wm_formelement_errors,
ul.errorfield,
.errorfield-holder ul {
  color: #DC0831;
  margin: 1em 0;
  padding: 0; }
  .form-error-container li,
  .wm_formelement_errors li,
  ul.wm_formelement_errors li,
  ul.errorfield li,
  .errorfield-holder ul li {
    list-style-type: none;
    padding: 0; }

.group-error.error {
  color: #DC0831;
  width: 60%;
  float: right; }
  @media (max-width: 992px) {
    .group-error.error {
      width: 100%;
      float: left; } }

.addresscontainer, .citycontainer, .streetcontainer {
  width: 60%;
  float: right;
  font-weight: 700; }
  @media (max-width: 992px) {
    .addresscontainer, .citycontainer, .streetcontainer {
      width: 100%;
      float: left; } }

.personalpage hr,
.callmenow hr {
  margin-top: 1.5em;
  margin-bottom: 2em; }

/** stepsform classes **/
.grid-content .form-stepindicator form.wmpform {
  border-radius: 0; }

.form-stepindicator .wm-field-label label {
  font-family: Arial, Helvetica, sans-serif;
  color: #000000;
  font-size: 14px;
  font-weight: 100; }

.form-stepindicator .repeater {
  padding-top: 0; }

.form-stepindicator .repeater .formsectionelement {
  padding-top: 5px; }

.form-stepindicator .wm-field-helptext:empty {
  margin: 0;
  padding: 0; }

.form-stepindicator .wmradio_checkbox_item_label {
  color: #000000; }

.form-stepindicator .steps {
  /*
    display:table;
    !*
    border-collapse:collapse;
    *!
    table-layout: fixed;
    border-spacing: 0;
    width:100%;
    border: 0;
    */
  display: flex;
  justify-content: flex-start;
  border-bottom: none;
  border-radius: 5px 5px 0 0;
  /*
    .step:first-child {
        border-left: 1px solid $gray-lighter;
        border-radius: 5px 0 0 0;
    }
    .step:last-child {
        border-right: 1px solid $gray-lighter	;
        border-radius: 0 5px 0 0;
    }
    */ }
  @media (min-width: 768px) {
    .form-stepindicator .steps {
      align-content: stretch;
      border-bottom: none;
      border-radius: 5px 5px 0 0; } }
  .form-stepindicator .steps .step {
    color: #ff0000;
    font-family: "OfficinaSans", "Arial", sans-serif;
    font-size: 20px;
    background-position: 100%;
    padding: 0 10px;
    /*
      display:table-cell;
      */
    display: block;
    margin: 0 3% 0 0;
    /* width: 100%; */
    text-align: center;
    /*
      border-top: 1px solid $gray-lighter;
      */ }
    .form-stepindicator .steps .step:last-child {
      margin: 0; }
    .form-stepindicator .steps .step .count, .form-stepindicator .steps .step .title {
      padding-top: 25px;
      padding-bottom: 23px;
      display: inline-block; }
    .form-stepindicator .steps .step .title {
      display: none; }
    @media (min-width: 992px) {
      .form-stepindicator .steps .step .title {
        display: inline-block; } }
    .form-stepindicator .steps .step .count {
      padding-right: 5px; }
  .form-stepindicator .steps .step.current .title {
    display: inline-block; }
  .form-stepindicator .steps .step.current {
    font-weight: 700;
    color: #30287c; }
    .form-stepindicator .steps .step.current .count, .form-stepindicator .steps .step.current .title {
      border-bottom: 4px solid #30287c; }
  .form-stepindicator .steps .step.done {
    background: url("../images/iaf/ok.png") no-repeat calc(100% - 5px) center;
    padding-right: 25px; }
  @media (min-width: 992px) {
    .form-stepindicator .steps .step.done {
      padding-right: 30px; } }
  .form-stepindicator .steps .count:after {
    content: ". "; }

.form-stepindicator .wm-field.helpunderbutton {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #ff0000;
  padding-bottom: 30px;
  padding-top: 15px; }

.form-stepindicator .wm-field.contentelement.hidden {
  height: 0;
  position: absolute; }

.form-stepindicator .jq_gridcontentarea .formsectionelement.wm_form_element {
  padding-top: 0; }

/*** specific opzeggen formulier style ***/
.nexttoabort {
  width: 55%; }

.wm-field.contentelement.quitabortbutton {
  width: 42%;
  float: right;
  padding-top: 17px; }

#uw_adres_streetcityintext {
  color: #000000; }

.footeremail {
  background: #005aab;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  padding: 15px 30px;
  margin: 0 0 40px 0;
  color: #fff; }
  .footeremail .nb-title {
    width: 50%;
    display: inline-block; }
    @media (max-width: 768px) {
      .footeremail .nb-title {
        width: 100%;
        display: block; } }
  .footeremail .nieuwsbrief {
    width: 48%;
    display: inline-block;
    vertical-align: top;
    text-align: right; }
    @media (max-width: 768px) {
      .footeremail .nieuwsbrief {
        width: 100%;
        display: block; } }
  .footeremail .nb-button {
    box-shadow: none;
    background: transparent;
    border: none;
    color: white;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold; }
    .footeremail .nb-button :after {
      content: " ";
      background: transparent url("../images/arrow-right-h25.png");
      display: inline-block; }

/*** nieuwsbrief footer ***/
.nieuwsbrief input {
  background-repeat: no-repeat;
  background-position: right 3px top 3px;
  background-size: 39px 39px;
  width: 100%;
  padding-right: 3em;
  margin-bottom: 10px;
  cursor: pointer; }

.wm-field-helptext .info {
  display: block;
  opacity: 1; }

.wmpform input, .wmpform textarea {
  letter-spacing: 0px; }

.wmpform input[type=submit],
.btn-submit,
.pcac .pcac_cmn_call,
.pcac .pcac_cml_call, button[type="submit"] {
  margin-top: 10px;
  padding: 15px 20px 15px 20px;
  font-size: 26px;
  line-height: 1;
  color: #fff !important;
  text-decoration: none;
  position: relative;
  border: 0;
  display: block;
  width: 100%;
  max-width: 350px;
  text-transform: uppercase;
  font-weight: 700;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  letter-spacing: 1px;
  margin-left: auto;
  margin-right: 15px;
  background: #009640 !important;
  background: -moz-linear-gradient(left, #009640 0%, #8DC63F 100%) !important;
  background: -webkit-gradient(left top, right top, color-stop(0%, #009640), color-stop(100%, #8DC63F)) !important;
  background: -webkit-linear-gradient(left, #009640 0%, #8DC63F 100%) !important;
  background: -o-linear-gradient(left, #009640 0%, #8DC63F 100%) !important;
  background: -ms-linear-gradient(left, #009640 0%, #8DC63F 100%) !important;
  background: linear-gradient(to right, #009640 0%, #8DC63F 100%) !important;
  -webkit-box-shadow: 0px 2px 0px 0px #0b6133;
  -moz-box-shadow: 0px 2px 0px 0px #0b6133;
  box-shadow: 0px 2px 0px 0px #0b6133;
  /*
      @include horizontal-gradient(#34c96d, #1ca04c, 0%, 100%);

      @include box-shadow(0px 2px 0px 0px rgba(11, 97, 51, 1));
  */ }
  .wmpform input[type=submit]:hover,
  .btn-submit:hover,
  .pcac .pcac_cmn_call:hover,
  .pcac .pcac_cml_call:hover, button[type="submit"]:hover {
    background: #007d35 !important;
    background: -moz-linear-gradient(left, #007d35 0%, #80b636 100%) !important;
    background: -webkit-gradient(left top, right top, color-stop(0%, #007d35), color-stop(100%, #80b636)) !important;
    background: -webkit-linear-gradient(left, #007d35 0%, #80b636 100%) !important;
    background: -o-linear-gradient(left, #007d35 0%, #80b636 100%) !important;
    background: -ms-linear-gradient(left, #007d35 0%, #80b636 100%) !important;
    background: linear-gradient(to right, #007d35 0%, #80b636 100%) !important; }
  .wmpform input[type=submit]:active,
  .btn-submit:active,
  .pcac .pcac_cmn_call:active,
  .pcac .pcac_cml_call:active, button[type="submit"]:active {
    -webkit-box-shadow: 0px 1px 0px 0px #0b6133;
    -moz-box-shadow: 0px 1px 0px 0px #0b6133;
    box-shadow: 0px 1px 0px 0px #0b6133;
    background: #004a1f !important;
    background: -moz-linear-gradient(left, #004a1f 0%, #648e2a 100%) !important;
    background: -webkit-gradient(left top, right top, color-stop(0%, #004a1f), color-stop(100%, #648e2a)) !important;
    background: -webkit-linear-gradient(left, #004a1f 0%, #648e2a 100%) !important;
    background: -o-linear-gradient(left, #004a1f 0%, #648e2a 100%) !important;
    background: -ms-linear-gradient(left, #004a1f 0%, #648e2a 100%) !important;
    background: linear-gradient(to right, #004a1f 0%, #648e2a 100%) !important;
    top: 1px;
    position: relative; }
  @media only screen and (max-width: 959px) {
    .wmpform input[type=submit],
    .btn-submit,
    .pcac .pcac_cmn_call,
    .pcac .pcac_cml_call, button[type="submit"] {
      font-size: 22px;
      display: block;
      padding: 14px 45px 14px 15px; } }

input[type=submit]:after,
button[type="submit"]:after {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  width: 32px;
  height: 32px;
  content: " "; }

.formcontainer.betaalform {
  /* special for the payment form */
  padding-top: 0;
  padding-bottom: 0;
  max-width: 420px;
  margin-left: auto;
  margin-right: auto;
  /*
  @media (max-width: $screen-laptop) {
    .wm-field-helptext {
      right: -220px;
    }
  }
  */ }
  .formcontainer.betaalform .mainformholder {
    margin-right: 0;
    margin-left: 0; }
  .formcontainer.betaalform .form-stepindicator .steps {
    background: #ffffff;
    font-family: "OfficinaSans", "Arial", sans-serif;
    text-align: center;
    border: none; }
    .formcontainer.betaalform .form-stepindicator .steps .title {
      font-size: 24px;
      color: #00a651;
      border: none;
      padding-top: 5px;
      padding-bottom: 12px;
      font-weight: 500; }
  .formcontainer.betaalform .input-size-l {
    width: 100%; }
  .formcontainer.betaalform .wm_form_element {
    width: auto; }
    .formcontainer.betaalform .wm_form_element.contentelement_style {
      width: 100%; }
  .formcontainer.betaalform .trigger {
    display: none; }
  .formcontainer.betaalform .wm-field-helptext {
    /*background: #333;*/
    position: absolute;
    right: -231px;
    top: -8px;
    width: 200px;
    border-radius: 10px;
    padding: 20px;
    color: #fff;
    -webkit-animation: move 1s linear forwards;
    animation: move 1s linear forwards;
    box-sizing: border-box; }
    .formcontainer.betaalform .wm-field-helptext .info {
      display: block;
      background: #5b6a79;
      color: #fff;
      webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
      position: relative;
      right: 2px;
      top: -3px;
      width: 200px;
      border-radius: 10px;
      padding: 20px;
      -webkit-animation: move 1s linear forwards;
      animation: move 1s linear forwards;
      box-sizing: border-box; }
      .formcontainer.betaalform .wm-field-helptext .info:before {
        position: absolute;
        top: 32px;
        left: -10px;
        margin-left: -10px;
        width: 0;
        height: 0;
        border: solid transparent;
        border-width: 10px;
        border-right-color: #5b6a79;
        content: " ";
        pointer-events: none; }
    @media only screen and (max-width: 959px) {
      .formcontainer.betaalform .wm-field-helptext .info {
        /*
        position: absolute;
        right: 2px;
        top: -3px;
        width: 200px;
        border-radius: 10px;
        padding: 20px;
        */
        /*
        color: #fff;
        */
        /*
        background: #5b6a79;

        webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
        */ } }
  .formcontainer.betaalform .no-group-label .formsectioncompound {
    /* float: none; */
    width: auto; }
  @media (max-width: 992px) {
    .formcontainer.betaalform .wm-field-helptext {
      /*background: #333;*/
      position: relative;
      width: 100%;
      /*169px;*/
      right: 0; }
      .formcontainer.betaalform .wm-field-helptext .info {
        right: 2px;
        top: -3px;
        width: 300px;
        webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); }
        .formcontainer.betaalform .wm-field-helptext .info:before {
          position: absolute;
          top: -10px;
          left: 40px;
          margin-left: -10px;
          width: 0;
          height: 0;
          /*
          border: solid transparent;
          border-width: 10px;
          */
          border-left: 10px solid transparent;
          border-right: 10px solid transparent;
          border-bottom: 10px solid #5b6a79;
          border-top: 0;
          /*border-right-color: #5b6a79;*/
          content: " ";
          pointer-events: none; }
        .formcontainer.betaalform .wm-field-helptext .info:after {
          display: none; } }
  @media (max-width: 500px) {
    .formcontainer.betaalform .wm-field-helptext {
      width: 96px; } }
  .formcontainer.betaalform .form-stepindicator .steps .step {
    background: transparent;
    border: none;
    user-select: none; }
  .formcontainer.betaalform .formsectionelement {
    padding-left: 0;
    padding-right: 0; }
  .formcontainer.betaalform .formsectionelement.no-group-label {
    background-color: transparent; }
  .formcontainer.betaalform .form {
    background: transparent; }

.input-select, .selector.win {
  background-color: #f5f8fd;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px;
  height: 45px;
  line-height: 45px;
  position: relative;
  left: 0;
  right: 0;
  margin: auto;
  overflow: hidden;
  cursor: pointer;
  background-image: url("../images/input_select_arrow.png");
  background-repeat: no-repeat;
  background-position: 98% center;
  display: inline-block;
  border: 2px #9aa9bc solid;
  top: 0;
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: '';
  padding-right: 20px; }
  .input-select select, .selector.win select {
    background: transparent;
    padding: 5px;
    font-size: 16px;
    line-height: 29px;
    line-height: 1;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    height: 34px;
    -webkit-appearance: none;
    box-shadow: none;
    left: 10px;
    position: relative;
    cursor: pointer; }
    .input-select select:focus, .selector.win select:focus {
      border: 0;
      outline: none; }
    @media only screen and (max-width: 959px) {
      .input-select select, .selector.win select {
        left: 10px; } }
  .input-select.input-select-small, .selector.win.input-select-small {
    width: 180px;
    background-position: 145px 13px; }
    @media only screen and (max-width: 959px) {
      .input-select.input-select-small, .selector.win.input-select-small {
        width: 175px;
        background-position: 140px 11px; } }
    .input-select.input-select-small select, .selector.win.input-select-small select {
      width: 160px; }
      @media only screen and (max-width: 959px) {
        .input-select.input-select-small select, .selector.win.input-select-small select {
          width: 155px; } }

.selector.win {
  /*@include breakpoint(mobile) {*/ }
  @media (max-width: 500px) {
    .selector.win {
      width: auto; } }

.selector-wrapper {
  text-align: center; }

/* all results page styling */
.cheque {
  width: 100%;
  height: 360px;
  margin: 0 auto;
  margin-top: -90px;
  text-align: center;
  z-index: 0;
  position: relative;
  float: left; }
  .cheque .inner {
    z-index: 10;
    position: relative; }
  @media only screen and (max-width: 959px) {
    .cheque {
      width: 100%;
      margin-top: 0;
      height: inherit;
      background-image: none;
      margin-bottom: 50px; } }
  .cheque .color-blue h2 {
    color: #fff !important; }
  .cheque.is-active {
    z-index: 133337; }
  .cheque.is-hidden {
    display: none; }
  .cheque p {
    margin: 0; }
  .cheque .cheque-wrapper {
    width: 900px;
    height: 315px;
    position: relative;
    background: url("../images/bg-uitslagen-input.png") no-repeat left top;
    margin: 0 0 0 60px; }
    @media only screen and (max-width: 959px) {
      .cheque .cheque-wrapper {
        background: #EF7D00 !important;
        background: -moz-linear-gradient(top, #FFDD00 0%, #EF7D00 100%) !important;
        background: -webkit-gradient(left top, left bottom, color-stop(0%, #FFDD00), color-stop(100%, #EF7D00)) !important;
        background: -webkit-linear-gradient(top, #FFDD00 0%, #EF7D00 100%) !important;
        background: -o-linear-gradient(top, #FFDD00 0%, #EF7D00 100%) !important;
        background: -ms-linear-gradient(top, #FFDD00 0%, #EF7D00 100%) !important;
        background: linear-gradient(to bottom, #FFDD00 0%, #EF7D00 100%) !important;
        background-size: 100% 100%;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;
        border-radius: 10px;
        -webkit-box-shadow: 1px 1px 2px black;
        -moz-box-shadow: 1px 1px 2px black;
        box-shadow: 1px 1px 2px black;
        margin: 0;
        width: 100%;
        height: 180px; } }
    .cheque .cheque-wrapper.boxed-effect-element {
      background: #EF7D00 !important;
      background: -moz-linear-gradient(left, #EF7D00 0%, #E72173 100%) !important;
      background: -webkit-gradient(left top, right top, color-stop(0%, #EF7D00), color-stop(100%, #E72173)) !important;
      background: -webkit-linear-gradient(left, #EF7D00 0%, #E72173 100%) !important;
      background: -o-linear-gradient(left, #EF7D00 0%, #E72173 100%) !important;
      background: -ms-linear-gradient(left, #EF7D00 0%, #E72173 100%) !important;
      background: linear-gradient(to right, #EF7D00 0%, #E72173 100%) !important; }
    .cheque .cheque-wrapper .boxed-effect-element {
      display: inherit; }
      @media only screen and (min-width: 960px) {
        .cheque .cheque-wrapper .boxed-effect-element {
          display: none !important; } }
    .cheque .cheque-wrapper .stars {
      padding: 105px 0 0 0px;
      float: left;
      width: 100%;
      min-height: 250px; }
      @media only screen and (max-width: 959px) {
        .cheque .cheque-wrapper .stars {
          padding: 0;
          min-height: 140px; } }
  .cheque .cheque-picture {
    float: left;
    position: absolute;
    left: -210px;
    top: -69px;
    z-index: 0; }
    @media only screen and (max-width: 959px) {
      .cheque .cheque-picture {
        display: none; } }
  @media only screen and (max-width: 959px) {
    .cheque .cheque-content {
      padding-top: 15px;
      overflow: hidden;
      display: block; } }
  .cheque .cheque-content h2 {
    color: white;
    font-size: 40px; }
    @media only screen and (max-width: 959px) {
      .cheque .cheque-content h2 {
        font-size: 20px;
        margin-bottom: 0px;
        letter-spacing: 0;
        display: block; } }
  @media only screen and (max-width: 959px) {
    .cheque .cheque-content img {
      width: 100%; } }
  @media only screen and (max-width: 959px) {
    .cheque .cheque-footer {
      padding: 0 5px; } }
  @media only screen and (max-width: 959px) {
    .cheque .cheque-footer img {
      width: 100%; } }
  .cheque .cheque-footer .cheque-input {
    margin: 0 auto; }
  .cheque .cheque-input {
    width: 570px;
    position: relative;
    text-align: left; }
    @media only screen and (max-width: 959px) {
      .cheque .cheque-input form {
        text-align: center;
        position: relative; } }
    @media only screen and (max-width: 959px) {
      .cheque .cheque-input {
        width: 100%; } }
    .cheque .cheque-input input {
      background: white;
      width: 345px;
      margin-left: 85px;
      letter-spacing: 8px;
      border: 0;
      padding: 6px 15px 4px;
      font-size: 42px;
      float: left;
      font-weight: 900;
      -webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.8);
      -moz-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.8);
      box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.8);
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      -ms-border-radius: 10px;
      -o-border-radius: 10px;
      border-radius: 10px; }
      @media only screen and (max-width: 959px) {
        .cheque .cheque-input input {
          width: 100%;
          font-size: 18px;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          -ms-border-radius: 5px;
          -o-border-radius: 5px;
          border-radius: 5px;
          margin-left: 0;
          margin-bottom: 10px;
          padding: 9px 10px 8px;
          float: none;
          display: inline-block;
          position: relative;
          top: 10px;
          letter-spacing: 4px;
          vertical-align: top;
          max-width: 170px;
          text-align: center;
          font-weight: bold; } }
    .cheque .cheque-input .btn-submit, .cheque .cheque-input .pcac .pcac_cmn_call, .pcac .cheque .cheque-input .pcac_cmn_call,
    .cheque .cheque-input .pcac .pcac_cml_call, .pcac .cheque .cheque-input .pcac_cml_call {
      background: url("../images/btn_cheque_input.png") !important;
      background-repeat: no-repeat;
      width: 50px;
      height: 52px;
      float: left;
      margin: 6px 0 0 20px;
      border: 0;
      box-shadow: none !important;
      padding: 0; }
      @media only screen and (max-width: 959px) {
        .cheque .cheque-input .btn-submit, .cheque .cheque-input .pcac .pcac_cmn_call, .pcac .cheque .cheque-input .pcac_cmn_call,
        .cheque .cheque-input .pcac .pcac_cml_call, .pcac .cheque .cheque-input .pcac_cml_call {
          float: none;
          margin: 0 auto;
          margin-top: 10px; } }
    .cheque .cheque-input .btn-primary {
      display: none; }
      @media only screen and (max-width: 959px) {
        .cheque .cheque-input .btn-primary {
          display: none; } }

.cheque-info {
  display: table;
  margin: 0 auto;
  width: 100%;
  margin-bottom: -2px; }
  @media only screen and (max-width: 959px) {
    .cheque-info {
      background: #fff;
      display: block;
      padding: 20px; } }
  .cheque-info > strong {
    font-size: 35px;
    text-align: center;
    display: block;
    margin-bottom: 10px; }
    @media only screen and (max-width: 959px) {
      .cheque-info > strong {
        font-size: 28px; } }
  .cheque-info > p {
    font-size: 20px;
    text-align: center;
    display: block; }
  .cheque-info .prices {
    list-style: none;
    padding: 20px 0 0 0;
    margin: 0;
    width: 960px;
    text-align: center;
    margin: 0 auto; }
    @media only screen and (max-width: 959px) {
      .cheque-info .prices {
        width: 100%; } }
    .cheque-info .prices li {
      width: 230px;
      height: 230px;
      -webkit-border-radius: 230px;
      -moz-border-radius: 230px;
      -ms-border-radius: 230px;
      -o-border-radius: 230px;
      border-radius: 230px;
      margin-right: 10px;
      margin-left: 10px;
      margin-bottom: 20px;
      display: inline-block;
      text-align: center; }
      .cheque-info .prices li img {
        max-width: 230px; }
  .cheque-info .benefits {
    list-style: none;
    width: 960px;
    text-align: center;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    padding-bottom: 0;
    padding-top: 30px; }
    @media only screen and (max-width: 959px) {
      .cheque-info .benefits {
        width: 100%; } }
    .cheque-info .benefits li {
      width: 480px;
      float: left;
      display: inline-block;
      padding: 0 !important;
      margin: 0 !important;
      list-style: none !important; }
      @media only screen and (max-width: 959px) {
        .cheque-info .benefits li {
          width: 100%;
          float: none; } }
      .cheque-info .benefits li .picture {
        width: 170px;
        float: left; }
        @media only screen and (max-width: 959px) {
          .cheque-info .benefits li .picture {
            width: 100%;
            float: none; } }
        .cheque-info .benefits li .picture img {
          -webkit-border-radius: 170px;
          -moz-border-radius: 170px;
          -ms-border-radius: 170px;
          -o-border-radius: 170px;
          border-radius: 170px; }
      .cheque-info .benefits li .info {
        float: left;
        width: 310px;
        text-align: left;
        padding-left: 20px;
        padding-right: 20px; }
        @media only screen and (max-width: 959px) {
          .cheque-info .benefits li .info {
            width: 100%;
            float: none;
            text-align: center; } }
        .cheque-info .benefits li .info strong {
          font-size: 35px; }
        .cheque-info .benefits li .info p {
          font-size: 25px; }

@media (max-width: 992px) {
  .selector-wrapper {
    position: relative;
    margin-bottom: 20px; } }

.prijszoeker {
  text-align: center;
  z-index: 0;
  position: relative;
  width: 900px;
  height: 315px;
  position: relative;
  background: url(../images/bg-uitslagen-input.png) no-repeat left top;
  margin: 0;
  padding-top: 107px;
  margin-left: auto;
  margin-right: auto; }
  @media (max-width: 992px) {
    .prijszoeker {
      background: #f68622 !important;
      background: -moz-linear-gradient(top, #ffcb4d 0, #f68622 100%) !important;
      background: -webkit-gradient(left top, left bottom, color-stop(0, #ffcb4d), color-stop(100%, #f68622)) !important;
      background: -webkit-linear-gradient(top, #ffcb4d 0, #f68622 100%) !important;
      background: -o-linear-gradient(top, #ffcb4d 0, #f68622 100%) !important;
      background: -ms-linear-gradient(top, #ffcb4d 0, #f68622 100%) !important;
      background: linear-gradient(to bottom, #ffcb4d 0, #f68622 100%) !important;
      background-size: 100% 100%;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      -ms-border-radius: 10px;
      -o-border-radius: 10px;
      border-radius: 10px;
      -webkit-box-shadow: 1px 1px 2px #000;
      -moz-box-shadow: 1px 1px 2px #000;
      box-shadow: 1px 1px 2px #000;
      margin: 0;
      width: 100%;
      padding-top: 7px;
      height: 180px; } }
  @media (min-width: 992px) {
    .prijszoeker .boxed-effect-element.color-blue {
      display: none; } }
  .prijszoeker p {
    color: #fff;
    font-size: 40px;
    font-weight: 700; }
    @media (max-width: 992px) {
      .prijszoeker p {
        position: relative;
        z-index: 2;
        font-size: 20px; } }
  .prijszoeker input {
    background: #fff;
    width: 345px;
    letter-spacing: 8px;
    border: 0;
    padding: 6px 15px 4px;
    font-size: 42px;
    /*font-family: OfficinaSansITCW01-Bold,Arial;*/
    -webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.8);
    box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.8);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px; }
    .prijszoeker input:focus {
      -webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.8);
      -moz-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.8);
      box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.8); }
    @media (max-width: 992px) {
      .prijszoeker input {
        font-size: 18px;
        max-width: 170px;
        letter-spacing: 4px;
        font-weight: 700;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radiius: 5px;
        border-radius: 5px;
        padding: 9px 10px 8px 15px;
        display: block;
        margin-left: auto;
        margin-right: auto; } }
  .prijszoeker .searchresultsbutton {
    background: url("../images/btn_cheque_input.png");
    background-repeat: no-repeat;
    width: 50px;
    height: 52px;
    float: none;
    margin: 0 0 0 10px;
    border: 0;
    box-shadow: none !important;
    padding: 0;
    text-indent: -99999px;
    display: inline-block;
    vertical-align: middle; }
  .prijszoeker .leftimage {
    /*
        position: absolute;
        left: -267px;
        top: -110px;
        z-index: 0;
        height: 500px;
        overflow: hidden;
        */
    position: absolute;
    left: -206px;
    top: -69px;
    z-index: 0;
    height: 402px;
    overflow: hidden; }
    @media (max-width: 992px) {
      .prijszoeker .leftimage {
        display: none; } }

#uitslagenzoekform {
  display: block;
  width: 430px;
  margin-left: auto;
  margin-right: auto; }
  @media (max-width: 992px) {
    #uitslagenzoekform {
      position: relative;
      z-index: 2; } }

.hide, .scrollin, .hidden {
  opacity: 0;
  filter: alpha(opacity=0);
  transform: matrix3d(1, 0, 0, -0.001, 0, 1, 0, 0, 0, 0, 1, 0, 500, 0, 0, 1);
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in; }

.show {
  -webkit-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -ms-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
  opacity: 1;
  filter: alpha(opacity=100); }

/*
#prizesearch h1 {
  display: block;
  color: #fff;
  text-transform: uppercase;
  text-shadow: 1px 1px 2px #000;
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 0;
}
#prizesearch section p {
  position: relative;
  display: inline-block;
  margin-bottom: 30px;
  max-width: 960px;
  color: #fff;
  text-align: center;
  text-shadow: 1px 1px 2px #000;
  font-weight: 700;
  font-size: 50px;
  line-height: 55px;
  margin-top: 25px;
}
*/
.pageblock .animationlayer {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: silver;
  z-index: 25;
  margin-top: 650px; }
  .pageblock .animationlayer:after {
    position: absolute;
    bottom: 0;
    height: 100px;
    width: 100%;
    content: "";
    pointer-events: none;
    bottom: 0;
    background: linear-gradient(to top, white 0%, rgba(255, 255, 255, 0) 100%);
    z-index: 100; }

#animateheaderbg {
  background-position: center; }

.animationlayer-margin {
  margin-top: 40px;
  margin-bottom: 64px; }

.animationlayer-bottom {
  /*
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  */
  padding: 10px;
  /*
  background: #fff;
  */
  float: none;
  overflow: visible;
  opacity: 0;
  visibility: hidden;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  position: relative; }
  .animationlayer-bottom .fullsizeslide.umfeld-anim {
    overflow: hidden;
    padding: 0 40px 40px 40px;
    /*border: 2px #cbd4da solid;*/ }
  .animationlayer-bottom.search-enabled {
    visibility: visible;
    opacity: 1; }
  .animationlayer-bottom .animation-bottom-bg {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    -o-transform: rotate(-1deg);
    transform: rotate(-1deg);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    border-radius: 10px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
    /*
    -webkit-transform: rotate(-1.5deg);
    -moz-transform: rotate(-1.5deg);
    -ms-transform: rotate(-1.5deg);
    -o-transform: rotate(-1.5deg);
    transform: rotate(-1.5deg);
    */
    background: #e31f27;
    background: -moz-linear-gradient(top, #f15b4f 0, #e31f27 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0, #f15b4f), color-stop(100%, #e31f27));
    background: -webkit-linear-gradient(top, #f15b4f 0, #e31f27 100%);
    background: -o-linear-gradient(top, #f15b4f 0, #e31f27 100%);
    background: -ms-linear-gradient(top, #f15b4f 0, #e31f27 100%);
    background: linear-gradient(to bottom, #f15b4f 0, #e31f27 100%);
    background-size: 100% 100%; }

/**
 *
 * Als 1e animation layer die heeft position:absolute;
 * opvolgende div moet dan wel
 * position:relative;
 * hebben, anders wordt het verkeerde getoond
 *
 **/
.animationlayer + div {
  position: relative;
  padding-top: 84px;
  z-index: 25; }

.animationlayer .fullsizeslide {
  width: 100%;
  height: 100%;
  position: relative;
  background-size: cover;
  -webkit-transition: margin-top 3.5s ease-in-out;
  -moz-transition: margin-top 3.5s ease-in-out;
  -ms-transition: margin-top 3.5s ease-in-out;
  -o-transition: margin-top 3.5s ease-in-out;
  transition: margin-top 3.5s ease-in-out;
  z-index: 25; }
  .animationlayer .fullsizeslide.fast {
    -webkit-transition: all 2s ease-in-out;
    -moz-transition: all 2s ease-in-out;
    -ms-transition: all 2s ease-in-out;
    -o-transition: all 2s ease-in-out;
    transition: all 2s ease-in-out; }

.umfeld-anim {
  position: relative;
  width: 100%;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3); }

#umfeldslide {
  padding: 0;
  background-color: white;
  box-sizing: border-box;
  top: 0;
  position: relative;
  z-index: 1;
  -moz-column-gap: 0px;
  -webkit-column-gap: 0px;
  column-gap: 0px;
  font-size: 13px;
  line-height: 24px;
  -moz-column-count: 3;
  -webkit-column-count: 3;
  column-count: 3; }
  @media (max-width: 992px) {
    #umfeldslide {
      -moz-column-count: 2;
      -webkit-column-count: 2;
      column-count: 2; } }
  @media (max-width: 768px) {
    #umfeldslide {
      -moz-column-count: 1;
      -webkit-column-count: 1;
      column-count: 1; } }
  #umfeldslide a {
    color: #e41c3e; }

#umfeldslide span {
  /*color: $gray-light;*/
  vertical-align: top;
  display: list-item;
  list-style: none;
  font-style: normal;
  height: 30px;
  overflow: hidden;
  color: #e41c3e;
  /*  margin-top: 3px;*/
  /*  width: 615px;*/
  height: 47px;
  width: 280px;
  font-size: 16px;
  overflow: hidden;
  border-bottom: 1px #d9d9d9 solid;
  width: calc(960px / 3);
  padding-left: 9px;
  padding-top: 9px;
  padding-bottom: 10px;
  padding-right: 15px;
  line-height: 30px; }
  @media (max-width: 1200px) {
    #umfeldslide span {
      width: 100%;
      display: inline-block; } }
  @media (max-width: 768px) {
    #umfeldslide span {
      width: 100%;
      text-align: center; } }

#umfeldslide span em {
  font-weight: 400;
  display: inline;
  padding-right: 4px;
  width: 115px;
  font-style: normal;
  color: #005aab; }

@-moz-keyframes spin {
  0% {
    -moz-transform: rotateZ(10deg); }
  100% {
    -moz-transform: rotateZ(10deg); } }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotateZ(10deg); }
  100% {
    -webkit-transform: rotateZ(10deg); } }

@keyframes spin {
  0% {
    -webkit-transform: rotateZ(10deg);
    transform: rotateZ(10deg); }
  100% {
    -webkit-transform: rotateZ(10deg);
    transform: rotateZ(10deg); } }

@keyframes slideDrawResult {
  1% {
    margin-left: 0%; }
  10% {
    margin-left: 3%; }
  15% {
    margin-left: 5%; }
  85% {
    margin-left: -102%; }
  100% {
    margin-left: -100% !important; } }

@keyframes slideDrawResultOut {
  1% {
    margin-left: 0%; }
  10% {
    margin-left: 3%; }
  15% {
    margin-left: 5%; }
  100% {
    margin-left: -100%; } }

/*
@keyframes ballloading {
  0% {
    transform: scale(0, 0);
  }

  100% {
    transform: scale(1, 1);
  }
}

@-moz-keyframes ballloading {
  0% {
    -moz-transform: scale(0, 0);
  }

  100% {
    -moz-transform: scale(1, 1);
  }
}

@-webkit-keyframes ballloading {
  0% {
    -webkit-transform: scale(0, 0);
  }

  100% {
    -webkit-transform: scale(1, 1);
  }
}


@keyframes ballpulse {
  0% {
    transform: scale(0);
    opacity: 0;
  }

  10% {
    transform: scale(1);
    opacity: 0.5;
  }

  50% {
    transform: scale(1.75);
    opacity: 0;
  }

  100% {
    transform: scale(0);
    opacity: 0;
  }
}

@-moz-keyframes ballpulse {
  0% {
    -moz-transform: scale(0);
    opacity: 0;
  }

  10% {
    -moz-transform: scale(1);
    opacity: 0.5;
  }

  50% {
    -moz-transform: scale(1.75);
    opacity: 0;
  }

  100% {
    -moz-transform: scale(0);
    opacity: 0;
  }
}

@-webkit-keyframes ballpulse {
  0% {
    -webkit-transform: scale(0);
    opacity: 0;
  }

  10% {
    -webkit-transform: scale(1);
    opacity: 0.5;
  }

  50% {
    -webkit-transform: scale(1.75);
    opacity: 0;
  }

  100% {
    -webkit-transform: scale(0);
    opacity: 0;
  }
}
*/
#drawresultspopups {
  display: none; }

.prize-search-popups {
  width: 100%;
  position: absolute; }

.prizes.popup .grid-content {
  width: 100%; }

/*******/
.popup-wrapper {
  width: 100%;
  overflow: hidden;
  position: absolute;
  top: 5em;
  padding: 30px 0;
  box-sizing: border-box;
  margin-left: 0; }
  .popup-wrapper.out {
    animation-play-state: running;
    animation-name: slideDrawResultOut;
    animation-duration: 1.5s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
    margin-left: -100%; }

.popup-slides-wrapper {
  white-space: nowrap;
  font-size: 0; }

.popup-slide-wrapper {
  display: inline-block;
  width: 100%;
  font-size: 16px;
  vertical-align: top;
  /*
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
  */
  /*opacity: 0;*/ }

.popup-slide-wrapper.show {
  opacity: 1; }

.draw-results-popup .grid-content {
  margin-left: auto;
  margin-right: auto; }

/*
.popup-slides-wrapper.next .popup-slide-wrapper:first-child {
  animation-name: slideDrawResult;
  animation-duration: 1s;
  animation-delay: 0s;
  animation-timing-function: ease;
  animation-fill-mode: forwards;
  margin-left: -100%;
}
*/
/*
.popup-slides-wrapper.next .popup-slide-wrapper {
  opacity: 1;
}
*/
.popup-slides-wrapper.next .popup-slide-wrapper:first-child {
  -webkit-animation-name: slideDrawResult;
  animation-name: slideDrawResult;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  margin-left: -100%; }

.own-prize {
  color: #ff0000;
  font-weight: bold; }

.lds-ripple {
  background: transparent url("../images/loader.gif") no-repeat center top;
  width: 100%;
  /*165px;*/
  height: 40px;
  display: block; }

@media (max-width: 500px) {
  #prizesearch > .pageblock .grid:first-child {
    width: 100%; }
    #prizesearch > .pageblock .grid:first-child .grid-cell {
      padding-left: 0;
      padding-right: 0; }
      #prizesearch > .pageblock .grid:first-child .grid-cell form {
        width: 100%; } }

/*@import 'elements/results/waitforit';*/
.bigtooltip {
  z-index: 1;
  margin: 0 auto;
  border-radius: 5px;
  width: 620px;
  text-align: center;
  -webkit-box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.15);
  padding: 40px 50px;
  white-space: normal;
  position: relative;
  background: #016fba !important;
  background: -moz-linear-gradient(top, #44c7f4 0%, #016fba 100%) !important;
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #44c7f4), color-stop(100%, #016fba)) !important;
  background: -webkit-linear-gradient(top, #44c7f4 0%, #016fba 100%) !important;
  background: -o-linear-gradient(top, #44c7f4 0%, #016fba 100%) !important;
  background: -ms-linear-gradient(top, #44c7f4 0%, #016fba 100%) !important;
  background: linear-gradient(to bottom, #44c7f4 0%, #016fba 100%) !important;
  background-size: 100% 100%;
  /*

    &.bigtooltip-winner-center {
        &:after,
        &:before {
            display:none !important;
        }

    }*/ }
  .bigtooltip ul li {
    padding: 0; }
    .bigtooltip ul li:before {
      content: none;
      display: none;
      position: absolute;
      top: 0;
      left: 0;
      width: 0;
      height: 0;
      background-color: transparent;
      border-radius: 0; }
  @media only screen and (max-width: 959px) {
    .bigtooltip {
      width: 95%;
      padding: 20px; } }
  .bigtooltip:after, .bigtooltip:before {
    position: absolute;
    bottom: 100%;
    left: 35%;
    width: 0;
    height: 0;
    border: solid transparent;
    content: " ";
    pointer-events: none; }
    @media only screen and (max-width: 959px) {
      .bigtooltip:after, .bigtooltip:before {
        left: 50%; } }
  .bigtooltip:after {
    margin-left: -10px;
    border-width: 10px;
    border-color: rgba(251, 253, 254, 0);
    border-bottom-color: #44c7f4; }
  .bigtooltip:before {
    margin-left: -13px;
    border-width: 13px;
    border-color: rgba(203, 212, 218, 0);
    border-bottom-color: #44c7f4; }
  .bigtooltip .bigtooltip-header {
    padding: 0 0 15px 0;
    border-bottom: 1px rgba(255, 255, 255, 0.5) dashed; }
    .bigtooltip .bigtooltip-header strong {
      color: #fff;
      font-size: 32px; }
      @media only screen and (max-width: 959px) {
        .bigtooltip .bigtooltip-header strong {
          font-size: 22px; } }
    .bigtooltip .bigtooltip-header .bigtooltip-header-title p {
      color: white;
      margin: 0 0 10px 0;
      font-size: 18px; }
  .bigtooltip .bigtooltip-header-image {
    position: absolute;
    left: -10px;
    top: -90px;
    width: 183px;
    height: 174px; }
    @media only screen and (max-width: 959px) {
      .bigtooltip .bigtooltip-header-image {
        width: 40%;
        max-width: 130px;
        left: 0; } }
  .bigtooltip .bigtooltip-header-number {
    background-color: #206178;
    width: 100%;
    max-width: 230px;
    margin: 0 auto;
    text-align: center;
    border-radius: 10px;
    padding: 0 10px 0 10px;
    margin-bottom: 15px; }
    .bigtooltip .bigtooltip-header-number p {
      font-size: 31px;
      color: #fff;
      margin: 0;
      padding: 0;
      line-height: inherit;
      line-height: 50px;
      font-weight: bold; }
  .bigtooltip .bigtooltip-body {
    margin: 0 auto;
    padding-top: 15px; }
    @media only screen and (max-width: 959px) {
      .bigtooltip .bigtooltip-body {
        width: 100%;
        padding: 15px 0; } }
    .bigtooltip .bigtooltip-body a {
      color: #fff !important; }
      .bigtooltip .bigtooltip-body a.lightbox {
        padding-bottom: 5px; }
    .bigtooltip .bigtooltip-body .bigtooltip-body-more {
      padding-top: 20px;
      border-bottom: 1px rgba(255, 255, 255, 0.5) dashed; }
      .bigtooltip .bigtooltip-body .bigtooltip-body-more p {
        margin-bottom: 20px; }
    .bigtooltip .bigtooltip-body ul {
      margin: 0 !important;
      padding: 0 !important;
      list-style: none; }
      .bigtooltip .bigtooltip-body ul li {
        overflow: hidden;
        background: none;
        position: relative;
        margin: 0 !important;
        height: inherit !important;
        padding-top: 15px !important;
        padding-bottom: 15px !important;
        border-bottom: 1px rgba(255, 255, 255, 0.5) dashed; }
        .bigtooltip .bigtooltip-body ul li:first-child {
          padding-top: 0 !important; }
        .bigtooltip .bigtooltip-body ul li a {
          display: block;
          overflow: hidden;
          color: #fff; }
    .bigtooltip .bigtooltip-body p {
      font-size: 18px;
      color: #fff; }
    .block .bigtooltip .bigtooltip-body {
      width: 100%;
      padding: 0; }
  .bigtooltip .bigtooltip-footer {
    padding-top: 15px;
    text-align: center; }
    .bigtooltip .bigtooltip-footer .footer {
      border: none; }
    .bigtooltip .bigtooltip-footer p {
      color: #fff;
      font-size: 16px;
      margin: 0; }
      .bigtooltip .bigtooltip-footer p a {
        color: #fff !important;
        text-decoration: underline !important; }
    @media only screen and (max-width: 959px) {
      .bigtooltip .bigtooltip-footer {
        padding: 15px 0 0 0; } }
    .bigtooltip .bigtooltip-footer strong {
      margin-right: 15px;
      height: 40px;
      vertical-align: top;
      font-size: 20px;
      line-height: 40px; }
    .bigtooltip .bigtooltip-footer ul {
      display: inline-block;
      margin: 0;
      padding: 0;
      list-style: none; }
      .bigtooltip .bigtooltip-footer ul li {
        float: left;
        margin: 0 10px 0 0 !important;
        background: none; }
  .bigtooltip.bigtooltip-winner .legalline {
    margin-top: 15px; }
  .bigtooltip.bigtooltip-winner-possible:after, .bigtooltip.bigtooltip-winner-possible:before {
    display: none !important; }
  .bigtooltip.bigtooltip-winner-possible .bigtooltip-footer .btn, .bigtooltip.bigtooltip-winner-possible .bigtooltip-footer .pcac .pcac_simpleButton, .pcac .bigtooltip.bigtooltip-winner-possible .bigtooltip-footer .pcac_simpleButton,
  .bigtooltip.bigtooltip-winner-possible .bigtooltip-footer .pcac .pcac_backButtonContainer a, .pcac .pcac_backButtonContainer .bigtooltip.bigtooltip-winner-possible .bigtooltip-footer a {
    margin-top: 20px;
    margin-bottom: 10px; }
  .bigtooltip.bigtooltip-loser:after, .bigtooltip.bigtooltip-loser:before, .bigtooltip.bigtooltip-winner-top:after, .bigtooltip.bigtooltip-winner-top:before {
    display: none !important; }
  .bigtooltip.bigtooltip-loser .bigtooltip-footer, .bigtooltip.bigtooltip-winner-top .bigtooltip-footer {
    padding-top: 0; }
  .bigtooltip.bigtooltip-buy:after, .bigtooltip.bigtooltip-buy:before {
    display: none !important; }
  .bigtooltip.bigtooltip-buy .bigtooltip-buy-content {
    position: relative;
    margin: 0 auto;
    border-radius: 5px;
    width: 55%;
    height: 80px;
    background: #fff;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3);
    line-height: 80px; }
    @media only screen and (max-width: 959px) {
      .bigtooltip.bigtooltip-buy .bigtooltip-buy-content {
        width: 100%; } }
    .bigtooltip.bigtooltip-buy .bigtooltip-buy-content img {
      position: absolute;
      top: -5px;
      left: -25px; }
      @media only screen and (max-width: 959px) {
        .bigtooltip.bigtooltip-buy .bigtooltip-buy-content img {
          display: none; } }
    .bigtooltip.bigtooltip-buy .bigtooltip-buy-content .btn, .bigtooltip.bigtooltip-buy .bigtooltip-buy-content .pcac .pcac_simpleButton, .pcac .bigtooltip.bigtooltip-buy .bigtooltip-buy-content .pcac_simpleButton,
    .bigtooltip.bigtooltip-buy .bigtooltip-buy-content .pcac .pcac_backButtonContainer a, .pcac .pcac_backButtonContainer .bigtooltip.bigtooltip-buy .bigtooltip-buy-content a {
      margin-left: 120px; }
      @media only screen and (max-width: 959px) {
        .bigtooltip.bigtooltip-buy .bigtooltip-buy-content .btn, .bigtooltip.bigtooltip-buy .bigtooltip-buy-content .pcac .pcac_simpleButton, .pcac .bigtooltip.bigtooltip-buy .bigtooltip-buy-content .pcac_simpleButton,
        .bigtooltip.bigtooltip-buy .bigtooltip-buy-content .pcac .pcac_backButtonContainer a, .pcac .pcac_backButtonContainer .bigtooltip.bigtooltip-buy .bigtooltip-buy-content a {
          margin-left: inherit; } }
  .bigtooltip.bigtooltip-buy small {
    margin-top: 20px;
    display: block;
    font-size: 14px; }
    .bigtooltip.bigtooltip-buy small a {
      text-decoration: none !important; }
  .block .bigtooltip {
    border: 0;
    width: 100%;
    background: none;
    padding: 0; }
    .block .bigtooltip .bigtooltip-body p {
      text-align: left;
      font-size: 14px; }
      .block .bigtooltip .bigtooltip-body p a {
        font-size: 14px; }
    .block .bigtooltip .bigtooltip-body li {
      padding-left: 100px;
      min-height: 85px;
      margin-bottom: 20px; }
      .block .bigtooltip .bigtooltip-body li img {
        position: absolute;
        left: 0;
        top: 0; }
      .block .bigtooltip .bigtooltip-body li .prize-number,
      .block .bigtooltip .bigtooltip-body li .text {
        background: none;
        width: inherit;
        height: inherit;
        text-align: left;
        text-shadow: none;
        line-height: inherit;
        display: block;
        float: none;
        font-size: inherit; }
      .block .bigtooltip .bigtooltip-body li .prize-number strong {
        font-size: 18px; }
      .block .bigtooltip .bigtooltip-body li .text p {
        font-size: 16px; }
  .bigtooltip .legalline {
    color: #fff;
    opacity: 0.5;
    display: inline-block; }
  .bigtooltip .prize-image {
    padding: 10px 0 0 0;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
    max-height: 130px;
    background-size: cover;
    background-repeat: no-repeat;
    height: 135px;
    width: 230px;
    margin: 0 auto;
    margin-top: 5px;
    /*img {
            border-radius:10px;
            -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.4);
            box-shadow: 0 0 10px 0 rgba(0,0,0,0.4);
            max-height:130px;
        }*/ }
  .bigtooltip.bigtooltip-winner .prize-image {
    padding: 0;
    overflow: hidden; }
  .bigtooltip .prize-link p {
    text-decoration: underline;
    color: #fff;
    margin: 0;
    padding: 0; }
  .bigtooltip .prize-number {
    float: none;
    background-repeat: no-repeat;
    color: #fff;
    text-align: center;
    letter-spacing: 1px;
    opacity: 0.6; }
    @media only screen and (max-width: 959px) {
      .bigtooltip .prize-number {
        float: none;
        margin: 0 auto; } }
  .bigtooltip .is-notclickable .prize-text {
    background-image: none !important;
    background: none !important;
    text-decoration: none;
    cursor: default; }
  .bigtooltip .prize-text {
    background-position: right center;
    background-repeat: no-repeat;
    font-weight: 600;
    color: #fff;
    margin-bottom: 5px;
    font-size: 18px;
    text-decoration: underline;
    cursor: pointer; }
    @media only screen and (max-width: 959px) {
      .bigtooltip .prize-text {
        padding: 0;
        width: inherit;
        width: 100%;
        background-image: none;
        text-align: center;
        font-size: 18px; } }
  .bigtooltip .lowerdots {
    border-bottom: 1px rgba(255, 255, 255, 0.3) dashed;
    padding-bottom: 8px; }
    .bigtooltip .lowerdots strong {
      color: #fff;
      font-size: 22px; }
      @media only screen and (max-width: 959px) {
        .bigtooltip .lowerdots strong {
          font-size: 15px; } }
  .bigtooltip .paddingup {
    margin-top: 8px; }
  .winners .winners-list-container ol.mid .bigtooltip li {
    padding-left: 0;
    padding-right: 0; }
  .bigtooltip.bigtooltip-winner .bigtooltip-header-title {
    display: none; }
  .bigtooltip.bigtooltip-winner.bigtooltip-winner-possible .bigtooltip-header-title {
    display: block; }

#drawresultspopups {
  display: none; }

.winners {
  position: relative;
  top: -45px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  margin: 0 auto;
  width: 960px;
  z-index: 1;
  margin-top: 20px; }
  @media only screen and (max-width: 959px) {
    .winners {
      width: 100%; } }
  .winners.is-hidden {
    display: none; }
  .winners .winners-list {
    overflow: hidden;
    padding: 10px 0 0 0;
    opacity: 0; }
    @media only screen and (max-width: 959px) {
      .winners .winners-list {
        position: relative;
        top: -95px;
        height: 1760px; } }
  .winners .loader {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    margin: auto;
    margin-top: 80px;
    margin-bottom: 20px;
    z-index: 1; }
  .winners .winners-list-container {
    /*
        overflow: hidden;
        padding: 0;
        background: #fff;
        height: 200px;
        */
    z-index: 1; }
    @media only screen and (max-width: 959px) {
      .winners .winners-list-container {
        padding: 50px 0px 50px 0px;
        height: 750px; } }
    .winners .winners-list-container ol {
      position: relative;
      /*top: -3100px;*/
      display: block;
      float: left;
      margin: 0 !important;
      padding: 0 !important;
      width: 320px;
      height: 1760px;
      list-style: none !important; }
      @media only screen and (max-width: 959px) {
        .winners .winners-list-container ol {
          margin: 0 auto !important;
          float: none;
          position: initial; } }
      @media only screen and (max-width: 959px) {
        .winners .winners-list-container ol.left {
          display: none; } }
      .winners .winners-list-container ol.left li {
        padding-left: 10px;
        padding-right: 10px; }
      @media only screen and (max-width: 959px) {
        .winners .winners-list-container ol.right {
          display: none; } }
      .winners .winners-list-container ol.right li {
        padding-right: 10px;
        padding-left: 10px; }
      .winners .winners-list-container ol.mid li {
        padding-left: 10px;
        padding-right: 10px; }
      .winners .winners-list-container ol > li {
        display: block;
        overflow: hidden;
        margin: 0 0 5px 0 !important;
        padding: 0;
        list-style: none !important;
        font-size: 16px;
        height: 35px;
        border-bottom: 1px #d9d9d9 solid; }
        .winners .winners-list-container ol > li .bigtooltip {
          position: absolute;
          right: 0;
          left: -150px;
          margin-top: -1000px;
          opacity: 0; }
          @media only screen and (max-width: 959px) {
            .winners .winners-list-container ol > li .bigtooltip {
              left: 0; } }
        .winners .winners-list-container ol > li .prize-option-lightbox {
          display: none; }
        .winners .winners-list-container ol > li.has-prize.is-colored a {
          color: #009640; }
        .winners .winners-list-container ol > li.has-prize.is-colored .winner-prize,
        .winners .winners-list-container ol > li.has-prize.is-colored .winner-number {
          color: #009640; }
        .winners .winners-list-container ol > li > a {
          text-decoration: none;
          cursor: pointer;
          transition: 500ms all;
          position: relative;
          overflow: hidden;
          display: block;
          top: 3px; }
          .winners .winners-list-container ol > li > a.is-notclickable {
            cursor: initial; }
        .winners .winners-list-container ol > li .winner-number {
          position: absolute;
          left: 0;
          width: 115px;
          color: #004F9F;
          margin-top: 3px; }
        .winners .winners-list-container ol > li .winner-prize {
          padding-left: 120px;
          color: #DC0831;
          margin-top: 3px;
          width: 500px; }
  .winners .winners-notice {
    position: relative;
    top: 55px;
    display: block; }
    .winners .winners-notice p {
      text-align: center; }

div.tooltip {
  position: absolute;
  z-index: 2;
  display: none;
  margin: 0;
  padding: 0;
  width: 150px;
  height: 150px;
  border: 5px #fff solid;
  border-radius: 150px;
  -webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.3); }
  div.tooltip img {
    display: block;
    margin: 0;
    width: 140px;
    height: 140px; }

.grid-cell img.adjustable-image-center {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.grid-cell img.adjustable-image-full-width {
  max-width: inherit !important;
  margin-left: -15px;
  margin-top: -15px;
  width: calc(100% + (30px)); }

.embed-video .video-placeholder:after {
  background: url("../images/video_play.png") no-repeat;
  background-size: contain; }

.outstanding-payments .wmpform {
  padding-left: 0;
  padding-right: 0; }

.outstanding-payments .selectholder.input-select {
  position: relative;
  background-image: none; }
  .outstanding-payments .selectholder.input-select:after {
    content: " ";
    background: transparent url("../images/input_select_arrow.png") no-repeat right top;
    height: 17px;
    width: 11px;
    position: absolute;
    top: 12px; }

.outstanding-payments h3 {
  color: #fff;
  font-size: 32px;
  text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.6);
  line-height: 1; }

.outstanding-payments > p {
  color: #fff;
  font-size: 17px;
  text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.6); }

.outstanding-payments table {
  border-radius: 5px;
  overflow: hidden;
  -webkit-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.4);
  box-shadow: 0 15px 20px rgba(0, 0, 0, 0.4);
  width: 100%; }

.outstanding-payments table.innerpaytable {
  border-radius: 0px;
  overflow: visible;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.outstanding-payments table th {
  color: #006ebf;
  background-color: #eaf4fb;
  padding: 15px 33px;
  text-align: left;
  padding-left: 15px;
  font-weight: bold; }

.outstanding-payments table td {
  padding-left: 15px;
  padding-right: 15px; }

.outstanding-payments .innerpaytable {
  width: 90%; }

.outstanding-payments .selectholder.input-select {
  width: 100%; }

.betaalform .formcontainer {
  padding-top: 0;
  padding-bottom: 0; }

.paymentendmessage {
  color: #ffffff;
  text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.8);
  width: 100%;
  display: block;
  line-height: 1; }
  .paymentendmessage h1 {
    font-size: 60px;
    line-height: 1; }
  .paymentendmessage h2 {
    font-size: 50px;
    line-height: 1; }
  .paymentendmessage h3 {
    font-size: 45px;
    line-height: 1; }
  .paymentendmessage h4 {
    font-size: 40px;
    line-height: 1; }
  .paymentendmessage p {
    font-size: 21px;
    line-height: 1; }

@media (max-width: 768px) {
  .tablet-full .grid {
    width: 100%; }
    .tablet-full .grid .grid-cell.grid-cell-6of6 {
      width: 100%; } }

.payment-block {
  margin-top: -10px; }
  @media only screen and (max-width: 959px) {
    .payment-block .cta-block .cta-block-effect {
      display: block; }
      .payment-block .cta-block .cta-block-effect .inner {
        background: transparent; } }
  @media only screen and (max-width: 959px) {
    .payment-block .cta-block.cta-block-boxed .inner {
      background: #ffffff;
      box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
      -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3); } }

.betaalmenu#header {
  height: 78px;
  margin-bottom: 10px;
  z-index: 100; }

.betaalmenu #header-mobile {
  height: 78px;
  z-index: 100;
  margin-bottom: 10px;
  display: block; }

@media (min-width: 768px) {
  .betaalmenu #header-mobile {
    width: 100%;
    border-radius: 0;
    height: 78px;
    z-index: inherit; } }

.betaalmenu:before {
  content: " ";
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  -moz-border-radius: 10px/100px;
  border-radius: 10px/100px;
  top: 0px;
  /*bottom: 2px;*/
  left: 10px;
  right: 10px;
  width: calc(100% - 20px);
  -moz-border-radius: 100px/10px;
  border-radius: 100px/10px;
  height: 78px;
  position: absolute; }

.betaalmenu #header-mobile > ul,
.betaalmenu #header-mobile > div > ul,
.betaalmenu #header-mobile > div > div > ul,
.betaalmenu #header-mobile > div > div > div > ul {
  background: white;
  display: flex;
  margin: 0;
  padding: 0;
  width: 100%;
  border-bottom: 1px solid #bfbfbf;
  justify-content: flex-end; }

.betaalmenu #header-logo-mobile {
  position: absolute;
  padding: 11px; }
  .betaalmenu #header-logo-mobile a img {
    height: 56px;
    width: auto; }

.popup {
  border-radius: 5px;
  border: 15px solid #fff;
  background-color: #fff;
  border-radius: 5px;
  margin: 0 auto;
  max-width: 680px;
  box-sizing: border-box;
  box-shadow: 0px 15px 20px #222;
  overflow: hidden;
  z-index: 100; }

.popup.user-icon::before {
  display: none; }

@media (max-width: 500px) {
  #popupajaxform {
    padding-top: 1.2em; } }

.popup .grid-cell-6of6 {
  width: 100%;
  white-space: normal; }

.popup .pageblock {
  padding-top: 0;
  padding-bottom: 0; }

.popup > div,
.popup .grid {
  padding: 0;
  width: 100%; }

.popup .close-popup + .grid {
  margin-left: 0; }

#searchingactive {
  width: 100%;
  /* IE9+ kan geen center met absolute & max-width:740px; wel met width:100%; */ }

.popup a.icon-close {
  text-decoration: none;
  color: #30287c;
  cursor: pointer;
  font-size: 1.2em; }

.popup .close-popup {
  /* '.popup h2' is hetzelfde, maar die heeft een titel + rood */
  width: 100%;
  text-align: right; }

.popup .grid-cell {
  padding: 0; }

.popup .withmargins {
  box-sizing: border-box;
  padding: 30px; }

.popup h3 {
  font-size: 30px; }

.popup h3.prize-title {
  color: #e30027;
  font-size: 24px;
  margin-top: 0; }

.popup h3.prize-title-win {
  color: #e30027;
  margin: 0.5em 0;
  font-size: 40px; }
  @media (min-width: 768px) {
    .popup h3.prize-title-win {
      margin-top: 1em; } }

.popup h3.prize-title-blue {
  color: #30287c;
  font-size: 24px;
  margin-top: 0; }

/**
 * TODO
 *  mooier maken van depopup uitlijning (NPL-236) de popup laatste paragraaf geen marge
 *  (voor mooiere marges dit kan wellicht anders
 *
 **/
.popup .innercontent p:last-child {
  margin-bottom: 0; }

.popup h3.rte_dummy_paragraph {
  font-weight: 400;
  font-size: 16px; }

.popup {
  position: absolute;
  left: 0;
  right: 0;
  width: 95%; }

.popup .popup-left {
  display: inline-block;
  min-width: 230px; }

.popup .popup-right {
  display: inline-block;
  max-width: 300px;
  margin-right: -30px; }

.popupholder {
  left: -102%;
  position: fixed;
  overflow: auto;
  transition: opacity 0.4s ease-in-out 0s;
  width: 100%;
  height: 100%; }

.popupholder.open {
  left: 0%;
  opacity: 1;
  z-index: 20000;
  position: relative;
  height: 0;
  overflow: visible; }

.popupholder .popuplayer {
  display: none;
  background-color: rgba(33, 33, 33, 0.3);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: fixed; }

.popupholder.open .popuplayer {
  display: block; }

.popupholder.open .popup {
  position: relative;
  display: block;
  top: 10%;
  margin-top: 0; }

@media (min-width: 992px) {
  /* NPL-237 popup naar links op desktop */
  .popupholder.open .popup {
    left: -20px; } }

.popupholder .popup {
  background-color: #fff;
  border-color: #fff; }
  .popupholder .popup h1, .popupholder .popup h2, .popupholder .popup h3, .popupholder .popup h4 {
    margin-top: 0;
    text-align: center; }
  .popupholder .popup h3.prize-title {
    text-align: left; }

.popup.personalpage {
  max-width: 480px;
  min-width: 280px; }
  @media (min-width: 380px) {
    .popup.personalpage {
      padding: 15px 45px; } }
  .popup.personalpage form.wmpform {
    padding-right: 10px; }
    @media (min-width: 380px) {
      .popup.personalpage form.wmpform {
        padding: 0; } }
  .popup.personalpage input[size="35"],
  .popup.personalpage input.button,
  .popup.personalpage button[type=submit] {
    width: 100%; }

.popup.personalpage h1,
.popup.personalpage h2,
.popup.personalpage h3,
.popup.personalpage h4 {
  margin-top: 0;
  text-align: center; }

.popup.personalpage.pp h1,
.popup.personalpage.pp h2,
.popup.personalpage.pp h3,
.popup.personalpage.pp h4 {
  color: #e30027; }

.text-close,
.popup.personalpage a.text-close {
  display: block;
  width: 100%;
  text-align: center;
  color: #0033cc;
  font-size: 18px; }

.popup.personalpage .pageblock {
  min-height: 60px; }

.popup.personalpage img,
.popup.personalpage p {
  text-align: center; }

.popup.personalpage p {
  margin-bottom: 30px; }

.popup.personalpage .formsectionelement {
  padding: 0; }

.popup.personalpage a {
  color: #000000;
  white-space: nowrap; }

.popup.personalpage a.formpopup::after {
  font-family: 'icomoon';
  content: "»";
  padding-left: 2px;
  line-height: 27px;
  font-size: 10px; }

.popup.personalpage a.icon-close {
  color: #30287c;
  position: absolute;
  right: 0em;
  top: 0em; }
  @media (min-width: 500px) {
    .popup.personalpage a.icon-close {
      right: 0.5em;
      top: 0.5em; } }

.popup.personalpage a.icon-close::after {
  display: none; }

.popup.personalpage .jq_gridcontentarea > br {
  display: none; }

div.cancel {
  color: #30287c;
  text-align: center;
  margin: 0.5em auto;
  cursor: pointer; }

/* Enonic style for popup */
.popup.personalpage a.text-close, .text-close {
  display: block;
  width: 100%;
  text-align: center; }

.homepagepopup.popup {
  border: none;
  background: 0 0;
  padding: 15px 5px;
  max-width: 400px;
  box-shadow: none; }
  .homepagepopup.popup a.icon-close {
    text-decoration: none;
    color: #30287c;
    cursor: pointer;
    font-size: 1.2em; }
    .homepagepopup.popup a.icon-close:before {
      content: url("../images/popup/x.png"); }
  .homepagepopup.popup .close-popup-btn {
    text-align: center; }
  .homepagepopup.popup h3.prize-title {
    margin-top: auto; }

.homepagepopup.popup.personalpage {
  max-width: 280px;
  min-width: 280px; }
  @media (min-width: 380px) {
    .homepagepopup.popup.personalpage {
      padding: 15px 45px; } }
  .homepagepopup.popup.personalpage form.wmpform {
    padding-right: 10px; }
    @media (min-width: 380px) {
      .homepagepopup.popup.personalpage form.wmpform {
        padding: 0; } }
  .homepagepopup.popup.personalpage input[size="35"],
  .homepagepopup.popup.personalpage input.button,
  .homepagepopup.popup.personalpage button[type=submit] {
    width: 100%; }

.homepagepopup .popupformbody {
  background: #fff;
  border-radius: 10px;
  width: 100%;
  padding-top: 1.2em; }

.homepagepopup button.text-close {
  color: #fff; }

.homepagepopup .main-content {
  padding: 0 15px; }
  .homepagepopup .main-content img:first-child {
    position: absolute;
    top: 20px;
    left: 50%;
    margin-left: -150px; }
  .homepagepopup .main-content img:first-child ~ h3 {
    margin-top: 15px; }
  .homepagepopup .main-content p {
    text-align: left; }

.homepagepopup .participant_yes_no {
  background: #def3ff;
  margin: 0 -15px;
  padding: 15px 0;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px; }
  .homepagepopup .participant_yes_no p {
    text-align: center;
    font-weight: 700; }
  .homepagepopup .participant_yes_no .columns {
    display: flex;
    flex-direction: row;
    flex-flow: wrap;
    justify-content: center; }
  .homepagepopup .participant_yes_no button {
    width: 45%;
    margin: 0 5px 5px 5px; }

.homepagepopup h3 {
  color: #e30027;
  text-align: center;
  max-width: 250px;
  margin: 15px auto; }

.homepagepopup a.text-close {
  color: #30287c;
  font-size: 15px;
  text-decoration: underline;
  cursor: pointer; }

/**
 *    Specific toggle + personal page selector..
 */
.block-toggle .pageblock[data-url] .grid {
  padding-top: 30px; }
  @media (min-width: 768px) {
    .block-toggle .pageblock[data-url] .grid {
      padding-top: 0; } }

.block-toggle .pageblock[data-url] .grid-cell:not(.order-last) {
  margin-top: -30px; }
  @media (min-width: 768px) {
    .block-toggle .pageblock[data-url] .grid-cell:not(.order-last) {
      margin-top: 0; } }

@media (min-width: 768px) {
  .summary {
    -moz-column-count: 2;
    -moz-column-gap: 2em;
    -webkit-column-count: 2;
    -webkit-column-gap: 2em; } }

.summary-item {
  /* width:100%; */
  margin: 0 0 1em 0;
  padding: 0; }
  .summary-item h3 {
    margin-top: 0;
    text-align: left;
    margin-bottom: 0em; }
  .summary-item p {
    text-align: left; }
  .summary-item p.field-values-error {
    color: #e30027; }
    .summary-item p.field-values-error.hide-fv-error {
      display: none; }
  @media (min-width: 768px) {
    .summary-item {
      width: 250px;
      border: 1px solid #f2f2f2;
      border-radius: 5px;
      margin-bottom: 2em;
      padding: 1em; }
      .summary-item h3 {
        font-size: 1.5em;
        margin-bottom: 0.5em; } }
  @media (min-width: 992px) {
    .summary-item {
      padding: 20px 30px;
      width: 375px; } }

.summary-item .formpopup {
  float: right;
  background-image: url("../images/iaf/pp_edit-pencil.svg");
  background-size: 22px 22px;
  width: 22px;
  height: 22px;
  float: right;
  font-size: 0; }

.summary-item a.formpopup {
  border: 0; }

.summary-item p {
  margin: 0; }

@media (min-width: 768px) {
  .prizes-won:before {
    position: absolute;
    display: block;
    width: 100%;
    content: '';
    left: 0;
    height: 490px;
    margin-top: -165px;
    pointer-events: none;
    /*background-image: url('../images/confetti/06.png');
			background-repeat: no-repeat;
			background-size: auto;
			background-position: top center;*/ } }

.prizes-won .grid-content {
  width: 100%; }

.prize-box {
  background-color: #fff;
  border: 1px solid #f2f2f2;
  padding: 15px;
  text-align: center;
  border-radius: 6px;
  position: relative;
  margin-bottom: 30px; }
  .prize-box .pennon {
    margin-left: -15px;
    margin-top: -10px; }
    .prize-box .pennon svg {
      width: 75%;
      margin-left: auto;
      margin-right: auto; }
  .prize-box h4 {
    height: 62px;
    overflow: hidden; }
  .prize-box p {
    margin: 0;
    color: #666; }

.overview-memberbenefit {
  margin-top: 0; }

ul.loginlinks {
  padding-left: 0;
  padding: 0;
  text-align: justify;
  font-size: 0.875em; }
  ul.loginlinks .loginlink a {
    color: #30287c; }

li.loginlink {
  display: inline-block;
  width: 49%;
  list-style-type: none; }

li.loginlink:nth-child(2n+0) {
  text-align: right; }

.memberbenefit-prerequisites {
  background-color: #f0ede7;
  padding: 10px 15px; }

.memberbenefit-description ul.vinked, .memberbenefit-prerequisites ul.vinked {
  margin-top: 1em;
  padding-left: 10px; }
  .memberbenefit-description ul.vinked li::before, .memberbenefit-prerequisites ul.vinked li::before {
    float: left;
    content: '';
    margin-left: -2em;
    background: url("../images/li-blue.png") no-repeat;
    background-size: contain;
    width: 8px;
    height: 9px;
    margin-top: 3px; }

/*# sourceMappingURL=main-app-cs-vl-scss.css.map */