/* cmsms stylesheet: normalize modified: donderdag 14 december 2017 10:59:45 */
/*! normalize.css v1.1.3 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

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

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-size: 100%; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */

html,
button,
input,
select,
textarea {
    font-family: sans-serif;
}

/**
 * Address margins handled incorrectly in IE 6/7.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}

h6 {
    font-size: 0.67em;
    margin: 2.33em 0;
}

/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Address styling not present in IE 6/7/8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/**
 * Address margins set differently in IE 6/7.
 */

p,
pre {
    margin: 1em 0;
}

/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/**
 * Address CSS quotes not supported in IE 6/7.
 */

q {
    quotes: none;
}

/**
 * Address `quotes` property not supported in Safari 4.
 */

q:before,
q:after {
    content: '';
    content: none;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Lists
   ========================================================================== */

/**
 * Address margins set differently in IE 6/7.
 */

dl,
menu,
ol,
ul {
    margin: 1em 0;
}

dd {
    margin: 0 0 0 40px;
}

/**
 * Address paddings set differently in IE 6/7.
 */

menu,
ol,
ul {
    padding: 0 0 0 40px;
}

/**
 * Correct list images handled incorrectly in IE 7.
 */

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Correct margin displayed oddly in IE 6/7.
 */

form {
    margin: 0;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */

legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
    *overflow: visible;  /* 4 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 3+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* cmsms stylesheet: grid modified: donderdag 14 december 2017 11:00:11 */
/* ================================================================== */
/* This file has a mobile-to-tablet, and tablet-to-desktop breakpoint */
/* ================================================================== */
@media (max-width: 400px) {
  @-ms-viewport {
    width: 320px;
  }
}
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.grid-container:before, .mobile-grid-5:before, .mobile-grid-10:before, .mobile-grid-15:before, .mobile-grid-20:before, .mobile-grid-25:before, .mobile-grid-30:before, .mobile-grid-35:before, .mobile-grid-40:before, .mobile-grid-45:before, .mobile-grid-50:before, .mobile-grid-55:before, .mobile-grid-60:before, .mobile-grid-65:before, .mobile-grid-70:before, .mobile-grid-75:before, .mobile-grid-80:before, .mobile-grid-85:before, .mobile-grid-90:before, .mobile-grid-95:before, .mobile-grid-100:before, .mobile-grid-33:before, .mobile-grid-66:before, .tablet-grid-5:before, .tablet-grid-10:before, .tablet-grid-15:before, .tablet-grid-20:before, .tablet-grid-25:before, .tablet-grid-30:before, .tablet-grid-35:before, .tablet-grid-40:before, .tablet-grid-45:before, .tablet-grid-50:before, .tablet-grid-55:before, .tablet-grid-60:before, .tablet-grid-65:before, .tablet-grid-70:before, .tablet-grid-75:before, .tablet-grid-80:before, .tablet-grid-85:before, .tablet-grid-90:before, .tablet-grid-95:before, .tablet-grid-100:before, .tablet-grid-33:before, .tablet-grid-66:before, .grid-5:before, .grid-10:before, .grid-15:before, .grid-20:before, .grid-25:before, .grid-30:before, .grid-35:before, .grid-40:before, .grid-45:before, .grid-50:before, .grid-55:before, .grid-60:before, .grid-65:before, .grid-70:before, .grid-75:before, .grid-80:before, .grid-85:before, .grid-90:before, .grid-95:before, .grid-100:before, .grid-33:before, .grid-66:before, .grid-offset:before, .clearfix:before,
.grid-container:after,
.mobile-grid-5:after,
.mobile-grid-10:after,
.mobile-grid-15:after,
.mobile-grid-20:after,
.mobile-grid-25:after,
.mobile-grid-30:after,
.mobile-grid-35:after,
.mobile-grid-40:after,
.mobile-grid-45:after,
.mobile-grid-50:after,
.mobile-grid-55:after,
.mobile-grid-60:after,
.mobile-grid-65:after,
.mobile-grid-70:after,
.mobile-grid-75:after,
.mobile-grid-80:after,
.mobile-grid-85:after,
.mobile-grid-90:after,
.mobile-grid-95:after,
.mobile-grid-100:after,
.mobile-grid-33:after,
.mobile-grid-66:after,
.tablet-grid-5:after,
.tablet-grid-10:after,
.tablet-grid-15:after,
.tablet-grid-20:after,
.tablet-grid-25:after,
.tablet-grid-30:after,
.tablet-grid-35:after,
.tablet-grid-40:after,
.tablet-grid-45:after,
.tablet-grid-50:after,
.tablet-grid-55:after,
.tablet-grid-60:after,
.tablet-grid-65:after,
.tablet-grid-70:after,
.tablet-grid-75:after,
.tablet-grid-80:after,
.tablet-grid-85:after,
.tablet-grid-90:after,
.tablet-grid-95:after,
.tablet-grid-100:after,
.tablet-grid-33:after,
.tablet-grid-66:after,
.grid-5:after,
.grid-10:after,
.grid-15:after,
.grid-20:after,
.grid-25:after,
.grid-30:after,
.grid-35:after,
.grid-40:after,
.grid-45:after,
.grid-50:after,
.grid-55:after,
.grid-60:after,
.grid-65:after,
.grid-70:after,
.grid-75:after,
.grid-80:after,
.grid-85:after,
.grid-90:after,
.grid-95:after,
.grid-100:after,
.grid-33:after,
.grid-66:after,
.grid-offset:after,
.clearfix:after {
  content: ".";
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

.grid-container:after, .mobile-grid-5:after, .mobile-grid-10:after, .mobile-grid-15:after, .mobile-grid-20:after, .mobile-grid-25:after, .mobile-grid-30:after, .mobile-grid-35:after, .mobile-grid-40:after, .mobile-grid-45:after, .mobile-grid-50:after, .mobile-grid-55:after, .mobile-grid-60:after, .mobile-grid-65:after, .mobile-grid-70:after, .mobile-grid-75:after, .mobile-grid-80:after, .mobile-grid-85:after, .mobile-grid-90:after, .mobile-grid-95:after, .mobile-grid-100:after, .mobile-grid-33:after, .mobile-grid-66:after, .tablet-grid-5:after, .tablet-grid-10:after, .tablet-grid-15:after, .tablet-grid-20:after, .tablet-grid-25:after, .tablet-grid-30:after, .tablet-grid-35:after, .tablet-grid-40:after, .tablet-grid-45:after, .tablet-grid-50:after, .tablet-grid-55:after, .tablet-grid-60:after, .tablet-grid-65:after, .tablet-grid-70:after, .tablet-grid-75:after, .tablet-grid-80:after, .tablet-grid-85:after, .tablet-grid-90:after, .tablet-grid-95:after, .tablet-grid-100:after, .tablet-grid-33:after, .tablet-grid-66:after, .grid-5:after, .grid-10:after, .grid-15:after, .grid-20:after, .grid-25:after, .grid-30:after, .grid-35:after, .grid-40:after, .grid-45:after, .grid-50:after, .grid-55:after, .grid-60:after, .grid-65:after, .grid-70:after, .grid-75:after, .grid-80:after, .grid-85:after, .grid-90:after, .grid-95:after, .grid-100:after, .grid-33:after, .grid-66:after, .grid-offset:after, .clearfix:after {
  clear: both;
}

.grid-container {
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
  padding-left: 10px;
  padding-right: 10px;
}

.mobile-grid-5, .mobile-grid-10, .mobile-grid-15, .mobile-grid-20, .mobile-grid-25, .mobile-grid-30, .mobile-grid-35, .mobile-grid-40, .mobile-grid-45, .mobile-grid-50, .mobile-grid-55, .mobile-grid-60, .mobile-grid-65, .mobile-grid-70, .mobile-grid-75, .mobile-grid-80, .mobile-grid-85, .mobile-grid-90, .mobile-grid-95, .mobile-grid-100, .mobile-grid-33, .mobile-grid-66, .tablet-grid-5, .tablet-grid-10, .tablet-grid-15, .tablet-grid-20, .tablet-grid-25, .tablet-grid-30, .tablet-grid-35, .tablet-grid-40, .tablet-grid-45, .tablet-grid-50, .tablet-grid-55, .tablet-grid-60, .tablet-grid-65, .tablet-grid-70, .tablet-grid-75, .tablet-grid-80, .tablet-grid-85, .tablet-grid-90, .tablet-grid-95, .tablet-grid-100, .tablet-grid-33, .tablet-grid-66, .grid-5, .grid-10, .grid-15, .grid-20, .grid-25, .grid-30, .grid-35, .grid-40, .grid-45, .grid-50, .grid-55, .grid-60, .grid-65, .grid-70, .grid-75, .grid-80, .grid-85, .grid-90, .grid-95, .grid-100, .grid-33, .grid-66 {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 10px;
}

.grid-parent {
  padding-left: 0;
  padding-right: 0;
}

.grid-offset {
  clear: both;
  margin-left: -10px;
  margin-right: -10px;
}

@media (max-width: 767px) {
  .mobile-push-5, .mobile-pull-5, .mobile-push-10, .mobile-pull-10, .mobile-push-15, .mobile-pull-15, .mobile-push-20, .mobile-pull-20, .mobile-push-25, .mobile-pull-25, .mobile-push-30, .mobile-pull-30, .mobile-push-35, .mobile-pull-35, .mobile-push-40, .mobile-pull-40, .mobile-push-45, .mobile-pull-45, .mobile-push-50, .mobile-pull-50, .mobile-push-55, .mobile-pull-55, .mobile-push-60, .mobile-pull-60, .mobile-push-65, .mobile-pull-65, .mobile-push-70, .mobile-pull-70, .mobile-push-75, .mobile-pull-75, .mobile-push-80, .mobile-pull-80, .mobile-push-85, .mobile-pull-85, .mobile-push-90, .mobile-pull-90, .mobile-push-95, .mobile-pull-95, .mobile-push-33, .mobile-pull-33, .mobile-push-66, .mobile-pull-66 {
    position: relative;
  }

  .hide-on-mobile {
    display: none !important;
  }

  .mobile-grid-5 {
    float: left;
    width: 5%;
  }

  .mobile-prefix-5 {
    margin-left: 5%;
  }

  .mobile-suffix-5 {
    margin-right: 5%;
  }

  .mobile-push-5 {
    left: 5%;
  }

  .mobile-pull-5 {
    left: -5%;
  }

  .mobile-grid-10 {
    float: left;
    width: 10%;
  }

  .mobile-prefix-10 {
    margin-left: 10%;
  }

  .mobile-suffix-10 {
    margin-right: 10%;
  }

  .mobile-push-10 {
    left: 10%;
  }

  .mobile-pull-10 {
    left: -10%;
  }

  .mobile-grid-15 {
    float: left;
    width: 15%;
  }

  .mobile-prefix-15 {
    margin-left: 15%;
  }

  .mobile-suffix-15 {
    margin-right: 15%;
  }

  .mobile-push-15 {
    left: 15%;
  }

  .mobile-pull-15 {
    left: -15%;
  }

  .mobile-grid-20 {
    float: left;
    width: 20%;
  }

  .mobile-prefix-20 {
    margin-left: 20%;
  }

  .mobile-suffix-20 {
    margin-right: 20%;
  }

  .mobile-push-20 {
    left: 20%;
  }

  .mobile-pull-20 {
    left: -20%;
  }

  .mobile-grid-25 {
    float: left;
    width: 25%;
  }

  .mobile-prefix-25 {
    margin-left: 25%;
  }

  .mobile-suffix-25 {
    margin-right: 25%;
  }

  .mobile-push-25 {
    left: 25%;
  }

  .mobile-pull-25 {
    left: -25%;
  }

  .mobile-grid-30 {
    float: left;
    width: 30%;
  }

  .mobile-prefix-30 {
    margin-left: 30%;
  }

  .mobile-suffix-30 {
    margin-right: 30%;
  }

  .mobile-push-30 {
    left: 30%;
  }

  .mobile-pull-30 {
    left: -30%;
  }

  .mobile-grid-35 {
    float: left;
    width: 35%;
  }

  .mobile-prefix-35 {
    margin-left: 35%;
  }

  .mobile-suffix-35 {
    margin-right: 35%;
  }

  .mobile-push-35 {
    left: 35%;
  }

  .mobile-pull-35 {
    left: -35%;
  }

  .mobile-grid-40 {
    float: left;
    width: 40%;
  }

  .mobile-prefix-40 {
    margin-left: 40%;
  }

  .mobile-suffix-40 {
    margin-right: 40%;
  }

  .mobile-push-40 {
    left: 40%;
  }

  .mobile-pull-40 {
    left: -40%;
  }

  .mobile-grid-45 {
    float: left;
    width: 45%;
  }

  .mobile-prefix-45 {
    margin-left: 45%;
  }

  .mobile-suffix-45 {
    margin-right: 45%;
  }

  .mobile-push-45 {
    left: 45%;
  }

  .mobile-pull-45 {
    left: -45%;
  }

  .mobile-grid-50 {
    float: left;
    width: 50%;
  }

  .mobile-prefix-50 {
    margin-left: 50%;
  }

  .mobile-suffix-50 {
    margin-right: 50%;
  }

  .mobile-push-50 {
    left: 50%;
  }

  .mobile-pull-50 {
    left: -50%;
  }

  .mobile-grid-55 {
    float: left;
    width: 55%;
  }

  .mobile-prefix-55 {
    margin-left: 55%;
  }

  .mobile-suffix-55 {
    margin-right: 55%;
  }

  .mobile-push-55 {
    left: 55%;
  }

  .mobile-pull-55 {
    left: -55%;
  }

  .mobile-grid-60 {
    float: left;
    width: 60%;
  }

  .mobile-prefix-60 {
    margin-left: 60%;
  }

  .mobile-suffix-60 {
    margin-right: 60%;
  }

  .mobile-push-60 {
    left: 60%;
  }

  .mobile-pull-60 {
    left: -60%;
  }

  .mobile-grid-65 {
    float: left;
    width: 65%;
  }

  .mobile-prefix-65 {
    margin-left: 65%;
  }

  .mobile-suffix-65 {
    margin-right: 65%;
  }

  .mobile-push-65 {
    left: 65%;
  }

  .mobile-pull-65 {
    left: -65%;
  }

  .mobile-grid-70 {
    float: left;
    width: 70%;
  }

  .mobile-prefix-70 {
    margin-left: 70%;
  }

  .mobile-suffix-70 {
    margin-right: 70%;
  }

  .mobile-push-70 {
    left: 70%;
  }

  .mobile-pull-70 {
    left: -70%;
  }

  .mobile-grid-75 {
    float: left;
    width: 75%;
  }

  .mobile-prefix-75 {
    margin-left: 75%;
  }

  .mobile-suffix-75 {
    margin-right: 75%;
  }

  .mobile-push-75 {
    left: 75%;
  }

  .mobile-pull-75 {
    left: -75%;
  }

  .mobile-grid-80 {
    float: left;
    width: 80%;
  }

  .mobile-prefix-80 {
    margin-left: 80%;
  }

  .mobile-suffix-80 {
    margin-right: 80%;
  }

  .mobile-push-80 {
    left: 80%;
  }

  .mobile-pull-80 {
    left: -80%;
  }

  .mobile-grid-85 {
    float: left;
    width: 85%;
  }

  .mobile-prefix-85 {
    margin-left: 85%;
  }

  .mobile-suffix-85 {
    margin-right: 85%;
  }

  .mobile-push-85 {
    left: 85%;
  }

  .mobile-pull-85 {
    left: -85%;
  }

  .mobile-grid-90 {
    float: left;
    width: 90%;
  }

  .mobile-prefix-90 {
    margin-left: 90%;
  }

  .mobile-suffix-90 {
    margin-right: 90%;
  }

  .mobile-push-90 {
    left: 90%;
  }

  .mobile-pull-90 {
    left: -90%;
  }

  .mobile-grid-95 {
    float: left;
    width: 95%;
  }

  .mobile-prefix-95 {
    margin-left: 95%;
  }

  .mobile-suffix-95 {
    margin-right: 95%;
  }

  .mobile-push-95 {
    left: 95%;
  }

  .mobile-pull-95 {
    left: -95%;
  }

  .mobile-grid-33 {
    float: left;
    width: 33.33333%;
  }

  .mobile-prefix-33 {
    margin-left: 33.33333%;
  }

  .mobile-suffix-33 {
    margin-right: 33.33333%;
  }

  .mobile-push-33 {
    left: 33.33333%;
  }

  .mobile-pull-33 {
    left: -33.33333%;
  }

  .mobile-grid-66 {
    float: left;
    width: 66.66667%;
  }

  .mobile-prefix-66 {
    margin-left: 66.66667%;
  }

  .mobile-suffix-66 {
    margin-right: 66.66667%;
  }

  .mobile-push-66 {
    left: 66.66667%;
  }

  .mobile-pull-66 {
    left: -66.66667%;
  }

  .mobile-grid-100 {
    clear: both;
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .tablet-push-5, .tablet-pull-5, .tablet-push-10, .tablet-pull-10, .tablet-push-15, .tablet-pull-15, .tablet-push-20, .tablet-pull-20, .tablet-push-25, .tablet-pull-25, .tablet-push-30, .tablet-pull-30, .tablet-push-35, .tablet-pull-35, .tablet-push-40, .tablet-pull-40, .tablet-push-45, .tablet-pull-45, .tablet-push-50, .tablet-pull-50, .tablet-push-55, .tablet-pull-55, .tablet-push-60, .tablet-pull-60, .tablet-push-65, .tablet-pull-65, .tablet-push-70, .tablet-pull-70, .tablet-push-75, .tablet-pull-75, .tablet-push-80, .tablet-pull-80, .tablet-push-85, .tablet-pull-85, .tablet-push-90, .tablet-pull-90, .tablet-push-95, .tablet-pull-95, .tablet-push-33, .tablet-pull-33, .tablet-push-66, .tablet-pull-66 {
    position: relative;
  }

  .hide-on-tablet {
    display: none !important;
  }

  .tablet-grid-5 {
    float: left;
    width: 5%;
  }

  .tablet-prefix-5 {
    margin-left: 5%;
  }

  .tablet-suffix-5 {
    margin-right: 5%;
  }

  .tablet-push-5 {
    left: 5%;
  }

  .tablet-pull-5 {
    left: -5%;
  }

  .tablet-grid-10 {
    float: left;
    width: 10%;
  }

  .tablet-prefix-10 {
    margin-left: 10%;
  }

  .tablet-suffix-10 {
    margin-right: 10%;
  }

  .tablet-push-10 {
    left: 10%;
  }

  .tablet-pull-10 {
    left: -10%;
  }

  .tablet-grid-15 {
    float: left;
    width: 15%;
  }

  .tablet-prefix-15 {
    margin-left: 15%;
  }

  .tablet-suffix-15 {
    margin-right: 15%;
  }

  .tablet-push-15 {
    left: 15%;
  }

  .tablet-pull-15 {
    left: -15%;
  }

  .tablet-grid-20 {
    float: left;
    width: 20%;
  }

  .tablet-prefix-20 {
    margin-left: 20%;
  }

  .tablet-suffix-20 {
    margin-right: 20%;
  }

  .tablet-push-20 {
    left: 20%;
  }

  .tablet-pull-20 {
    left: -20%;
  }

  .tablet-grid-25 {
    float: left;
    width: 25%;
  }

  .tablet-prefix-25 {
    margin-left: 25%;
  }

  .tablet-suffix-25 {
    margin-right: 25%;
  }

  .tablet-push-25 {
    left: 25%;
  }

  .tablet-pull-25 {
    left: -25%;
  }

  .tablet-grid-30 {
    float: left;
    width: 30%;
  }

  .tablet-prefix-30 {
    margin-left: 30%;
  }

  .tablet-suffix-30 {
    margin-right: 30%;
  }

  .tablet-push-30 {
    left: 30%;
  }

  .tablet-pull-30 {
    left: -30%;
  }

  .tablet-grid-35 {
    float: left;
    width: 35%;
  }

  .tablet-prefix-35 {
    margin-left: 35%;
  }

  .tablet-suffix-35 {
    margin-right: 35%;
  }

  .tablet-push-35 {
    left: 35%;
  }

  .tablet-pull-35 {
    left: -35%;
  }

  .tablet-grid-40 {
    float: left;
    width: 40%;
  }

  .tablet-prefix-40 {
    margin-left: 40%;
  }

  .tablet-suffix-40 {
    margin-right: 40%;
  }

  .tablet-push-40 {
    left: 40%;
  }

  .tablet-pull-40 {
    left: -40%;
  }

  .tablet-grid-45 {
    float: left;
    width: 45%;
  }

  .tablet-prefix-45 {
    margin-left: 45%;
  }

  .tablet-suffix-45 {
    margin-right: 45%;
  }

  .tablet-push-45 {
    left: 45%;
  }

  .tablet-pull-45 {
    left: -45%;
  }

  .tablet-grid-50 {
    float: left;
    width: 50%;
  }

  .tablet-prefix-50 {
    margin-left: 50%;
  }

  .tablet-suffix-50 {
    margin-right: 50%;
  }

  .tablet-push-50 {
    left: 50%;
  }

  .tablet-pull-50 {
    left: -50%;
  }

  .tablet-grid-55 {
    float: left;
    width: 55%;
  }

  .tablet-prefix-55 {
    margin-left: 55%;
  }

  .tablet-suffix-55 {
    margin-right: 55%;
  }

  .tablet-push-55 {
    left: 55%;
  }

  .tablet-pull-55 {
    left: -55%;
  }

  .tablet-grid-60 {
    float: left;
    width: 60%;
  }

  .tablet-prefix-60 {
    margin-left: 60%;
  }

  .tablet-suffix-60 {
    margin-right: 60%;
  }

  .tablet-push-60 {
    left: 60%;
  }

  .tablet-pull-60 {
    left: -60%;
  }

  .tablet-grid-65 {
    float: left;
    width: 65%;
  }

  .tablet-prefix-65 {
    margin-left: 65%;
  }

  .tablet-suffix-65 {
    margin-right: 65%;
  }

  .tablet-push-65 {
    left: 65%;
  }

  .tablet-pull-65 {
    left: -65%;
  }

  .tablet-grid-70 {
    float: left;
    width: 70%;
  }

  .tablet-prefix-70 {
    margin-left: 70%;
  }

  .tablet-suffix-70 {
    margin-right: 70%;
  }

  .tablet-push-70 {
    left: 70%;
  }

  .tablet-pull-70 {
    left: -70%;
  }

  .tablet-grid-75 {
    float: left;
    width: 75%;
  }

  .tablet-prefix-75 {
    margin-left: 75%;
  }

  .tablet-suffix-75 {
    margin-right: 75%;
  }

  .tablet-push-75 {
    left: 75%;
  }

  .tablet-pull-75 {
    left: -75%;
  }

  .tablet-grid-80 {
    float: left;
    width: 80%;
  }

  .tablet-prefix-80 {
    margin-left: 80%;
  }

  .tablet-suffix-80 {
    margin-right: 80%;
  }

  .tablet-push-80 {
    left: 80%;
  }

  .tablet-pull-80 {
    left: -80%;
  }

  .tablet-grid-85 {
    float: left;
    width: 85%;
  }

  .tablet-prefix-85 {
    margin-left: 85%;
  }

  .tablet-suffix-85 {
    margin-right: 85%;
  }

  .tablet-push-85 {
    left: 85%;
  }

  .tablet-pull-85 {
    left: -85%;
  }

  .tablet-grid-90 {
    float: left;
    width: 90%;
  }

  .tablet-prefix-90 {
    margin-left: 90%;
  }

  .tablet-suffix-90 {
    margin-right: 90%;
  }

  .tablet-push-90 {
    left: 90%;
  }

  .tablet-pull-90 {
    left: -90%;
  }

  .tablet-grid-95 {
    float: left;
    width: 95%;
  }

  .tablet-prefix-95 {
    margin-left: 95%;
  }

  .tablet-suffix-95 {
    margin-right: 95%;
  }

  .tablet-push-95 {
    left: 95%;
  }

  .tablet-pull-95 {
    left: -95%;
  }

  .tablet-grid-33 {
    float: left;
    width: 33.33333%;
  }

  .tablet-prefix-33 {
    margin-left: 33.33333%;
  }

  .tablet-suffix-33 {
    margin-right: 33.33333%;
  }

  .tablet-push-33 {
    left: 33.33333%;
  }

  .tablet-pull-33 {
    left: -33.33333%;
  }

  .tablet-grid-66 {
    float: left;
    width: 66.66667%;
  }

  .tablet-prefix-66 {
    margin-left: 66.66667%;
  }

  .tablet-suffix-66 {
    margin-right: 66.66667%;
  }

  .tablet-push-66 {
    left: 66.66667%;
  }

  .tablet-pull-66 {
    left: -66.66667%;
  }

  .tablet-grid-100 {
    clear: both;
    width: 100%;
  }
}
@media (min-width: 1025px) {
  .push-5, .pull-5, .push-10, .pull-10, .push-15, .pull-15, .push-20, .pull-20, .push-25, .pull-25, .push-30, .pull-30, .push-35, .pull-35, .push-40, .pull-40, .push-45, .pull-45, .push-50, .pull-50, .push-55, .pull-55, .push-60, .pull-60, .push-65, .pull-65, .push-70, .pull-70, .push-75, .pull-75, .push-80, .pull-80, .push-85, .pull-85, .push-90, .pull-90, .push-95, .pull-95, .push-33, .pull-33, .push-66, .pull-66 {
    position: relative;
  }

  .hide-on-desktop {
    display: none !important;
  }

  .grid-5 {
    float: left;
    width: 5%;
  }

  .prefix-5 {
    margin-left: 5%;
  }

  .suffix-5 {
    margin-right: 5%;
  }

  .push-5 {
    left: 5%;
  }

  .pull-5 {
    left: -5%;
  }

  .grid-10 {
    float: left;
    width: 10%;
  }

  .prefix-10 {
    margin-left: 10%;
  }

  .suffix-10 {
    margin-right: 10%;
  }

  .push-10 {
    left: 10%;
  }

  .pull-10 {
    left: -10%;
  }

  .grid-15 {
    float: left;
    width: 15%;
  }

  .prefix-15 {
    margin-left: 15%;
  }

  .suffix-15 {
    margin-right: 15%;
  }

  .push-15 {
    left: 15%;
  }

  .pull-15 {
    left: -15%;
  }

  .grid-20 {
    float: left;
    width: 20%;
  }

  .prefix-20 {
    margin-left: 20%;
  }

  .suffix-20 {
    margin-right: 20%;
  }

  .push-20 {
    left: 20%;
  }

  .pull-20 {
    left: -20%;
  }

  .grid-25 {
    float: left;
    width: 25%;
  }

  .prefix-25 {
    margin-left: 25%;
  }

  .suffix-25 {
    margin-right: 25%;
  }

  .push-25 {
    left: 25%;
  }

  .pull-25 {
    left: -25%;
  }

  .grid-30 {
    float: left;
    width: 30%;
  }

  .prefix-30 {
    margin-left: 30%;
  }

  .suffix-30 {
    margin-right: 30%;
  }

  .push-30 {
    left: 30%;
  }

  .pull-30 {
    left: -30%;
  }

  .grid-35 {
    float: left;
    width: 35%;
  }

  .prefix-35 {
    margin-left: 35%;
  }

  .suffix-35 {
    margin-right: 35%;
  }

  .push-35 {
    left: 35%;
  }

  .pull-35 {
    left: -35%;
  }

  .grid-40 {
    float: left;
    width: 40%;
  }

  .prefix-40 {
    margin-left: 40%;
  }

  .suffix-40 {
    margin-right: 40%;
  }

  .push-40 {
    left: 40%;
  }

  .pull-40 {
    left: -40%;
  }

  .grid-45 {
    float: left;
    width: 45%;
  }

  .prefix-45 {
    margin-left: 45%;
  }

  .suffix-45 {
    margin-right: 45%;
  }

  .push-45 {
    left: 45%;
  }

  .pull-45 {
    left: -45%;
  }

  .grid-50 {
    float: left;
    width: 50%;
  }

  .prefix-50 {
    margin-left: 50%;
  }

  .suffix-50 {
    margin-right: 50%;
  }

  .push-50 {
    left: 50%;
  }

  .pull-50 {
    left: -50%;
  }

  .grid-55 {
    float: left;
    width: 55%;
  }

  .prefix-55 {
    margin-left: 55%;
  }

  .suffix-55 {
    margin-right: 55%;
  }

  .push-55 {
    left: 55%;
  }

  .pull-55 {
    left: -55%;
  }

  .grid-60 {
    float: left;
    width: 60%;
  }

  .prefix-60 {
    margin-left: 60%;
  }

  .suffix-60 {
    margin-right: 60%;
  }

  .push-60 {
    left: 60%;
  }

  .pull-60 {
    left: -60%;
  }

  .grid-65 {
    float: left;
    width: 65%;
  }

  .prefix-65 {
    margin-left: 65%;
  }

  .suffix-65 {
    margin-right: 65%;
  }

  .push-65 {
    left: 65%;
  }

  .pull-65 {
    left: -65%;
  }

  .grid-70 {
    float: left;
    width: 70%;
  }

  .prefix-70 {
    margin-left: 70%;
  }

  .suffix-70 {
    margin-right: 70%;
  }

  .push-70 {
    left: 70%;
  }

  .pull-70 {
    left: -70%;
  }

  .grid-75 {
    float: left;
    width: 75%;
  }

  .prefix-75 {
    margin-left: 75%;
  }

  .suffix-75 {
    margin-right: 75%;
  }

  .push-75 {
    left: 75%;
  }

  .pull-75 {
    left: -75%;
  }

  .grid-80 {
    float: left;
    width: 80%;
  }

  .prefix-80 {
    margin-left: 80%;
  }

  .suffix-80 {
    margin-right: 80%;
  }

  .push-80 {
    left: 80%;
  }

  .pull-80 {
    left: -80%;
  }

  .grid-85 {
    float: left;
    width: 85%;
  }

  .prefix-85 {
    margin-left: 85%;
  }

  .suffix-85 {
    margin-right: 85%;
  }

  .push-85 {
    left: 85%;
  }

  .pull-85 {
    left: -85%;
  }

  .grid-90 {
    float: left;
    width: 90%;
  }

  .prefix-90 {
    margin-left: 90%;
  }

  .suffix-90 {
    margin-right: 90%;
  }

  .push-90 {
    left: 90%;
  }

  .pull-90 {
    left: -90%;
  }

  .grid-95 {
    float: left;
    width: 95%;
  }

  .prefix-95 {
    margin-left: 95%;
  }

  .suffix-95 {
    margin-right: 95%;
  }

  .push-95 {
    left: 95%;
  }

  .pull-95 {
    left: -95%;
  }

  .grid-33 {
    float: left;
    width: 33.33333%;
  }

  .prefix-33 {
    margin-left: 33.33333%;
  }

  .suffix-33 {
    margin-right: 33.33333%;
  }

  .push-33 {
    left: 33.33333%;
  }

  .pull-33 {
    left: -33.33333%;
  }

  .grid-66 {
    float: left;
    width: 66.66667%;
  }

  .prefix-66 {
    margin-left: 66.66667%;
  }

  .suffix-66 {
    margin-right: 66.66667%;
  }

  .push-66 {
    left: 66.66667%;
  }

  .pull-66 {
    left: -66.66667%;
  }

  .grid-100 {
    clear: both;
    width: 100%;
  }
}
/* cmsms stylesheet: menuhoriz modified: donderdag 14 december 2017 11:00:18 */
/********************************************************************************
 * HORIZONTAL MENU
 ********************************************************************************/

/* hack for Internet Explorer */
* html div#menu_horiz {
    /* hide ie/mac \*/
    height: 1%;
    /* end hide */
}

/********************************************************************************
 * background-color for the entire menu row, 
covering 100% of the width and text center-aligned 
 ********************************************************************************/

div#menu_horiz {
    background-color: #ECECEC;       /* background color for the entire menu row */
    width: 100%;
    margin: 0;
}

/********************************************************************************
 * the menu ul box has top and left border, 
right border is provided by the li elements
 ********************************************************************************/

#menu_horiz ul {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #C0C0C0;
    border-left:  1px solid #C0C0C0;
    height:2.2em;
}

/********************************************************************************
 * Menu list items
 ********************************************************************************/

#menu_horiz li {
    float: left;                     /* makes the list horizontal */
    list-style: none;                /* hides the list bullet */ 
    margin: 0 ;
    border-right: 1px solid #C0C0C0;
}

