@charset "UTF-8";
@keyframes movingDown {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
    -moz-transform: translate3d(0, 0, 0) rotate(0deg);
    -ms-transform: translate3d(0, 0, 0) rotate(0deg);
    -o-transform: translate3d(0, 0, 0) rotate(0deg);
    -spec-transform: translate3d(0, 0, 0) rotate(0deg);
    transform: translate3d(0, 0, 0) rotate(0deg);
  }
  50% {
    -webkit-transform: translate3d(0, 8px, 0) rotate(0deg);
    -moz-transform: translate3d(0, 8px, 0) rotate(0deg);
    -ms-transform: translate3d(0, 8px, 0) rotate(0deg);
    -o-transform: translate3d(0, 8px, 0) rotate(0deg);
    -spec-transform: translate3d(0, 8px, 0) rotate(0deg);
    transform: translate3d(0, 8px, 0) rotate(0deg);
  }
}
@keyframes movingRight {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -spec-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  50% {
    -webkit-transform: translate3d(5px, 0, 0);
    -moz-transform: translate3d(5px, 0, 0);
    -ms-transform: translate3d(5px, 0, 0);
    -o-transform: translate3d(5px, 0, 0);
    -spec-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
}
/* ==========================================================================
 * Functions used in grid calculation
 * ========================================================================== */
/**
 * * This is where the magic happens
 * * Return percentage based on amount of columns
 * * Use parent column size to adjust the origin
 * */
/**
 * * Default function for columns
 * * Return as percentage
 * */
/**
 * * Return as viewport width
 * */
/*==========================================================================
 * Font related functions
 * ========================================================================== */
/**
 * * Add some functions for readability
 * * Return font-weight based on name
 * */
/**
 * * Define grid columns
 * * The inner grid is the section where the content is
 * * The outer grid is the inner grid with extra margin columns on each side
 * */
/**
 * * Define breakpoint for given formats
 * */
html, body {
  padding: 0;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/* * Set up the base font size for using rem
 * */
html {
  font-size: 20px;
}
@media screen and (max-width: 1080px) {
  html {
    font-size: 18px;
  }
}

body {
  font-family: "Open Sans", sans-serif;
  line-height: 1.6;
}
@media screen and (max-width: 840px) {
  body {
    padding-top: 60px;
  }
}

* {
  box-sizing: border-box;
}
* ::selection {
  background: #0078ff;
  color: white;
}

img {
  border: none;
  display: block;
}

h1, h2, h3, h4, h5 {
  font-family: "Roboto", sans-serif;
}

h1, h2, h3, h4, h5, figure {
  margin: 0;
}

img {
  border: none;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -spec-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  transition: all 0.3s;
}
input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -spec-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  transition: all 0.3s;
}
input:-moz-placeholder, textarea:-moz-placeholder {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -spec-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  transition: all 0.3s;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -spec-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  transition: all 0.3s;
}

/* Default content styling
 * ===============================*/
.color-wrapper {
  background: #96c346;
}

.content {
  color: #006989;
  font-size: 0.9rem;
}
.content h1, .content h2 {
  font-size: 2rem;
  line-height: 1.2;
}
.content p {
  margin: 1rem 0;
}
.content p > strong {
  font-weight: 600;
  color: #03363c;
}
.content ul, .content ol {
  padding-left: 20px;
}
.content ul li, .content ol li {
  position: relative;
  padding-left: 20px;
  font-weight: 600;
}
.content ul {
  margin: 1rem 0;
}
.content ul li {
  margin-bottom: 5px;
  padding-left: 10px;
  color: #006989;
}
.content ul li:last-of-type {
  margin-bottom: 0;
}
.content ol {
  counter-reset: ol-counter;
  list-style: none;
}
.content ol li:before {
  position: absolute;
  counter-increment: ol-counter;
  content: counter(ol-counter) ".";
  font-size: 1rem;
  line-height: 1;
  top: 2px;
  left: -20px;
}

/* Default button styling */
.button {
  position: relative;
  display: inline-block;
  padding: 15px 25px;
  border-radius: 25px;
  background: #006989;
  cursor: pointer;
  font-size: 0.7rem;
  line-height: 1.2;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
  color: white;
}
.button:after {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 25px;
  box-shadow: 4px 4px 10px 0 black;
  opacity: 0.1;
  transform: translate3d(0, 0, 0);
  transition: transform 0.3s, opacity 0.3s;
}
.button .arrow {
  position: relative;
  top: 2px;
  display: inline-block;
  width: 9px;
  margin-left: 45px;
  transform: translate3d(0, 0, 0);
  transition: transform 0.3s;
}
.button .arrow svg {
  width: 100%;
  transform: rotate(-90deg);
  max-height: 15px;
}
.button .arrow svg.arrow-icon .st0 {
  fill: white;
}
.button:hover:after {
  opacity: 0;
}
.button:hover .arrow {
  transform: translate3d(5px, 0, 0);
}

.return-to-overview {
  background-color: #006989;
  padding: 15px 8.3333333333%;
  text-decoration: none;
  display: none;
}
@media screen and (max-width: 840px) {
  .return-to-overview {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
  }
}
.return-to-overview .arrow {
  position: relative;
  left: 4px;
  bottom: -4px;
  display: block;
  width: 12px;
  margin-right: 25px;
  transform: translate3d(0, 0, 0);
  transition: transform 0.3s;
}
.return-to-overview .arrow svg {
  max-height: 15px;
}
.return-to-overview .arrow .arrow-icon {
  width: 100%;
  transform: rotate(90deg);
  transform-origin: center;
}
.return-to-overview .arrow .arrow-icon .st0 {
  fill: white;
}
.return-to-overview p {
  font-size: 0.8rem;
  color: white;
  margin: 0;
  font-weight: 600;
}
.return-to-overview:hover .arrow {
  transform: translate3d(-5px, 0, 0);
}

/*==========================================================================
 * Grid
 * ========================================================================== */
/**
 * * Grid row
 * *
 * * 1. The outer two columns are just margin
 * * 2. Prevent inline-block cells wrapping
 * * 3. Prevent vertical spacing between inline-blocks
 * */
.grid-row {
  width: 85.7142857143%;
  max-width: 1680px;
  margin: 0 auto;
  font-size: 0;
  line-height: 0;
  /**
  * * The full row doesn't have the two outer margin rows
  * * They stretch till both ends of the window
  * */
}
.grid-row.full-row {
  width: 100%;
  max-width: none;
}

/**
 * * Grid column
 * *
 * * 1. Reset white-space inherited from `.grid`
 * * 2. Reset font-size inherited from `.grid`
 * * 3. Reset line-height inherited from `.grid`
 * * 3. Reset letter-spacing inherited from `.grid`
 * */
.grid-col {
  position: relative;
  display: inline-block;
  overflow: hidden;
  white-space: normal;
  font-size: 1rem;
  line-height: 1.6;
  /**
  * * Center column
  * *
  * * 1. 'inline-block' doesn't center with margin '0 auto'
  * */
}
.grid-col.center {
  display: block;
  margin: 0 auto;
}

/* Column dimensions
* ========================================================================== */
/* * Calculate width by dividing a full width into 12 columns
* * Create a class for each column
* */
.col-1, .col-lg-1 {
  width: 8.3333333333%;
}
.full-row .col-1, .full-row .col-lg-1 {
  width: 7.1428571429%;
}

/* Column shifts
* ========================================================================== */
.offset-1, .offset-lg-1 {
  margin-left: 8.3333333333%;
}

/* Column dimensions
* ========================================================================== */
/* * Calculate width by dividing a full width into 12 columns
* * Create a class for each column
* */
.col-2, .col-lg-2 {
  width: 16.6666666667%;
}
.full-row .col-2, .full-row .col-lg-2 {
  width: 14.2857142857%;
}

/* Column shifts
* ========================================================================== */
.offset-2, .offset-lg-2 {
  margin-left: 16.6666666667%;
}

/* Column dimensions
* ========================================================================== */
/* * Calculate width by dividing a full width into 12 columns
* * Create a class for each column
* */
.col-3, .col-lg-3 {
  width: 25%;
}
.full-row .col-3, .full-row .col-lg-3 {
  width: 21.4285714286%;
}

/* Column shifts
* ========================================================================== */
.offset-3, .offset-lg-3 {
  margin-left: 25%;
}

/* Column dimensions
* ========================================================================== */
/* * Calculate width by dividing a full width into 12 columns
* * Create a class for each column
* */
.col-4, .col-lg-4 {
  width: 33.3333333333%;
}
.full-row .col-4, .full-row .col-lg-4 {
  width: 28.5714285714%;
}

/* Column shifts
* ========================================================================== */
.offset-4, .offset-lg-4 {
  margin-left: 33.3333333333%;
}

/* Column dimensions
* ========================================================================== */
/* * Calculate width by dividing a full width into 12 columns
* * Create a class for each column
* */
.col-5, .col-lg-5 {
  width: 41.6666666667%;
}
.full-row .col-5, .full-row .col-lg-5 {
  width: 35.7142857143%;
}

/* Column shifts
* ========================================================================== */
.offset-5, .offset-lg-5 {
  margin-left: 41.6666666667%;
}

/* Column dimensions
* ========================================================================== */
/* * Calculate width by dividing a full width into 12 columns
* * Create a class for each column
* */
.col-6, .col-lg-6 {
  width: 50%;
}
.full-row .col-6, .full-row .col-lg-6 {
  width: 42.8571428571%;
}

/* Column shifts
* ========================================================================== */
.offset-6, .offset-lg-6 {
  margin-left: 50%;
}

/* Column dimensions
* ========================================================================== */
/* * Calculate width by dividing a full width into 12 columns
* * Create a class for each column
* */
.col-7, .col-lg-7 {
  width: 58.3333333333%;
}
.full-row .col-7, .full-row .col-lg-7 {
  width: 50%;
}

/* Column shifts
* ========================================================================== */
.offset-7, .offset-lg-7 {
  margin-left: 58.3333333333%;
}

/* Column dimensions
* ========================================================================== */
/* * Calculate width by dividing a full width into 12 columns
* * Create a class for each column
* */
.col-8, .col-lg-8 {
  width: 66.6666666667%;
}
.full-row .col-8, .full-row .col-lg-8 {
  width: 57.1428571429%;
}

/* Column shifts
* ========================================================================== */
.offset-8, .offset-lg-8 {
  margin-left: 66.6666666667%;
}

/* Column dimensions
* ========================================================================== */
/* * Calculate width by dividing a full width into 12 columns
* * Create a class for each column
* */
.col-9, .col-lg-9 {
  width: 75%;
}
.full-row .col-9, .full-row .col-lg-9 {
  width: 64.2857142857%;
}

/* Column shifts
* ========================================================================== */
.offset-9, .offset-lg-9 {
  margin-left: 75%;
}

/* Column dimensions
* ========================================================================== */
/* * Calculate width by dividing a full width into 12 columns
* * Create a class for each column
* */
.col-10, .col-lg-10 {
  width: 83.3333333333%;
}
.full-row .col-10, .full-row .col-lg-10 {
  width: 71.4285714286%;
}

/* Column shifts
* ========================================================================== */
.offset-10, .offset-lg-10 {
  margin-left: 83.3333333333%;
}

/* Column dimensions
* ========================================================================== */
/* * Calculate width by dividing a full width into 12 columns
* * Create a class for each column
* */
.col-11, .col-lg-11 {
  width: 91.6666666667%;
}
.full-row .col-11, .full-row .col-lg-11 {
  width: 78.5714285714%;
}

/* Column shifts
* ========================================================================== */
.offset-11, .offset-lg-11 {
  margin-left: 91.6666666667%;
}

/* Column dimensions
* ========================================================================== */
/* * Calculate width by dividing a full width into 12 columns
* * Create a class for each column
* */
.col-12, .col-lg-12 {
  width: 100%;
}
.full-row .col-12, .full-row .col-lg-12 {
  width: 85.7142857143%;
}

/* Column shifts
* ========================================================================== */
.offset-12, .offset-lg-12 {
  margin-left: 100%;
}

/* Column dimensions
* ========================================================================== */
/* * Calculate width by dividing a full width into 12 columns
* * Create a class for each column
* */
.col-13, .col-lg-13 {
  width: 108.3333333333%;
}
.full-row .col-13, .full-row .col-lg-13 {
  width: 92.8571428571%;
}

/* Column shifts
* ========================================================================== */
.offset-13, .offset-lg-13 {
  margin-left: 108.3333333333%;
}

/* Column dimensions
* ========================================================================== */
/* * Calculate width by dividing a full width into 12 columns
* * Create a class for each column
* */
.col-14, .col-lg-14 {
  width: 116.6666666667%;
}
.full-row .col-14, .full-row .col-lg-14 {
  width: 100%;
}

/* Column shifts
* ========================================================================== */
.offset-14, .offset-lg-14 {
  margin-left: 116.6666666667%;
}

/* Media queries
 * ========================================================================== */
 *
 * /*
 * * Create a separate loop because of order for css rendering
 * * because else it would overrule a previous media query
 * */
@media screen and (min-width: 1680px) {
  .col-xl-1 {
    width: 8.3333333333%;
  }

  .offset-xl-1 {
    margin-left: 8.3333333333%;
  }
}
@media screen and (max-width: 1366px) {
  .col-md-1 {
    width: 8.3333333333%;
  }

  .offset-md-1 {
    margin-left: 8.3333333333%;
  }
}
@media screen and (max-width: 768px) {
  .col-sm-1 {
    width: 8.3333333333%;
  }

  .offset-sm-1 {
    margin-left: 8.3333333333%;
  }
}
@media screen and (max-width: 400px) {
  .col-xs-1 {
    width: 8.3333333333%;
  }

  .offset-xs-1 {
    margin-left: 8.3333333333%;
  }
}
@media screen and (min-width: 1680px) {
  .col-xl-2 {
    width: 16.6666666667%;
  }

  .offset-xl-2 {
    margin-left: 16.6666666667%;
  }
}
@media screen and (max-width: 1366px) {
  .col-md-2 {
    width: 16.6666666667%;
  }

  .offset-md-2 {
    margin-left: 16.6666666667%;
  }
}
@media screen and (max-width: 768px) {
  .col-sm-2 {
    width: 16.6666666667%;
  }

  .offset-sm-2 {
    margin-left: 16.6666666667%;
  }
}
@media screen and (max-width: 400px) {
  .col-xs-2 {
    width: 16.6666666667%;
  }

  .offset-xs-2 {
    margin-left: 16.6666666667%;
  }
}
@media screen and (min-width: 1680px) {
  .col-xl-3 {
    width: 25%;
  }

  .offset-xl-3 {
    margin-left: 25%;
  }
}
@media screen and (max-width: 1366px) {
  .col-md-3 {
    width: 25%;
  }

  .offset-md-3 {
    margin-left: 25%;
  }
}
@media screen and (max-width: 768px) {
  .col-sm-3 {
    width: 25%;
  }

  .offset-sm-3 {
    margin-left: 25%;
  }
}
@media screen and (max-width: 400px) {
  .col-xs-3 {
    width: 25%;
  }

  .offset-xs-3 {
    margin-left: 25%;
  }
}
@media screen and (min-width: 1680px) {
  .col-xl-4 {
    width: 33.3333333333%;
  }

  .offset-xl-4 {
    margin-left: 33.3333333333%;
  }
}
@media screen and (max-width: 1366px) {
  .col-md-4 {
    width: 33.3333333333%;
  }

  .offset-md-4 {
    margin-left: 33.3333333333%;
  }
}
@media screen and (max-width: 768px) {
  .col-sm-4 {
    width: 33.3333333333%;
  }

  .offset-sm-4 {
    margin-left: 33.3333333333%;
  }
}
@media screen and (max-width: 400px) {
  .col-xs-4 {
    width: 33.3333333333%;
  }

  .offset-xs-4 {
    margin-left: 33.3333333333%;
  }
}
@media screen and (min-width: 1680px) {
  .col-xl-5 {
    width: 41.6666666667%;
  }

  .offset-xl-5 {
    margin-left: 41.6666666667%;
  }
}
@media screen and (max-width: 1366px) {
  .col-md-5 {
    width: 41.6666666667%;
  }

  .offset-md-5 {
    margin-left: 41.6666666667%;
  }
}
@media screen and (max-width: 768px) {
  .col-sm-5 {
    width: 41.6666666667%;
  }

  .offset-sm-5 {
    margin-left: 41.6666666667%;
  }
}
@media screen and (max-width: 400px) {
  .col-xs-5 {
    width: 41.6666666667%;
  }

  .offset-xs-5 {
    margin-left: 41.6666666667%;
  }
}
@media screen and (min-width: 1680px) {
  .col-xl-6 {
    width: 50%;
  }

  .offset-xl-6 {
    margin-left: 50%;
  }
}
@media screen and (max-width: 1366px) {
  .col-md-6 {
    width: 50%;
  }

  .offset-md-6 {
    margin-left: 50%;
  }
}
@media screen and (max-width: 768px) {
  .col-sm-6 {
    width: 50%;
  }

  .offset-sm-6 {
    margin-left: 50%;
  }
}
@media screen and (max-width: 400px) {
  .col-xs-6 {
    width: 50%;
  }

  .offset-xs-6 {
    margin-left: 50%;
  }
}
@media screen and (min-width: 1680px) {
  .col-xl-7 {
    width: 58.3333333333%;
  }

  .offset-xl-7 {
    margin-left: 58.3333333333%;
  }
}
@media screen and (max-width: 1366px) {
  .col-md-7 {
    width: 58.3333333333%;
  }

  .offset-md-7 {
    margin-left: 58.3333333333%;
  }
}
@media screen and (max-width: 768px) {
  .col-sm-7 {
    width: 58.3333333333%;
  }

  .offset-sm-7 {
    margin-left: 58.3333333333%;
  }
}
@media screen and (max-width: 400px) {
  .col-xs-7 {
    width: 58.3333333333%;
  }

  .offset-xs-7 {
    margin-left: 58.3333333333%;
  }
}
@media screen and (min-width: 1680px) {
  .col-xl-8 {
    width: 66.6666666667%;
  }

  .offset-xl-8 {
    margin-left: 66.6666666667%;
  }
}
@media screen and (max-width: 1366px) {
  .col-md-8 {
    width: 66.6666666667%;
  }

  .offset-md-8 {
    margin-left: 66.6666666667%;
  }
}
@media screen and (max-width: 768px) {
  .col-sm-8 {
    width: 66.6666666667%;
  }

  .offset-sm-8 {
    margin-left: 66.6666666667%;
  }
}
@media screen and (max-width: 400px) {
  .col-xs-8 {
    width: 66.6666666667%;
  }

  .offset-xs-8 {
    margin-left: 66.6666666667%;
  }
}
@media screen and (min-width: 1680px) {
  .col-xl-9 {
    width: 75%;
  }

  .offset-xl-9 {
    margin-left: 75%;
  }
}
@media screen and (max-width: 1366px) {
  .col-md-9 {
    width: 75%;
  }

  .offset-md-9 {
    margin-left: 75%;
  }
}
@media screen and (max-width: 768px) {
  .col-sm-9 {
    width: 75%;
  }

  .offset-sm-9 {
    margin-left: 75%;
  }
}
@media screen and (max-width: 400px) {
  .col-xs-9 {
    width: 75%;
  }

  .offset-xs-9 {
    margin-left: 75%;
  }
}
@media screen and (min-width: 1680px) {
  .col-xl-10 {
    width: 83.3333333333%;
  }

  .offset-xl-10 {
    margin-left: 83.3333333333%;
  }
}
@media screen and (max-width: 1366px) {
  .col-md-10 {
    width: 83.3333333333%;
  }

  .offset-md-10 {
    margin-left: 83.3333333333%;
  }
}
@media screen and (max-width: 768px) {
  .col-sm-10 {
    width: 83.3333333333%;
  }

  .offset-sm-10 {
    margin-left: 83.3333333333%;
  }
}
@media screen and (max-width: 400px) {
  .col-xs-10 {
    width: 83.3333333333%;
  }

  .offset-xs-10 {
    margin-left: 83.3333333333%;
  }
}
@media screen and (min-width: 1680px) {
  .col-xl-11 {
    width: 91.6666666667%;
  }

  .offset-xl-11 {
    margin-left: 91.6666666667%;
  }
}
@media screen and (max-width: 1366px) {
  .col-md-11 {
    width: 91.6666666667%;
  }

  .offset-md-11 {
    margin-left: 91.6666666667%;
  }
}
@media screen and (max-width: 768px) {
  .col-sm-11 {
    width: 91.6666666667%;
  }

  .offset-sm-11 {
    margin-left: 91.6666666667%;
  }
}
@media screen and (max-width: 400px) {
  .col-xs-11 {
    width: 91.6666666667%;
  }

  .offset-xs-11 {
    margin-left: 91.6666666667%;
  }
}
@media screen and (min-width: 1680px) {
  .col-xl-12 {
    width: 100%;
  }

  .offset-xl-12 {
    margin-left: 100%;
  }
}
@media screen and (max-width: 1366px) {
  .col-md-12 {
    width: 100%;
  }

  .offset-md-12 {
    margin-left: 100%;
  }
}
@media screen and (max-width: 768px) {
  .col-sm-12 {
    width: 100%;
  }

  .offset-sm-12 {
    margin-left: 100%;
  }
}
@media screen and (max-width: 400px) {
  .col-xs-12 {
    width: 100%;
  }

  .offset-xs-12 {
    margin-left: 100%;
  }
}
@media screen and (min-width: 1680px) {
  .col-xl-13 {
    width: 108.3333333333%;
  }

  .offset-xl-13 {
    margin-left: 108.3333333333%;
  }
}
@media screen and (max-width: 1366px) {
  .col-md-13 {
    width: 108.3333333333%;
  }

  .offset-md-13 {
    margin-left: 108.3333333333%;
  }
}
@media screen and (max-width: 768px) {
  .col-sm-13 {
    width: 108.3333333333%;
  }

  .offset-sm-13 {
    margin-left: 108.3333333333%;
  }
}
@media screen and (max-width: 400px) {
  .col-xs-13 {
    width: 108.3333333333%;
  }

  .offset-xs-13 {
    margin-left: 108.3333333333%;
  }
}
@media screen and (min-width: 1680px) {
  .col-xl-14 {
    width: 116.6666666667%;
  }

  .offset-xl-14 {
    margin-left: 116.6666666667%;
  }
}
@media screen and (max-width: 1366px) {
  .col-md-14 {
    width: 116.6666666667%;
  }

  .offset-md-14 {
    margin-left: 116.6666666667%;
  }
}
@media screen and (max-width: 768px) {
  .col-sm-14 {
    width: 116.6666666667%;
  }

  .offset-sm-14 {
    margin-left: 116.6666666667%;
  }
}
@media screen and (max-width: 400px) {
  .col-xs-14 {
    width: 116.6666666667%;
  }

  .offset-xs-14 {
    margin-left: 116.6666666667%;
  }
}
/*==========================================================================
 * Navigation / Header
 * ========================================================================== */
header {
  position: relative;
  z-index: 4;
  background-color: #96c346;
  /* Mobile Navigation
  * ========================================================================== */
}
header .small-row {
  background: linear-gradient(90deg, #23282d 0%, #373c41 100%);
  padding: 12px 0;
}
header .small-row .grid-row {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
header .small-row a {
  display: inline-block;
  font-size: 0.65rem;
  line-height: 1.2;
  color: #f0f2ef;
  text-transform: uppercase;
  font-weight: 600;
  text-decoration: none;
  margin-right: 30px;
}
header .small-row a.no-margin-right {
  margin-right: 0;
}
header .small-row a span {
  color: #32a0fa;
  display: inline-block;
  margin-right: 10px;
}
header .large-row {
  padding: 20px 0;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  /* Navigation
  * ========================================================================== */
}
header .large-row .logo img {
  width: 165px;
  max-height: 35px;
}
@media screen and (max-width: 1380px) {
  header .large-row .logo img {
    width: 160px;
    max-height: 55px;
  }
}
header .large-row nav {
  position: relative;
}
header .large-row nav ul {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
}
header .large-row nav ul li {
  margin-right: 45px;
}
@media screen and (max-width: 1500px) {
  header .large-row nav ul li {
    margin-right: 30px;
  }
}
header .large-row nav ul li a {
  display: inline-block;
  font-size: 0.75rem;
  line-height: 1.2;
  color: white;
  font-weight: "Roboto", sans-serif;
  text-decoration: none;
  transition: opacity 0.3s;
}
header .large-row nav ul li:last-of-type {
  margin-right: 0;
}
header .large-row nav ul li:hover a {
  opacity: 0.6;
}
header .large-row nav ul li.active a {
  font-weight: 700;
  color: #006989;
  opacity: 1;
}
header .shadow {
  position: absolute;
  left: 0;
  bottom: -40px;
  width: 100%;
  height: 40px;
  opacity: 0.4;
  background-image: url("/img/vertical-gradient.png");
  background-size: contain;
}
@media screen and (max-width: 840px) {
  header {
    display: none;
  }
}

/*==========================================================================
 * Breadcrumb
 * ========================================================================== */
.breadcrumb {
  width: 62.5%;
  margin: 90px 0 0 auto;
  font-size: 0.7rem;
}
.breadcrumb ol, .breadcrumb ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.breadcrumb ol li, .breadcrumb ul li {
  display: inline-block;
}
.breadcrumb ol li a, .breadcrumb ul li a {
  text-decoration: none;
  color: #0078ff;
}
.breadcrumb ol li a span, .breadcrumb ol li a:after, .breadcrumb ul li a span, .breadcrumb ul li a:after {
  color: #0078ff;
  text-decoration: none;
  transition: color 0.2s;
}
.breadcrumb ol li a:hover span, .breadcrumb ol li a:hover:after, .breadcrumb ul li a:hover span, .breadcrumb ul li a:hover:after {
  color: #4da1ff;
}
.breadcrumb ol li:nth-child(2) a, .breadcrumb ol li:nth-child(2) span, .breadcrumb ul li:nth-child(2) a, .breadcrumb ul li:nth-child(2) span {
  text-transform: capitalize;
}
.breadcrumb ol li:not(:last-child):after, .breadcrumb ul li:not(:last-child):after {
  content: ">";
  display: inline-block;
  margin: 0 8px -4px;
  color: #0078ff;
}
.breadcrumb ol li:first-of-type, .breadcrumb ul li:first-of-type {
  display: none;
}
.breadcrumb ol li:last-child a, .breadcrumb ol li:last-child span, .breadcrumb ul li:last-child a, .breadcrumb ul li:last-child span {
  font-weight: 700;
  color: #0064d2;
}
.breadcrumb ol li:last-child a:hover, .breadcrumb ol li:last-child span:hover, .breadcrumb ul li:last-child a:hover, .breadcrumb ul li:last-child span:hover {
  color: #067dff;
}

.form {
  display: block;
  width: 100%;
  max-width: 560px;
  padding: 40px 0;
  font-size: 1rem;
  line-height: 1.2;
}
.form .form-element {
  position: relative;
  margin-bottom: 25px;
}
.form .form-element .error-message {
  display: none;
  position: absolute;
  right: 0;
  top: 0px;
  color: #ff9600;
  font-size: 0.65rem;
  text-transform: uppercase;
  font-weight: 600;
}
.form .form-element .error-message.active {
  display: block;
}
.form .form-element label, .form .form-element p.label {
  display: block;
  margin-bottom: 5px;
  color: #03363c;
  font-size: 0.7em;
  font-weight: 600;
  text-transform: uppercase;
}
.form .form-element input, .form .form-element textarea {
  display: block;
  width: 100%;
  background-color: #f0f2ef;
  padding: 15px 20px;
  border: 1px transparent solid;
  font-size: 0.8em;
  font-weight: 600;
  color: #02292e;
}
.form .form-element input.alert, .form .form-element textarea.alert {
  border-color: #ff9600;
}
.form .form-element input:-webkit-autofill, .form .form-element input:-webkit-autofill:hover, .form .form-element input:-webkit-autofill:focus, .form .form-element input:-webkit-autofill:active, .form .form-element textarea:-webkit-autofill, .form .form-element textarea:-webkit-autofill:hover, .form .form-element textarea:-webkit-autofill:focus, .form .form-element textarea:-webkit-autofill:active {
  transition: 9999s background-color;
  -webkit-text-fill-color: #02292e;
  transition-delay: 9999s;
}
.form .form-element input:focus, .form .form-element textarea:focus {
  box-shadow: none;
  outline: none;
}
.form .form-element textarea {
  min-height: 152px;
  resize: vertical;
}
.form .form-element.select p.label {
  margin-bottom: 8px;
}
.form .form-element.select .select-wrapper {
  position: relative;
  display: block;
}
.form .form-element.select .icon {
  position: absolute;
  right: 10px;
  top: 26px;
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 6px 0 6px;
  border-color: #23282d transparent transparent transparent;
  opacity: 0.3;
  pointer-events: none;
}
.form .form-element.select select {
  display: block;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  -spec-appearance: none;
  appearance: none;
  border: 1px transparent solid;
  border-radius: 4px;
  background-color: #f0f2ef;
  padding: 15px 20px;
  font-size: 0.8em;
  font-weight: 600;
  color: #02292e;
}
.form .form-element.select select:focus {
  box-shadow: none;
  outline: none;
}
.form .submit {
  margin-top: 20px;
}
.form .submit input {
  display: none;
}

/*==========================================================================
 * Footer
 * ========================================================================== */
footer {
  background: #02292e;
  /* Sub footer for pay off and our branding
  * ========================================================================== */
}
footer > .grid-row {
  padding: 70px 0 90px;
}
footer .grid-col {
  vertical-align: top;
}
footer .grid-col .header {
  font-size: 0.7rem;
  text-transform: uppercase;
  color: #96c346;
  font-weight: 600;
  margin: 0 0 40px;
}
footer .grid-col li a, footer .grid-col p {
  font-size: 0.9rem;
  color: white;
}
footer .contact {
  width: 33.3333333333%;
  margin-left: 8.3333333333%;
}
footer .contact figure {
  width: 260px;
  margin-bottom: 25px;
}
footer .contact figure img {
  width: 180px;
  max-height: 40px;
}
footer .contact p span {
  font-size: 0.65rem;
  color: #006989;
  display: inline-block;
  margin-left: 10px;
}
footer .contact a {
  color: white;
  font-weight: 600;
  font-size: 0.9rem;
  text-decoration: none;
  transition: color 0.2s;
}
footer .contact a:hover {
  color: rgba(255, 255, 255, 0.6);
}
footer .contact .part-off figcaption {
  color: white;
  font-size: 0.8rem;
  opacity: 0.3;
  margin-bottom: 10px;
}
footer .contact .part-off img {
  width: 130px;
  height: 66px;
}
footer .links {
  width: 50%;
  margin-left: 4.1666666667%;
}
footer .links > .grid-row {
  width: 100%;
}
footer .links .menu, footer .links .sub-links {
  width: 50%;
  vertical-align: top;
}
footer .links ul {
  list-style: none;
  padding: 0;
  margin: 35px 0;
}
footer .links ul li {
  margin-bottom: 5px;
}
footer .links ul li a {
  text-decoration: none;
  opacity: 0.6;
  transition: opacity 0.3s;
}
footer .links ul li a:hover {
  opacity: 0.9;
}
footer .links ul li.active a {
  opacity: 1;
  font-weight: 600;
}
@media screen and (max-width: 900px) {
  footer .links, footer .contact {
    width: 83.3333333333%;
    margin-left: 8.3333333333%;
  }
  footer .links {
    margin-top: 60px;
  }
}
@media screen and (max-width: 500px) {
  footer > .grid-row {
    padding: 40px 0;
    margin-bottom: 0 !important;
  }
  footer .links {
    margin-top: 30px;
  }
  footer .links .menu {
    width: 100%;
    margin-bottom: 30px;
  }
  footer .links .sub-links {
    width: 100%;
  }
}
footer .sub-footer {
  background-color: #021e21;
  padding: 15px 0;
}
footer .sub-footer .grid-row .placeholder {
  width: 83.3333333333%;
  margin: auto;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
footer .sub-footer p, footer .sub-footer a {
  font-size: 0.7rem;
  line-height: 1;
  color: #dadada;
}
footer .sub-footer p {
  margin-bottom: 0.5rem;
}
footer .sub-footer a {
  text-decoration: none;
}
footer .sub-footer .komma {
  position: relative;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  font-size: 0.7rem;
  line-height: 1;
  width: 250px;
  opacity: 0.4;
  transition: opacity 0.2s;
}
@media screen and (max-width: 1080px) {
  footer .sub-footer .komma {
    font-size: 0.75rem;
  }
  footer .sub-footer .komma span {
    top: -2px;
  }
}
footer .sub-footer .komma:hover {
  opacity: 0.7;
}
footer .sub-footer .komma span {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 78px;
  height: 25px;
  background-image: url("/img/komma.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (max-width: 600px) {
  footer .sub-footer {
    padding-bottom: 30px;
  }
  footer .sub-footer .grid-row .placeholder {
    display: block;
    text-align: center;
  }
  footer .sub-footer p {
    margin-bottom: 1.4rem;
  }
  footer .sub-footer .komma {
    margin: auto;
  }
}
@media screen and (max-width: 840px) {
  footer {
    padding-top: 35px;
  }
  footer > .grid-row {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-bottom: 100px;
    width: 100%;
  }
  footer .main-item {
    width: 100%;
    padding: 0 7.1428571429%;
    margin-left: auto;
    margin-right: auto;
  }
  footer .main-item .logo {
    display: none;
  }
  footer .main-item.location {
    -webkit-order: 2;
    -ms-order: 2;
    order: 2;
    border-top: 2px solid rgba(152, 160, 179, 0.2);
    padding-top: 40px;
  }
  footer .main-item.schools, footer .main-item.menu {
    display: none;
  }
  footer .main-item > a {
    display: inline-block;
  }
  footer .main-item ul.extra-margin-bellow {
    margin-bottom: 35px;
  }
  footer .sub-footer .grid-row .placeholder {
    width: 100%;
  }
}

.pagination {
  text-align: center;
  padding-bottom: 40px;
}
.pagination ul {
  display: inline-block;
  list-style: none;
  padding: 0;
  margin: 0;
}
.pagination ul li {
  display: inline-block;
  float: left;
  margin: 0 6px;
  color: #32a0fa;
}
.pagination ul li a {
  color: #32a0fa;
  text-decoration: none;
}
.pagination ul li > span {
  color: #32a0fa;
}
.pagination ul li.active span {
  color: white;
}
.pagination ul li.disabled {
  opacity: 0.3;
}
.pagination ul li:first-child span, .pagination ul li:last-child span {
  position: relative;
  top: 0;
  font-size: 1.2rem;
  line-height: 1;
}
.pagination ul li:first-child span:before {
  content: "‹";
}
.pagination ul li:last-child span:before {
  content: "›";
}

.cta-row {
  position: relative;
}
.cta-row .background {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #f0f2ef;
}
.cta-row .background:after {
  content: "";
  position: absolute;
  width: 50%;
  height: 100%;
  top: 0;
  right: 0;
  background: #006989;
}
.cta-row .grid-row {
  position: relative;
  z-index: 2;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  height: 380px;
}
.cta-row .cta-trigger h3, .cta-row .contact-info h3 {
  color: #006989;
  font-size: 2rem;
  margin: 0 0 10px;
}
.cta-row .cta-trigger p, .cta-row .contact-info p {
  color: #96c346;
  font-size: 0.65rem;
  font-weight: 600;
  text-transform: uppercase;
  margin: 0;
}
.cta-row .cta-trigger .button, .cta-row .contact-info .button {
  margin-top: 60px;
  padding: 18px 25px;
  border-radius: 5px;
  background-color: #006989;
}
.cta-row .cta-trigger .button:after, .cta-row .contact-info .button:after {
  border-radius: 5px;
}
.cta-row .cta-trigger {
  padding: 10px 0;
  width: 50%;
}
.cta-row .cta-trigger .placeholder {
  width: 66.6666666667%;
  margin-left: 33.3333333333%;
  text-align: left;
}
@media screen and (max-width: 1500px) {
  .cta-row .cta-trigger .placeholder {
    margin-left: 16.6666666667%;
    width: 83.3333333333%;
  }
}
@media screen and (max-width: 1250px) {
  .cta-row .cta-trigger .placeholder {
    margin-left: 0;
    width: 100%;
  }
}
.cta-row .contact-info {
  width: 50%;
  padding-left: 12.5%;
}
.cta-row .contact-info h3 {
  color: white;
}
.cta-row .contact-info p {
  color: #96c346;
}
.cta-row .contact-info .button {
  background-color: #96c346;
}
@media screen and (max-width: 950px) {
  .cta-row .background {
    display: none;
  }
  .cta-row .grid-row {
    height: auto;
    display: block;
    width: 100%;
  }
  .cta-row .cta-trigger {
    z-index: 3;
    width: 100%;
    padding: 50px 8.3333333333%;
    background-color: #f0f2ef;
  }
  .cta-row .contact-info {
    z-index: 3;
    width: 100%;
    padding: 50px 8.3333333333%;
    background-color: #006989;
  }
}
@media screen and (max-width: 625px) {
  .cta-row .person {
    width: 100%;
  }
  .cta-row .person figure {
    width: 280px;
    margin-left: auto;
    margin-right: auto;
  }
  .cta-row .background:after {
    height: 460px;
  }
  .cta-row .contact-info {
    height: 460px;
    padding-bottom: 310px;
  }
}

#image-slider {
  width: 100%;
  overflow: visible;
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.2);
}
#image-slider .placeholder {
  width: 100%;
  cursor: move;
}
#image-slider .placeholder .controllers {
  position: relative;
  z-index: 3;
  width: 100%;
  height: 0;
  padding-bottom: 66.67%;
}
@media screen and (max-width: 1350px) {
  #image-slider .placeholder .controllers {
    padding-bottom: 100%;
  }
}
#image-slider .placeholder .controllers .nav-item {
  position: absolute;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  bottom: -50px;
  width: 35px;
  height: 35px;
  cursor: pointer;
  border-radius: 100%;
  transition: background 0.3s;
}
#image-slider .placeholder .controllers .nav-item span {
  width: 8px;
  height: 32px;
  transition: transform 0.3s;
}
#image-slider .placeholder .controllers .nav-item span .arrow-icon {
  position: relative;
  top: -1px;
  left: 0;
  width: 100%;
  transform-origin: center;
}
#image-slider .placeholder .controllers .nav-item span .arrow-icon .st0 {
  fill: white;
}
#image-slider .placeholder .controllers .nav-item.previous {
  background-color: #03363c;
  right: calc(50% + 3px);
}
#image-slider .placeholder .controllers .nav-item.previous span .arrow-icon {
  transform: rotate(90deg);
}
#image-slider .placeholder .controllers .nav-item.previous:hover {
  background-color: #044c54;
}
#image-slider .placeholder .controllers .nav-item.next {
  background-color: #006989;
  left: calc(50% + 3px);
}
#image-slider .placeholder .controllers .nav-item.next span .arrow-icon {
  transform: rotate(270deg);
}
#image-slider .placeholder .controllers .nav-item.next:hover {
  background-color: #007da3;
}
#image-slider .placeholder figure {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.4s;
}
#image-slider .placeholder figure span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}
#image-slider .placeholder figure span.small {
  display: none;
}
@media screen and (max-width: 480px) {
  #image-slider .placeholder figure span.medium {
    display: none;
  }
  #image-slider .placeholder figure span.small {
    display: block;
  }
}
#image-slider .placeholder figure.active {
  z-index: 2;
  opacity: 1;
}

