/* Minification failed. Returning unminified contents.
(2386,44): run-time error CSS1046: Expect comma, found '0'
(2386,48): run-time error CSS1046: Expect comma, found '/'
(11802,20): run-time error CSS1038: Expected hex color, found '#ffff'
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */

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

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

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

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

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

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

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

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

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

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

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */

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

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

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

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

b,
strong {
  font-weight: bold;
}

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

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

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

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

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

/**
 * 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;
}

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

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

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

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

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

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

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

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * 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 Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

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.
 */

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

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

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

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

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

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

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

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

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */

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

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

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

/**
 * 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 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

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

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

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

*{outline: none;}

/*
  Simple Grid
  Learn More - http://dallasbass.com/simple-grid-a-lightweight-responsive-css-grid/
  Project Page - http://thisisdallas.github.com/Simple-Grid/
  Author - Dallas Bass
  Site - dallasbass.com
*/

*,
*:after,
*:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body {
    margin: 0px;
}

/*------------------------------------*\
    Default Grid
\*------------------------------------*/
[class*='col-'] {
    float: left;
    padding-right: 15px;
    padding-left: 15px;
}
.no-p {
    padding: 0px;
}
.grid {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
}
.grid:after {
    content: "";
    display: table;
    clear: both;
}
.grid-pad {
    padding-top: 0px;
    padding-left: 10px;
    padding-right: 10px;
}

.hide {
    display: none;
}

.push-right {
    float: right;
}
.show-on-mobile {
  display: none;
}
.col-1-1 {
    width: 100%;
}
.col-2-3,
.col-8-12 {
    width: 66.66%;
}
.col-1-2,
.col-6-12 {
    width: 50%;
}
.col-1-3,
.col-4-12 {
    width: 33.33%;
}
.col-1-4,
.col-3-12 {
    width: 25%;
}
.col-1-5 {
    width: 20%;
}
.col-1-6,
.col-2-12 {
    width: 16.667%;
}
.col-1-7 {
    width: 14.28%;
}
.col-1-8 {
    width: 12.5%;
}
.col-1-9 {
    width: 11.1%;
}
.col-1-10 {
    width: 10%;
}
.col-1-11 {
    width: 9.09%;
}
.col-1-12 {
    width: 8.33%
}
.col-11-12 {
    width: 91.66%
}
.col-10-12 {
    width: 83.333%;
}
.col-9-12 {
    width: 75%;
}
.col-5-12 {
    width: 41.66%;
}
.col-7-12 {
    width: 58.33%
}
.push-2-3,
.push-8-12 {
    margin-left: 66.66%;
}
.push-1-2,
.push-6-12 {
    margin-left: 50%;
}
.push-1-3,
.push-4-12 {
    margin-left: 33.33%;
}
.push-1-4,
.push-3-12 {
    margin-left: 25%;
}
.push-1-5 {
    margin-left: 20%;
}
.push-1-6,
.push-2-12 {
    margin-left: 16.667%;
}
.push-1-7 {
    margin-left: 14.28%;
}
.push-1-8 {
    margin-left: 12.5%;
}
.push-1-9 {
    margin-left: 11.1%;
}
.push-1-10 {
    margin-left: 10%;
}
.push-1-11 {
    margin-left: 9.09%;
}
.push-1-12 {
    margin-left: 8.33%
}


/*------------------------------------*\
    MD Grid
\*------------------------------------*/
@media screen and (max-width: 1024px) /* Als je de width aanpast pas ook de media query aan in default */ {
    .grid {
        width: 100%;
        min-width: 0;
        margin: 0 auto;
    }
    .grid-pad {
        padding-top: 0px;
        padding-left: 10px;
        padding-right: 10px;
    }
    [class*='md-col-'] {
        float: left;
        padding-right: 10px;
        padding-left: 10px;
    }
    .md-col-1-1 {
        width: 100%;
    }
    .md-col-2-3,
    .md-col-8-12 {
        width: 66.66%;
    }
    .md-col-1-2,
    .md-col-6-12 {
        width: 50%;
    }
    .md-col-1-3,
    .md-col-4-12 {
        width: 33.33%;
    }
    .md-col-1-4,
    .md-col-3-12 {
        width: 25%;
    }
    .md-col-1-5 {
        width: 20%;
    }
    .md-col-1-6,
    .md-col-2-12 {
        width: 16.667%;
    }
    .md-col-1-7 {
        width: 14.28%;
    }
    .md-col-1-8 {
        width: 12.5%;
    }
    .md-col-1-9 {
        width: 11.1%;
    }
    .md-col-1-10 {
        width: 10%;
    }
    .md-col-1-11 {
        width: 9.09%;
    }
    .md-col-1-12 {
        width: 8.33%
    }
    .md-col-11-12 {
        width: 91.66%
    }
    .md-col-10-12 {
        width: 83.333%;
    }
    .md-col-9-12 {
        width: 75%;
    }
    .md-col-5-12 {
        width: 41.66%;
    }
    .md-col-7-12 {
        width: 58.33%
    }
    .hide-on-md {
        display: none !important;
        width: 0;
        height: 0;
    }
    .no-p-md {
        padding: 0px;
    }

    .md-push-2-3,
    .md-push-8-12 {
        margin-left: 66.66%;
    }
    .md-push-1-2,
    .md-push-6-12 {
        margin-left: 50%;
    }
    .md-push-1-3,
    .md-push-4-12 {
        margin-left: 33.33%;
    }
    .md-push-1-4,
    .md-push-3-12 {
        margin-left: 25%;
    }
    .md-push-1-5 {
        margin-left: 20%;
    }
    .md-push-1-6,
    .md-push-2-12 {
        margin-left: 16.667%;
    }
    .md-push-1-7 {
        margin-left: 14.28%;
    }
    .md-push-1-8 {
        margin-left: 12.5%;
    }
    .md-push-1-9 {
        margin-left: 11.1%;
    }
    .md-push-1-10 {
        margin-left: 10%;
    }
    .md-push-1-11 {
        margin-left: 9.09%;
    }
    .md-push-1-12 {
        margin-left: 8.33%
    }
    .md-no-push {
        margin-left: 0;
    }
    .show-on-md {
        display: block !important;
    }
}



/*------------------------------------*\
    SM Grid
\*------------------------------------*/
@media screen and (max-width: 768px) /* Als je de width aanpast pas ook de media query aan in default */ {
    .grid {
        width: 100%;
        min-width: 0;
        margin: 0 auto;
    }
    .grid-pad {
        padding-top: 0px;
        padding-left: 10px;
        padding-right: 10px;
    }
    [class*='sm-col-'] {
        float: left;
        padding-right: 10px;
        padding-left: 10px;
    }
    .sm-col-1-1 {
        width: 100%;
    }
    .sm-col-2-3,
    .sm-col-8-12 {
        width: 66.66%;
    }
    .sm-col-1-2,
    .sm-col-6-12 {
        width: 50%;
    }
    .sm-col-1-3,
    .sm-col-4-12 {
        width: 33.33%;
    }
    .sm-col-1-4,
    .sm-col-3-12 {
        width: 25%;
    }
    .sm-col-1-5 {
        width: 20%;
    }
    .sm-col-1-6,
    .sm-col-2-12 {
        width: 16.667%;
    }
    .sm-col-1-7 {
        width: 14.28%;
    }
    .sm-col-1-8 {
        width: 12.5%;
    }
    .sm-col-1-9 {
        width: 11.1%;
    }
    .sm-col-1-10 {
        width: 10%;
    }
    .sm-col-1-11 {
        width: 9.09%;
    }
    .sm-col-1-12 {
        width: 8.33%
    }
    .sm-col-11-12 {
        width: 91.66%
    }
    .sm-col-10-12 {
        width: 83.333%;
    }
    .sm-col-9-12 {
        width: 75%;
    }
    .sm-col-5-12 {
        width: 41.66%;
    }
    .sm-col-7-12 {
        width: 58.33%
    }
    .hide-on-sm {
        display: none !important;
        width: 0;
        height: 0;
    }
    .no-p-sm {
        padding: 0px;
    }

    .sm-push-2-3,
    .sm-push-8-12 {
        margin-left: 66.66%;
    }
    .sm-push-1-2,
    .sm-push-6-12 {
        margin-left: 50%;
    }
    .sm-push-1-3,
    .sm-push-4-12 {
        margin-left: 33.33%;
    }
    .sm-push-1-4,
    .sm-push-3-12 {
        margin-left: 25%;
    }
    .sm-push-1-5 {
        margin-left: 20%;
    }
    .sm-push-1-6,
    .sm-push-2-12 {
        margin-left: 16.667%;
    }
    .sm-push-1-7 {
        margin-left: 14.28%;
    }
    .sm-push-1-8 {
        margin-left: 12.5%;
    }
    .sm-push-1-9 {
        margin-left: 11.1%;
    }
    .sm-push-1-10 {
        margin-left: 10%;
    }
    .sm-push-1-11 {
        margin-left: 9.09%;
    }
    .sm-push-1-12 {
        margin-left: 8.33%
    }
    .sm-no-push {
        margin-left: 0;
    }

    .show-on-sm {
        display: block;
    }
}


/*------------------------------------*\
    XS Grid
\*------------------------------------*/
@media screen and (max-width: 480px) /* Als je de width aanpast pas ook de media query aan in default */  {
    .grid {
        width: 100%;
        min-width: 0;
        margin: 0 auto;
    }
    .grid-pad {
        padding-top: 0px;
        padding-left: 10px;
        padding-right: 10px;
    }
    [class*='xs-col-'] {
        float: left;
        padding-right: 10px;
        padding-left: 10px;
    }
    .xs-col-1-1 {
        width: 100%;
    }
    .xs-col-2-3,
    .xs-col-8-12 {
        width: 66.66%;
    }
    .xs-col-1-2,
    .xs-col-6-12 {
        width: 50%;
    }
    .xs-col-1-3,
    .xs-col-4-12 {
        width: 33.33%;
    }
    .xs-col-1-4,
    .xs-col-3-12 {
        width: 25%;
    }
    .xs-col-1-5 {
        width: 20%;
    }
    .xs-col-1-6,
    .xs-col-2-12 {
        width: 16.667%;
    }
    .xs-col-1-7 {
        width: 14.28%;
    }
    .xs-col-1-8 {
        width: 12.5%;
    }
    .xs-col-1-9 {
        width: 11.1%;
    }
    .xs-col-1-10 {
        width: 10%;
    }
    .xs-col-1-11 {
        width: 9.09%;
    }
    .xs-col-1-12 {
        width: 8.33%
    }
    .xs-col-11-12 {
        width: 91.66%
    }
    .xs-col-10-12 {
        width: 83.333%;
    }
    .xs-col-9-12 {
        width: 75%;
    }
    .xs-col-5-12 {
        width: 41.66%;
    }
    .xs-col-7-12 {
        width: 58.33%
    }
    .hide-on-xs {
        display: none !important;
        width: 0;
        height: 0;
    }
    .show-on-xs {
        display: block !important;
    }
    .no-p-xs {
        padding: 0px;
    }

    .xs-push-2-3,
    .xs-push-8-12 {
        margin-left: 66.66%;
    }
    .xs-push-1-2,
    .xs-push-6-12 {
        margin-left: 50%;
    }
    .xs-push-1-3,
    .xs-push-4-12 {
        margin-left: 33.33%;
    }
    .xs-push-1-4,
    .xs-push-3-12 {
        margin-left: 25%;
    }
    .xs-push-1-5 {
        margin-left: 20%;
    }
    .xs-push-1-6,
    .xs-push-2-12 {
        margin-left: 16.667%;
    }
    .xs-push-1-7 {
        margin-left: 14.28%;
    }
    .xs-push-1-8 {
        margin-left: 12.5%;
    }
    .xs-push-1-9 {
        margin-left: 11.1%;
    }
    .xs-push-1-10 {
        margin-left: 10%;
    }
    .xs-push-1-11 {
        margin-left: 9.09%;
    }
    .xs-push-1-12 {
        margin-left: 8.33%
    }
    .xs-no-push {
        margin-left: 0;
    }
}

/*
Font: 		Guildford Pro
Style: 		Bold
URL: 		https://www.youworkforthem.com/font/T2065/guildford-pro
Foundry: 	Red Rooster
Foundry: 	https://www.youworkforthem.com/designer/261/red-rooster
Copyright:	Copyright (c) 2011 by International TypeFounders, Inc.. All rights reserved.
Version: 	17
Created:	March 19, 2015
License: 	https://www.youworkforthem.com/font-license
License: 	The WebFont(s) listed in this document must follow the YouWorkForThem
			WebFont license rules. All other parties are strictly restricted
			from using the WebFonts(s) listed without a purchased license.
			All details above must always remain unaltered and visible in your CSS.
*/
@font-face {
  font-family: 'GuildfordPro';
  src: url('/Fonts/Guildford-Pro/guildford-pro.eot');
  src: url('/Fonts/Guildford-Pro/guildford-pro.eot?#iefix') format('embedded-opentype'),
       url('/Fonts/Guildford-Pro/guildford-pro.woff2') format('woff2'),
       url('/Fonts/Guildford-Pro/guildford-pro.woff') format('woff'),
       url('/Fonts/Guildford-Pro/guildford-pro.ttf')  format('truetype'),
       url('/Fonts/Guildford-Pro/guildford-pro.svg#svgGuildfordPro') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'GuildfordPro';
  src: url('/Fonts/Guildford-Pro/guildford-pro-bold.eot');
  src: url('/Fonts/Guildford-Pro/guildford-pro-bold.eot?#iefix') format('embedded-opentype'),
       url('/Fonts/Guildford-Pro/guildford-pro-bold.woff2') format('woff2'),
       url('/Fonts/Guildford-Pro/guildford-pro-bold.woff') format('woff'),
       url('/Fonts/Guildford-Pro/guildford-pro-bold.ttf')  format('truetype'),
       url('/Fonts/Guildford-Pro/guildford-pro-bold.svg#svgGuildfordPro') format('svg');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'GuildfordPro';
  src: url('/Fonts/Guildford-Pro/guildford-pro-light.eot');
  src: url('/Fonts/Guildford-Pro/guildford-pro-light.eot?#iefix') format('embedded-opentype'),
       url('/Fonts/Guildford-Pro/guildford-pro-light.woff2') format('woff2'),
       url('/Fonts/Guildford-Pro/guildford-pro-light.woff') format('woff'),
       url('/Fonts/Guildford-Pro/guildford-pro-light.ttf')  format('truetype'),
       url('/Fonts/Guildford-Pro/guildford-pro-light.svg#svgGuildfordPro') format('svg');
  font-weight: 300;
  font-style: normal;
}

/* Custom icon font */
@font-face {
  font-family: "boulevard";
  src:url("/Fonts/Fontastic/boulevard.eot");
  src:url("/Fonts/Fontastic/boulevard.eot?#iefix") format("embedded-opentype"),
    url("/Fonts/Fontastic/boulevard.woff") format("woff"),
    url("/Fonts/Fontastic/boulevard.ttf") format("truetype"),
    url("/Fonts/Fontastic/boulevard.svg#boulevard") format("svg");
  font-weight: normal;
  font-style: normal;
}



/* LL Brown */

@font-face {
    font-family: "LL Brown";
    src: url("/fonts/LL-Brown/lineto-brown-light.eot");
    src: url("/fonts/LL-Brown/lineto-brown-light.eot?#iefix") format("embedded-opentype"), url("/fonts/LL-Brown/lineto-brown-light.woff2") format("woff2"), url("/fonts/LL-Brown/lineto-brown-light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "LL Brown";
    src: url("/fonts/LL-Brown/lineto-brown-regular.eot");
    src: url("/fonts/LL-Brown/lineto-brown-regular.eot?#iefix") format("embedded-opentype"), url("/fonts/LL-Brown/lineto-brown-regular.woff2") format("woff2"), url("/fonts/LL-Brown/lineto-brown-regular.woff") format("woff");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "LL Brown";
    src: url("/fonts/LL-Brown/lineto-brown-bold.eot");
    src: url("/fonts/LL-Brown/lineto-brown-bold.eot?#iefix") format("embedded-opentype"), url("/fonts/LL-Brown/lineto-brown-bold.woff2") format("woff2"), url("/fonts/LL-Brown/lineto-brown-bold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
}
/* height */
.h0,
.h5,
.h10,
.h15,
.h20,
.h25,
.h30,
.h35,
.h40,
.h45,
.h50,
.h60,
.h65,
.h70,
.h80,
.h85,
.h100,
.h125,
.h150 {
    clear: both;
    display: block;
}

.h5 {
    height: 5px;
}

.h10 {
    height: 10px;
}

.h20 {
    height: 20px;
}

.h30 {
    height: 30px;
}

.h35 {
    height: 35px;
}

.h40 {
    height: 40px;
}

.h45 {
    height: 45px;
}

.h50 {
    height: 50px;
}

.h60 {
    height: 60px;
}

.h65 {
    height: 65px;
}

.h70 {
    height: 70px;
}

.h80 {
    height: 80px;
}

.h85 {
    height: 85px;
}

.h100 {
    height: 100px;
}

.h125 {
    height: 125px;
}

.h150 {
    height: 150px;
}

/* helpers */
.clearfix:after,
.clear:after,
.form-row:after {
    content: "";
    display: table;
    clear: both;
}

.flex {
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.wrapper {
    overflow: hidden;
}

.hidden {
    display: none;
}

.z1 {
    position: relative;
    z-index: 1;
}

.text ul {
    margin: 0px;
    padding: 0 0 0 20px;
}

.text ul li a {
    text-decoration: none;
}

.text ul li a:hover {
    color: #1e1e1e;
    text-decoration: underline;
}

.text a {
    transition: ease color 0.3s;
    -webkit-transition: ease color 0.3s;
}

.relative {
    position: relative;
}

figure {
    width: 100%;
    height: 100%;
    display: block;
    margin: 0px;
    position: relative;
}

.center {
    text-align: center;
}

.nodec {
    text-decoration: none;
}

a {
    color: inherit;
    text-decoration: underline;
    outline: none;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "LL Brown", Helvetica, Arial, sans-serif;
    color: #00665F;
}


h1 {
    margin: 0px;
    font-size: 64px;
    font-weight: 700;
    line-height: 64px;
}

h2 {
    margin: 0px;
    font-size: 64px;
    font-weight: 700;
    line-height: 64px;
}

h3 {
    margin: 0px;
    font-size: 36px;
    font-weight: 700;
    line-height: 36px;
}

h4 {
    margin: 0px;
    font-size: 32px;
    font-weight: 700;
    line-height: 32px;
}

h5,
h6 {
    font-weight: 700;
    margin: 0px;
    font-size: 24px;
    line-height: 24px;
    font-weight: normal;
}

p {
    margin: 0 0 20px 0;
}

.line-top {
    border-top: 3px solid #f9bb2e;
}

body .hide-till-sm {
    display: none;
}

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

.nowrap {
    display: inline-block;
    white-space: nowrap;
}

.btn-rounded {
    display: inline-block;
    text-decoration: none;
    color: inherit;
    font-size: 14px;
    padding: 6px 30px;
    overflow: hidden;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

    .btn-rounded.large {
        padding: 12px 60px;
    }

    .btn-rounded.white {
        border: 1px solid #daaa00;
        background-color: #daaa00;
    }

        .btn-rounded.white:hover {
            background: #fff;
            border: 1px solid #fff;
            color: #daaa00;
        }

    .btn-rounded.blue {
        color: #444;
        border: 1px solid #444;
    }

        .btn-rounded.blue:hover,
        .btn-rounded.blue.active {
            background: #444;
            color: #fff;
        }

    .btn-rounded.blue-fill {
        font-weight: 700;
        color: #000;
        border: 1px solid #f9bb2e;
        background-color: #f9bb2e;
    }

        .btn-rounded.blue-fill:hover {
            border: 1px solid #393939;
            background-color: #393939;
            color: #fff;
        }

        .btn-rounded.blue-fill.uitverkocht {
            font-weight: 700;
            color: #fff;
            border: 1px solid #f9bb2e;
            background-color: #f9bb2e;
        }

        .btn-rounded.blue-fill.verkoopanders {
            font-weight: 700;
            color: #fff;
            border: 1px solid #f9bb2e;
            background-color: #f9bb2e;
        }

.btn-compact {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.5rem;
    height: 3.5rem;
    color: #000;
    background: #F9A5C8;
    font-size: 14px;
    line-height: 1;
    font-family: 'LL Brown';
    font-weight: 400;
    text-decoration: none;
    margin-bottom: 20px;
    border-radius: 50%;
}

.btn-back {
    display: inline-block;
    color: #fff;
    background: #01b2aa;
    font-size: 20px;
    line-height: 24px;
    font-family: 'LL Brown';
    font-weight: 400;
    text-decoration: none;
    margin-bottom: 20px;
    padding: 15px 20px;
}

    .btn-back .icon {
        margin-right: 8px;
        position: relative;
        top: 2px;
        font-size: 16px;
    }

::-moz-selection {
    background: #01b2aa;
    color: #fff;
}

::selection {
    background: #01b2aa;
    color: #fff;
}

.no-deco {
    text-decoration: none;
}
/*------------------------------------*\
    SM MediaQuery
\*------------------------------------*/
@media only screen and (max-width : 768px) {
    body .hide-till-sm {
        display: block;
    }
}

/*------------------------------------*\
    XS MediaQuery
\*------------------------------------*/
@media screen and (max-width : 480px) /* Als je de width aanpast pas ook de media query aan in simplegrid */ {
    h1 {
        font-size: 40px;
        line-height: 40px;
    }

    .btn-rounded.large {
        padding-left: 30px;
        padding-right: 30px;
    }

    .btn-compact {
        width: 4.5rem;
        height: 4.5rem;
    }
}

.bg-image {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
}

    .bg-image.left-top {
        background-position: left top !important;
    }

        .bg-image.left-top .bg-image-img {
            object-position: left top;
        }

    .bg-image.center-top {
        background-position: center top !important;
    }

        .bg-image.center-top .bg-image-img {
            object-position: center top;
        }

    .bg-image.right-top {
        background-position: right top !important;
    }

        .bg-image.right-top .bg-image-img {
            object-position: right top;
        }

    .bg-image.left-center {
        background-position: left center !important;
    }

        .bg-image.left-center .bg-image-img {
            object-position: left center;
        }

    .bg-image.center-center {
        background-position: center center !important;
    }

        .bg-image.center-center .bg-image-img {
            object-position: center center;
        }

    .bg-image.right-center {
        background-position: right center !important;
    }

        .bg-image.right-center .bg-image-img {
            object-position: right center;
        }

    .bg-image.left-bottom {
        background-position: left bottom !important;
    }

        .bg-image.left-bottom .bg-image-img {
            object-position: left bottom;
        }

    .bg-image.center-bottom {
        background-position: center bottom !important;
    }

        .bg-image.center-bottom .bg-image-img {
            object-position: center bottom;
        }

    .bg-image.right-bottom {
        background-position: right bottom !important;
    }

        .bg-image.right-bottom .bg-image-img {
            object-position: right bottom;
        }

    .bg-image .bg-image-img {
        object-fit: cover;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 0;
    }

    .bg-image > * {
        position: relative;
        z-index: 1;
    }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */
    /* Background image */
    .bg-image .bg-image-img {
        display: none !important;
    }
}

/*Cookies*/
.cc-banner.cc-bottom {
    background: #FDE0E7 !important;
    color: #000 !important;
}

    .cc-banner.cc-bottom a {
        color: #000 !important;
    }

.cc-link {
    opacity: 1 !important;
}

.cc-window.cc-banner {
    max-width: 470px;
    display: block;
    padding: 20px;
    margin: 10px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, .2);
}

    .cc-window.cc-banner.cc-bottom {
        left: 0;
        right: 0;
        bottom: 0;
    }

    .cc-window.cc-banner .cc-message {
        display: block;
        font-size: 16px;
        line-height: 1;
        margin: 1rem 0 2rem 0;
    }

a.cc-btn.cc-dismiss {
    display: inline-block;
    font-family: "LL Brown";
    background: #000;
    color: #fff !important;
    padding: 10px 20px;
    text-decoration: none;
    font-size: 12px;
    font-weight: 700;
    transition: all 0.3s ease !important;
    text-transform: uppercase;
    letter-spacing: 1.56px;
}

    a.cc-btn.cc-dismiss:hover {
        background: #000;
        color: #fff;
    }

a.cc-btn.cc-allow {
    display: inline-block;
    font-family: "LL Brown";
    background: #000;
    color: #fff !important;
    padding: 10px 20px;
    text-decoration: none;
    font-size: 12px;
    font-weight: 700;
    transition: all 0.3s ease !important;
    text-transform: uppercase;
    letter-spacing: 1.56px;
    margin: 0;
}

    a.cc-btn.cc-allow:hover {
        background-color: #000;
        color: #fff !important;
    }

.cc-floating {
    background: #fde0e7 !important;
    color: #000 !important;
    max-width: 500px;
}

.cc-link {
    color: #000 !important;
}

.cc-btn.cc-dismiss {
    display: none !important;
}

    .cc-btn.cc-dismiss.cc-block {
        display: inline-block !important;
        font-family: Helvetica, Arial, sans-serif;
        letter-spacing: unset;
        font-size: 16px;
        font-weight: 400;
        padding: 0;
        margin: 0;
        color: #000 !important;
        text-decoration: underline;
        text-transform: none;
        background-color: transparent;
    }

        .cc-btn.cc-dismiss.cc-block:hover {
            background-color: transparent;
            color: #000;
        }


/*------------------------------------*\
    XS MediaQuery
\*------------------------------------*/
@media screen and (max-width : 850px) /* Als je de width aanpast pas ook de media query aan in simplegrid */ {
    .cc-link {
        color: #000 !important;
        padding-left: 0 !important;
    }

    a.cc-btn.cc-allow, a.cc-btn.cc-dismiss {
        font-size: 12px;
        padding: 5px;
    }
}

@charset "UTF-8";

@font-face {
  font-family: "boulevard";
  src:url("/Fonts/Fontastic/boulevard.eot");
  src:url("/Fonts/Fontastic/boulevard.eot?#iefix") format("embedded-opentype"),
    url("/Fonts/Fontastic/boulevard.woff") format("woff"),
    url("/Fonts/Fontastic/boulevard.ttf") format("truetype"),
    url("/Fonts/Fontastic/boulevard.svg#boulevard") format("svg");
  font-weight: normal;
  font-style: normal;

}

[data-icon]:before {
  font-family: "boulevard" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "boulevard" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-youtube-play:before {
  content: "\61";
}
.icon-google-plus:before {
  content: "\62";
}
.icon-comment:before {
  content: "\63";
}
.icon-linkedin:before {
  content: "\64";
}
.icon-twitter:before {
  content: "\65";
}
.icon-search:before {
  content: "\66";
}
.icon-facebook-square:before {
  content: "\67";
}
.icon-pijl-back:before {
  content: "\6e";
}
.icon-pijl-menu:before {
  content: "\6d";
}
.icon-close:before {
  content: "\6f";
}
.icon-angle-down:before {
  content: "\70";
}
.icon-quote:before {
  content: "\71";
}
.icon-programma-zoeken:before {
  content: "\6b";
}
.icon-tickets:before {
  content: "\72";
}
.icon-time-table:before {
  content: "\73";
}
.icon-info-1:before {
  content: "\74";
}
.icon-actueel-1:before {
  content: "\75";
}
.icon-insta:before {
  content: "\68";
}

[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}
/* Slider */
.slick-slider
{
    position: relative;

    display: block;

    -moz-box-sizing: border-box;
         box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
/**
 * Swiper 3.4.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * 
 * http://www.idangero.us/swiper/
 * 
 * Copyright 2016, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on: October 16, 2016
 */
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}.swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0}.swiper-pagination-progress.swiper-pagination-white{background:rgba(255,255,255,.5)}.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff}.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube,.swiper-container-flip{overflow:visible}.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

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

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

/*------------------------------------*\
    Default styles
\*------------------------------------*/
html {
    font-size: 62.5%;
}

    html.nav-open {
        overflow: hidden;
    }


    html.theme-accessibility-size {
        font-size: 80%;
    }

        html.theme-accessibility-size .header .search-bar {
            margin: 0 4rem;
        }

body {
    background: #fff;
}

body {
    font-size: 1.8rem;
    font-family: "LL Brown", Helvetica, Arial, sans-serif;
    font-weight: 400;
    line-height: normal;
    position: relative;
    overflow-x: hidden;
    color: #000;
}

    body.yellow-block-right::after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        width: 45vw;
        height: 60vh;
        background-color: #00665F;
        z-index: 1;
    }

    body.yellow-block-right #content {
        position: relative;
        z-index: 3;
    }

    body.event-detail-grey-bg {
        background: #f1f1f1;
    }

    body.is-dimmed::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, .5);
        z-index: 999;
    }

