@charset "UTF-8";
/* 	==========================================================================
   	Compass imports
   	========================================================================== */
/* 	==========================================================================
   	Sticky Footer
   	========================================================================== */
/* line 10, ../../../../../../../Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/layout/_sticky-footer.scss */
html, body {
  height: 100%;
}

/* line 12, ../../../../../../../Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/layout/_sticky-footer.scss */
#page-container {
  clear: both;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin-bottom: -431px;
}
/* line 18, ../../../../../../../Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/layout/_sticky-footer.scss */
#page-container .footer {
  height: 431px;
}

/* line 20, ../../../../../../../Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/layout/_sticky-footer.scss */
footer {
  clear: both;
  position: relative;
  height: 431px;
}

/* 	==========================================================================
   	Boilerplate stuff - normalize / reset
   	========================================================================== */
/*  ==========================================================================
    Define all your colors here
    ========================================================================== */
/* ==========================================================================
   Declare your fonts here
   ========================================================================== */
@font-face {
  font-family: 'Open Sans Light';
  src: url("/fonts/OpenSans-Light.eot");
  /* IE9 Compat Modes */
  src: url("/fonts/OpenSans-Light.eot?#iefix") format("embedded-opentype"), url("/fonts/OpenSans-Light.woff2") format("woff2"), url("/fonts/OpenSans-Light.woff") format("woff"), url("/fonts/OpenSans-Light.ttf") format("truetype"), url("/fonts/OpenSans-Light.svg#svgFontName") format("svg");
  /* Legacy iOS */
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Mandelbloesem Regular';
  src: url("/fonts/Mandelbloesem-Regular.eot");
  /* IE9 Compat Modes */
  src: url("/fonts/Mandelbloesem-Regular.eot?#iefix") format("embedded-opentype"), url("/fonts/Mandelbloesem-Regular.woff2") format("woff2"), url("/fonts/Mandelbloesem-Regular.woff") format("woff"), url("/fonts/Mandelbloesem-Regular.ttf") format("truetype"), url("/fonts/Mandelbloesem-Regular.svg#svgFontName") format("svg");
  /* Legacy iOS */
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Open Sans Semibold';
  src: url("/fonts/OpenSans-Semibold.eot");
  /* IE9 Compat Modes */
  src: url("/fonts/OpenSans-Semibold.eot?#iefix") format("embedded-opentype"), url("/fonts/OpenSans-Semibold.woff2") format("woff2"), url("/fonts/OpenSans-Semibold.woff") format("woff"), url("/fonts/OpenSans-Semibold.ttf") format("truetype"), url("/fonts/OpenSans-Semibold.svg#svgFontName") format("svg");
  /* Legacy iOS */
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Mandelbloesem Bold';
  src: url("/fonts/Mandelbloesem-Bold.eot");
  /* IE9 Compat Modes */
  src: url("/fonts/Mandelbloesem-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/Mandelbloesem-Bold.woff2") format("woff2"), url("/fonts/Mandelbloesem-Bold.woff") format("woff"), url("/fonts/Mandelbloesem-Bold.ttf") format("truetype"), url("/fonts/Mandelbloesem-Bold.svg#svgFontName") format("svg");
  /* Legacy iOS */
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Mandelbloesem Icons';
  src: url("/fonts/Mandelbloesem-Icons-new.eot");
  /* IE9 Compat Modes */
  src: url("/fonts/Mandelbloesem-Icons-new.eot?#iefix") format("embedded-opentype"), url("/fonts/Mandelbloesem-Icons-new.woff2") format("woff2"), url("/fonts/Mandelbloesem-Icons-new.woff") format("woff"), url("/fonts/Mandelbloesem-Icons-new.ttf") format("truetype"), url("/fonts/Mandelbloesem-Icons-new.svg#svgFontName") format("svg");
  /* Legacy iOS */
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'timeline';
  src: url("/fonts/timeline_new.eot");
  /* IE9 Compat Modes */
  src: url("/fonts/timeline_new.eot?#iefix") format("embedded-opentype"), url("/fonts/timeline_new.woff2") format("woff2"), url("/fonts/timeline_new.woff") format("woff"), url("/fonts/timeline_new.ttf") format("truetype"), url("/fonts/timeline_new.svg#svgFontName") format("svg");
  /* Legacy iOS */
  font-weight: normal;
  font-style: normal;
}
/*! normalize.css v1.1.3 | MIT License | git.io/normalize */
/*  ==========================================================================
    HTML5 display definitions
    ========================================================================== */