#contentSlider {
  padding: 100px 0;
  background-color: #f0f2ef;
  text-align: center;
}
#contentSlider h3 {
  font-size: 2rem;
  line-height: 1.2;
  color: #0078ff;
}
#contentSlider .slider-nav {
  position: relative;
  display: inline-block;
  list-style: none;
  padding: 0;
  margin: 45px auto 0;
}
#contentSlider .slider-nav:before {
  content: "";
  position: absolute;
  left: 0;
  top: calc(50% - 1px);
  height: 2px;
  width: 100%;
  background-color: #0078ff;
}
#contentSlider .slider-nav .slide-nav-item {
  position: relative;
  z-index: 1;
  display: inline-block;
  padding: 12px 18px;
  margin-left: 14px;
  background-color: #0078ff;
  border: 2px solid #0078ff;
  border-radius: 12px;
  font-size: 1.1rem;
  line-height: 1.2;
  font-weight: 700;
  color: #23282d;
  cursor: pointer;
  transition: color 0.4s, background 0.4s;
}
#contentSlider .slider-nav .slide-nav-item:first-child {
  margin-left: 0;
}
#contentSlider .slider-nav .slide-nav-item p {
  margin: 0;
}
#contentSlider .slider-nav .slide-nav-item:hover {
  background-color: white;
}
#contentSlider .slider-nav .slide-nav-item.active {
  background-color: #0078ff;
  color: white;
}
#contentSlider .slides {
  position: relative;
  max-width: 600px;
  min-height: 150px;
  margin: 50px auto 0;
}
#contentSlider .slides .slide {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  opacity: 0;
  font-size: 0.85rem;
  line-height: 1.6;
  color: #23282d;
  font-weight: light();
  transform: translate3d(0, 20px, 0);
  transition: opacity 0.4s, transform 0.4s;
}
#contentSlider .slides .slide.active {
  z-index: 2;
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
#contentSlider .slides .slide h4 {
  display: none;
  font-size: 1.3rem;
  line-height: 1.2;
  font-weight: 700;
}
@media screen and (max-width: 600px) {
  #contentSlider {
    padding: 0;
  }
  #contentSlider .grid-row {
    width: 100%;
  }
  #contentSlider h3 {
    padding: 50px 0;
  }
  #contentSlider .slider-nav {
    display: none;
  }
  #contentSlider .slides {
    margin-top: 0;
  }
  #contentSlider .slides .slide {
    position: relative;
    height: auto !important;
    opacity: 1;
    padding: 40px 8.3333333333%;
    transform: translate3d(0, 0, 0) !important;
  }
  #contentSlider .slides .slide:nth-of-type(odd) {
    background-color: #dadada;
  }
  #contentSlider .slides .slide h4 {
    display: block;
  }
  #contentSlider .slides .slide .content {
    text-align: left;
  }
}

