@charset "UTF-8";
/** 
  *   Colors
  */
/** Fonts
  * ┌――――――――――――┬―――――――――――――┬――――――――┬――――――――――┐
  * │ name       │ type        │ weight │ included │
  * ├――――――――――――┼―――――――――――――┼――――――――┼――――――――――┤
  * │ Interstate │ Thin        │ 100    │          │
  * │ Interstate │ Extra-Light │ 200    │ x        │
  * │ Interstate │ Light       │ 300    │ x        │
  * │ Interstate │ Normal      │ 400    │ x        │
  * │ Interstate │ Medium      │ 500    │          │
  * │ Interstate │ Semi-Bold   │ 600    │          │
  * │ Interstate │ Bold        │ 700    │ x        │
  * │ Interstate │ Black       │ 900    │ x        │
  * └――――――――――――┴―――――――――――――┴――――――――┴――――――――――┘
  */
/** Breakpoints (needs updating)
  * Desktop   > 1024
  * Tablet    769 - 1024
  * Mobile    < 769
  */
/** Reset
  */
/* `XHTML, HTML4, HTML5 Reset
----------------------------------------------------------------------------------------------------*/
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
dialog,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
font,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
main,
mark,
menu,
meter,
nav,
object,
ol,
output,
p,
pre,
progress,
q,
rp,
rt,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video,
xmp {
  border: 0;
  margin: 0;
  padding: 0;
  font-size: 100%; }

html,
body {
  height: 100%; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
  /*
  Override the default (display: inline) for
  browsers that do not recognize HTML5 tags.

  IE8 (and lower) requires a shiv:
  http://ejohn.org/blog/html5-shiv
*/
  display: block; }

b,
strong {
  /*
  Makes browsers agree.
  IE + Opera = font-weight: bold.
  Gecko + WebKit = font-weight: bolder.
*/
  font-weight: bold; }

img {
  color: transparent;
  font-size: 0;
  vertical-align: middle;
  /*
  For IE.
  http://css-tricks.com/ie-fix-bicubic-scaling-for-images
*/
  -ms-interpolation-mode: bicubic; }

ol,
ul {
  list-style: none; }

li {
  /*
  For IE6 + IE7:

  "display: list-item" keeps bullets from
  disappearing if hasLayout is triggered.
*/
  display: list-item; }
  

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

th,
td,
caption {
  font-weight: normal;
  vertical-align: top;
  text-align: left; }

q {
  quotes: none; }

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

sub,
sup,
small {
  font-size: 75%; }

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

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

svg {
  /*
  For IE9. Without, occasionally draws shapes
  outside the boundaries of <svg> rectangle.
*/
  overflow: hidden; }

/** Bootstrap responsive grid
  */
/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 *
 * Responsive grid
 */
.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }

@media (min-width: 768px) {
  .container {
    width: 750px; } }

@media (min-width: 992px) {
  .container {
    width: 1300px;
margin: 0 auto	} }

.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }

.row {
  margin-right: -15px;
  margin-left: -15px; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  width: 100%; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left; }

.col-xs-12 {
  width: 100%; }

.col-xs-11 {
  width: 91.66666667%; }

.col-xs-10 {
  width: 83.33333333%; }

.col-xs-9 {
  width: 75%; }

.col-xs-8 {
  width: 66.66666667%; }

.col-xs-7 {
  width: 58.33333333%; }

.col-xs-6 {
  width: 50%; }

.col-xs-5 {
  width: 41.66666667%; }

.col-xs-4 {
  width: 33.33333333%; }

.col-xs-3 {
  width: 25%; }

.col-xs-2 {
  width: 16.66666667%; }

.col-xs-1 {
  width: 8.33333333%; }

.col-xs-pull-12 {
  right: 100%; }

.col-xs-pull-11 {
  right: 91.66666667%; }

.col-xs-pull-10 {
  right: 83.33333333%; }

.col-xs-pull-9 {
  right: 75%; }

.col-xs-pull-8 {
  right: 66.66666667%; }

.col-xs-pull-7 {
  right: 58.33333333%; }

.col-xs-pull-6 {
  right: 50%; }

.col-xs-pull-5 {
  right: 41.66666667%; }

.col-xs-pull-4 {
  right: 33.33333333%; }

.col-xs-pull-3 {
  right: 25%; }

.col-xs-pull-2 {
  right: 16.66666667%; }

.col-xs-pull-1 {
  right: 8.33333333%; }

.col-xs-pull-0 {
  right: auto; }

.col-xs-push-12 {
  left: 100%; }

.col-xs-push-11 {
  left: 91.66666667%; }

.col-xs-push-10 {
  left: 83.33333333%; }

.col-xs-push-9 {
  left: 75%; }

.col-xs-push-8 {
  left: 66.66666667%; }

.col-xs-push-7 {
  left: 58.33333333%; }

.col-xs-push-6 {
  left: 50%; }

.col-xs-push-5 {
  left: 41.66666667%; }