.body-flex {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 100vh;
    position: relative;
}

    .body-flex #content {
        flex-grow: 2;
    }

.winkelmandje {
    width: 100%;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    border-top: 2px solid #fff;
    padding: 9px 10px 9px;
}

    .winkelmandje .ticketsbutton {
        background-color: #00665F;
    }

        .winkelmandje .ticketsbutton:hover {
            background-color: #00665F;
        }

.mobile-menu-logo, .black-wipe-sm {
    display: none;
}

/* NEW HEADER */
.header {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    font-family: "LL Brown";
    display: flex;
    padding: 2rem 0;
    z-index: 999;
    background: none;
    background-color: transparent;
    transition: all 0.3s ease-in-out;
}

    .header::before {
        content: "";
        position: absolute;
        top: -100%;
        left: 0;
        right: 0;
        width: 100%;
        height: 90%;
        box-shadow: 0 5rem 5rem 5rem rgb(0 0 0 / 35%);
        z-index: -1;
        pointer-events: none;
    }

    .header .flex-grid {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .header .logo {
        display: flex;
        align-items: flex-end;
    }

        .header .logo .logo-image {
            display: block;
            width: 26rem;
            height: 10rem;
            background: url(/Images/boulevard_new22.svg) no-repeat;
            background-size: auto;
            background-size: contain;
            background-position: center center;
            text-indent: -9999em;
        }

    .header .search-bar {
        display: flex;
        justify-content: center;
        flex-grow: 1;
        flex-basis: 0;
    }

        .header .search-bar form.filter-search {
            width: auto;
            position: relative;
        }

            .header .search-bar form.filter-search input[type="search"] {
                display: block;
                width: 100%;
                height: auto;
                border: none;
                background: none;
                border-bottom: 2px solid #fff;
                padding: 0.2rem 0 0.5rem 0.5rem;
                font-size: 2.4rem;
                min-width: 32rem;
                color: #fff;
            }

                .header .search-bar form.filter-search input[type="search"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
                    color: #fff;
                    font-size: 2rem;
                    text-decoration: none;
                    text-transform: none;
                }

                .header .search-bar form.filter-search input[type="search"]::-moz-placeholder { /* Firefox 19+ */
                    color: #fff;
                    font-size: 2rem;
                    text-decoration: none;
                    text-transform: none;
                }

                .header .search-bar form.filter-search input[type="search"]:-ms-input-placeholder { /* IE 10+ */
                    color: #fff;
                    font-size: 2rem;
                    text-decoration: none;
                    text-transform: none;
                }

                .header .search-bar form.filter-search input[type="search"]:-moz-placeholder { /* Firefox 18- */
                    color: #fff;
                    font-size: 2rem;
                    text-decoration: none;
                    text-transform: none;
                }

            .header .search-bar form.filter-search button[type="submit"] {
                position: absolute;
                font-size: 2.2rem;
                top: 50%;
                transform: translateY(-50%);
                right: 0;
                left: unset;
                height: unset;
                width: unset;
                border: none;
                color: #fff;
                background: none;
            }

    .header .main-nav {
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

        .header .main-nav a {
            margin-right: 2.5rem;
        }

        .header .main-nav .main-nav-link {
            color: #fff;
            font-weight: 700;
            font-size: 2rem;
        }

        .header .main-nav .main-nav-icon {
            display: block;
            width: 3.5rem;
            height: 3.5rem;
            background: url(/Images/Winkelwagen_wit.svg) no-repeat;
            background-size: auto;
            background-size: contain;
            background-position: center center;
            text-indent: -9999em;
        }

        .header .main-nav .main-nav-mijnomgeving {
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            width: 3.5rem;
            height: 3.5rem;
            text-decoration: none;
            font-size: 28px;
        }

        .header .main-nav .burger {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 3.5rem;
            height: 3.5rem;
            text-align: center;
            margin: 0 15px 0 5px;
            color: inherit;
            position: relative;
            text-decoration: none;
            cursor: pointer;
        }

            .header .main-nav .burger span {
                content: '';
                cursor: pointer;
                height: 0.30rem;
                width: 3.2rem;
                background: #fff;
                position: absolute;
                display: block;
                transition: all 500ms ease-in-out;
            }

                .header .main-nav .burger span::before {
                    content: '';
                    cursor: pointer;
                    height: 0.30rem;
                    width: 3.2rem;
                    background: #fff;
                    position: absolute;
                    display: block;
                    top: -10px;
                    -webkit-transition: all 500ms ease-in-out;
                    -o-transition: all 500ms ease-in-out;
                    transition: all 500ms ease-in-out;
                }

                .header .main-nav .burger span::after {
                    content: '';
                    cursor: pointer;
                    height: 0.30rem;
                    width: 3.2rem;
                    background: #fff;
                    position: absolute;
                    display: block;
                    bottom: -10px;
                    transition: all 500ms ease-in-out;
                }

            .header .main-nav .burger.nav-open span {
                background-color: #00665F;
            }

                .header .main-nav .burger.nav-open span::before {
                    background: #fff;
                    top: 0;
                    transform: rotate(45deg);
                }

                .header .main-nav .burger.nav-open span::after {
                    background: #fff;
                    top: 0;
                    transform: rotate(-45deg);
                }

.accessibility {
    position: absolute;
    right: 0;
    top: 0;
    background-color: #000;
    z-index: 77;
    transition: all ease .3s;
}

    .accessibility.mobile {
        display: none;
    }

    .accessibility.menu-open {
        right: 22rem;
    }


    .accessibility .accessibility-btn {
        width: 6rem;
        height: 6rem;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: transparent;
        color: #fcbc09;
        overflow: hidden;
        padding: 1rem;
        cursor: pointer;
        transition: background-color ease .3s;
    }

    .accessibility .accessibilityMenu {
        font-size: 1.6rem;
        padding: 2rem 2.5rem;
        position: absolute;
        left: 6rem;
        top: 0;
        width: 22rem;
        background-color: #fcbc09;
    }

        .accessibility .accessibilityMenu ul {
            list-style: none;
            width: 100%;
            margin: 0;
            padding: 0;
        }

            .accessibility .accessibilityMenu ul li {
                padding: 1rem 0;
                width: 100%;
                display: flex;
                align-items: center;
                font-family: "LL Brown";
                cursor: pointer;
                transition: all ease .3s;
            }

                .accessibility .accessibilityMenu ul li .icon {
                    font-size: 2rem;
                    width: 2rem;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    margin-right: 2rem;
                }

#eye-bottom, #eye-top {
    stroke-linecap: round;
}

#eye-top, #eye-lashes {
    transition: .2s ease-in;
}

#eye-pupil {
    opacity: 0;
    transition: opacity .1s ease;
}

.eye-open #eye {
    transform: translateY(10%);
}

.eye-open #eye-top,
.eye-open #eye-lashes {
    transform: rotateX(.5turn);
    animation: scaleUp .2s .2s ease-in-out;
}

.eye-open #eye-pupil {
    opacity: 1;
}
/* close state */
.eye-close #eye {
    transform: translateY(-10%);
}

.eye-close #eye-lashes {
    animation: scaleDown .2s .2s ease-in-out;
}

.eye-close #eye-pupil {
    opacity: 0;
}


@keyframes scaleDown {
    50% {
        transform: rotateX(.5turn) scaleY(1.15);
    }

    to {
        transform: rotateX(.5turn) scaleY(1);
    }
}

@keyframes scaleDown {
    50% {
        transform: scaleY(1.15);
    }

    to {
        transform: scaleY(1);
    }
}




/* HEADER SCROLL ANIMATION */
.header.scrolled {
    padding: 0;
    background-color: #00665F;
    box-shadow: 0 4px 40px rgba(0, 0, 0, 0.2);
}

    .header.scrolled::before {
        content: none;
    }

    .header.scrolled .logo .logo-image {
        width: 20rem;
        height: 8rem;
        background-image: url(/Images/boulevard_new22pink.svg);
    }

    .header.scrolled .search-bar form.filter-search input[type="search"] {
        border-bottom: 2px solid #fff;
    }

        .header.scrolled .search-bar form.filter-search input[type="search"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
            color: #fff;
            font-size: 2rem;
            text-decoration: none;
            text-transform: none;
        }

        .header.scrolled .search-bar form.filter-search input[type="search"]::-moz-placeholder { /* Firefox 19+ */
            color: #fff;
            font-size: 2rem;
            text-decoration: none;
            text-transform: none;
        }

        .header.scrolled .search-bar form.filter-search input[type="search"]:-ms-input-placeholder { /* IE 10+ */
            color: #fff;
            font-size: 2rem;
            text-decoration: none;
            text-transform: none;
        }

        .header.scrolled .search-bar form.filter-search input[type="search"]:-moz-placeholder { /* Firefox 18- */
            color: #fff;
            font-size: 2rem;
            text-decoration: none;
            text-transform: none;
        }

    .header.scrolled .search-bar form.filter-search button[type="submit"] {
        color: #fff;
    }

    .header.scrolled .main-nav .main-nav-link {
        color: #fff;
    }

    .header.scrolled .main-nav .burger span {
        background: #fff;
    }

        .header.scrolled .main-nav .burger span::before, .header.scrolled .main-nav .burger span::after {
            background: #fff;
        }

    .header.scrolled .main-nav .main-nav-icon {
        background: url(/Images/Winkelwagen.svg) no-repeat center center;
        filter: invert(1);
    }

    .header.scrolled .main-nav .main-nav-mijnomgeving {
        color: #fff;
    }


    .header.scrolled .accessibility {
        top: 100%;
    }

/* OVERLAY MENU */

.overlay {
    position: fixed;
    z-index: 9999;
    background-color: #00665F;
    color: #fff;
    top: 0;
    left: 0;
    width: 100%;
    height: 0%;
    opacity: 0;
    visibility: hidden;
    transition: opacity .35s, visibility .35s, height .35s;
    overflow: hidden auto;
}

    .overlay.open {
        opacity: 1;
        visibility: visible;
        min-height: 100vh;
    }

    .overlay .overlay-top .flex-container {
        padding: 4rem 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        .overlay .overlay-top .flex-container .search-bar {
            display: flex;
            flex-grow: 1;
            flex-basis: 0;
        }

            .overlay .overlay-top .flex-container .search-bar form.filter-search {
                width: auto;
                position: relative;
            }

                .overlay .overlay-top .flex-container .search-bar form.filter-search input[type="search"] {
                    display: block;
                    width: 100%;
                    height: auto;
                    border: none;
                    background: none;
                    border-bottom: 2px solid #fff;
                    padding: 0.2rem 0 0.5rem 0.5rem;
                    font-size: 2.4rem;
                    min-width: 32rem;
                    color: #fff;
                    border-radius: 0;
                    -webkit-appearance: none;
                }

                    .overlay .overlay-top .flex-container .search-bar form.filter-search input[type="search"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
                        color: #fff;
                        font-size: 2rem;
                        text-decoration: none;
                        text-transform: none;
                    }

                    .overlay .overlay-top .flex-container .search-bar form.filter-search input[type="search"]::-moz-placeholder { /* Firefox 19+ */
                        color: #fff;
                        font-size: 2rem;
                        text-decoration: none;
                        text-transform: none;
                    }

                    .overlay .overlay-top .flex-container .search-bar form.filter-search input[type="search"]:-ms-input-placeholder { /* IE 10+ */
                        color: #fff;
                        font-size: 2rem;
                        text-decoration: none;
                        text-transform: none;
                    }

                    .overlay .overlay-top .flex-container .search-bar form.filter-search input[type="search"]:-moz-placeholder { /* Firefox 18- */
                        color: #fff;
                        font-size: 2rem;
                        text-decoration: none;
                        text-transform: none;
                    }

                .overlay .overlay-top .flex-container .search-bar form.filter-search button[type="submit"] {
                    position: absolute;
                    font-size: 2.2rem;
                    top: 50%;
                    transform: translateY(-50%);
                    right: 0;
                    left: unset;
                    height: unset;
                    width: unset;
                    border: none;
                    color: #fff;
                    background: none;
                }

        .overlay .overlay-top .flex-container .close-overlay {
            display: flex;
            align-items: center;
        }

        .overlay .overlay-top .flex-container .lang-select {
            display: flex;
            margin: 0;
            padding: 0;
            list-style: none;
            color: #fff;
            margin-right: 1.5rem;
        }

            .overlay .overlay-top .flex-container .lang-select li a {
                display: block;
                font-family: "LL Brown";
                font-weight: 700;
                font-size: 2rem;
                color: inherit;
                margin-right: 1rem;
                text-decoration: none;
            }

                .overlay .overlay-top .flex-container .lang-select li a.active {
                    text-decoration: underline;
                }

        .overlay .overlay-top .flex-container .close-overlay .overlay-close-text {
            font-family: "LL Brown";
            font-weight: 700;
            font-size: 2rem;
            cursor: pointer;
        }

        .overlay .overlay-top .flex-container .close-overlay .burger {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 5rem;
            height: 5rem;
            text-align: center;
            margin: 0 0.5rem;
            color: inherit;
            position: relative;
            text-decoration: none;
            cursor: pointer;
        }

            .overlay .overlay-top .flex-container .close-overlay .burger span {
                content: '';
                cursor: pointer;
                height: 0.30rem;
                width: 4rem;
                background: #fff;
                position: absolute;
                display: block;
                transition: all 500ms ease-in-out;
            }

                .overlay .overlay-top .flex-container .close-overlay .burger span::before {
                    content: '';
                    cursor: pointer;
                    height: 0.30rem;
                    width: 4rem;
                    background: #fff;
                    position: absolute;
                    display: block;
                    top: -10px;
                    -webkit-transition: all 500ms ease-in-out;
                    -o-transition: all 500ms ease-in-out;
                    transition: all 500ms ease-in-out;
                }

                .overlay .overlay-top .flex-container .close-overlay .burger span::after {
                    content: '';
                    cursor: pointer;
                    height: 0.30rem;
                    width: 4rem;
                    background: #fff;
                    position: absolute;
                    display: block;
                    bottom: -10px;
                    transition: all 500ms ease-in-out;
                }

            .overlay .overlay-top .flex-container .close-overlay .burger.nav-open span {
                background-color: #00665F !important;
            }

                .overlay .overlay-top .flex-container .close-overlay .burger.nav-open span::before {
                    background-color: #fff;
                    top: 0;
                    transform: rotate(45deg);
                }

                .overlay .overlay-top .flex-container .close-overlay .burger.nav-open span::after {
                    background-color: #fff;
                    top: 0;
                    transform: rotate(-45deg);
                }

    .overlay .overlay-mid {
        position: relative;
    }

        .overlay .overlay-mid ul {
            list-style: none;
            margin: 0 0 4rem 0;
            padding: 0;
        }

            .overlay .overlay-mid ul li {
                display: block;
            }

                /*.overlay .overlay-mid ul li:nth-of-type(2) {
                    animation-delay: .40s;
                }

                .overlay .overlay-mid ul li:nth-of-type(2) {
                    animation-delay: .4s;
                }*/

                .overlay .overlay-mid ul li .menu-link {
                    width: auto;
                    display: inline-block;
                    color: #FDE0E7;
                    font-size: 6.2rem;
                    font-family: "LL Brown";
                    font-weight: 400;
                    text-decoration: none;
                    position: relative;
                }

                    .overlay .overlay-mid ul li .menu-link::after {
                        content: '';
                        width: 0px;
                        height: 5px;
                        display: block;
                        background: #FDE0E7;
                        position: absolute;
                        bottom: 10px;
                        left: 0;
                        transition: all 0.2s ease-in-out;
                    }

                    .overlay .overlay-mid ul li .menu-link:hover {
                        font-weight: 700;
                    }

                        .overlay .overlay-mid ul li .menu-link:hover::after {
                            width: 100%;
                        }

        .overlay .overlay-mid .become-friend {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            position: absolute;
            top: 0;
            right: 0;
            height: 11rem;
            width: 11rem;
            background: #FDE0E7;
            border-radius: 50%;
            color: #000;
            text-decoration: none;
            font-family: "LL Brown";
            font-weight: 700;
            padding: 1rem;
            text-align: center;
            font-size: 1.8rem;
            transition: all 0.1s ease;
        }

            .overlay .overlay-mid .become-friend:hover {
                box-shadow: 0 2px 20px rgba(0, 0, 0, 0.2);
            }

            .overlay .overlay-mid .become-friend .become-friend-arrow {
                max-width: 100%;
                margin-top: 5px;
            }

    .overlay .overlay-bottom .bottom-menu {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .overlay .overlay-bottom .bottom-menu li {
            display: block;
        }

            .overlay .overlay-bottom .bottom-menu li a {
                display: inline-block;
                width: auto;
                color: #fff;
                font-size: 2.4rem;
                font-family: "LL Brown";
                font-weight: 400;
                margin-bottom: 10px;
                text-decoration: none;
                position: relative;
            }

                .overlay .overlay-bottom .bottom-menu li a::after {
                    content: '';
                    width: 0px;
                    height: 2px;
                    display: block;
                    background: #fff;
                    position: absolute;
                    bottom: 5px;
                    left: 0;
                    transition: all 0.2s ease-in-out;
                }

                .overlay .overlay-bottom .bottom-menu li a:hover::after {
                    width: 100%;
                }

                .overlay .overlay-bottom .bottom-menu li a:hover {
                    font-weight: 700;
                }

    .overlay .overlay-bottom .socials {
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }

        .overlay .overlay-bottom .socials li {
            display: flex;
        }

            .overlay .overlay-bottom .socials li a {
                font-size: 2.4rem;
                color: #fff;
                margin: .5rem 0;
                text-align: center;
            }

    .overlay .overlay-logos ul {
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex;
    }

        .overlay .overlay-logos ul li .logo {
            display: block;
            width: 13rem;
            height: 8rem;
            background-size: auto;
            background-size: contain;
            background-position: center center;
            background-repeat: no-repeat;
            text-indent: -9999em;
            margin-right: 20px;
            -webkit-filter: invert(1);
            filter: invert(1);
        }

            .overlay .overlay-logos ul li .logo.hertog-jan {
                background-image: url(/Images/hertog-jan.png);
            }

            .overlay .overlay-logos ul li .logo.zomer {
                background-image: url(/Images/bosschezomer-logo-groen.png);
            }

            .overlay .overlay-logos ul li .logo.db {
                background-image: url(/Images/Bitmap.png);
            }


/*END OF OVERLAY*/

/*STYLING NEW DETAIL PAGE */

.eventDetail {
    min-height: 85vh;
    height: 85vh;
    display: flex;
    flex-direction: column;
    background-image: url(/Images/her2020.jpg);
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
}

    .eventDetail .flex-grid {
        display: flex;
        width: 100%;
        height: 100%;
        align-content: flex-end;
        justify-content: flex-end;
        flex-direction: column;
        position: relative;
    }

.event-intro {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding-bottom: 70px;
}

.event-text-wrapper {
    display: flex;
    flex-direction: column;
    color: #fff;
    margin-bottom: 50px;
}

    .event-text-wrapper .event-date {
        display: block;
        font-family: "LL Brown";
        font-size: 24px;
        font-weight: 400;
        text-shadow: 0 2px 10px rgba(0, 0, 0, 0.8);
    }

    .event-text-wrapper .title {
        display: block;
        font-size: 6.4rem;
        font-weight: 700;
        color: #fff;
        text-shadow: 0 2px 10px rgba(0, 0, 0, 0.8);
        margin-bottom: 7px;
        text-transform: unset;
    }

    .event-text-wrapper .subtitle {
        display: block;
        font-family: "LL Brown";
        font-size: 3.6rem;
        color: #fff;
        line-height: normal;
        font-weight: 400;
        text-shadow: 0 2px 10px rgba(0, 0, 0, 0.8);
    }

.event-social-wrapper {
    display: flex;
    flex-direction: column;
    text-align: right;
    align-items: flex-end;
    color: #fff;
    margin-bottom: 2rem;
}

    .event-social-wrapper .socials .social-links {
        display: flex;
        justify-content: flex-end;
        margin: 10px 0;
        padding: 0;
    }

        .event-social-wrapper .socials .social-links li a {
            text-shadow: 0 2px 10px rgba(0, 0, 0, 0.8);
        }

    .event-social-wrapper .socials .title {
        display: block;
        font-family: "LL Brown";
        font-size: 2.4rem;
        font-weight: 400;
        color: #fff;
        line-height: normal;
        text-shadow: 0 2px 10px rgba(0, 0, 0, 0.8);
        text-transform: unset;
    }

    .event-social-wrapper .btn-koopKaarten {
        font-family: "LL Brown";
        font-weight: 700;
        font-size: 1.6rem;
        color: #000;
        background-color: #F9A5C8;
        text-decoration: none;
        padding: 1.5rem 2rem;
        letter-spacing: 1.78px;
        text-transform: uppercase;
        white-space: nowrap;
        transition: all 0.3s ease;
    }

        .event-social-wrapper .btn-koopKaarten:hover {
            background-color: #f67eb0;
        }

.eventDetail-intro {
    margin-top: -7rem;
}

    .eventDetail-intro .eventDetail-intro-wrapper {
        display: flex;
        align-items: flex-start;
    }

        .eventDetail-intro .eventDetail-intro-wrapper .event-text {
            position: relative;
            background: #fff;
            padding: 60px;
            font-size: 24px;
            font-family: "LL Brown";
            font-weight: 400;
            line-height: 31px;
            color: #000;
        }

        .eventDetail-intro .eventDetail-intro-wrapper .event-info {
            display: flex;
            align-self: flex-start;
            position: relative;
            background-color: #00665F;
            padding: 4rem 2.2rem 4rem 3rem;
            color: #fff;
        }

            .eventDetail-intro .eventDetail-intro-wrapper .event-info .event-info-container {
                display: flex;
                width: 100%;
                flex-wrap: wrap;
            }

                .eventDetail-intro .eventDetail-intro-wrapper .event-info .event-info-container .event-info-wrapper {
                    display: flex;
                    width: 100%;
                    flex-wrap: wrap;
                    font-family: "LL Brown";
                    font-size: 18px;
                    margin-bottom: 15px;
                }

                    .eventDetail-intro .eventDetail-intro-wrapper .event-info .event-info-container .event-info-wrapper .event-info-title {
                        font-weight: 700;
                        min-width: 50%;
                        max-width: 50%;
                    }

                    .eventDetail-intro .eventDetail-intro-wrapper .event-info .event-info-container .event-info-wrapper .event-info-value {
                        font-weight: 400;
                        width: 50%;
                        max-width: 50%;
                        text-decoration: none;
                        color: #fff;
                    }

                        .eventDetail-intro .eventDetail-intro-wrapper .event-info .event-info-container .event-info-wrapper .event-info-value a {
                            color: inherit;
                            text-decoration: none;
                        }

.event-DetailExtraText {
    font-family: "LL Brown";
    font-weight: 400;
    color: #000;
    padding: 20px 0;
}

    .event-DetailExtraText p {
        font-size: 1.8rem;
    }


.detail-program-bg .ab-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 20px;
}


    .detail-program-bg .ab-row .align-right {
        display: flex;
        justify-content: flex-end;
    }

    .detail-program-bg .ab-row .ab-text {
        font-size: 54px;
        font-weight: 700;
        line-height: 1.2;
        color: #fff;
        font-family: "LL Brown";
    }

.detail-program-bg .flex-container-event {
    display: flex;
}

body.nav-is-open {
    overflow: hidden;
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translate3d(-100%, 0, 0);
    }

    10% {
        opacity: 0;
        transform: translate3d(-100%, 0, 0);
    }

    15% {
        opacity: 1;
        transform: none
    }

    90% {
        opacity: 1;
        transform: none
    }

    100% {
        opacity: 0;
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translate3d(100%, 0, 0);
    }

    40% {
        opacity: 0;
        transform: translate3d(100%, 0, 0);
    }

    42% {
        opacity: 1;
        transform: none
    }

    70% {
        opacity: 1;
        transform: none
    }

    72% {
        opacity: 0;
        transform: translate3d(100%, 0, 0);
    }

    100% {
        opacity: 0;
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }

    60% {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }

    62% {
        opacity: 1;
        transform: none
    }

    98% {
        opacity: 1;
        transform: none
    }

    100% {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }
}


.active .logo {
    transform: translate(0%, 0%);
    -webkit-transform: translate(0%, 0%);
}

.hoek {
    z-index: 1;
    position: absolute;
    left: 0;
    top: -1px;
    padding-left: 23.7%;
    height: 100%;
    width: 0;
    transform: translate(-100%, 0%);
    -webkit-transform: translate(-100%, 0%);
    background: url(../Images/Roze.svg) left top / contain no-repeat;
    transition: cubic-bezier(.215,.61,.355,1) all 0.7s 0.1s;
    -webkit-transition: cubic-bezier(.215,.61,.355,1) all 0.7s 0.1s;
}

.active .hoek.left {
    transform: translate(0%, 0%);
    -webkit-transform: translate(0%, 0%);
}

.hoek.right {
    position: absolute;
    left: auto;
    right: 0;
    top: -1px;
    padding-left: 23.7%;
    height: 100%;
    width: 0;
    transform: translate(100%, 0%);
    -webkit-transform: translate(100%, 0%);
    background: url(../Images/Blauw.svg) right top / contain no-repeat;
    transition: cubic-bezier(.215,.61,.355,1) all 0.7s 0.1s;
    -webkit-transition: cubic-bezier(.215,.61,.355,1) all 0.7s 0.1s;
}

.active .hoek.right {
    transform: translate(0%, 0%);
    -webkit-transform: translate(0%, 0%);
}

.hoek.mid {
    position: absolute;
    left: auto;
    top: auto;
    right: 50%;
    bottom: -1px;
    padding-left: 50%;
    height: 100%;
    width: 0;
    transform: translate(50%,0%) scale(0);
    -webkit-transform: translate(50%,0%) scale(0);
    opacity: 0;
    background: url(../Images/driehoek.svg) right bottom / contain no-repeat;
    transition: cubic-bezier(.215,.61,.355,1) all 0.5s 0.8s;
    -webkit-transition: cubic-bezier(.215,.61,.355,1) all 0.5s 0.8s;
}


.active .hoek.mid {
    opacity: 0.75;
    transform: translate(50%, 0%) scale(1);
    -webkit-transform: translate(50%, 0%) scale(1);
}

.overlay-melding {
    display: none;
}

a, button, input[type='submit'] {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    cursor: pointer;
}

/* Grid changes */
/*.grid {
    margin: 0 auto 0 0;
}*/

.grid.large {
    max-width: 1920px;
    padding-right: 10px;
}

.detail-bg.archive {
    position: relative;
    overflow: hidden;
}

.top-spacer {
    height: 160px;
}

.grey {
    padding: 60px 0;
    background: #00665F;
    position: relative;
}

    .grey > div {
        position: relative;
        z-index: 3;
    }

    .grey h1 {
        font-family: 'LL Brown';
        font-size: 45px;
        font-weight: 700;
        line-height: 50px;
        color: #fff;
        padding-bottom: 15px;
        margin-bottom: 15px;
        position: relative;
        /* text-transform: lowercase; */
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }

    .grey h2 {
        font-family: 'LL Brown';
        font-size: 35px;
        font-weight: 400;
        line-height: 40px;
        margin-bottom: 15px;
    }

    .grey p {
        font-family: 'LL Brown';
        color: #fff;
        font-size: 26px;
        font-weight: 400;
        line-height: 34px;
        margin-bottom: 0;
    }

.btn.koop-tickets {
    background-color: #fff;
    border: 1px solid #fff;
    font-family: 'LL Brown';
    color: #000;
    display: inline-block;
    padding: 20px 40px;
    text-decoration: none;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 20px;
    transition: ease-in-out all 0.3s, cubic-bezier(.215,.61,.355,1) transform 0.5s 1.1s;
    -webkit-transition: ease-in-out all 0.3s, cubic-bezier(.215,.61,.355,1) transform 0.5s 1.1s;
}

    .btn.koop-tickets:hover {
        background-color: #00665F;
        border: 2px solid #00665F;
        color: #fff;
    }