/********************************************************************************
 * the links, that is each list item
 ********************************************************************************/

#menu_horiz a {
    padding: .6em 1em .6em 1.4em;    /* padding inside the list item box */
    margin: 0;                       /* margin outside each list item box */
    text-decoration: none;           /* no underline for links */
    color: #18507C;
    background: url(images/cms/arrow-right.gif) no-repeat 0.5em center; ;
    display: block;                  /* IE has problems with this, fixed above */
}

/********************************************************************************
 * HOVER STATE for links
 ********************************************************************************/

#menu_horiz li a:hover {
    background-color: #C3D4DF;
}

#menu_horiz a.activeparent:hover {
    background-color: #C3D4DF;
    color: #18507C;
}

#menu_horiz li a.menuactive {
    background-color: #C3D4DF;
    color: #18507C;
}

/********************************************************************************
 * active parent, that is the first-level parent of a child page that is the current page
 ********************************************************************************/

#menu_horiz li.activeparent a {
    background: #385C72 url(images/cms/arrow-down.gif) no-repeat 0.4em center; 
    color: #fff;
}

#menu_horiz h3 {
    padding: .6em 1em .6em 1.4em;    /* padding inside the list item box */
    margin: 0;                       /* margin outside each list item box */
    text-decoration: none;           /* no underline for links */
    color: #fff;
    background: #385C72 url(images/cms/arrow-right-active.gif) no-repeat 0.4em center; ;
    display: block;                  /* IE has problems with this, fixed above */
    font-size: 1em;                  /* instead of the normal font size for <h3> */
}
/* cmsms stylesheet: menuvert modified: donderdag 14 december 2017 11:00:26 */
/********************************************************************************
 * VERTICAL MENU
 ********************************************************************************/