.col-xs-push-4 {
  left: 33.33333333%; }

.col-xs-push-3 {
  left: 25%; }

.col-xs-push-2 {
  left: 16.66666667%; }

.col-xs-push-1 {
  left: 8.33333333%; }

.col-xs-push-0 {
  left: auto; }

.col-xs-offset-12 {
  margin-left: 100%; }

.col-xs-offset-11 {
  margin-left: 91.66666667%; }

.col-xs-offset-10 {
  margin-left: 83.33333333%; }

.col-xs-offset-9 {
  margin-left: 75%; }

.col-xs-offset-8 {
  margin-left: 66.66666667%; }

.col-xs-offset-7 {
  margin-left: 58.33333333%; }

.col-xs-offset-6 {
  margin-left: 50%; }

.col-xs-offset-5 {
  margin-left: 41.66666667%; }

.col-xs-offset-4 {
  margin-left: 33.33333333%; }

.col-xs-offset-3 {
  margin-left: 25%; }

.col-xs-offset-2 {
  margin-left: 16.66666667%; }

.col-xs-offset-1 {
  margin-left: 8.33333333%; }

.col-xs-offset-0 {
  margin-left: 0; }

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left; }
  .col-sm-12 {
    width: 100%; }
  .col-sm-11 {
    width: 91.66666667%; }
  .col-sm-10 {
    width: 83.33333333%; }
  .col-sm-9 {
    width: 75%; }
  .col-sm-8 {
    width: 66.66666667%; }
  .col-sm-7 {
    width: 58.33333333%; }
  .col-sm-6 {
    width: 50%; }
  .col-sm-5 {
    width: 41.66666667%; }
  .col-sm-4 {
    width: 33.33333333%; }
  .col-sm-3 {
    width: 25%; }
  .col-sm-2 {
    width: 16.66666667%; }
  .col-sm-1 {
    width: 8.33333333%; }
  .col-sm-pull-12 {
    right: 100%; }
  .col-sm-pull-11 {
    right: 91.66666667%; }
  .col-sm-pull-10 {
    right: 83.33333333%; }
  .col-sm-pull-9 {
    right: 75%; }
  .col-sm-pull-8 {
    right: 66.66666667%; }
  .col-sm-pull-7 {
    right: 58.33333333%; }
  .col-sm-pull-6 {
    right: 50%; }
  .col-sm-pull-5 {
    right: 41.66666667%; }
  .col-sm-pull-4 {
    right: 33.33333333%; }
  .col-sm-pull-3 {
    right: 25%; }
  .col-sm-pull-2 {
    right: 16.66666667%; }
  .col-sm-pull-1 {
    right: 8.33333333%; }
  .col-sm-pull-0 {
    right: auto; }
  .col-sm-push-12 {
    left: 100%; }
  .col-sm-push-11 {
    left: 91.66666667%; }
  .col-sm-push-10 {
    left: 83.33333333%; }
  .col-sm-push-9 {
    left: 75%; }
  .col-sm-push-8 {
    left: 66.66666667%; }
  .col-sm-push-7 {
    left: 58.33333333%; }
  .col-sm-push-6 {
    left: 50%; }
  .col-sm-push-5 {
    left: 41.66666667%; }
  .col-sm-push-4 {
    left: 33.33333333%; }
  .col-sm-push-3 {
    left: 25%; }
  .col-sm-push-2 {
    left: 16.66666667%; }
  .col-sm-push-1 {
    left: 8.33333333%; }
  .col-sm-push-0 {
    left: auto; }
  .col-sm-offset-12 {
    margin-left: 100%; }
  .col-sm-offset-11 {
    margin-left: 91.66666667%; }
  .col-sm-offset-10 {
    margin-left: 83.33333333%; }
  .col-sm-offset-9 {
    margin-left: 75%; }
  .col-sm-offset-8 {
    margin-left: 66.66666667%; }
  .col-sm-offset-7 {
    margin-left: 58.33333333%; }
  .col-sm-offset-6 {
    margin-left: 50%; }
  .col-sm-offset-5 {
    margin-left: 41.66666667%; }
  .col-sm-offset-4 {
    margin-left: 33.33333333%; }
  .col-sm-offset-3 {
    margin-left: 25%; }
  .col-sm-offset-2 {
    margin-left: 16.66666667%; }
  .col-sm-offset-1 {
    margin-left: 8.33333333%; }
  .col-sm-offset-0 {
    margin-left: 0; } }