/*------------------------------------*\
    Smoelenboek
\*------------------------------------*/
.smoelenboek {
    width: 100%;
    display: flex;
    display: -webkit-flex;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    margin-left: 0;
}

    .smoelenboek .person {
        width: 33.33333%;
        padding: 0 10px 40px 10px;
        font-size: 16px;
    }

.person h3 {
    font-weight: 700;
    font-size: inherit;
    line-height: inherit;
    font-size: 20px;
    color: #00665F;
}

.person .functie {
    display: block;
}

.person .image img {
    width: 100%;
    height: auto;
    display: block;
}

.person .image {
    position: relative;
}

    .person .image .quote {
        opacity: 0;
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        padding: 10px 20px;
        color: #fff;
        font-size: 20px;
        font-weight: 700;
        display: flex;
        display: -webkit-flex;
        line-height: 24px;
        align-items: center;
        -webkit-align-items: center;
        background: #00665F;
        background: rgba(0,119,200,0.6);
    }

.person:hover .image .quote {
    opacity: 1;
}

.person .info {
    position: relative;
    z-index: 10;
    margin-top: 10px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

    .person .info a {
        color: #000;
    }

/*.no-touchevents .person:hover .info {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
}*/


/*------------------------------------*\
    Header
\*------------------------------------*/
.homepage.video {
    width: 100%;
    height: 0px;
    padding-bottom: 56.25%;
}

    .homepage.video iframe {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 1000;
    }

#main-logo {
    width: 80px;
    height: 118px;
    display: block;
    background: url("/Images/2020-logo-v1.svg") no-repeat;
    background-position: center center !important;
    text-indent: -9999em;
    margin: 20px auto 20px auto;
}

#mobile-logo {
    width: 77px;
    height: 115px;
    display: block;
    background: url("/Images/2020-logo-v1.svg") no-repeat;
    text-indent: -9999em;
    margin: 70px auto 20px;
    position: relative;
    left: -10px;
}

.hero {
    height: 100vh;
    width: 100%;
    background: #eaeaea;
    position: relative;
    background-size: cover !important;
    background-position: center center !important;
}

.hero-content {
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 80%;
    text-align: center;
}

.hero-logo {
    position: absolute;
    top: 100px;
    right: 100px;
    width: 150px;
    height: 235px;
    background: url('/Images/boulevard-logo-2017-yellow-v2.svg') no-repeat;
    background-position: center center !important;
    background-size: contain !important;
}

.hero-title {
    border-top: 4px solid #000;
    border-bottom: 4px solid #000;
    display: inline-block;
    margin-bottom: 20px;
}

    .hero-title .title,
    .hero-title .subtitle {
        display: inline-block;
    }

    .hero-title .title {
        font-size: 50px;
        line-height: 50px;
        margin: 5px 0;
    }

    .hero-title .subtitle {
        font-size: 38px;
        line-height: 38px;
        margin: 0 0 10px 0;
    }

.hero-button {
    margin-bottom: 45px;
}

    .hero-button .btn {
        display: inline-block;
        background-color: #f9bb2e;
        font-size: 18px;
        font-weight: 700;
        letter-spacing: -0.6px;
        color: #000;
        text-decoration: none;
        padding: 10px 25px;
    }

        .hero-button .btn:hover {
            background: #000;
            color: #fff;
        }

.hero-programme {
}

    .hero-programme .title {
        letter-spacing: -0.6px;
        display: block;
    }

.hero-scroll {
    margin-top: 10px;
    background: none;
    width: 40px;
    height: 40px;
    border: 2px solid #000000;
    font-size: 30px;
}

    .hero-scroll:hover {
        background: #000;
        color: #fff;
    }

.heroslide-1 {
    background: url('/Images/hero-2017-1.jpg');
}

.heroslide-2 {
    background: url('/Images/hero-2017-2.jpg');
}

.heroslide-3 {
    background: url('/Images/hero-2017-3.jpg');
}

.heroslide-4 {
    background: url('/Images/hero-2017-4.jpg');
}

    .heroslide-2 .hero-content,
    .heroslide-3 .hero-content,
    .heroslide-4 .hero-content {
        color: #fff;
    }

    .heroslide-2 .hero-title,
    .heroslide-3 .hero-title,
    .heroslide-4 .hero-title {
        text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.4);
        border-color: #fff;
    }

.heroslide-2 .hero-programme .title,
.heroslide-3 .hero-programme .title {
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}

.heroslide-2 .hero-scroll,
.heroslide-4 .hero-scroll {
    border-color: #fff;
}

.heroslide-3 .hero-scroll {
    color: #000;
}

.heroslide-2 .hero-scroll:hover,
.heroslide-4 .hero-scroll:hover {
    border-color: #000;
}

.heroslide-3 .hero-scroll:hover {
    color: #fff;
}

/*------------------------------------*\
    Navigation
\*------------------------------------*/
#main-nav {
    width: 120px;
    height: 100%;
    height: 100vh;
    background-color: #00665F;
    color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    text-align: center;
    font-weight: 700;
    font-size: 18px;
    letter-spacing: -0.5px;
    z-index: 120;
}

    #main-nav.absolute {
        /*position: relative;*/
        position: absolute;
        height: auto;
        float: left;
    }

    #main-nav #menu a {
        color: #fff;
        text-decoration: none;
        display: block;
        padding: 24px 10px 22px;
        line-height: normal;
        font-size: 20px;
    }

        #main-nav #menu a:hover,
        #main-nav #menu a:active,
        #main-nav #menu a.active {
            color: #fff;
        }

    #main-nav ul {
        margin: 0;
        padding: 0;
    }

    #main-nav #menu-item-link-1032 {
        background-color: #e3a905;
    }

    #main-nav #menu-item-link-1034 {
        background-color: #e3a905;
    }

    #main-nav #menu-item-link-1202 {
        background-color: #e3a905;
    }

    #main-nav .menu-item-link-afzender-2020 {
        background-color: #e3a905;
    }

    #main-nav #menu a .icon {
        display: block;
        font-size: 32px;
        height: 32px;
        margin-bottom: 12px;
        line-height: 0;
    }

#subnav-trigger {
    display: block;
    padding: 24px 10px 22px;
}

    #subnav-trigger:hover {
        color: #fff;
    }

    #subnav-trigger:active,
    #subnav-trigger.active {
        background-color: #fff;
        color: #000;
    }

    #subnav-trigger:hover .hamburger-icon .line1,
    #subnav-trigger:hover .hamburger-icon .line2,
    #subnav-trigger:hover .hamburger-icon .line3 {
        background: #fff;
    }

    #subnav-trigger.active .hamburger-icon .line2,
    .mobile-subnav-trigger.active .hamburger-icon .line2 {
        opacity: 0;
    }

    #subnav-trigger.active .hamburger-icon .line1,
    .mobile-subnav-trigger.active .hamburger-icon .line1 {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        top: 4px;
        background: #fff;
    }

.mobile-subnav-trigger.active .hamburger-icon .line1 {
    background: #fff;
}

#subnav-trigger.active .hamburger-icon .line3,
.mobile-subnav-trigger.active .hamburger-icon .line3 {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 4px;
    background: #fff;
}

.mobile-subnav-trigger.active .hamburger-icon .line3 {
    background: #fff;
}

#menu-extra-fixed {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 125;
}


.language {
}

    .language ul {
        margin: 0;
        padding: 0;
        display: block;
    }

    .language li {
        display: inline-block;
        float: left;
        width: 50%;
    }

    .language a {
        color: #fff;
        text-decoration: none;
        padding: 14px 5px 12px;
        display: block;
        font-size: 15px;
        font-weight: normal;
        text-align: center;
        font-weight: 700;
    }

        .language a.active,
        .language a:hover {
            text-decoration: underline;
        }

@keyframes floating {
    0% {
        transform: translateY(0%);
    }

    50% {
        transform: translateY(10%);
    }

    100% {
        transform: translateY(0%);
    }
}

@-webkit-keyframes floating {
    0% {
        -webkit-transform: translateY(0%);
    }

    50% {
        -webkit-transform: translateY(10%);
    }

    100% {
        -webkit-transform: translateY(0%);
    }
}

#subnav {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 90%;
    background-color: rgba(255, 255, 255, 0.9);
    color: #00665F;
    z-index: 110;
    overflow: auto;
    overflow-x: hidden;
    padding-left: 100px; /* width of nav */
    padding-bottom: 25px;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    -webkit-overflow-scrolling: touch;
    will-change: transform;
}

    #subnav::-webkit-scrollbar {
        display: none;
    }

    #subnav nav {
        padding: 0 40px;
    }

    #subnav.is-visible {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    #subnav .subnav-wrap {
        padding: 40px;
        margin-bottom: 30px;
        width: 100%;
    }

    #subnav .flex-item:nth-of-type(2n+3) .subnav-wrap {
        background-color: #00b2a9;
    }

    #subnav .flex-item:nth-of-type(2n+4) .subnav-wrap {
        background-color: #00b2a9;
    }

    #subnav .flex-item:nth-of-type(6n+1) .subnav-wrap {
        background-color: #00b2a9;
    }

    #subnav .flex-item:nth-of-type(6n+2) .subnav-wrap {
        background-color: #00b2a9;
    }
    /*
    #subnav .flex-item.vriendenvan .subnav-wrap {
        background: #5390b9 url(/Images/TFB_shape.svg) repeat-x top center;
        background-size: 75%;
        -webkit-transition: all 1s ease-in-out;
        -moz-transition: all 1s ease-in-out;
        -ms-transition: all 1s ease-in-out;
        -o-transition: all 1s ease-in-out;
        transition: all 1s ease-in-out;
    }

        #subnav .flex-item.vriendenvan .subnav-wrap li a {
            font-weight: 500;
        }

    #subnav .flex-item.vriendenvan:hover .subnav-wrap {
        background: #5390b9 url(/Images/TFB_shape.svg) repeat-x center center;
        background-size: 120%;
    }*/
    /*#subnav .nav-img {
        opacity: 1;
        margin-left: 20%;
        position: relative;
        z-index: -1;
    }*/
    #subnav .nav-img img {
        width: 210px;
        height: 158px;
    }



    #subnav .title {
        font-size: 36px;
        font-weight: 700;
        line-height: 30px;
        margin-top: 5px;
        margin-bottom: 5px;
        padding-bottom: 15px;
        color: #fff;
    }

    #subnav .subnav-title {
        padding-right: 200px;
        position: relative;
        margin-bottom: 50px;
    }

        #subnav .subnav-title .title {
            margin: 0;
            border: none;
            font-size: 120px;
            line-height: 120px;
            color: #00665F;
        }

        #subnav .subnav-title .subtitle {
            color: #00665F;
            font-family: 'LL Brown';
            font-weight: 400;
        }

    #subnav ul {
        margin: 0;
        padding: 0;
        list-style: none;
        font-family: 'LL Brown';
    }

    #subnav li {
        font-size: 18px;
        font-weight: 300;
        line-height: normal;
        display: block;
    }

        #subnav li a {
            padding: 4px 0;
            display: inline-block;
            color: inherit;
            text-decoration: none;
            position: relative;
            color: #fff;
        }

            #subnav li a:hover,
            #subnav li a.active {
                text-decoration: underline;
            }

            #subnav li a.highlight {
                background: #fff;
                padding: 1px 6px;
                margin: 4px 0 1px;
                border: 1px solid #fff;
                text-decoration: none;
            }

    #subnav .flex-item:nth-of-type(2n+3) li a.highlight {
        color: #00665F;
    }

    #subnav .flex-item:nth-of-type(2n+4) li a.highlight {
        color: #00665F;
    }

    #subnav .flex-item:nth-of-type(6n+1) li a.highlight {
        color: #00b2a9;
    }

    #subnav .flex-item:nth-of-type(6n+2) li a.highlight {
        color: #e56db1;
    }

    #subnav .flex-item.vriendenvan li a.highlight {
        color: #5390b9;
    }

    #subnav .flex-item li a.highlight:hover {
        background: inherit;
        border: 1px solid #fff;
        color: #fff;
    }

#subnav-close {
    font-size: 16px;
    font-family: 'LL Brown';
    font-weight: 400;
    padding: 10px 22px 10px 18px;
    text-transform: uppercase;
    position: absolute;
    right: 0;
    bottom: 0;
}

    #subnav-close .icon {
        height: 15px;
        width: 20px;
        display: inline-block;
        margin: 0 0 0 15px;
        position: relative;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
    }

        #subnav-close .icon::after,
        #subnav-close .icon::before {
            content: '';
            background: #00665F;
            height: 3px;
            width: 150%;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%) rotate(45deg);
        }

        #subnav-close .icon::before {
            transform: translate(-50%, -50%) rotate(-45deg);
        }

    #subnav-close:hover .icon {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }

.hamburger-icon {
    width: 16px;
    height: 8px;
    display: inline-block;
    position: relative;
    top: -2px;
    margin-left: 8px;
}

    .hamburger-icon i {
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
    }

    .hamburger-icon .line1 {
        width: 100%;
        height: 2px;
        background: #fff;
        display: block;
        line-height: 0px;
        position: absolute;
        top: 0;
        left: 0;
    }

    .hamburger-icon .line2 {
        display: block;
        width: 100%;
        height: 2px;
        background: #fff;
        position: absolute;
        top: 4px;
        left: 0;
    }

    .hamburger-icon .line3 {
        display: block;
        width: 100%;
        height: 2px;
        background: #fff;
        position: absolute;
        top: 8px;
        left: 0;
    }

#mobile-nav {
    display: none;
}

#mobile-nav-trigger {
    display: none;
}

/*------------------------------------*\
    Content
\*------------------------------------*/
#content {
    height: 100%;
    overflow-x: hidden;
}

.overflow-auto #content {
    overflow-x: auto;
}

.cover-img {
    position: relative;
}

    .cover-img img {
        width: 100%;
        float: left;
    }

    .cover-img .img-text {
        position: absolute;
        z-index: 50;
        color: #fff;
    }

    .cover-img.header .img-text {
        padding-top: 100px;
        padding-left: 120px;
        max-width: 600px;
    }

    .cover-img.header.homepage .img-text {
        padding-top: 100px;
        padding-left: 120px;
        max-width: 100%;
    }

    .cover-img.header .img-title {
        margin-bottom: 10px;
    }

    .cover-img.header .img-subtitle {
        font-size: 20px;
        font-weight: 700;
        line-height: 24px;
        margin-bottom: 30px;
    }

    .cover-img.header .img-info {
        font-size: 36px;
        font-weight: 300;
        line-height: 72px;
    }

    .cover-img.header {
        z-index: -20;
    }

.z-min10 {
    z-index: -10;
}

/*------------------------------------*\
    Blocks
\*------------------------------------*/

/* HELPERS */
/*.shift-left {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
}

.detail-shift-left {
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
}*/

/*.space-left {
    margin-left: 80px;
}*/

.no-p-right {
    padding-right: 0;
}

.title-event {
    display: block;
    position: relative;
    width: auto;
    height: auto;
    background: #f9bb2e;
    color: #000;
    font-size: 36px;
    font-weight: 700;
    line-height: 46px;
    text-align: center;
    margin-bottom: 30px;
    text-decoration: none;
}

.title-event-content {
    padding: 40px;
    display: block;
}

.title-event:hover {
    background: #393939;
    color: #fff;
}

.title-meerover {
    color: #f087b6;
    font-family: "LL Brown";
    font-size: 50px;
    line-height: 60px;
    font-weight: 700;
    text-align: center;
}

/* BLOCK SECTIONS */
.block-section {
    margin-top: 50px;
    margin-bottom: 40px;
    width: 100%;
}

    .block-section > div {
        margin-bottom: 50px;
    }

    .block-section.small-margin {
        margin-top: 50px;
    }

    .block-section .title {
        color: #00665F;
        font-size: 80px;
        font-weight: 700;
        line-height: 80px;
        position: relative;
        z-index: 9;
    }

    .block-section .intro {
        color: #00665F;
        font-size: 30px;
        font-weight: 400;
        line-height: 40px;
        position: relative;
        z-index: 9;
        margin-top: 10px;
        font-family: 'LL Brown';
    }

    .block-section .btn-more {
        text-align: center;
        margin: 30px 0 20px;
    }

.btn-more.home-more a {
    background-color: #f9bb2e;
    box-shadow: none;
    border: 1px solid #f9bb2e;
    color: #000;
    font-size: 26px;
    padding: 17px 50px 20px;
}

    .btn-more.home-more a:hover {
        background: #393939;
        border-color: #393939;
        color: #fff;
    }



.home-mmore-bg {
    background: #f0f0f0;
    /*padding-top: 240px;
    margin-top: -240px;*/
}


.home-city {
    background: #00665F;
    color: #fff;
}

    .home-city .city-text {
        padding: 90px 110px 90px 60px;
        z-index: 3;
        position: relative;
        font-family: "LL Brown";
        font-weight: 400;
        font-size: 1.8rem;
        color: #000;
    }

        .home-city .city-text p a {
            color: inherit;
        }

        .home-city .city-text .titles {
            position: relative;
            padding-bottom: 20px;
            margin-bottom: 20px;
        }

            .home-city .city-text .titles::after {
                content: '';
                position: absolute;
                width: 120px;
                height: 1px;
                bottom: 0;
                left: 10%;
                background: #fff;
            }

            .home-city .city-text .titles h2 {
                font-weight: 700;
                font-size: 60px;
                line-height: 70px;
            }

            .home-city .city-text .titles h3 {
                font-size: 40px;
                line-height: 50px;
                font-weight: 300;
            }


/* BLOCKS */

.block-items {
    padding-top: 40px;
}

    .block-items > div {
        margin-bottom: 60px;
    }

.block-item {
    height: 100%;
    position: relative;
    -webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */
    backface-visibility: hidden;
}

    .block-item .post {
        display: block;
        width: 100%;
    }

        .block-item .post .image {
            display: block;
            overflow: hidden;
            height: 0;
            padding-bottom: 55%;
            position: relative;
        }

            .block-item .post .image figure {
                position: absolute;
                height: 100%;
                width: 100%;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                margin: 0;
                padding: 0;
                background-size: cover !important;
                background-position: center center;
            }


    .block-item.item-location {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        display: -webkit-flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        background-position: center center;
        background-size: cover !important;
        text-decoration: none;
    }

        .block-item.item-location .block-content {
            width: 100%;
            background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.0)), to(rgba(0, 0, 0, 0.9)));
            background: -webkit-linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.9));
            background: -o-linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.9));
            background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.9));
            color: #fff;
            padding-top: 50px;
            padding-right: 70px;
        }

            .block-item.item-location .block-content .title {
                color: #fff;
            }

            .block-item.item-location .block-content .btn {
                width: 42px;
                height: 42px;
                background-color: #00b1a9;
                border: 2px solid #00b1a9;
                border-radius: 50%;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                position: absolute;
                bottom: 40px;
                right: 25px;
                -webkit-transition: all ease-in-out .5s;
                -o-transition: all ease-in-out .5s;
                transition: all ease-in-out .5s;
            }

        .block-item.item-location:hover .block-content .btn {
            background-color: transparent;
            color: #00b1a9;
            transform: rotate(360deg);
        }

        .block-item.item-location .block-content .btn .icon {
            -webkit-transform: rotate(-90deg) translateY(4px);
            -ms-transform: rotate(-90deg) translateY(4px);
            transform: rotate(-90deg) translateY(4px);
            font-size: 25px;
        }


.home-more .block-item {
    box-shadow: none;
    background: transparent;
}

    .home-more .block-item .block-content {
        background: transparent;
    }

    .home-more .block-item .top-layer {
        padding: 0;
    }

.block-item.red .block-content {
    background: #f00033;
    margin: 0;
    padding: 20px;
    height: 100%;
    align-items: center;
}

    .block-item.red .block-content .title {
        margin: 0 auto;
        color: #fff;
        text-decoration: underline;
        text-align: center;
        font-size: 4rem;
        line-height: 1.3;
        font-family: 'LL Brown';
        font-weight: 700;
    }

.block-item .cover-img {
    transition: all .2s ease-in-out;
    position: relative;
    background-color: #fff;
    overflow: hidden;
}

    .block-item .cover-img .article-type {
        position: absolute;
        bottom: 0;
        left: 0;
        display: block;
        background-color: #00665F;
        color: #fff;
        font-size: 1.4rem;
        font-family: "LL Brown";
        font-weight: 400;
        padding: .8rem 1.6rem;
        transition: all 0.2s ease;
    }

.block-item.detail .cover-img {
    background: none;
}

.block-item .cover-img a {
    display: block;
    position: relative;
}