#menu_vert {
    padding-left: 0;
    margin-left: 1em;
}

/********************************************************************************
 * third level has some padding to have it stand out
 ********************************************************************************/

#menu_vert ul ul ul {
    padding-bottom: 0.5em;
}

/********************************************************************************
 * menu li block
 ********************************************************************************/

#menu_vert li {
    list-style: none;
    margin: 0;
    border-bottom: 1px solid #c0c0c0;
    display: block;
}

#menu_vert ul ul li {
    border: none;
}

/********************************************************************************
 * fix stupid ie bug with display:block;
 ********************************************************************************/

* html #menu_vert li a { height: 1%; } 
* html #menu_vert li hr { height: 1%; }

/********************************************************************************
 * first level links
 ********************************************************************************/

#menu_vert a {
    text-decoration:none;                    /* no underline for links */
    display: block;                          /* IE has problems with this, fixed above */
    padding: 0.8em 0.5em 0.8em 1.5em;        /* some air for it */
    color: #18507C;                          /* this will be link color for all levels */
    background: url(images/cms/arrow-right.gif) no-repeat 0.5em center; 
    min-height:1em;                          /* Fixes IE7 whitespace bug */ 
}

/********************************************************************************
 * second level links, more padding and smaller font
 ********************************************************************************/

#menu_vert ul ul a {
    font-size: 90%;
    padding: 0.5em 0.5em 0.5em 2.8em;
    background-position: 1.5em center;
}

/********************************************************************************
 * third level links, more padding 
 ********************************************************************************/

#menu_vert ul ul ul a {
    padding: 0.3em 0.5em 0.3em 4.3em;
    background: url(images/cms/dash.gif) no-repeat 2.8em center; 
}

/********************************************************************************
 * HOVER STATE on all links
 ********************************************************************************/

#menu_vert a:hover {
    background-color: #C3D4DF;
}
#menu_vert a.activeparent:hover {
    background-color: #C3D4DF;
    color: #18507C;
}

/********************************************************************************
 * active parent, that is the first-level parent 
of a child page that is the current page 
 ********************************************************************************/


#menu_vert li a.activeparent {
    background: url(images/cms/arrow-down.gif) no-repeat 0.4em center; 
    background-color: #385C72;
    color: #fff;
}

#menu_vert ul ul li a.activeparent {
    background-position: 1.5em center; 
    background-color: transparent;
    color: #18507C;
}

/********************************************************************************
 * current pages in the default Menu Manager 
template are unclickable. This is for current page on first level 
 ********************************************************************************/


div#menu_vert ul h3 {
    background: url(images/cms/arrow-right-active.gif) no-repeat 0.4em center;
    background-color: #385C72;
    display: block; 
    padding: 0.8em 0.5em 0.8em 1.5em;       /* some air for it */
    color: #fff;                            /* this will be link color for all levels */
    font-size: 1em;                         /* instead of the normal font size for <h3> */
    margin: 0;                              /* as <h3> normally has some margin by default */
}

/********************************************************************************
 * next level current pages, more padding, 
smaller font and no background color or bottom border  
 ********************************************************************************/

#menu_vert ul ul h3 {
    font-size: 90%;
    padding: 0.3em 0.5em 0.3em 2.8em;
    background-position: 1.4em center;
    background-color: transparent;
    border-bottom: none;
    color: #000;     
}
/********************************************************************************
 * current page on third level, more padding 
 ********************************************************************************/

#menu_vert ul ul ul h3 {
    padding: 0.3em 0.5em 0.3em 4.3em;
    background: url(images/cms/arrow-right-active.gif) no-repeat 2.7em center; 
}

/********************************************************************************
 * section header 
 ********************************************************************************/

#menu_vert li.sectionheader {
    border-right: none;
    font-size: 130%;
    font-weight: bold;
    padding: 1.5em 0 0.8em 0;
    background-color: #fff;
    line-height: 1em;
    margin: 0;
    text-align:center;
}

/********************************************************************************
 * separator 
 ********************************************************************************/

#menu_vert li.separator {
    height: 1px !important;
    margin-top: -1px;
    margin-bottom: 0;
    padding:2px 0 2px 0;
    background-color: #000;
    overflow:hidden !important;
    line-height:1px !important;
    font-size:1px;                   /* for ie */
}

#menu_vert li.separator hr {
    display: none;                   /* this is for accessibility */
}
/* cmsms stylesheet: mobilemenu modified: vrijdag 12 januari 2018 13:49:19 */
/********************************************************************************
 * COLORS
 ********************************************************************************/

 /* 70px  */
 /* 120px  */
 /* left/right*/


@media screen and (max-width: 976px){

.pushbody {
    padding-top:50px;
    overflow: hidden;
}

}

/********************************************************************************
 * LOGO 
 ********************************************************************************/

a.logomob {
    border: 0;
    padding: 0;
    display: block;
    position: absolute;
    float: right;
    right: 10px;
    top: 10px;
}

img.mobilelogo {
    width: 120px;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}

/************************************
 * HEADERFIXED
************************************/
.headfixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    height: 50px;
    background: #fff;
}

/************************************
 * PUSHMENU
************************************/

.pushmenu {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    overflow: hidden;
    position: fixed;
    width: 22%;
    top: 99px;
    bottom: 0;
    z-index: 998;
    background: #ff0033;
    right: -22%;
}

.pushmenu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.pushmenu.active {
    right: 0;
    border-right: 1px solid rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 37px 60px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 37px 60px rgba(0, 0, 0, 0.4);
    box-shadow: 0 37px 60px rgba(0, 0, 0, .4);
}

.pushmenu a {
    display: block;
    color: #fff;
    font-size: 1em;
    line-height: 1.3em;
    font-weight: 700;
    padding: 10px;
    border: 0;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    text-transform: uppercase;
    margin: 0;
}

.pushmenu a:link,
.pushmenu a:visited {
    color: #FFF;
}

.pushmenu li.parent, .pushmenu .sectionheader {
    position: relative;
    overflow: hidden;
}

.pushmenu li.parent a, .pushmenu .sectionheader > span {
    padding-right: 30px;
    position: relative;
}