@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left; }
  .col-md-12 {
    width: 100%; }
  .col-md-11 {
    width: 91.66666667%; }
  .col-md-10 {
    width: 83.33333333%; }
  .col-md-9 {
    width: 75%; }
  .col-md-8 {
    width: 66.66666667%; }
  .col-md-7 {
    width: 58.33333333%; }
  .col-md-6 {
    width: 50%; }
  .col-md-5 {
    width: 41.66666667%; }
  .col-md-4 {
    width: 33.33333333%; }
  .col-md-3 {
    width: 25%; }
  .col-md-2 {
    width: 16.66666667%; }
  .col-md-1 {
    width: 8.33333333%; }
  .col-md-pull-12 {
    right: 100%; }
  .col-md-pull-11 {
    right: 91.66666667%; }
  .col-md-pull-10 {
    right: 83.33333333%; }
  .col-md-pull-9 {
    right: 75%; }
  .col-md-pull-8 {
    right: 66.66666667%; }
  .col-md-pull-7 {
    right: 58.33333333%; }
  .col-md-pull-6 {
    right: 50%; }
  .col-md-pull-5 {
    right: 41.66666667%; }
  .col-md-pull-4 {
    right: 33.33333333%; }
  .col-md-pull-3 {
    right: 25%; }
  .col-md-pull-2 {
    right: 16.66666667%; }
  .col-md-pull-1 {
    right: 8.33333333%; }
  .col-md-pull-0 {
    right: auto; }
  .col-md-push-12 {
    left: 100%; }
  .col-md-push-11 {
    left: 91.66666667%; }
  .col-md-push-10 {
    left: 83.33333333%; }
  .col-md-push-9 {
    left: 75%; }
  .col-md-push-8 {
    left: 66.66666667%; }
  .col-md-push-7 {
    left: 58.33333333%; }
  .col-md-push-6 {
    left: 50%; }
  .col-md-push-5 {
    left: 41.66666667%; }
  .col-md-push-4 {
    left: 33.33333333%; }
  .col-md-push-3 {
    left: 25%; }
  .col-md-push-2 {
    left: 16.66666667%; }
  .col-md-push-1 {
    left: 8.33333333%; }
  .col-md-push-0 {
    left: auto; }
  .col-md-offset-12 {
    margin-left: 100%; }
  .col-md-offset-11 {
    margin-left: 91.66666667%; }
  .col-md-offset-10 {
    margin-left: 83.33333333%; }
  .col-md-offset-9 {
    margin-left: 75%; }
  .col-md-offset-8 {
    margin-left: 66.66666667%; }
  .col-md-offset-7 {
    margin-left: 58.33333333%; }
  .col-md-offset-6 {
    margin-left: 50%; }
  .col-md-offset-5 {
    margin-left: 41.66666667%; }
  .col-md-offset-4 {
    margin-left: 33.33333333%; }
  .col-md-offset-3 {
    margin-left: 25%; }
  .col-md-offset-2 {
    margin-left: 16.66666667%; }
  .col-md-offset-1 {
    margin-left: 8.33333333%; }
  .col-md-offset-0 {
    margin-left: 0; } }

@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left; }
  .col-lg-12 {
    width: 100%; }
  .col-lg-11 {
    width: 91.66666667%; }
  .col-lg-10 {
    width: 83.33333333%; }
  .col-lg-9 {
    width: 75%; }
  .col-lg-8 {
    width: 66.66666667%; }
  .col-lg-7 {
    width: 58.33333333%; }
  .col-lg-6 {
    width: 50%; }
  .col-lg-5 {
    width: 41.66666667%; }
  .col-lg-4 {
    width: 33.33333333%; }
  .col-lg-3 {
    width: 25%; }
  .col-lg-2 {
    width: 16.66666667%; }
  .col-lg-1 {
    width: 8.33333333%; }
  .col-lg-pull-12 {
    right: 100%; }
  .col-lg-pull-11 {
    right: 91.66666667%; }
  .col-lg-pull-10 {
    right: 83.33333333%; }
  .col-lg-pull-9 {
    right: 75%; }
  .col-lg-pull-8 {
    right: 66.66666667%; }
  .col-lg-pull-7 {
    right: 58.33333333%; }
  .col-lg-pull-6 {
    right: 50%; }
  .col-lg-pull-5 {
    right: 41.66666667%; }
  .col-lg-pull-4 {
    right: 33.33333333%; }
  .col-lg-pull-3 {
    right: 25%; }
  .col-lg-pull-2 {
    right: 16.66666667%; }
  .col-lg-pull-1 {
    right: 8.33333333%; }
  .col-lg-pull-0 {
    right: auto; }
  .col-lg-push-12 {
    left: 100%; }
  .col-lg-push-11 {
    left: 91.66666667%; }
  .col-lg-push-10 {
    left: 83.33333333%; }
  .col-lg-push-9 {
    left: 75%; }
  .col-lg-push-8 {
    left: 66.66666667%; }
  .col-lg-push-7 {
    left: 58.33333333%; }
  .col-lg-push-6 {
    left: 50%; }
  .col-lg-push-5 {
    left: 41.66666667%; }
  .col-lg-push-4 {
    left: 33.33333333%; }
  .col-lg-push-3 {
    left: 25%; }
  .col-lg-push-2 {
    left: 16.66666667%; }
  .col-lg-push-1 {
    left: 8.33333333%; }
  .col-lg-push-0 {
    left: auto; }
  .col-lg-offset-12 {
    margin-left: 100%; }
  .col-lg-offset-11 {
    margin-left: 91.66666667%; }
  .col-lg-offset-10 {
    margin-left: 83.33333333%; }
  .col-lg-offset-9 {
    margin-left: 75%; }
  .col-lg-offset-8 {
    margin-left: 66.66666667%; }
  .col-lg-offset-7 {
    margin-left: 58.33333333%; }
  .col-lg-offset-6 {
    margin-left: 50%; }
  .col-lg-offset-5 {
    margin-left: 41.66666667%; }
  .col-lg-offset-4 {
    margin-left: 33.33333333%; }
  .col-lg-offset-3 {
    margin-left: 25%; }
  .col-lg-offset-2 {
    margin-left: 16.66666667%; }
  .col-lg-offset-1 {
    margin-left: 8.33333333%; }
  .col-lg-offset-0 {
    margin-left: 0; } }