/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
/* line 14, ../sass/_normalize.scss */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
/* line 33, ../sass/_normalize.scss */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
/* line 46, ../sass/_normalize.scss */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */
/* line 56, ../sass/_normalize.scss */
[hidden] {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
/* line 71, ../sass/_normalize.scss */
html {
  font-size: 100%;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */
/* line 82, ../sass/_normalize.scss */
html,
button,
input,
select,
textarea {
  font-family: sans-serif;
}

/**
 * Address margins handled incorrectly in IE 6/7.
 */
/* line 94, ../sass/_normalize.scss */
body {
  margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
/* line 106, ../sass/_normalize.scss */
a:focus {
  outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
/* line 114, ../sass/_normalize.scss */
a:active,
a:hover {
  outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */
/* line 129, ../sass/_normalize.scss */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* line 134, ../sass/_normalize.scss */
h2 {
  font-size: 1.5em;
  margin: 0.83em 0;
}

/* line 139, ../sass/_normalize.scss */
h3 {
  font-size: 1.17em;
  margin: 1em 0;
}

/* line 144, ../sass/_normalize.scss */
h4 {
  font-size: 1em;
  margin: 1.33em 0;
}

/* line 149, ../sass/_normalize.scss */
h5 {
  font-size: 0.83em;
  margin: 1.67em 0;
}

/* line 154, ../sass/_normalize.scss */
h6 {
  font-size: 0.67em;
  margin: 2.33em 0;
}

/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */
/* line 163, ../sass/_normalize.scss */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */
/* line 171, ../sass/_normalize.scss */
b,
strong {
  font-weight: bold;
}

/* line 176, ../sass/_normalize.scss */
blockquote {
  margin: 1em 40px;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */
/* line 184, ../sass/_normalize.scss */
dfn {
  font-style: inherit;
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit;
  color: inherit;
  text-shadow: inherit;
  cursor: inherit;
}

/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */
/* line 199, ../sass/_normalize.scss */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Address styling not present in IE 6/7/8/9.
 */
/* line 209, ../sass/_normalize.scss */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address margins set differently in IE 6/7.
 */
/* line 218, ../sass/_normalize.scss */
p,
pre {
  margin: 1em 0;
}

/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
/* line 227, ../sass/_normalize.scss */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */
/* line 240, ../sass/_normalize.scss */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

/**
 * Address CSS quotes not supported in IE 6/7.
 */
/* line 250, ../sass/_normalize.scss */
q {
  quotes: none;
}

/**
 * Address `quotes` property not supported in Safari 4.
 */
/* line 258, ../sass/_normalize.scss */
q:before,
q:after {
  content: '';
  content: none;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
/* line 268, ../sass/_normalize.scss */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
/* line 276, ../sass/_normalize.scss */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

/* line 284, ../sass/_normalize.scss */
sup {
  top: -0.5em;
}

/* line 288, ../sass/_normalize.scss */
sub {
  bottom: -0.25em;
}

/* ==========================================================================
   Lists
   ========================================================================== */
/**
 * Address margins set differently in IE 6/7.
 */
/* line 300, ../sass/_normalize.scss */
dl,
menu,
ol,
ul {
  margin: 1em 0;
}

/* line 307, ../sass/_normalize.scss */
dd {
  margin: 0 0 0 40px;
}

/**
 * Address paddings set differently in IE 6/7.
 */
/* line 315, ../sass/_normalize.scss */
menu,
ol,
ul {
  padding: 0 0 0 40px;
}

/**
 * Correct list images handled incorrectly in IE 7.
 */
/* line 325, ../sass/_normalize.scss */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */
/* line 340, ../sass/_normalize.scss */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */
}

/**
 * Correct overflow displayed oddly in IE 9.
 */
/* line 349, ../sass/_normalize.scss */
svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */
/* line 361, ../sass/_normalize.scss */
figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Correct margin displayed oddly in IE 6/7.
 */
/* line 373, ../sass/_normalize.scss */
form {
  margin: 0;
}

/**
 * Define consistent border, margin, and padding.
 */
/* line 381, ../sass/_normalize.scss */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */
/* line 393, ../sass/_normalize.scss */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */
}

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */
/* line 407, ../sass/_normalize.scss */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */
}

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
/* line 422, ../sass/_normalize.scss */
button,
input {
  line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
/* line 434, ../sass/_normalize.scss */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
/* line 449, ../sass/_normalize.scss */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */
}

/**
 * Re-set default cursor for disabled elements.
 */
/* line 462, ../sass/_normalize.scss */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
/* line 474, ../sass/_normalize.scss */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
/* line 488, ../sass/_normalize.scss */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
/* line 500, ../sass/_normalize.scss */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 3+.
 */
/* line 509, ../sass/_normalize.scss */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */
/* line 520, ../sass/_normalize.scss */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
/* line 533, ../sass/_normalize.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */
/*  ==========================================================================
    Base styles: opinionated defaults
    ========================================================================== */
/* line 7, ../sass/_reset.scss */
html,
button,
input,
select,
textarea {
  color: #222;
}

/* line 15, ../sass/_reset.scss */
html {
  font-family: "Mandelbloesem Regular";
  font-size: 1em;
  line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
/* line 27, ../sass/_reset.scss */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

/* line 32, ../sass/_reset.scss */
::selection {
  background: #b3d4fc;
  text-shadow: none;
}

/* line 37, ../sass/_reset.scss */
ul, ol {
  margin: 0;
  padding: 0;
}

/* line 42, ../sass/_reset.scss */
a {
  text-decoration: none;
}

/* line 45, ../sass/_reset.scss */
a, a:active, a:focus {
  outline: none;
}

/*
 * A better looking default horizontal rule
 */
/* line 53, ../sass/_reset.scss */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */
/* line 67, ../sass/_reset.scss */
audio,
canvas,
img,
video {
  vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */
/* line 78, ../sass/_reset.scss */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */
/* line 88, ../sass/_reset.scss */
textarea {
  resize: vertical;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */
/* line 96, ../sass/_reset.scss */
.browsehappy {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

/* 	==========================================================================
   	Predefined vars / colors / mixins / fonts / button style / ...
   	========================================================================== */
/*  ==========================================================================
    Vars
    ========================================================================== */
/*  ==========================================================================
    Define all your colors here
    ========================================================================== */
/* 	==========================================================================
   	Define all your mixins here
   	========================================================================== */
/* ==========================================================================
   Declare your fonts here
   ========================================================================== */
@font-face {
  font-family: 'Open Sans Light';
  src: url("/fonts/OpenSans-Light.eot");
  /* IE9 Compat Modes */
  src: url("/fonts/OpenSans-Light.eot?#iefix") format("embedded-opentype"), url("/fonts/OpenSans-Light.woff2") format("woff2"), url("/fonts/OpenSans-Light.woff") format("woff"), url("/fonts/OpenSans-Light.ttf") format("truetype"), url("/fonts/OpenSans-Light.svg#svgFontName") format("svg");
  /* Legacy iOS */
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Mandelbloesem Regular';
  src: url("/fonts/Mandelbloesem-Regular.eot");
  /* IE9 Compat Modes */
  src: url("/fonts/Mandelbloesem-Regular.eot?#iefix") format("embedded-opentype"), url("/fonts/Mandelbloesem-Regular.woff2") format("woff2"), url("/fonts/Mandelbloesem-Regular.woff") format("woff"), url("/fonts/Mandelbloesem-Regular.ttf") format("truetype"), url("/fonts/Mandelbloesem-Regular.svg#svgFontName") format("svg");
  /* Legacy iOS */
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Open Sans Semibold';
  src: url("/fonts/OpenSans-Semibold.eot");
  /* IE9 Compat Modes */
  src: url("/fonts/OpenSans-Semibold.eot?#iefix") format("embedded-opentype"), url("/fonts/OpenSans-Semibold.woff2") format("woff2"), url("/fonts/OpenSans-Semibold.woff") format("woff"), url("/fonts/OpenSans-Semibold.ttf") format("truetype"), url("/fonts/OpenSans-Semibold.svg#svgFontName") format("svg");
  /* Legacy iOS */
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Mandelbloesem Bold';
  src: url("/fonts/Mandelbloesem-Bold.eot");
  /* IE9 Compat Modes */
  src: url("/fonts/Mandelbloesem-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/Mandelbloesem-Bold.woff2") format("woff2"), url("/fonts/Mandelbloesem-Bold.woff") format("woff"), url("/fonts/Mandelbloesem-Bold.ttf") format("truetype"), url("/fonts/Mandelbloesem-Bold.svg#svgFontName") format("svg");
  /* Legacy iOS */
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Mandelbloesem Icons';
  src: url("/fonts/Mandelbloesem-Icons-new.eot");
  /* IE9 Compat Modes */
  src: url("/fonts/Mandelbloesem-Icons-new.eot?#iefix") format("embedded-opentype"), url("/fonts/Mandelbloesem-Icons-new.woff2") format("woff2"), url("/fonts/Mandelbloesem-Icons-new.woff") format("woff"), url("/fonts/Mandelbloesem-Icons-new.ttf") format("truetype"), url("/fonts/Mandelbloesem-Icons-new.svg#svgFontName") format("svg");
  /* Legacy iOS */
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'timeline';
  src: url("/fonts/timeline_new.eot");
  /* IE9 Compat Modes */
  src: url("/fonts/timeline_new.eot?#iefix") format("embedded-opentype"), url("/fonts/timeline_new.woff2") format("woff2"), url("/fonts/timeline_new.woff") format("woff"), url("/fonts/timeline_new.ttf") format("truetype"), url("/fonts/timeline_new.svg#svgFontName") format("svg");
  /* Legacy iOS */
  font-weight: normal;
  font-style: normal;
}
/* 	==========================================================================
	Button stuff
	========================================================================== */
/* line 5, ../sass/_buttons.scss */
.btn {
  display: inline-block;
  padding: 9px 20px;
  font-size: 14px;
  font-family: "Mandelbloesem Bold";
  text-transform: uppercase;
  overflow: hidden;
  white-space: nowrap;
  border-radius: 20px;
  background-color: transparent;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
/* line 16, ../sass/_buttons.scss */
.btn:hover {
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
/* line 19, ../sass/_buttons.scss */
.btn.btn-transparent-white {
  border: 2px solid white;
  color: white;
}
/* line 23, ../sass/_buttons.scss */
.btn.btn-transparent-orange {
  border: 2px solid #ff671b;
  color: #ff671b;
}
/* line 27, ../sass/_buttons.scss */
.btn.btn-transparent-blue {
  border: 2px solid #002d73;
  color: #002d73;
}
/* line 31, ../sass/_buttons.scss */
.btn.btn-transparent-dark-blue {
  border: 2px solid #1b243a;
  color: #1b243a;
}
/* line 35, ../sass/_buttons.scss */
.btn.hover-text-orange:hover {
  color: #ff671b;
}
/* line 38, ../sass/_buttons.scss */
.btn.hover-text-white:hover {
  color: white;
}
/* line 41, ../sass/_buttons.scss */
.btn.hover-text-green:hover {
  color: #00af41;
}
/* line 44, ../sass/_buttons.scss */
.btn.hover-text-brown:hover {
  color: #5f4637;
}
/* line 47, ../sass/_buttons.scss */
.btn.hover-fill-white:hover {
  background-color: white;
}
/* line 50, ../sass/_buttons.scss */
.btn.hover-fill-orange:hover {
  background-color: #ff671b;
}
/* line 53, ../sass/_buttons.scss */
.btn.hover-fill-blue:hover {
  background-color: #002d73;
}
/* line 56, ../sass/_buttons.scss */
.btn.hover-fill-dark-blue:hover {
  background-color: #1b243a;
}
/* line 59, ../sass/_buttons.scss */
.btn.btn-orange {
  background-color: #ff671b;
  color: white;
}
/* line 62, ../sass/_buttons.scss */
.btn.btn-orange:hover {
  background-color: transparent;
  border: 2px solid #ff671b;
  color: #ff671b;
}
/* line 68, ../sass/_buttons.scss */
.btn.btn-green {
  background-color: #00af41;
  border: 2px solid #00af41;
  color: white;
}
/* line 72, ../sass/_buttons.scss */
.btn.btn-green:hover {
  background-color: transparent;
  color: #00af41;
}
/* line 77, ../sass/_buttons.scss */
.btn.btn-blue {
  background-color: #002d73;
  border: 2px solid #002d73;
  color: white;
}
/* line 81, ../sass/_buttons.scss */
.btn.btn-blue:hover {
  background-color: transparent;
  color: #002d73;
}

/* 	==========================================================================
   	Define all your mixins here
   	========================================================================== */
/* ==========================================================================
   Declare your fonts here
   ========================================================================== */
@font-face {
  font-family: 'Open Sans Light';
  src: url("/fonts/OpenSans-Light.eot");
  /* IE9 Compat Modes */
  src: url("/fonts/OpenSans-Light.eot?#iefix") format("embedded-opentype"), url("/fonts/OpenSans-Light.woff2") format("woff2"), url("/fonts/OpenSans-Light.woff") format("woff"), url("/fonts/OpenSans-Light.ttf") format("truetype"), url("/fonts/OpenSans-Light.svg#svgFontName") format("svg");
  /* Legacy iOS */
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Mandelbloesem Regular';
  src: url("/fonts/Mandelbloesem-Regular.eot");
  /* IE9 Compat Modes */
  src: url("/fonts/Mandelbloesem-Regular.eot?#iefix") format("embedded-opentype"), url("/fonts/Mandelbloesem-Regular.woff2") format("woff2"), url("/fonts/Mandelbloesem-Regular.woff") format("woff"), url("/fonts/Mandelbloesem-Regular.ttf") format("truetype"), url("/fonts/Mandelbloesem-Regular.svg#svgFontName") format("svg");
  /* Legacy iOS */
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Open Sans Semibold';
  src: url("/fonts/OpenSans-Semibold.eot");
  /* IE9 Compat Modes */
  src: url("/fonts/OpenSans-Semibold.eot?#iefix") format("embedded-opentype"), url("/fonts/OpenSans-Semibold.woff2") format("woff2"), url("/fonts/OpenSans-Semibold.woff") format("woff"), url("/fonts/OpenSans-Semibold.ttf") format("truetype"), url("/fonts/OpenSans-Semibold.svg#svgFontName") format("svg");
  /* Legacy iOS */
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Mandelbloesem Bold';
  src: url("/fonts/Mandelbloesem-Bold.eot");
  /* IE9 Compat Modes */
  src: url("/fonts/Mandelbloesem-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/Mandelbloesem-Bold.woff2") format("woff2"), url("/fonts/Mandelbloesem-Bold.woff") format("woff"), url("/fonts/Mandelbloesem-Bold.ttf") format("truetype"), url("/fonts/Mandelbloesem-Bold.svg#svgFontName") format("svg");
  /* Legacy iOS */
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Mandelbloesem Icons';
  src: url("/fonts/Mandelbloesem-Icons-new.eot");
  /* IE9 Compat Modes */
  src: url("/fonts/Mandelbloesem-Icons-new.eot?#iefix") format("embedded-opentype"), url("/fonts/Mandelbloesem-Icons-new.woff2") format("woff2"), url("/fonts/Mandelbloesem-Icons-new.woff") format("woff"), url("/fonts/Mandelbloesem-Icons-new.ttf") format("truetype"), url("/fonts/Mandelbloesem-Icons-new.svg#svgFontName") format("svg");
  /* Legacy iOS */
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'timeline';
  src: url("/fonts/timeline_new.eot");
  /* IE9 Compat Modes */
  src: url("/fonts/timeline_new.eot?#iefix") format("embedded-opentype"), url("/fonts/timeline_new.woff2") format("woff2"), url("/fonts/timeline_new.woff") format("woff"), url("/fonts/timeline_new.ttf") format("truetype"), url("/fonts/timeline_new.svg#svgFontName") format("svg");
  /* Legacy iOS */
  font-weight: normal;
  font-style: normal;
}
/* line 5, ../sass/_icons.scss */
i {
  font-family: "Mandelbloesem Icons";
  font-style: normal;
}

/* line 10, ../sass/_icons.scss */
.icon-arrow-right:before {
  content: "\e906";
}

/* line 13, ../sass/_icons.scss */
.icon-lunch:before {
  content: "";
}

/* line 16, ../sass/_icons.scss */
.icon-mandel-media:before {
  content: "\e901";
}

/* line 19, ../sass/_icons.scss */
.icon-search:before {
  content: "\e902";
}

/* line 22, ../sass/_icons.scss */
.icon-stop:before {
  content: "";
}

/* line 25, ../sass/_icons.scss */
.icon-team:before {
  content: "";
}

/* line 28, ../sass/_icons.scss */
.icon-zoom:before {
  content: "\e905";
}

/* line 31, ../sass/_icons.scss */
.icon-facebook:before {
  content: "\e907";
}

/* 	==========================================================================
   	App styling
   	========================================================================== */
/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
/* line 3, ../sass/hamburger/_base.scss */
.hamburger {
  padding: 0px 0px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}
/* line 21, ../sass/hamburger/_base.scss */
.hamburger:hover {
  opacity: 0.7;
}

/* line 31, ../sass/hamburger/_base.scss */
.hamburger-box {
  width: 15px;
  height: 12px;
  display: inline-block;
  position: relative;
}

/* line 38, ../sass/hamburger/_base.scss */
.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -1px;
}
/* line 43, ../sass/hamburger/_base.scss */
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 15px;
  height: 2px;
  background-color: #002d73;
  border-radius: 3px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}
/* line 56, ../sass/hamburger/_base.scss */
.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block;
}
/* line 62, ../sass/hamburger/_base.scss */
.hamburger-inner::before {
  top: -5px;
}
/* line 66, ../sass/hamburger/_base.scss */
.hamburger-inner::after {
  bottom: -5px;
}

/*
 * 3DX
 */
/* line 6, ../sass/hamburger/types/_3dx.scss */
.hamburger--3dx .hamburger-box {
  perspective: 30px;
}
/* line 10, ../sass/hamburger/types/_3dx.scss */
.hamburger--3dx .hamburger-inner {
  transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
/* line 14, ../sass/hamburger/types/_3dx.scss */
.hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
/* line 21, ../sass/hamburger/types/_3dx.scss */
.hamburger--3dx.is-active .hamburger-inner {
  background-color: transparent;
  transform: rotateY(180deg);
}
/* line 25, ../sass/hamburger/types/_3dx.scss */
.hamburger--3dx.is-active .hamburger-inner::before {
  transform: translate3d(0, 5px, 0) rotate(45deg);
}
/* line 29, ../sass/hamburger/types/_3dx.scss */
.hamburger--3dx.is-active .hamburger-inner::after {
  transform: translate3d(0, -5px, 0) rotate(-45deg);
}

/* line 1, ../sass/_sidr.scss */
.sidr {
  display: block;
  position: fixed;
  top: 0;
  height: 100%;
  z-index: 999998;
  width: 260px;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: white;
  -moz-box-shadow: rgba(0, 0, 0, 0.1) 5px 0px 10px 0px inset;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 5px 0px 10px 0px inset;
  box-shadow: rgba(0, 0, 0, 0.1) 5px 0px 10px 0px inset;
}
/* line 13, ../sass/_sidr.scss */
.sidr .hamburger-holder {
  margin: 15px;
}
/* line 15, ../sass/_sidr.scss */
.sidr .hamburger-holder .mobile-menu-trigger {
  display: inline-block !important;
  margin-top: 0;
  padding-left: 10px;
}
/* line 21, ../sass/_sidr.scss */
.sidr nav {
  margin: 0 15px;
}
/* line 23, ../sass/_sidr.scss */
.sidr nav a {
  display: block;
  padding: 10px;
  text-transform: uppercase;
  color: #002d73;
  font-size: 13px;
  border-bottom: 1px solid rgba(0, 45, 115, 0.05);
}
/* line 31, ../sass/_sidr.scss */
.sidr nav.active a {
  color: #ff671b;
}
/* line 35, ../sass/_sidr.scss */
.sidr .sidr-top-navigation, .sidr .sidr-social-links {
  margin-top: 30px;
  list-style: none;
}
/* line 39, ../sass/_sidr.scss */
.sidr li {
  margin: 0 15px;
}
/* line 41, ../sass/_sidr.scss */
.sidr li a {
  display: inline-block;
  padding: 5px 10px;
  text-transform: uppercase;
  font-size: 12px;
  color: rgba(0, 45, 115, 0.5);
}
/* line 48, ../sass/_sidr.scss */
.sidr li.active a {
  color: #ff671b;
}
/* line 52, ../sass/_sidr.scss */
.sidr .sidr-social-links > li a {
  font-size: 22px;
}
/* line 55, ../sass/_sidr.scss */
.sidr .search-form-holder {
  margin-top: 30px;
  text-align: center;
  font-size: 0;
}
/* line 59, ../sass/_sidr.scss */
.sidr .search-form-holder button[type="submit"] {
  border: none;
  color: white !important;
  background-color: #002d73;
  font-size: 14px;
  outline: none;
  padding: 10px;
}
/* line 67, ../sass/_sidr.scss */
.sidr .search-form-holder input {
  position: relative;
  top: -1px;
  padding: 10px;
  box-sizing: border-box;
  border: 1px solid #002d73;
  border-left: none;
}
/* line 77, ../sass/_sidr.scss */
.sidr.right {
  left: auto;
  right: -260px;
}

/* line 11, ../sass/_header.scss */
.main-navigation-holder, .top-navigation-holder, #mobile-menu {
  display: none;
}

/* line 14, ../sass/_header.scss */
.navigations {
  width: 100%;
}
/* line 16, ../sass/_header.scss */
.navigations .logo-holder {
  float: left;
}
/* line 19, ../sass/_header.scss */
.navigations .mobile-menu-trigger {
  float: right;
}

/* line 23, ../sass/_header.scss */
.logo object {
  height: 100px;
}

/* line 26, ../sass/_header.scss */
.hamburger {
  margin-top: 73px;
}
/* line 28, ../sass/_header.scss */
.hamburger .hamburger-text, .hamburger .hamburger-close-text {
  position: relative;
  top: -2px;
  display: inline-block;
  margin-left: 5px;
  font-size: 13px;
  font-family: "Mandelbloesem Bold";
  text-transform: uppercase;
  color: #002d73;
}

/* line 41, ../sass/_header.scss */
.mobile-menu-trigger .hamburger-close-text {
  display: none;
}
/* line 44, ../sass/_header.scss */
.mobile-menu-trigger.is-active {
  display: none;
}
/* line 46, ../sass/_header.scss */
.mobile-menu-trigger.is-active .hamburger-text {
  display: none;
}
/* line 49, ../sass/_header.scss */
.mobile-menu-trigger.is-active .hamburger-close-text {
  display: inline;
}

/* line 55, ../sass/_header.scss */
#header {
  position: relative;
  z-index: 3;
  border-top: 5px solid #002d73;
}
/* line 59, ../sass/_header.scss */
#header .header-holder {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 30px;
}

/* line 66, ../sass/_header.scss */
.top-navigation-holder .top-links {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
/* line 70, ../sass/_header.scss */
.top-navigation-holder .top-navigation {
  padding-right: 25px;
  border-right: 2px solid rgba(0, 45, 115, 0.2);
}
/* line 74, ../sass/_header.scss */
.top-navigation-holder .top-navigation > li {
  display: inline-block;
  padding: 10px 0;
}
/* line 77, ../sass/_header.scss */
.top-navigation-holder .top-navigation > li:after {
  content: ' | ';
  color: rgba(0, 45, 115, 0.5);
  font-size: 12px;
}
/* line 82, ../sass/_header.scss */
.top-navigation-holder .top-navigation > li:last-child:after {
  content: '';
}
/* line 86, ../sass/_header.scss */
.top-navigation-holder .top-navigation-link {
  font-size: 12px;
  font-family: "Mandelbloesem Regular";
  text-transform: uppercase;
  color: rgba(0, 45, 115, 0.5);
  -moz-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
/* line 92, ../sass/_header.scss */
.top-navigation-holder .top-navigation-link:hover, .top-navigation-holder .top-navigation-link.active {
  color: #002d73;
  -moz-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
/* line 97, ../sass/_header.scss */
.top-navigation-holder .social-links {
  font-size: 22px;
  padding-left: 25px;
  list-style: none;
}
/* line 103, ../sass/_header.scss */
.top-navigation-holder .social-link {
  color: rgba(0, 45, 115, 0.5);
  -moz-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
/* line 106, ../sass/_header.scss */
.top-navigation-holder .social-link:hover, .top-navigation-holder .social-link.active {
  color: #002d73;
  -moz-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

/* line 113, ../sass/_header.scss */
.search-form-holder input {
  border: none;
  color: #002d73;
  font-size: 12px;
  outline: none;
}
/* line 143, ../sass/_mixins.scss */
.search-form-holder ::-webkit-input-placeholder {
  color: rgba(0, 45, 115, 0.3);
}
/* line 144, ../sass/_mixins.scss */
.search-form-holder :-moz-placeholder {
  color: rgba(0, 45, 115, 0.3);
}
/* line 145, ../sass/_mixins.scss */
.search-form-holder ::-moz-placeholder {
  color: rgba(0, 45, 115, 0.3);
}
/* line 146, ../sass/_mixins.scss */
.search-form-holder :-ms-input-placeholder {
  color: rgba(0, 45, 115, 0.3);
}
/* line 122, ../sass/_header.scss */
.search-form-holder button[type="submit"] {
  border: none;
  color: rgba(0, 45, 115, 0.3);
  font-size: 14px;
  outline: none;
  background: none;
  -moz-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}
/* line 129, ../sass/_header.scss */
.search-form-holder button[type="submit"]:hover {
  color: #002d73;
  -moz-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

/* line 136, ../sass/_header.scss */
.main-navigation-holder .main-navigation-link {
  position: relative;
  font-size: 14px;
  font-family: "Mandelbloesem Bold";
  color: #002d73;
  -moz-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
  text-transform: uppercase;
  margin: 0 20px;
  padding: 18px 0;
}
/* line 145, ../sass/_header.scss */
.main-navigation-holder .main-navigation-link:last-child {
  margin-right: 0px;
}
/* line 148, ../sass/_header.scss */
.main-navigation-holder .main-navigation-link:before, .main-navigation-holder .main-navigation-link:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  height: 3px;
  width: 0;
  background-color: #ff671b;
  -moz-transition: width 0.2s ease;
  -o-transition: width 0.2s ease;
  -webkit-transition: width 0.2s ease;
  transition: width 0.2s ease;
}
/* line 159, ../sass/_header.scss */
.main-navigation-holder .main-navigation-link:after {
  top: initial;
  bottom: 0;
  left: initial;
  right: 0;
}
/* line 165, ../sass/_header.scss */
.main-navigation-holder .main-navigation-link.active, .main-navigation-holder .main-navigation-link:hover {
  color: #ff671b;
  -moz-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}
/* line 169, ../sass/_header.scss */
.main-navigation-holder .main-navigation-link.active:before, .main-navigation-holder .main-navigation-link:hover:before, .main-navigation-holder .main-navigation-link.active:after, .main-navigation-holder .main-navigation-link:hover:after {
  width: 100%;
  -moz-transition: width 0.2s ease;
  -o-transition: width 0.2s ease;
  -webkit-transition: width 0.2s ease;
  transition: width 0.2s ease;
}

/* line 176, ../sass/_header.scss */
.header-seperator {
  position: absolute;
  /* top: 100%; */
  left: 0;
  width: 100%;
  overflow: hidden;
  padding-bottom: 30px;
  display: block;
  z-index: -1;
}
/* line 185, ../sass/_header.scss */
.header-seperator:after {
  -moz-box-shadow: #FFF 0 0 0 100px;
  -webkit-box-shadow: #FFF 0 0 0 100px;
  box-shadow: #FFF 0 0 0 100px;
  border-radius: 100%;
  position: absolute;
  height: 60px;
  content: '';
  right: -20%;
  left: -20%;
}

@media screen and (min-width: 700px) {
  /* line 198, ../sass/_header.scss */
  .top-navigation-holder {
    display: block;
    float: left;
    margin-left: 30px;
  }

  /* line 203, ../sass/_header.scss */
  .main-navigation-holder {
    display: block;
    clear: both;
    padding-top: 30px;
    text-align: center;
  }

  /* line 210, ../sass/_header.scss */
  .mobile-menu-trigger {
    display: none;
  }
}
@media screen and (min-width: 900px) {
  /* line 216, ../sass/_header.scss */
  .top-navigation-holder {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    float: right;
  }
  /* line 220, ../sass/_header.scss */
  .top-navigation-holder .search-form-holder {
    padding-left: 30px;
  }
}
@media screen and (min-width: 1040px) {
  /* line 227, ../sass/_header.scss */
  .main-navigation-holder {
    text-align: right;
    clear: none;
  }
  /* line 230, ../sass/_header.scss */
  .main-navigation-holder .main-navigation {
    height: 100%;
    margin-top: 60px;
    float: right;
  }
  /* line 234, ../sass/_header.scss */
  .main-navigation-holder .main-navigation .main-navigation-link {
    padding: 18px 20px;
  }

  /* line 239, ../sass/_header.scss */
  .logo object {
    height: 125px;
  }
}
/*  ==========================================================================
    Form stuff here
    ========================================================================== */
/* line 6, ../sass/_forms.scss */
.required label:after {
  content: '*';
}

/* line 10, ../sass/_forms.scss */
.additional-remarks {
  display: none;
}

/* line 13, ../sass/_forms.scss */
.field-wrapper {
  position: relative;
  margin-bottom: 30px;
}
/* line 16, ../sass/_forms.scss */
.field-wrapper input, .field-wrapper textarea {
  position: relative;
  z-index: 2;
  background-color: transparent;
}
/* line 21, ../sass/_forms.scss */
.field-wrapper label {
  position: absolute;
  left: 0;
  top: 16px;
  color: rgba(27, 36, 58, 0.3);
  z-index: 1;
  -moz-transition: top 0.1s ease;
  -o-transition: top 0.1s ease;
  -webkit-transition: top 0.1s ease;
  transition: top 0.1s ease;
}
/* line 28, ../sass/_forms.scss */
.field-wrapper label.focused {
  top: 5px;
  font-size: 14px;
  color: #1b243a;
  -moz-transition: top 0.1s ease;
  -o-transition: top 0.1s ease;
  -webkit-transition: top 0.1s ease;
  transition: top 0.1s ease;
}
/* line 35, ../sass/_forms.scss */
.field-wrapper.not-empty input[type="text"], .field-wrapper.not-empty input[type="email"], .field-wrapper.not-empty input[type="number"], .field-wrapper.not-empty input[type="tel"], .field-wrapper.not-empty textarea,
.field-wrapper input[type="text"]:focus,
.field-wrapper input[type="email"]:focus,
.field-wrapper input[type="number"]:focus,
.field-wrapper input[type="tel"]:focus, .field-wrapper textarea:focus {
  padding-top: 25px;
  padding-bottom: 5px;
  -moz-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  -webkit-transition: all 0.1s ease;
  transition: all 0.1s ease;
}
/* line 49, ../sass/_forms.scss */
.field-wrapper.select label, .field-wrapper.checkbox label {
  position: relative;
  left: initial;
  top: initial;
  opacity: 1;
}

/* line 58, ../sass/_forms.scss */
label {
  font-size: 14px;
}

/* line 62, ../sass/_forms.scss */
input[type="text"],
input[type="number"],
input[type="email"],
input[type="password"],
input[type="tel"],
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 100%;
  box-sizing: border-box;
  -moz-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  -webkit-transition: all 0.1s ease;
  transition: all 0.1s ease;
  border: none;
  resize: none;
  padding: 10px 0;
  margin-bottom: 0px;
  border-bottom: 1px solid rgba(27, 36, 58, 0.15);
}
/* line 88, ../sass/_forms.scss */
input[type="text"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
select:focus,
textarea:focus {
  outline: none;
}
/* line 92, ../sass/_forms.scss */
input[type="text"].error, input[type="text"].form-error,
input[type="number"].error,
input[type="number"].form-error,
input[type="email"].error,
input[type="email"].form-error,
input[type="password"].error,
input[type="password"].form-error,
input[type="tel"].error,
input[type="tel"].form-error,
select.error,
select.form-error,
textarea.error,
textarea.form-error {
  border: 1px solid #e74c3c;
  color: #e74c3c;
  background-image: url("icon_error.png") !important;
  -webkit-background-size: 19px auto;
  -moz-background-size: 19px auto;
  -o-background-size: 19px auto;
  background-size: 19px auto;
  background-repeat: no-repeat;
  background-position: center right;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  /* line 123, ../sass/_mixins.scss */
  input[type="text"].error, input[type="text"].form-error,
  input[type="number"].error,
  input[type="number"].form-error,
  input[type="email"].error,
  input[type="email"].form-error,
  input[type="password"].error,
  input[type="password"].form-error,
  input[type="tel"].error,
  input[type="tel"].form-error,
  select.error,
  select.form-error,
  textarea.error,
  textarea.form-error {
    background-image: url("icon_error@2x.png") !important;
  }
}

/* line 102, ../sass/_forms.scss */
.selectbox, .select_holder {
  width: auto;
  display: inline-block;
  vertical-align: middle;
}

/* line 107, ../sass/_forms.scss */
select {
  padding-right: 25px;
  background-image: url("icon_selectbox.png") !important;
  -webkit-background-size: 19px auto;
  -moz-background-size: 19px auto;
  -o-background-size: 19px auto;
  background-size: 19px auto;
  background-repeat: no-repeat;
  background-position: right center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  /* line 123, ../sass/_mixins.scss */
  select {
    background-image: url("icon_selectbox@2x.png") !important;
  }
}

@-moz-document url-prefix() {
  /* line 114, ../sass/_forms.scss */
  .selectbox, .select_holder {
    width: 100px;
    display: inline-block;
    vertical-align: middle;
    overflow-x: hidden;
    clear: both;
    margin-bottom: 0px;
    padding: 15px;
    padding-right: 50px;
    border: 1px solid rgba(27, 36, 58, 0.5);
    background-image: url("icon_selectbox.19png") !important;
    -webkit-background-size: px auto;
    -moz-background-size: px auto;
    -o-background-size: px auto;
    background-size: px auto;
    background-repeat: no-repeat;
    background-position: right center;
  }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    /* line 123, ../sass/_mixins.scss */
    .selectbox, .select_holder {
      background-image: url("icon_selectbox@2x.19png") !important;
    }
  }

  /* line 128, ../sass/_forms.scss */
  select {
    width: 125px;
    margin-right: -25px !important;
    display: block;
    border: none;
    background-color: transparent;
    background-image: none;
    padding: 0;
    margin-bottom: 0;
  }
}
/* line 140, ../sass/_forms.scss */
.checkbox, .checkbox_holder {
  margin-bottom: 0px;
}
/* line 142, ../sass/_forms.scss */
.checkbox input[type=checkbox], .checkbox_holder input[type=checkbox] {
  display: none;
}
/* line 145, ../sass/_forms.scss */
.checkbox label, .checkbox_holder label {
  font-size: 14px;
  padding-left: 25px;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  background-image: url("/img/icons/unchecked.png") !important;
  -webkit-background-size: 15px auto;
  -moz-background-size: 15px auto;
  -o-background-size: 15px auto;
  background-size: 15px auto;
  background-position: left center;
  background-repeat: no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  /* line 123, ../sass/_mixins.scss */
  .checkbox label, .checkbox_holder label {
    background-image: url("/img/icons/unchecked@2x.png") !important;
  }
}
/* line 154, ../sass/_forms.scss */
.checkbox label:hover, .checkbox label:active, .checkbox_holder label:hover, .checkbox_holder label:active {
  background-image: url("/img/icons/unchecked.png") !important;
  -webkit-background-size: 15px auto;
  -moz-background-size: 15px auto;
  -o-background-size: 15px auto;
  background-size: 15px auto;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  /* line 123, ../sass/_mixins.scss */
  .checkbox label:hover, .checkbox label:active, .checkbox_holder label:hover, .checkbox_holder label:active {
    background-image: url("/img/icons/unchecked@2x.png") !important;
  }
}
/* line 158, ../sass/_forms.scss */
.checkbox label.checked, .checkbox_holder label.checked {
  background-image: url("/img/icons/checked.png") !important;
  -webkit-background-size: 15px auto;
  -moz-background-size: 15px auto;
  -o-background-size: 15px auto;
  background-size: 15px auto;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  /* line 123, ../sass/_mixins.scss */
  .checkbox label.checked, .checkbox_holder label.checked {
    background-image: url("/img/icons/checked@2x.png") !important;
  }
}

/* line 163, ../sass/_forms.scss */
.radio, .radio_holder {
  margin-bottom: 0px;
}
/* line 165, ../sass/_forms.scss */
.radio input[type=radio], .radio_holder input[type=radio] {
  display: none;
}
/* line 167, ../sass/_forms.scss */
.radio input[type=radio] + label, .radio_holder input[type=radio] + label {
  padding-left: 25px;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  background-image: url("rbt_unchecked.png") !important;
  -webkit-background-size: 17px auto;
  -moz-background-size: 17px auto;
  -o-background-size: 17px auto;
  background-size: 17px auto;
  background-position: left center;
  background-repeat: no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  /* line 123, ../sass/_mixins.scss */
  .radio input[type=radio] + label, .radio_holder input[type=radio] + label {
    background-image: url("rbt_unchecked@2x.png") !important;
  }
}
/* line 175, ../sass/_forms.scss */
.radio input[type=radio] + label:hover, .radio input[type=radio] + label:active, .radio_holder input[type=radio] + label:hover, .radio_holder input[type=radio] + label:active {
  background-image: url("rbt_hover.png") !important;
  -webkit-background-size: 17px auto;
  -moz-background-size: 17px auto;
  -o-background-size: 17px auto;
  background-size: 17px auto;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  /* line 123, ../sass/_mixins.scss */
  .radio input[type=radio] + label:hover, .radio input[type=radio] + label:active, .radio_holder input[type=radio] + label:hover, .radio_holder input[type=radio] + label:active {
    background-image: url("rbt_hover@2x.png") !important;
  }
}
/* line 179, ../sass/_forms.scss */
.radio input[type=radio]:checked + label, .radio_holder input[type=radio]:checked + label {
  background-image: url("rbt_checked.png") !important;
  -webkit-background-size: 17px auto;
  -moz-background-size: 17px auto;
  -o-background-size: 17px auto;
  background-size: 17px auto;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  /* line 123, ../sass/_mixins.scss */
  .radio input[type=radio]:checked + label, .radio_holder input[type=radio]:checked + label {
    background-image: url("rbt_checked@2x.png") !important;
  }
}

/* line 184, ../sass/_forms.scss */
.date_input_holder {
  font-size: 0px;
}
/* line 186, ../sass/_forms.scss */
.date_input_holder select[id*="Day"] {
  width: 20%;
  display: inline-block;
  font-size: 14px;
}
/* line 191, ../sass/_forms.scss */
.date_input_holder select[id*="Month"] {
  width: 46%;
  display: inline-block;
  font-size: 14px;
  margin: 0px 2%;
}
/* line 197, ../sass/_forms.scss */
.date_input_holder select[id*="Year"] {
  width: 30%;
  display: inline-block;
  font-size: 14px;
}

@media \0screen {
  /* line 205, ../sass/_forms.scss */
  .checkbox, .checkbox_holder,
  .radio, .radio_holder {
    display: inline-block;
  }
  /* line 208, ../sass/_forms.scss */
  .checkbox input[type=checkbox],
  .checkbox input[type="radio"], .checkbox_holder input[type=checkbox],
  .checkbox_holder input[type="radio"],
  .radio input[type=checkbox],
  .radio input[type="radio"], .radio_holder input[type=checkbox],
  .radio_holder input[type="radio"] {
    position: static;
  }
  /* line 211, ../sass/_forms.scss */
  .checkbox input[type=checkbox] + label,
  .checkbox input[type="radio"] + label, .checkbox_holder input[type=checkbox] + label,
  .checkbox_holder input[type="radio"] + label,
  .radio input[type=checkbox] + label,
  .radio input[type="radio"] + label, .radio_holder input[type=checkbox] + label,
  .radio_holder input[type="radio"] + label {
    padding-left: 0;
    height: auto;
  }
  /* line 216, ../sass/_forms.scss */
  .checkbox label, .checkbox_holder label,
  .radio label, .radio_holder label {
    background-image: none;
  }
}
/*  ==========================================================================
Error stuff
========================================================================== */
/* line 228, ../sass/_forms.scss */
.validation-advice, .error {
  color: #e74c3c;
  font-size: 14px;
}

/* line 232, ../sass/_forms.scss */
.error-message {
  margin-bottom: 10px;
  color: #e74c3c;
  font-size: 14px;
}

/*  ==========================================================================
    Specifieke forms
    ========================================================================== */
/*  ==========================================================================
    Responsive screen stuff
    ========================================================================== */
@media screen and (max-width: 768px) {
  /* line 266, ../sass/_forms.scss */
  .street, .streetnumber, .zip, .city {
    float: none;
    width: 100%;
  }
}
/* line 276, ../sass/_forms.scss */
.embedded-form {
  margin-bottom: 60px;
}
/* line 278, ../sass/_forms.scss */
.embedded-form .form-header {
  padding: 20px;
  color: white;
  text-align: center;
  background-color: #ff671b;
  font-size: 18px;
  font-family: "Mandelbloesem Bold";
}
/* line 286, ../sass/_forms.scss */
.embedded-form .form-body {
  padding: 30px;
  text-align: center;
  font-size: 14px;
  color: rgba(255, 103, 27, 0.3);
  border: 1px solid #ff671b;
}
/* line 293, ../sass/_forms.scss */
.embedded-form .btn {
  margin-top: 30px;
  border: 2px solid #ff671b;
}

/* line 1, ../sass/_content.scss */
h1 {
  margin: 0;
  font-size: 30px;
  font-family: "Mandelbloesem Bold";
  color: #1b243a;
}

/* line 7, ../sass/_content.scss */
h2 {
  margin: 0;
  margin-bottom: 30px;
  font-size: 24px;
  color: #1b243a;
  font-family: "Mandelbloesem Bold";
}

/* line 14, ../sass/_content.scss */
h4 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 20px;
  color: #1b243a;
}

/* line 22, ../sass/_content.scss */
.main-image img {
  display: block;
  width: 100%;
}

/* line 26, ../sass/_content.scss */
.gallery h1 {
  margin-left: 0;
  padding-left: 0;
  font-size: 35px;
  margin-top: 30px;
}

/* line 32, ../sass/_content.scss */
.section-padding {
  padding: 90px 0;
}

/* line 35, ../sass/_content.scss */
.flex-container {
  display: -webkit-flex;
  display: flex;
}
/* line 37, ../sass/_content.scss */
.flex-container.wrap {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

/* line 41, ../sass/_content.scss */
.flex-end {
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

/* line 44, ../sass/_content.scss */
.flex-align-center {
  -webkit-align-items: center;
  align-items: center;
}

/* line 47, ../sass/_content.scss */
.column {
  margin: 0 15px;
}
/* line 49, ../sass/_content.scss */
.column:first-child {
  margin-left: 0;
}
/* line 52, ../sass/_content.scss */
.column:last-child {
  margin-right: 0;
}

/* line 56, ../sass/_content.scss */
.col4 {
  width: -moz-calc((100% - 3 * 15px) / 4) ;
  width: -webkit-calc((100% - 3 * 15px) / 4) ;
  width: calc((100% - 3 * 15px) / 4) ;
}

/* line 59, ../sass/_content.scss */
.col3 {
  width: -moz-calc((100% - 2 * 30px) / 3) ;
  width: -webkit-calc((100% - 2 * 30px) / 3) ;
  width: calc((100% - 2 * 30px) / 3) ;
}
/* line 61, ../sass/_content.scss */
.col3:nth-child(3n) {
  margin-right: 0;
}
/* line 64, ../sass/_content.scss */
.col3:nth-child(3n+1) {
  margin-left: 0;
}

/* line 68, ../sass/_content.scss */
.col3-2 {
  width: -moz-calc(((100% - 3 * 30px) / 3)*2) ;
  width: -webkit-calc(((100% - 3 * 30px) / 3)*2) ;
  width: calc(((100% - 3 * 30px) / 3)*2) ;
  margin-right: 45px;
  margin-left: 0;
}

/* line 73, ../sass/_content.scss */
.col4-3 {
  width: -moz-calc(((100% - 3 * 15px) / 4)*3) ;
  width: -webkit-calc(((100% - 3 * 15px) / 4)*3) ;
  width: calc(((100% - 3 * 15px) / 4)*3) ;
  margin-right: 15px;
}

/* line 77, ../sass/_content.scss */
.col2 {
  width: -moz-calc((100% - 30px) / 2) ;
  width: -webkit-calc((100% - 30px) / 2) ;
  width: calc((100% - 30px) / 2) ;
}
/* line 79, ../sass/_content.scss */
.col2:nth-child(2n) {
  margin-left: 0;
}
/* line 82, ../sass/_content.scss */
.col2:nth-child(2n+1) {
  margin-right: 0;
}

/* line 87, ../sass/_content.scss */
.bg-orange {
  background-color: #ff671b;
}

/* line 90, ../sass/_content.scss */
.bg-green {
  background-color: #00af41;
}

/* line 93, ../sass/_content.scss */
.bg-brown {
  background-color: #5f4637;
}

/* line 96, ../sass/_content.scss */
.bg-blue {
  background-color: #002d73;
}

/* line 99, ../sass/_content.scss */
.bg-light-blue {
  background-color: rgba(0, 45, 115, 0.05);
}

/* line 103, ../sass/_content.scss */
.tag-link {
  font-size: 12px;
  text-transform: uppercase;
  font-family: "Mandelbloesem Bold";
  color: rgba(27, 36, 58, 0.5);
  -moz-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
/* line 109, ../sass/_content.scss */
.tag-link:hover {
  color: #1b243a;
  -moz-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

/* line 117, ../sass/_content.scss */
.image-holder {
  position: relative;
}
/* line 119, ../sass/_content.scss */
.image-holder img {
  width: auto;
  max-width: 100%;
}
/* line 123, ../sass/_content.scss */
.image-holder .overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: transparent;
  -moz-transition: background-color 0.4s ease;
  -o-transition: background-color 0.4s ease;
  -webkit-transition: background-color 0.4s ease;
  transition: background-color 0.4s ease;
}
/* line 131, ../sass/_content.scss */
.image-holder .overlay i {
  position: relative;
  display: table;
  height: 100%;
  width: 100%;
  opacity: 0;
  -moz-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}
/* line 138, ../sass/_content.scss */
.image-holder .overlay i.icon-play {
  opacity: 0.5;
}
/* line 141, ../sass/_content.scss */
.image-holder .overlay i:before {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  font-size: 50px;
  color: white;
}

/* line 151, ../sass/_content.scss */
a:hover .image-holder .overlay {
  background-color: rgba(0, 0, 0, 0.5);
  -moz-transition: background-color 0.4s ease;
  -o-transition: background-color 0.4s ease;
  -webkit-transition: background-color 0.4s ease;
  transition: background-color 0.4s ease;
}
/* line 154, ../sass/_content.scss */
a:hover .image-holder .overlay i {
  opacity: 1;
  -moz-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}

/* line 160, ../sass/_content.scss */
.controls-holder {
  position: absolute;
  left: 0;
  bottom: 0;
}
/* line 164, ../sass/_content.scss */
.controls-holder .image-control {
  float: left;
  height: 40px;
  line-height: 40px;
  color: white;
  text-align: center;
}
/* line 170, ../sass/_content.scss */
.controls-holder .image-control.image-counter {
  margin-right: 5px;
  padding: 0 15px;
  font-size: 12px;
  text-transform: uppercase;
  background-color: rgba(27, 36, 58, 0.75);
}
/* line 177, ../sass/_content.scss */
.controls-holder .image-control.zoom-trigger {
  width: 40px;
  font-size: 16px;
  background-color: rgba(255, 103, 27, 0.75);
}

/* line 184, ../sass/_content.scss */
.inner {
  max-width: 1366px;
  margin: 0 auto;
  padding-left: 30px;
  padding-right: 30px;
}

/* line 191, ../sass/_content.scss */
.paginator-holder {
  padding: 30px 0;
}
/* line 193, ../sass/_content.scss */
.paginator-holder .paginator {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
/* line 198, ../sass/_content.scss */
.paginator-holder ul > li {
  display: inline-block;
  margin-right: 15px;
  margin-bottom: 5px;
}
/* line 202, ../sass/_content.scss */
.paginator-holder ul > li a {
  color: rgba(0, 45, 115, 0.3);
}
/* line 205, ../sass/_content.scss */
.paginator-holder ul > li.active a, .paginator-holder ul > li a:hover {
  font-family: "Mandelbloesem Bold";
  color: #002d73;
}

/* line 211, ../sass/_content.scss */
.tag {
  display: inline-block;
  margin-bottom: 3px;
  margin-right: 3px;
  padding: 5px 20px;
  font-size: 14px;
  font-family: "Mandelbloesem Bold";
  color: white;
  text-transform: uppercase;
  border-radius: 3px;
}
/* line 221, ../sass/_content.scss */
.tag.bg-transparent {
  color: #002d73;
  background-color: transparent;
  border: 1px solid #002d73;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
/* line 226, ../sass/_content.scss */
.tag.bg-transparent:hover {
  color: white;
  background-color: #002d73;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

/* line 233, ../sass/_content.scss */
.categories-list {
  display: block;
  list-style: none;
  font-size: 16px;
}
/* line 237, ../sass/_content.scss */
.categories-list > li.category {
  position: relative;
  display: inline-block;
  margin-bottom: 15px;
  padding-left: 30px;
}
/* line 242, ../sass/_content.scss */
.categories-list > li.category:before {
  content: '';
  display: inline-block;
  height: 5px;
  width: 5px;
  position: absolute;
  left: 12.5px;
  top: 8px;
  border-radius: 5px;
  background-color: #ff671b;
}
/* line 254, ../sass/_content.scss */
.categories-list .sub-categories-list {
  margin-top: 8px;
}
/* line 257, ../sass/_content.scss */
.categories-list .category-link {
  position: relative;
  padding-bottom: 3px;
  color: rgba(27, 36, 58, 0.3);
  -moz-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
/* line 262, ../sass/_content.scss */
.categories-list .category-link:after {
  content: '';
  position: absolute;
  display: block;
  right: 0;
  left: 0;
  bottom: 0;
  height: 1px;
  background-color: rgba(27, 36, 58, 0.2);
  -moz-transition: background-color 0.3s ease;
  -o-transition: background-color 0.3s ease;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
/* line 274, ../sass/_content.scss */
.categories-list .category.active .category-link, .categories-list .category .category-link:hover {
  color: rgba(27, 36, 58, 0.7);
  -moz-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
/* line 277, ../sass/_content.scss */
.categories-list .category.active .category-link:after, .categories-list .category .category-link:hover:after {
  background-color: #1b243a;
  -moz-transition: background-color 0.3s ease;
  -o-transition: background-color 0.3s ease;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}

@media screen and (min-width: 768px) {
  /* line 285, ../sass/_content.scss */
  .categories-list > li.category {
    display: block;
  }
  /* line 288, ../sass/_content.scss */
  .categories-list .category-link:after {
    left: 5px;
  }
}
@media screen and (min-width: 1040px) {
  /* line 294, ../sass/_content.scss */
  .main-image, .main-image img {
    height: -moz-calc(100vh - 220px) !important;
    height: -webkit-calc(100vh - 220px) !important;
    height: calc(100vh - 220px) !important;
    object-fit: cover;
  }

  /* line 298, ../sass/_content.scss */
  .main-image.blur-bg, .main-image.blur-bg img {
    height: 100% !important;
  }

  /* line 301, ../sass/_content.scss */
  .gallery h1 {
    margin-left: 60px;
    font-size: 45px;
    color: white !important;
    text-shadow: 5px 5px 8px rgba(27, 36, 58, 0.3);
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
/*  ==========================================================================
    Breadcrumb stuff
    ========================================================================== */
/* line 5, ../sass/_breadcrumbs.scss */
.top-padding {
  margin-bottom: 60px;
}
/* line 7, ../sass/_breadcrumbs.scss */
.top-padding .breadcrumbs-holder {
  padding-top: 15px;
}
/* line 9, ../sass/_breadcrumbs.scss */
.top-padding .breadcrumbs-holder .breadcrumbs {
  margin: 15px 0 30px 0;
}

/* line 14, ../sass/_breadcrumbs.scss */
.breadcrumbs {
  display: block;
  margin: 15px 0 60px 0;
}
/* line 17, ../sass/_breadcrumbs.scss */
.breadcrumbs > li {
  display: inline-block;
  text-transform: uppercase;
  color: #002d73;
  font-family: "Mandelbloesem Bold";
  font-size: 12px;
}
/* line 23, ../sass/_breadcrumbs.scss */
.breadcrumbs > li a {
  color: rgba(0, 45, 115, 0.4);
  -moz-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
/* line 27, ../sass/_breadcrumbs.scss */
.breadcrumbs > li:hover a {
  color: #002d73;
  -moz-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
/* line 31, ../sass/_breadcrumbs.scss */
.breadcrumbs > li:last-child:after {
  content: '';
}
/* line 34, ../sass/_breadcrumbs.scss */
.breadcrumbs > li:after {
  content: "\e906";
  display: inline-block;
  padding: 0 5px;
  color: rgba(0, 45, 115, 0.4);
  font-family: "Mandelbloesem Icons";
  font-size: 9px;
}

/* line 1, ../sass/_footer.scss */
footer {
  margin-top: 60px;
  font-size: 14px;
  font-family: "Mandelbloesem Bold";
}
/* line 6, ../sass/_footer.scss */
footer .contact-links {
  font-size: 20px;
  margin-bottom: 30px;
}
/* line 9, ../sass/_footer.scss */
footer .contact-links a, footer .contact-links span {
  display: inline-block;
  color: #002d73;
  margin-right: 60px;
}
/* line 13, ../sass/_footer.scss */
footer .contact-links a:last-child, footer .contact-links span:last-child {
  margin-right: 0;
}
/* line 19, ../sass/_footer.scss */
footer .menu-links .main-menu {
  margin-bottom: 15px;
}
/* line 22, ../sass/_footer.scss */
footer .menu-links a {
  display: inline-block;
  margin-right: 30px;
  font-size: 14px;
  font-family: "Mandelbloesem Bold";
  color: rgba(0, 45, 115, 0.5);
  -moz-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}
/* line 27, ../sass/_footer.scss */
footer .menu-links a:last-child {
  margin-right: 0;
}
/* line 32, ../sass/_footer.scss */
footer .menu-links a:hover {
  color: #002d73;
  -moz-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}
/* line 38, ../sass/_footer.scss */
footer .logo-holder {
  margin-top: 60px;
}
/* line 41, ../sass/_footer.scss */
footer .legal-links {
  margin-top: 60px;
  padding: 25px 0;
  color: white;
  background-color: #002d73;
}

@media screen and (min-width: 768px) {
  /* line 49, ../sass/_footer.scss */
  footer {
    text-align: center;
  }
}
/* ========================================================================== 
   Fancybox overwrites here
   ========================================================================== */
/* line 5, ../sass/_plugin_overwrites.scss */
.fancybox-close {
  width: 40px !important;
  height: 40px !important;
  top: -11px !important;
  right: -40px !important;
  background-image: url("/img/vendor/icon_fancybox_close.png") !important;
  -webkit-background-size: 19px auto;
  -moz-background-size: 19px auto;
  -o-background-size: 19px auto;
  background-size: 19px auto;
  background-repeat: no-repeat;
  background-position: center center !important;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  /* line 123, ../sass/_mixins.scss */
  .fancybox-close {
    background-image: url("/img/vendor/icon_fancybox_close@2x.png") !important;
  }
}

/* line 15, ../sass/_plugin_overwrites.scss */
.fancybox-nav {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
/* line 17, ../sass/_plugin_overwrites.scss */
.fancybox-nav:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
/* line 20, ../sass/_plugin_overwrites.scss */
.fancybox-nav span {
  width: 19px !important;
  height: 37px !important;
  background-repeat: no-repeat !important;
  visibility: visible !important;
  background-position: center center !important;
}
/* line 27, ../sass/_plugin_overwrites.scss */
.fancybox-nav.fancybox-next {
  right: -45px !important;
  -moz-transition: right 0.3s ease;
  -o-transition: right 0.3s ease;
  -webkit-transition: right 0.3s ease;
  transition: right 0.3s ease;
}
/* line 30, ../sass/_plugin_overwrites.scss */
.fancybox-nav.fancybox-next span {
  background-image: url("/img/vendor/icon_fancybox_arrow_next.png") !important;
  -webkit-background-size: 19px auto;
  -moz-background-size: 19px auto;
  -o-background-size: 19px auto;
  background-size: 19px auto;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  /* line 123, ../sass/_mixins.scss */
  .fancybox-nav.fancybox-next span {
    background-image: url("/img/vendor/icon_fancybox_arrow_next@2x.png") !important;
  }
}
/* line 33, ../sass/_plugin_overwrites.scss */
.fancybox-nav.fancybox-next:hover {
  right: -60px !important;
  -moz-transition: right 0.3s ease;
  -o-transition: right 0.3s ease;
  -webkit-transition: right 0.3s ease;
  transition: right 0.3s ease;
}
/* line 38, ../sass/_plugin_overwrites.scss */
.fancybox-nav.fancybox-prev {
  left: -45px !important;
  -moz-transition: left 0.3s ease;
  -o-transition: left 0.3s ease;
  -webkit-transition: left 0.3s ease;
  transition: left 0.3s ease;
}
/* line 41, ../sass/_plugin_overwrites.scss */
.fancybox-nav.fancybox-prev span {
  background-image: url("/img/vendor/icon_fancybox_arrow_previous.png") !important;
  -webkit-background-size: 19px auto;
  -moz-background-size: 19px auto;
  -o-background-size: 19px auto;
  background-size: 19px auto;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  /* line 123, ../sass/_mixins.scss */
  .fancybox-nav.fancybox-prev span {
    background-image: url("/img/vendor/icon_fancybox_arrow_previous@2x.png") !important;
  }
}
/* line 44, ../sass/_plugin_overwrites.scss */
.fancybox-nav.fancybox-prev:hover {
  left: -60px !important;
  -moz-transition: left 0.3s ease;
  -o-transition: left 0.3s ease;
  -webkit-transition: left 0.3s ease;
  transition: left 0.3s ease;
}

/* line 51, ../sass/_plugin_overwrites.scss */
.fancybox-skin {
  border-radius: 0px;
  padding: 0px !important;
}

/* line 55, ../sass/_plugin_overwrites.scss */
.fancybox-overlay {
  background: url("/img/vendor/fancybox_overlay.png") !important;
}

/* line 59, ../sass/_plugin_overwrites.scss */
.zoomContainer {
  z-index: 8039;
}

/* line 62, ../sass/_plugin_overwrites.scss */
.zoomLens {
  border: 1px solid rgba(255, 255, 255, 0.5) !important;
  cursor: url("/img/icon_plus.png") 4 4, auto;
}

/* 	==========================================================================
   	Responsive Retina
   	========================================================================== */
/* 	==========================================================================
   	Responsive retina stuff
   	========================================================================== */
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 768px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 768px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 768px), only screen and (min-device-pixel-ratio: 2) and (min-width: 768px), only screen and (min-resolution: 192dppx) and (min-width: 768px), only screen and (min-resolution: 2dppx) and (min-width: 768px) {
  /* only retina ├®n scherm breder dan 768px */
}
/* 	==========================================================================
   	Boilerplate stuff - helpers / print
   	========================================================================== */
/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Image replacement
 */
/* line 10, ../sass/_helpers.scss */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* IE 6/7 fallback */
  *text-indent: -9999px;
}

/* line 18, ../sass/_helpers.scss */
.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
/* line 29, ../sass/_helpers.scss */
.hidden {
  display: none !important;
  visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
/* line 38, ../sass/_helpers.scss */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
/* line 54, ../sass/_helpers.scss */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */
/* line 68, ../sass/_helpers.scss */
.invisible {
  visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
/* line 84, ../sass/_helpers.scss */
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

/* line 90, ../sass/_helpers.scss */
.clearfix:after {
  clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
/* line 99, ../sass/_helpers.scss */
.clearfix {
  *zoom: 1;
}

/* line 104, ../sass/_helpers.scss */
.nobr {
  white-space: nowrap !important;
}

/* line 108, ../sass/_helpers.scss */
.helper {
  display: inline-block;
  font-size: 0;
  height: 100%;
  vertical-align: middle;
}

/* line 114, ../sass/_helpers.scss */
.group:after {
  content: "";
  display: table;
  clear: both;
}

/* line 121, ../sass/_helpers.scss */
.compat-object-fit {
  background-size: cover;
  background-position: center center;
  height: 100%;
  width: 100%;
}
/* line 126, ../sass/_helpers.scss */
.compat-object-fit img {
  display: none !important;
}

/*  ==========================================================================
    Print styles.
    Inlined to avoid required HTTP connection: h5bp.com/r
    ==========================================================================   */
@media print {
  /* line 7, ../sass/_print.scss */
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
  }

  /* line 14, ../sass/_print.scss */
  a,
  a:visited {
    text-decoration: underline;
  }

  /* line 19, ../sass/_print.scss */
  a[href]:after {
    content: " (" attr(href) ")";
  }

  /* line 23, ../sass/_print.scss */
  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  /*
   * Don't show links for images, or javascript/internal links
   */
  /* line 31, ../sass/_print.scss */
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }

  /* line 37, ../sass/_print.scss */
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  /* line 43, ../sass/_print.scss */
  thead {
    display: table-header-group;
    /* h5bp.com/t */
  }

  /* line 47, ../sass/_print.scss */
  tr,
  img {
    page-break-inside: avoid;
  }

  /* line 52, ../sass/_print.scss */
  img {
    max-width: 100% !important;
  }

  @page {
    margin: 0.5cm;
  }
  /* line 60, ../sass/_print.scss */
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  /* line 67, ../sass/_print.scss */
  h2,
  h3 {
    page-break-after: avoid;
  }
}

/* 	==========================================================================
   	Define all your mixins here
   	========================================================================== */
/*  ==========================================================================
    Vars
    ========================================================================== */
/*  ==========================================================================
    Define all your colors here
    ========================================================================== */
/* ==========================================================================
   Declare your fonts here
   ========================================================================== */
@font-face {
  font-family: 'Open Sans Light';
  src: url("/fonts/OpenSans-Light.eot");
  /* IE9 Compat Modes */
  src: url("/fonts/OpenSans-Light.eot?#iefix") format("embedded-opentype"), url("/fonts/OpenSans-Light.woff2") format("woff2"), url("/fonts/OpenSans-Light.woff") format("woff"), url("/fonts/OpenSans-Light.ttf") format("truetype"), url("/fonts/OpenSans-Light.svg#svgFontName") format("svg");
  /* Legacy iOS */
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Mandelbloesem Regular';
  src: url("/fonts/Mandelbloesem-Regular.eot");
  /* IE9 Compat Modes */
  src: url("/fonts/Mandelbloesem-Regular.eot?#iefix") format("embedded-opentype"), url("/fonts/Mandelbloesem-Regular.woff2") format("woff2"), url("/fonts/Mandelbloesem-Regular.woff") format("woff"), url("/fonts/Mandelbloesem-Regular.ttf") format("truetype"), url("/fonts/Mandelbloesem-Regular.svg#svgFontName") format("svg");
  /* Legacy iOS */
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Open Sans Semibold';
  src: url("/fonts/OpenSans-Semibold.eot");
  /* IE9 Compat Modes */
  src: url("/fonts/OpenSans-Semibold.eot?#iefix") format("embedded-opentype"), url("/fonts/OpenSans-Semibold.woff2") format("woff2"), url("/fonts/OpenSans-Semibold.woff") format("woff"), url("/fonts/OpenSans-Semibold.ttf") format("truetype"), url("/fonts/OpenSans-Semibold.svg#svgFontName") format("svg");
  /* Legacy iOS */
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Mandelbloesem Bold';
  src: url("/fonts/Mandelbloesem-Bold.eot");
  /* IE9 Compat Modes */
  src: url("/fonts/Mandelbloesem-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/Mandelbloesem-Bold.woff2") format("woff2"), url("/fonts/Mandelbloesem-Bold.woff") format("woff"), url("/fonts/Mandelbloesem-Bold.ttf") format("truetype"), url("/fonts/Mandelbloesem-Bold.svg#svgFontName") format("svg");
  /* Legacy iOS */
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Mandelbloesem Icons';
  src: url("/fonts/Mandelbloesem-Icons-new.eot");
  /* IE9 Compat Modes */
  src: url("/fonts/Mandelbloesem-Icons-new.eot?#iefix") format("embedded-opentype"), url("/fonts/Mandelbloesem-Icons-new.woff2") format("woff2"), url("/fonts/Mandelbloesem-Icons-new.woff") format("woff"), url("/fonts/Mandelbloesem-Icons-new.ttf") format("truetype"), url("/fonts/Mandelbloesem-Icons-new.svg#svgFontName") format("svg");
  /* Legacy iOS */
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'timeline';
  src: url("/fonts/timeline_new.eot");
  /* IE9 Compat Modes */
  src: url("/fonts/timeline_new.eot?#iefix") format("embedded-opentype"), url("/fonts/timeline_new.woff2") format("woff2"), url("/fonts/timeline_new.woff") format("woff"), url("/fonts/timeline_new.ttf") format("truetype"), url("/fonts/timeline_new.svg#svgFontName") format("svg");
  /* Legacy iOS */
  font-weight: normal;
  font-style: normal;
}
/* line 7, ../sass/newsletters.scss */
.newsletters-content {
  margin-top: 60px;
}

/* line 10, ../sass/newsletters.scss */
.viewer-column {
  margin-bottom: 30px;
}
/* line 12, ../sass/newsletters.scss */
.viewer-column h1 {
  margin-bottom: 30px;
}

/* line 16, ../sass/newsletters.scss */
.newsletters-column {
  margin-bottom: 30px;
}

/* line 19, ../sass/newsletters.scss */
iframe {
  height: -moz-calc(100vh - 160px) ;
  height: -webkit-calc(100vh - 160px) ;
  height: calc(100vh - 160px) ;
}
/* line 23, ../sass/newsletters.scss */
iframe body div:first-child div:first-child {
  background-color: white !important;
}

/* line 29, ../sass/newsletters.scss */
.iframe-holder {
  height: -moz-calc(100vh - 160px) ;
  height: -webkit-calc(100vh - 160px) ;
  height: calc(100vh - 160px) ;
  width: 100%;
  background: url(/img/loader.gif) center top no-repeat;
  background-size: 400px 300px;
}

@media screen and (min-width: 768px) {
  /* line 39, ../sass/newsletters.scss */
  .viewer-column {
    width: -moz-calc(75% - 15px) ;
    width: -webkit-calc(75% - 15px) ;
    width: calc(75% - 15px) ;
    float: left;
    margin-right: 15px;
  }

  /* line 44, ../sass/newsletters.scss */
  .newsletters-column {
    width: -moz-calc(25% - 15px) ;
    width: -webkit-calc(25% - 15px) ;
    width: calc(25% - 15px) ;
    float: right;
    margin-left: 15px;
  }
}
@media screen and (min-width: 1200px) {
  /* line 53, ../sass/newsletters.scss */
  .viewer-column {
    width: -moz-calc(75% - 30px) ;
    width: -webkit-calc(75% - 30px) ;
    width: calc(75% - 30px) ;
    margin-right: 30px;
  }

  /* line 57, ../sass/newsletters.scss */
  .newsletters-column {
    width: -moz-calc(25% - 30px) ;
    width: -webkit-calc(25% - 30px) ;
    width: calc(25% - 30px) ;
    margin-left: 30px;
  }
}