.forrest-divider {
  width: 100%;
  height: 250px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.forrest-divider.brown-forrest-divider {
  background-image: url("/img/brown_forrest.jpg");
}
@media screen and (max-width: 950px) {
  .forrest-divider {
    height: 180px;
  }
}

.thanks-message {
  padding: 80px 0;
  background-color: #03363c;
  text-align: center;
}
.thanks-message h1 {
  font-size: 2rem;
  line-height: 1.4;
  color: white;
}
.thanks-message p {
  font-size: 1rem;
  line-height: 1.4;
  color: white;
}

.preventScroll {
  overflow: hidden;
  overflow-y: scroll;
  position: fixed;
  width: 100%;
}

.mobile-navigation {
  position: fixed;
  z-index: 1000;
  height: 100vh;
  display: none;
  overflow: hidden;
  width: 100%;
  left: 0;
  top: 0;
  pointer-events: none;
}
.mobile-navigation .bar {
  height: 60px;
  background: #96c346;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.11);
  pointer-events: all;
  position: relative;
  z-index: 10;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -spec-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  transition: all 0.3s;
  transition-delay: 0.4s;
}
.mobile-navigation .bar .toggle-menu {
  width: 60px;
  height: 100%;
  z-index: 3;
  border: rgba(255, 255, 255, 0.1);
  cursor: pointer;
  position: relative;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.mobile-navigation .bar .toggle-menu .icon span {
  position: relative;
  width: 25px;
  height: 3px;
  margin-bottom: 3px;
  background-color: white;
  border-radius: 9999px;
  display: block;
  transition: all 0.3s;
}
.mobile-navigation .bar .toggle-menu .icon span:last-of-type {
  margin-bottom: 0;
  width: 17px;
  bottom: 0;
}
.mobile-navigation .bar .toggle-menu .icon span:first-of-type {
  top: 0;
}
.mobile-navigation .bar .toggle-menu:hover .icon span:last-of-type {
  width: 25px;
}
.mobile-navigation .bar .logo {
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.mobile-navigation .bar .logo a {
  position: relative;
  width: calc(100% - 140px);
  height: 50%;
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("/img/agrimac.svg");
}
.mobile-navigation .shader {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #03363c;
  opacity: 0;
  transition-delay: 0.4s;
}
.mobile-navigation .menu {
  height: calc(100% - 60px);
  width: 80%;
  left: 0;
  top: 60px;
  background-color: #96c346;
  min-width: 275px;
  position: absolute;
  overflow-x: auto;
  pointer-events: all;
  z-index: 5;
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  -spec-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
@media screen and (max-width: 500px) {
  .mobile-navigation .menu {
    width: 100%;
  }
}
.mobile-navigation nav {
  margin-top: 50px;
  padding: 0 10px 80px 60px;
}
.mobile-navigation nav figure {
  width: 85%;
  max-width: 200px;
  margin-bottom: 40px;
  max-height: 55px;
}
.mobile-navigation nav figure img {
  width: 100%;
}
.mobile-navigation nav h3 {
  font-size: 1.3rem;
  color: white;
}
.mobile-navigation nav ul {
  padding: 0;
  list-style: none;
  font-size: 1.3rem;
}
.mobile-navigation nav ul.locations {
  margin-bottom: 45px;
}
.mobile-navigation nav ul.locations, .mobile-navigation nav ul.business {
  margin-top: 5px;
}
.mobile-navigation nav ul li {
  margin-bottom: 4px;
}
.mobile-navigation nav ul li a, .mobile-navigation nav ul li span {
  color: white;
  position: relative;
  display: inline-block;
  text-decoration: none;
  transition: color 0.2s;
  cursor: pointer;
}
.mobile-navigation nav ul li > ul {
  padding-left: 20px;
  font-size: 0.85em;
  overflow: hidden;
  opacity: 1;
  transition: height 0.5s, opacity 0.2s;
}
.mobile-navigation nav ul li > ul.hide {
  height: 0 !important;
  opacity: 0;
}
.mobile-navigation nav ul li > ul.noTrans {
  transition: height 0s;
  opacity: 0;
}
.mobile-navigation nav ul li > ul li a {
  color: #0078ff;
}
.mobile-navigation nav ul li > ul li a:before {
  content: "› ";
}
.mobile-navigation nav ul li > ul li.active a {
  color: #03363c !important;
}
.mobile-navigation nav ul li.active a, .mobile-navigation nav ul li.active span {
  color: #03363c;
}
.mobile-navigation nav ul li.active > ul li a {
  color: #0078ff;
}
.mobile-navigation.active .bar .toggle-menu {
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.mobile-navigation.active .bar .toggle-menu .icon span {
  opacity: 0;
  transition-delay: 0.4s;
}
.mobile-navigation.active .bar .toggle-menu .icon span:first-of-type {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -spec-transform: rotate(45deg);
  transform: rotate(45deg);
  opacity: 1;
  top: 6px;
}
.mobile-navigation.active .bar .toggle-menu .icon span:last-of-type {
  width: 25px;
  opacity: 1;
  bottom: 6px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -spec-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.mobile-navigation.active .menu {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -spec-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.mobile-navigation.shader-active .shader {
  opacity: 0.4;
  pointer-events: all;
}
.mobile-navigation.allow-animation .shader {
  transition: all 0.2s;
}
.mobile-navigation.allow-animation .menu {
  transition: all 0.3s;
  transition-timing-function: ease-in-out;
}
@media screen and (max-width: 840px) {
  .mobile-navigation {
    display: block;
  }
  .mobile-navigation header {
    height: 60px;
    visibility: hidden;
    overflow: hidden;
  }
  .mobile-navigation .sticky-header, .mobile-navigation .sticky-header.show {
    display: none;
  }
  .mobile-navigation .mobile-navigation {
    display: block;
  }
}
@media screen and (max-width: 400px) {
  .mobile-navigation nav {
    padding-left: 30px;
  }
  .mobile-navigation nav ul {
    font-size: 1.2rem;
  }
}

/*==========================================================================
 * Dynamic Blocks
 * ========================================================================== */
.dynamic-block {
  position: relative;
  margin-bottom: 50px;
}
.dynamic-block:last-child {
  margin-bottom: 0;
}
.dynamic-block .grid-row {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.dynamic-block h3 {
  display: block;
  width: 100%;
  font-size: 1rem;
  color: white;
  font-weight: 600;
  margin-bottom: 30px;
}
.dynamic-block h4 {
  display: block;
  width: 100%;
  font-size: 0.65rem;
  color: #32a0fa;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 30px;
}
.dynamic-block .content {
  font-size: 0.9rem;
  line-height: 1.6;
}
.dynamic-block .content h2 {
  font-size: 1.2rem;
  color: white;
  margin: 0 0 40px;
}
.dynamic-block .content ul li, .dynamic-block .content ol li {
  color: white;
}
.dynamic-block .content p {
  color: white;
}
.dynamic-block .content p:first-of-type {
  margin-top: 0;
}
.dynamic-block .content p:last-of-type {
  margin-bottom: 0;
}
.dynamic-block .content p strong {
  color: white;
}
.dynamic-block .content p a {
  color: white;
  text-decoration: none;
  border-bottom: 2px solid white;
  opacity: 1;
  transition: color 0.3s, border 0.3s, opacity 0.3s;
}
.dynamic-block .content p a:hover {
  opacity: 0.6;
}
.dynamic-block .button {
  margin-top: 30px;
}

.two-text-columns {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
}
.two-text-columns .content {
  width: 45.8333333333%;
}
@media screen and (max-width: 1150px) {
  .two-text-columns {
    display: block;
  }
  .two-text-columns .content {
    width: 100%;
  }
  .two-text-columns .content:first-child {
    margin-bottom: 25px;
  }
}

.full-image-column img {
  width: 100%;
  display: none;
}
.full-image-column img.large {
  display: block;
}
@media screen and (max-width: 1450px) {
  .full-image-column img.medium {
    display: block;
  }
  .full-image-column img.large {
    display: none;
  }
}
@media screen and (max-width: 500px) {
  .full-image-column img.small {
    display: block;
  }
  .full-image-column img.medium {
    display: none;
  }
}

.content-block {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.content-block .image {
  display: block;
  position: relative;
  width: 41.6666666667%;
}
.content-block .image img {
  width: 100%;
}
.content-block .image .image-placeholder {
  display: block;
  width: 100%;
  height: 300px;
  background-color: #32a0fa;
}
.content-block .content {
  display: block;
  padding: 0;
  width: 50%;
}
.content-block[data-image-location=right] .grid-row {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.content-block[data-image-location=right] .content {
  -webkit-order: 1;
  -ms-order: 1;
  order: 1;
  margin-left: 0;
}
.content-block[data-image-location=right] .image {
  -webkit-order: 2;
  -ms-order: 2;
  order: 2;
  top: 0;
  right: 0;
  left: auto;
}
@media screen and (max-width: 1150px) {
  .content-block {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  .content-block .content {
    -webkit-order: 1;
    -ms-order: 1;
    order: 1;
    width: 100%;
  }
  .content-block .image {
    -webkit-order: 2;
    -ms-order: 2;
    order: 2;
    width: 100%;
    margin-top: 30px;
  }
}

.multiple-images {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
}
.multiple-images .image {
  width: 45.8333333333%;
}
.multiple-images .image img {
  width: 100%;
  display: none;
}
.multiple-images .image img.medium {
  display: block;
}
@media screen and (max-width: 1550px) {
  .multiple-images .image img.medium {
    display: none;
  }
  .multiple-images .image img.small {
    display: block;
  }
}
@media screen and (max-width: 840px) {
  .multiple-images .image img.medium {
    display: block;
  }
  .multiple-images .image img.small {
    display: none;
  }
}
@media screen and (max-width: 500px) {
  .multiple-images .image img.medium {
    display: none;
  }
  .multiple-images .image img.small {
    display: block;
  }
}
@media screen and (max-width: 840px) {
  .multiple-images {
    display: block;
  }
  .multiple-images .image {
    width: 100%;
  }
  .multiple-images .image:last-child {
    margin-top: 40px;
  }
}

.full-text-block {
  text-align: center;
}
.full-text-block .content {
  width: 83.3333333333%;
  margin: auto;
  text-align: center;
  font-size: 1rem;
}
@media screen and (max-width: 840px) {
  .full-text-block {
    text-align: left;
  }
  .full-text-block .content {
    width: 100%;
    text-align: left;
    font-size: 0.9rem;
  }
}

.video-block {
  width: 100%;
  max-width: 960px;
  margin: auto;
}
.video-block .video-wrapper {
  position: relative;
  padding-bottom: 53.6%;
  padding-top: 25px;
  height: 0;
  background-color: #006989;
}
.video-block .video-wrapper iframe, .video-block .video-wrapper .video-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-block .video-wrapper .video-overlay {
  z-index: 2;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  opacity: 1;
  cursor: pointer;
  transition: all 0.2s;
}
.video-block .video-wrapper .video-overlay .button {
  position: relative;
  width: 85px;
  height: 85px;
  border-radius: 100%;
  transform: scale(1);
  transition: all 0.4s;
  margin-top: 0;
}
.video-block .video-wrapper .video-overlay .button:before {
  content: "";
  position: absolute;
  left: 34px;
  top: 28px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 0 15px 24px;
  border-color: transparent transparent transparent #ffffff;
  opacity: 0.75;
}
.video-block .video-wrapper .video-overlay .button:after {
  display: none;
}
.video-block .video-wrapper .video-overlay:hover .button {
  -webkit-transform: scale(0.85);
  -moz-transform: scale(0.85);
  -ms-transform: scale(0.85);
  -o-transform: scale(0.85);
  -spec-transform: scale(0.85);
  transform: scale(0.85);
}
.video-block .video-wrapper .video-overlay.hide {
  opacity: 0;
  pointer-events: none;
  transition: all 0.5s;
  transition-delay: 0.7s;
}
.video-block .video-wrapper .video-overlay.hide .button {
  transition: all 0.8s;
  transform: scale(0.3);
}

.header-image-wrapper {
  position: relative;
}
@media screen and (max-width: 1240px) {
  .header-image-wrapper {
    padding-top: 40px;
  }
}
@media screen and (max-width: 500px) {
  .header-image-wrapper {
    padding-top: 0;
  }
}
.header-image-wrapper:before {
  content: "";
  position: absolute;
  z-index: -2;
  top: 0;
  left: 0;
  background: #96c346;
  height: 70%;
  width: 100%;
}
@media screen and (max-width: 840px) {
  .header-image-wrapper:before {
    height: calc(100% - 100px);
  }
}
@media screen and (max-width: 640px) {
  .header-image-wrapper:before {
    height: calc(100% - 150px);
  }
}
.header-image-wrapper:after {
  content: "";
  position: absolute;
  z-index: -1;
  bottom: 30%;
  left: 0;
  background: #03363c;
  height: 180px;
  width: 100%;
}
@media screen and (max-width: 1100px) {
  .header-image-wrapper:after {
    height: 120px;
  }
}
@media screen and (max-width: 840px) {
  .header-image-wrapper:after {
    bottom: 100px;
  }
}
@media screen and (max-width: 640px) {
  .header-image-wrapper:after {
    display: none;
  }
}
@media screen and (max-width: 640px) {
  .header-image-wrapper {
    padding-top: 0;
  }
  .header-image-wrapper .grid-row {
    width: 100%;
  }
}

.header-image {
  position: relative;
  width: 100%;
}
.header-image img {
  width: 100%;
}
.header-image figcaption {
  position: absolute;
  right: 0;
  bottom: 20%;
  font-size: 2.4rem;
  font-weight: 500;
  color: white;
  line-height: 1.2;
  padding: 40px 65px;
  background-color: #006989;
}
@media screen and (max-width: 1500px) {
  .header-image figcaption {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 840px) {
  .header-image figcaption {
    font-size: 1.5rem;
    bottom: 100px;
  }
}
@media screen and (max-width: 640px) {
  .header-image figcaption {
    position: relative;
    bottom: 0;
    height: 150px;
  }
}
@media screen and (max-width: 500px) {
  .header-image figcaption {
    padding-left: 7.1428571429%;
    padding-right: 7.1428571429%;
  }
}
.header-image .show-scroll {
  position: absolute;
  left: calc(50% - 55px);
  bottom: -55px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  width: 110px;
  height: 55px;
  cursor: pointer;
  border-radius: 55px 55px 0 0;
}
.header-image .show-scroll:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 55px 55px 0 55px;
  border-color: #006989 transparent transparent transparent;
}
.header-image .show-scroll .arrow {
  position: relative;
  top: -4px;
  z-index: 2;
  display: inline-block;
  width: 8px;
  transform: translate3d(0, 0, 0);
  transition: transform 0.3s;
}
.header-image .show-scroll .arrow svg {
  width: 100%;
}
.header-image .show-scroll .arrow svg path {
  fill: white;
}
.header-image .show-scroll:hover .arrow {
  transform: translate3d(0, 3px, 0);
}
@media screen and (max-width: 900px) {
  .header-image .show-scroll {
    width: 90px;
    height: 45px;
    left: calc(50% - 45px);
  }
  .header-image .show-scroll:after {
    border-width: 0 45px 45px 45px;
  }
}
@media screen and (max-width: 640px) {
  .header-image .show-scroll {
    display: none;
  }
}

.reasons-row {
  position: relative;
  background-color: #03363c;
}
.reasons-row .grid-row {
  position: relative;
}
.reasons-row .grid-col {
  vertical-align: middle;
  padding: 100px 0;
}
.reasons-row .reasons-block {
  overflow: visible;
  padding-right: 4.1666666667%;
}
.reasons-row .reasons-block ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.reasons-row .reasons-block ul li {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.reasons-row .reasons-block ul li + li {
  margin-top: 30px;
}
.reasons-row .reasons-block ul li .list-icon {
  display: block;
  margin-top: 7px;
  width: 12px;
  height: 12px;
  transform: rotate(45deg);
  transform-origin: 0 100%;
  transition: transform 0.4s;
  border-top: 3px solid #96c346;
  border-right: 3px solid #96c346;
}
.reasons-row .reasons-block ul li p {
  width: calc(100% - 55px);
  margin: 0;
  font-size: 0.8rem;
  line-height: 1.2;
  color: rgba(255, 255, 255, 0.5);
}
.reasons-row .reasons-block ul li p strong {
  font-size: 1.2rem;
  line-height: 1.6;
  display: block;
  margin-bottom: 3px;
  color: white;
  font-weight: 400;
}
@media screen and (max-width: 1600px) {
  .reasons-row .reasons-block ul li p {
    margin-top: 6px;
  }
  .reasons-row .reasons-block ul li p strong {
    font-size: 1rem;
  }
}
@media screen and (max-width: 1080px) {
  .reasons-row .reasons-block ul li p {
    margin-top: 8px;
  }
}
.reasons-row .reasons-block .trigger {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  margin-top: 60px;
}
.reasons-row .reasons-block .trigger .button {
  border: 2px solid #96c346;
  border-radius: 5px;
  background: transparent;
  margin-right: 8.3333333333%;
  font-weight: 600;
}
.reasons-row .reasons-block .trigger .image-placeholder {
  width: 180px;
}
@media screen and (max-width: 1600px) {
  .reasons-row .reasons-block .trigger .image-placeholder {
    width: 150px;
  }
}
.reasons-row .reasons-block .trigger .image-placeholder figure {
  position: relative;
  width: 100%;
  padding-bottom: 100%;
  height: 0;
}
.reasons-row .reasons-block .trigger .image-placeholder figure span {
  position: absolute;
  border-radius: 100%;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
}
@media screen and (max-width: 1400px) {
  .reasons-row .reasons-block .trigger {
    display: block;
  }
  .reasons-row .reasons-block .trigger .button {
    margin-right: 0;
  }
  .reasons-row .reasons-block .trigger .image-placeholder {
    display: none;
  }
}
.reasons-row .background {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.reasons-row .right-side {
  vertical-align: top;
  overflow: visible;
  position: absolute;
  right: 0;
  top: 0;
  width: 54.1666666667%;
  height: 100%;
}
.reasons-row .right-side.grid-col {
  padding: 0;
}
.reasons-row .right-side h4 {
  font-size: 0.65rem;
  color: #32a0fa;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 30px;
}
.reasons-row .right-side .video-wrapper {
  background-color: #23282d;
}
.reasons-row .right-side .news-block {
  width: 80%;
}
@media screen and (max-width: 1350px) {
  .reasons-row .right-side .news-block {
    width: 100%;
  }
}
.reasons-row .right-side .news-block .post {
  background: none;
  box-shadow: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}
.reasons-row .right-side .news-block .post a {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  text-decoration: none;
  padding: 20px 0;
  height: auto;
}
.reasons-row .right-side .news-block .post a p {
  display: block;
  width: calc(100% - 90px);
  margin: 0;
  font-size: 1.1rem;
  line-height: 1;
  color: white;
  font-weight: 600;
  opacity: 1;
  transition: opacity 0.4s;
}
@media screen and (max-width: 900px) {
  .reasons-row .right-side .news-block .post a p {
    font-size: 0.9rem;
  }
}
.reasons-row .right-side .news-block .post a .date {
  position: relative;
  display: block;
  font-size: 1.4rem;
  width: 60px;
  left: 0;
  top: 0;
}
.reasons-row .right-side .news-block .post a .arrow {
  position: relative;
  display: block;
  width: 12px;
  margin-left: 25px;
  transform: translate3d(0, 0, 0);
  transition: transform 0.4s;
}
.reasons-row .right-side .news-block .post a .arrow .arrow-icon {
  position: relative;
  right: 3px;
  width: 100%;
  max-height: 15px;
  transform-origin: center;
  transform: rotate(270deg);
}
.reasons-row .right-side .news-block .post a .arrow .arrow-icon .st0 {
  fill: #32a0fa;
  transition: fill 0.4s;
}
.reasons-row .right-side .news-block .post a:hover p {
  opacity: 0.5;
}
.reasons-row .right-side .news-block .post a:hover .arrow {
  transform: translate3d(10px, 0, 0);
}
.reasons-row .right-side .images {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.reasons-row .right-side .images span {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: center;
}
.reasons-row .right-side .images span.small {
  display: none;
}
.reasons-row .right-side .images picture {
  display: none;
  width: 100%;
  margin: 0;
}
.reasons-row .right-side .images picture img {
  width: 100%;
}
@media screen and (max-width: 900px) {
  .reasons-row .grid-row {
    width: 100%;
  }
  .reasons-row .background {
    display: none;
  }
  .reasons-row .reasons-block {
    display: block;
    width: 100%;
    padding: 60px 8.3333333333%;
    max-width: 600px;
    margin: auto;
  }
  .reasons-row .right-side {
    position: relative;
    width: 100%;
    height: auto;
  }
  .reasons-row .right-side .images {
    position: relative;
    height: auto;
  }
  .reasons-row .right-side .images > span {
    display: none;
  }
  .reasons-row .right-side .images picture {
    display: block;
  }
}

.discover-row {
  position: relative;
  padding: 70px 0 120px;
  overflow: hidden;
}
.discover-row .streamer {
  color: #96c346;
  font-size: 0.65rem;
  font-weight: 600;
  text-transform: uppercase;
  margin: 0 0 35px;
}
.discover-row .links {
  position: relative;
  z-index: 2;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  overflow: visible;
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.2);
  background-color: #006989;
}
.discover-row .links article {
  position: relative;
  width: 33.3333333333%;
}
.discover-row .links article a {
  text-decoration: none;
}
.discover-row .links article picture {
  width: 100%;
}
.discover-row .links article picture img {
  width: 100%;
}
.discover-row .links article .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.discover-row .links article .overlay h4 {
  position: absolute;
  left: calc(100% - 25px);
  bottom: 30px;
  width: 100%;
  max-width: 300px;
  font-size: 2.5rem;
  line-height: 1.2;
  color: white;
  font-weight: 700;
  transform-origin: 0 100%;
  transform: rotate(270deg);
}
@media screen and (max-width: 800px) {
  .discover-row .links article .overlay h4 {
    font-size: 2rem;
  }
}
@media screen and (max-width: 450px) {
  .discover-row .links article .overlay h4 {
    font-size: 1.5rem;
    max-width: 230px;
  }
}
.discover-row .links article .overlay .arrow-placeholder {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #96c346;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  opacity: 0;
  transition: opacity 0.4s;
}
.discover-row .links article .overlay .arrow-placeholder span {
  display: block;
  width: 45px;
}
.discover-row .links article .overlay .arrow-placeholder span svg {
  width: 100%;
  transform-origin: center;
  transform: rotate(270deg);
}
.discover-row .links article .overlay .arrow-placeholder span svg.arrow-icon .st0 {
  fill: white;
}
.discover-row .links article:hover .overlay .arrow-placeholder {
  opacity: 1;
}
@media screen and (max-width: 1000px) {
  .discover-row .links {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  .discover-row .links article {
    width: 50%;
  }
  .discover-row .links:after {
    content: "";
    display: block;
    width: 50%;
    height: 10px;
  }
}
@media screen and (max-width: 600px) {
  .discover-row .links {
    display: block;
  }
  .discover-row .links:after {
    display: none;
  }
  .discover-row .links article {
    width: 100%;
  }
  .discover-row .links article .overlay h4 {
    transform: rotate(0deg);
    left: 30px;
    bottom: 25px;
  }
}

.sub-menu {
  padding: 80px 0;
}
.sub-menu > p {
  font-size: 1rem;
  line-height: 1.2;
  color: white;
  font-weight: 600;
  margin: 0 0 1rem;
}
.sub-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.sub-menu ul li {
  font-size: 0.9rem;
  line-height: 1.2;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}
.sub-menu ul li a {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  text-decoration: none;
  color: white;
  padding: 15px 0;
  transition: color 0.3s;
}
.sub-menu ul li a p {
  margin: 0;
  width: calc(100% - 27px);
}
.sub-menu ul li a .arrow {
  position: relative;
  right: 4px;
  top: 1px;
  display: inline-block;
  width: 9px;
  transform: translate3d(0, 0, 0);
  transition: transform 0.5s;
}
.sub-menu ul li a .arrow svg {
  width: 100%;
  max-height: 18px;
  transform-origin: center;
  transform: rotate(270deg);
}
.sub-menu ul li a .arrow svg.arrow-icon .st0 {
  fill: white;
}
.sub-menu ul li a:hover {
  color: rgba(255, 255, 255, 0.6);
}
.sub-menu ul li a:hover .arrow {
  transform: translate3d(8px, 0, 0);
}
.sub-menu ul li.active a {
  color: white;
  font-weight: 600;
}

.specifications {
  position: relative;
  padding: 120px 0;
  background-color: #f0f2ef;
  overflow: hidden;
}
.specifications:before {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 300px;
  background-color: #006989;
}
@media screen and (max-width: 750px) {
  .specifications:before {
    height: 225px;
  }
}
@media screen and (max-width: 400px) {
  .specifications:before {
    height: 150px;
  }
}
.specifications .specs-rows {
  position: relative;
  z-index: 3;
}
.specifications .specs-rows .spec-list {
  width: 33.3333333333%;
  margin-left: 8.3333333333%;
  background-color: white;
  box-shadow: 0 0 40px 0px rgba(3, 54, 60, 0.2);
}
.specifications .specs-rows .spec-list h2 {
  padding: 30px 40px;
  color: #96c346;
  font-size: 1.2rem;
  line-height: 1.2;
  font-weight: 700;
}
.specifications .specs-rows .spec-list .table {
  position: relative;
}
.specifications .specs-rows .spec-list .table:after {
  content: "";
  position: absolute;
  left: 199px;
  top: 0;
  width: 2px;
  height: 100%;
  background-color: #e3e6e2;
}
.specifications .specs-rows .spec-list .row {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.specifications .specs-rows .spec-list .row:nth-child(odd) {
  background-color: #f0f2ef;
}
.specifications .specs-rows .spec-list .row span, .specifications .specs-rows .spec-list .row p {
  padding: 15px 10px 15px 40px;
  font-size: 0.7rem;
  line-height: 1.2;
  color: #03363c;
}
.specifications .specs-rows .spec-list .row span {
  display: block;
  width: 200px;
  font-weight: 600;
}
.specifications .specs-rows .spec-list .row p {
  margin: 0;
  width: calc(100% - 200px);
}
.specifications .specs-rows figure {
  position: absolute;
  right: -8.3333333333%;
  top: 0;
  width: 58.3333333333%;
  height: 100%;
}
.specifications .specs-rows figure span {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}
.specifications .specs-rows figure span.medium {
  display: none;
}
.specifications .specs-rows figure img {
  display: none;
  width: 100%;
}
.specifications .blueprint-form {
  margin-top: 120px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.specifications .blueprint-form .blueprint {
  margin-left: 8.3333333333%;
  width: 54.1666666667%;
}
.specifications .blueprint-form .blueprint img {
  width: 100%;
}
.specifications .blueprint-form .blueprint img.medium {
  display: none;
}
@media screen and (max-width: 600px) {
  .specifications .blueprint-form .blueprint img.large {
    display: none;
  }
  .specifications .blueprint-form .blueprint img.medium {
    display: block;
  }
}
.specifications .blueprint-form .small-offer-form {
  margin-left: 8.3333333333%;
  width: 29.1666666667%;
  background-color: white;
  padding: 40px;
}
.specifications .blueprint-form .small-offer-form h3 {
  margin: 0 0 15px;
  font-size: 0.9rem;
  line-height: 1.2;
  color: #03363c;
}
.specifications .blueprint-form .small-offer-form > p {
  font-size: 0.7rem;
  line-height: 1.4;
  color: #006989;
}
.specifications .blueprint-form .small-offer-form .form {
  padding: 20px 0 0;
}
.specifications .blueprint-form .small-offer-form .submit {
  text-align: right;
}
.specifications .blueprint-form .small-offer-form .submit .button {
  background-color: #96c346;
  color: white;
  border-radius: 5px;
  font-size: 0.7rem;
  font-weight: 600;
  text-transform: uppercase;
}
.specifications .blueprint-form .small-offer-form .submit .button:after {
  border-radius: 5px;
}
@media screen and (max-width: 1600px) {
  .specifications .specs-rows .spec-list {
    margin-left: 0;
    width: 41.6666666667%;
  }
  .specifications .blueprint-form .blueprint {
    margin-left: 0;
    width: 62.5%;
  }
}
@media screen and (max-width: 1300px) {
  .specifications .specs-rows .spec-list {
    margin-left: 16.6666666667%;
    width: 66.6666666667%;
  }
  .specifications .specs-rows figure {
    position: relative;
    right: 0;
    margin-top: 80px;
    width: 83.3333333333%;
    margin-left: 8.3333333333%;
  }
  .specifications .specs-rows figure span {
    display: none;
  }
  .specifications .specs-rows figure img.large {
    display: block;
  }
}
@media screen and (max-width: 1300px) and (max-width: 600px) {
  .specifications .specs-rows figure img.large {
    display: none;
  }
  .specifications .specs-rows figure img.medium {
    display: block;
  }
}
@media screen and (max-width: 1300px) {
  .specifications .blueprint-form {
    display: block;
    margin-top: 80px;
  }
  .specifications .blueprint-form .blueprint {
    width: 83.3333333333%;
    margin-left: 8.3333333333%;
  }
  .specifications .blueprint-form .small-offer-form {
    margin-top: 80px;
    margin-left: 16.6666666667%;
    width: 66.6666666667%;
  }
}
@media screen and (max-width: 1000px) {
  .specifications .specs-rows .spec-list {
    margin-left: 0;
    width: 100%;
  }
  .specifications .specs-rows figure {
    width: 100%;
    margin-left: 0;
  }
  .specifications .blueprint-form .blueprint {
    width: 100%;
    margin-left: 0;
  }
}
@media screen and (max-width: 650px) {
  .specifications .blueprint-form .small-offer-form {
    margin-top: 80px;
    margin-left: 0;
    width: 100%;
  }
}

/*==========================================================================
 * Post
 * ========================================================================== */
.post {
  width: 100%;
  max-width: 520px;
  background: linear-gradient(45deg, #0078ff 0%, #0064d2 100%);
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.2);
  font-size: 1rem;
  line-height: 1.6;
}
@supports (display: flex) {
  .post {
    height: 100%;
    max-width: none;
  }
  .post a {
    height: 100%;
    padding-bottom: 0;
  }
}
@media screen and (max-width: 600px) {
  .post {
    font-size: 0.9rem;
  }
}
.post a {
  display: block;
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 65%;
  text-decoration: none;
}
@supports (display: flex) {
  .post a {
    height: 100%;
  }
}
.post a figure {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.post a figure:before {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(#0078ff 0%, #0064d2 100%);
  opacity: 0.8;
  transition: opacity 0.4s;
}
.post a figure span {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  display: none;
}
.post a figure span.medium {
  display: block;
}
.post a .date {
  position: absolute;
  left: 8%;
  top: 12%;
  z-index: 3;
  font-size: 3em;
  font-weight: 700;
  line-height: 1;
  color: #32a0fa;
  transition: color 0.4s;
}
@media screen and (max-width: 950px) {
  .post a .date {
    font-size: 2.5em;
  }
}
@media screen and (max-width: 950px) {
  .post a .date {
    font-size: 2em;
  }
}
.post a h2 {
  position: absolute;
  z-index: 4;
  width: calc(80% - 10px);
  left: 9%;
  bottom: 9%;
  color: #dadada;
  font-size: 1.1em;
  line-height: 1.4;
  font-weight: 600;
  transition: color 0.4s;
}
.post a h2 .arrow {
  position: absolute;
  z-index: 2;
  width: 15px;
  right: -20px;
  bottom: -7px;
  transform: translate3d(0, 0, 0);
  transition: transform 0.4s;
}
.post a h2 .arrow .arrow-icon {
  width: 100%;
  transform-origin: center;
  transform: rotate(270deg);
}
.post a h2 .arrow .arrow-icon .st0 {
  fill: #32a0fa;
  transition: fill 0.4s;
}
.post:hover a figure:before {
  opacity: 0.2;
}
.post:hover a .arrow {
  transform: translate3d(5px, 0, 0);
}
.post:hover a .arrow .arrow-icon .st0 {
  fill: white;
}
.post:hover a h2, .post:hover a .date {
  color: white;
}
@media screen and (max-width: 480px) {
  .post a {
    height: auto;
    padding-bottom: 0;
  }
  .post a figure {
    position: relative;
    height: 0;
    padding-bottom: 65%;
  }
  .post a .arrow {
    display: none;
  }
  .post a h2 {
    position: relative;
    width: 100%;
    left: 0;
    bottom: 0;
    padding: 20px 15px;
  }
}
.first-page .post#post-0 a {
  padding: 5% 8%;
}
.ie .first-page .post#post-0 a {
  padding: 0 0 65% !important;
}
.ie .first-page .post#post-0 a .date {
  font-size: 3em !important;
}
.ie .first-page .post#post-0 a h2 {
  font-size: 1.1em !important;
}
@media screen and (max-width: 480px) {
  .ie .first-page .post#post-0 a {
    padding-bottom: 0 !important;
    height: auto;
  }
}
.first-page .post#post-0 a figure span.medium {
  display: none;
}
.first-page .post#post-0 a figure span.large {
  display: block;
}
@media screen and (max-width: 950px) {
  .first-page .post#post-0 a figure span.large {
    display: none;
  }
  .first-page .post#post-0 a figure span.medium {
    display: block;
  }
}
.first-page .post#post-0 a .date {
  top: 8%;
  font-size: 3.75em;
}
.first-page .post#post-0 a h2 {
  font-size: 2em;
  padding-right: 15% !important;
}
@media screen and (max-width: 1750px) {
  .first-page .post#post-0 a h2 {
    padding-right: 15%;
  }
}
@media screen and (max-width: 840px) {
  .first-page .post#post-0 a {
    padding: 0 0 65%;
  }
  .first-page .post#post-0 a .date {
    top: 12%;
    font-size: 2em;
  }
  .first-page .post#post-0 a h2 {
    font-size: 1.1em;
    padding-right: 20px !important;
  }
}
@media screen and (max-width: 480px) {
  .first-page .post#post-0 a {
    height: auto;
    padding-bottom: 0;
  }
}

/*==========================================================================
 * Home page
 * ========================================================================== */
.home {
  /* Tablet view
  * ========================================================================== */
  /* Tablet view
  * ========================================================================== */
}
.home .home-content {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  padding: 115px 0;
}
.home .home-content .title-placeholder {
  width: 33.3333333333%;
  margin-right: 12.5%;
}
.home .home-content .title-placeholder p {
  font-size: 0.65rem;
  font-weight: 600;
  color: #96c346;
  text-transform: uppercase;
}
.home .home-content .title-placeholder h1 {
  font-size: 1.6rem;
  line-height: 1.2;
  font-weight: 600;
  color: #03363c;
}
@media screen and (max-width: 950px) {
  .home .home-content .title-placeholder h1 {
    font-size: 1.6rem;
  }
}
.home .home-content .title-placeholder .button {
  margin-top: 50px;
}
.home .home-content .content {
  width: 33.3333333333%;
  margin-right: 8.3333333333%;
  padding-top: 6px;
  font-size: 0.9rem;
  line-height: 1.6;
}
.home .home-content .content p {
  opacity: 0.75;
}
@media screen and (max-width: 1350px) {
  .home .home-content {
    padding: 80px 0;
  }
  .home .home-content .title-placeholder {
    width: 41.6666666667%;
    margin-right: 8.3333333333%;
  }
  .home .home-content .content {
    width: 41.6666666667%;
  }
}
@media screen and (max-width: 750px) {
  .home .home-content {
    padding: 80px 0;
    display: block;
  }
  .home .home-content .title-placeholder, .home .home-content .content {
    width: 83.3333333333%;
    margin-right: auto;
    margin-left: auto;
  }
}
@media screen and (max-width: 750px) and (max-width: 550px) {
  .home .home-content .title-placeholder, .home .home-content .content {
    width: 100%;
  }
}
@media screen and (max-width: 750px) {
  .home .home-content .title-placeholder {
    margin-bottom: 40px;
  }
}

/*==========================================================================
 * Main page
 * ========================================================================== */
.page {
  /* Mobile view
  * ========================================================================== */
}
.page .default-page-wrapper {
  position: relative;
  background-color: #03363c;
}
.page .default-page-wrapper:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, #000000 0%, #666666 100%);
  opacity: 0.1;
}
.page .default-page-content {
  padding-top: 72px;
}
.page .default-page-content .images, .page .default-page-content .content {
  position: relative;
  z-index: 2;
  display: inline-block;
  vertical-align: top;
  font-size: 1rem;
  line-height: 1.6;
}
.page .default-page-content .content {
  margin-left: 8.3333333333%;
  width: 33.3333333333%;
  padding: 0 0 100px;
  color: white;
}
.page .default-page-content .content h1 {
  font-size: 2rem;
  line-height: 1.2;
  color: white;
  font-weight: 600;
  margin: 0 0 32px;
}
.page .default-page-content .content h2 {
  font-size: 1.6rem;
  line-height: 1.2;
  color: white;
  font-weight: 600;
  margin: 0 0 1rem;
}
.page .default-page-content .content p, .page .default-page-content .content ul {
  font-size: 0.9rem;
}
.page .default-page-content .content p > strong, .page .default-page-content .content ul > strong {
  color: white;
}
.page .default-page-content .content .button {
  margin-top: 50px;
  background-color: #03363c;
  color: #96c346;
}
.page .default-page-content .content .button .arrow-icon .st0 {
  fill: #021e21;
}
.page .default-page-content .images {
  width: 41.6666666667%;
  margin-left: 8.3333333333%;
  margin-bottom: 75px;
}
.page .default-page-content .images picture {
  display: block;
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.2);
}
.page .default-page-content .images picture img {
  width: 100%;
}
@media screen and (max-width: 1200px) {
  .page .default-page-content .content {
    margin-left: 0;
    width: 41.6666666667%;
  }
  .page .default-page-content .images {
    width: 50%;
  }
}
@media screen and (max-width: 840px) {
  .page .default-page-content .content {
    width: 100%;
    padding-bottom: 50px;
  }
  .page .default-page-content .images {
    width: 100%;
    margin-left: 0;
    margin-bottom: 75px;
  }
}