/* special grid elements  */
.col-p32-6 {
  width: 50%;
  padding: 0 32px;
  box-sizing: border-box;
  float: left;
  margin-bottom: 32px; }
  @media (max-width: 768px) {
    .col-p32-6 {
      float: none;
      width: 100%;
      margin-bottom: 50px; } }

.container-wide {
  width: 1024px;
  margin: 0 auto; }

.halfPage {
  width: 50%;
  float: left; }
  @media (max-width: 992px) {
    .halfPage {
      width: 100%; } }

/** General
  */
html {
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch; }

body {
  height: 100%;
  min-width: 320px; }

main {
  overflow: auto; }

*, *:after, *:before {
  box-sizing: border-box;
  position: relative;
  -webkit-font-smoothing: antialiased; }

body {
  background: url("/img/backgradient.png") no-repeat;
  background: linear-gradient(180deg, #e59a2e, #db3254, #8f5dbe, #5280c6, #2ad7af, #e59a2e);
  background-size: 1000% 1000%;
  width: 100%;
  min-width: 320px;
  /*	-webkit-animation: gradientFlow 130s linear infinite;
	-moz-animation: gradientFlow 130s linear infinite;
	-o-animation: gradientFlow 130s linear infinite;
	animation: gradientFlow 130s linear infinite;*/
  font-family: 'Interstate'; }

@-webkit-keyframes gradientFlow {
  0% {
    background-position: 50% 0%; }
  50% {
    background-position: 50% 100%; }
  100% {
    background-position: 50% 0%; } }

@-moz-keyframes gradientFlow {
  0% {
    background-position: 50% 0%; }
  50% {
    background-position: 50% 100%; }
  100% {
    background-position: 50% 0%; } }

@-o-keyframes gradientFlow {
  0% {
    background-position: 50% 0%; }
  50% {
    background-position: 50% 100%; }
  100% {
    background-position: 50% 0%; } }

@keyframes gradientFlow {
  0% {
    background-position: 50% 0%; }
  50% {
    background-position: 50% 100%; }
  100% {
    background-position: 50% 0%; } }

#background-container {
  opacity: 0.15;
  z-index: -1;
  width: 100%;
  height: 2000px;
  position: absolute;
  background-repeat: repeat-x;
  background-position: center -343px;
  background-size: 1910px;
  /* Fallback */
  background-image: url("/img/header_pattern.svg");
  /* CSS gradients */
  background-image: url("/img/header_pattern.svg"), -moz-linear-gradient(to bottom, white 15%, rgba(255, 255, 255, 0) 22%);
  background-image: url("/img/header_pattern.svg"), -webkit-gradient(to bottom, white 15%, rgba(255, 255, 255, 0) 22%);
  background-image: url("/img/header_pattern.svg"), linear-gradient(to bottom, white 15%, rgba(255, 255, 255, 0) 22%); }

.btn {
  text-transform: uppercase;
  text-decoration: none;
  font-size: 28px;
  font-weight: normal;
  color: #ffffff;
  border-top: 2px solid #ffffff;
  display: table;
  width: auto;
  padding-top: 5px; }

.center {
  margin: 0 auto; }

.push-left {
  float: left; }

.push-right {
  float: right; }

.push-text {
  margin-right: 15px; }

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

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

.indent-32 {
  margin-left: 32px; }

.clear {
  clear: both; }

.noMargins {
  margin: 0 !important; }

@media (min-width: 992px) {
  .noMargins-md {
    margin-top: 0 !important;
    margin-bottom: 0 !important; } }

/** Flexbox
  */
