@font-face {
  font-family: 'apercu-light';
  src: url("../font/apercu-light.eot?v=4.6.3");
  src: url("../font/apercu-light.eot?#iefix&v=4.6.3") format("embedded-opentype"), url("../font/apercu-light.woff2?v=4.6.3") format("woff2"), url("../font/apercu-light.woff?v=4.6.3") format("woff"), url("../font/apercu-light.ttf?v=4.6.3") format("truetype");
  font-weight: normal;
  font-style: normal; }
* {
  position: relative;
  outline: none; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  line-height: inherit;
  vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

ol, ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0;
  text-align: left; }

/* #Basic Styles 
================================================== */
body {
  color: #333333;
  -webkit-font-smoothing: antialiased;
  /* Fix for webkit rendering */
  -webkit-text-size-adjust: 100%;
  font-style: normal;
  overflow-x: hidden;
  font-family: apercu-light, sans-serif;
  font-size: 14px;
  -moz-osx-font-smoothing: grayscale; }

/* #Typography
================================================== */
h1,
h2,
h3,
h4,
h5,
h6,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  text-align: left; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  font-weight: inherit; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-style: normal; }

p {
  margin-bottom: 10px; }

p img {
  margin: 0; }

em {
  font-style: italic; }

/* #Lists
================================================== */
ul {
  list-style: none outside; }

ol {
  list-style: decimal; }

ol, ul.square, ul.circle, ul.disc {
  margin-left: 30px; }

ul.square {
  list-style: square outside; }

ul.circle {
  list-style: circle outside; }

ul.disc {
  list-style: disc outside; }

ul ul, ul ol,
ol ol, ol ul {
  margin: 4px 0 5px 30px; }

li {
  text-align: left; }

/* #Buttons
================================================== */
a {
  color: #333333;
  text-decoration: none; }

/* Fix for odd Mozilla border & padding issues */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/* #Forms
================================================== */
button,
.button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  background-color: #336699;
  color: #fff;
  border: 0;
  cursor: pointer;
  text-align: center;
  text-align: -webkit-center;
  font-family: apercu-light, sans-serif;
  line-height: 22px;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 5px 10px;
  outline: none; }

input,
button {
  -webkit-appearance: none;
  border-radius: 0; }

form {
  margin-bottom: 10px;
  -webkit-text-size-adjust: 100%; }

fieldset {
  margin-bottom: 10px; }

input[type="text"],
input[type="password"],
input[type="email"],
input[type="date"],
input[type="tel"],
input[type="number"],
textarea,
select {
  font-family: apercu-light, sans-serif;
  -webkit-text-size-adjust: none;
  border: 1px solid #336699;
  padding: 5px 10px;
  outline: none;
  margin: 0;
  max-width: 100%;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 20px; }

input[type=text]:disabled,
input[type=password]:disabled,
input[type=email]:disabled,
input[type=date]:disabled,
input[type=tel]:disabled,
input[type="number"]:disabled,
select:disabled,
.selector.disabled span {
  background: #F9F9F9;
  border-color: #F9F9F9; }

select {
  padding: 0; }

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type=date]:focus,
input[type=tel]:focus,
input[type="number"]:focus,
textarea:focus {
  border: 1px solid #333333;
  box-shadow: 0px 0px 4.8px 0.2px rgba(0, 0, 0, 0.35); }

input:invalid {
  background-image: none; }

textarea {
  min-height: 60px; }

label,
legend {
  display: block; }

label {
  cursor: pointer;
  line-height: 32px; }

legend {
  font-size: 17px;
  font-weight: 700; }