.pushmenu a:hover {
    text-decoration: none;
    background: #cf042d;
    color: #FFF;
}

.pushmenu a:active {
    text-decoration: none;
}

/************************************
 * Second level
************************************/

.pushmenu ul ul a {
    font-size: 1em;
    padding-left: 20px;
    background-position: 1.5em center;
    text-transform: none;
    font-weight: 400;
}

/************************************
 * Third level
************************************/

.pushmenu ul ul ul {
    background: rgba(0,0,0,0.05);
}

.pushmenu ul ul ul a {
    padding: 8px 0 8px 30px;
    font-size: 0.9em;
}

/********************************************************************************
 * PARENT 
 ********************************************************************************/

.pushmenu .push-expand {
    position: absolute;
    border: none;
    top: 0;
    right: 0;
    bottom: 0;
    width: 40px;
    background: #fff;
    margin: 0;
}

.minh {
    position: absolute;
    right: 12px;
    top: 50%;
    height: 1px;
    width: 15px;
    background: #ff0033;

}

.plush {
    position: absolute;
    right: 19px;
    top: 50%;
    margin-top: -7px;
    height: 15px;
    width: 1px;
    background: #ff0033;
}

/********************************************************************************
 * SECTIONHEADER 
 ********************************************************************************/

.pushmenu ul li.sectionheader span.sectiontitle {
    display: block;
    color: #fff;
    font-size: 1em;
    line-height: 1.3em;
    font-weight: 700;
    padding: 10px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    text-transform: uppercase;  
}

/********************************************************************************
 * ACTIVE 
 ********************************************************************************/

.pushmenu li.menuactive a.menuactive {
    background: #cf042d;
}

/********************************************************************************
 * MLE 
 ********************************************************************************/

.pushmenu .short_mle {
   margin-bottom: 20px;
   text-align: right;
}

.pushmenu .short_mle a {
    border-bottom: 0;
}


/********************************************************************************
 * ICON
 ********************************************************************************/
*, ::after, ::before {
    box-sizing: inherit;
}

.menuIcon {
  display: block;
  position: absolute;
  overflow: hidden;
  float: right;
  right: 0;
  padding: 24.5px;
  width: 50px;
  height: 50px;
  font-size: 0;
  text-indent: -9999px;
  background: #ff0033;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  transition: background 0.3s;
}

.menuIcon:focus {
  outline: none;
}

.menuIcon span {
  display: block;
  position: absolute;
  top: 48%;
  left: 28%;
  right: 28%;
  height: 4%;
  background: #FFF;
}

.menuIcon span::before,
.menuIcon span::after {
  position: absolute;
  display: block;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: #FFF;
  content: "";
}

.menuIcon span::before {
  top: -10px;
}

.menuIcon span::after {
  bottom: -10px;
}

.menuIcon--htx span {
    -webkit-transition: background 0s .3s;
    transition: background 0s .3s;
}

.menuIcon--htx span::before,
.menuIcon--htx span::after {
    -webkit-transition-duration: .3s,.3s;
    transition-duration: .3s,.3s;
    -webkit-transition-delay: .3s,0s;
    transition-delay: .3s,0s;
}

.menuIcon--htx span::before {
    -webkit-transition-property: top,-webkit-transform;
    transition-property: top,transform;
}

.menuIcon--htx span::after {
  -webkit-transition-property: bottom,-webkit-transform;
    transition-property: bottom,transform;
}

.menuIcon--htx.active span {
  background: none;
}

.menuIcon--htx.active span::before {
  top: 0;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.menuIcon--htx.active span::after {
  bottom: 0;
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.menuIcon--htx.active span::before,
.menuIcon--htx.active span::after {
  transition-delay: 0s, 0.3s;
  -webkit-transition-delay: 0s, 0.3s;
}
/* cmsms stylesheet: flexslider modified: donderdag 14 december 2017 11:00:36 */
/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */


/********************************************************************************
 * BROWSER RESETS
 ********************************************************************************/

.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {
    margin: 0; 
    padding: 0; 
    list-style: none; 
}

/* Icon Fonts
*********************************/
/* Font-face Icons */
/***@font-face {
        font-family: 'flexslider-icon';
        src:url('../fonts/flexslider-icon.eot');
        src:url('../fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),
                url('../fonts/flexslider-icon.woff') format('woff'),
                url('../fonts/flexslider-icon.ttf') format('truetype'),
                url('../fonts/flexslider-icon.svg#flexslider-icon') format('svg');
        font-weight: normal;
        font-style: normal;
}***/

/* FlexSlider Necessary Styles
*********************************/
.flexslider {
    margin: 0; 
    padding: 0;
}

.flexslider .slides > li {
    display: none; 
    -webkit-backface-visibility: hidden;
} /* Hide the slides before the JS is loaded. Avoids image jumping */

.flexslider .slides img {
    width: 100%; 
    display: block;
    max-width: none;
}

.flex-pauseplay span {
    text-transform: capitalize;
}

/* Clearfix for the .slides element */
.slides:after {
    content: "\0020"; 
    display: block; 
    clear: both; 
    visibility: hidden; 
    line-height: 0; 
    height: 0;
}

html[xmlns] .slides {
    display: block;
}
* html .slides {
    height: 1%;
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
    display: block;
}

/* FlexSlider Default Theme
*********************************/
.flexslider { 
    /* margin: 0 0 60px; */
    /* border: 4px solid #fff; */ 
    position: relative; 
    -webkit-border-radius: 4px; 
    -moz-border-radius: 4px; 
    -o-border-radius: 4px; 
    border-radius: 4px; 
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); 
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); 
    -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); 
    box-shadow: 0 1px 4px rgba(0,0,0,.2); 
    zoom: 1; 
    overflow: hidden;
}

.flex-viewport { 
    max-height: 2000px; 
    -webkit-transition: all 1s ease; 
    -moz-transition: all 1s ease; 
    -o-transition: all 1s ease; 
    transition: all 1s ease; 
}

.loading .flex-viewport { 
    max-height: 300px; 
}

.flexslider .slides { 
    zoom: 1; 
}

.carousel li { 
    margin-right: 5px; 
}

/* Direction Nav */
.flex-direction-nav {*height: 0;}

.flex-direction-nav a { 
    display: block; 
    width: 40px; height: 106px; 
    margin: -20px 0 0; 
    position: absolute; 
    top: 45%; 
    z-index: 10; 
    overflow: hidden; 
    opacity: 1; 
    cursor: pointer;  
    color: rgba(0,0,0,0.8); 
    text-shadow: 1px 1px 0 rgba(255,255,255,0.3); 
    -webkit-transition: all .3s ease; 
    -moz-transition: all .3s ease; 
    transition: all .3s ease; 
}

.flex-direction-nav .flex-prev { 
    left: 10px; 
}

.flex-direction-nav .flex-next { 
    right: 10px; 
    text-align: right; 
}

.flexslider:hover .flex-prev { 
    opacity: 0.7; 
    left: 10px; 
}

.flexslider:hover .flex-next { 
    opacity: 0.7; 
    right: 10px; 
}

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { 
    opacity: 1; 
}

.flex-direction-nav .flex-disabled {
    /* opacity: 0!important; 
    filter:alpha(opacity=0); */ 
    cursor: default; 
}

.flex-direction-nav a:before  { 
    font-family: "flexslider-icon"; 
    font-size: 40px; 
    display: inline-block; 
    content: url(/images/bg_direction_prev.png); 
}

.flex-direction-nav a.flex-next:before  { 
    content: url(/images/bg_direction_next.png); 
}

/* Pause/Play */
.flex-pauseplay a { 
    display: block; 
    width: 20px; 
    height: 20px; 
    position: absolute; 
    bottom: 5px; left: 10px; 
    opacity: 0.8; 
    z-index: 10; 
    overflow: hidden; 
    cursor: pointer; 
    color: #000; 
}

.flex-pauseplay a:before  { 
    font-size: 20px; 
    display: inline-block; 
}

.flex-pauseplay a:hover  { 
    opacity: 1; 
}

.flex-pauseplay a.flex-play:before { 
}

/* Control Nav */
.flex-control-nav {
    width: 100%; 
    position: absolute; 
    bottom: 20px; 
    z-index: 10;
    text-align: center;
}

.flex-control-nav li {
    margin: 0 6px; 
    display: inline-block; 
    zoom: 1; 
    *display: inline;
}


.flex-control-paging li a {
    width: 11px; 
    height: 11px; 
    display: block; 
    background: #fff;
    background: rgba(255,255,255,0,5); 
    cursor: pointer; 
    text-indent: -9999px; 
    -webkit-border-radius: 20px; 
    -moz-border-radius: 20px; 
    -o-border-radius: 20px; 
    border-radius: 20px; 
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); 
    -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); 
    -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); 
    box-shadow: inset 0 0 3px rgba(0,0,0,0.3); 
}

.flex-control-paging li a:hover { 
    background: #ffee00; 
    background: rgba(6,0,89,0,5); 
}

.flex-control-paging li a.flex-active { 
    background: #ffee00; 
    background: rgba(6,0,89,0,5); 
    cursor: default; 
}

.flex-control-thumbs {
    margin: 5px 0 0; 
    position: static; 
    overflow: hidden;
}

.flex-control-thumbs li {
    width: 25%; 
    float: left; 
    margin: 0;
}

.flex-control-thumbs img {
    width: 100%; 
    display: block; 
    opacity: .7; 
    cursor: pointer;
}

.flex-control-thumbs img:hover {
    opacity: 1;
}

.flex-control-thumbs .flex-active {
    opacity: 1; 
    cursor: default;
}

@media screen and (max-width: 860px) {

    .flex-direction-nav .flex-prev { 
        opacity: 1; 
        left: 10px;
    }

    .flex-direction-nav .flex-next { 
        opacity: 1; 
        right: 10px;
    }
}
/* cmsms stylesheet: style modified: woensdag 16 maart 2022 11:31:14 */
/********************************************************************************
 * COLORS
 ********************************************************************************/

 /* red */
 /* dark red */
 /* accent (a bit darker than primary) */

/********************************************************************************
 * BASIC LAYOUT
 ********************************************************************************/

body {
    text-align: left;
    font-family: 'Open Sans', sans-serif;
    line-height: 160%;
    background: #fff;
}

img {
    border: 0;
}

/********************************************************************************
 * HEADINGS
 ********************************************************************************/

h1 {
    color: #ff0033; 
    font-size: 1.5em;
    line-height: 1.5em;
    margin: 0 0 0.5em 0;
}

.fas {
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
}

h2 {
    color: #ff0033;  
    font-size: 1.2em;
    line-height: 1.2em;
    margin: 0 0 0.25em 0;
}

h3 {
    color: #ff0033; 
    font-size: 1.1em;
    line-height: 1.1em;
    margin: 0 0 0.25em 0;
}

h4 {
    color: #ff0033;  
    font-size: 1em;
    line-height: 1.1em;
    margin: 0 0 0.25em 0;
}

/********************************************************************************
 * DEFAULT LINK STYLES
 ********************************************************************************/

a,
a:link, 
a:active,
a:focus  {
    text-decoration: inherit;
    color: inherit; 
    outline: none;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
}

a:hover {
    text-decoration: inherit;
    color: inherit;
}

p {
    margin: 0;
    padding: 0;
}

strong, b {
    font-weight: 900;
}
em, i {
    font-style:italic;
}
.left {
    float:left;	
}
.right{
    float:right;
}
.clear {
    clear:both;	
}

.show-mobile {
    display: none;
}

/********************************************************************************
 * HEADER
 ********************************************************************************/

img.logo {
    background: #ff0033;
    padding: 28px 23px 16px 23px;
    width: 100%;
    max-width: 228px;
}

.header h1 {
    margin: 0;
    line-height: 0;
}

.mainlogo {
    float: left;
    max-height: 89px;
}

.header {
    display: table;
    width: 100%;
    height: 99px;
    position: fixed;
    z-index: 5;
    transition: all 0.2s ease-in-out;
}

.header.active {
    background: #ff0033;
    /*
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
    */
}

.header.active .socialicon {
    color: #FFF;
}

.socialtop {
    float: right;
    margin: 32px 132px 32px 0;
}

.socialtop-landing {
    margin: 33px 32px 30px 0;
}

.socialicon {
    padding-left: 15px;
    color: #ff0033;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
}

.socialicon:hover {
    color: #FFF;
}

.header.active .socialicon:hover {
    color: #cf042d;
}

/********************************************************************************
* NIEUWS
********************************************************************************/
.nieuws-overzicht,
.nieuws-detail {
    padding: 100px 0;
}

.nieuws-detail img {
    width: 100%;
    height: auto;
}

.NewsPostDetailDate {
    border: 1px solid #ff0033;
    color: #ff0033;
    padding: 3px 10px;
    display: inline-block;
    font-size: .8em;
    border-radius: 20px;
}

.NewsPostDetailSummary {
    font-size: 1.3em;
    line-height: 1.5;
    margin: 30px 0;
}

.NewsPostDetailBack {
    margin-top: 40px;
}

.news-detail-share {
    margin-top: 20px;
}

.news-detail-share strong {
    color: #ff0033;
}

.at-style-responsive .at-share-btn {
    background-color: #ff0033!important;
}

/********************************************************************************
 * BREADCRUMBS
 ********************************************************************************/

.breadcrumbs {
    padding: 1em 0 1.2em 0;
    font-size: 90%;
    margin: 0 1em;
    border-bottom: 1px dotted #000;
}