.flex {
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

@media (max-width: 992px) {
  .flexCollapse {
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .flexCollapse.vertical {
    -webkit-flex-direction: column;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column; }
  .order-collapse-first {
    order: -1; } }

.flex > * {
  max-width: 100%; }

.flex.vertical {
  -webkit-flex-direction: column;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column; }

.flex.row-reverse {
  -webkit-flex-direction: row-reverse;
  -webkit-box-direction: reverse;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse; }

.flex.nowrap {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap; }

.flex.noshrink > *, .flex > .dontshrink {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0; }

.flex.shrink > *, .flex > .doshrink {
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1; }

.flex.grow > *, .flex > .doGrow {
  -ms-flex-positive: 1;
  -webkit-flex-grow: 1;
  -webkit-box-flex: 1;
  flex-grow: 1; }

.flex.align-start, .flex.start {
  -webkit-align-items: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start; }

.flex.justify-start, .flex.start {
  -webkit-justify-content: flex-start;
  -webkit-box-pack: start;
  justify-content: flex-start;
  -ms-flex-pack: start; }

.flex.align-center, .flex.center {
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

/* Vieze align-center ivm 50% page width images */
@media (min-width: 992px) {
  .align-center {
    position: absolute;
    top: 50%;
    transform: translateY(-50%); }
  .align-center *:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important; }
  .align-center.BorderLeft:before {
    margin-top: 0; }
  .flex.justify-center.vertical.nowrap *:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important; } }

.flex.justify-center, .flex.center {
  -webkit-justify-content: center;
  -webkit-box-pack: center;
  justify-content: center;
  -ms-flex-pack: center; }

.flex.align-end, .flex.end {
  -webkit-align-items: flex-end;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end; }

.flex.justify-end, .flex.end {
  -webkit-justify-content: flex-end;
  -webkit-box-pack: end;
  justify-content: flex-end;
  -ms-flex-pack: end; }

.flex.justify-space-between {
  -webkit-justify-content: space-between;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -ms-flex-pack: justify; }

.flex.align-stretch {
  -webkit-align-items: stretch;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch; }

@media (min-width: 768px) {
  .order-sm-first {
    -webkit-box-ordinal-group: -1;
    /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-ordinal-group: -1;
    /* OLD - Firefox 19- */
    -ms-flex-order: -1;
    /* TWEENER - IE 10 */
    -webkit-order: -1;
    /* NEW - Chrome */
    order: -1;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */ } }

@media (min-width: 992px) {
  .order-md-first {
    -webkit-box-ordinal-group: -1;
    /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-ordinal-group: -1;
    /* OLD - Firefox 19- */
    -ms-flex-order: -1;
    /* TWEENER - IE 10 */
    -webkit-order: -1;
    /* NEW - Chrome */
    order: -1;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */ } }

@media (max-width: 768px) {
  .flex500, .flex390 {
    width: 100%;
    margin-top: 60px; }
  .flex500:last-child, .flex390:last-child {
    margin-bottom: 60px; } }

@media (min-width: 769px) {
  .flex500 {
    width: 53.19148945;
    width: calc(100% / (940 / 500)); }
  .flex390 {
    width: 41.4893617;
    width: calc(100% / (940 / 390)); } }

/**
	Styles
*/
h1, h2, h3, h4, h5, h6 {
  color: #ffffff;
  text-transform: uppercase; }

.content-page h1, .content-page h2, .content-page h3, .content-page h4, .content-page h5, .content-page h6 {
  color: #505052; }

.content-page h5 {
  text-transform: none;
  font-size: 22px;
  margin-bottom: 16px; }

h1 {
  font-size: 72px; }

h2 {
  font-size: 48px; }

h3 {
  font-size: 36px; }

h4 {
  font-size: 28px;
  font-weight: 900;
  margin-bottom: 10px; }

h5 {
  font-size: 28px;
  font-weight: 200; }

p {
  font-size: 22px;
  font-weight: 300;
  line-height: 32px;
  margin-bottom: 32px;
  color: #505052; }
  p.white-text {
    color: #ffffff; }
  p.small {
    font-size: 18px; }

.statement {
  box-sizing: border-box;
  padding: 0 32px;
  margin-bottom: 120px;
  text-align: center;
  text-transform: none;
  line-height: 46px;
  font-weight: 200; }

/** icons
  */
.icon-52 {
  width: 52px;
  height: 52px; }

.icon-140 {
  width: 140px;
  height: 140px; }

.icon-148 {
  width: 148px;
  height: 148px; }

.icon-240 {
  width: 240px;
  height: 192px; }

/** header
  */
header.withBackground {
  background-image: url("/img/header_small_pattern.png");
  background-repeat: repeat-x;
  background-position: bottom center; }

header nav {
  max-width: 1440px;
  height: 172px;
  padding: 0 20px;
  margin: 0 auto;
  -webkit-box-pack: justify;
  justify-content: space-between;
  display: flex;
  flex-wrap: wrap; }
  header nav * {
    z-index: 10; }
  header nav .logo {
    margin: 57px 50px;
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    header nav .logo img {
      display: block;
      width: 355px;
      height: 60px; }
  header nav ul {
    height: 100%;
    float: right; }
    header nav ul li {
      list-style: none;
      float: left;
      height: 100%;
      padding: 0 60px;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      flex-direction: column;
      justify-content: center; }
      header nav ul li a {
        text-decoration: none;
        text-transform: uppercase;
        color: #ffffff;
        font-size: 22px;
        font-weight: 200;
        padding: 3px 0; }
      header nav ul li a:hover {
        border-bottom: 1px solid #ffffff; }
  header nav input[type="checkbox"], header nav label {
    display: none; }
  @media (max-width: 650px) {
    header nav .logo {
      width: 50%; }
      header nav .logo img {
        width: 100%; } }
  @media (max-width: 1250px) {
    header nav label {
      display: block;
      display: -webkit-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-justify-content: center;
      -webkit-box-pack: center;
      justify-content: center;
      position: absolute;
      right: 0;
      font-size: 0;
      width: 100px;
      height: 172px;
      cursor: pointer; }
    header nav label:before, header nav label:after {
      content: "";
      height: 3px;
      width: 20px;
      background-color: #ffffff;
      -webkit-transition: .15s ease;
      transition: .15s ease; }
    header nav label:before {
      margin-right: -10px;
      box-shadow: 0 -7px 0 #ffffff; }
    header nav label:after {
      margin-left: -10px;
      box-shadow: 0 7px 0 #ffffff; }
    header nav input:checked ~ label:before {
      box-shadow: 0 0 0 transparent;
      -webkit-transform: rotate(45deg) scale(1.2);
      transform: rotate(45deg) scale(1.2); }
    header nav input:checked ~ label:after {
      box-shadow: 0 0 0 transparent;
      -webkit-transform: rotate(-45deg) scale(1.2);
      transform: rotate(-45deg) scale(1.2); }
    header nav input:not(:checked) ~ ul {
      display: none !important; }
    header nav #cover {
      display: block;
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: rgba(0, 0, 0, 0.8);
      z-index: 1; }
    header nav input:not(:checked) ~ #cover {
      display: none; }
    header nav li {
      width: 100%;
      flex-shrink: 0;
      display: flex;
      align-items: stretch;
      height: 50px !important;
      flex-direction: row !important;
      justify-content: flex-start !important; }
      header nav li a {
        display: flex;
        width: 100%;
        -webkit-flex-direction: column;
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-justify-content: center;
        -webkit-box-pack: center;
        justify-content: center;
        -ms-flex-pack: center; }
      header nav li a:hover {
        border: none !important; } }
  @media (min-width: 1250px) and (max-width: 1440px) {
    header nav ul {
      display: flex;
      flex-flow: row wrap;
      justify-content: space-around;
      width: 60%; }
      header nav ul li {
        padding: 0; } }

header .payOff {
  margin-top: 215px;
  font-weight: 900;
  margin-bottom: 500px; }
  header .payOff div {
    margin-left: 46px;
    float: none; }
  header .payOff h1 {
    margin-bottom: 18px; }
  header .payOff h2 span {
    padding-bottom: 2px;
    border-bottom: 2px solid #ffffff; }
  header .payOff .btn {
    margin-top: 50px; }
  @media (max-width: 992px) {
    header .payOff h1 {
      font-size: 60px; }
    header .payOff h2 {
      font-size: 36px; } }
  header .payOff.small {
    margin-top: 100px;
    margin-bottom: 120px; }
    header .payOff.small h1 {
      color: #ffffff;
      -webkit-text-stroke: 2px #ffffff;
      -webkit-text-fill-color: transparent; }

header .icon:before {
  content: "";
  height: 157px;
  width: 157px;
  display: block;
  background: url("/img/payOffIcon.svg") no-repeat;
  background-size: 157px 157px;
  position: absolute;
  margin-top: 44px;
  margin-left: -113px; }

@media (max-width: 1250px) {
  header .icon:before {
    content: none; }
  header .payOff {
    text-align: center; }
    header .payOff div {
      margin-left: 0; }
    header .payOff span {
      line-height: 50px; } }

/*** 
	
	main 
	
 ***/
main.content-page {
  background: #ffffff; }
  main.content-page div.container {
    margin-top: 60px;
    margin-bottom: 60px; }
  main.content-page > div:first-child {
    margin-top: 100px;
    margin-bottom: 50px; }
  main.content-page .partners h3 {
    color: #3590c8; }
  main.content-page .company-overview .work-types {
    padding-top: 0; }
    main.content-page .company-overview .work-types > div p {
      color: #505052; }

main hr {
  width: 400px;
  margin: 0 auto;
  border: 3px solid #e7e6e8; }

main .company-focus div > img {
  margin: 0 auto;
  display: block; }

main .company-focus .icon-mens {
  width: 81px;
  height: 112px;
  margin-bottom: 66px; }

main .company-focus .icon-techniek {
  width: 76px;
  height: 79px;
  margin-bottom: 100px; }

main .company-overview {
  text-align: center; }
  main .company-overview .employees {
    overflow: hidden; }
    main .company-overview .employees > div {
      float: left; }
      main .company-overview .employees > div.chief {
        border-bottom: 2px solid #ffffff;
        margin-top: 50px;
        padding-bottom: 40px;
        width: 33%; }
        main .company-overview .employees > div.chief img {
          width: 52px;
          height: 72px; }
        main .company-overview .employees > div.chief .push-left, main .company-overview .employees > div.chief .push-right {
          width: 93%; }
      main .company-overview .employees > div.CTO {
        width: 34%; }
        main .company-overview .employees > div.CTO img {
          width: 240px;
          height: 192px; }
      main .company-overview .employees > div h5 {
        text-transform: uppercase;
        margin-bottom: 24px; }
  main .company-overview .work-types {
    margin-top: -30px;
    margin-bottom: 75px;
    padding-top: 80px;
    border-bottom: 2px solid #ffffff;
    border-left: 2px solid #ffffff;
    border-right: 2px solid #ffffff; }
    main .company-overview .work-types > div {
      width: 30%;
      padding: 40px 0 30px; }
      main .company-overview .work-types > div p {
        color: #ffffff;
        font-weight: 200;
        font-size: 28px;
        margin: 24px 0; }
  @media (max-width: 1200px) {
    main .company-overview {
      transform: scale(0.9);
      width: inherit; } }
  @media (max-width: 1100px) {
    main .company-overview {
      transform: scale(0.8); } }
  @media (max-width: 1000px) {
    main .company-overview {
      transform: scale(0.7); } }
  @media (max-width: 950px) {
    main .company-overview {
      transform: scale(1);
      margin: 0 50px; }
      main .company-overview .work-types > div {
        width: 100%;
        padding: 20px 0 !important; }
      main .company-overview .employees div {
        margin-top: 20px !important; }
      main .company-overview .employees h5 {
        height: 28px; }
      main .company-overview .employees div.CTO img {
        width: 80% !important;
        height: 162px !important; }
      main .company-overview .employees div.chief img {
        width: 25%; } }

main .partners {
  margin-top: 150px; }
  main .partners h3 {
    font-weight: 900;
    text-align: center;
    margin-bottom: 40px; }
  main .partners ul {
    width: 100%;
    overflow: hidden;
    background: #ffffff;
    text-align: center; }
    main .partners ul li {
      height: 200px;
      display: inline-block;
      margin: 0 30px; }
      main .partners ul li a {
        display: block;
        height: 100%;
        overflow: hidden; }
        main .partners ul li a img {
          top: 50%;
          transform: translateY(-50%); }

main .stretchImage {
  overflow: hidden; }
  @media (min-width: 992px) {
    main .stretchImage.fixImageMargins-left, main .stretchImage.fixImageMargins-right {
      padding-left: 0;
      border-left: solid 15px transparent; }
    main .stretchImage.fixImageMargins-right {
      padding-right: 0;
      border-right: solid 15px transparent; } }
  main .stretchImage div {
    float: right;
    right: 50%; }
    main .stretchImage div img {
      right: -50%;
      min-width: 100%; }

main .LightText p, main .LightTextSmall p {
  line-height: 47px;
  font-size: 36px;
  font-weight: 200; }

main .LightTextSmall p {
  font-size: 28px; }

main .BorderLeft:before {
  content: "";
  height: 100%;
  border-left: 4px solid #8e5ebf;
  margin-left: -34px;
  margin-top: -15px;
  position: absolute; }
  @media (max-width: 992px) {
    main .BorderLeft:before {
      margin-top: 0; } }

main .withBorder {
  border: 2px solid #505052;
  padding-top: 50px;
  padding-bottom: 50px; }
  main .withBorder .btn {
    color: #505052;
    border-top-color: #505052; }
  @media (min-width: 768px) {
    main .withBorder {
      width: 690px; } }
  @media (min-width: 992px) {
    main .withBorder {
      width: 930px; } }
  @media (max-width: 768px) {
    main .withBorder {
      margin-left: 25px;
      margin-right: 25px; }
      main .withBorder img {
        margin-bottom: 24px; } }

main form {
  margin-top: 24px; }
  main form .error, main form .success {
    font-weight: 300;
    font-size: 18px;
    text-align: right;
    margin-bottom: 12px; }
  main form .error {
    color: red; }
  main form label {
    color: #505052;
    text-transform: uppercase;
    font-weight: 200;
    font-size: 18px;
    margin: 0 15px;
    display: block; }
  main form input:not([type="submit"]), main form textarea {
    font-family: 'Interstate';
    font-size: 20px;
    font-weight: 300;
    color: #505052;
    outline: none;
    margin-top: 6px;
    margin-bottom: 24px;
    padding: 10px 22px;
    width: 100%;
    border: none;
    border-bottom: 2px solid rgba(142, 94, 191, 0.3); }
  main form textarea {
    height: 138px;
    resize: none; }
  main form input:focus:not([type="submit"]), main form textarea:focus {
    border-bottom: 2px solid #8e5ebf; }
  main form input[type="submit"] {
    background: none;
    border-bottom: none;
    border-left: none;
    border-right: none;
    border-top: 2px solid;
    padding: 4px 0 0 0;
    cursor: pointer;
    font-size: 28px;
    font-family: 'Interstate'; }

main .route {
  height: 100px; }
  main .route form {
    margin-top: 0; }
    main .route form input {
      margin-top: 0; }
  main .route a.btn {
    margin-top: 42px;
    margin-left: 4px; }

main .socialIcons {
  text-align: center;
  margin-bottom: 200px; }
  main .socialIcons li {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: 3px solid #3590c8;
    width: 44px;
    height: 44px;
    margin: 0 10px; }
    main .socialIcons li a {
      display: block; }
    main .socialIcons li img {
      width: 30px;
      height: 30px; }
      main .socialIcons li img.icon-25 {
        width: 25px;
        height: 25px; }

footer {
  padding-top: 120px;
  display: block;
  position: relative;
  font-size: 18px;
  color: #ffffff;
  font-weight: 300;
  line-height: 28px; }
  footer h5 {
    margin: 10px 0 32px; }
  footer div ul li img {
    margin-bottom: 24px; }
  footer div ul li a {
    color: #ffffff;
    text-decoration: none; }
  footer div ul li a:hover {
    text-decoration: underline; }
  footer p {
    color: #ffffff;
    font-size: 18px; }
  footer .disclaimer {
    padding: 0;
    margin-top: 120px; }
    footer .disclaimer p {
      font-size: 18px;
      font-weight: 300;
      text-align: center; }
      footer .disclaimer p a {
        font-weight: normal;
        color: #ffffff;
        text-decoration: none; }
      footer .disclaimer p a:hover {
        text-decoration: underline; }
  @media (max-width: 768px) {
    footer .container div {
      margin-bottom: 48px; } }
  @media (max-width: 768px) {
    footer .fixMobile .text-right {
      text-align: left;
      left: 16.66666666%; }
      footer .fixMobile .text-right img {
        margin-left: 32px; }
    footer .fixMobile .push-right {
      float: left; }
    footer .fixMobile .text-center {
      width: 33.33333333%;
      text-align: left; } }

footer:after {
  content: "";
  background-image: url("/img/footer_pattern.svg");
  background-repeat: repeat-x;
  background-position: center -17px;
  background-size: 1910px;
  opacity: 0.20;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1; }

/** fix margin styles **/
@media (min-width: 992px) {
  .fixMargins-desktop {
    margin-bottom: 120px; } }

@media (max-width: 992px) {
  .fixMargins-mobile {
    margin-top: 60px; } }

.fixMargins {
  margin-bottom: 120px; }

/** color styles
  **/
.pink-red {
  color: #c83d6f !important; }

.light-purple {
  color: #a84f9b !important; }

.purple {
  color: #8e5ebf !important; }

.purple-blue {
  color: #6675c4 !important; }

.blue {
  color: #3590c8 !important; }

.pink-red-border, .pink-red-border:before, .pink-red-border:after {
  border-top-color: #c83d6f !important;
  border-right-color: #c83d6f !important;
  border-bottom-color: #c83d6f !important;
  border-left-color: #c83d6f !important; }

.light-purple-border, .light-purple-border:before, .light-purple-border:after {
  border-top-color: #a84f9b !important;
  border-right-color: #a84f9b !important;
  border-bottom-color: #a84f9b !important;
  border-left-color: #a84f9b !important; }

.purple-border, .purple-border:before, .purple-border:after {
  border-top-color: #8e5ebf !important;
  border-right-color: #8e5ebf !important;
  border-bottom-color: #8e5ebf !important;
  border-left-color: #8e5ebf !important; }

.purple-blue-border, .purple-blue-border:before, .purple-blue-border:after {
  border-top-color: #6675c4 !important;
  border-right-color: #6675c4 !important;
  border-bottom-color: #6675c4 !important;
  border-left-color: #6675c4 !important; }

.blue-border, .blue-border:before, .blue-border:after {
  border-top-color: #3590c8 !important;
  border-right-color: #3590c8 !important;
  border-bottom-color: #3590c8 !important;
  border-left-color: #3590c8 !important; }
 
 .service-icon
{
	width: 96px;
	height: 100px;
	display: inline-block;
	vertical-align: middle;
	background: url(../images/services.png) no-repeat;
	padding-bottom: 20px;
	box-shadow: 0px 0px 0px 0px #CCC;
}
.icon2
{
	background-position: -97px 0px;
	margin-bottom: 0px;
}
.services-list
{
	padding-bottom: 100px;
	float: left;
}
.services-list li
{
	float: left;
	width: 350px;
	
	margin: 0px 37.5px;
	text-align: center;
}
.services-list li:first-child
{
	margin-left: 0px;
}
.services-list li:last-child
{
	margin-right: 0px;
}
.services-list h4
{
	font-size:20px;
	padding-top: 30px;
	text-transform: uppercase;
	color: #3d4351;
}
.services-list p
{
	line-height: 20px;
	color: #737373;
	margin-top: 20px;
}