.block-item .cover-img::after {
    content: '';
    width: 100%;
    height: 100%;
    background: url(/Images/img-hover.svg) no-repeat center center;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    cursor: pointer;
    pointer-events: none;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.block-item:hover .cover-img::after {
    opacity: 1;
}

.block-item:hover .article-type {
    background-color: #005b55;
    z-index: 99;
}

.block-item .cover-img img {
    display: block;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.archive .block-item .cover-img {
    background: #000;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}

.archive .block-item:hover .cover-img {
    background: #fff;
}

.archive-title {
    font-size: 60px !important;
    line-height: 60px !important;
    margin-bottom: 60px !important;
    margin-top: 80px !important;
}

.block-item .block-content {
    position: relative;
    padding-top: 14px;
}

.block-item .top-layer {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.block-item .block-gradient {
    display: none;
}

.block-item .title {
    font-size: 28px;
    font-weight: 700;
    line-height: 36px;
    /*color: #00665F;*/
    color: #00665F;
    position: relative;
    padding-bottom: 3px;
    /*text-transform: lowercase;*/
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

    .block-item .title a {
        text-decoration: none;
        color: inherit;
        pointer-events: auto;
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        transition: none;
    }

.block-item .subtitle {
    font-size: 22px;
    font-weight: 400;
    line-height: 28px;
    text-transform: none;
    color: #00665F;
    text-decoration: underline;
    text-decoration: none;
    font-family: 'LL Brown';
    margin-bottom: 5px;
}

    .block-item .subtitle .landherkomst {
        color: #00665F;
    }

.news .block-item .subtitle {
    text-decoration: none;
}

.block-item .more-info {
    position: relative;
    font-family: 'LL Brown';
    font-weight: 700;
    font-size: 16px;
}

.block-item .shift-left .block-content .more-info .date,
.block-item .shift-left .block-content .more-info .subtitle {
    display: block;
    font-family: 'LL Brown';
    font-weight: 700;
    font-size: 16px;
    color: #000;
}

.block-item .shift-left .block-content .more-info .date {
    margin-bottom: 5px;
}

.block-item .shift-left .block-content .more-info .subtitle {
    line-height: normal;
}

.block-item .more-icons {
    position: absolute;
    right: 10px;
    bottom: -2px;
}

.block-item .label-tickets {
    font-size: 14px;
    position: absolute;
    right: 20px;
    top: 20px;
    background: #00665F;
    color: #fff;
    padding: 5px 12px;
    text-transform: uppercase;
    font-family: 'LL Brown';
}

.block-item:hover .label-tickets {
    display: none;
}



/*.block-item.featured .block-gradient {
    width: 600px;
    height: 600px;
    top: -100px;
    left: -190px;
    background: -moz-radial-gradient(center, ellipse cover, rgba(248,234,234,1) 0%, rgba(255,255,255,0) 70%);
    background: -webkit-radial-gradient(center, ellipse cover, rgba(248,234,234,1) 0%,rgba(255,255,255,0) 70%);
    background: radial-gradient(ellipse at center, rgba(248,234,234,1) 0%,rgba(255,255,255,0) 70%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8eaea', endColorstr='#00ffffff',GradientType=1 );
}*/

.album-container,
.video-container {
    margin-top: 40px;
}

    .album-container > div {
        margin-bottom: 20px;
    }

.gallery-container .block-gradient {
    display: none;
}

/*.block-item.album .cover-img {
    margin-right: 30px;
}*/

/*.block-item.album .block-content {

    padding-right: 30px;
}*/

/*.block-item.album .block-gradient {
    left: -210px;
    top: -220px;
    opacity: 0.8;
}*/

.block-item.album .title {
    font-size: 26px;
    line-height: 31px;
    margin-bottom: 10px;
}

.block-item.album .subtitle {
    font-size: 18px;
    line-height: 22px;
}


.block-item.video .title {
    /*margin-left: -20px;*/
    /*max-width: 80%;*/
    margin-bottom: 15px;
}

.block-item.video .subtitle {
    /*margin-left: -20px;*/
    display: block;
    /*width: 75%;*/
    padding-right: 10px;
}

.block-item.video .text {
    /*    float: right;
    display: block;
    width: 75%;*/
    color: #505050;
    font-size: 16px;
    line-height: 22px;
}

.block-item .text a {
    color: #f9bb2e;
}

/*.block-item.video .block-gradient {
    left: -200px;
    top: -220px;
}*/

.video-container .title {
    display: block;
    font-size: 28px;
    font-weight: 700;
    line-height: 36px;
    color: #00665F;
    margin-bottom: 2rem;
}

.video-wrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
    width: 100%;
}

    .video-wrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }



/*------------------------------------*\
    FAQ
\*------------------------------------*/
.faqs {
    margin-bottom: 50px;
}

.faq {
    border-top: 2px solid #000;
}

    .faq:last-of-type {
        border-bottom: 2px solid #000;
    }

    .faq .question {
        padding: 10px 35px 10px 10px;
        font-weight: 700;
        font-size: 20px;
        position: relative;
        cursor: pointer;
    }

        .faq .question::after {
            content: '';
            width: 10px;
            height: 10px;
            border-bottom: 2px solid #000;
            border-right: 2px solid #000;
            position: absolute;
            right: 12px;
            top: calc(50% - 9px);
            transform: rotate(45deg);
        }

    .faq.active .question::after {
        top: calc(50% - 1px);
        transform: rotate(225deg);
    }

    .faq .anwser {
        padding: 0 5px;
        display: none;
    }

/*------------------------------------*\
    Archive
\*------------------------------------*/

.archive .detail-content-white {
    position: relative;
}

.archive .title {
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 50px;
    color: #00665F;
    text-align: center;
    margin-top: 20px;
}

.archive .scroll-icon {
    position: absolute;
    bottom: -35px;
    left: calc(50% - 35px);
    width: 70px;
}

.archive .archive-block {
    position: relative;
    padding-bottom: 40px;
}

    .archive .archive-block .archive-block-head {
        position: relative;
    }

        .archive .archive-block .archive-block-head .img {
            width: 100%;
            padding-bottom: 50%;
        }

        .archive .archive-block .archive-block-head .content {
            position: absolute;
            bottom: 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-align: end;
            -ms-flex-align: end;
            align-items: flex-end;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: reverse;
            -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
        }

            .archive .archive-block .archive-block-head .content .detail-content-white {
                margin-bottom: 0;
                padding: 40px 30px;
            }

        .archive .archive-block .archive-block-head .label {
            color: #ffffff;
            font-size: 14px;
            font-weight: 700;
            background-color: #00665F;
            padding: 8px 15px;
            position: absolute;
            left: 0;
            bottom: 100%;
        }

.archive .btn-rounded.blue-fill {
    color: #fff;
    border: 1px solid #00665F;
    background-color: #00665F;
    border-radius: 0;
    font-size: 18px;
    padding: 15px 25px;
}

.archive .archive-block .text h3 {
    color: #00665F;
    font-size: 34px;
    line-height: 34px;
    font-weight: 700;
}

.archive .archive-block .year {
    position: absolute;
    top: 0;
    left: 50%;
    color: #ffffff;
    font-size: 17px;
    font-weight: 700;
    background: #00665F;
    width: 80px;
    height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    letter-spacing: 1px;
    text-align: center;
    margin: 0 auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.archive .archive-block .line {
    width: 8px;
    height: 100%;
    background: #00665F;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    z-index: -1;
}

.archive .archive-block:nth-of-type(even) .year,
.archive .archive-block:nth-of-type(even) .line {
    background: #00665F;
}


.archive .archive-block .buttons ul {
    list-style: none;
    margin: 0;
    padding: 40px 0 80px 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.archive .archive-block .buttons li {
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.archive .archive-block .buttons a {
    color: #00665F;
    font-size: 17px;
    line-height: 17px;
    font-weight: 700;
    text-decoration: none;
    background: #fff;
    padding: 15px 40px 15px 20px;
    display: block;
    width: 100%;
    position: relative;
}

    .archive .archive-block .buttons a::after {
        content: '';
        height: 10px;
        width: 10px;
        border-top: 2px solid #00665F;
        border-right: 2px solid #00665F;
        position: absolute;
        right: 30px;
        top: 50%;
        -webkit-transform: translateY(-50%) rotate(45deg);
        -ms-transform: translateY(-50%) rotate(45deg);
        transform: translateY(-50%) rotate(45deg);
    }

.archive .archive-block .buttons li:nth-of-type(1),
.archive .archive-block .buttons li:nth-of-type(2) {
    margin-right: 30px;
}

.archive .archive-block .buttons li:nth-of-type(3),
.archive .archive-block .buttons li:nth-of-type(4) {
    margin-left: 30px;
}

.archive .archive-block .buttons li:nth-of-type(2) {
    margin-right: 100px;
}

.archive .archive-block .buttons li:nth-of-type(3) {
    margin-left: 100px;
}


/*------------------------------------*\
    Detail page
\*------------------------------------*/
/* FEATURED DETAIL */
.block-item.featured.detail .title {
    margin-bottom: 20px;
}

.block-item.featured.detail .subtitle {
    font-size: 32px;
    line-height: 32px;
}

/*.block-item.featured.detail .block-gradient {
    top: -210px;
    left: -190px;
}*/

/* SIDEBAR */
.detail-sidebar {
    color: #00665F;
    /*margin-left: 35px;*/
    /*padding-right: 30px;*/
    position: relative;
    z-index: 1; /* to position above gradient */
}

    .detail-sidebar .info {
        color: #00665F;
        font-family: "LL Brown";
        font-size: 18px;
        font-weight: 400;
        line-height: 22px;
        text-transform: uppercase;
        position: relative;
        margin-bottom: 15px;
    }

    /*.detail-sidebar .info::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            max-width: 165px;
            height: 3px;
            background-color: #f9bb2e;
        }*/

    .detail-sidebar .sub-info {
        font-size: 12px;
        line-height: 18px;
    }

    .detail-sidebar .location-img {
        margin-left: -15px;
        margin-top: 35px;
        margin-bottom: 25px;
        background-color: #6771f6;
    }

        .detail-sidebar .location-img img {
            width: 100%;
            display: block;
        }

    .detail-sidebar .location {
        margin-bottom: 35px;
        font-size: 20px;
        line-height: 22px;
    }

        .detail-sidebar .location .title {
            font-size: 16px;
            display: block;
            margin-bottom: 5px;
        }

        .detail-sidebar .location .subtitle {
            font-weight: 700;
            display: block;
        }

        .detail-sidebar .location a {
            color: #393939;
            text-decoration: underline;
        }

            .detail-sidebar .location a:hover {
                text-decoration: none;
            }

.detail-content {
    color: #00665F;
    margin-bottom: 20px;
    font-weight: 400;
    font-family: 'LL Brown';
}

    .detail-content a {
        color: #00665F;
    }

.gidsen-bg {
    background: #f0f0f0;
}

.detail-program-bg .event-image {
    padding-bottom: 56.25%;
    display: block;
    overflow: hidden;
    background-size: cover !important;
}

.detail-program-bg .program {
    background: #00b2a9;
    color: #fff;
    margin: 0;
}

    .detail-program-bg .program a {
        text-decoration: none;
        color: #fff;
    }

.program {
    color: #505050;
    margin-left: 35px;
    padding: 50px 35px;
}

    .program .border-top {
        border-top: 1px solid #fff;
        padding-top: 20px;
    }

        .program .border-top.no-p {
            padding: 0;
        }

.summary {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 16px;
    line-height: 18px;
}

    .summary li {
        display: block;
        margin: 0 0 1.5rem 0;
        font-size: 16px;
        line-height: 20px;
    }

    .summary .title {
        font-weight: 700;
        display: block;
        font-size: 18px;
        line-height: 22px;
    }

        .summary .title.big {
            font-size: 22px;
            line-height: 24px;
        }



    .summary span {
        display: block;
    }

.program-row {
    border-bottom: 1px solid #ffecc0;
    padding: 0.5rem 0.5rem;
    align-items: center;
    justify-content: space-between;
}

    .program-row:last-child {
        border-bottom: 1px solid #00665F;
    }

    .program-row .date-time {
        font-size: 15px;
        line-height: 14px;
        font-weight: 500;
        display: inline-block;
        padding: 0 0 0 0.8rem;
    }

    .program-row .right-side {
        display: inline-block;
    }

    .program-row .btn-ticket {
        font-weight: 700;
        color: #fff;
        border: 1px solid #00665F;
        background-color: #00665F;
        float: left;
    }

        .program-row .btn-ticket:hover {
            border: 1px solid #e3a905;
            background-color: #e3a905;
        }

.summary .btn-dropdown {
    padding: 0.5rem 0;
    position: relative;
    display: block;
    width: 100%;
}

    .summary .btn-dropdown.active .date-time {
        font-weight: 600;
        color: #45474d;
    }

    .summary .btn-dropdown i {
        position: absolute;
        right: 0.7rem;
        font-size: 1.5rem;
        top: 1rem;
        color: #44474b;
    }

.program-title {
    border-bottom: 1px solid #f9bb2e;
    padding: 0.5rem;
    align-items: center;
    justify-content: space-between;
}

    .program-title:first-child {
        border-top: 1px solid #f9bb2e;
    }

    .program-title .date-time {
        font-size: 15px;
        line-height: 14px;
        font-weight: 500;
        display: inline-block;
        padding: 0 0 0 0.8rem;
        color: #00665F;
    }

    .program-title .right-side {
        display: inline-block;
    }

    .program-title .btn-show-koop {
        font-weight: 500;
        color: #fff;
        border: 1px solid #00665F;
        background-color: #00665F;
        float: left;
        padding: 4px 25px;
    }

        .program-title .btn-show-koop:hover {
            border: 1px solid #e3a905;
            background-color: #e3a905;
        }

.summary .btn-show-koop-big {
    float: none;
    width: 100%;
    padding: 10px 12px;
    position: relative;
    margin: 0 -1rem;
}

    .summary .btn-show-koop-big i {
        position: absolute;
        right: 1rem;
        font-size: 1.5rem;
        top: 1.4rem;
    }

#koop-kaarten {
    position: absolute;
    top: 4.3rem;
    left: -1rem;
    right: 1rem;
    background: white;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
    color: #00665F;
    z-index: 1;
}

    #koop-kaarten ul {
        margin: 0;
        padding: 0;
    }

.program-dropper {
    margin-bottom: 20px;
}

.program-dropper-content {
    display: none;
    padding: 0 10px;
}

.program-dropper-trigger {
    display: block;
    padding: 20px;
    font-size: 16px;
    cursor: pointer;
    text-align: center;
    font-weight: 700;
}

    .program-dropper-trigger .icon {
        position: relative;
        top: 3px;
    }

.program-note {
    margin-top: 50px;
    font-size: 12px;
    line-height: 18px;
}

    .program-note .title {
        font-size: 16px;
        line-height: 16px;
        font-weight: 700;
        display: block;
        margin-bottom: 10px;
    }

.program-extra {
    border-top: 3px solid #f9bb2e;
    border-bottom: 3px solid #f9bb2e;
    margin: 40px 0;
    padding: 0;
    list-style: none;
    color: #f9bb2e;
    font-size: 18px;
    line-height: 24px;
}

    .program-extra li {
        display: block;
        border-bottom: 1px solid #f9bb2e;
        padding: 20px 0 25px;
    }

        .program-extra li p:last-child {
            margin: 0;
        }

        .program-extra li:last-child {
            border: none;
        }

    .program-extra .title {
        font-weight: 700;
    }

    .program-extra a {
        color: #f9bb2e;
    }


/*------------------------------------*\
    Filter
\*------------------------------------*/
/*.filter-bar {
    padding: 10px 15px;
}*/

.filter-bar.flex {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.filter-group {
    display: inline-block;
    position: relative;
}

.my-table {
    float: left;
    margin-right: 8px;
}

.my-print {
    float: left;
    margin-right: 8px;
}

.filter-group .filter-trigger,
.filter-group .filter-trigger-checkbox {
    color: #000;
    font-family: 'LL Brown';
    font-weight: 700;
    font-size: 12px;
    text-transform: unset;
    text-align: center;
    position: relative;
    cursor: pointer;
    margin: 10px 10px 10px 0;
    border: 3px solid #000;
    padding: 5px 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}

.filter-group.laatjegidsen .filter-trigger {
    background: #f087b6;
    color: #fff;
}

.my-table .filter-trigger,
.my-print .filter-trigger {
    color: #393939;
    border: 2px solid #393939;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    min-width: 90px;
    text-align: center;
    padding: 15px 15px 15px 15px;
    display: inline-block;
    position: relative;
    transition: ease all 0.3s;
    -webkit-transition: ease all 0.3s;
}

.filter-group .filter-trigger::after {
    font-size: 15px;
    content: "\70";
    font-family: "boulevard" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
}

.my-table.active .filter-trigger-checkbox {
    color: #fff;
    background: #001539;
}

.filter-group .filter-trigger.active,
.filter-group .filter-trigger.checked,
.filter-group .filter-trigger:hover {
    background-color: none;
    color: #001639;
}

.filter-group-checkbox input {
    display: none;
}

.filter-group-checkbox .filter-trigger-checkbox {
    background: #f1f1f1;
}

.filter-group-checkbox input:checked + .filter-trigger-checkbox {
    background: #000;
    color: #fff;
}


.filter-group .filter-button {
    color: #ba0c2f;
    border: 2px solid #ba0c2f;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    min-width: 90px;
    text-align: center;
    padding: 15px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    display: inline-block;
    position: relative;
    float: left;
    margin: 0 10px 10px 0;
    text-decoration: none;
}

    .filter-group .filter-button.active,
    .filter-group .filter-button:hover {
        background-color: #ba0c2f;
        color: #fff;
    }

.filter-group > ul {
    display: none;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 100%;
    padding: 10px 0;
    background-color: #00665F;
    color: #fff;
    min-width: 150px;
    z-index: 10;
}

    .filter-group > ul.filter-locations {
        height: 500px;
        overflow: auto;
    }

    .filter-group > ul strong {
        font-size: 18px;
        display: block;
        margin-bottom: 5px;
    }

    .filter-group > ul > li {
        color: #fff;
        font-size: 14px;
        font-weight: 400;
        padding: 6px 25px;
        display: block;
    }

        .filter-group > ul > li > ul {
            list-style: none;
            padding: 0;
            margin: 0 0 10px 0;
        }

    .filter-group > ul.filter-locations li > div > ul > li {
        color: #fff;
        font-size: 16px;
        font-weight: 400;
        padding: 3px 0px;
        display: block;
    }

    .filter-group > ul > li a {
        display: block;
        color: #fff;
        text-decoration: none;
    }

.filter-locations > li > ul > li {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    padding: 6px 0;
    display: block;
}

.filter-group > ul > li label {
    cursor: pointer;
    display: block;
    text-decoration: none;
    font-family: 'LL Brown';
    font-weight: 400;
    white-space: nowrap;
}

.filter-group > ul > li input[type="checkbox"] {
    display: none;
}

.filter-group > ul > li > input[type="checkbox"]:checked + label,
.filter-group > ul > li:hover > input[type="checkbox"] + label,
.filter-group > ul > li > div > ul > li input[type="checkbox"]:checked + label,
.filter-group > ul > li > div > ul > li:hover input[type="checkbox"] + label {
    text-decoration: underline;
}

.filter-group > ul > li label:hover,
.filter-group > ul > li > div > ul > li label:hover {
    text-decoration: underline;
}

.filter-downloads {
    margin-top: 10px;
    color: #505050;
}

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

    .filter-downloads li {
        display: inline-block;
    }

        .filter-downloads li a {
            display: block;
            text-decoration: none;
            font-size: 16px;
            color: #ba0c2f;
            position: relative;
            padding: 4px;
        }

            .filter-downloads li a:hover {
                text-decoration: underline;
            }

            .filter-downloads li a::after {
                content: "";
                position: absolute;
                width: 1px;
                height: 20px;
                background: #ba0c2f;
                top: 6px;
                right: -4px;
            }

.active-filters {
    width: 100%;
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

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

    .active-filters li {
        display: inline-block;
        margin: 3px 6px 3px 0;
    }

        .active-filters li a {
            background-color: #F9A5C8;
            color: #000;
            display: block;
            font-weight: 700;
            font-size: 12px;
            text-transform: uppercase;
            padding: 5px 15px 5px 30px;
            position: relative;
            text-decoration: none;
            line-height: 2;
        }

            .active-filters li a:hover,
            .active-filters li a:active {
                background-color: #f67eb0;
            }

            .active-filters li a::before {
                position: absolute;
                left: 10px;
                top: 50%;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
                font-size: 10px;
                content: "\6f";
                font-family: "boulevard" !important;
                font-style: normal !important;
                font-weight: normal !important;
                font-variant: normal !important;
                text-transform: none !important;
                speak: none;
                line-height: 1;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
            }

#reset-filters::before {
    position: absolute;
    left: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 10px;
    content: "\6f";
    font-family: "boulevard" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#reset-filters {
    font-family: 'LL Brown';
    background-color: #F9A5C8;
    color: #000;
    display: block;
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
    padding: 5px 15px 5px 30px;
    position: relative;
    text-decoration: none;
    line-height: 2;
    transition: background-color 0.3s ease;
}

    #reset-filters:hover {
        background-color: #f67eb0;
    }

/*.filter-search {
    width: 315px;
    position: relative;
}

.filter-bar .filter-search {
    margin: 10px 15px;
}

.filter-search.overview {
    float: left;
}*/

.filter-search input[type="search"] {
    color: #001639;
    width: 100%;
    height: 58px;
    padding: 15px 20px 16px 65px;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    border: 3px solid #393939;
    box-sizing: border-box;
    font-size: 16px;
}

.filter-search button[type="submit"] {
    position: absolute;
    font-size: 24px;
    top: 0;
    left: 0;
    height: 58px;
    width: 58px;
    border: none;
    color: #fff;
    background-color: #001639;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.filter-bar .filter-search input[type="search"] {
    width: 100%;
    height: 40px;
    padding: 10px 20px 10px 55px;
    border: none;
    font-weight: 700;
    font-size: 12px;
    color: #001639;
    letter-spacing: 1.34px;
    text-transform: uppercase;
}

.filter-bar .filter-search button[type="submit"] {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    background-color: #f1f1f1;
    color: #001639;
    font-size: 16px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.34px;
    line-height: 12px;
}

.filter-search ::-webkit-input-placeholder {
    text-transform: uppercase;
    text-decoration: underline;
    font-weight: 700;
    font-size: 12px;
    color: #001639;
    letter-spacing: 1.34px;
}

.filter-search :-moz-placeholder {
    text-transform: uppercase;
    text-decoration: underline;
    font-weight: 700;
    font-size: 12px;
    color: #001639;
    letter-spacing: 1.34px;
}

.filter-search ::-moz-placeholder {
    text-transform: uppercase;
    text-decoration: underline;
    font-weight: 700;
    font-size: 12px;
    color: #001639;
    letter-spacing: 1.34px;
}

.filter-search :-ms-input-placeholder {
    text-transform: uppercase;
    text-decoration: underline;
    font-weight: 700;
    font-size: 12px;
    color: #001639;
    letter-spacing: 1.34px;
}

.filter-group-search {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

    .filter-group-search input[type="search"] {
        -webkit-appearance: none;
    }

    .filter-group-search input[type="search"] {
        display: block;
        width: 100%;
        height: auto;
        border: none;
        background: none;
        border-bottom: 2px solid #000;
        padding: 0.2rem 0 0.5rem 0.5rem;
        font-size: 14px;
        font-weight: 700;
        min-width: 32rem;
        color: #000;
    }

        .filter-group-search input[type="search"]::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
            text-transform: initial;
            color: #000;
            font-weight: 700;
            font-size: 14px;
            opacity: 1;
            text-decoration: none;
        }

    .filter-group-search button[type="submit"] {
        position: absolute;
        font-size: 2.2rem;
        top: 50%;
        transform: translateY(-50%);
        right: 0;
        left: unset;
        height: unset;
        width: unset;
        border: none;
        color: #000;
        background: none;
    }



/* Search fixed header */

#menu-extra-fixed .filter-search {
    float: left;
    width: 60px;
    height: 60px;
    z-index: 1;
}

    #menu-extra-fixed .filter-search input[type="search"] {
        position: absolute;
        left: 0;
        top: 0;
        color: #000;
        width: 60px;
        height: 60px;
        padding: 0 15px;
        border: 2px solid #000;
        -webkit-transition: all ease-in-out .35s;
        -o-transition: all ease-in-out .35s;
        transition: all ease-in-out .35s;
        border-radius: 0;
        -webkit-appearance: none;
    }

    #menu-extra-fixed .filter-search.active input[type="search"] {
        width: 500px;
        max-width: 50vw;
        left: 50px;
    }

    #menu-extra-fixed .filter-search button[type="submit"] {
        font-size: 20px;
        top: 0;
        left: initial;
        right: 0;
        height: 60px;
        width: 60px;
        background-color: #000;
    }


    #menu-extra-fixed .filter-search ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        text-transform: initial;
        color: #000;
        font-weight: 400;
        font-size: 14px;
        opacity: .5;
    }

    #menu-extra-fixed .filter-search ::-moz-placeholder { /* Firefox 19+ */
        text-transform: initial;
        color: #000;
        font-weight: 400;
        font-size: 14px;
        opacity: .5;
    }

    #menu-extra-fixed .filter-search :-ms-input-placeholder { /* IE 10+ */
        text-transform: initial;
        color: #000;
        font-weight: 400;
        font-size: 14px;
        opacity: .5;
    }

    #menu-extra-fixed .filter-search :-moz-placeholder { /* Firefox 18- */
        text-transform: initial;
        color: #000;
        font-weight: 400;
        font-size: 14px;
        opacity: .5;
    }


/* Search overview */


.search-item {
    padding: 20px;
    background: #f7f7f7;
    margin-bottom: 20px;
}


.search-item {
    color: #00665F;
}

    .search-item h2 {
        color: #00665F;
        font-size: 24px;
        line-height: 26px;
    }

    .search-item p {
        margin-bottom: 0;
    }

/*------------------------------------*\
    Timetable
\*------------------------------------*/
.my-timetable-copy .timetable-wrapper {
    margin-bottom: 100px;
}

.print-view {
    padding: 20px;
}

.print-text {
    margin-top: 30px;
}

.print-header .left-side {
    float: left;
    max-width: 50%;
}

.print-header .right-side {
    float: right;
    max-width: 50%;
}

.print-header .title {
    margin-bottom: 0 !important;
    line-height: normal !important;
    max-width: 100% !important;
    font-size: 50px !important;
}

.hidden {
    display: none;
}

.timetable-mobile {
    height: 0px;
    overflow: hidden;
    visibility: hidden;
}

.timetable-wrapper {
    position: relative;
    width: 100%;
}

.timetable-scroll {
    position: relative;
    width: 100%;
    overflow: auto;
    padding: 64px 0 0;
    overflow: hidden;
    cursor: e-resize;
}

.timetable-scroll {
    cursor: url("https://www.google.com/intl/en_ALL/mapfiles/openhand.cur"),all-scroll;
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab;
}

    .timetable-scroll:active {
        cursor: url("https://www.google.com/intl/en_ALL/mapfiles/closedhand.cur"),all-scroll;
        cursor: -webkit-grabbing;
        cursor: -moz-grabbing;
        cursor: grabbing;
    }

.touchevents .timetable-scroll {
    overflow-x: scroll;
}

.timetable {
    /*position: absolute;
    left: 0px;
    top: 64px;*/
}

.contain-timetable {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
}

.info-wrapper {
    width: 400px;
    color: #505050;
    float: left;
}

    .info-wrapper.abs {
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 5;
    }

    .info-wrapper .type, .info-wrapper .location {
        width: 263px;
        height: 64px;
        float: left;
        padding: 20px 13px 10px;
        background: #f1f1f1;
        font-size: 18px;
        font-weight: 700;
        line-height: 23px;
    }

    .info-wrapper .location {
        width: 115px;
        text-align: center;
        text-indent: 10px;
    }

.info-blok {
    float: left;
    width: 100%;
    position: relative;
    display: flex;
}

    .info-blok:last-child {
        margin: 0px;
    }

.abs .info-blok {
    margin: 0;
}

.info-blok {
    height: 80px;
    margin-bottom: 3px !important;
    position: relative;
}

.info-time {
    opacity: 1;
    position: relative;
    transition: ease all 0.3s;
    -webkit-transition: ease all 0.3s;
}

    .info-time.filter {
        opacity: 0;
        display: none;
    }

.info-blok.filter {
    opacity: 0;
    display: none;
}


.like {
    display: block;
    width: 15px;
    height: 15px;
    left: 5px;
    top: 5px;
    border: 2px solid #fff;
    position: absolute;
}

    .like::after {
        content: '\f00c';
        color: transparent;
        font-family: fontawesome;
        display: block;
        position: absolute;
        left: 1px;
        top: 1px;
        font-size: 10px;
        line-height: 10px;
        transition: ease all 0.3s;
        -webkit-transition: ease all 0.3s;
    }

.info-time.active .like::after {
    color: #fff;
}

.abs .info-title .title {
    display: block;
    font-weight: 700;
    /*text-transform: lowercase;*/
}

.abs .info-title a {
    color: #000000;
    text-decoration: none;
}

.abs .info-title .title:first-letter {
    text-transform: uppercase;
}

.abs .info-title .text {
    font-size: 17px;
    line-height: 17px;
    display: block;
}

.info-location,
.info-title {
    width: 263px;
    float: left;
    /*padding: 15px;*/
    background: #f3f3f3;
    text-decoration: none;
    overflow: hidden;
}

.active .info-title {
    color: #ba0c2f;
}

.active .info-location {
    background: #393939;
    color: #fff;
}

.info-time.active {
    background: #393939;
    color: #fff;
}

.timetable-item.active .tt_info {
    background: #eaeaea;
}

.info-time.active .blok a.tt_info {
    color: #000;
}

.timetable-item.active .tt_buttons .tt_info {
    color: #393939;
}

.info-time.active .blok a.tt_tickets {
    color: #000;
}

.timetable-item.active .tt_buttons .tt_tickets {
    color: #393939;
    background: #f3f3f3;
}

.timetable-item.active .tt_buttons .tt_location {
    color: #fff;
    background: #393939;
}

.info-time.active .blok a.tt_info:hover {
    color: #fff;
}

.info-time.active .blok a.tt_tickets:hover {
    color: #fff;
}

.timetable-item.active .tt_tickets {
    background: #f3f3f3;
}

.info-time.active .tt_tickets {
    background: #f3f3f3;
}

.info-time.active .tt_info {
    background: #eaeaea;
}


.info-location {
    width: 125px;
    color: #fff;
    background: #f087b6;
    font-size: 14px;
    line-height: normal;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hypens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

    .info-location:hover {
        background: #393939;
        color: #fff;
    }

.timeline {
}

.abs .info-location, .abs .info-title {
    padding: 10px 13px;
    height: 100%;
}

.timespan {
    float: left;
    height: 100%;
    position: relative;
    border-right: 1px dashed #eaeaea;
}

    .timespan:first-child {
        border-left: 1px solid #eaeaea;
    }

    .timespan.odd {
        border-right: 1px solid #eaeaea;
    }

.info-time {
    position: absolute;
    left: 400px;
    height: 100%;
    color: #000;
    z-index: 1;
    color: #fff;
    background: #f087b6;
    overflow: hidden;
}

    .info-time .blok {
        /*padding:10px 0 0;*/
    }

.time-title {
    color: #505050;
    position: absolute;
    top: -40px;
    left: -50%;
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
}

.odd .time-title {
    display: none;
}

.info-time .blok a {
    text-decoration: none;
    color: #fff;
    padding: 8px 1px;
}

.time {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    padding: 1px 17px;
    line-height: 40px;
    overflow: hidden;
}

.tt_info {
    display: inline-block;
    width: 50%;
    text-align: center;
    background-color: #00665F;
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: bold;
}

    .tt_info.full {
        width: 100%;
    }

    .tt_info:hover {
        background: #eaeaea;
    }

.tt_tickets {
    display: inline-block;
    width: 50%;
    text-align: center;
    background-color: #0665a7;
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: bold;
}

    .tt_tickets:hover {
        background: #f9bb2e;
    }

        .tt_tickets:hover a {
            color: #000;
        }

.info-time .blok a:hover {
    color: #000;
}

/*------------------------------------*\
    Timetable Mobile
\*------------------------------------*/
.timetable-item {
    background: #fff;
    min-height: 80px;
    height: auto;
    margin-bottom: 10px;
}

    .timetable-item .tt_content {
        padding: 10px;
        width: 60%;
        line-height: normal;
    }

    .timetable-item .tt_buttons {
        background-color: #f087b6;
        width: 40%;
        position: relative;
    }

    .timetable-item .tt_time {
        font-size: 15px;
        font-weight: 600;
        display: block;
    }

    .timetable-item .tt_title {
        font-size: 17px;
        font-weight: 600;
        display: block;
    }

        .timetable-item .tt_title a {
            color: #000000;
            text-decoration: none;
        }

    .timetable-item .tt_text {
        font-size: 16px;
        display: block;
    }

    .timetable-item .tt_buttons a {
        color: #fff;
        height: 40%;
        text-decoration: none;
        display: block;
    }

    .timetable-item .tt_buttons .tt_location {
        position: absolute;
        width: 100%;
        padding: 13px;
        height: 60%;
        display: flex;
        font-size: 12px;
        align-items: center;
        -webkit-align-items: center;
        justify-content: center;
        -webkit-justify-content: center;
        text-align: center;
        line-height: 14px;
        overflow: hidden;
        display: -webkit-flex;
    }

    .timetable-item .tt_buttons .tt_tickets {
        background-color: rgb(6, 101, 167);
        line-height: 35px;
    }

    .timetable-item .tt_buttons .tt_info {
        line-height: 35px;
    }

.timetable-mobile h2 {
    color: #00665F;
    font-weight: 600;
    font-size: 24px;
    line-height: normal;
    margin-top: 20px;
    margin-bottom: 10px;
}

/*------------------------------------*\
    Back to Top
\*------------------------------------*/
.cd-top {
    display: inline-block;
    height: 40px;
    width: 40px;
    position: fixed;
    bottom: 40px;
    right: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    /* image replacement properties */
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background: #fcbc09 url(/Images/cd-top-arrow.svg) no-repeat center 50%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

    .cd-top.cd-is-visible {
        /* the button becomes visible */
        visibility: visible;
        opacity: 1;
        z-index: 9;
    }

    .cd-top.cd-fade-out {
        /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
        opacity: .5;
    }

.no-touch .cd-top:hover {
    background-color: #e86256;
    opacity: 1;
}

@media only screen and (min-width: 768px) {
    .cd-top {
        right: 20px;
        bottom: 20px;
    }
}

@media only screen and (min-width: 1024px) {
    .cd-top {
        height: 60px;
        width: 60px;
        right: 30px;
        bottom: 30px;
    }
}


/*------------------------------------*\
    Slider
\*------------------------------------*/
.slider {
    max-height: 400px;
    /*margin: 20px 0;*/
}

    .slider.spacer-bottom {
        margin-bottom: 50px;
    }

    .slider .item {
        max-height: 400px;
        position: relative;
        height: 100%;
    }

        .slider .item img {
            max-height: 400px;
            display: block;
        }

    .slider .slick-prev {
        left: 20px;
        background: url("/Images/arrow-left-2018.svg") no-repeat;
    }

    .slider .slick-next {
        right: 20px;
        background: url("/Images/arrow-right-2018.svg") no-repeat;
    }

    .slider .slick-arrow {
        position: absolute;
        top: 0;
        z-index: 1;
        border: none;
        background-size: contain !important;
        background-position: center center !important;
        width: 40px;
        height: 100%;
        display: inline-block;
        text-indent: -9999em;
        -webkit-transition: all .1s ease-in-out;
        -moz-transition: all .1s ease-in-out;
        -o-transition: all .1s ease-in-out;
        transition: all .1s ease-in-out;
    }

        .slider .slick-arrow:active {
            -webkit-transform: translateY(2px);
            -moz-transform: translateY(2px);
            -ms-transform: translateY(2px);
            -o-transform: translateY(2px);
            transform: translateY(2px);
        }


/*------------------------------------*\
    Magnific Popup
\*------------------------------------*/
.mfp-bg {
    background: #000000;
}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
    opacity: 0;
    /*-webkit-backface-visibility: hidden;*/
    /* ideally, transition speed should match zoom duration */
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1;
}

.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
    opacity: 0;
}