.breadcrumbs span.lastitem { 
    font-weight:bold; 
} 

/********************************************************************************
 * CONTENT
 ********************************************************************************/

html.home, 
html.home body {
	height: 100%;
}

.home-visual-logo {
    margin-bottom: 25px;
}

.home-visual {
    width: 100%;
    height: 100%;
    background: url(/uploads/images/visuals/mgen-conference.jpg);
    background-size: cover;
    background-position: center;
    text-align: center;
    
    /* Waarin alle content verticaal en horizontaal in het midden staat: */
    display: flex;
    justify-content: center;
    align-items: center;
    resize: both;
    position: relative;
}
.home-visual-caption {
    z-index: 1;
    color: #FFF;
    text-transform: uppercase;
}

.visual-dots-bg {
    background-image: url('/images/homevisual-dots-bg.png');
    background-position: left bottom;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

/* Overlay color */
.visual-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.8);
}

.vervolg-overlay {
    background: rgba(0,0,0,.6);
}

/* IE Fixes */
*::-ms-backdrop, .home-visual-caption { 
   margin: 0;
} /* IE11 centered position fix */
*::-ms-backdrop, .os-phrases {
    display: none;
}
*::-ms-backdrop, .show-ie11 {
    display: block!important;
}

.home-visual-inner {
    z-index: 1;
    color: #FFF;
    text-transform: uppercase;
}

.home-visual-title {
    color: #FFF;
    font-size: 3.5em;
    font-weight: 400;
    margin-bottom: 10px;
    line-height: 1.5;
}

.home-visual-subtitle {
    color: #FFF;
    font-size: 2.5em;
    font-weight: bold;
    margin-bottom: 70px;
}

.home-visual .connect-the-dots-layer1 {
    left: -16%;
}

.home-visual .connect-the-dots-layer2 {
    left: -18%;
}

.connect-the-dots-layer1 {
    background-image: url('/images/connect-the-dots.png');
    background-repeat: no-repeat;
    width: 100%;
    height: 62%;
    opacity: .3;
    position: absolute;
    bottom: 0;
    z-index: 0;
}

.connect-the-dots-layer2 {
    background-image: url('/images/connect-the-dots-2.png');
    background-repeat: no-repeat;
    width: 100%;
    height: 62%;
    opacity: .5;
    position: absolute;
    bottom: 0;
    z-index: 0;
}

.btn-primary {
    color: #FFF;
    font-weight: 600;
    font-size: 1.1em;
    background: #ff0033;
    border-radius: 55px;
    padding: 18px 40px;
    display: inline-block;
    text-transform: uppercase;
}

a.btn-primary {
    color: #FFF;
}

.btn-primary:nth-of-type(1),
.btn-primary:nth-of-type(2){
    margin-right: 20px;
}

.btn-primary:hover {
    background: #FFF;
    color: #ff0033;
}

a.btn-secondary {
    color: #ff0033;
}

.btn-secondary {
    color: #ff0033;
    background: #FFF;
    font-weight: 600;
    font-size: 1.1em;
    border-radius: 55px;
    padding: 18px 40px;
    display: inline-block;
    text-transform: uppercase;
}

.btn-secondary:first-of-type {
    margin-right: 20px;
}

.btn-secondary:hover {
    background: #460217;
    color: #FFF;
}

.btn-default {
    color: #FFF;
    font-weight: 600;
    font-size: 1.1em;
    background: #ff0033;
    border-radius: 55px;
    padding: 18px 40px;
    display: inline-block;
    text-transform: uppercase;
}

a.btn-default {
    color: #FFF;
}

.btn-default:first-of-type {
    margin-right: 20px;
}

.btn-default:hover {
    background: #460217;
    color: #FFF;
}

.scrolldown {
    width: 40px;
    height: 40px;
    border-radius: 50px;
    background: #ff0033;
    padding: 5px;
    position: absolute;
    bottom: 65px;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: flex;
    align-items: center;
    
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
}

.scrolldown:hover {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
}

.scrolldown-arrow {
    margin: 0 auto;
    max-width: 24px;
}

.pulse {
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 0 0 #ff0033;
    animation: pulse 1s infinite;
}

.pulse:hover {
    animation: none;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255,0,50, 0.6);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(255,0,50, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(255,0,50, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(255,0,50, 0.6);
    box-shadow: 0 0 0 0 rgba(255,0,50, 0.6);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(255,0,50, 0);
      box-shadow: 0 0 0 10px rgba(255,0,50, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(255,0,50, 0);
      box-shadow: 0 0 0 0 rgba(255,0,50, 0);
  }
}

.home-visual-line {
    position: absolute;
    border-left: 2px solid #ff0033;
    height: 68px;
    bottom: -65px;
    left: 24px;
    right: 0;
    margin: 0 auto;
}

.home-aboutus-line {
    position: absolute;
    border-left: 2px solid #FFF;
    height: 68px;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 1px;
}

.home-aboutus-inner {
    z-index: 1;
    position: relative;
}

.home-aboutus-line:after {
    width: 50px;
    height: 50px;
    content: "";
    background: #FFF;
    display: block;
    border-radius: 30px;
    position: absolute;
    bottom: -45px;
    left: -25px;
    right: 0;
    margin: 0 auto;
}

.home-aboutus {
    background: #ff0033;
    color: #FFF;
    text-align: center;
    padding: 120px 0;
    position: relative;
    overflow: hidden;
}

.home-aboutus-title,
.home-aboutus-subtitle {
    text-transform: uppercase;
}

.home-aboutus-title {
    color: #FFF;
    font-size: 5em;
    font-weight: 900;
}

.home-aboutus-subtitle {
    font-size: 2.4em;
    font-weight: 100;
    margin-bottom: 40px;
}

.home-aboutus-text {
    font-size: 1.5em;
    font-weight: 100;
    line-height: 1.5;
}

.home-aboutus-btn {
    margin-top: 60px;
}

.home-aboutus .connect-the-dots-layer1 {
    background-image: url('/images/connect-the-dots-right.png');
    opacity: 1;
    width: 66%;
    height: 118%;
    right: -16%;
    bottom: 0;
}

.home-aboutus .connect-the-dots-layer2 {
    background-image: url('/images/connect-the-dots-2-right.png');
    opacity: 1;
    right: -18%;
    width: 67%;
    bottom: 0;
    height: 120%;
}

.beurzen-dots.connect-the-dots-layer1 {
    background-image: url('/images/connect-the-dots-right.png');
    opacity: 1;
    width: 66%;
    height: 70%;
    right: -16%;
    bottom: 0;
}

.beurzen-dots.connect-the-dots-layer2 {
    background-image: url('/images/connect-the-dots-2-right.png');
    opacity: 1;
    right: -18%;
    width: 67%;
    bottom: 0;
    height: 70%;
}

.products-dots.connect-the-dots-layer1 {
    background-image: url('/images/connect-the-dots-right.png');
    opacity: 1;
    width: 66%;
    height: 128%;
    right: -16%;
    bottom: 0;
}

.products-dots.connect-the-dots-layer2 {
    background-image: url('/images/connect-the-dots-2-right.png');
    opacity: 1;
    right: -18%;
    width: 67%;
    bottom: 0;
    height: 128%;
}

.beurzen-cta {
    padding: 50px 0 95px 0;
}

.c2a-block.beurzen-c2a-block {
    padding: 120px 70px;
}

.c2a-blocks {
    color: #FFF;
    text-align: center;
    display: flex;
}

.c2a-blocks-beurzen {
    background: transparent;
}

.c2a-blocks-beurzen .c2a-block:hover {
    background: transparent;
}

.c2a-blocks.c2a-blocks-beurzen h2 {
    font-size: 1.8em;
}

.c2a-blocks.c2a-blocks-beurzen p {
    font-size: .9em;
}

.c2a-blocks h2 {
    color: #FFF;
    font-size: 2.5em;
    font-weight: 900;
    text-transform: uppercase;
}

.c2a-block {
    padding: 30px 70px;
    position: relative;
    padding-bottom: 115px;
}

.c2a-block:hover {
    background: #460217;
}

.c2a-block1 {
    background: #ef0534;
}

.c2a-block2 {
    background: #de0933;
}

.c2a-block3 {
    background: #cf042d;
}

.c2a-icon {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    margin: 0 auto;
    max-width: 48px;
}

.c2a-visualicon {
    margin-bottom: 20px;
}

.news-summary-home {
    text-align: center;
    padding: 60px 0 100px 0;
}

.news-summary-home-title,
.news-summary-home-subtitle {
    text-transform: uppercase;
}

.news-summary-home-title {
    color: #000;
    font-size: 5em;
    font-weight: 900;
}

.news-summary-home-subtitle {
    font-size: 2.4em;
    font-weight: 100;
    margin-bottom: 40px;
}

.news-summary-home-morebtn {
    margin-top: 25px;
}

.NewsSummary {
    text-align: left;
    background: #e2e2e2;
    margin-bottom: 7px;
    display: table;
    width: 100%;
    position: relative;
}

.news-summary-content {
    padding: 30px;
}

.news-summary-image {
    padding: 0;
    margin-bottom: -7px;
    overflow: hidden;
}

.NewsSummary p {
    font-size: .9em;
}

.NewsSummaryTitle {
    font-size: 1.6em;
}

.NewsSummarySummary {
    margin-bottom: 40px;
}

.news-readmore {
    position: absolute;
    right: 0;
    bottom: 0;
    background: #ff0033;
    padding: 15px;
}

.news-readmore:hover {
    background: #460217;
}

a.news-readmore {
    color: #FFF;
    text-transform: uppercase;
    font-size: 1.3em;
    font-weight: bold;
}

.NewsSummaryTitle {
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
}

.NewsSummaryLink a:hover .NewsSummaryTitle {
    color: #460217;
}

.contactbox {
    padding: 10px;
    width: 80px;
    position: fixed;
    right: 0;
    top: 165px;
    text-transform: uppercase;
    font-weight: 800;
    line-height: 1.2;
    z-index: 1;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
}

a.contactbox {
    color: #ff0033;
    background: #FFF;
}

a:hover.contactbox {
    color: #FFF;
    background: #ff0033;
}

a:hover.contactbox .contactbox-btn {
    background-image: url(/images/arrowright-white.svg);
}

.contactbox-btn {
    margin-top: 15px;
    background-image: url(/images/arrowright.svg);
    width: 49px;
    height: 49px;
}

/********************************************************************************
* VERVOLG
********************************************************************************/
.vervolg-visual-logo {
    margin-bottom: 25px;
}

.visual-btn {
    margin-top: 20px;
}

.vervolg-visual {
    width: 100%;
    height: 600px;
    background: url(/uploads/images/visuals/mgen-conference.jpg);
    background-size: cover;
    background-position: center;
    text-align: center;
    
    /* Waarin alle content verticaal en horizontaal in het midden staat: */
    display: flex;
    justify-content: center;
    align-items: center;
    resize: both;
    position: relative;
}
.vervolg-visual-caption {
    z-index: 1;
    color: #FFF;
    text-transform: uppercase;
}
/* IE Fixes */
*::-ms-backdrop, .vervolg-visual-caption { 
   margin: 0;
} /* IE11 centered position fix */
*::-ms-backdrop, .os-phrases {
    display: none;
}
*::-ms-backdrop, .show-ie11 {
    display: block!important;
}

.vervolg-visual-inner {
    z-index: 1;
    color: #FFF;
    text-transform: uppercase;
    margin-top: 120px;
}

.vervolg-visual-title {
    color: #FFF;
    font-size: 5em;
    font-weight: 800;
    margin-bottom: 10px;
    max-width: 1200px;
    line-height: 1.2;
}

.vervolg-visual-subtitle {
    color: #FFF;
    font-size: 2.5em;
    font-weight: 400;
}

.featured-item {
    display: flex;
    align-items: center;
    color: #FFF;
    background-color: #ff0033;
}

.featured-left {
    background-image: url(/images/dots-colored-bg.jpg);
    background-repeat: no-repeat;
}

.featured-right {
    background-image: url(/images/dots-colored-bg2.jpg);
    background-repeat: no-repeat;
    background-position: right;
}

.featured-item-title {
    color: #FFF;
    text-transform: uppercase;
    font-size: 3.5em;
    font-weight: 800;
}

.featured-item-content {
    font-size: 1.25em;
    font-weight: 100;
    line-height: 1.7;
    margin-bottom: 35px;
}

.text-left {
    float: left;
    width: 46.8%;
    margin-left: 6%;
}

.image-right {
    overflow: hidden;
    float: right;
    width: 70.2%;
    margin-left: 10%;
}

.featured-image-img {
    background-size: cover;
    width: 100%;
    height: 640px;
    background-position: center;
}

.form-contactpage .featured-image-img {
    height: 800px;
}

.image-left {
    overflow: hidden;
    float: left;
    width: 62%;
    margin-right: 6%;
}

.text-right {
    float: right;
    width: 43%;
    margin-right: 10%;
}

.vervolg-info {
    background-color: #e5e5e5;
    text-align: center;
    font-size: 1.5em;
    text-align: center;
    line-height: 1.5;
    font-weight: 100;
    padding: 40px 0;
}

.vervolg-info a,
.vervolg-info a:link {
    color: #ff0033;
}

.vervolg-info a:hover {
    color: #460217;
}

/* Slide 4 */
.curtainContainer {
    width: 100%; height: 100%;
    position: relative;
}
.curtainContainer .curtain {
    width: 300%; height: 1px;
    background-color: #000000;
    position: absolute; top: 25%; left: 0;
    opacity: 0
}
.curtainContainer .copy {
    position: absolute;
    bottom: 30%; left: 0;
    width: 100%; text-align: center;
}

#slide-4 .bcg {
    background-image:url('../img/bcg_slide-4.jpg')
}