.trucks .projects-overview-content {
  position: relative;
}
.trucks .projects-overview-content .background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
}
.trucks .projects-overview-content .background .left {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  height: 100%;
  width: 17.8571428571%;
  background: #03363c;
}
.trucks .projects-overview-content .background .right {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  height: 100%;
  width: 25%;
  background-image: url("/img/backgrounds/projects.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center left;
}
.trucks .projects-overview-content .grid-row {
  position: relative;
  z-index: 2;
}
.trucks .projects-overview-content .grid-row:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  height: 100%;
  width: 29.1666666667%;
  background: #03363c;
}
.trucks .projects-overview-content .grid-row .sub-menu, .trucks .projects-overview-content .grid-row .content {
  position: relative;
  z-index: 2;
  display: inline-block;
  vertical-align: top;
  font-size: 1rem;
  line-height: 1.6;
}
.trucks .projects-overview-content .grid-row .sub-menu {
  width: 25%;
}
.trucks .projects-overview-content .grid-row .content {
  margin-left: 4.1666666667%;
  width: 50%;
  padding: 72px 8.3333333333% 100px;
}
.trucks .projects-overview-content .grid-row .content h1 {
  font-size: 2rem;
  line-height: 1.2;
  color: #03363c;
  margin: 0 0 32px;
}
.trucks .projects-overview-content .grid-row .content h2 {
  font-size: 1rem;
  line-height: 1.2;
  color: white;
  font-weight: 600;
  margin: 0 0 1rem;
}
.trucks .projects-overview-content .grid-row .content p {
  font-size: 0.8rem;
}
.trucks .projects-overview-content .grid-row .content .button {
  margin-top: 60px;
  border-radius: 5px;
}
.trucks .projects-overview-content .grid-row .content .button:after {
  border-radius: 5px;
}
@media screen and (max-width: 900px) {
  .trucks .projects-overview-content .background .left {
    display: none;
  }
  .trucks .projects-overview-content .background .right {
    width: 100%;
    display: none;
  }
}
@media screen and (max-width: 900px) and (max-width: 840px) {
  .trucks .projects-overview-content .grid-row {
    width: 100%;
  }
}
@media screen and (max-width: 900px) {
  .trucks .projects-overview-content .grid-row:before {
    display: none;
  }
}
@media screen and (max-width: 900px) {
  .trucks .projects-overview-content .grid-row .sub-menu {
    display: none;
  }
}
@media screen and (max-width: 900px) {
  .trucks .projects-overview-content .grid-row .content {
    width: 83.3333333333%;
  }
}
.trucks .overview {
  position: relative;
  padding: 120px 0;
  width: 100%;
  overflow: hidden;
  background-color: #f0f2ef;
}
@media screen and (max-width: 750px) {
  .trucks .overview {
    padding: 80px 0;
  }
}
.trucks .overview:before {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 300px;
  background-color: #006989;
}
@media screen and (max-width: 750px) {
  .trucks .overview:before {
    height: 225px;
  }
}
@media screen and (max-width: 400px) {
  .trucks .overview:before {
    height: 150px;
  }
}
.trucks .overview:after {
  content: "";
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  width: 100%;
  height: 40px;
  background-image: url("/img/vertical-gradient.png");
  background-size: contain;
  background-position: top;
}
.trucks .overview article {
  position: relative;
  z-index: 3;
  width: 100%;
  max-width: 430px;
  margin-bottom: 60px;
  background-color: white;
  box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.2);
}
@supports (display: flex) {
  .trucks .overview article {
    margin-bottom: 0;
  }
}
.trucks .overview article:last-of-type {
  margin-bottom: 0;
}
.trucks .overview article a {
  text-decoration: none;
}
.trucks .overview article figure {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  overflow: hidden;
}
.trucks .overview article figure .image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale3d(1, 1, 1);
  transform-origin: center;
  transition: transform 0.5s;
  background-size: cover;
  background-position: center;
}
.trucks .overview article .content {
  padding: 20px;
  text-align: right;
}
.trucks .overview article .content h3 {
  padding: 1rem 0;
  font-size: 1rem;
  line-height: 1.2;
  color: #03363c;
  font-weight: 700;
  text-align: left;
}
.trucks .overview article .content p {
  font-size: 0.8rem;
  line-height: 1.8;
  color: #006989;
  text-align: left;
}
.trucks .overview article .content .button {
  margin-left: auto;
  margin-top: 20px;
  border-radius: 5px;
  background-color: transparent;
  border: 2px solid #96c346;
  color: #03363c;
  font-weight: 600;
}
.trucks .overview article .content .button:after {
  display: none;
}
.trucks .overview article .content .button .arrow svg.arrow-icon .st0 {
  fill: #03363c;
}
.trucks .overview article:hover figure .image {
  transform: scale3d(1.05, 1.05, 1);
}
.trucks .overview article:hover .content .button .arrow {
  transform: translate3d(5px, 0, 0);
}
@media screen and (max-width: 750px) {
  .trucks .overview article {
    margin: 0 auto 25px;
  }
  .trucks .overview article:last-of-type {
    margin-bottom: 0;
  }
  .trucks .overview article figure {
    padding-bottom: 66.67%;
  }
}
.trucks .overview .grid {
  width: 83.3333333333%;
  margin: auto;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 60px 60px;
}
.ie .trucks .overview .grid {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
}
@media screen and (max-width: 1650px) {
  .trucks .overview .grid {
    width: 100%;
  }
}
@media screen and (max-width: 1250px) {
  .trucks .overview .grid {
    width: 83.3333333333%;
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 950px) {
  .trucks .overview .grid {
    width: 100%;
  }
}
@media screen and (max-width: 750px) {
  .trucks .overview .grid {
    display: block;
  }
}

.project-detail .color-wrapper {
  background-color: transparent;
}
.project-detail .project-detail-content {
  position: relative;
}
.project-detail .project-detail-content .background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
}
.project-detail .project-detail-content .background .left {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  height: 100%;
  width: 17.8571428571%;
  background: #03363c;
}
.project-detail .project-detail-content .grid-row {
  position: relative;
  z-index: 2;
}
.project-detail .project-detail-content .grid-row:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  height: 100%;
  width: 29.1666666667%;
  background: #03363c;
}
.project-detail .project-detail-content .grid-row .sub-menu, .project-detail .project-detail-content .grid-row .content {
  position: relative;
  z-index: 2;
  display: inline-block;
  vertical-align: top;
  font-size: 1rem;
  line-height: 1.6;
}
.project-detail .project-detail-content .grid-row .sub-menu {
  width: 25%;
}
.project-detail .project-detail-content .grid-row .content {
  width: 58.3333333333%;
  margin-left: 8.3333333333%;
  padding: 72px 0 100px;
}
.project-detail .project-detail-content .grid-row .content h1 {
  font-size: 2rem;
  line-height: 1.2;
  color: #03363c;
  margin: 0 0 32px;
}
.project-detail .project-detail-content .grid-row .content h2 {
  font-size: 1rem;
  line-height: 1.2;
  color: white;
  font-weight: 600;
  margin: 0 0 1rem;
}
.project-detail .project-detail-content .grid-row .content p {
  font-size: 0.8rem;
  line-height: 1.8;
}
.project-detail .project-detail-content .grid-row .content .button {
  margin-top: 60px;
  border-radius: 5px;
}
.project-detail .project-detail-content .grid-row .content .button:after {
  border-radius: 5px;
}
@media screen and (max-width: 840px) {
  .project-detail .project-detail-content .background {
    display: none;
  }
  .project-detail .project-detail-content .grid-row {
    width: 100%;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  .project-detail .project-detail-content .grid-row:before {
    display: none;
  }
  .project-detail .project-detail-content .grid-row .sub-menu {
    width: 100%;
    padding: 50px 8.3333333333%;
    -webkit-order: 2;
    -ms-order: 2;
    order: 2;
    background: #03363c;
  }
  .project-detail .project-detail-content .grid-row .content {
    -webkit-order: 1;
    -ms-order: 1;
    order: 1;
    padding-top: 50px;
    width: 83.3333333333%;
  }
}

/*==========================================================================
 * News overview page
 * ========================================================================== */
.news .no-news {
  padding: 60px 20px 0;
  text-align: center;
  color: #373c41;
}
.news .overview {
  padding: 60px 0 0;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
}
.news .overview article {
  margin: 0 15px 60px;
}
@media screen and (max-width: 480px) {
  .news .overview article {
    margin: 0 0 30px;
  }
}
@supports (display: flex) {
  .news .overview {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 60px 60px;
    margin-bottom: 60px;
  }
  .news .overview.first-page {
    grid-template-rows: 1fr 1fr 1fr;
    grid-template-areas: "first first item-2" "first first item-3" "item-4 item-5 item-6";
  }
  .news .overview.first-page article:first-child {
    grid-area: first;
  }
  .news .overview article {
    margin: 0;
  }
  @media screen and (max-width: 1700px) {
    .news .overview {
      grid-gap: 30px 30px;
    }
  }
  @media screen and (max-width: 1500px) {
    .news .overview {
      grid-gap: 60px 60px;
      grid-template-columns: 1fr 1fr;
    }
    .news .overview.first-page {
      grid-template-areas: "first first" "first first";
    }
  }
  @media screen and (max-width: 950px) {
    .news .overview {
      grid-gap: 30px 30px;
    }
  }
  @media screen and (max-width: 840px) {
    .news .overview {
      display: block;
      max-width: 520px;
      margin-left: auto;
      margin-right: auto;
    }
    .news .overview article {
      margin-bottom: 30px;
    }
  }
}

/*==========================================================================
 * Post detail page
 * ========================================================================== */
.post-detail .post-detail-content .sub-menu ul li {
  font-size: 0.8rem;
}

/*==========================================================================
 * Contact page
 * ========================================================================== */
.contact .color-wrapper {
  background-color: #03363c;
}
.contact .contact-content {
  position: relative;
}
.contact .contact-content .background {
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  background: white;
}
.contact .contact-content .contact-info {
  width: 33.3333333333%;
  margin-left: 8.3333333333%;
  padding: 72px 0 100px;
}
.contact .contact-content .contact-info h1 {
  font-size: 2rem;
  line-height: 1.2;
  color: white;
  font-weight: 700;
  margin: 0 0 32px;
}
.contact .contact-content .contact-info p {
  font-size: 0.8rem;
  line-height: 1.7;
  color: white;
}
.contact .contact-content .contact-info p span {
  display: inline-block;
  margin-left: 10px;
  color: #006989;
}
.contact .contact-content .contact-info p a {
  color: white;
  text-decoration: none;
  transition: color 0.2s;
}
.contact .contact-content .contact-info p a:hover {
  color: rgba(255, 255, 255, 0.6);
}
@media screen and (max-width: 1100px) {
  .contact .contact-content .contact-info {
    width: 41.6666666667%;
    margin-left: 0;
  }
}
.contact .contact-content .contact-form {
  position: relative;
  padding-top: 72px;
  display: inline-block;
  margin-left: 8.3333333333%;
  padding-left: 8.3333333333%;
  width: 41.6666666667%;
  vertical-align: top;
}
.contact .contact-content .contact-form h2 {
  font-size: 2rem;
  line-height: 1.2;
  margin: 0 0 32px;
  color: #03363c;
  font-weight: 700;
}
.contact .contact-content .contact-form p {
  font-size: 0.9rem;
  line-height: 1.2;
  color: #03363c;
}
.contact .contact-content .contact-form .submit {
  text-align: right;
}
.contact .contact-content .contact-form .button {
  background-color: #96c346;
  color: white;
  border-radius: 5px;
  font-size: 0.7rem;
  font-weight: 600;
  text-transform: uppercase;
}
.contact .contact-content .contact-form .button:after {
  border-radius: 5px;
}
@media screen and (max-width: 840px) {
  .contact .contact-content .grid-row {
    width: 100%;
  }
  .contact .contact-content .background {
    display: none;
  }
  .contact .contact-content .contact-info {
    width: 100%;
    padding: 72px 8.3333333333% 100px;
    background-color: #03363c;
  }
  .contact .contact-content .contact-info h3 {
    margin-top: 60px;
  }
  .contact .contact-content .contact-form {
    width: 100%;
    padding-right: 8.3333333333%;
    margin-left: 0;
    background-color: white;
  }
}

.dealers .dealers-row {
  padding: 80px 0;
  background-color: #03363c;
}
.dealers .dealers-row h1 {
  color: white;
  font-size: 2rem;
  line-height: 1.4;
}
.dealers .dealers-row .overview {
  padding: 60px 0 0;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
}
.dealers .dealers-row .overview a {
  text-decoration-color: transparent;
  color: inherit;
  transition: text-decoration 0.3s;
}
.dealers .dealers-row .overview a:hover {
  text-decoration-color: #006989;
}
.dealers .dealers-row .overview article {
  margin: 0 15px 60px;
  background-color: white;
  padding: 25px 20px;
  border-bottom: 10px solid #006989;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.dealers .dealers-row .overview article:first-of-type {
  background-color: #006989;
  border-bottom-color: #96c346;
}
.dealers .dealers-row .overview article:first-of-type .content h3, .dealers .dealers-row .overview article:first-of-type .content p {
  color: white;
}
.dealers .dealers-row .overview article:first-of-type a:hover {
  text-decoration-color: white;
}
.ie .dealers .dealers-row .overview article {
  width: 30%;
}
@media screen and (max-width: 1150px) {
  .ie .dealers .dealers-row .overview article {
    width: 45%;
  }
}
@media screen and (max-width: 700px) {
  .ie .dealers .dealers-row .overview article {
    width: 100%;
    max-width: 400px;
  }
}
.dealers .dealers-row .overview article .icon {
  width: 28px;
}
.dealers .dealers-row .overview article .icon img {
  width: 100%;
  max-width: 38px;
}
.dealers .dealers-row .overview article .content {
  display: block;
  width: 100%;
  padding: 0 20px;
}
.dealers .dealers-row .overview article .content h3 {
  margin: 0;
  font-size: 0.8rem;
  line-height: 1.4;
  font-weight: bold;
}
.dealers .dealers-row .overview article .content p {
  margin: 0;
  font-size: 0.8rem;
  line-height: 1.4;
}
@media screen and (max-width: 480px) {
  .dealers .dealers-row .overview article {
    margin: 0 0 30px;
  }
}
@supports (display: flex) {
  .dealers .dealers-row .overview {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 60px 60px;
    margin-bottom: 60px;
  }
  .dealers .dealers-row .overview article {
    margin: 0;
    height: 100%;
  }
  @media screen and (max-width: 1700px) {
    .dealers .dealers-row .overview {
      grid-gap: 30px 30px;
    }
  }
  @media screen and (max-width: 1500px) {
    .dealers .dealers-row .overview {
      grid-gap: 60px 60px;
      grid-template-columns: 1fr 1fr;
    }
  }
  @media screen and (max-width: 950px) {
    .dealers .dealers-row .overview {
      grid-gap: 30px 30px;
    }
  }
  @media screen and (max-width: 840px) {
    .dealers .dealers-row .overview {
      display: block;
      max-width: 520px;
      margin-left: auto;
      margin-right: auto;
    }
    .dealers .dealers-row .overview article {
      margin-bottom: 30px;
    }
  }
}

/*==========================================================================
 * Sitemap page
 * ========================================================================== */
.sitemap-list li {
  margin-bottom: 10px !important;
}
.sitemap-list li a {
  color: white;
  text-decoration: none;
  opacity: 1;
  transition: opacity 0.3s;
}
.sitemap-list li a:hover {
  opacity: 0.6;
}
.sitemap-list li ul {
  margin: 10px 0 0;
  font-size: 0.85em;
  opacity: 0.8;
}

/*==========================================================================
 * Error pages
 * ========================================================================== */
.error-page .content h1, .error-page .content h2 {
  color: white;
}
.error-page .content p {
  color: rgba(255, 255, 255, 0.6);
}
.error-page .content p a {
  font-weight: bold;
  color: white;
}