.inline-popup {
    background: #fff;
    padding: 30px;
    max-width: 500px;
    margin: 0 auto;
    position: relative;
    font-size: 14px;
}

    .inline-popup .title {
        font-family: "LL Brown", Helvetica, Arial, sans-serif;
        font-size: 36px;
        font-weight: 700;
        line-height: 36px;
        color: #ba0c2f;
        margin-bottom: 20px;
    }

    .inline-popup p:last-of-type {
        margin-bottom: 0;
    }


/*------------------------------------*\
   Gidsen
\*------------------------------------*/

.title-gidsen {
    color: #f087b6;
    font-family: "LL Brown";
    font-size: 50px;
    line-height: 60px;
    font-weight: 700;
    text-align: center;
    display: block;
    padding-top: 50px;
}

.gidsen-overview {
    display: flex;
    flex-wrap: wrap;
    padding: 40px 0;
}

    .gidsen-overview .gids {
        display: flex;
        text-align: center;
        padding-top: 40px;
        margin-bottom: 30px;
    }

        .gidsen-overview .gids a {
            display: flex;
            flex-direction: column;
            background: #fff;
            color: #001639;
            text-decoration: none;
            font-family: "LL Brown";
            font-weight: 400;
            font-size: 16px;
            line-height: 1.4;
            position: relative;
            padding: 25px 15px 50px 15px;
        }

            .gidsen-overview .gids a::after {
                content: '\f054';
                font-family: fontawesome;
                position: absolute;
                right: 0;
                bottom: 0;
                font-size: 20px;
                line-height: 30px;
                transition: ease all 0.3s;
                -webkit-transition: ease all 0.3s;
                background: #00665F;
                color: #fff;
                width: 50px;
                height: 50px;
                display: flex;
                justify-content: center;
                align-items: center;
            }

    .gidsen-overview .gids-img .img {
        background-position: top center;
        background-size: cover;
        width: 100%;
        padding-bottom: 140%;
        border-radius: 5px;
        transform: translateY(-60px);
        margin-bottom: -30px;
    }

    .gidsen-overview .gids .title {
        color: #00665F;
        font-size: 30px;
        font-weight: 700;
        margin-bottom: 10px;
    }

    .gidsen-overview .gids .label {
        font-size: 12px;
        font-weight: 700;
        background-color: #f1f1f1;
        padding: 6px 15px;
        display: inline-block;
        margin-bottom: 15px;
        text-transform: uppercase;
    }

/*********************
Default styles
**********************/

/*section[class*=contentblock] {
    padding: 60px 0 60px 0;
}*/

.top-spacer + section[class*="contentblock-HeaderImage"] {
    margin-top: -16rem;
}

section[class*="contentblock-Title"] + section[class*="contentblock-TextAndImage"] .text-and-image .col-text .text {
    padding-top: 0;
}

section[class*="contentblock-Title"] + section[class*="contentblock-TextAndImage"] {
    padding-top: 0;
}

section[class*=contentblock-countdownTimers] {
    padding: 0 !important;
}

section[class*=contentblock] {
    padding: 30px 0 30px 0;
}

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

section[class*="contentblock-relatedItems"] + section[class*="contentblock-relatedItems"] {
    padding-top: 0;
}

/*section[class*=contentblock].section-white + .section-white, section[class*=contentblock].section-red + .section-red, section[class*=contentblock].section-purple + .section-purple {
        padding-top: 0;
    }*/

section[class*="contentblock-Header"] {
    padding: 0 0 0 0;
}

section[class*="contentblock-headerVideo"] {
    padding: 0 !important;
}

section[class*="contentblock-Title"] + section[class*="contentblock-countdownTimers"] {
    margin-top: 0;
}

section[class*="contentblock-Title"] + section[class*="contentblock-TextAndImage "] {
    padding-top: 0;
}

section[class*="contentblock-Title"] ~ section[class*="contentblock-Title "] {
    padding-top: 0;
}

.section-white h3,
.section-white h4 {
    color: #00665F;
}

.section-green {
    background-color: #00665F;
    color: #fff;
}

    .section-green .title {
        color: #FDE0E7;
    }

.section-pink {
    background-color: #FDE0E7;
    color: #000;
}

.bg-white {
    background: #fff;
    position: relative;
}

.btn-primary {
    display: inline-block;
    font-family: "LL Brown";
    background-color: #00665F;
    padding: 1.5rem 3rem;
    color: #fff;
    text-decoration: none;
    font-size: 1.4rem;
    font-weight: 700;
    transition: all 0.3s ease !important;
    text-transform: uppercase;
    letter-spacing: 2px;
}

    .btn-primary:hover {
        color: #fff;
        background-color: #005b55;
    }

    .btn-primary.sold-out {
        color: #797979;
        background: #000;
    }

.btn-secondary {
    display: inline-block;
    font-family: "LL Brown";
    background-color: #003a5d;
    padding: 1.5rem 3rem;
    color: #fff;
    text-decoration: none;
    font-size: 1.4rem;
    font-weight: 700;
    transition: all 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 2px;
}

    .btn-secondary:hover {
        background-color: #00665F;
        color: #000;
    }

.btn-back {
    display: inline-block;
    font-family: "LL Brown";
    background-color: #00665F;
    padding: 1.5rem 3rem;
    color: #000;
    text-decoration: none;
    font-size: 1.4rem;
    font-weight: 700;
    transition: all 0.3s ease !important;
    text-transform: uppercase;
    letter-spacing: 2px;
}

    .btn-back:hover {
        color: #fff;
        background-color: #003a5d;
    }


.relative.green {
    position: relative;
    display: block;
    width: 100%;
    background-color: #00665F;
}

    .relative.green::after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        width: 50%;
        height: 100%;
        background-color: #f1f1f1;
        z-index: 1;
    }

    .relative.green .hashtags {
        position: relative;
        z-index: 2;
        display: flex;
        align-items: center;
        height: 100%;
        justify-content: center;
    }

        .relative.green .hashtags h3 {
            color: #00665F;
            font-family: "LL Brown";
            font-weight: 700;
            font-size: 54px;
            font-weight: 700;
            line-height: 1.4;
        }

    .relative.green .text-intro.detail {
        color: #fff;
    }

        .relative.green .text-intro.detail h1 {
            color: #fff;
        }

        .relative.green .text-intro.detail h2 {
            color: #fff !important;
        }

    .relative.green .filter-form {
        position: relative;
        z-index: 2;
    }

        .relative.green .filter-form .filter-bar {
            background: #fff;
        }

            .relative.green .filter-form .filter-bar.ba::after {
                content: '';
                width: 50vw;
                position: absolute;
                left: 50%;
                background: #fff;
                bottom: 0;
                top: 0;
                height: 100%;
                z-index: -1;
            }

            .relative.green .filter-form .filter-bar.ba::before {
                content: '';
                width: 50vw;
                position: absolute;
                right: 50%;
                background: #fff;
                bottom: 0;
                top: 0;
                height: 100%;
                z-index: -1;
            }

            .relative.green .filter-form .filter-bar.search {
                background: none;
            }

                .relative.green .filter-form .filter-bar.search input {
                    background: none;
                }

                    .relative.green .filter-form .filter-bar.search input::placeholder {
                        color: #fff;
                        opacity: 1;
                    }

                .relative.green .filter-form .filter-bar.search button {
                    background-color: #00665F;
                    color: #fff;
                }

/*********************
CONTENTBLOKKEN
**********************/

.contentblock-HeaderImage {
    display: flex;
    min-height: 450px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.contentblock-headerVideo {
    position: relative;
    min-height: 100vh;
    width: 100%;
    overflow: hidden;
    align-items: center;
    display: flex;
}

    .contentblock-headerVideo .video-container {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background-position: center center;
        background-size: cover;
        /*background-color: #00004b;*/
        overflow: hidden;
        margin: 0;
        padding: 0;
        z-index: 9;
    }

        .contentblock-headerVideo .video-container video {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%,-50%);
            height: 100%;
            width: 177.77777778vh;
            min-width: 100%;
            min-height: 56.25vw;
        }

    .contentblock-headerVideo.animated::after {
        height: 0;
    }

    .contentblock-headerVideo::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #00665F;
        transition: all .5s ease-in-out;
        transition-delay: .8s;
        z-index: 99;
        pointer-events: none;
    }

    .contentblock-headerVideo figure {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center bottom;
        background-repeat: no-repeat;
        z-index: 1;
    }

    .contentblock-headerVideo .grid {
        position: relative;
        z-index: 2;
    }

    .contentblock-headerVideo .text {
        text-align: center;
    }

        .contentblock-headerVideo .text .title {
            display: block;
            font-size: 64px;
            color: #fff;
            line-height: normal;
            margin-bottom: 5px;
        }

            .contentblock-headerVideo .text .title strong {
                color: #b9ddfd;
            }

        .contentblock-headerVideo .text .subtitle {
            display: block;
            font-size: 36px;
            color: #fff;
            line-height: normal;
            margin-bottom: 15px;
        }

    .contentblock-headerVideo .arrow_down {
        display: flex;
        align-items: center;
        align-content: center;
        justify-content: center;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 10rem;
        height: 10rem;
        z-index: 9;
        background-image: url(/Images/Triangle.svg);
        background-size: cover;
        background-position: center center;
        padding: 10px 0 5px 0;
    }

        .contentblock-headerVideo .arrow_down img {
            transform: rotate(90deg);
            width: 100%;
            max-width: 45px;
            animation: upanddown 0.8s linear infinite;
        }

/* The animation code */
@keyframes upanddown {
    0%, 100% {
        margin-bottom: 0;
    }

    50% {
        margin-bottom: 15px;
    }
}

.contentblock-TextandButton {
    position: relative;
}

    .contentblock-TextandButton .text {
        text-align: center;
        padding: 30px 0;
    }

        .contentblock-TextandButton .text .title {
            font-family: "LL Brown";
            font-size: 3.6rem;
            font-weight: 700;
            text-transform: uppercase;
        }

            .contentblock-TextandButton .text .title.brown-font {
                font-family: "LL Brown";
                line-height: 1;
                margin-bottom: 5.5rem;
            }

        .contentblock-TextandButton .text .intro,
        .contentblock-TextandButton .text p {
            color: #fff;
            font-family: "LL Brown";
            font-weight: 400;
            font-size: 1.8rem;
        }

        .contentblock-TextandButton .text form {
            display: flex;
            align-items: center;
            width: 100%;
        }

            .contentblock-TextandButton .text form .email {
                display: flex;
                align-items: center;
                width: 100%;
                border: none;
                background: none;
                border-bottom: 2px solid #FDE0E7;
                border-radius: 0;
                padding: 15px 20px 15px 0;
                color: #fff;
                font-family: "LL Brown";
                font-weight: 400;
            }

                .contentblock-TextandButton .text form .email::placeholder {
                    color: #fff;
                }

            .contentblock-TextandButton .text form .submit {
                display: flex;
                flex-grow: 1;
                align-self: stretch;
                background-color: #FDE0E7;
                color: #000;
                border: none;
                padding: 15px 50px;
                border-radius: 0;
            }

                .contentblock-TextandButton .text form .submit:hover {
                    background-color: #fbc9d5;
                }

    .contentblock-TextandButton .btn-secondary {
        background-color: #FDE0E7;
        color: #000;
        transition: all 0.3s ease;
    }

        .contentblock-TextandButton .btn-secondary:hover {
            background-color: #fbc9d5;
        }

.contentblock-countdownTimers {
    background-color: #00665F;
    position: relative;
}

    .contentblock-countdownTimers::after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        width: 50%;
        background-color: #00665F;
        height: 100%;
        z-index: 0;
    }

    .contentblock-countdownTimers .row {
        display: flex;
        align-items: center;
        position: relative;
        z-index: 2;
        padding: 50px 0 !important;
    }

    .contentblock-countdownTimers .inner .title {
        color: #fff;
        text-align: center;
        display: block;
        width: 100%;
        padding: 0 20%;
        font-size: 28px;
        font-weight: 700;
        margin-bottom: 20px;
        line-height: normal;
        font-family: "LL Brown";
    }

    .contentblock-countdownTimers .inner .timer {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        margin: 10px 0;
    }

        .contentblock-countdownTimers .inner .timer .flex-center {
            display: flex;
            flex-direction: column;
            justify-content: center;
            text-align: center;
        }

        .contentblock-countdownTimers .inner .timer .flex-center {
            font-size: 32px;
            color: #fff;
        }

            .contentblock-countdownTimers .inner .timer .flex-center .content {
                color: #fff;
                font-size: 15px;
            }

/*Programme start*/

.contentblock-Programme .title {
    color: #000;
    font-size: 2.4rem;
    font-family: "LL Brown";
    font-weight: 700;
    margin-bottom: 1rem;
}

.contentblock-Programme .programme-slider .slick-list {
    overflow: visible;
}

.contentblock-Programme .programme-item-image {
    position: relative;
}

.contentblock-Programme .post {
    margin: 15px 0;
}

.contentblock-Programme .item {
    display: flex;
    overflow: hidden;
    text-decoration: none;
}

.contentblock-Programme .programme-item-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.contentblock-Programme .programme-item-details .item-title {
    color: #00665F;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.4;
    display: block;
}

.contentblock-Programme .programme-item-details .item-title {
    color: #00665F;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.2;
    display: block;
}

.contentblock-Programme .programme-item-details {
    padding: 1.5rem;
    background: #fff;
}

    .contentblock-Programme .programme-item-details .artist {
        color: #000;
        font-size: 1.4rem;
        font-weight: 700;
        line-height: 1.4;
        display: inline-block;
        font-family: "LL Brown";
    }

    .contentblock-Programme .programme-item-details .lang {
        color: #000;
        font-size: 1.4rem;
        font-weight: 700;
        line-height: 1.4;
        display: inline-block;
        font-family: "LL Brown";
    }

    .contentblock-Programme .programme-item-details .item-time {
        color: #000;
        font-size: 1.4rem;
        font-weight: 700;
        line-height: 1.4;
        display: block;
        font-family: "LL Brown";
    }


/*Related Items*/

.contentblock-relatedItems {
    position: relative;
    overflow: hidden;
}

    .contentblock-relatedItems .absolute-text {
        position: absolute;
        right: -70vw;
        top: 5rem;
        bottom: 5rem;
        margin: 0;
        background: url(/Images/naderen.svg) no-repeat;
        background-size: contain;
        background-position: left center;
        width: 100%;
        z-index: 1;
    }

    .contentblock-relatedItems .title {
        display: block;
        margin-bottom: 10px;
        font-size: 24px;
        position: relative;
        z-index: 2;
        font-family: "LL Brown";
        font-weight: 700;
        line-height: normal;
    }

    .contentblock-relatedItems .performance-slider {
        position: relative;
    }

        .contentblock-relatedItems .performance-slider .slick-list {
            overflow: visible;
        }

    .contentblock-relatedItems .right {
        position: absolute;
        top: calc(50% - 60px);
        right: 5rem;
        transform: translateY(-50%);
        background: none;
        border: none;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 45px;
        height: 45px;
        z-index: 8;
        background-color: #00665F;
        color: #000;
        border-radius: 50%;
        padding: 10px;
        transition: all 0.3s ease;
    }

        .contentblock-relatedItems .right:hover {
            cursor: pointer;
        }

        .contentblock-relatedItems .right img {
            width: 100%;
        }

    .contentblock-relatedItems .post {
        margin: 15px 0;
        position: relative;
        z-index: 2;
    }

    .contentblock-relatedItems .image {
        display: block;
        height: 0;
        overflow: hidden;
        padding-bottom: 110%;
        position: relative;
        transition-property: transform, -webkit-transform;
        transition-duration: 0.2s;
    }

        .contentblock-relatedItems .image:hover {
            transform: scale(1.05);
        }

        .contentblock-relatedItems .image .item-time {
            position: absolute;
            bottom: 0;
            left: 0;
            padding: 20px;
            color: #fff;
            font-family: "LL Brown";
            font-weight: 400;
            text-transform: uppercase;
            font-size: 14px;
            z-index: 2;
        }

        .contentblock-relatedItems .image figure {
            position: absolute;
            height: 100%;
            width: 100%;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            margin: 0;
            padding: 0;
            background-size: cover !important;
            background-position: center center;
        }

            .contentblock-relatedItems .image figure img {
                object-fit: cover;
                width: 100%;
                height: 100%;
            }

        .contentblock-relatedItems .image::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            background-image: linear-gradient( 180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
            width: 100%;
            height: 100%;
            z-index: 1;
        }

    .contentblock-relatedItems .post-content {
        padding-top: 10px;
    }

        .contentblock-relatedItems .post-content .item-title {
            color: #00665F;
            font-family: "LL Brown";
            font-size: 24px;
            font-weight: 700;
            line-height: 1.4;
            display: block;
        }

        .contentblock-relatedItems .post-content .artist {
            color: #000;
            font-family: "LL Brown";
            font-size: 16px;
            font-weight: 700;
            line-height: 1.4;
            display: inline-block;
        }

        .contentblock-relatedItems .post-content .lang {
            color: #000;
            font-family: "LL Brown";
            font-size: 16px;
            font-weight: 700;
            line-height: 1.4;
            display: inline-block;
        }

        .contentblock-relatedItems .post-content .item-time {
            color: #000;
            font-family: "LL Brown";
            font-size: 16px;
            font-weight: 700;
            line-height: 1.4;
            display: inline-block;
        }

    .contentblock-relatedItems .button-col {
        padding-top: 50px;
        position: relative;
        z-index: 3;
    }


/*More links*/

.contentblock-moreLinks .title {
    display: block;
    margin-bottom: 1rem;
    font-size: 2.4rem;
    font-family: "LL Brown";
    font-weight: 700;
}

.contentblock-moreLinks .link {
    background: #fff;
    padding: 10px 25px 10px 10px;
    position: relative;
    margin: 1px 0;
    display: block;
    width: 100%;
    color: #000;
    font-size: 1.6rem;
    font-weight: 400;
    text-decoration: none;
    transition: all 0.3s ease;
}

    .contentblock-moreLinks .link::after {
        content: '\f054';
        font-family: FontAwesome;
        font-weight: normal;
        position: absolute;
        right: 1rem;
        top: 50%;
        transform: translateY(-50%);
        display: block;
        transition: all 0.3s ease;
    }

    .contentblock-moreLinks .link:hover::after {
        right: 2rem;
    }

/* About the city */

.contentblock-aboutTheCity {
    padding: 0 !important;
}

    .contentblock-aboutTheCity .city-bg {
        position: relative;
    }

        .contentblock-aboutTheCity .city-bg::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 9;
            background-color: rgba(0, 0, 0, 0.2);
        }

        .contentblock-aboutTheCity .city-bg .titles {
            padding: 100px;
            display: flex;
            align-items: center;
            justify-content: center;
            height: 100%;
            position: relative;
            z-index: 99;
        }

            .contentblock-aboutTheCity .city-bg .titles h2 {
                font-size: 3.6rem;
                font-weight: 700;
                font-family: "LL Brown";
                text-transform: uppercase;
                line-height: 3.6rem;
                color: #fff;
            }

            .contentblock-aboutTheCity .city-bg .titles h3 {
                font-size: 3.5rem;
                font-weight: 700;
                margin-bottom: 2rem;
            }

    .contentblock-aboutTheCity .city-text {
        font-weight: 400;
    }


/*News and Highlighted*/

.contentblock-NewsAndHighlighted .article-type {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    background-color: #00665F;
    color: #000;
    font-size: 14px;
    font-family: "LL Brown";
    font-weight: 400;
    padding: 8px 16px;
    transition: all 0.2s ease;
}

.contentblock-NewsAndHighlighted .title {
    font-weight: 700;
    margin-bottom: 2.5rem;
    font-size: 3.6rem;
    text-transform: uppercase;
    font-family: "LL Brown";
}

.contentblock-NewsAndHighlighted .news-item {
    margin: 0;
}

.contentblock-NewsAndHighlighted .block-content .title {
    color: #00665F;
    font-size: 2.4rem;
    text-transform: unset;
    line-height: normal;
}

.contentblock-NewsAndHighlighted .post {
    margin: 0 0 10px 0;
}

    .contentblock-NewsAndHighlighted .post .image {
        display: block;
        position: relative;
        overflow: hidden;
        height: 0;
        padding-bottom: 75%;
    }

        .contentblock-NewsAndHighlighted .post .image figure {
            position: absolute;
            height: 100%;
            width: 100%;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            margin: 0;
            padding: 0;
            background-size: cover !important;
            background-position: center center;
        }

            .contentblock-NewsAndHighlighted .post .image figure img {
                object-fit: cover;
                width: 100%;
                height: 100%;
            }

        .contentblock-NewsAndHighlighted .post .image .post-content {
            position: absolute;
            bottom: 0;
            left: 0;
            padding: 25px;
            font-size: 32px;
            font-weight: 700;
            color: #fff;
        }

        .contentblock-NewsAndHighlighted .post .image .link {
            height: 54px;
            width: 54px;
            background-color: #00665F;
            display: block;
            position: absolute;
            bottom: 0;
            right: 0;
        }

            .contentblock-NewsAndHighlighted .post .image .link::after {
                content: '\f054';
                font-family: FontAwesome;
                font-weight: normal;
                position: absolute;
                bottom: 15px;
                right: 20px;
                display: block;
                transition: all 0.3s ease;
                color: #fff;
            }

    .contentblock-NewsAndHighlighted .post .item {
        display: flex;
        width: 100%;
        position: relative;
        text-decoration: none;
    }

    .contentblock-NewsAndHighlighted .post .programme-item-image img {
        border: 0;
        object-fit: cover;
        max-width: 100%;
        max-height: 100px;
    }

    .contentblock-NewsAndHighlighted .post .programme-item-details {
        background: #fff;
        padding: 20px 10px;
    }

        .contentblock-NewsAndHighlighted .post .programme-item-details .item-title {
            color: #00665F;
            font-size: 24px;
            line-height: 1.4;
            font-weight: 700;
            display: block;
        }

.contentblock-NewsAndHighlighted .programme-item-details .artist {
    color: #00665F;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.4;
    display: inline-block;
    font-family: "LL Brown";
}

.contentblock-NewsAndHighlighted .programme-item-details .lang {
    color: #00665F;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.4;
    display: inline-block;
    font-family: "LL Brown";
}

.contentblock-NewsAndHighlighted .programme-item-details .item-time {
    color: #000;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.4;
    display: block;
    font-family: "LL Brown";
}

.contentblock-NewsAndHighlighted .item .podcast {
    position: absolute;
    bottom: 5px;
    right: 15px;
    color: #00665F;
    font-family: FontAwesome;
    font-weight: normal;
    display: block;
    font-size: 23px;
}

    .contentblock-NewsAndHighlighted .item .podcast .fas {
        font-style: normal;
    }

.contentblock-NewsAndHighlighted .news-item .block-item .block-content .top-layer {
    padding: 0;
}

.contentblock-NewsAndHighlighted .button-wrapper {
    display: flex;
    justify-content: center;
    margin-top: 10px;
}

/*Text And Image */
.contentblock-TextAndImage .text-and-image {
    display: flex;
    align-items: center;
}

    .contentblock-TextAndImage .text-and-image.swapped .col-text {
        order: 2;
    }

    .contentblock-TextAndImage .text-and-image.swapped .col-img {
        order: 1;
    }

    .contentblock-TextAndImage .text-and-image .col-text .text {
        padding: 5rem 0 5rem 0;
        margin-bottom: 0;
    }

        .contentblock-TextAndImage .text-and-image .col-text .text .title {
            padding-bottom: 1rem;
            color: #00665F;
            font-size: 2.8rem;
            font-weight: 700;
            line-height: 1.4;
        }

        .contentblock-TextAndImage .text-and-image .col-text .text p {
            font-family: 'LL Brown';
            font-weight: 400;
            margin-bottom: 2rem;
        }

        .contentblock-TextAndImage .text-and-image .col-text .text h1:first-of-type, .contentblock-TextAndImage .text-and-image .col-text .text h2:first-of-type, .contentblock-TextAndImage .text-and-image .col-text .text h3:first-of-type, .contentblock-TextAndImage .text-and-image .col-text .text h4:first-of-type, .contentblock-TextAndImage .text-and-image .col-text .text h5:first-of-type, .contentblock-TextAndImage .text-and-image .col-text .text h6:first-of-type {
            margin-top: 0;
        }

    .contentblock-TextAndImage .text-and-image.swapped .col-text .text {
        padding: 5rem 0 5rem 5rem;
    }

    .contentblock-TextAndImage .text-and-image .col-img {
        display: flex;
    }

        .contentblock-TextAndImage .text-and-image .col-img figure {
            width: 100%;
        }

        .contentblock-TextAndImage .text-and-image .col-img img {
            display: block;
            opacity: 0;
            max-width: 100%;
            transition: all 0.3s ease-in;
        }

/*Title contentblock */

.contentblock-Title .text {
    font-family: 'LL Brown';
    font-weight: 400;
}

    .contentblock-Title .text .title {
        padding-bottom: 1rem;
        color: #00665F;
        font-size: 2.8rem;
        font-weight: 700;
        line-height: 1.4;
    }

.contentblock-Title.newsdetail .text .title {
    font-size: 4rem;
    color: #000;
    text-transform: uppercase;
}

.contentblock-Title .text .subtitle {
    color: #000;
    position: relative;
    font-family: 'LL Brown';
    font-weight: 700;
    font-size: 16px;
}

.contentblock-Title .text.center {
    text-align: center;
}

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

.contentblock-Title .text p:last-child {
    margin-bottom: 0;
}

.contentblock-Title .flex-container {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: stretch;
}

.contentblock-Title .mag-link {
    background-size: cover !important;
    background-position: center top !important;
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    padding: 20px;
    color: #fff;
}

    .contentblock-Title .mag-link .mag-title {
        font-weight: 700;
        font-size: 3.2rem;
    }

    .contentblock-Title .mag-link .link {
        height: 54px;
        width: 54px;
        background-color: #00665F;
        display: block;
        position: absolute;
        bottom: 0;
        right: 0;
    }

        .contentblock-Title .mag-link .link::after {
            content: '\f054';
            font-family: FontAwesome;
            font-weight: normal;
            position: absolute;
            bottom: 15px;
            right: 20px;
            display: block;
            transition: all 0.3s ease;
            color: #fff;
        }

/*.contentblock-Title a,
.contentblock-Title strong {
    text-decoration: none;
    color: #00665F;
}*/

.contentblock-SubmenuAndText {
    padding: 70px 0 !important;
}

    .contentblock-SubmenuAndText .text em {
        color: #000;
        text-decoration: none;
    }

    .contentblock-SubmenuAndText .text .title {
        display: block;
        color: #00665F;
        font-family: 'LL Brown';
        font-size: 36px;
        font-weight: 700;
        margin-bottom: 50px;
        max-width: 350px;
        line-height: 35px;
    }

    .contentblock-SubmenuAndText .link-list {
        list-style: none;
        margin-top: 0;
        padding: 0;
    }

        .contentblock-SubmenuAndText .link-list li {
            margin-bottom: 20px;
            position: relative;
            cursor: pointer;
            transition: all 0.1s ease;
        }

            .contentblock-SubmenuAndText .link-list li:hover a::after {
                right: 10px;
            }

            .contentblock-SubmenuAndText .link-list li a::after {
                content: '\f054';
                color: #00665F;
                font-family: fontawesome;
                display: block;
                position: absolute;
                right: 20px;
                top: 50%;
                transform: translateY(-50%);
                font-size: 22px;
                line-height: normal;
                transition: ease all 0.3s;
            }

            .contentblock-SubmenuAndText .link-list li a {
                display: block;
                text-decoration: none;
                color: #00665F;
                font-family: 'LL Brown';
                font-size: 28px;
                font-weight: 700;
                position: relative;
                padding-right: 40px;
            }

            .contentblock-SubmenuAndText .link-list li .subtitle {
                display: block;
                text-decoration: none;
                color: #00665F;
                font-family: 'LL Brown';
                font-size: 18px;
                font-weight: 400;
                margin-top: 5px;
            }