/********************************************************************************
* TEAM
********************************************************************************/
.team-container {
    margin-top: 120px;
    margin-bottom: 150px;
    background-image: url(/images/team-dots-bg.png);
    background-position: right center;
    background-repeat: no-repeat;
}

.team {
    padding: 30px 0;
}

.team-title {
    font-size: 2.5em;
    text-transform: uppercase;
    font-weight: 800;
    color: #000;
}

.team-jobtitle {
    font-size: 1.3em;
    text-transform: uppercase;
    font-weight: 800;
    color: #ff0033;
    line-height: 2;
}

.team-phone,
.team-email {
    display: flex;
    align-items: center;
    margin: 20px 0;
    font-size: 1.2em;
}

.team-icon {
    width: 48px;
}

.team-socialicons {
    margin-top: 30px;
}

.team-socialicons img:first-of-type {
    margin-right: 10px;
}

.team-socialicons a img {
    -webkit-transition:all 0.3s ease-out;
    -moz-transition:all 0.3s ease-out;
    -ms-transition:all 0.3s ease-out;
    -o-transition:all 0.3s ease-out;
    transition:all 0.3s ease-out;
    width: 40px;
}

.team-socialicons a:hover img {
    -webkit-transform:scale(1.3);
    -moz-transform:scale(1.3);
    -ms-transform:scale(1.3);
    -o-transform:scale(1.3);
    transform:scale(1.3);
}

.team-photo {
    position: relative;
}

.teamimg {
    opacity: 1;
}

.teamimg,
.teamimg-hover {
    transition: .2s ease;
    width: 100%;
    background-size: cover;
    height: 450px;
    background-position: center;
}

.teamimg-hover {
    position: absolute;
    top: 0;
    opacity: 0;
    width: 96.7%;
}

.team-photo:hover > .teamimg-hover {
    opacity: 1;
}

.team-content-container-right {
    padding-left: 35px;
}

.team-content-container-left {
    padding-right: 35px;
}

.team-photo:hover > .teamimg {
    opacity: 0;
}

.team a:hover {
    color: #ff0033;
}

.team-photo-mobile {
    background-size: cover;
    background-position: top;
    width: 100%;
    height: 200px;
    margin-top: 20px;
}

/********************************************************************************
* CTA Vervolg
********************************************************************************/
.cta-vervolg {
    background: #ff0033;
    color: #FFF;
    padding: 40px 0;
    text-align: center;
}

.cta-vervolg-title {
    font-size: 2.5em;
    color: #FFF;
    font-weight: 800;
    text-transform: uppercase;
}

.cta-vervolg-text {
    font-size: 1.2em;
    font-weight: 100;
    line-height: 1.8;
}

.cta-vervolg-btns {
    margin-top: 30px;
}

.cta-vervolg-btn {
    min-width: 300px;
    font-weight: 700;
}

.cta-vervolg-subtitle {
    font-size: 2em;
    text-transform: uppercase;
    padding: 20px 0;
}

/********************************************************************************
* CASES
********************************************************************************/
.cases-overzicht {
    padding: 70px 0;
}

.cases-overzicht-btnbox {
    text-align: center;
    padding-top: 80px;
    display: table;
    width: 100%;
}

.beurzen-caseoverzicht-titel {
    font-size: 5em;
    font-weight: 900;
    color: #000;
    text-transform: uppercase;
    text-align: center;
}

.beurzen-caseoverzicht-subtitel {
    font-size: 2.5em;
    color: #000;
    font-weight: 100;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 100px;
}

.case-overzicht-item {
    height: 390px;
    background-size: cover;
    background-position: center;
    position: relative;
    color: #FFF;
}

.product-item {
    background-size: cover;
    background-position: center;
    position: relative;
    color: #FFF;
}

