html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  background: transparent; }

body {
  overflow-y: scroll; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

:focus {
  outline: 0; }

ins {
  text-decoration: none; }

del {
  text-decoration: line-through; }

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

p {
  margin-bottom: 20px; }

.center-this {
  margin: 0 auto;
  width: 1200px; }
  @media all and (max-width: 1200px) {
    .center-this {
      width: 96%;
      padding: 0 2%; } }

.clear:before,
.clear:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

.clear:after {
  clear: both; }

.clear {
  *zoom: 1; }

img {
  max-width: 100%;
  height: auto; }

.button {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  padding: 10px 30px;
  font-weight: bold;
  display: inline-block;
  border: none;
  font-family: "Source Sans Pro", sans-serif; }
  .button:hover {
    text-decoration: none; }
  .button.primary {
    background: #d91e18;
    color: #fff; }
  .button.secondary {
    color: #333333;
    background: #ecf0f1; }

.icon {
  position: relative;
  padding-right: 45px; }

.arrow-right:after {
  content: "";
  width: 10px;
  height: 15px;
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
  right: 20px; }

.primary.arrow-right:after {
  background: url("../images/layout/arrow-right.png") no-repeat; }

.secondary.arrow-right:after {
  background: url("../images/layout/arrow-right-blk.png") no-repeat; }

.highlight {
  color: #d91e18; }

body {
  background: white;
  color: #a6a6a6;
  font-size: 17px;
  line-height: 29px;
  font-family: "Source Sans Pro", sans-serif; }

.heading,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: bold;
  color: #d91e18;
  text-rendering: optimizeLegibility; }

h1 {
  font-size: 24px;
  line-height: 28.8px;
  margin-bottom: 15px; }

h2 {
  font-size: 24px;
  line-height: 28.8px;
  margin-bottom: 15px; }

h3 {
  font-size: 22px;
  line-height: 28.8px;
  margin-bottom: 15px; }

h4 {
  font-size: 24px;
  line-height: 28.8px;
  margin-bottom: 15px; }

h5 {
  font-size: 24px;
  line-height: 28.8px;
  margin-bottom: 15px; }

h6 {
  font-size: 24px;
  line-height: 26.4px;
  margin-bottom: 15px; }

a {
  color: #333333;
  text-decoration: none; }
  a:hover {
    text-decoration: underline; }

nav {
  float: left;
  margin: 0 0.83333% 0 9.16667%;
  width: 73.33333%;
  font-size: 14px;
  margin-top: 20px; }
  nav ul ul {
    display: none;
    position: absolute;
    background: #fff;
    top: 55px;
    left: 0;
    z-index: 9999; }
    @media all and (max-width: 640px) {
      nav ul ul {
        position: inherit;
        top: auto;
        left: auto;
        z-index: auto;
        background: #f6f6f6;
        padding: 1% 0; } }
  nav ul ul a {
    line-height: 35px;
    display: block;
    white-space: nowrap; }
    nav ul ul a:hover {
      color: #000;
      font-weight: normal; }
      @media all and (max-width: 640px) {
        nav ul ul a:hover {
          color: #fff;
          font-weight: normal; } }
  nav ul li:hover ul {
    display: block; }
  nav ul ul li {
    display: block; }
    @media all and (max-width: 640px) {
      nav ul ul li {
        width: 95%;
        margin: 0.5% auto; } }
  nav li {
    display: inline-block;
    position: relative;
    word-wrap: no-wrap; }
    @media all and (max-width: 640px) {
      nav li {
        width: 100%;
        display: block;
        background: #ecf0f1;
        margin-bottom: 0.5%;
        text-align: center; } }
    @media all and (max-width: 640px) {
      nav li:hover {
        background: #d91e18; } }
  nav a {
    color: #bababa;
    padding: 0 15px;
    text-transform: uppercase;
    line-height: 55px; }
    nav a:hover {
      font-weight: normal;
      color: #333333;
      text-decoration: none; }
      @media all and (max-width: 640px) {
        nav a:hover {
          color: #fff; } }
    @media all and (max-width: 800px) {
      nav a {
        padding: 0 10px; } }
    @media all and (max-width: 640px) {
      nav a {
        color: #333; } }
  @media all and (max-width: 640px) {
    nav {
      display: none;
      float: left;
      width: 100%;
      margin: 0; } }

.nav-trigger {
  margin-top: 25px;
  float: right;
  margin-bottom: 20px;
  height: 32px;
  width: 32px;
  display: none; }
  .nav-trigger img {
    display: block; }
  @media all and (max-width: 640px) {
    .nav-trigger {
      display: block; } }

.form-field {
  float: left;
  margin: 0 0.83333%;
  width: 31.66667%;
  margin-bottom: 10px; }
  .form-field textarea,
  .form-field select,
  .form-field input[type=text],
  .form-field input[type=email] {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    border: 1px solid #d1d1d1;
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    font-style: italic;
    -webkit-appearance: none; }
  .form-field textarea {
    min-height: 200px; }
  .form-field .button {
    font-size: 16px;
    float: right;
    font-weight: normal;
    -webkit-appearance: none; }
  .form-field.two-columned {
    float: left;
    margin: 0 0.83333%;
    width: 48.33333%;
    margin-bottom: 5px; }
    @media all and (max-width: 640px) {
      .form-field.two-columned {
        float: left;
        margin: 0 0.83333%;
        width: 98.33333%;
        margin-bottom: 5px; } }
  @media all and (max-width: 640px) {
    .form-field {
      float: left;
      margin: 0 0.83333%;
      width: 98.33333%; } }

.full-width {
  float: left;
  margin: 0 0.83333%;
  width: 98.33333%; }

.required::-webkit-input-placeholder:after {
  content: "*";
  color: #d91e18; }

.required.offerte::-webkit-input-placeholder:after {
  content: "**";
  color: #d91e18; }

header .contact {
  width: 100%;
  background: #d91e18;
  padding: 10px 0;
  color: #fff; }
  header .contact .contact-record {
    float: left;
    margin: 0 40px 0 10px; }
    @media all and (max-width: 540px) {
      header .contact .contact-record span {
        display: none; } }
    @media all and (max-width: 540px) {
      header .contact .contact-record b {
        font-weight: normal; } }
    header .contact .contact-record a {
      color: #fff; }
    header .contact .contact-record img {
      float: left;
      margin-right: 10px;
      margin-top: 7px; }
    @media all and (max-width: 640px) {
      header .contact .contact-record {
        float: left;
        margin: 0 0.83333%;
        width: 48.33333%; } }
    @media all and (max-width: 320px) {
      header .contact .contact-record {
        font-size: 12px; } }
header .center-this {
  position: relative; }
@media all and (max-width: 640px) {
  header {
    background: #f6f6f6; } }

a.logo {
  float: left;
  margin: 0 0.83333%;
  width: 15%;
  margin-top: 20px;
  margin-bottom: 20px; }
  a.logo img {
    display: block; }
  @media all and (max-width: 640px) {
    a.logo {
      float: left;
      margin: 0 0.83333%;
      width: 48.33333%;
      margin-top: 20px;
      margin-bottom: 20px; } }

.ss-cycle-slideshow {
  margin-bottom: 60px; }
  @media all and (max-width: 640px) {
    .ss-cycle-slideshow {
      display: none; } }

.slide {
  width: 100%;
  overflow: hidden;
  height: 400px; }

.HomePage .slide {
  height: 570px; }

section.intro {
  font-size: 24px;
  font-weight: 300;
  float: left;
  margin: 0 0.83333%;
  width: 98.33333%;
  margin-bottom: 60px; }
  section.intro h1, section.intro h3 {
    text-align: center; }
  @media all and (max-width: 640px) {
    section.intro {
      margin: 60px 0; } }

section.content {
  float: left;
  margin: 0 0.83333%;
  width: 73.33333%; }
  section.content img {
    margin-right: 20px; }
  section.content .cta .content {
    float: left;
    margin: 0 0.83333%;
    width: 65%; }
    @media all and (max-width: 760px) {
      section.content .cta .content {
        float: left;
        margin: 0 0.83333%;
        width: 98.33333%;
        margin-bottom: 20px; } }
  section.content .cta .action {
    width: 250px; }
    @media all and (max-width: 980px) {
      section.content .cta .action {
        position: inherit;
        top: auto;
        right: auto;
        bottom: auto;
        height: auto;
        float: left;
        margin: 0 0.83333%;
        width: 98.33333%;
        text-align: center; } }
  section.content .project-wrapper {
    margin: 0; }
    section.content .project-wrapper .cta {
      margin-left: 10px;
      margin-right: 10px; }
  section.content .cta {
    margin: 20px 0px 20px 0px;
    font-size: 15px; }
    section.content .cta .button {
      font-size: 18px;
      font-weight: bold; }
  section.content h1, section.content h2, section.content h3 {
    color: #333333; }
  section.content b, section.content strong {
    color: #333333; }
  section.content a {
    color: #d91e18; }
  @media all and (max-width: 980px) {
    section.content {
      float: left;
      margin: 0 0.83333%;
      width: 65%; } }
  @media all and (max-width: 760px) {
    section.content {
      float: left;
      margin: 0 0.83333%;
      width: 98.33333%; } }
  @media all and (max-width: 640px) {
    section.content {
      margin-top: 20px; } }

.ContactPage .content b, .ContactPage strong {
  color: #a6a6a6; }

.column-wrapper {
  margin-bottom: 60px; }

.project {
  float: left;
  margin: 0 0.83333%;
  width: 31.66667%;
  margin-top: 10px;
  margin-bottom: 10px; }
  .project h3 {
    font-size: 17px;
    margin: 0; }
  .project p {
    margin: 0; }
  .project img {
    max-width: 100%; }
  .project a {
    display: block; }
  @media all and (max-width: 640px) {
    .project {
      float: left;
      margin: 0 0.83333%;
      width: 48.33333%;
      text-align: center;
      margin-bottom: 20px; } }

aside.widgets {
  float: left;
  margin: 0 0.83333%;
  width: 23.33333%; }
  aside.widgets h3 {
    color: #333333;
    font-size: 17px; }
  aside.widgets .services {
    margin: 0 0 60px 0;
    width: 100%; }
    @media all and (max-width: 760px) {
      aside.widgets .services {
        float: left;
        margin: 0 0.83333%;
        width: 48.33333%; } }
    @media all and (max-width: 640px) {
      aside.widgets .services {
        float: left;
        margin: 0 0.83333%;
        width: 98.33333%;
        margin-bottom: 60px; } }
  @media all and (max-width: 760px) {
    aside.widgets .project-widget {
      float: left;
      margin: 0 0.83333%;
      width: 48.33333%; } }
  @media all and (max-width: 640px) {
    aside.widgets .project-widget {
      float: left;
      margin: 0 0.83333%;
      width: 98.33333%; } }
  @media all and (max-width: 980px) {
    aside.widgets {
      float: left;
      margin: 0 0.83333%;
      width: 31.66667%; } }
  @media all and (max-width: 760px) {
    aside.widgets {
      float: left;
      margin: 0 0.83333%;
      width: 98.33333%;
      margin-top: 60px; } }

.project-widget img {
  margin: 10px;
  display: block;
  float: left; }
@media all and (max-width: 640px) {
  .project-widget .project {
    float: left;
    margin: 0 0.83333%;
    width: 23.33333%; } }

.information-wrapper {
  margin-bottom: 60px; }

.information {
  float: left;
  margin: 0 0.83333%;
  width: 31.66667%; }
  .information .image {
    width: 50px;
    height: 50px;
    margin: 0 auto;
    position: relative; }
    .information .image img {
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      right: 0;
      margin: auto; }
  .information h3 {
    color: #333333;
    text-align: center; }
  .information p {
    margin-bottom: 10px; }
  .information a {
    float: right;
    font-weight: bold;
    font-size: 14px;
    margin-right: 20px; }
  @media all and (max-width: 760px) {
    .information {
      float: left;
      margin: 0 0.83333%;
      width: 98.33333%; } }
  @media all and (max-width: 640px) {
    .information {
      margin-bottom: 40px; } }

.cta {
  background: #d91e18;
  margin: 0 auto 120px auto;
  padding: 20px 10px;
  color: #fff;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  border-radius: 15px;
  font-size: 16px;
  position: relative; }
  .cta .content {
    float: left;
    margin: 0 0.83333%;
    width: 73.33333%; }
    .cta .content h3 {
      font-size: 24px; }
    .cta .content p,
    .cta .content h3 {
      margin: 0;
      color: #fff; }
    @media all and (max-width: 980px) {
      .cta .content {
        float: left;
        margin: 0 0.83333%;
        width: 98.33333%;
        float: none;
        margin-bottom: 20px; } }
    @media all and (max-width: 760px) {
      .cta .content {
        float: left;
        margin: 0 0.83333%;
        width: 98.33333%; } }
  .cta .action {
    position: absolute;
    width: 225px;
    height: 50px;
    top: 0;
    bottom: 0;
    right: 20px;
    margin: auto; }
    @media all and (max-width: 980px) {
      .cta .action {
        position: inherit;
        top: auto;
        right: auto;
        bottom: auto;
        height: auto;
        float: left;
        margin: 0 0.83333%;
        width: 98.33333%;
        text-align: center; } }
  .cta .button {
    background: #b91a14; }

.usp-wrapper {
  margin-bottom: 40px; }
  .usp-wrapper .image {
    float: left;
    float: left;
    margin: 0 0.83333%;
    width: 31.66667%; }
    .usp-wrapper .image img {
      margin-top: -60px; }
    @media all and (max-width: 980px) {
      .usp-wrapper .image {
        float: left;
        margin: 0 0.83333%;
        width: 40%; } }
    @media all and (max-width: 760px) {
      .usp-wrapper .image {
        float: left;
        margin: 0 0.83333%;
        width: 48.33333%; } }
    @media all and (max-width: 640px) {
      .usp-wrapper .image {
        float: left;
        margin: 0 0.83333%;
        width: 98.33333%;
        text-align: center; } }
  .usp-wrapper h3 {
    color: #333333; }

.usps {
  float: left;
  margin: 0 0.83333%;
  width: 40%; }
  .usps li {
    position: relative;
    padding-left: 30px; }
    .usps li:before {
      content: "";
      width: 16px;
      height: 15px;
      background: url("../images/layout/checkmark.png") no-repeat;
      position: absolute;
      left: 0;
      top: 5px; }
    @media all and (max-width: 640px) {
      .usps li {
        text-align: center;
        margin: 0 auto;
        width: 80%; } }
  .usps ul {
    margin-bottom: 20px; }
  @media all and (max-width: 980px) {
    .usps {
      float: left;
      margin: 0 0.83333%;
      width: 56.66667%; } }
  @media all and (max-width: 760px) {
    .usps {
      float: left;
      margin: 0 0.83333%;
      width: 48.33333%; } }
  @media all and (max-width: 640px) {
    .usps {
      float: left;
      margin: 0 0.83333%;
      width: 98.33333%;
      margin: 40px 0;
      text-align: center; } }

.services {
  float: left;
  margin: 0 0.83333%;
  width: 23.33333%; }
  .services li {
    position: relative;
    padding-left: 15px; }
    .services li:before {
      content: "\2022";
      color: #5dc288;
      position: absolute;
      left: 0; }
    @media all and (max-width: 980px) {
      .services li {
        display: inline-block;
        padding: 0 10px; } }
    @media all and (max-width: 320px) {
      .services li {
        display: block;
        padding: 0 10px;
        width: 80%;
        margin: 0 auto; } }
  @media all and (max-width: 980px) {
    .services {
      float: left;
      margin: 0 0.83333%;
      width: 98.33333%;
      margin-top: 20px; } }

.homepage .project-wrapper .projects {
  height: 197px;
  overflow: hidden; }
  @media all and (max-width: 980px) {
    .homepage .project-wrapper .projects {
      height: auto; } }

.homepage .project-wrapper .navigation {
  margin-top: 10px; }

.project-wrapper {
  margin: 0 10px 60px 10px; }
  .project-wrapper h3 {
    color: #333333; }
    @media all and (max-width: 640px) {
      .project-wrapper h3 {
        float: none;
        text-align: center; } }
  .project-wrapper > a {
    float: right;
    color: #333333;
    font-weight: 300;
    font-size: 22px; }
    @media all and (max-width: 640px) {
      .project-wrapper > a {
        display: none; } }
  .project-wrapper .navigation {
    width: 80px;
    margin: 0 auto; }
    .project-wrapper .navigation a {
      background: #ecf0f1;
      color: #333333;
      font-weight: bold;
      width: 30px;
      height: 30px;
      -webkit-border-radius: 100%;
      -moz-border-radius: 100%;
      -ms-border-radius: 100%;
      border-radius: 100%;
      text-align: center; }
    .project-wrapper .navigation .left {
      float: left; }
    .project-wrapper .navigation .right {
      float: right; }
    @media all and (max-width: 640px) {
      .project-wrapper .navigation {
        display: none; } }

.project .images {
  display: none; }

.columns {
  padding: 0 80px;
  margin-bottom: 60px;
  text-align: center; }
  .columns h3 {
    font-weight: 300;
    font-size: 30px; }
  .columns p {
    float: left;
    margin: 0 0.83333%;
    width: 48.33333%;
    margin-bottom: 20px;
    text-align: left; }
    @media all and (max-width: 640px) {
      .columns p {
        float: left;
        margin: 0 0.83333%;
        width: 98.33333%;
        margin-bottom: 20px; } }
  .columns .button {
    font-weight: normal; }
  @media all and (max-width: 980px) {
    .columns {
      padding: 0 2%; } }

.partners {
  float: left;
  margin: 0 0.83333%;
  width: 98.33333%; }
  .partners h3 {
    color: #333333; }
  .partners .partner {
    float: left;
    margin: 0 0.83333%;
    width: 15%;
    height: 80px;
    position: relative; }
    .partners .partner img {
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      margin: auto;
      position: absolute; }
    @media all and (max-width: 640px) {
      .partners .partner {
        float: left;
        margin: 0 0.83333%;
        width: 48.33333%; } }

footer {
  background: #ecf0f1;
  padding: 40px 0;
  color: #333333;
  font-size: 15px; }
  footer .referenties {
    float: left;
    margin: 0 0.83333%;
    width: 48.33333%; }
    footer .referenties p {
      margin: 0;
      quotes: "\201C" "\201D"; }
      footer .referenties p:before {
        content: open-quote; }
      footer .referenties p:after {
        content: close-quote; }
      footer .referenties p:before, footer .referenties p:after {
        font-weight: bold;
        font-size: 26px; }
    footer .referenties .source {
      text-align: right;
      font-weight: bold; }
    footer .referenties a {
      float: right;
      font-weight: bold;
      color: #d91e18; }
    @media all and (max-width: 980px) {
      footer .referenties {
        float: left;
        margin: 0 0.83333%;
        width: 40%; } }
    @media all and (max-width: 640px) {
      footer .referenties {
        float: left;
        margin: 0 0.83333%;
        width: 98.33333%;
        margin-bottom: 40px; } }
  footer .links {
    float: left;
    margin: 0 0.83333%;
    width: 23.33333%; }
    @media all and (max-width: 980px) {
      footer .links {
        float: left;
        margin: 0 0.83333%;
        width: 23.33333%; } }
    @media all and (max-width: 640px) {
      footer .links {
        float: left;
        margin: 0 0.83333%;
        width: 48.33333%; } }
    @media all and (max-width: 320px) {
      footer .links {
        float: left;
        margin: 0 0.83333%;
        width: 98.33333%;
        margin-bottom: 40px; } }
  footer .contact {
    float: left;
    margin: 0 0.83333%;
    width: 23.33333%; }
    @media all and (max-width: 980px) {
      footer .contact {
        float: left;
        margin: 0 0.83333%;
        width: 31.66667%; } }
    @media all and (max-width: 640px) {
      footer .contact {
        float: left;
        margin: 0 0.83333%;
        width: 48.33333%; } }
    @media all and (max-width: 320px) {
      footer .contact {
        float: left;
        margin: 0 0.83333%;
        width: 98.33333%; } }

.contact {
  font-size: 15px; }
  .contact img {
    float: left;
    margin-right: 20px;
    margin-top: 10px; }

.bottom {
  padding: 20px 0;
  background: #e7e7e7; }
  .bottom .copyright {
    float: left;
    margin: 0 0.83333%;
    width: 98.33333%;
    font-size: 14px;
    color: #333333; }
    .bottom .copyright a {
      float: right; }
      @media all and (max-width: 980px) {
        .bottom .copyright a {
          display: block;
          float: none; } }
  .bottom nav {
    float: left;
    margin: 0 0.83333%;
    width: 98.33333%;
    font-size: 14px; }
    .bottom nav li {
      display: inline-block; }
    .bottom nav a {
      color: #333333;
      padding: 0 20px 0 0;
      text-transform: none;
      line-height: normal;
      font-weight: 600; }

.scroll-up {
  position: fixed;
  right: 20px;
  bottom: 20px;
  height: 32px;
  width: 32px;
  display: none; }