.full-link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
}

/*Video contentblok*/

.contentblock-Video .row {
    padding: 50px;
}

.contentblock-Video .video-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}

    .contentblock-Video .video-wrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

/*Testimonial*/

.contentblock-Testimonial.Caroussel .row {
    padding: 0 15px;
}

    .contentblock-Testimonial.Caroussel .row .slick-slide img {
        width: 100%;
    }

.contentblock-Testimonial .row {
    padding: unset;
}

.contentblock-Testimonial .slide {
    text-align: center;
    min-height: 650px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 150px;
    background-size: cover !important;
    margin: 0 15px;
    position: relative;
}

    .contentblock-Testimonial .slide::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
        z-index: 2;
    }

.contentblock-Testimonial .quote-name {
    font-size: 6rem;
    line-height: 1.4;
    color: #00665F;
    font-family: 'LL Brown';
    font-weight: 700;
    position: relative;
    z-index: 3;
}

.contentblock-Testimonial .quote {
    color: #fff;
    font-size: 2.6rem;
    line-height: 1.4;
    position: relative;
    z-index: 3;
}

.contentblock-Testimonial .left, .contentblock-Testimonial .right {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 5rem;
    width: 5rem;
    background: none;
    border-radius: 50%;
    position: absolute;
    cursor: pointer;
}

.contentblock-Testimonial .left,
.contentblock-Testimonial .right {
    border-radius: 23px;
    top: 50%;
    transform: translateY(-50%);
    background-color: #F9A5C8;
}

.contentblock-Testimonial .left {
    left: 30px;
}

    .contentblock-Testimonial .left::after {
        content: '';
        background-image: url(/Images/Arrow.svg);
        background-size: contain;
        background-repeat: no-repeat;
        height: 100%;
        max-width: 100%;
        width: 30px;
        background-position: center center;
        transform: rotate(180deg);
    }

.contentblock-Testimonial .right {
    right: 30px;
}

    .contentblock-Testimonial .right::after {
        content: '';
        background-image: url(/Images/Arrow.svg);
        background-size: contain;
        background-repeat: no-repeat;
        height: 100%;
        max-width: 100%;
        width: 30px;
        background-position: center center;
    }

.contentblock-Testimonial #testimonialpaging {
    position: absolute;
    z-index: 0;
    bottom: 50px;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    padding: 2rem 2rem 2rem 2rem;
}

    .contentblock-Testimonial #testimonialpaging .slick-dots {
        display: flex;
        list-style: none;
        margin: 0;
        padding: 0;
        align-items: center;
    }

        .contentblock-Testimonial #testimonialpaging .slick-dots button {
            border: none;
            width: 1rem;
            height: 1rem;
            text-indent: -9999em;
            display: block;
            border-radius: 50%;
            margin: 0;
            padding: 0;
            background: #fff;
            cursor: pointer;
        }

        .contentblock-Testimonial #testimonialpaging .slick-dots li {
            margin: 4px;
            display: inline-block;
        }

            .contentblock-Testimonial #testimonialpaging .slick-dots li.slick-active button {
                background-color: #00665F;
                opacity: 1;
            }

/* IMAGE */
.contentblock-Image img {
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 0;
}

.contentblock-Image figure {
    position: relative;
    display: block;
}

    .contentblock-Image figure a {
        display: block;
        position: relative;
    }

        .contentblock-Image figure a::before {
            content: "";
            position: absolute;
            display: block;
            bottom: 0;
            left: 0;
            right: 0;
            width: 100%;
            height: 100%;
            background: #000;
            opacity: 0;
            z-index: 1;
            transition: ease-in-out all 0.3s;
        }

        .contentblock-Image figure a:hover::before {
            opacity: 0.3;
        }

.contentblock-Title .title-text .title {
    color: #00665F;
    font-size: 6rem;
}

    .contentblock-Title .title-text .title.yellow {
        color: #00665F;
    }

/*FAQ*/
.contentblock-Faq .text .title {
    margin-bottom: 2rem;
}

/*QOUTES*/
.contentblock-Quotes .quote-wrapper {
    margin: 7.5px 0;
}

.contentblock-Quotes .quote {
    display: block;
    font-family: "LL Brown", Helvetica, Arial, sans-serif;
    margin: 0px;
    font-size: 3.2rem;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    color: #00665F;
}

    .contentblock-Quotes .quote p {
        margin-bottom: 5px;
    }

.contentblock-Quotes .quote-name {
    display: block;
    text-align: center;
    font-size: 1.8rem;
    color: #00665F;
}
/*NEW FILTER STYLING*/
.programma-bg {
    transition: all 0.3s ease-in-out;
    left: 0;
}

    .programma-bg.scrolled {
        position: fixed;
        top: 80px;
        left: 0;
        z-index: 99;
        background: #fff;
        width: 100%;
        padding: 1rem 0;
        box-shadow: 0px 4px 20px rgba(0,0,0,0.4);
    }

        .programma-bg.scrolled .filter-container .flex-wrapper-filter .text .title {
            font-size: 4.2rem;
            line-height: 1;
        }

        .programma-bg.scrolled .filter-group .filter-trigger, .filter-group .filter-trigger-checkbox {
            margin: .5rem .5rem .5rem 0;
        }

.filter-form {
    transition: all 0.2s ease;
    box-shadow: 0px 4px 20px rgba(0,0,0,0.0);
    padding: 0;
}

.filter-container {
    margin-bottom: 5px;
    transition: all 0.3s ease;
}

    .filter-container .flex-wrapper-filter {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        .filter-container .flex-wrapper-filter .text .title {
            display: block;
            color: #00665F;
            font-size: 5.2rem;
        }

        .filter-container .flex-wrapper-filter .top-filters .btn-filter-yellow:first-of-type {
            display: inline-block;
            color: #000;
            font-family: 'LL Brown';
            font-weight: 700;
            font-size: 1.2rem;
            text-transform: unset;
            text-align: center;
            position: relative;
            cursor: pointer;
            background-color: #fff;
            border: 3px solid #000;
        }

        .filter-container .flex-wrapper-filter .top-filters .btn-filter-yellow {
            font-family: 'LL Brown';
            font-size: 1.2rem;
            font-weight: 700;
            text-align: center;
            padding: 1.5rem;
            border: none;
            margin: 0 3.5px;
            letter-spacing: 1.34px;
            border: 3px solid transparent;
            background-color: #F9A5C8;
            color: #000;
        }

            .filter-container .flex-wrapper-filter .top-filters .btn-filter-yellow:not(:first-of-type):hover {
                background: #f67eb0;
            }

/*END OF NEW STYLING FILTER*/
.programma-bg.news .btn-news {
    font-family: 'LL Brown';
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 1rem;
    background-color: #00665F;
    color: #fff;
    padding: 15px 25px;
    border: none;
    width: auto;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-decoration: none;
}

.flex-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}

    .flex-wrapper .flex-child {
        display: flex;
    }

        .flex-wrapper .flex-child:last-child {
            justify-content: flex-end;
        }


.contentblock-ticketsInfo .tickets {
    padding: 50px 15px;
    background-color: #00665F;
}

.contentblock-ticketsInfo .tickets-container {
    display: flex;
    flex-wrap: wrap;
}

    .contentblock-ticketsInfo .tickets-container .col-10-12 ~ .col-10-12 .tickets-wrapper {
        border-top: none;
        padding-top: 0;
    }

    .contentblock-ticketsInfo .tickets-container .tickets-row {
        display: flex;
        width: 100%;
        flex-direction: column;
        border-top: 2px solid #fff;
        padding: 15px 0;
    }

    .contentblock-ticketsInfo .tickets-container:last-of-type .tickets-row {
        border-bottom: 2px solid #fff;
    }

    .contentblock-ticketsInfo .tickets-container.multiple-wrappers .tickets-wrapper {
        border-bottom: none;
    }

    .contentblock-ticketsInfo .tickets-container .tickets-wrapper {
        color: #fff;
        display: flex;
        align-items: center;
        margin-bottom: 10px;
    }

        .contentblock-ticketsInfo .tickets-container .tickets-wrapper .ticket-event-title,
        .contentblock-ticketsInfo .tickets-container .tickets-wrapper .ticket-event-subtitle {
            display: block;
            font-family: 'LL Brown';
            font-size: 16px;
            font-weight: 700;
        }

        .contentblock-ticketsInfo .tickets-container .tickets-wrapper .ticket-event-title {
            max-width: 180px;
        }

        .contentblock-ticketsInfo .tickets-container .tickets-wrapper .ticket-event-image img {
            width: 40px;
            height: 40px;
        }

        .contentblock-ticketsInfo .tickets-container .tickets-wrapper .ticket-event-image {
            display: flex;
            position: relative;
            cursor: pointer;
        }

            .contentblock-ticketsInfo .tickets-container .tickets-wrapper .ticket-event-image img {
                margin-right: 5px;
            }

            .contentblock-ticketsInfo .tickets-container .tickets-wrapper .ticket-event-image .tooltip-wrapper .tooltiptext {
                visibility: hidden;
                background-color: #ffffff;
                color: #00665F;
                font-size: 16px;
                font-family: 'LL Brown';
                font-weight: 400;
                text-align: center;
                padding: 7.5px;
                position: absolute;
                top: -50%;
                left: 50%;
                white-space: nowrap;
                z-index: 1;
            }

            .contentblock-ticketsInfo .tickets-container .tickets-wrapper .ticket-event-image .tooltip-wrapper {
                position: relative;
            }

                .contentblock-ticketsInfo .tickets-container .tickets-wrapper .ticket-event-image .tooltip-wrapper:hover .tooltiptext {
                    visibility: visible;
                }

                .contentblock-ticketsInfo .tickets-container .tickets-wrapper .ticket-event-image .tooltip-wrapper .tooltiptext::after {
                    content: '';
                    display: block;
                    width: 15px;
                    height: 15px;
                    position: absolute;
                    bottom: -7.5px;
                    left: 0;
                    background-image: url(/Images/speech.svg);
                    background-size: cover;
                }

        .contentblock-ticketsInfo .tickets-container .tickets-wrapper .ticket-event-button {
            display: flex;
            justify-content: flex-end;
        }

            .contentblock-ticketsInfo .tickets-container .tickets-wrapper .ticket-event-button .small-ticket {
                display: flex;
                align-items: center;
            }

                .contentblock-ticketsInfo .tickets-container .tickets-wrapper .ticket-event-button .small-ticket .small-ticket-time {
                    padding-right: 35px;
                    font-family: 'LL Brown';
                    font-size: 16px;
                    font-weight: 700;
                }

                .contentblock-ticketsInfo .tickets-container .tickets-wrapper .ticket-event-button .small-ticket .btn-koopKaartenSmall {
                    width: 5rem;
                    height: 5rem;
                    background-color: #FDE0E7;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    color: #000;
                    text-decoration: none;
                    font-size: 20px;
                }

                    .contentblock-ticketsInfo .tickets-container .tickets-wrapper .ticket-event-button .small-ticket .btn-koopKaartenSmall.out-of-sale {
                        background: #fff;
                        pointer-events: none;
                    }

            .contentblock-ticketsInfo .tickets-container .tickets-wrapper .ticket-event-button .btn-koopKaarten {
                font-family: "LL Brown";
                font-weight: 700;
                font-size: 16px;
                color: #000;
                text-decoration: none;
                background-color: #FDE0E7;
                padding: 15px 20px;
                letter-spacing: 1.78px;
                text-transform: uppercase;
                transition: all 0.3s ease;
            }

                .contentblock-ticketsInfo .tickets-container .tickets-wrapper .ticket-event-button .btn-koopKaarten:hover {
                    background-color: #fbc9d5;
                }


.contentblock-TextTwoColumn .text .title {
    padding-bottom: 1rem;
    color: #00665F;
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 1.4;
}

.contentblock-TextTwoColumn .multicolumn .col-1-2:nth-child(1) .text {
    padding-right: 10px;
}

.contentblock-TextTwoColumn .multicolumn .col-1-2:nth-child(2) .text {
    padding-left: 10px;
}


/* EVENT OVERZICHT */

.programma-overview {
    padding: 30px 0;
    position: relative;
}

    .programma-overview .absolute-anchor {
        position: absolute;
        top: -300px;
        left: 0;
        width: 50px;
        height: 50px;
        z-index: -99;
        opacity: 0;
        visibility: hidden;
    }

    .programma-overview .text .title {
        font-size: 36px;
        text-transform: uppercase;
    }

    .programma-overview .programme-day {
        display: block;
        color: #00665F;
        font-size: 3rem;
        margin-bottom: 4rem
    }

        .programma-overview .programme-day:first-letter {
            text-transform: uppercase;
        }

.event-overview .post {
    margin-bottom: 20px;
    cursor: pointer;
}

    .event-overview .post .tickets-wrapper {
        display: flex;
        flex-direction: column;
        width: 90%;
        position: relative;
        overflow: hidden;
        transition: opacity 0.3s ease;
    }

    .event-overview .post:not(.compact-view) .extrasubtitle,
    .event-overview .post:not(.compact-view) .mobile-title-wrapper,
    .event-overview .post:not(.compact-view) .price-wrapper {
        transition: opacity 0.3s ease;
    }

    .event-overview .post:not(.compact-view):hover .extrasubtitle,
    .event-overview .post:not(.compact-view):hover .mobile-title-wrapper,
    .event-overview .post:not(.compact-view):hover .price-wrapper,
    .event-overview .post:not(.compact-view):hover .date {
        opacity: 0;
    }

    .event-overview .post .tickets-wrapper .hover-text {
        opacity: 0;
        position: absolute;
        top: 0;
        bottom: 0;
        transition: opacity 0.3s ease;
        overflow: hidden;
        display: flex;
        align-items: center;
    }


    .event-overview .post:hover .hover-text {
        opacity: 1;
    }

    .event-overview .post:hover .playtime {
        opacity: 1;
    }

    .event-overview .post .tickets-wrapper .hover-text p {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .event-overview .post .tickets-wrapper .subtitle {
        display: block;
        margin-bottom: 1.5rem;
        text-transform: uppercase;
    }

    .event-overview .post .tickets-wrapper .extrasubtitle {
        font-size: 1.4rem;
        margin-bottom: 1.4rem;
        text-transform: uppercase;
        color: #393939;
    }

    .event-overview .post .tickets-wrapper .price-wrapper {
        display: flex;
        align-items: center;
    }

        .event-overview .post .tickets-wrapper .price-wrapper .price {
            margin-right: .5rem;
        }

    .event-overview .post .flex-container {
        display: flex;
        align-self: stretch;
        align-items: center;
    }

    .event-overview .post .tickets-wrapper .date {
        display: block;
        margin-bottom: 5px;
        color: #00665F;
        font-size: 14px;
        font-family: 'LL Brown';
        font-weight: 700;
        text-transform: uppercase;
    }

    .event-overview .post .tickets-wrapper .title {
        display: block;
        margin-bottom: 1.5rem;
        color: #000;
        font-size: 2.8rem;
        text-decoration: none;
        line-height: 1;
    }

    .event-overview .post .tickets-wrapper .oneliner-wrapper {
        margin-bottom: 1.4rem;
    }

    .event-overview .post .tickets-wrapper a {
        align-self: flex-start;
        margin-bottom: 10px;
    }

    .event-overview .post .tickets-wrapper ul {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
    }

        .event-overview .post .tickets-wrapper ul li img {
            width: 2rem;
            height: 2rem;
        }

        .event-overview .post .tickets-wrapper ul li .tooltip-wrapper .tooltiptext {
            visibility: hidden;
            background-color: #ffffff;
            color: #00665F;
            font-size: 16px;
            font-family: 'LL Brown';
            font-weight: 400;
            text-align: center;
            padding: 7.5px;
            position: absolute;
            top: -50%;
            left: 50%;
            white-space: nowrap;
            z-index: 1;
            -webkit-box-shadow: 1px 1px 5px 5px rgba(0,0,0,0.2);
            -moz-box-shadow: 1px 1px 5px 5px rgba(0,0,0,0.2);
            box-shadow: 1px 1px 5px 5px rgba(0,0,0,0.2);
        }

        .event-overview .post .tickets-wrapper ul li .tooltip-wrapper {
            position: relative;
        }

            .event-overview .post .tickets-wrapper ul li .tooltip-wrapper:hover .tooltiptext {
                visibility: visible;
            }

            .event-overview .post .tickets-wrapper ul li .tooltip-wrapper .tooltiptext::after {
                content: '';
                display: block;
                width: 15px;
                height: 15px;
                position: absolute;
                bottom: -7.5px;
                left: 0;
                background-image: url(/Images/speech.svg);
                background-size: cover;
            }

    .event-overview .post .text-wrapper .title {
        font-family: "LL Brown", Helvetica, Arial, sans-serif;
        color: #393939;
        font-size: 32px;
        display: block;
        margin-bottom: 10px;
        text-decoration: none;
    }

    .event-overview .post .text-wrapper .subtitle {
        font-family: 'LL Brown';
        font-weight: 400;
        color: #393939;
        font-size: 18px;
        display: block;
        margin-bottom: 10px;
    }

    .event-overview .post .text-wrapper .intro {
        font-family: 'LL Brown';
        font-weight: 400;
        color: #00665F;
        font-size: 14px;
        display: block;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
    }

.event-overview .program-action-container {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    position: relative;
    text-align: right;
}

    .event-overview .program-action-container .date,
    .event-overview .program-action-container .playtime {
        margin-bottom: 2rem;
        font-size: 2rem;
        font-weight: 700;
        transition: all 0.3s ease;
    }

    .event-overview .program-action-container .play-area {
        display: block;
        margin-bottom: 2rem;
        font-size: 1.8rem;
        color: #393939;
    }

    .event-overview .program-action-container .playtime {
        opacity: 0;
        position: absolute;
        top: 0;
        right: 1.5rem;
    }

    .event-overview .program-action-container .btn-primary {
        background-color: #F9A5C8;
        color: #000;
    }

        .event-overview .program-action-container .btn-primary:hover {
            background-color: #f67eb0;
        }


        .event-overview .program-action-container .btn-primary.btn-hasbeen {
            background-color: #ECECEC;
        }

            .event-overview .program-action-container .btn-primary.btn-hasbeen:hover {
                background-color: #d4d4d4;
            }

.event-overview .post {
    background: #fff;
    display: flex;
    width: 100%;
    align-items: center;
    padding-bottom: 20px;
    position: relative;
    border-bottom: 2px solid #f1f1f1;
}

    .event-overview .post > div:first-child {
        padding-left: 0;
    }

    .event-overview .post > div:last-child {
        padding-right: 0;
    }

    .event-overview .post.compact-view {
        align-items: flex-start;
    }

        .event-overview .post.compact-view > div:not(:last-of-type) {
            align-items: flex-start;
        }

        .event-overview .post.compact-view .play-area {
            font-size: 1.6rem;
        }

        .event-overview .post.compact-view .date:not(.block-on-lg),
        .event-overview .post.compact-view .playtime {
            display: none;
        }

        .event-overview .post.compact-view .btn-compact {
            margin-bottom: 0;
        }

            .event-overview .post.compact-view .btn-compact.btn-hasbeen {
                background-color: #ECECEC;
            }

                .event-overview .post.compact-view .btn-compact.btn-hasbeen:hover {
                    background-color: #d4d4d4;
                }

.event-overview .image {
    display: block;
    overflow: hidden;
    height: 0;
    padding-bottom: 65.25%;
    position: relative;
}

.event-overview .post-image {
    position: relative;
    display: block;
    width: 100%;
    max-width: 16rem;
    padding-bottom: 89%;
    overflow: hidden;
    background-color: #fff;
}

    .event-overview .post-image figure {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        background-size: cover;
        background-repeat: no-repeat;
    }

        .event-overview .post-image figure img {
            object-fit: cover;
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            z-index: 0;
        }

/*------------------------------------*\
    Footer
\*------------------------------------*/
.footer {
    display: flex;
    align-items: center;
    padding: 50px 0 40px 0;
    background-color: #00665F;
    color: #fff;
}

    .footer .grid {
        display: flex;
        align-items: center;
    }

        .footer .grid .col-1-2 {
            display: flex;
            align-items: center;
        }

    .footer .footer-buttons .btn {
        font-family: 'LL Brown';
        display: block;
        font-size: 14px;
        font-weight: 700;
        margin-bottom: 1rem;
        background-color: #FDE0E7;
        color: #000;
        padding: 1.5rem 1rem;
        border: none;
        width: auto;
        text-align: center;
        text-transform: uppercase;
        letter-spacing: 2px;
        transition: all 0.3s ease;
    }

        .footer .footer-buttons .btn:hover {
            background-color: #fbc9d5;
        }

#logo-footer {
    width: 220px;
    height: 88px;
    display: inline-block;
    background: url("/Images/logo-footer.svg") no-repeat;
    text-indent: -9999em;
    margin-left: 4rem;
}

#logo-footer-date {
    display: block;
    font-size: 4rem;
    font-weight: 300;
    line-height: 4rem;
    font-weight: 700;
    letter-spacing: -1.3px;
    font-family: 'LL Brown';
}

.logo-footer-location {
    font-size: 2.8rem;
    line-height: normal;
    letter-spacing: -0.5px;
    display: block;
}

.logo-footer-extra-text {
    font-size: 1.8rem;
    line-height: normal;
    display: block;
    margin: 0 0 20px 0;
    font-family: 'LL Brown';
    font-weight: 300;
}

.logo-footer-button {
    background-color: #fff;
    border: 1px solid #fff;
    font-family: 'LL Brown';
    color: #00665F;
    display: inline-block;
    padding: 10px 25px;
    text-decoration: none;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 1.4rem;
    min-width: 165px;
}

    .logo-footer-button:hover {
        background-color: transparent;
        color: #fff;
    }

.footer-button-sponsoren {
    color: #fff;
    border-bottom: 1px solid #fff;
    text-decoration: none;
    display: inline-block;
    font-size: 1.4rem;
}

    .footer-button-sponsoren:hover {
        border-bottom-color: rgba(255, 255, 255, 0);
    }

.footer-col .title {
    display: block;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 24px;
    position: relative;
    padding-bottom: 26px;
}

    .footer-col .title::after {
        position: absolute;
        bottom: 14px;
        content: "";
        display: block;
        width: 100%;
        max-width: 180px;
        height: 3px;
        background: #fff;
    }

.footer-col .btn-rounded {
    margin-bottom: 5px;
}

.social-links {
    display: flex;
    margin: 0;
    padding: 0;
}

    .social-links li {
        display: inline-block;
        font-size: 2.4rem;
    }

    .social-links a {
        color: #fff;
        display: block;
        padding: 1rem;
        text-decoration: none;
    }

        .social-links a:hover {
            color: #FDE0E7;
        }

.footer .social-links.no-icons a {
    border-bottom: 1px solid #fff;
}

.footer .social-links .social-text {
    display: inline-block;
    padding: 1px 0;
    border-bottom: 1px solid #fff;
    font-weight: 400;
}

    .footer .social-links .social-text:hover {
        border-bottom: 1px solid transparent;
    }

.footer .flex-end {
    display: flex;
    align-self: center;
    justify-content: center;
}

    .footer .flex-end a {
        display: block;
    }

.legal {
    background-color: #00665F;
    color: #fff;
    padding: 30px 0;
    font-size: 16px;
    font-weight: 400;
}

.legal-col {
    text-align: center;
    font-size: 1.4rem;
}

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

    .legal-col li {
        display: inline-block;
        margin: 0 5px;
    }

    .legal-col a {
        color: inherit;
        text-decoration: none;
        margin: 0 5px;
    }

        .legal-col a:hover {
            text-decoration: underline;
        }

    .legal-col #-item-link-1073 {
        background-color: #ba0c2f;
        border-radius: 4px;
        padding: 4px 8px;
    }

.copyright-text {
    display: inline-block;
    margin-right: 20px;
}

.partners {
    background-color: #00665F;
    text-align: center;
}

    .partners .partners-title {
        text-align: center;
        display: block;
        color: #fff;
        font-size: 1.4rem;
        font-weight: 700;
        letter-spacing: -0.5px;
        margin-bottom: 2rem;
    }

    .partners ul {
        margin: 0;
        padding: 0;
        list-style: none;
        text-align: center;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
    }

    .partners li {
        height: 65px;
        max-height: 85px;
        margin: 0px 10px;
        float: left;
        max-width: 85px;
    }

        .partners li img {
            display: block;
            max-width: 100px;
        }

        .partners li a,
        .partners li span {
            display: table-cell;
            vertical-align: middle;
        }

.btn.partners {
    color: #001639;
    border: 3px solid #000;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    min-width: 90px;
    text-align: center;
    padding: 10px 15px;
    display: inline-block;
    position: relative;
    font-family: 'LL Brown';
    font-weight: 700;
    background: transparent;
    text-decoration: none;
}

.detail-content-white {
    background-color: #ffffff;
    /*max-width: 1000px;*/
    margin-bottom: 75px;
}

    .detail-content-white .content-padding {
        padding: 65px 50px;
    }

.detail-content-1000 {
    max-width: 1000px;
}

.cover-img.detail {
    max-width: 1000px;
}

.hr-yellow {
    width: 100%;
    height: 11px;
    background: #f087b6;
}

.hr-yellow {
    width: 100%;
    height: 11px;
    background-color: #00665F;
}

.text-intro.detail {
    color: #f087b6;
}

    .text-intro.detail .title {
        font-size: 80px;
        line-height: 80px;
        margin-bottom: 15px;
    }

    .text-intro.detail .subtitle {
        font-family: 'LL Brown';
        font-weight: 700;
        color: #000;
        font-size: 30px;
    }


.ander-boulevard .content-padding .text-intro.detail {
    color: #00665F;
}

    .ander-boulevard .content-padding .text-intro.detail .title {
        color: unset;
        font-size: 60px;
        margin-bottom: 5px;
    }

    .ander-boulevard .content-padding .text-intro.detail .subtitle {
        color: unset;
        font-size: 28px;
        font-weight: 400;
        line-height: 1;
    }

        .ander-boulevard .content-padding .text-intro.detail .subtitle .landherkomst {
            color: #00665F;
        }

.gidsen-bg .text-intro.detail .title,
.gidsen .text-intro.detail .title {
    max-width: inherit;
    font-size: 120px;
    line-height: 120px;
}

.gids-detail .text-intro.detail .title {
    font-size: 80px;
    line-height: 80px;
}


.text-intro.detail .title.pink {
    color: #f087b6;
}

.text-intro.detail .title.white {
    color: #fff;
}

.text-intro.detail .extrasubtitle {
    color: #00665F;
    font-size: 35px;
    font-weight: 400;
    line-height: 40px;
    font-family: 'LL Brown';
    margin-top: 10px;
}

.text-intro.detail .subtitle .landherkomst {
    color: #00665F;
}

.gidsen-bg .text-intro.detail .subtitle {
    font-size: 40px;
    line-height: 40px;
}

.gids-detail .img-person {
    position: absolute;
    top: -70px;
    right: 0;
}

    .gids-detail .img-person .img {
        padding-bottom: 100%;
    }

.text-intro.detail .subtitle.darkblue {
    color: #001639;
}

.text-intro.detail .subtitle.blue {
    color: #00665F;
}

.text-intro.detail .subtitle.white {
    color: #fff;
}

.text-intro.detail .intro {
    margin-top: 40px;
    margin-bottom: 60px;
    font-size: 22px;
    line-height: 24px;
    color: #00665F;
    font-weight: 400;
    font-family: 'LL Brown';
}

    .text-intro.detail .intro.white {
        color: #fff;
    }

    .text-intro.detail .intro.small-spacer-bottom {
        margin-bottom: 20px;
    }

.text-intro.detail p a {
    color: #00665F;
}

    .text-intro.detail p a:hover {
        color: #00665F;
    }

.news-sidebar {
    color: #00665F;
    margin-bottom: 40px;
}

    .news-sidebar .title {
        font-size: 14px;
        line-height: 24px;
        display: block;
        color: #505050;
    }

    .news-sidebar .subtitle {
        font-size: 18px;
        line-height: 24px;
        display: block;
        margin-bottom: 12px;
        font-weight: 400;
        font-family: 'LL Brown';
    }

.social-share {
    margin: 8px 0 20px 0;
    padding: 5px 0 15px 0;
    list-style: none;
    position: relative;
    color: #00665F;
}