.case-overzicht-item:before, .product-item:before {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(to bottom, rgba(255,255,255,0), #000);
    height: 250px;
}

.case-overzicht-title {
    font-size: 1.6em;
    font-weight: 800;
    color: #FFF;
    text-transform: uppercase;
    position: absolute;
    bottom: 20px;
    left: 15px;
    
	transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
}

.case-overzicht-item:hover .case-overzicht-title,
.case-overzicht-item:hover .case-overzicht-category,
.product-item:hover .case-overzicht-title,
.product-item:hover .case-overzicht-category {
    opacity: 0;
}

.case-overzicht-item:hover .full-caption .case-overzicht-title,
.product-item:hover .full-caption .case-overzicht-title,
.case-overzicht-item:focus .full-caption .case-overzicht-title,
.product-item:focus .full-caption .case-overzicht-title {
    opacity: 1;
}

.full-caption .case-overzicht-title {
    position: relative;
    left: 0;
    padding-top: 45px;
}

.case-overzicht-category {
    background: #ff0033;
    color: #FFF;
    padding: 5px 10px 5px 15px;
    display: inline-block;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 1.2em;
    margin-top: 20px;
    
	transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
}

.case-overzicht-summary {
    font-size: .9em;
}

.case-overzicht-wrapper {
	height: auto;
}

/* Image Box Style */
.case-overzicht-item,
.product-item {
	cursor: pointer;
	position: relative;
	overflow: hidden;
}

/* Caption Common Style */
.case-overzicht-item .caption,
.product-item .caption {
	background-color: rgba(255, 0, 51, 0.8);
	position: absolute;
	color: #fff;
	z-index: 1;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;	
	transition: all 300ms ease-out;
	left: 0;
}


/** Caption 2: Full Width & Height **/
.full-caption {
	width: 100%;
	height: 100%;	
	top: -390px;
	text-align: left;
	padding: 15px;
}

.full-caption-products {
	top: -325px;
	display: flex;
	align-items: center;
}

/** Full Caption :hover Behaviour **/
.case-overzicht-item:hover .full-caption {
	-moz-transform: translateY(100%);
	-o-transform: translateY(100%);
	-webkit-transform: translateY(100%);
	opacity: 1;
	transform: translateY(100%);
}

.product-item:hover .full-caption {
	-moz-transform: translateY(100%);
	-o-transform: translateY(100%);
	-webkit-transform: translateY(100%);
	opacity: 1;
	transform: translateY(100%);
}


/** Fade Caption :hover Behaviour **/
.case-overzicht-item:hover .fade-caption, 
.case-overzicht-item:hover .scale-caption,
.product-item:hover .fade-caption, 
.product-item:hover .scale-caption {
	opacity: 1;
}

/** Slide Caption :hover Behaviour **/
.case-overzicht-item:hover .slide-caption,
.product-item:hover .slide-caption {
	background-color: rgba(0,0,0,1) !important;
	-moz-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	-webkit-transform: translateX(-100%);
	opacity: 1;
	transform: translateX(-100%);
}

.case-overzicht-item:hover .scale-caption h3, 
.case-overzicht-item:hover .scale-caption p,
.product-item:hover .scale-caption h3, 
.product-item:hover .scale-caption p {
	-moz-transform: translateX(200px);
	-o-transform: translateX(200px);
	-webkit-transform: translateX(200px);
	transform: translateX(200px);
}

.bekijk-case-title {
    float: left;
    padding: 12px;
}

.bekijk-product-title {
    float: left;
    padding: 12px;
    font-size: .5em;
}

.bekijk-case {
    position: absolute;
    bottom: 20px;
    right: 15px;
    font-size: 1.1em;
    font-weight: 800;
    text-transform: uppercase;
}

.bekijk-product {
    font-size: 1.1em;
    font-weight: 800;
    text-transform: uppercase;
    margin: 0 auto;
}

.case-overzicht-flex {
    display: flex;
    align-items: center;
    align-self: center;
    align-content: center;
    margin: 0 auto;
}

.case-overzicht-wrapper:first-of-type .case-overzicht-grid-center {
    margin-left: 16%;
}

.case-overzicht-margin {
    margin-top: 20px;
}

.case-overzicht-grid {
    margin: 0 auto;
}

.bekijk-case-icon {
    float: right;
    width: 48px;
    height: 48px;
}

.case-detail-visual {
    align-items: flex-end;
}

.case-detail-visual-inner {
    margin-top: 0px;
}

.case-detail-visual-title {
    color: #FFF;
    font-weight: 400;
    font-size: 3.5em;
    margin: 10px;
}

.case-detail-visual-subtitle {
    font-size: 2.5em;
    font-weight: 800;
}

.case-detail-category {
    background: #ff0033;
    display: inline-block;
    padding: 18px 25px;
    font-size: 1.8em;
    font-weight: 900;
}

.case-detail-item {
    padding: 70px 0;
}

.case-detail-item:last-of-type {
    padding-bottom: 185px;
}

.case-detail-item:first-of-type {
    margin-top: 70px;
}

.case-detail-featured-title {
    font-size: 2.5em;
    font-weight: 900;
    text-transform: uppercase;
}

.case-detail-item-textbox {
    background: #ff0033;
    color: #FFF;
    padding: 70px 45px;
    font-size: 1.5em;
    font-weight: 100;
    line-height: 1.5;
    position: absolute;
    right: 0;
    bottom: -70px;
    width: 480px;
}

.case-detail-featured-pic {
    position: relative;
}

.case-detail-featured-pic img,
.case-detail-featured-thumbs img {
    width: 100%;
    height: auto;
}

.case-detail-featured-thumbs {
    margin-top: 150px;
}

.case-detail-item-secondary .case-detail-featured-title {
    text-align: right;
}

.case-detail-item-secondary .case-detail-item-textbox {
    left: 0;
    right: auto;
}

.case-detail-items {
    background-image: url(/images/casedetail-dots.jpg);
    background-position: right center;
    background-repeat: no-repeat;
}

.case-detail-quote {
    background-image: url(/images/quote-dots.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-color: #e5e5e5;
}

.case-detail-quote-img {
    border-radius: 370px;
    width: 370px;
    height: 370px;
    background-size: cover;
}

.case-detail-quote-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    padding: 38px 0;
}

.case-detail-quote-text {
    font-size: 1.5em;
    line-height: 1.5;
    color: #000;
    font-weight: 100;
    margin-bottom: 25px;
}

.case-detail-quote-client {
    font-weight: 900;
    color: #ff0033;
    font-size: 1.5em;
    text-transform: uppercase;
    line-height: 1.5;
}

.case-detail-quote-jobtitle {
    font-weight: 900;
    text-transform: uppercase;
    font-size: 1.2em;
}

.case-detail-item-btn {
    font-size: .7em;
    font-weight: 700;
    padding: 15px 25px;
    margin-top: 40px;
}

.products {
    background: #e5e5e5;
    text-align: center;
    padding: 50px 0 0 0;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.products-title {
    color: #000;
    font-size: 4em;
    text-transform: uppercase;
    font-weight: 900;
}

.products-text {
    font-size: 1.3em;
    font-weight: 100;
    line-height: 1.8;
}

.products-block-inner {
    margin: 0 auto;
    padding: 150px 0;
}

.products-blocks {
    margin-top: 70px;
    display: table;
    width: 100%;
}

.products-block {
    display: flex;
    align-items: center;
    color: #FFF;
    text-transform: uppercase;
    font-size: 3em;
    font-weight: 900;
    position: relative;
    z-index: 1;
    background-size: cover;
}

.products-block-title {
    margin: 0 auto;
}

/********************************************************************************
* YOUTUBE POPUP
********************************************************************************/

.mobile-vid-overlay {
  text-align: center;
  padding: 30px;
}

.playvidbtn {
  margin-right: 10px;
}

.YouTubePopUp-Wrap {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #000;
  top: 0;
  left: 0;
  z-index: 999;
  cursor: url(/images/icons/closecursor.png), auto;
}

.YouTubePopUp-animation {
  opacity: 0;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: YouTubePopUp;
  animation-name: YouTubePopUp;
}

@-webkit-keyframes YouTubePopUp {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes YouTubePopUp {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.YouTubePopUp-Content {
  max-width: 1119px;
  display: block;
  margin: 0 auto;
  height: 100%;
  position: relative;
}

.YouTubePopUp-Content iframe {
  max-width: 100% !important;
  width: 100% !important;
  display: block !important;
  height: 630px !important;
  border: none !important;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
}

.YouTubePopUp-Hide {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: YouTubePopUpHide;
  animation-name: YouTubePopUpHide;
}

@-webkit-keyframes YouTubePopUpHide {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes YouTubePopUpHide {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.YouTubePopUp-Close {
  position: absolute;
  top: 0;
  cursor: pointer;
  bottom: 528px;
  right: 0px;
  margin: auto 0;
  width: 24px;
  height: 24px;
}

.YouTubePopUp-Close:hover {
  opacity: 0.5;
}

.ytpopup-warning {
    color: #FFF;
    text-align: center;
    position: absolute;
    bottom: 40px;
    left: 0;
    right: 0;
    padding: 8px;
}

.ytpopup-warning a {
    color: #ff0033;
    text-decoration: underline;
    z-index: 10;
}

.vid-info-playmore {
    margin-top: 30px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    color: #ff0033;
    font-weight: 900;
}

.vid-info-playmore-inner {
    margin: 0 auto;
    display: flex;
    align-items: center;
    padding: 5px 20px 5px 5px;
    border-radius: 30px;
}

a.vid-info-playmore-inner:hover {
    background: #590012;
    color: #fff;
}

/********************************************************************************
* FOOTER
********************************************************************************/
.footer {
    color: #fff;
    background-color: #460217; 
    background-image: url('/images/footerbg.png');
    background-size: cover;
    padding: 35px 0 80px 0;
    position: relative;
}

.poweredby a:hover {
    border-color: #FFF!important;
}

.footer p.landingaddress {
    text-align: left;
}

.footer p {
    text-align: center;
    margin: 0;
    color: #FFF;
}

.footer-inner {
    z-index: 1;
    position: relative;
}

.poweredby {
    font-size: .7em;
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    z-index: 1;
    text-align: center;
    color: #ff0033;
}

.poweredby p,
.footer .poweredby a, 
.footer .poweredby a:link{
    color: #ff0033;
}

.footer .poweredby a:hover{
    color: #FFF;
}

.poweredby-copyright span {
    margin-right: 10px;
}

.poweredby .poweredby-copyright a {
    margin-right: 0;
}

.poweredby a {
    margin: 0 10px;
    border-bottom: 1px solid #fe0034;
    padding-bottom: 2px;
}

.footer a,
.footer a:link {
    color: #fff; 
    text-decoration: none;
}

.footer a:hover {
    color: #ff0033;
}

.footermenu {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}

.footermenu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.footermenu li {
    line-height: 2.5;
}

.footermenu span {
    text-transform: uppercase;
    font-weight: bold;
}

.footer .connect-the-dots-layer1 {
    left: -31%;
    height: 91%;
    background-image: url(/images/connect-the-dots-footer.png);
    opacity: 1;
}

.footer .connect-the-dots-layer2 {
    left: -34%;
    height: 46%;
    background-image: url(/images/connect-the-dots-footer-2.png);
    opacity: 1;
}

.menulink-powered a {
  margin-right: nonge;
  color: #ffffff;
  padding-bottom: 2px;
  font-size: 0.9em;
  text-align: left;
  text-transform: uppercase;
  font-weight:bold;
}

/********************************************************************************
 * LISTS
 ********************************************************************************/

.content ul,
.content ol {
    font-size: 1.0em;
    line-height: 1.4em;
    margin: 0 0 1.5em 0;
}

.content ul li,
.content ol li {
    margin: 0 0 0.25em 3em;
}


/********************************************************************************
 * CONTACTFORM
 ********************************************************************************/

textarea  {
    box-sizing: border-box;
    background: #fff;
    width: 100%;
    overflow: hidden;
    color: #515151;
    padding: 10px;
    margin: 0 0 20px 0;
    height: 185px;
    border: 1px solid #cccccc;
}

input[type=text] {
    box-sizing: border-box;
    background: #FFF;
    width: 100%;
    overflow: hidden;
    color: #515151;
    padding: 10px;
    margin: 0 0 20px 0;
    border: 1px solid #cccccc;
}

input[type=submit] {
    background: #ff0033;
    text-transform: uppercase;
    color: #fff;
    padding: 15px 35px;
    border: 1px solid #ff5000;
    margin: 3px 0 15px 0;
    cursor: pointer;
    border-radius: 55px;
    
}

.form-contactpage input[type=submit] {
    background: #FFF;
    color: #ff5000;
}

input[type=submit]:hover {
    background: #fff;
    text-transform: uppercase;
    color: #ff5000;
    padding: 15px 35px;
    border: 1px solid #ff5000;
    margin: 3px 0 15px 0;
    cursor: pointer;
}

input[type=checkbox] {
    margin-bottom: 35px;
}

div.submit{
    text-align: center;
}

@media only screen and (max-width: 767px){
    div.submit{
        text-align: left;
    }
}
    
.formerror {
    box-sizing: border-box;
    background: #FFD1D1;
    width: 100%;
    font-weight: 700;
    font-size: 0.7em;
    text-align: center;
    color: #c64949;
    text-transform: uppercase; 
    padding: 2px;
    border: 2px solid #c64949;
    margin-bottom: 20px;
}

html.fullscreen, 
html.fullscreen body {
	height: 100%;
}

html.fullscreen .menuIcon,
html.fullscreen .header {
    display: none;
}

.fullscreen-info {
    width: 100%;
    height: 100%;
    padding: 0;
    display: flex;
    align-items: center;
    background-color: #ff0033;
    background-image: url(/images/404bg.jpg);
    background-size: cover;
    background-position: right;
    color: #FFF;
    text-align: center;
}

.fullscreen .footer {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
}

.fullscreen-info * {
    color: #FFF;
    text-transform: uppercase;
}

.fullscreen-info h1 {
    font-size: 5em;
    margin: 0;
    font-weight: 800;
}

.fullscreen-info h2 {
    font-weight: 100;
    font-size: 3em;
    margin: 0;
}

.fullscreen .btn-secondary {
    margin-right: 0px;
}

.contact-social {
    border-bottom: 2px solid #fff;
}

/************************************************************
COOKIEMELDING
************************************************************/
.cookiebanner {
    background: rgba(255, 255, 255, 0.8);
    bottom: 0;
    display: none;
    left: 0;
    padding: 1em;
    position: fixed;
    text-align: center;
    right: 0;
    z-index: 10;
    border-top: 2px solid #ff0033;
}
.cookiebanner_text {
    float: left;
    padding: 5px 0;
    text-align: left;
    font-size: 0.9em;
}

.cookiebanner_text a {
    color: #ff0033;
    text-decoration: underline;
}

.cookiebanner_button {
    background: #ff0033;
    border-radius: 30px;
    color: #fff!important;
    display: inline-block;
    padding: 0.5em 1em;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    text-decoration: none;
}
.cookiebanner_button:hover {
    color: #FFF;
    background: #000000;
}

/********************************************************************************
* Cross browser compatibility and fixes
********************************************************************************/

@media all and (-ms-high-contrast:none)
{
    /* IE10 */
    .menuIcon { 
        padding: 50px; 
    }
    
    .contactbox { 
        width: 100px;
    }
    
    .scrolldown {
        width: 48px;
        height: 48px;
    }
    
    /* IE11 */
    *::-ms-backdrop, .menuIcon {
        padding: 50px;
    }
    
    *::-ms-backdrop, .contactbox {
        width: 100px!important;
    }
    
    *::-ms-backdrop, .scrolldown {
        width: 48px;
        height: 48px;
    }
}



/************* button privacy statement ************/



a.btn-secondary:hover {
    color: #FFF;
}


/***************** whitepaper styles *****************/


.kit_overlay {
    background: rgba(0,0,0,0.7);
    z-index: 990;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    display: none;
}



.kit_overlay.kit_active {
    background: #000000c4;
    z-index: 9999;
}
.kit_overlay_inner {
    width: auto;
    display: block;
    margin: 10vh auto 0 auto;
    max-width: 650px;
    padding: 0 20px;
    filter: Alpha(Opacity=0);/*IE7 fix*/
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -webkit-transition-delay: 0.3s; /* Safari */
    transition-delay: 0.3s;
}
.kit_active .kit_overlay_inner {
    margin: 20vh auto 0 auto;
    opacity: 1;
    filter: Alpha(Opacity=100);/*IE7 fix*/
}
.kit_form {
    background: #fff;
    padding: 50px;
    position: relative;
}
.kit_form h3 {
    color: ;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 800;
}
.kit_form p {
    line-height: 1.5;
    font-size: 0.9em;
}
.kit_form input[type=submit],
.vervolgcontent_content input[type=submit] {
    margin-top: 30px;
        color: #FFF;
    font-weight: 600;
    font-size: 1.1em;
    background: #ff0033;
    border-radius: 55px;
    padding: 18px 40px;
    display: inline-block;
    text-transform: uppercase;

}
.kit_form input[type=submit]:hover,
.vervolgcontent_content input[type=submit]:hover {
        background: #FFF;
    color: #ff0033;
    border-color: #ff0033;
}
.kit_done p,
.kit_done h3 {
    display: none;
}
.kit_done .thankyoubox p {
    display: block;
}


img.close_kit {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    cursor: pointer;
}

.email-input-whitepaper input{
    width: 96%;
    padding: 10px;
}

.whitepaper_form input[type=checkbox] {
    margin-top: 8px;
    margin-right: 5px;
}

.kit_form .error_message{
    display: none;
}

.whitepaper_form span {
    display: block;
    color: red;
    font-weight: 300;
    margin-top: -20px;
    margin-bottom: 10px;
}

.whitepaper_form .email-input-whitepaper span,
.whitepaper_form .privacy-checkbox span{
    margin-top: 0px;
    margin-bottom: 15px;
}

.show_form{
    display: block;
}

.whitepapers-content {
    background: #FFF; 
    height:auto; 
    padding: 80px 0 160px 0;
}

.whitepaper_form a {
    text-decoration: underline;
}
/* cmsms stylesheet: breakpoints modified: maandag 25 februari 2019 08:33:28 */
/**************************************************
1830
***************************************************/
@media only screen and (max-width: 1830px) {
    .featured-item-title {
        font-size: 3em;
    }
}/******* END 1830 **********/


/**************************************************
1720
***************************************************/
@media only screen and (max-width: 1720px) {
    .featured-item-content {
        font-size: 1em;
    }
}/******* END 1720 **********/


/**************************************************
1570
***************************************************/
@media only screen and (max-width: 1570px) {
    .featured-item-title {
        font-size: 1.8em;
    }
}/******* END 1570 **********/


/**************************************************
1505
***************************************************/
@media only screen and (max-width: 1505px) {
    .footer .connect-the-dots-layer2 {
        left: -50%;
    }
    
    .footer .connect-the-dots-layer1 {
        left: -50%;
    }
    
    .home-visual .connect-the-dots-layer1,
    .home-visual .connect-the-dots-layer2 {
        left: -40%;
        background-size: cover;
    }
    
    .products-block {
        font-size: 2.2em;
    }
    
    .products-block-inner {
        padding: 100px 0;
    }
    
    .full-caption-products {
        top: -225px;
    }
    
    .bekijk-product-title {
        font-size: .8em;
    }
    
    .c2a-block.beurzen-c2a-block {
        padding: 50px;
    }
}/******* END 1505 **********/


/**************************************************
1024
***************************************************/
@media only screen and (max-width: 1024px) {
    .home-visual-logo {
        max-width: 300px;
    }
    
    .case-detail-item-secondary .case-detail-featured-title {
        text-align: left;
        font-size: 1.5em;
    }
    
    .case-detail-featured-thumbs {
        margin-top: 30px;
    }
    
    .case-detail-item-textbox {
        position: relative;
        padding: 15px;
        width: 100%;
        bottom: 10px;
        font-size: 1em;
    }
    
    .teamimg-hover {
        width: 95%;
    }
    
    .c2a-block.beurzen-c2a-block {
        padding: 30px 70px;
    }
    
    .full-caption-products {
        top: -185px;
    }

    .products-block-inner {
        padding: 80px 0;
    }

    .products-block {
        font-size: 1.5em;
    }

    .home-visual-title {
        font-size: 2em;
    }
    
    .home-visual-subtitle {
        font-size: 1.5em;
    }
    
    .btn-primary, 
    .btn-secondary {
        font-size: 1em;
        padding: 14px 18px;
    }
    
    .home-aboutus-title {
        font-size: 3em;
    }
    
    .home-aboutus-subtitle {
        font-size: 1.6em;
    }
    
    .home-aboutus-text {
        font-size: 1.2em;
        margin-bottom: 40px;
    }
    
    .c2a-blocks h2 {
        font-size: 1.8em;
    }
    
    .c2a-blocks {
        display: table;
        width: 100%;
        text-align: left;
    }
    
    .c2a-block {
        display: flex;
        align-items: center;
        width: inherit;
        padding: 30px;
    }
    
    .c2a-icon {
        position: relative;
        float: right;
        bottom: 0;
    }
    
    .c2a-blocks-beurzen .c2a-block-inner {
        text-align: center;
    }
    
    .c2a-block-inner {
        float: left;
        width: 95%;
        margin-right: 5%;
    }
    
    .NewsSummaryTitle {
        font-size: 1.2em;
    }
    
    a.news-readmore {
        font-size: 1em;
        padding: 10px;
    }
    
    .news-summary-content {
        padding: 20px;
    }
    
    .pushmenu {
        width: 40%;
        right: -40%;
    }
    
    .news-summary-home-title {
        font-size: 3em;
    }
    
    .news-summary-home-subtitle {
        font-size: 1.6em;
    }
    
    .featured-image-img {
        height: 520px;
    }
    
    .featured-item-title {
        font-size: 1.2em;
    }
    
    .vervolg-visual,
    .case-detail-visual {
        height: 400px;
    }
    
    .vervolg-visual-title {
        font-size: 3.5em;
    }
    
    .vervolg-visual-subtitle {
        font-size: 1.5em;
    }
    
    .case-detail-visual-title {
        font-size: 3em;
    }
    
    .case-detail-visual-subtitle {
        font-size: 1.5em;
    }
    
    .case-detail-category {
        font-size: 1.2em;
        padding: 15px 20px;
    }
    
    .case-detail-item {
        padding: 35px 0;
    }
    
    .case-detail-item:first-of-type {
        margin-top: 0;
        padding-top: 50px;
    }
    
    .case-detail-item:last-of-type {
        margin-bottom: 60px;
        padding-bottom: 50px;
    }
    
    .vervolg-info {
        font-size: 1.3em;
    }
    
    .case-overzicht-item {
        height: 250px!important;
    }
    
    .case-overzicht-wrapper .box .full-caption {
        top: -250px!important;
    }
    
    .full-caption .case-overzicht-title {
        padding-top: 15px!important;
    }
    
    .case-overzicht-summary {
        font-size: .8em;
    }
    
    .case-overzicht-title {
        font-size: 1em!important;
    }
    
    .bekijk-case {
        font-size: 1em;
        bottom: 12px;
    }
    
    .bekijk-case-icon {
        width: 35px;
        height: 35px;
    }
    
    .bekijk-case-title {
        padding: 6px 12px;
    }
    
    .case-overzicht-summary {
        margin-top: -16px;
    }
    
    .c2a-icon {
        left: none;
    }
    
    .home-aboutus-text,
    .featured-item-content,
    .cta-vervolg-text {
        font-weight: 400;
    }
    
    .btn-secondary {
        padding: 14px;
    }
    
    .bekijk-case-title{
        font-size: 1em;
    }
}/******* END 1024 **********/




@media only screen and (min-width: 768px) and (max-width: 945px){
    .bekijk-case-title{
        font-size: 0.7em;
    }
}
/**************************************************
767 (MOBILE)
***************************************************/
@media only screen and (max-width: 767px) {
    .btn-primary.visual-btn:first-of-type {
        margin-bottom: 0px;
    }
    
    .pipeline {
        display: none;
    }
    
    .poweredby a {
        margin: 0;
    }
    
    .cookiebanner_text {
        text-align: center;
    }
    
    .footer p.poweredby-copyright {
        margin-top: 25px;
    }
    
    .poweredby {
        text-align: left;
    }
    
    .poweredby a {
        display: block;
    }
    
    .case-detail-item-btn {
        font-size: .9em;
    }
    
    .btn-default {
        padding: 14px 20px;
        font-size: 1em;
    }
    
    .news-summary-home-morebtn {
        padding: 10px 20px;
        font-size: 1em;
    }
    
    .fullscreen-info {
        background-position: -65%;
    }
    
    .fullscreen-info h1 {
        font-size: 3em;
    }
    
    .fullscreen-info h2 {
        font-size: 1.5em;
    }
    
    .full-caption-products {
        top: -155px;
    }
    
    .vervolg-visual.beurzen-visual {
        height: 285px;
    }
    
    .c2a-block.beurzen-c2a-block {
        padding: 10px 20px;
        text-align: center;
    }
    
    .c2a-blocks.c2a-blocks-beurzen h2 {
        font-size: 1.3em;
    }
    
    .cases-overzicht {
        padding: 40px 0;
    }
    
    .case-overzicht-flex {
        display: block;
    }
    
    .case-overzicht-wrapper:first-of-type .case-overzicht-grid-center {
        margin-left: 0%;
    }
    
    .c2a-blocks.c2a-blocks-beurzen p {
        font-size: 1.1em;
    }
    
    .cta-vervolg-text {
        font-size: 1em;
        margin-bottom: 30px;
    }
    
    .beurzen-caseoverzicht-titel,
    .products-title {
        font-size: 1.5em;
    }
    
    .beurzen-dots.connect-the-dots-layer1,
    .beurzen-dots.connect-the-dots-layer2 {
        height: 62%;
    }
    
    .products-text {
        font-size: 1em;
    }
    
    .products-blocks {
        margin-top: 40px;
    }
    
    .products-block {
        font-size: 1.5em;
    }
    
    .products-block-inner {
        padding: 65px 0;
    }
    
    .beurzen-caseoverzicht-subtitel {
        font-size: 1.1em;
        margin-bottom: 40px;
    }
    
    .socialtop.socialtop-landing {
        margin: 22px 25px 18px 0;
    }
    
    .cases-overzicht-btnbox {
        padding-top: 20px;
    }
    
    .footer p.landingaddress {
        margin-bottom: 25px;
    }
    
    .socialicon.fa-2x {
        font-size: 1.5em;
    }
    
    img.logo {
        padding: 25px 23px 19px 23px;
    }
    
    .case-overzicht-item {
        margin-bottom: 20px;
    }
    
    .visual-dots-bg {
        opacity: .5;
    }
    
    .vervolg-visual-inner {
        margin-top: 0px;
    }
    
    img.logo {
        max-width: 115px;
    }
    
    .contactbox {
        left: 0;
        width: 98%;
        display: block;
        bottom: 0;
        top: unset;
        z-index: 2;
    }
    
    .contactbox p{
        float: left;
        padding: 8px 0;
        width: 180px;
    }
    
    .contactbox-inner {
        width: 220px;
        margin: 0 auto;
    }
    
    .scrolldown,
    .home-aboutus-line {
        display: none;
    }
    
    .home-aboutus,
    .nieuws-overzicht,
    .nieuws-detail {
        padding: 50px 0;
    }
    
    .contactbox-btn {
        margin-top: 10px;
        float: right;
        width: 35px;
        height: 35px;
        background-size: cover;
    }
    
    .team {
        padding: 10px 0;
    }
    
    .team-container {
        margin-top: 20px;
        margin-bottom: 0px;
        background-image: linear-gradient(rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)),url(/images/team-dots-bg.png);
    }
    
    .team:last-of-type {
        padding-bottom: 0px;
    }
    
    .team-photo img {
        width: 100%;
    }
    
    .menuIcon {
        padding: 11px;
    }
    
    .pushmenu {
        width: 70%;
        right: -70%;
    }
    
    .news-summary-image img {
        width: 100%;
        height: auto;
    }
    
    .NewsSummary {
        margin-bottom: 20px;
    }
    
    .news-summary-home {
        padding: 60px 0 20px 0;
    }
    
    .home-visual-logo {
        max-width: 200px;
    }
    
    .home-visual-title {
        font-size: 1.5em;
    }
    
    .home-visual-subtitle {
        font-size: 1.2em;
        margin-bottom: 38px;
    }
    
    .btn-primary:nth-of-type(2),
    .btn-primary:first-of-type,
    .btn-secondary:first-of-type {
        margin-right: 0px;
        margin-bottom: 20px;
    }
    
    .home-visual-inner {
        padding: 20px;
    }
    
    .socialtop {
        margin: 19px 95px 18px 0;
    }
    
    .pushmenu {
        top: 72px;
    }
    
    .home-aboutus-title, .news-summary-home-title {
        font-size: 1.5em;
    }
    
    .home-aboutus-subtitle, .news-summary-home-subtitle {
        font-size: 1.3em;
    }
    
    .home-aboutus-text {
        font-size: 1em;
    }
    
    .c2a-block-inner {
        font-size: .9em;
    }
    
    .c2a-icon {
        font-size: 2em;
    }
    
    .featured-item {
        display: block;
    }
    
    .image-right {
        float: left;
    }
    
    .image-right,
    .image-left {
        width: 100%;
        float: none;
        clear: both;
        margin: 0;
    }
    
    .text-left,
    .text-right {
        float: none;
        width: 87%;
        margin: 0;
        padding: 20px;
    }
    
    .featured-image-img {
        height: 150px;
    }
    
    .featured-item-title {
        font-size: 1.8em;
    }
    
    .header {
        height: auto;
    }
    
    .vervolg-visual {
        height: 220px;
        align-items: flex-end;
        padding-bottom: 40px;
    }
    
    .case-detail-visual {
        padding-bottom: 0px;
        height: 260px;
    }
    
    .case-detail-quote-inner {
        display: block;
        padding: 38px 10px;
    }
    
    .case-detail-featured-thumbs {
        display: none;
    }
    
    .case-detail-item-secondary .case-detail-featured-title {
        text-align: left;
    }
    
    .case-detail-featured-title {
        font-size: 1.5em;
    }
    
    .case-detail-quote-img {
        width: 200px;
        height: 200px;
        margin: 0 auto 25px auto;
    }
    
    .case-detail-quote-text,
    .case-detail-quote-client{
        font-size: 1em;
    }
    
    .case-detail-quote-jobtitle {
        font-size: 1em;
    }
    
    .cta-vervolg-title {
        font-size: 1.5em;
    }
    
    .cta-vervolg-subtitle {
        font-size: 1.2em;
    }
    
    .case-detail-item {
        padding: 20px 0;
    }
    
    .case-detail-visual-title {
        font-size: 1.3em;
    }
    
    .case-detail-visual-subtitle {
        font-size: 1.2em;
    }
    
    .case-detail-item:first-of-type {
        margin-top: 0px;
    }
    
    .case-detail-item:last-of-type {
        margin-bottom: 0px;
    }
    
    .case-detail-category {
        padding: 10px 18px;
    }
    
    .case-detail-item-btn {
        margin-top: 10px;
    }
    
    .cta-vervolg-btns {
        margin-top: 0px;
    }
    
    .featured-item-content {
        font-size: 1em;
        margin: 0;
        margin-bottom: 20px;
    }
    
    .vervolg-visual-title {
        font-size: 2em;
        padding: 0 10px;
    }
    
    .vervolg-visual-subtitle {
        font-size: 1.2em;
        padding: 0 10px;
    }
    
    .vervolg-info {
        font-size: 1em;
        text-align: left;
        padding: 35px 5px;
    }
    
    .featured-left,
    .featured-right {
        background-image: none;
    }
    
    .footer .connect-the-dots-layer1 {
        left: 0%;
    }
    
    .footer .connect-the-dots-layer2 {
        left: -35%;
        height: 40%;
    }
    
    .header {
        height: 72px;
        display: block;
    }
    
    .poweredby {
        position:relative;
        bottom: 0;
        margin-top: 10px;
    }
    
    .footermenu {
        margin-bottom: 20px;
    }
    
    .footer {
        height: auto;
    }
    
    .footer p {
        text-align:left;
    }
    
    .NewsPostDetailSummary {
        font-size: 1em;
    }
    
    /*.btn-default {
        padding: 5px 15px;
        font-size: .9em;
    }*/
    
    .visual-btn,
    .beurzen-casebtn {
        padding: 8px 18px;
        font-size: 1em;
    }
    
    .cta-vervolg-btn {
        min-width: 0px;
    }
    
    .footer {
        background-repeat: no-repeat;
        background-position: 0px 300px;
        background-size: inherit;
    }

}/******* END 767 **********/



/**************************************************
460 (MOBILE)
***************************************************/
@media only screen and (max-width: 460px) {
    .socialicon {
        padding-left: 8px;
    }
    
    .socialtop {
        display: none;
    }
    
    .socialtop.socialtop-landing {
        display: block;
    }
    
    img.logo {
        padding: 25px 20px 19px 20px;
    }
}/******* END 460 **********/
/* cmsms stylesheet: FormBuilder Default Style modified: dinsdag 21 september 2021 08:25:57 */
/* Sample FormBuilder CSS base */
form {
    width: 100%;
}
form, td, th, li {
	font-size: 0.9em;
}
form div {
	margin-bottom: 0
}
fieldset div {
	margin-bottom: 0.5em;
	margin-left: 1em;
}
fieldset div div {
	margin-top: 0.5em;
	margin-left: 1em
}
fieldset {
	margin-bottom: 1em;
	border: 1px solid #F60;
	padding: 0.5em
}
fieldset label {
	width: auto;
}
legend {
	color: #FFF;
	background: #F60;
	font-style: italic;
	font-size: 1.2em;
	margin-bottom: 0.5em;
	padding: 0.2em;
	width: auto;
	border: 1px solid #CCC
}
textarea {
	margin: 0em 0 1em 0;
	width: 100%;
	height: 6em
}
/* Apply this class to text/select input fields with shorter labelsto help alignment */
.short-label label {
	float: left;
	width: 10em
}
.short-label fieldset div input, .short-label fieldset div select {
	width: 16em
}
/* Pretty up your Captcha image output */
.captcha {
	margin: 0.5em 0;
	width: 200px;
	text-align: center
}
.captcha img {
	border: 1px solid #F60;
	margin-bottom: 0.5em
}
.captcha input {
	width: 196px;
	margin-top: 0.5em
}
/* Just a bit more room for the Submit button */
.submit {
	margin-top: 0.5em
}
.contactform input {
	border: 1px solid #f60;
}
.contactform input.checkbox {
	border: none;
}
.contactform label {
	display: block;
	float: left;
	width: 150px;
}
.contactform label.label {
	display: inline;
	float: none;
	width: 50px;
	font-size: 10px;
}
.contactform textarea {
	background-color: #ffc;
	border: 1px solid #f60;
}
.formbuilderform .message {
	line-height: 16px;
	padding: 0 0 8px 0;
}

.formbuilderform{
	max-width: 800px;
	margin: 0 auto;
}

input[type=checkbox]{
    float: left;
    margin-top: -22px;
    
}

.vervolg-info{
    position: relative;
}

.error_message{
    background: #ff0033;
    max-width: 800px;
    height: 100px;
    margin: 0 auto 30px auto;
    font-weight: 400;
    color: #fff;
    text-align: left;
    padding: 30px 30px;
    background-image: url(/images/dots-colored-bg.jpg);
    background-position: center;
    box-sizing: border-box;
    text-align: center;
}

.required .privacy-checkbox .fb_invalid{
    color: #FF0000;
}

.fb_invalid p{
  color: #FF0000;
  font-weight: 700;
  font-size: 0.7em;
  padding: 0;
  margin: -15px 0 15px 0;
  
}

.privacy input {
    float: left;
    margin-right: 10px;
    margin-top: 7px;
    width: 18px;
}

.privacy label {
    display: inline-block;
    width: 85%;
    margin: 0;
    padding-bottom: 20px;
}

form div{
    text-align: left;
}

div.privacy{
    max-width: 800px;
    margin: 0 auto;
}

.fbsubmit{
    background: #ff0033;
}