.call-to-action {
  background: #336699;
  color: #FFF; }

/* #Navigation
================================================== */
nav ul,
nav ul li,
nav ul li a {
  float: left; }

nav ul,
nav ul li,
nav ul ul,
nav li li {
  padding: 0;
  margin: 0; }

/* #Misc
================================================== */
.pull-right {
  float: right !important; }

.pull-left {
  float: left !important; }

.margin-bottom-0,
.columns.margin-bottom-0 {
  margin-bottom: 0; }

.margin-bottom-10,
.columns.margin-bottom-10 {
  margin-bottom: 10px; }

.margin-bottom-20,
.columns.margin-bottom-20 {
  margin-bottom: 20px; }

.margin-bottom-30,
.columns.margin-bottom-30 {
  margin-bottom: 30px; }

.margin-bottom-40,
.columns.margin-bottom-40 {
  margin-bottom: 40px; }

.liquid,
.liquid-10,
.liquid-20,
.liquid-25,
.liquid-30,
.liquid-33,
.liquid-40,
.liquid-50,
.liquid-60,
.liquid-70,
.liquid-80,
.liquid-90,
.kwartliquid,
.halfliquid {
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.liquid {
  width: 100%; }

.liquid-10 {
  width: 10%; }

.liquid-20 {
  width: 20%; }

.liquid-25 {
  width: 25%; }

.liquid-30 {
  width: 30%; }

.liquid-33 {
  width: 33.333%; }

.liquid-40 {
  width: 40%; }

.liquid-50 {
  width: 50%; }

.liquid-60 {
  width: 60%; }

.liquid-70 {
  width: 70%; }

.liquid-80 {
  width: 80%; }

.liquid-90 {
  width: 90%; }

.halfliquid {
  width: 50%; }

.kwartliquid {
  width: 25%; }

.amount:before {
  content: "\20AC\00a0";
  font-family: apercu-light, sans-serif; }

.padding-20 {
  box-sizing: border-box;
  padding: 20px; }

button[type="submit"], .button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: -webkit-center; }

button[type="submit"], .button {
  width: 250px;
  font-family: 'Apercu-Light';
  height: 50px;
  background: transparent;
  border-radius: 50px;
  will-change: transform;
  display: inline-block;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  border: 1px solid #336699;
  cursor: pointer;
  background: #ffffff;
  font-size: 12px;
  color: #336699;
  outline: none;
  text-align: center; }

button[type="submit"]:hover, .button:hover {
  background: #336699;
  color: #ffffff; }

button[type="submit"]:active, .button:active {
  -webkit-transform: translateY(1px);
  transform: translateY(1px); }

button[type="submit"].active, .button.active {
  font-size: 0;
  border-radius: 25px;
  width: 50px;
  background: transparent; }

button[type="submit"].loader, .button.loader {
  border-right: 2px solid #ffffff;
  -webkit-animation: loader .4s linear infinite;
  animation: loader .4s linear infinite; }

button[type="submit"].success, .button.success {
  background: #336699;
  border-color: #336699;
  font-size: 14px;
  color: #ffffff; }

.asrow,
.ascolumn {
  display: flex;
  margin: 0px;
  padding: 0px;
  box-sizing: border-box; }
  .asrow.min-height,
  .asrow .min-height,
  .ascolumn.min-height,
  .ascolumn .min-height {
    min-height: 200px; }
  .asrow.max-width-100,
  .asrow .max-width-100,
  .ascolumn.max-width-100,
  .ascolumn .max-width-100 {
    max-width: 100%; }
  .asrow.min-height-50,
  .asrow .min-height-50,
  .ascolumn.min-height-50,
  .ascolumn .min-height-50 {
    min-height: 50px; }
  .asrow.min-height-100,
  .asrow .min-height-100,
  .ascolumn.min-height-100,
  .ascolumn .min-height-100 {
    min-height: 100px; }
  .asrow.auto-height,
  .asrow .auto-height,
  .ascolumn.auto-height,
  .ascolumn .auto-height {
    height: 70vw; }
  .asrow.attr-height,
  .asrow attr-height,
  .ascolumn.attr-height,
  .ascolumn attr-height {
    height: attr(data-desktop-height); }
  .asrow .asrow,
  .ascolumn .asrow {
    flex-direction: row; }
  .asrow .ascolumn,
  .ascolumn .ascolumn {
    flex-direction: column; }
  .asrow.wrap,
  .asrow .wrap,
  .ascolumn.wrap,
  .ascolumn .wrap {
    flex-wrap: wrap; }
  .asrow.nowrap,
  .asrow .nowrap,
  .ascolumn.nowrap,
  .ascolumn .nowrap {
    white-space: nowrap; }
  .asrow .fill-out,
  .ascolumn .fill-out {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    display: block; }
  .asrow .background-cover,
  .ascolumn .background-cover {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center; }
  .asrow.vmiddle,
  .asrow .vmiddle,
  .ascolumn.vmiddle,
  .ascolumn .vmiddle {
    align-items: center; }
  .asrow.flexend,
  .asrow .flexend,
  .ascolumn.flexend,
  .ascolumn .flexend {
    justify-content: flex-end;
    align-items: flex-end;
    align-content: flex-end; }
  .asrow.flexcenter,
  .asrow .flexcenter,
  .ascolumn.flexcenter,
  .ascolumn .flexcenter {
    justify-content: center; }
  .asrow.content-start,
  .asrow .content-start,
  .ascolumn.content-start,
  .ascolumn .content-start {
    justify-content: flex-start; }
  .asrow.content-center,
  .asrow .content-center,
  .ascolumn.content-center,
  .ascolumn .content-center {
    justify-content: center; }
  .asrow.content-end,
  .asrow .content-end,
  .ascolumn.content-end,
  .ascolumn .content-end {
    justify-content: flex-end; }
  .asrow .valign-center,
  .ascolumn .valign-center {
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    align-items: center;
    align-content: center; }
  .asrow .valign-end,
  .ascolumn .valign-end {
    display: flex;
    -webkit-box-pack: flex-end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: flex-end;
    justify-content: flex-end;
    align-items: flex-end; }
  .asrow .align-left,
  .ascolumn .align-left {
    -webkit-box-align: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start; }
  .asrow .align-center,
  .ascolumn .align-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
  .asrow .text-align-right,
  .ascolumn .text-align-right {
    text-align: right; }
  .asrow.margin-bottom-10, .asrow .margin-bottom-10,
  .ascolumn.margin-bottom-10,
  .ascolumn .margin-bottom-10 {
    margin-bottom: 10px; }
  .asrow.margin-bottom-20, .asrow .margin-bottom-20,
  .ascolumn.margin-bottom-20,
  .ascolumn .margin-bottom-20 {
    margin-bottom: 20px; }
  .asrow.margin-bottom-30, .asrow .margin-bottom-30,
  .ascolumn.margin-bottom-30,
  .ascolumn .margin-bottom-30 {
    margin-bottom: 30px; }
  .asrow.margin-bottom-40, .asrow .margin-bottom-40,
  .ascolumn.margin-bottom-40,
  .ascolumn .margin-bottom-40 {
    margin-bottom: 40px; }
  .asrow.full-width,
  .asrow .full-width,
  .ascolumn.full-width,
  .ascolumn .full-width {
    width: 100%; }
  .asrow.half-width,
  .asrow .half-width,
  .ascolumn.half-width,
  .ascolumn .half-width {
    width: 50%; }
  .asrow.hoog,
  .asrow .hoog,
  .ascolumn.hoog,
  .ascolumn .hoog {
    height: 100%; }
  .asrow.een-derde-hoog,
  .asrow .een-derde-hoog,
  .ascolumn.een-derde-hoog,
  .ascolumn .een-derde-hoog {
    height: 33.3333332%; }
  .asrow.twee-derde-hoog,
  .asrow .twee-derde-hoog,
  .ascolumn.twee-derde-hoog,
  .ascolumn .twee-derde-hoog {
    height: 66.6666662%; }
  .asrow .width-0,
  .ascolumn .width-0 {
    width: 0%; }
  .asrow .width-25,
  .ascolumn .width-25 {
    width: 25%; }
  .asrow .width-50,
  .ascolumn .width-50 {
    width: 50%; }
  .asrow .width-75,
  .ascolumn .width-75 {
    width: 75%; }
  .asrow .width-100,
  .ascolumn .width-100 {
    width: 100%; }
  .asrow .width-125,
  .ascolumn .width-125 {
    width: 125%; }
  .asrow .width-150,
  .ascolumn .width-150 {
    width: 150%; }
  .asrow .width-175,
  .ascolumn .width-175 {
    width: 175%; }
  .asrow .width-200,
  .ascolumn .width-200 {
    width: 200%; }
  .asrow .width-225,
  .ascolumn .width-225 {
    width: 225%; }
  .asrow .width-250,
  .ascolumn .width-250 {
    width: 250%; }
  .asrow .width-275,
  .ascolumn .width-275 {
    width: 275%; }
  .asrow .width-300,
  .ascolumn .width-300 {
    width: 300%; }
  .asrow .width-325,
  .ascolumn .width-325 {
    width: 325%; }
  .asrow .width-350,
  .ascolumn .width-350 {
    width: 350%; }
  .asrow .width-375,
  .ascolumn .width-375 {
    width: 375%; }
  .asrow .width-400,
  .ascolumn .width-400 {
    width: 400%; }
  .asrow .width-425,
  .ascolumn .width-425 {
    width: 425%; }
  .asrow .width-450,
  .ascolumn .width-450 {
    width: 450%; }
  .asrow .width-475,
  .ascolumn .width-475 {
    width: 475%; }
  .asrow .width-500,
  .ascolumn .width-500 {
    width: 500%; }

.order-0 {
  order: 0; }

.order-1 {
  order: 1; }

.order-2 {
  order: 2; }

.order-3 {
  order: 3; }

.order-4 {
  order: 4; }

.order-5 {
  order: 5; }

.order-6 {
  order: 6; }

.order-7 {
  order: 7; }

.order-8 {
  order: 8; }

.order-9 {
  order: 9; }

.order-10 {
  order: 10; }

.order-11 {
  order: 11; }

.order-12 {
  order: 12; }

.order-13 {
  order: 13; }

.order-14 {
  order: 14; }

.order-15 {
  order: 15; }

.order-16 {
  order: 16; }

.order-17 {
  order: 17; }

.order-18 {
  order: 18; }

.order-19 {
  order: 19; }

.order-20 {
  order: 20; }

.xl-grid-max {
  max-width: 1930px;
  margin: 0px auto; }

.schaduw-binnen {
  -webkit-box-shadow: inset 0px 0px 15px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 0px 15px 0px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 0px 15px 0px rgba(0, 0, 0, 0.3); }

.schaduw-buiten {
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3); }

.ratio-80 {
  position: relative;
  display: block;
  padding-bottom: 80%; }

.ratio-90 {
  position: relative;
  display: block;
  padding-bottom: 90%; }

.ratio-100 {
  position: relative;
  display: block;
  padding-bottom: 100%; }

.imagecover {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover; }

@keyframes hotspotanimatie {
  0% {
    opacity: 1; }
  50% {
    opacity: 1; }
  100% {
    opacity: 1; } }

/*# sourceMappingURL=base.css.map */