.social-share-event {
    margin: 0;
    padding: 0;
}
/*.social-share::before {
        content: "";
        width: 100%;
        height: 3px;
        background-color: #f8bb2e;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        max-width: 165px;
    }*/
.social-share li {
    display: inline-block;
    margin-right: 5px;
    text-align: center;
}

    .social-share li a {
        width: 22px;
        text-decoration: none;
        color: inherit;
        font-size: 18px;
        display: block;
        text-align: center;
    }

        .social-share li a:hover {
            color: #393939;
        }

.social-share .a2a_default_style a {
    line-height: normal;
}

.textpage {
    color: #00665F;
    font-family: 'LL Brown';
    font-weight: 400;
    font-size: 18px;
}

    .textpage p a,
    .textpage ul a {
        color: #00665F;
        font-weight: 400;
    }

    .textpage h2,
    .textpage h3,
    .textpage h4,
    .textpage h5,
    .textpage h6 {
        font-weight: 700;
        text-transform: uppercase;
        font-size: inherit;
        line-height: inherit;
        margin-bottom: 10px;
        color: inherit;
    }

    .textpage table {
        width: 100% !important;
        border: none !important;
        border-collapse: collapse !important;
        border-color: none !important;
    }

        .textpage table td,
        .textpage table tr,
        .textpage table th,
        .textpage table thead,
        .textpage table tfoot {
            border: none !important;
        }

        .textpage table p {
            margin: 0;
        }

            .textpage table p a {
                color: inherit;
            }

    .textpage.supporters p a {
        text-decoration: none;
    }

.has-faq-view h3 {
    display: block;
    font-size: 20px;
    background-color: #00665F;
    color: #fff;
    padding: 10px 20px;
    margin-top: 5px;
    font-weight: bold;
    cursor: pointer;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

    .has-faq-view h3:hover {
        background-color: #64ccc9;
    }

    .has-faq-view h3 + p {
        display: none;
        padding: 10px 20px;
    }

/*.quote-wrap {
    margin: 60px 0;
}*/

/*.quote-wrap .quote-bg {
        background-color: #fcdd96;
    }*/

.quote-wrap .border-top {
    position: relative;
    height: 0;
    padding: 6.20% 0 0 0;
}

.quote-wrap .border-bottom {
    position: relative;
    height: 0;
    padding: 0 0 6.20% 0;
}

.quote-wrap .border-top svg {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
}

.quote-wrap .border-bottom svg {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
}

.textpage-quote {
    font-size: 26px;
    line-height: 36px;
    color: #000;
    margin: 60px 0;
    position: relative;
}

    .textpage-quote::before {
        position: absolute;
        left: -55px;
        font-size: 35px;
        top: -10px;
        content: "\71";
        font-family: "boulevard" !important;
        font-style: normal !important;
        font-weight: normal !important;
        font-variant: normal !important;
        text-transform: none !important;
        speak: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #00665F;
    }

    .textpage-quote .title {
        font-size: 20px;
        font-weight: 700;
        font-style: italic;
    }

.oneliner {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 24px;
    line-height: 1.2;
    margin-bottom: 10px;
}

@media only screen and (max-width : 1300px) /* Als je de width aanpast pas ook de media query aan in simplegrid */ {
    .accessibility.mobile {
        position: fixed;
        display: block;
        top: 6rem;
    }

        .accessibility.mobile .accessibility-btn {
            width: 4rem;
            height: 4rem;
            padding: 0.5rem;
        }

        .accessibility.mobile .accessibilityMenu {
            left: 4rem;
        }
}

/*------------------------------------*\
    CUSTOM MediaQuery 1279
\*------------------------------------*/
@media only screen and (max-width : 1279px) /* Als je de width aanpast pas ook de media query aan in simplegrid */ {
    .title-event {
        font-size: 24px;
        line-height: 34px;
    }

    .accessibility .accessibility-btn {
        width: 4rem;
        height: 4rem;
        padding: 0.5rem;
    }
}

@media only screen and (max-width : 1350px) /* Als je de width aanpast pas ook de media query aan in simplegrid */ {
    #subnav .subnav-wrap .title {
        font-size: 32px;
    }
}

@media only screen and (max-width : 1220px) /* Als je de width aanpast pas ook de media query aan in simplegrid */ {
    #subnav .subnav-wrap .title {
        font-size: 29px;
        margin-bottom: 0;
    }
}

@media only screen and (max-width : 1130px) /* Als je de width aanpast pas ook de media query aan in simplegrid */ {
    #subnav .subnav-wrap .title {
        font-size: 26px;
        margin-bottom: 0;
        padding-bottom: 10px;
    }
}


/*------------------------------------*\
    MD MediaQuery
\*------------------------------------*/
@media only screen and (max-width : 1024px) /* Als je de width aanpast pas ook de media query aan in simplegrid */ {

    .black-wipe-sm {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
        width: 100%;
        height: 100px;
        z-index: 9;
    }

    .mobile-menu-logo {
        display: block;
        position: fixed;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        z-index: 99;
    }

        .mobile-menu-logo .logo-image {
            display: block;
            width: 26rem;
            height: 10rem;
            background: url(/Images/BLVRD_LOGO_2021.svg) no-repeat;
            background-size: auto;
            background-size: contain;
            background-position: center center;
            text-indent: -9999em;
        }

    .header {
        display: none;
    }

    #mobile-nav-trigger {
        left: unset;
        right: 0;
    }

    #menu-extra-fixed {
        display: block;
        left: 0;
        right: unset;
    }

    /* MOBILE NAVIGATION */
    #mobile-nav {
        display: block;
    }

    #mobile-nav-trigger {
        width: 60px;
        height: 60px;
        background-color: #00665F;
        display: inline-block;
        position: fixed;
        top: 0;
        z-index: 130;
    }

        #mobile-nav-trigger .hamburger-icon {
            width: 33px;
            height: 21px;
            top: 20px;
            margin-left: 13px;
        }

            #mobile-nav-trigger .hamburger-icon i {
                -webkit-transition: all .2s ease-in-out;
                -moz-transition: all .2s ease-in-out;
                -o-transition: all .2s ease-in-out;
                transition: all .2s ease-in-out;
            }

            #mobile-nav-trigger .hamburger-icon .line1 {
                top: 0;
            }

            #mobile-nav-trigger .hamburger-icon .line2 {
                top: 10px;
            }

            #mobile-nav-trigger .hamburger-icon .line3 {
                top: 20px;
            }

        #mobile-nav-trigger.active .hamburger-icon .line2 {
            opacity: 0;
        }

        #mobile-nav-trigger.active .hamburger-icon .line1 {
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
            top: 9px;
        }

        #mobile-nav-trigger.active .hamburger-icon .line3 {
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
            top: 9px;
        }

    #mobile-nav {
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-color: #00665F;
        color: #fff;
        z-index: 115;
        overflow: auto;
        font-weight: 700;
        font-size: 14px;
        text-transform: uppercase;
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        -webkit-overflow-scrolling: touch;
    }

        #mobile-nav.is-visible {
            -webkit-transform: translateX(0);
            -moz-transform: translateX(0);
            -ms-transform: translateX(0);
            -o-transform: translateX(0);
            transform: translateX(0);
        }

        #mobile-nav .language a {
            color: #fff;
        }

        #mobile-nav #mobile-menu a {
            color: #fff;
            text-decoration: none;
            display: block;
            padding: 24px 10px 24px;
            line-height: normal;
            border-top: 2px solid #fff;
        }

            #mobile-nav #mobile-menu a:hover,
            #mobile-nav #mobile-menu a:active,
            #mobile-nav #mobile-menu a.active {
                color: #fff;
            }

        #mobile-nav ul {
            margin: 0;
            padding: 0;
        }

        #mobile-nav #mobile-menu li {
            display: inline-block;
            width: 50%;
            float: left;
            text-align: center;
        }

            #mobile-nav #mobile-menu li:nth-child(1) a,
            #mobile-nav #mobile-menu li:nth-child(3) a {
                border-right: 1px solid #fff;
            }

            #mobile-nav #mobile-menu li:nth-child(2) a,
            #mobile-nav #mobile-menu li:nth-child(4) a {
                border-left: 1px solid #fff;
            }

        #mobile-nav #mobile-menu a .icon {
            display: block;
            font-size: 50px;
            height: 50px;
            margin-bottom: 12px;
            line-height: 0;
        }

        #mobile-nav .language a {
            font-size: 12px;
        }

    /* MOBILE SUBNAVIGATION */
    .mobile-subnav-trigger {
        display: block;
        padding: 24px 10px 22px;
        text-align: center;
        font-size: 12px;
        border-top: 2px solid #fff;
    }

    .timetable-button,
    .archive-button {
        display: block;
        text-align: center;
        font-size: 14px;
        padding: 24px 10px 22px;
        border-top: 2px solid #fff;
        border-bottom: none;
        color: white;
        text-decoration: none;
    }

    .archive-button {
        border-bottom: 2px solid #fff;
    }

    .mobile-subnav-trigger .hamburger-icon .line1,
    .mobile-subnav-trigger .hamburger-icon .line2,
    .mobile-subnav-trigger .hamburger-icon .line3 {
        background: #fff;
    }

    .mobile-subnav {
        display: none;
        padding: 20px 0;
    }

        .mobile-subnav .title {
            font-size: 20px;
            font-weight: 700;
            text-transform: none;
            position: relative;
            padding: 0 50px 0 30px;
        }

            .mobile-subnav .title::after {
                content: "\70";
                font-family: "boulevard" !important;
                font-style: normal !important;
                font-weight: normal !important;
                font-variant: normal !important;
                text-transform: none !important;
                speak: none;
                line-height: 1;
                -webkit-font-smoothing: antialiased;
                position: absolute;
                right: 20px;
                top: 9px;
                color: #fff;
                font-size: 30px !important;
                -webkit-transition: all .2s ease-in-out;
                -moz-transition: all .2s ease-in-out;
                -o-transition: all .2s ease-in-out;
                transition: all .2s ease-in-out;
            }

            .mobile-subnav .title.active::after {
                -webkit-transform: rotate(180deg);
                -moz-transform: rotate(180deg);
                -ms-transform: rotate(180deg);
                -o-transform: rotate(180deg);
                transform: rotate(180deg);
            }

        .mobile-subnav ul {
            margin: 0 0 15px 0;
            list-style: none;
            display: none;
        }

            .mobile-subnav ul a {
                color: #fff;
                text-decoration: none;
                text-transform: none;
                font-weight: 300;
                font-size: 18px;
                display: block;
                padding: 5px 40px;
            }
}


/*------------------------------------*\
    SM MediaQuery
\*------------------------------------*/
@media only screen and (max-width : 768px) /* Als je de width aanpast pas ook de media query aan in simplegrid */ {
    html {
        font-size: 1.2vw;
    }

    .tw_icon_wrapper {
        display: flex !important;
    }

    .overlay .overlay-top .flex-container .lang-select {
        margin-right: 0;
    }

    .accessibility.mobile {
        top: 7.5rem;
    }

    .overlay .main-nav-icon {
        display: block;
        width: 3rem;
        height: 3rem;
        background: url(/Images/Winkelwagen.svg) no-repeat;
        background-size: auto;
        background-size: contain;
        background-position: center center;
        text-indent: -9999em;
        margin: 0 5px;
    }

    .overlay .main-nav-mijnomgeving {
        display: flex;
        align-items: center;
        justify-content: center;
        color: #000;
        width: 3rem;
        height: 3rem;
        text-decoration: none;
        font-size: 28px;
        margin: 0 5px;
    }

    .black-wipe-sm {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
        width: 100%;
        height: 100px;
        z-index: 9;
    }

    .mobile-menu-logo {
        display: block;
        position: fixed;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        z-index: 99;
    }

        .mobile-menu-logo .logo-image {
            display: block;
            width: 26rem;
            height: 8rem;
            background: url(/Images/boulevard_new22.svg) no-repeat;
            background-size: auto;
            background-size: contain;
            background-position: center center;
            text-indent: -9999em;
        }

    .header {
        display: none;
    }

    #mobile-nav-trigger {
        left: unset;
        right: 0;
    }

    #menu-extra-fixed {
        display: block;
        left: 0;
        right: unset;
    }

    .hoek {
        padding-left: 30.7%;
    }

        .hoek.right {
            padding-left: 30.7%;
        }

        .hoek.mid {
            height: 65%;
            padding-left: 70%;
        }

    .home-city .city-text .titles h2 {
        font-size: 35px;
        line-height: 50px;
    }

    .home-city .city-text .titles h3 {
        font-size: 30px;
        line-height: 35px;
    }

    #shopping-cart-fixed {
        width: 60px;
        height: 60px;
    }

        #shopping-cart-fixed span {
            margin: 14px auto 0;
        }

    #main-nav {
        display: none;
    }

    #content {
        border-left: none;
    }

    /* MOBILE NAVIGATION */
    #mobile-nav {
        display: block;
    }

    #mobile-nav-trigger {
        width: 60px;
        height: 60px;
        background-color: #00665F;
        display: inline-block;
        position: fixed;
        top: 0;
        z-index: 130;
    }

        #mobile-nav-trigger .hamburger-icon {
            width: 33px;
            height: 21px;
            top: 20px;
            margin-left: 13px;
        }

            #mobile-nav-trigger .hamburger-icon i {
                -webkit-transition: all .2s ease-in-out;
                -moz-transition: all .2s ease-in-out;
                -o-transition: all .2s ease-in-out;
                transition: all .2s ease-in-out;
            }

            #mobile-nav-trigger .hamburger-icon .line1 {
                top: 0;
            }

            #mobile-nav-trigger .hamburger-icon .line2 {
                top: 10px;
            }

            #mobile-nav-trigger .hamburger-icon .line3 {
                top: 20px;
            }

        #mobile-nav-trigger.active .hamburger-icon .line2 {
            opacity: 0;
        }

        #mobile-nav-trigger.active .hamburger-icon .line1 {
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
            top: 9px;
        }

        #mobile-nav-trigger.active .hamburger-icon .line3 {
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
            top: 9px;
        }

    #mobile-nav {
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-color: #00665F;
        color: #fff;
        z-index: 115;
        overflow: auto;
        font-weight: 700;
        font-size: 14px;
        text-transform: uppercase;
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        -webkit-overflow-scrolling: touch;
    }

        #mobile-nav.is-visible {
            -webkit-transform: translateX(0);
            -moz-transform: translateX(0);
            -ms-transform: translateX(0);
            -o-transform: translateX(0);
            transform: translateX(0);
        }

        #mobile-nav .language a {
            color: #fff;
        }

        #mobile-nav #mobile-menu a {
            color: #fff;
            text-decoration: none;
            display: block;
            padding: 24px 10px 24px;
            line-height: normal;
            border-top: 2px solid #fff;
        }

            #mobile-nav #mobile-menu a:hover,
            #mobile-nav #mobile-menu a:active,
            #mobile-nav #mobile-menu a.active {
                color: #fff;
            }

        #mobile-nav ul {
            margin: 0;
            padding: 0;
        }

        #mobile-nav #mobile-menu li {
            display: inline-block;
            width: 50%;
            float: left;
            text-align: center;
        }

            #mobile-nav #mobile-menu li:nth-child(1) a,
            #mobile-nav #mobile-menu li:nth-child(3) a {
                border-right: 1px solid #fff;
            }

            #mobile-nav #mobile-menu li:nth-child(2) a,
            #mobile-nav #mobile-menu li:nth-child(4) a {
                border-left: 1px solid #fff;
            }

        #mobile-nav #mobile-menu a .icon {
            display: block;
            font-size: 50px;
            height: 50px;
            margin-bottom: 12px;
            line-height: 0;
        }

        #mobile-nav .language a {
            font-size: 12px;
        }

    /* MOBILE SUBNAVIGATION */
    .mobile-subnav-trigger {
        display: block;
        padding: 24px 10px 22px;
        text-align: center;
        font-size: 12px;
        border-top: 2px solid #fff;
    }

    .timetable-button,
    .archive-button {
        display: block;
        text-align: center;
        font-size: 14px;
        padding: 24px 10px 22px;
        border-top: 2px solid #fff;
        border-bottom: none;
        color: white;
        text-decoration: none;
    }

    .archive-button {
        border-bottom: 2px solid #fff;
    }

    .mobile-subnav-trigger .hamburger-icon .line1,
    .mobile-subnav-trigger .hamburger-icon .line2,
    .mobile-subnav-trigger .hamburger-icon .line3 {
        background: #fff;
    }

    .mobile-subnav {
        display: none;
        padding: 20px 0;
    }

        .mobile-subnav .title {
            font-size: 20px;
            font-weight: 700;
            text-transform: none;
            position: relative;
            padding: 0 50px 0 30px;
        }

            .mobile-subnav .title::after {
                content: "\70";
                font-family: "boulevard" !important;
                font-style: normal !important;
                font-weight: normal !important;
                font-variant: normal !important;
                text-transform: none !important;
                speak: none;
                line-height: 1;
                -webkit-font-smoothing: antialiased;
                position: absolute;
                right: 20px;
                top: 9px;
                color: #fff;
                font-size: 30px !important;
                -webkit-transition: all .2s ease-in-out;
                -moz-transition: all .2s ease-in-out;
                -o-transition: all .2s ease-in-out;
                transition: all .2s ease-in-out;
            }

            .mobile-subnav .title.active::after {
                -webkit-transform: rotate(180deg);
                -moz-transform: rotate(180deg);
                -ms-transform: rotate(180deg);
                -o-transform: rotate(180deg);
                transform: rotate(180deg);
            }

        .mobile-subnav ul {
            margin: 0 0 15px 0;
            list-style: none;
            display: none;
        }

            .mobile-subnav ul a {
                color: #fff;
                text-decoration: none;
                text-transform: none;
                font-weight: 300;
                font-size: 18px;
                display: block;
                padding: 5px 40px;
            }

    .cover-img.header .img-text {
        padding-top: 30px;
        padding-left: 70px;
    }

    .mobile-normal-p {
        padding-right: 10px;
    }

    .program {
        margin-left: 0;
    }

    .summary {
        margin: 0 0 30px 0;
    }

    .has-faq-view h3 {
        font-size: 16px;
    }

    .cover-img.header .img-title {
        font-size: 55px;
        line-height: normal;
    }

    .cover-img.header.homepage .img-text {
        padding-left: 20px;
    }

    .archive-title {
        font-size: 40px !important;
        line-height: 40px !important;
        margin-bottom: 60px !important;
        margin-top: 80px !important;
    }

    .gidsen-bg .text-intro.detail .title {
        font-size: 70px;
        line-height: 70px;
    }

    .gids-detail .img-person {
        position: relative;
        top: inherit;
        right: inherit;
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 20px;
        margin-top: -50px;
    }


    .gidsen-bg .text-intro.detail .title,
    .gidsen .text-intro.detail .title {
        font-size: 80px;
        line-height: 80px;
    }


    .detail-program-bg .detail-content-white {
        margin-bottom: 0;
    }

    .detail-program-bg .detail-content-1000 {
        margin-bottom: 75px;
    }

    .filter-group > ul.filter-locations {
        width: 95vw;
    }

    .event-overview .post-image {
        max-width: unset;
        padding-bottom: 100%;
    }

    .event-overview .program-action-container .date {
        margin-bottom: 1rem;
        text-align: right;
    }

    .event-overview .program-action-container .playtime {
        position: relative;
        top: unset;
        right: unset;
        opacity: 1;
    }

    .event-overview .btn-compact {
        display: flex !important;
        background-color: #F9A5C8;
    }


    /*************
Contentblokken TABLET
***************/
    .contentblock-Title .flex-container {
        flex-wrap: wrap;
        flex-direction: column;
    }

    .contentblock-Title .mag-link {
        padding-top: 45%;
    }

    .contentblock-Title .text {
        padding: 0;
    }


    /* Text And Image */
    .contentblock-TextAndImage .text-and-image {
        display: flex;
        flex-wrap: wrap;
    }

        .contentblock-TextAndImage .text-and-image.swapped .col-text .text {
            padding: 5rem 0 0 0;
        }

        .contentblock-TextAndImage .text-and-image .col-img img {
            text-align: center;
            margin: 0 auto;
        }

    /* Video contentblok*/


    .contentblock-Testimonial .slide {
        padding: 0 50px;
    }

    .contentblock-headerVideo {
        height: auto;
        padding-bottom: 27.25%;
    }

    .relative.green::after {
        content: none;
    }

    .programma-bg.news .flex-wrapper .btn-news {
        margin: 2rem 0;
    }

    .flex-wrapper .flex-child:last-child {
        justify-content: flex-start;
    }

    /* COUNTDOWN */
    #countdown {
        color: #fff;
        text-align: center;
        background-color: #00665F;
    }

        #countdown ul {
            margin: 0;
            padding: 0;
            visibility: visible;
        }

        #countdown .notactive {
            visibility: hidden;
        }

        #countdown li {
            display: inline-block;
            font-size: 20px;
            list-style-type: none;
            padding: 10px;
            text-transform: uppercase;
        }

            #countdown li span {
                display: block;
                font-size: 55px;
                line-height: 60px;
            }

        #countdown h2 {
            font-family: 'LL Brown';
            font-size: 45px;
            font-weight: 700;
            line-height: 50px;
            padding-bottom: 15px;
            margin-bottom: 5px;
            position: relative;
            -webkit-transition: all .2s ease-in-out;
            -moz-transition: all .2s ease-in-out;
            -o-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
        }

    .contentblock-aboutTheCity .city-bg {
        padding-bottom: 56.25%;
    }

        .contentblock-aboutTheCity .city-bg .titles {
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            font-size: 50px;
            padding: 35px;
        }

            .contentblock-aboutTheCity .city-bg .titles h2 {
                font-size: inherit;
                line-height: normal;
            }

    /* NEW EVENT DETAIL STYLING IPAD */
    .eventDetail-intro .eventDetail-intro-wrapper {
        flex-wrap: wrap;
    }

        .eventDetail-intro .eventDetail-intro-wrapper .event-text {
            order: 1;
            padding: 22px; /* Same as blue info wrapper */
        }

        .eventDetail-intro .eventDetail-intro-wrapper .event-info {
            order: 2;
        }

    /* NEW FILTER */
    .filter-container .flex-wrapper-filter .text .title {
        font-size: 64px;
        margin-bottom: 5px;
    }

    .filter-container .flex-wrapper-filter {
        flex-wrap: wrap;
        flex-direction: column;
        align-items: flex-start;
    }

        .filter-container .flex-wrapper-filter .top-filters {
            width: 100%;
            display: flex;
        }

            .filter-container .flex-wrapper-filter .top-filters .btn-filter-yellow {
                margin: 15px 10px 15px 0;
                display: block;
                flex: 1 1 auto;
            }

    .filter-group-search {
        display: inline-block;
        position: relative;
        top: unset;
        right: unset;
        transform: unset;
        margin: 10px 0;
    }

    .contentblock-ticketsInfo .tickets-container .tickets-wrapper .ticket-event-image .tooltip-wrapper:hover .tooltiptext {
        visibility: hidden;
    }
}


/*------------------------------------*\
    XS MediaQuery
\*------------------------------------*/
@media screen and (max-width : 480px) /* Als je de width aanpast pas ook de media query aan in simplegrid */ {
    html {
        font-size: 2vw;
    }

    body {
        font-size: 15px;
    }

    .overlay.open {
        padding-bottom: 50px;
    }

    .overlay .overlay-top .flex-container {
        flex-wrap: wrap;
    }

        .overlay .overlay-top .flex-container .search-bar {
            order: 2;
        }

        .overlay .overlay-top .flex-container .close-overlay {
            order: 1;
            margin-bottom: 2rem;
            width: 100%;
        }

            .overlay .overlay-top .flex-container .close-overlay .burger {
                width: 5rem;
                height: 5rem;
            }

                .overlay .overlay-top .flex-container .close-overlay .burger span::before {
                    width: 5rem;
                }

                .overlay .overlay-top .flex-container .close-overlay .burger span::after {
                    width: 5rem;
                }

        .overlay .overlay-top .flex-container .lang-select {
            flex-grow: 1;
        }

        .overlay .overlay-top .flex-container .search-bar form.filter-search {
            width: 100%;
        }

    /*Hiding because of available space*/
    .overlay .overlay-mid .become-friend {
        display: block;
        position: absolute;
        bottom: 0;
        right: 0;
        top: unset;
    }

    .overlay .main-nav-icon,
    .overlay .main-nav-mijnomgeving {
        width: 30px;
        height: 30px;
        filter: invert(1);
    }

    .overlay .overlay-bottom .bottom-menu.last {
        margin-bottom: 5rem;
    }

    .overlay .overlay-bottom .socials {
        align-items: flex-start;
        flex-direction: row;
        margin-bottom: 2.5rem;
    }

        .overlay .overlay-bottom .socials li a {
            margin: 0 1.5rem 0 0;
        }

    .overlay .overlay-logos {
        margin-bottom: 2rem;
    }

        .overlay .overlay-logos ul {
            width: 100%;
            justify-content: space-between;
        }


    .textpage,
    .gids-detail .textpage p,
    .keuzestress-blocks .block-item .block-content .text {
        font-size: 15px;
        line-height: 24px;
    }

    .keuzestress-blocks .block-content .btn {
        font-size: 15px;
        line-height: 15px;
    }

    .grey h1 {
        font-size: 32px;
        line-height: 36px;
    }

    #countdown li {
        font-size: 15px;
    }

        #countdown li span {
            font-size: 40px;
            line-height: 50px;
        }

    #countdown h2 {
        font-size: 32px;
        line-height: 36px;
    }

    .ander-boulevard .content-padding .text-intro.detail .title {
        font-size: 36px;
    }

    .detail-program-bg .flex-container-event {
        display: flex;
        flex-wrap: wrap;
    }

    .ma-top {
        margin-top: 2rem;
    }

    .bw p {
        word-break: break-word;
    }


    .hoek {
        padding-left: 40.7%;
    }

        .hoek.right {
            padding-left: 40.7%;
        }

        .hoek.mid {
            padding-left: 90%;
        }

    .grey p {
        font-size: 15px;
        line-height: 24px;
    }

    .overlay-melding {
        top: 0;
        left: 100%;
        opacity: 0;
        width: 100%;
        height: 100%;
        z-index: 1000;
        display: block;
        position: fixed;
        background: rgba(0,0,0,0.7);
        transition: ease opacity 0.6s, ease left 0s;
        -webkit-transition: ease opacity 0.6s, ease left 0s;
    }

        .overlay-melding.active {
            left: 0;
            opacity: 1;
            transition: ease opacity 0s 0.6s, ease left 0.6s 0s;
            -webkit-transition: ease opacity 0s 0.6s, ease left 0.6s 0s;
        }

    .popup-melding {
        top: 50%;
        left: 50%;
        display: none;
        width: 300px;
        padding: 40px;
        height: 200px;
        z-index: 1001;
        display: flex;
        position: fixed;
        background: #fff;
        align-items: center;
        border-radius: 12px;
        display: -webkit-flex;
        justify-content: center;
        -webkit-align-items: center;
        -webkit-justify-content: center;
        transform: translate3d(-50%,-50%,0);
        -webkit-transform: translate3d(-50%,-50%,0);
        box-shadow: 0px 4px 20px rgba(0,0,0,0.8);
    }

        .popup-melding button {
            display: inline-block;
            text-decoration: none;
            color: #fff;
            font-size: 14px;
            padding: 6px 30px;
            overflow: hidden;
            -webkit-border-radius: 50px;
            -moz-border-radius: 50px;
            border-radius: 50px;
            border: 1px solid #daaa00;
            background-color: #daaa00;
            transition: ease all 0.3s;
            -webkit-transition: ease all 0.3s;
        }

            .popup-melding button:hover {
                background-color: #fff;
                color: #daaa00;
            }

    .hero-content {
        bottom: 20px;
    }

    .hero-title .title {
        font-size: 40px;
        line-height: 40px;
    }

    .hero-title .subtitle {
        font-size: 30px;
        line-height: 30px;
    }

    .hero-button {
        margin-bottom: 30px;
    }

    .title-event {
        margin-bottom: 60px;
        margin-left: 0;
    }

    .timetable-mobile {
        height: auto;
        visibility: visible;
    }

    .show-on-mobile {
        display: block;
    }

    .smoelenboek {
        width: calc(100% - 20px);
        margin: 0px 10px;
    }

        .smoelenboek .info h3 {
            font-size: 16px;
        }

        .smoelenboek .info {
            font-size: 12px;
        }

    .z-min10 {
        z-index: 1;
    }

    .space-left {
        margin-left: 0;
    }

    .mobile-normal-p {
        padding-right: 10px;
    }

    .top-spacer {
        height: 85px;
    }

    .cover-img.header {
        margin-left: -20px;
        margin-right: -20px;
        height: 75vh;
        min-height: 425px;
        max-height: 800px;
        background-size: cover !important;
        background-position: top center !important;
    }

        .cover-img.header img {
            display: none;
        }

        .cover-img.header .img-title {
            font-size: 40px;
            line-height: normal;
        }

        .cover-img.header .img-text {
            padding-left: 20px;
            padding-top: 130px;
        }

        .cover-img.header .img-info {
            font-size: 30px;
            line-height: 30px;
        }

    .block-item {
        margin-bottom: 50px;
    }

        .block-item .subtitle {
            margin-left: 0;
        }

        .block-item .more-info .left-side {
            padding-left: 25px;
        }


        .block-item.featured .title {
            font-size: 36px;
            line-height: 36px;
            margin-bottom: 20px;
        }

        .block-item.featured .subtitle {
            margin-left: 15px;
            margin-bottom: 10px;
        }


        .block-item.album .cover-img {
            margin-right: 0;
        }

        .block-item.video .title {
            /*margin-left: 20px;*/
        }

        .block-item.video .subtitle {
            margin-left: 0;
            width: 100%;
            float: none;
        }

        .block-item.video .text {
            width: 100%;
            /*padding-left: 20px;*/
            float: none;
        }

    .gidsen-bg .text-intro.detail .title,
    .gidsen .text-intro.detail .title {
        font-size: 50px;
        line-height: 50px;
    }

    .title-gidsen {
        font-size: 40px;
        line-height: 40px;
    }

    .text-intro.detail .title,
    .gidsen-bg .text-intro.detail .title,
    .block-section .title {
        font-size: 36px;
        line-height: 1.2;
    }

    .text-intro.detail .subtitle,
    .gidsen-bg .text-intro.detail .subtitle {
        font-size: 21px;
        line-height: 22px;
    }

    .text-intro.detail .intro,
    .block-section .intro {
        margin: 20px 0;
        font-size: 20px;
        line-height: 26px;
    }

    .textpage-quote {
        font-size: 20px;
        line-height: 26px;
        margin-top: 20px;
    }

        .textpage-quote::before {
            position: static;
            margin: 0 auto 10px;
            display: block;
        }

    /* Footer */

    .footer .grid {
        flex-wrap: wrap;
    }

        .footer .grid .col-1-2 {
            flex-wrap: wrap;
        }

    .footer .social-links {
        display: flex;
        width: 100%;
        justify-content: center;
        margin: 2rem 0;
    }

        .footer .social-links li {
            display: inline-block;
        }

    #logo-footer {
        margin-left: 25px;
    }

    #logo-footer-date,
    .logo-footer-location,
    .logo-footer-extra-text,
    .footer-btn {
        text-align: center;
    }

    .copyright-text {
        display: block;
    }

    .styledform .form-row {
        padding-right: 0 !important;
    }

        .styledform .form-row .checkbox {
            padding-left: 0 !important;
        }

            .styledform .form-row .checkbox input[type="checkbox"] {
                left: 0 !important;
            }

        .styledform .form-row.inline label {
            float: none !important;
            display: block !important;
            width: 100% !important;
            top: 2px !important;
        }

        .styledform .form-row.inline input[type="text"],
        .styledform .form-row.inline input[type="date"],
        .styledform .form-row.inline input[type="tel"],
        .styledform .form-row.inline input[type="email"],
        .styledform .form-row.inline input[type="password"],
        .styledform .form-row.inline select,
        .styledform .form-row.inline textarea {
            float: none !important;
            width: 100% !important;
        }

    .styledform .pers_voorstellingen-gekozen {
        float: none !important;
        width: 100% !important;
    }

    .styledform .form-row.note .inside {
        margin-left: 0 !important;
    }

    .styledform .form-row input[type="submit"],
    .styledform .form-row input[type="button"] {
        margin-left: 0 !important;
    }

    .filter-bar {
        margin-right: 0;
    }

    .active-filters ul {
        float: none;
    }

    .active-filters li {
        display: block;
        float: none;
        width: 100%;
    }

        .active-filters li a {
            width: 100%;
            display: block;
        }

    .filter-search {
        width: 100%;
    }

    #reset-filters {
        float: none;
        margin: 0;
        display: block;
        width: 100%;
    }

    .filter-bar .left,
    .filter-bar .right {
        width: 100%;
    }

    .filter-group > ul.filter-locations {
        height: unset;
        overflow: auto;
    }

    .filter-group {
        width: 100%;
        display: block;
    }

        .filter-group ul {
            position: static;
            margin-top: 5px;
        }

        .filter-group .filter-trigger,
        .filter-group.outlined .filter-trigger.active {
            display: block;
            background: transparent;
            margin: 10px 0;
        }

        .filter-group.outlined .filter-trigger {
            display: block;
            background: none;
            color: #393939;
        }

        .filter-group > ul.filter-locations {
            margin-left: 0;
            width: auto;
        }

    .timetable-wrapper {
        height: 0px;
        overflow: hidden;
        visibility: hidden;
    }

    .timetable-download {
        border-top: none;
        padding-top: 5px;
        margin-bottom: 2px;
    }

    .archive .archive-block .buttons ul {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .archive .archive-block .buttons li {
        margin: 0 0 15px 0 !important;
        width: auto;
    }

    /*Contentblokken Mobile*/


    .contentblock-Faq .text .title {
        font-size: 25px;
    }

    .contentblock-Faq .faq .question {
        font-size: 16px;
    }

    .contentblock-Faq .faq .anwser {
        font-size: 14px;
    }

    .contentblock-SubmenuAndText .link-list li a {
        font-size: 23px;
    }

    .contentblock-headerVideo {
        min-height: 65vh;
    }

        .contentblock-headerVideo .arrow_down {
            width: 5rem;
            height: 5rem;
        }

            .contentblock-headerVideo .arrow_down img {
                max-width: 20px;
            }
    /*.contentblock-headerVideo.viewheight-ios {
            min-height: -webkit-fill-available;
        }*/
    .contentblock-TextandButton .text .title {
        font-size: 24px;
        line-height: 1;
        margin-bottom: 1.5rem;
    }

        .contentblock-TextandButton .text .title.brown-font {
            margin-bottom: 1.5rem;
        }

    .contentblock-TextandButton .text form {
        flex-wrap: wrap;
        justify-content: center;
    }

        .contentblock-TextandButton .text form .email {
            margin-bottom: 20px;
        }

        .contentblock-TextandButton .text form .submit {
            align-self: flex-start;
            width: auto;
            flex-grow: unset;
        }

    .contentblock-Title .flex-container {
        flex-wrap: wrap;
        flex-direction: column;
    }

    .contentblock-Title .mag-link {
        padding-top: 63.25%;
    }

    .contentblock-Testimonial .slide {
        height: auto;
        min-height: unset;
        padding: 45px;
    }

        .contentblock-Testimonial .slide .quote-name {
            font-size: 2.4rem;
        }

    .contentblock-Testimonial .quote {
        font-size: 1.4rem;
    }

    .contentblock-Testimonial #testimonialpaging {
        bottom: 0;
    }

    .contentblock-Testimonial .left, .contentblock-Testimonial .right {
        width: 30px;
        height: 30px;
    }

        .contentblock-Testimonial .left::after,
        .contentblock-Testimonial .right::after {
            width: 20px;
        }

    .contentblock-countdownTimers::after {
        bottom: 0;
        left: 0;
        right: 0;
        height: 50%;
        top: unset;
        width: 100%;
    }

    .contentblock-countdownTimers .row {
        flex-wrap: wrap;
    }

        .contentblock-countdownTimers .row .inner {
            margin: 25px 0;
        }

    .contentblock-aboutTheCity .city-bg .titles {
        padding: 35px;
    }

    .contentblock-ticketsInfo .tickets-container .tickets-wrapper {
        flex-wrap: wrap;
    }

        .contentblock-ticketsInfo .tickets-container .tickets-wrapper .ticket-event-image, .contentblock-ticketsInfo .tickets-container .tickets-wrapper .ticket-event-button {
            align-items: flex-start;
            margin: 10px 0;
        }


        .contentblock-ticketsInfo .tickets-container .tickets-wrapper .ticket-event-title {
            max-width: unset;
            margin-bottom: 10px;
            font-size: 18px;
        }

        .contentblock-ticketsInfo .tickets-container .tickets-wrapper .ticket-event-button .btn-koopKaarten {
            font-size: 14px;
        }

    .contentblock-aboutTheCity .city-bg {
        padding-bottom: 56.25%;
    }

        .contentblock-aboutTheCity .city-bg .titles {
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            font-size: 30px;
            line-height: 30px;
            padding: 25px;
            width: 100%;
        }

            .contentblock-aboutTheCity .city-bg .titles h2 {
                font-size: inherit;
            }

    .contentblock-aboutTheCity .city-text {
        padding: 20px 0;
        font-size: 18px;
    }

    .contentblock-TextTwoColumn .multicolumn .col-1-2:nth-child(1) .text {
        padding-right: 0;
    }

    .contentblock-TextTwoColumn .multicolumn .col-1-2:nth-child(2) .text {
        padding-left: 0;
    }

    .contentblock-relatedItems .performance-slider .slick-list {
        padding: 0 10% 0 0;
    }

    .contentblock-NewsAndHighlighted .newsandhighlighted-slider .slick-list {
        padding: 0 10% 0 0;
    }

    .contentblock-NewsAndHighlighted .newsandhighlighted-slider .slide .block-item {
        margin-bottom: 0;
    }

    .contentblock-NewsAndHighlighted .block-content .title {
        margin-bottom: 15px;
    }

    .contentblock-NewsAndHighlighted .button-wrapper {
        margin: 0;
    }

    .contentblock-Title .title-text .title {
        font-size: 36px;
        line-height: 1.4;
    }

    .contentblock-Quotes .quote {
        font-size: 22px;
        line-height: 1.4;
    }

    .contentblock-Title.newsdetail .text .title {
        font-size: 25px;
    }

    /*NEW DETAIL EVENT MOBILE STYLING*/
    .eventDetail {
        height: unset;
        /*min-height: 100vw;*/
        min-height: 80vh;
    }

        .eventDetail .flex-grid {
            align-self: stretch;
            flex-grow: 1;
            justify-content: flex-end;
        }

        .eventDetail .event-intro {
            flex-wrap: wrap;
            padding-top: 80px;
        }

            .eventDetail .event-intro .event-text-wrapper {
                width: 100%;
                margin: 75px 0 20px 0;
                align-items: center;
            }

                .eventDetail .event-intro .event-text-wrapper .event-date {
                    font-size: 18px;
                }

                .eventDetail .event-intro .event-text-wrapper .title {
                    font-size: 36px;
                    line-height: 1;
                    text-align: center;
                    margin: 10px 0;
                }

                .eventDetail .event-intro .event-text-wrapper .subtitle {
                    font-size: 24px;
                    line-height: normal;
                    text-align: center;
                }


            .eventDetail .event-intro .event-social-wrapper {
                width: 100%;
                align-items: center;
                display: flex;
                flex-direction: row-reverse;
                justify-content: center;
            }

                .eventDetail .event-intro .event-social-wrapper .socials {
                    display: none;
                }

                .eventDetail .event-intro .event-social-wrapper .socials-mobile {
                    margin-left: 20px;
                    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.8);
                }

    .eventDetail-intro .eventDetail-intro-wrapper .event-info .event-info-container .event-info-wrapper .event-info-title,
    .eventDetail-intro .eventDetail-intro-wrapper .event-info .event-info-container .event-info-wrapper .event-info-value {
        width: 100%;
        min-width: inherit;
        max-width: inherit;
        word-break: break-word;
        padding-right: 5px;
    }

    .eventDetail-intro .eventDetail-intro-wrapper .event-text {
        font-size: 18px;
    }

    .eventDetail-intro .eventDetail-intro-wrapper .event-info {
        padding: 40px 22px 40px 22px;
    }

        .eventDetail-intro .eventDetail-intro-wrapper .event-info .event-info-container .event-info-wrapper {
            font-size: 16px;
            width: 50%;
        }

    .fixed-socials-mobile {
        display: none;
        flex-direction: column;
        padding: 2rem;
        width: 75vw;
        text-align: center;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background: #00665F;
    }

        .fixed-socials-mobile.active {
            display: flex;
            z-index: 9999;
        }

        .fixed-socials-mobile .title {
            font-size: 20px;
        }

        .fixed-socials-mobile .social-links {
            justify-content: center;
        }

            .fixed-socials-mobile .social-links li {
                font-size: 3rem;
            }

                .fixed-socials-mobile .social-links li a {
                    color: #000;
                }

        .fixed-socials-mobile .social-links {
            justify-content: center;
        }

        .fixed-socials-mobile .btn-close {
            align-self: center;
            background: #000;
            border: none;
            color: #ffff;
            padding: 10px 20px;
            margin-top: 10px;
            font-size: 13px;
        }


    /* NEW FILTER */
    .filter-container {
        margin-top: 100px;
    }

        .filter-container .flex-wrapper-filter .top-filters {
            width: 100%;
            flex-wrap: wrap;
        }

            .filter-container .flex-wrapper-filter .top-filters button {
                width: 100%;
            }

        .filter-container .flex-wrapper-filter .text .title {
            font-size: 35px;
            line-height: normal;
        }

        .filter-container .flex-wrapper-filter {
            flex-wrap: wrap;
            flex-direction: column;
            align-items: flex-start;
        }

            .filter-container .flex-wrapper-filter .top-filters .btn-filter-yellow {
                margin: 7.5px 0;
                display: block;
                text-align: center;
            }

    .programma-overview .programme-day {
        font-size: 3.15rem;
    }

    /*EVENT OVERVIEW*/
    .event-overview .post {
        flex-wrap: wrap;
        padding: 0 5px;
    }

        .event-overview .post > .xs-col-8-12 {
            padding-left: 0;
        }

        .event-overview .post .flex-container {
            margin-bottom: 5px;
        }

        .event-overview .post .tickets-wrapper .title {
            margin-bottom: 5px;
        }

        .event-overview .post .tickets-wrapper .extrasubtitle {
            font-size: 1.5rem;
        }

        .event-overview .post .tickets-wrapper .mobile-title-wrapper .title {
            font-size: 2.35rem;
        }

        .event-overview .post .tickets-wrapper .mobile-title-wrapper .subtitle {
            font-size: 1.8rem;
        }

        .event-overview .post.compact-view .date,
        .event-overview .post.compact-view .playtime {
            display: block !important;
        }

    .contentblock-NewsAndHighlighted .title {
        font-size: 30px;
    }
}





/* HERO IMAGE MEDIA QUERIES */
@media only screen and (max-width: 1099px) {
    .hero-logo {
        background: url('/Images/boulevard-logo-2017-white-v2.svg') no-repeat;
        right: auto;
        left: 50%;
        top: 40px;
        height: 160px;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

@media only screen and (max-height: 800px) {

    .hero-button {
        margin-bottom: 0px;
    }

    .hero-programme {
        display: none;
    }
}

@media screen and (max-width: 1099px) and (max-height: 800px) {
    .hero-logo {
        top: 40px;
        height: 100px;
    }
}

@media screen and (max-width: 480px) and (max-height: 800px) {
    .hero-button {
        margin-bottom: 0px;
    }
}

.tips {
    font-family: 'LL Brown';
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
    color: #fff;
    display: inline-block;
    height: 50px;
    background: #f087b6;
    float: left;
    padding: 10px 20px;
    text-decoration: none;
    text-align: center;
}

    .tips:hover {
        background: #001539;
    }

.ticketsbutton {
    color: #f087b6;
    text-decoration: none;
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: normal;
    position: relative;
    background: #fcbc09 url(/Images/shopping-icon.svg) no-repeat center center;
}

    .ticketsbutton span {
        background: #f087b6;
        color: #fff;
        border-radius: 50%;
        width: 20px;
        height: 20px;
        position: absolute;
        font-size: 12px;
        line-height: 12px;
        text-align: center;
        vertical-align: middle;
        padding: 4px;
        top: 5px;
        right: 5px;
    }


    .ticketsbutton:hover,
    .ticketsbutton:active,
    .ticketsbutton.active {
        background-color: #393939;
        color: #fff;
    }

        .ticketsbutton.active span {
            background: #ffffff;
            color: #393939;
        }



@media screen and (max-width: 1400px) {
    .subnav-item {
        width: 33.33%;
    }
}

@media screen and (max-width: 1024px) {
    .subnav-item {
        width: 50%;
    }
}

@media screen and (max-width: 768px) {
    .subnav-item {
        width: 100%;
    }


    .logo-mobile {
        position: absolute;
        display: block;
        right: 10%;
        top: 2%;
        z-index: 100;
        height: 100px;
        width: 50px;
        background: url(../Images/Logo.svg) center center / contain no-repeat;
    }
}

.fas {
    color: #00665F;
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    display: block;
    font-size: 23px;
}

.styledform {
}

    .styledform.clear {
        clear: both;
    }

    .styledform .clear {
        clear: both;
    }

    .styledform .w25 {
        width: 25%;
        float: left;
        position: relative;
    }

    .styledform .w40 {
        width: 40%;
        float: left;
        position: relative;
    }

    .styledform .w50 {
        width: 50%;
        float: left;
        position: relative;
    }

    .styledform .w60 {
        width: 60%;
        float: left;
        position: relative;
    }

    .styledform .w75 {
        width: 75%;
        float: left;
        position: relative;
    }

    .styledform .w100 {
        width: 100%;
        float: left;
        position: relative;
    }

    .styledform .form-row {
        margin-bottom: 10px;
    }

        .styledform .form-row .btn-outline {
            color: #afe3cf;
            padding: 15px 30px;
            text-transform: uppercase;
            margin-right: 10px;
            background: #ffffff;
        }

            .styledform .form-row .btn-outline.btn-small {
                padding: 7px 15px 6px 15px;
            }

            .styledform .form-row .btn-outline:hover {
                background: #afe3cf;
                border-color: #afe3cf;
                color: #fff;
            }

        .styledform .form-row .field-validation-valid {
            display: none;
        }

        .styledform .form-row .field-validation-error {
            font-size: 12px;
            font-size: 0.75rem;
            color: #CC3333;
            display: block;
        }

        .styledform .form-row.note .inside {
            margin-left: 30%;
            background-color: #eefffe;
            border: 1px solid #56c9c1;
            -webkit-border-radius: 7px;
            -moz-border-radius: 7px;
            border-radius: 7px;
            padding: 20px;
            color: #007ac9;
            margin-top: 20px;
            margin-bottom: 20px;
        }

        .styledform .form-row.note.note-blank .inside {
            margin-left: 30%;
            background-color: transparent;
            border: none;
            padding: 0;
            color: #444;
            margin-top: 20px;
            margin-bottom: 20px;
        }

        .styledform .form-row.note .inside p:last-of-type {
            margin: 0;
        }

    .styledform .form-row {
        padding-right: 10%;
    }

        .styledform .form-row label {
            width: 100%;
            display: block;
            font-size: 14px;
            font-size: 0.875rem;
            margin-bottom: 5px;
        }

        .styledform .form-row.inline label {
            display: inline-block;
            float: left;
            width: 30%;
            font-weight: 700;
            color: #00665F;
            font-size: 18px;
            position: relative;
            top: 12px;
        }

        .styledform .form-row.inline.become_friend {
            display: flex;
            align-items: center;
        }

            .styledform .form-row.inline.become_friend label {
                width: 55%;
                top: unset;
            }

        .styledform .form-row.radioline label {
            display: inline-block;
            width: 100%;
            font-weight: 700;
            color: #00665F;
            font-size: 18px;
            position: relative;
            top: 12px;
        }

        .styledform .form-row.radioline .radio label {
            display: inline;
            width: 100%;
            font-weight: normal;
            color: inherit;
            font-size: 14px;
            position: relative;
            top: auto;
        }

        .styledform .form-row label a {
            color: #1b249d;
        }

        .styledform .form-row .fileUpload {
            position: relative;
            overflow: hidden;
        }

        .styledform .form-row .delete-file {
            position: absolute;
            right: 12px;
            top: 9px;
        }

        .styledform .form-row .fileUpload input[type=file] {
            position: absolute;
            top: 0;
            right: 0;
            margin: 0;
            padding: 0;
            font-size: 20px;
            cursor: pointer;
            opacity: 0;
            filter: alpha(opacity=0);
        }

        .styledform .form-row input[type="text"],
        .styledform .form-row input[type="date"],
        .styledform .form-row input[type="tel"],
        .styledform .form-row input[type="email"],
        .styledform .form-row input[type="password"],
        .styledform .form-row select {
            border: 1px solid #aaa;
            width: 100%;
            padding: 10px;
            font-size: 14px;
            font-size: 0.875rem;
        }

        .styledform .form-row.inline input[type="text"],
        .styledform .form-row.inline input[type="date"],
        .styledform .form-row.inline input[type="tel"],
        .styledform .form-row.inline input[type="email"],
        .styledform .form-row.inline input[type="password"],
        .styledform .form-row.inline select,
        .styledform .form-row.inline textarea {
            width: 70%;
            float: left;
            padding: 12px 10px;
            font-size: 14px;
            font-size: 0.875rem;
            border: 1px solid #aaa;
            -webkit-border-radius: 0px;
            -moz-border-radius: 0px;
            border-radius: 0px;
            font-size: inherit;
            resize: vertical;
        }

        .styledform .form-row input[type="text"].input-validation-error,
        .styledform .form-row input[type="date"].input-validation-error,
        .styledform .form-row input[type="email"].input-validation-error,
        .styledform .form-row input[type="password"].input-validation-error {
            background: #ffe7e7;
        }

        .styledform .form-row input[type="submit"],
        .styledform .form-row input[type="button"] {
            font-family: 'LL Brown';
            display: block;
            font-size: 1.4rem;
            font-weight: 700;
            margin-bottom: 1rem;
            background-color: #00665F;
            color: #000;
            padding: 15px 20px;
            border: none;
            width: auto;
            text-align: center;
            text-transform: uppercase;
            letter-spacing: 2px;
            margin-left: 30%;
        }

            .styledform .form-row input[type="submit"]:hover,
            .styledform .form-row input[type="submit"]:focus,
            .styledform .form-row input[type="submit"]:active,
            .styledform .form-row input[type="button"]:hover, .styledform .form-row input[type="button"]:focus, .styledform .form-row input[type="button"]:active {
                background-color: #003a5d;
                color: #fff;
            }

        .styledform .form-row textarea {
            border: 1px solid #e5e3e0;
            height: 175px;
            width: 100%;
            padding: 10px;
            outline: none;
            font-size: 14px;
            font-size: 0.875rem;
        }

            .styledform .form-row textarea.input-validation-error {
                background: #ffe7e7;
            }

        .styledform .form-row .w50:nth-of-type(1) {
            padding-right: 10px;
        }

        .styledform .form-row .w50:nth-of-type(2) {
            padding-left: 10px;
        }

        .styledform .form-row .w25:nth-of-type(1) {
            padding-right: 10px;
        }

        .styledform .form-row .w25:nth-of-type(2) {
            padding-left: 10px;
        }

        .styledform .form-row .w25:nth-of-type(3) {
            padding-left: 10px;
        }

        .styledform .form-row .w75 {
            padding-left: 10px;
        }

    .styledform hr {
        width: 100%;
        height: 3px;
        background-color: #00665F;
        border: none;
        margin: 30px 0 45px;
    }

    .styledform .form-row .form-title {
        width: 100%;
        display: block;
        font-size: 30px;
        line-height: 36px;
        color: #00665F;
        margin-top: 60px;
    }

    .styledform .form-row .checkbox {
        margin: 0;
        display: block;
        position: relative;
        padding: 1px 10px 0 1px;
        padding-left: 30%;
    }

        .styledform .form-row .checkbox label {
            display: inline-block;
            width: auto;
            font-size: 18px;
            color: #393939;
            padding-left: 30px;
            float: left;
        }

        .styledform .form-row .checkbox input[type="checkbox"],
        .styledform .form-row .checkbox input[type="radio"] {
            float: left;
            margin-right: 5px;
            left: 30%;
            position: absolute;
            top: 6px;
        }

    .styledform .form-row .radio {
        margin: 0;
        display: inline-block;
        padding: 8px 0 0;
        margin-left: 30%;
    }

        .styledform .form-row .radio label {
            display: inline-block;
            width: auto;
        }

        .styledform .form-row .radio input[type="checkbox"] {
            position: relative;
            top: 4px;
            margin-right: 5px;
        }

        .styledform .form-row .radio input[type="radio"] {
            position: relative;
            top: 1px;
            margin-right: 5px;
        }

    .styledform .form-row .chosen-container {
        color: #282828;
        text-transform: none;
        width: 100% !important;
        font-size: 14px;
        font-size: 0.875rem;
    }

    .styledform .form-row .chosen-container-single .chosen-single, .styledform .form-row .chosen-container-active.chosen-with-drop .chosen-single {
        border: 1px solid #e5e3e0;
        padding: 0 20px 0 10px;
        height: 42px;
        line-height: 40px;
    }

    .styledform .form-row .chosen-container-single .chosen-single, .styledform .form-row .chosen-container-active.chosen-with-drop .chosen-single {
        border: 1px solid #e5e3e0;
        padding: 0 20px 0 10px;
        height: 42px;
        line-height: 40px;
    }

    .styledform .form-row .chosen-container-single .chosen-drop {
        border: 1px solid #e5e3e0;
        font-size: 14px;
        font-size: 0.875rem;
    }

    .styledform .form-row .chosen-container-single .chosen-single span {
        color: #282828;
        height: 40px;
    }

    .styledform .form-row .chosen-container .chosen-results li {
        padding: 10px 10px;
        color: #282828;
    }

        .styledform .form-row .chosen-container .chosen-results li.highlighted {
            background: #a1d7c4;
            color: #FFFFFF;
        }

    .styledform .form-row .chosen-container-single .chosen-single div b {
        background: none;
        position: relative;
        top: 1px;
        right: 10px;
    }

        .styledform .form-row .chosen-container-single .chosen-single div b::before {
            color: #282828;
            font-size: 14px;
            font-size: 0.875rem;
        }

    .styledform .form-row .chosen-container-active.chosen-with-drop .chosen-single div b {
        background: none;
        position: relative;
        top: -1px;
        right: 10px;
    }

        .styledform .form-row .chosen-container-active.chosen-with-drop .chosen-single div b::before {
            color: #282828;
            font-size: 14px;
            font-size: 0.875rem;
        }

    .styledform ::-webkit-input-placeholder {
        text-transform: none;
        color: #aaa;
        letter-spacing: 1px;
        font-size: 15px;
    }

    .styledform :-moz-placeholder {
        text-transform: none;
        color: #aaa;
        letter-spacing: 1px;
        font-size: 15px;
    }

    .styledform ::-moz-placeholder {
        text-transform: none;
        color: #aaa;
        letter-spacing: 1px;
        font-size: 15px;
    }

    .styledform :-ms-input-placeholder {
        text-transform: none;
        color: #aaa;
        letter-spacing: 1px;
        font-size: 15px;
    }


    .styledform .form-row#pers_voorstellingen span.voorstelling {
        border: 2px solid #00665F;
        padding: 8px 10px;
        font-size: 14px;
        line-height: 1.2;
        color: #00665F;
        font-weight: 700;
        cursor: pointer;
        margin: 0 5px 5px 0;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .styledform .form-row#pers_voorstellingen span.voorstelling:hover {
            color: #fff;
            background: #00665F;
        }

        .styledform .form-row#pers_voorstellingen span.voorstelling i {
            padding-left: 5px;
        }

    .styledform .pers_voorstellingen-gekozen {
        float: left;
        width: 70%;
    }

#pers_voorstelling_toevoegen {
    padding: 10px 20px;
    font-weight: 500;
    background: #393939;
    border: 1px solid #393939;
    font-size: 14px;
}

    #pers_voorstelling_toevoegen:hover {
        background-color: #00665F;
        border: 1px solid #00665F;
    }