@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}

html {
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  background: #fff;
}

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

input, textarea, select, button {
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
}

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

caption, th, td {
  font-weight: 400;
  text-align: left;
}

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

blockquote, q {
  quotes: "" "";
}

a:focus {
  outline: thin dotted;
}

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

a img {
  border: 0;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-rendering: optimizeLegibility;
}

/**
 * Breakpoints
 */
/**
 * Fonts
 */
/**
 * Boxgrid variables
 */
/**
 * Colours
 */
/**
 * Animation
 */
/**
 * General
 */
/**
 * Applys a breakpoint around the provided content
 * @param  {string} $size size of the breakpoint
 * @return {null}       nothing returned breakpoint code wrapped around content
 */
/**
 * Generates a list of font sizes at specific breakpoints
 */
/**
 * If you have to ask what this does, then ask yourself what you are doing!!!
 */
/**
 * Creates a class for each colour and a second class with each colour applied as background-color
 */
/**
* Allows control over onscreen movement
**/
/*
----------------------------------
BoxGrid
----------------------------------
Author: Ashley Needham
Description: A flexbox based grid
Version: 1.2
License: MIT
URL: http://flexbox.net
*/
.boxgrid {
  width: 101%;
  margin-left: -0.5%;
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
}
.boxgrid > .col {
  margin: 0.5%;
  width: 99%;
  box-sizing: border-box;
}
.boxgrid > .col > .inner {
  display: block;
  box-sizing: border-box;
}
.boxgrid:after {
  content: "";
  display: block;
  clear: both;
  height: 0px;
  visibility: hidden;
}
.boxgrid.no-margin {
  width: 100%;
  margin: 0;
}
.boxgrid.no-margin > .col {
  margin: 0;
  width: 100%;
  box-sizing: border-box;
}
.boxgrid.no-margin > .col > .inner {
  display: block;
  box-sizing: border-box;
}

@media screen and (min-width: 300px) {
  .boxgrid > .xs_12 {
    width: 99%;
    display: block;
  }
  .boxgrid > .xs_11 {
    width: 90.6666666667%;
    display: block;
  }
  .boxgrid > .xs_10 {
    width: 82.3333333333%;
    display: block;
  }
  .boxgrid > .xs_9 {
    width: 74%;
    display: block;
  }
  .boxgrid > .xs_8 {
    width: 65.6666666667%;
    display: block;
  }
  .boxgrid > .xs_7 {
    width: 57.3333333333%;
    display: block;
  }
  .boxgrid > .xs_6 {
    width: 49%;
    display: block;
  }
  .boxgrid > .xs_5 {
    width: 40.6666666667%;
    display: block;
  }
  .boxgrid > .xs_4 {
    width: 32.3333333333%;
    display: block;
  }
  .boxgrid > .xs_3 {
    width: 24%;
    display: block;
  }
  .boxgrid > .xs_eq_5th {
    width: 19%;
    display: block;
  }
  .boxgrid > .xs_2 {
    width: 15.6666666667%;
    display: block;
  }
  .boxgrid > .xs_1 {
    width: 7.3333333333%;
    display: block;
  }
  .boxgrid > .xs_0 {
    display: none;
  }
  .boxgrid > .xs_pre_11 {
    margin-left: 92.1666666667%;
  }
  .boxgrid > .xs_pre_10 {
    margin-left: 83.8333333333%;
  }
  .boxgrid > .xs_pre_9 {
    margin-left: 75.5%;
  }
  .boxgrid > .xs_pre_8 {
    margin-left: 67.1666666667%;
  }
  .boxgrid > .xs_pre_7 {
    margin-left: 58.8333333333%;
  }
  .boxgrid > .xs_pre_6 {
    margin-left: 50.5%;
  }
  .boxgrid > .xs_pre_5 {
    margin-left: 42.1666666667%;
  }
  .boxgrid > .xs_pre_4 {
    margin-left: 33.8333333333%;
  }
  .boxgrid > .xs_pre_3 {
    margin-left: 25.5%;
  }
  .boxgrid > .xs_pre_2 {
    margin-left: 17.1666666667%;
  }
  .boxgrid > .xs_pre_1 {
    margin-left: 8.8333333333%;
  }
  .boxgrid > .xs_pre_0 {
    margin-left: 0.5%;
  }
  .boxgrid > .xs_post_11 {
    margin-right: 92.1666666667%;
  }
  .boxgrid > .xs_post_10 {
    margin-right: 83.8333333333%;
  }
  .boxgrid > .xs_post_9 {
    margin-right: 75.5%;
  }
  .boxgrid > .xs_post_8 {
    margin-right: 67.1666666667%;
  }
  .boxgrid > .xs_post_7 {
    margin-right: 58.8333333333%;
  }
  .boxgrid > .xs_post_6 {
    margin-right: 50.5%;
  }
  .boxgrid > .xs_post_5 {
    margin-right: 42.1666666667%;
  }
  .boxgrid > .xs_post_4 {
    margin-right: 33.8333333333%;
  }
  .boxgrid > .xs_post_3 {
    margin-right: 25.5%;
  }
  .boxgrid > .xs_post_2 {
    margin-right: 17.1666666667%;
  }
  .boxgrid > .xs_post_1 {
    margin-right: 8.8333333333%;
  }
  .boxgrid > .xs_post_0 {
    margin-right: 0.5%;
  }
  .boxgrid.no-margin > .xs_12 {
    width: 100%;
  }
  .boxgrid.no-margin > .xs_11 {
    width: 91.6666666667%;
  }
  .boxgrid.no-margin > .xs_10 {
    width: 83.3333333333%;
  }
  .boxgrid.no-margin > .xs_9 {
    width: 75%;
  }
  .boxgrid.no-margin > .xs_8 {
    width: 66.6666666667%;
  }
  .boxgrid.no-margin > .xs_7 {
    width: 58.3333333333%;
  }
  .boxgrid.no-margin > .xs_6 {
    width: 50%;
  }
  .boxgrid.no-margin > .xs_5 {
    width: 41.6666666667%;
  }
  .boxgrid.no-margin > .xs_4 {
    width: 33.3333333333%;
  }
  .boxgrid.no-margin > .xs_3 {
    width: 25%;
  }
  .boxgrid.no-margin > .xs_eq_5th {
    width: 20%;
  }
  .boxgrid.no-margin > .xs_2 {
    width: 16.6666666667%;
  }
  .boxgrid.no-margin > .xs_1 {
    width: 8.3333333333%;
  }
  .boxgrid.no-margin > .xs_0 {
    display: none;
  }
  .boxgrid.no-margin > .xs_pre_11 {
    margin-left: 91.6666666667%;
  }
  .boxgrid.no-margin > .xs_pre_11 {
    margin-left: 91.6666666667%;
  }
  .boxgrid.no-margin > .xs_pre_10 {
    margin-left: 83.3333333333%;
  }
  .boxgrid.no-margin > .xs_pre_9 {
    margin-left: 75%;
  }
  .boxgrid.no-margin > .xs_pre_8 {
    margin-left: 66.6666666667%;
  }
  .boxgrid.no-margin > .xs_pre_7 {
    margin-left: 58.3333333333%;
  }
  .boxgrid.no-margin > .xs_pre_6 {
    margin-left: 50%;
  }
  .boxgrid.no-margin > .xs_pre_5 {
    margin-left: 41.6666666667%;
  }
  .boxgrid.no-margin > .xs_pre_4 {
    margin-left: 33.3333333333%;
  }
  .boxgrid.no-margin > .xs_pre_3 {
    margin-left: 25%;
  }
  .boxgrid.no-margin > .xs_pre_2 {
    margin-left: 16.6666666667%;
  }
  .boxgrid.no-margin > .xs_pre_1 {
    margin-left: 8.3333333333%;
  }
  .boxgrid.no-margin > .xs_pre_0 {
    margin-left: 0;
  }
  .boxgrid.no-margin > .xs_post_11 {
    margin-right: 91.6666666667%;
  }
  .boxgrid.no-margin > .xs_post_10 {
    margin-right: 83.3333333333%;
  }
  .boxgrid.no-margin > .xs_post_9 {
    margin-right: 75%;
  }
  .boxgrid.no-margin > .xs_post_8 {
    margin-right: 66.6666666667%;
  }
  .boxgrid.no-margin > .xs_post_7 {
    margin-right: 58.3333333333%;
  }
  .boxgrid.no-margin > .xs_post_6 {
    margin-right: 50%;
  }
  .boxgrid.no-margin > .xs_post_5 {
    margin-right: 41.6666666667%;
  }
  .boxgrid.no-margin > .xs_post_4 {
    margin-right: 33.3333333333%;
  }
  .boxgrid.no-margin > .xs_post_3 {
    margin-right: 25%;
  }
  .boxgrid.no-margin > .xs_post_2 {
    margin-right: 16.6666666667%;
  }
  .boxgrid.no-margin > .xs_post_1 {
    margin-right: 8.3333333333%;
  }
  .boxgrid.no-margin > .xs_post_0 {
    margin-right: 0;
  }
  .boxgrid > .col[data-bg_xs_order="1"] {
    order: 1;
  }
  .boxgrid > .col[data-bg_xs_order="2"] {
    order: 2;
  }
  .boxgrid > .col[data-bg_xs_order="3"] {
    order: 3;
  }
  .boxgrid > .col[data-bg_xs_order="4"] {
    order: 4;
  }
  .boxgrid > .col[data-bg_xs_order="5"] {
    order: 5;
  }
  .boxgrid > .col[data-bg_xs_order="6"] {
    order: 6;
  }
  .boxgrid > .col[data-bg_xs_order="7"] {
    order: 7;
  }
  .boxgrid > .col[data-bg_xs_order="8"] {
    order: 8;
  }
  .boxgrid > .col[data-bg_xs_order="9"] {
    order: 9;
  }
  .boxgrid > .col[data-bg_xs_order="10"] {
    order: 10;
  }
  .boxgrid > .col[data-bg_xs_order="11"] {
    order: 11;
  }
  .boxgrid > .col[data-bg_xs_order="12"] {
    order: 12;
  }
  .boxgrid > .xs_first {
    order: -1;
  }
  .boxgrid > .xs_last {
    order: 999;
  }
  .boxgrid > .xs_left {
    display: flex;
    justify-content: flex-start;
  }
  .boxgrid > .xs_center {
    display: flex;
    justify-content: center;
  }
  .boxgrid > .xs_right {
    display: flex;
    justify-content: flex-end;
  }
  .boxgrid > .xs_text_left {
    text-align: left;
  }
  .boxgrid > .xs_text_center {
    text-align: center;
  }
  .boxgrid > .xs_text_right {
    text-align: right;
  }
  .boxgrid > .xs_top {
    display: flex;
    align-items: flex-start;
  }
  .boxgrid > .xs_middle {
    display: flex;
    align-items: center;
  }
  .boxgrid > .xs_bottom {
    display: flex;
    align-items: flex-end;
  }
}
@media screen and (min-width: 550px) {
  .boxgrid > .sm_12 {
    width: 99%;
    display: block;
  }
  .boxgrid > .sm_11 {
    width: 90.6666666667%;
    display: block;
  }
  .boxgrid > .sm_10 {
    width: 82.3333333333%;
    display: block;
  }
  .boxgrid > .sm_9 {
    width: 74%;
    display: block;
  }
  .boxgrid > .sm_8 {
    width: 65.6666666667%;
    display: block;
  }
  .boxgrid > .sm_7 {
    width: 57.3333333333%;
    display: block;
  }
  .boxgrid > .sm_6 {
    width: 49%;
    display: block;
  }
  .boxgrid > .sm_5 {
    width: 40.6666666667%;
    display: block;
  }
  .boxgrid > .sm_4 {
    width: 32.3333333333%;
    display: block;
  }
  .boxgrid > .sm_3 {
    width: 24%;
    display: block;
  }
  .boxgrid > .sm_eq_5th {
    width: 19%;
    display: block;
  }
  .boxgrid > .sm_2 {
    width: 15.6666666667%;
    display: block;
  }
  .boxgrid > .sm_1 {
    width: 7.3333333333%;
    display: block;
  }
  .boxgrid > .sm_0 {
    display: none;
  }
  .boxgrid > .sm_pre_11 {
    margin-left: 92.1666666667%;
  }
  .boxgrid > .sm_pre_10 {
    margin-left: 83.8333333333%;
  }
  .boxgrid > .sm_pre_9 {
    margin-left: 75.5%;
  }
  .boxgrid > .sm_pre_8 {
    margin-left: 67.1666666667%;
  }
  .boxgrid > .sm_pre_7 {
    margin-left: 58.8333333333%;
  }
  .boxgrid > .sm_pre_6 {
    margin-left: 50.5%;
  }
  .boxgrid > .sm_pre_5 {
    margin-left: 42.1666666667%;
  }
  .boxgrid > .sm_pre_4 {
    margin-left: 33.8333333333%;
  }
  .boxgrid > .sm_pre_3 {
    margin-left: 25.5%;
  }
  .boxgrid > .sm_pre_2 {
    margin-left: 17.1666666667%;
  }
  .boxgrid > .sm_pre_1 {
    margin-left: 8.8333333333%;
  }
  .boxgrid > .sm_pre_0 {
    margin-left: 0.5%;
  }
  .boxgrid > .sm_post_11 {
    margin-right: 92.1666666667%;
  }
  .boxgrid > .sm_post_10 {
    margin-right: 83.8333333333%;
  }
  .boxgrid > .sm_post_9 {
    margin-right: 75.5%;
  }
  .boxgrid > .sm_post_8 {
    margin-right: 67.1666666667%;
  }
  .boxgrid > .sm_post_7 {
    margin-right: 58.8333333333%;
  }
  .boxgrid > .sm_post_6 {
    margin-right: 50.5%;
  }
  .boxgrid > .sm_post_5 {
    margin-right: 42.1666666667%;
  }
  .boxgrid > .sm_post_4 {
    margin-right: 33.8333333333%;
  }
  .boxgrid > .sm_post_3 {
    margin-right: 25.5%;
  }
  .boxgrid > .sm_post_2 {
    margin-right: 17.1666666667%;
  }
  .boxgrid > .sm_post_1 {
    margin-right: 8.8333333333%;
  }
  .boxgrid > .sm_post_0 {
    margin-right: 0.5%;
  }
  .boxgrid.no-margin > .sm_12 {
    width: 100%;
  }
  .boxgrid.no-margin > .sm_11 {
    width: 91.6666666667%;
  }
  .boxgrid.no-margin > .sm_10 {
    width: 83.3333333333%;
  }
  .boxgrid.no-margin > .sm_9 {
    width: 75%;
  }
  .boxgrid.no-margin > .sm_8 {
    width: 66.6666666667%;
  }
  .boxgrid.no-margin > .sm_7 {
    width: 58.3333333333%;
  }
  .boxgrid.no-margin > .sm_6 {
    width: 50%;
  }
  .boxgrid.no-margin > .sm_5 {
    width: 41.6666666667%;
  }
  .boxgrid.no-margin > .sm_4 {
    width: 33.3333333333%;
  }
  .boxgrid.no-margin > .sm_3 {
    width: 25%;
  }
  .boxgrid.no-margin > .sm_eq_5th {
    width: 20%;
  }
  .boxgrid.no-margin > .sm_2 {
    width: 16.6666666667%;
  }
  .boxgrid.no-margin > .sm_1 {
    width: 8.3333333333%;
  }
  .boxgrid.no-margin > .sm_0 {
    display: none;
  }
  .boxgrid.no-margin > .sm_pre_11 {
    margin-left: 91.6666666667%;
  }
  .boxgrid.no-margin > .sm_pre_11 {
    margin-left: 91.6666666667%;
  }
  .boxgrid.no-margin > .sm_pre_10 {
    margin-left: 83.3333333333%;
  }
  .boxgrid.no-margin > .sm_pre_9 {
    margin-left: 75%;
  }
  .boxgrid.no-margin > .sm_pre_8 {
    margin-left: 66.6666666667%;
  }
  .boxgrid.no-margin > .sm_pre_7 {
    margin-left: 58.3333333333%;
  }
  .boxgrid.no-margin > .sm_pre_6 {
    margin-left: 50%;
  }
  .boxgrid.no-margin > .sm_pre_5 {
    margin-left: 41.6666666667%;
  }
  .boxgrid.no-margin > .sm_pre_4 {
    margin-left: 33.3333333333%;
  }
  .boxgrid.no-margin > .sm_pre_3 {
    margin-left: 25%;
  }
  .boxgrid.no-margin > .sm_pre_2 {
    margin-left: 16.6666666667%;
  }
  .boxgrid.no-margin > .sm_pre_1 {
    margin-left: 8.3333333333%;
  }
  .boxgrid.no-margin > .sm_pre_0 {
    margin-left: 0;
  }
  .boxgrid.no-margin > .sm_post_11 {
    margin-right: 91.6666666667%;
  }
  .boxgrid.no-margin > .sm_post_10 {
    margin-right: 83.3333333333%;
  }
  .boxgrid.no-margin > .sm_post_9 {
    margin-right: 75%;
  }
  .boxgrid.no-margin > .sm_post_8 {
    margin-right: 66.6666666667%;
  }
  .boxgrid.no-margin > .sm_post_7 {
    margin-right: 58.3333333333%;
  }
  .boxgrid.no-margin > .sm_post_6 {
    margin-right: 50%;
  }
  .boxgrid.no-margin > .sm_post_5 {
    margin-right: 41.6666666667%;
  }
  .boxgrid.no-margin > .sm_post_4 {
    margin-right: 33.3333333333%;
  }
  .boxgrid.no-margin > .sm_post_3 {
    margin-right: 25%;
  }
  .boxgrid.no-margin > .sm_post_2 {
    margin-right: 16.6666666667%;
  }
  .boxgrid.no-margin > .sm_post_1 {
    margin-right: 8.3333333333%;
  }
  .boxgrid.no-margin > .sm_post_0 {
    margin-right: 0;
  }
  .boxgrid > .col[data-bg_sm_order="1"] {
    order: 1;
  }
  .boxgrid > .col[data-bg_sm_order="2"] {
    order: 2;
  }
  .boxgrid > .col[data-bg_sm_order="3"] {
    order: 3;
  }
  .boxgrid > .col[data-bg_sm_order="4"] {
    order: 4;
  }
  .boxgrid > .col[data-bg_sm_order="5"] {
    order: 5;
  }
  .boxgrid > .col[data-bg_sm_order="6"] {
    order: 6;
  }
  .boxgrid > .col[data-bg_sm_order="7"] {
    order: 7;
  }
  .boxgrid > .col[data-bg_sm_order="8"] {
    order: 8;
  }
  .boxgrid > .col[data-bg_sm_order="9"] {
    order: 9;
  }
  .boxgrid > .col[data-bg_sm_order="10"] {
    order: 10;
  }
  .boxgrid > .col[data-bg_sm_order="11"] {
    order: 11;
  }
  .boxgrid > .col[data-bg_sm_order="12"] {
    order: 12;
  }
  .boxgrid > .sm_first {
    order: -1;
  }
  .boxgrid > .sm_last {
    order: 999;
  }
  .boxgrid > .sm_left {
    display: flex;
    justify-content: flex-start;
  }
  .boxgrid > .sm_center {
    display: flex;
    justify-content: center;
  }
  .boxgrid > .sm_right {
    display: flex;
    justify-content: flex-end;
  }
  .boxgrid > .sm_text_left {
    text-align: left;
  }
  .boxgrid > .sm_text_center {
    text-align: center;
  }
  .boxgrid > .sm_text_right {
    text-align: right;
  }
  .boxgrid > .sm_top {
    display: flex;
    align-items: flex-start;
  }
  .boxgrid > .sm_middle {
    display: flex;
    align-items: center;
  }
  .boxgrid > .sm_bottom {
    display: flex;
    align-items: flex-end;
  }
}
@media screen and (min-width: 850px) {
  .boxgrid > .md_12 {
    width: 99%;
    display: block;
  }
  .boxgrid > .md_11 {
    width: 90.6666666667%;
    display: block;
  }
  .boxgrid > .md_10 {
    width: 82.3333333333%;
    display: block;
  }
  .boxgrid > .md_9 {
    width: 74%;
    display: block;
  }
  .boxgrid > .md_8 {
    width: 65.6666666667%;
    display: block;
  }
  .boxgrid > .md_7 {
    width: 57.3333333333%;
    display: block;
  }
  .boxgrid > .md_6 {
    width: 49%;
    display: block;
  }
  .boxgrid > .md_5 {
    width: 40.6666666667%;
    display: block;
  }
  .boxgrid > .md_4 {
    width: 32.3333333333%;
    display: block;
  }
  .boxgrid > .md_3 {
    width: 24%;
    display: block;
  }
  .boxgrid > .md_eq_5th {
    width: 19%;
    display: block;
  }
  .boxgrid > .md_2 {
    width: 15.6666666667%;
    display: block;
  }
  .boxgrid > .md_1 {
    width: 7.3333333333%;
    display: block;
  }
  .boxgrid > .md_0 {
    display: none;
  }
  .boxgrid > .md_pre_11 {
    margin-left: 92.1666666667%;
  }
  .boxgrid > .md_pre_10 {
    margin-left: 83.8333333333%;
  }
  .boxgrid > .md_pre_9 {
    margin-left: 75.5%;
  }
  .boxgrid > .md_pre_8 {
    margin-left: 67.1666666667%;
  }
  .boxgrid > .md_pre_7 {
    margin-left: 58.8333333333%;
  }
  .boxgrid > .md_pre_6 {
    margin-left: 50.5%;
  }
  .boxgrid > .md_pre_5 {
    margin-left: 42.1666666667%;
  }
  .boxgrid > .md_pre_4 {
    margin-left: 33.8333333333%;
  }
  .boxgrid > .md_pre_3 {
    margin-left: 25.5%;
  }
  .boxgrid > .md_pre_2 {
    margin-left: 17.1666666667%;
  }
  .boxgrid > .md_pre_1 {
    margin-left: 8.8333333333%;
  }
  .boxgrid > .md_pre_0 {
    margin-left: 0.5%;
  }
  .boxgrid > .md_post_11 {
    margin-right: 92.1666666667%;
  }
  .boxgrid > .md_post_10 {
    margin-right: 83.8333333333%;
  }
  .boxgrid > .md_post_9 {
    margin-right: 75.5%;
  }
  .boxgrid > .md_post_8 {
    margin-right: 67.1666666667%;
  }
  .boxgrid > .md_post_7 {
    margin-right: 58.8333333333%;
  }
  .boxgrid > .md_post_6 {
    margin-right: 50.5%;
  }
  .boxgrid > .md_post_5 {
    margin-right: 42.1666666667%;
  }
  .boxgrid > .md_post_4 {
    margin-right: 33.8333333333%;
  }
  .boxgrid > .md_post_3 {
    margin-right: 25.5%;
  }
  .boxgrid > .md_post_2 {
    margin-right: 17.1666666667%;
  }
  .boxgrid > .md_post_1 {
    margin-right: 8.8333333333%;
  }
  .boxgrid > .md_post_0 {
    margin-right: 0.5%;
  }
  .boxgrid.no-margin > .md_12 {
    width: 100%;
  }
  .boxgrid.no-margin > .md_11 {
    width: 91.6666666667%;
  }
  .boxgrid.no-margin > .md_10 {
    width: 83.3333333333%;
  }
  .boxgrid.no-margin > .md_9 {
    width: 75%;
  }
  .boxgrid.no-margin > .md_8 {
    width: 66.6666666667%;
  }
  .boxgrid.no-margin > .md_7 {
    width: 58.3333333333%;
  }
  .boxgrid.no-margin > .md_6 {
    width: 50%;
  }
  .boxgrid.no-margin > .md_5 {
    width: 41.6666666667%;
  }
  .boxgrid.no-margin > .md_4 {
    width: 33.3333333333%;
  }
  .boxgrid.no-margin > .md_3 {
    width: 25%;
  }
  .boxgrid.no-margin > .md_eq_5th {
    width: 20%;
  }
  .boxgrid.no-margin > .md_2 {
    width: 16.6666666667%;
  }
  .boxgrid.no-margin > .md_1 {
    width: 8.3333333333%;
  }
  .boxgrid.no-margin > .md_0 {
    display: none;
  }
  .boxgrid.no-margin > .md_pre_11 {
    margin-left: 91.6666666667%;
  }
  .boxgrid.no-margin > .md_pre_11 {
    margin-left: 91.6666666667%;
  }
  .boxgrid.no-margin > .md_pre_10 {
    margin-left: 83.3333333333%;
  }
  .boxgrid.no-margin > .md_pre_9 {
    margin-left: 75%;
  }
  .boxgrid.no-margin > .md_pre_8 {
    margin-left: 66.6666666667%;
  }
  .boxgrid.no-margin > .md_pre_7 {
    margin-left: 58.3333333333%;
  }
  .boxgrid.no-margin > .md_pre_6 {
    margin-left: 50%;
  }
  .boxgrid.no-margin > .md_pre_5 {
    margin-left: 41.6666666667%;
  }
  .boxgrid.no-margin > .md_pre_4 {
    margin-left: 33.3333333333%;
  }
  .boxgrid.no-margin > .md_pre_3 {
    margin-left: 25%;
  }
  .boxgrid.no-margin > .md_pre_2 {
    margin-left: 16.6666666667%;
  }
  .boxgrid.no-margin > .md_pre_1 {
    margin-left: 8.3333333333%;
  }
  .boxgrid.no-margin > .md_pre_0 {
    margin-left: 0;
  }
  .boxgrid.no-margin > .md_post_11 {
    margin-right: 91.6666666667%;
  }
  .boxgrid.no-margin > .md_post_10 {
    margin-right: 83.3333333333%;
  }
  .boxgrid.no-margin > .md_post_9 {
    margin-right: 75%;
  }
  .boxgrid.no-margin > .md_post_8 {
    margin-right: 66.6666666667%;
  }
  .boxgrid.no-margin > .md_post_7 {
    margin-right: 58.3333333333%;
  }
  .boxgrid.no-margin > .md_post_6 {
    margin-right: 50%;
  }
  .boxgrid.no-margin > .md_post_5 {
    margin-right: 41.6666666667%;
  }
  .boxgrid.no-margin > .md_post_4 {
    margin-right: 33.3333333333%;
  }
  .boxgrid.no-margin > .md_post_3 {
    margin-right: 25%;
  }
  .boxgrid.no-margin > .md_post_2 {
    margin-right: 16.6666666667%;
  }
  .boxgrid.no-margin > .md_post_1 {
    margin-right: 8.3333333333%;
  }
  .boxgrid.no-margin > .md_post_0 {
    margin-right: 0;
  }
  .boxgrid > .col[data-bg_md_order="1"] {
    order: 1;
  }
  .boxgrid > .col[data-bg_md_order="2"] {
    order: 2;
  }
  .boxgrid > .col[data-bg_md_order="3"] {
    order: 3;
  }
  .boxgrid > .col[data-bg_md_order="4"] {
    order: 4;
  }
  .boxgrid > .col[data-bg_md_order="5"] {
    order: 5;
  }
  .boxgrid > .col[data-bg_md_order="6"] {
    order: 6;
  }
  .boxgrid > .col[data-bg_md_order="7"] {
    order: 7;
  }
  .boxgrid > .col[data-bg_md_order="8"] {
    order: 8;
  }
  .boxgrid > .col[data-bg_md_order="9"] {
    order: 9;
  }
  .boxgrid > .col[data-bg_md_order="10"] {
    order: 10;
  }
  .boxgrid > .col[data-bg_md_order="11"] {
    order: 11;
  }
  .boxgrid > .col[data-bg_md_order="12"] {
    order: 12;
  }
  .boxgrid > .md_first {
    order: -1;
  }
  .boxgrid > .md_last {
    order: 999;
  }
  .boxgrid > .md_left {
    display: flex;
    justify-content: flex-start;
  }
  .boxgrid > .md_center {
    display: flex;
    justify-content: center;
  }
  .boxgrid > .md_right {
    display: flex;
    justify-content: flex-end;
  }
  .boxgrid > .md_text_left {
    text-align: left;
  }
  .boxgrid > .md_text_center {
    text-align: center;
  }
  .boxgrid > .md_text_right {
    text-align: right;
  }
  .boxgrid > .md_top {
    display: flex;
    align-items: flex-start;
  }
  .boxgrid > .md_middle {
    display: flex;
    align-items: center;
  }
  .boxgrid > .md_bottom {
    display: flex;
    align-items: flex-end;
  }
}
@media screen and (min-width: 1200px) {
  .boxgrid > .lg_12 {
    width: 99%;
    display: block;
  }
  .boxgrid > .lg_11 {
    width: 90.6666666667%;
    display: block;
  }
  .boxgrid > .lg_10 {
    width: 82.3333333333%;
    display: block;
  }
  .boxgrid > .lg_9 {
    width: 74%;
    display: block;
  }
  .boxgrid > .lg_8 {
    width: 65.6666666667%;
    display: block;
  }
  .boxgrid > .lg_7 {
    width: 57.3333333333%;
    display: block;
  }
  .boxgrid > .lg_6 {
    width: 49%;
    display: block;
  }
  .boxgrid > .lg_5 {
    width: 40.6666666667%;
    display: block;
  }
  .boxgrid > .lg_4 {
    width: 32.3333333333%;
    display: block;
  }
  .boxgrid > .lg_3 {
    width: 24%;
    display: block;
  }
  .boxgrid > .lg_eq_5th {
    width: 19%;
    display: block;
  }
  .boxgrid > .lg_2 {
    width: 15.6666666667%;
    display: block;
  }
  .boxgrid > .lg_1 {
    width: 7.3333333333%;
    display: block;
  }
  .boxgrid > .lg_0 {
    display: none;
  }
  .boxgrid > .lg_pre_11 {
    margin-left: 92.1666666667%;
  }
  .boxgrid > .lg_pre_10 {
    margin-left: 83.8333333333%;
  }
  .boxgrid > .lg_pre_9 {
    margin-left: 75.5%;
  }
  .boxgrid > .lg_pre_8 {
    margin-left: 67.1666666667%;
  }
  .boxgrid > .lg_pre_7 {
    margin-left: 58.8333333333%;
  }
  .boxgrid > .lg_pre_6 {
    margin-left: 50.5%;
  }
  .boxgrid > .lg_pre_5 {
    margin-left: 42.1666666667%;
  }
  .boxgrid > .lg_pre_4 {
    margin-left: 33.8333333333%;
  }
  .boxgrid > .lg_pre_3 {
    margin-left: 25.5%;
  }
  .boxgrid > .lg_pre_2 {
    margin-left: 17.1666666667%;
  }
  .boxgrid > .lg_pre_1 {
    margin-left: 8.8333333333%;
  }
  .boxgrid > .lg_pre_0 {
    margin-left: 0.5%;
  }
  .boxgrid > .lg_post_11 {
    margin-right: 92.1666666667%;
  }
  .boxgrid > .lg_post_10 {
    margin-right: 83.8333333333%;
  }
  .boxgrid > .lg_post_9 {
    margin-right: 75.5%;
  }
  .boxgrid > .lg_post_8 {
    margin-right: 67.1666666667%;
  }
  .boxgrid > .lg_post_7 {
    margin-right: 58.8333333333%;
  }
  .boxgrid > .lg_post_6 {
    margin-right: 50.5%;
  }
  .boxgrid > .lg_post_5 {
    margin-right: 42.1666666667%;
  }
  .boxgrid > .lg_post_4 {
    margin-right: 33.8333333333%;
  }
  .boxgrid > .lg_post_3 {
    margin-right: 25.5%;
  }
  .boxgrid > .lg_post_2 {
    margin-right: 17.1666666667%;
  }
  .boxgrid > .lg_post_1 {
    margin-right: 8.8333333333%;
  }
  .boxgrid > .lg_post_0 {
    margin-right: 0.5%;
  }
  .boxgrid.no-margin > .lg_12 {
    width: 100%;
  }
  .boxgrid.no-margin > .lg_11 {
    width: 91.6666666667%;
  }
  .boxgrid.no-margin > .lg_10 {
    width: 83.3333333333%;
  }
  .boxgrid.no-margin > .lg_9 {
    width: 75%;
  }
  .boxgrid.no-margin > .lg_8 {
    width: 66.6666666667%;
  }
  .boxgrid.no-margin > .lg_7 {
    width: 58.3333333333%;
  }
  .boxgrid.no-margin > .lg_6 {
    width: 50%;
  }
  .boxgrid.no-margin > .lg_5 {
    width: 41.6666666667%;
  }
  .boxgrid.no-margin > .lg_4 {
    width: 33.3333333333%;
  }
  .boxgrid.no-margin > .lg_3 {
    width: 25%;
  }
  .boxgrid.no-margin > .lg_eq_5th {
    width: 20%;
  }
  .boxgrid.no-margin > .lg_2 {
    width: 16.6666666667%;
  }
  .boxgrid.no-margin > .lg_1 {
    width: 8.3333333333%;
  }
  .boxgrid.no-margin > .lg_0 {
    display: none;
  }
  .boxgrid.no-margin > .lg_pre_11 {
    margin-left: 91.6666666667%;
  }
  .boxgrid.no-margin > .lg_pre_11 {
    margin-left: 91.6666666667%;
  }
  .boxgrid.no-margin > .lg_pre_10 {
    margin-left: 83.3333333333%;
  }
  .boxgrid.no-margin > .lg_pre_9 {
    margin-left: 75%;
  }
  .boxgrid.no-margin > .lg_pre_8 {
    margin-left: 66.6666666667%;
  }
  .boxgrid.no-margin > .lg_pre_7 {
    margin-left: 58.3333333333%;
  }
  .boxgrid.no-margin > .lg_pre_6 {
    margin-left: 50%;
  }
  .boxgrid.no-margin > .lg_pre_5 {
    margin-left: 41.6666666667%;
  }
  .boxgrid.no-margin > .lg_pre_4 {
    margin-left: 33.3333333333%;
  }
  .boxgrid.no-margin > .lg_pre_3 {
    margin-left: 25%;
  }
  .boxgrid.no-margin > .lg_pre_2 {
    margin-left: 16.6666666667%;
  }
  .boxgrid.no-margin > .lg_pre_1 {
    margin-left: 8.3333333333%;
  }
  .boxgrid.no-margin > .lg_pre_0 {
    margin-left: 0;
  }
  .boxgrid.no-margin > .lg_post_11 {
    margin-right: 91.6666666667%;
  }
  .boxgrid.no-margin > .lg_post_10 {
    margin-right: 83.3333333333%;
  }
  .boxgrid.no-margin > .lg_post_9 {
    margin-right: 75%;
  }
  .boxgrid.no-margin > .lg_post_8 {
    margin-right: 66.6666666667%;
  }
  .boxgrid.no-margin > .lg_post_7 {
    margin-right: 58.3333333333%;
  }
  .boxgrid.no-margin > .lg_post_6 {
    margin-right: 50%;
  }
  .boxgrid.no-margin > .lg_post_5 {
    margin-right: 41.6666666667%;
  }
  .boxgrid.no-margin > .lg_post_4 {
    margin-right: 33.3333333333%;
  }
  .boxgrid.no-margin > .lg_post_3 {
    margin-right: 25%;
  }
  .boxgrid.no-margin > .lg_post_2 {
    margin-right: 16.6666666667%;
  }
  .boxgrid.no-margin > .lg_post_1 {
    margin-right: 8.3333333333%;
  }
  .boxgrid.no-margin > .lg_post_0 {
    margin-right: 0;
  }
  .boxgrid > .col[data-bg_lg_order="1"] {
    order: 1;
  }
  .boxgrid > .col[data-bg_lg_order="2"] {
    order: 2;
  }
  .boxgrid > .col[data-bg_lg_order="3"] {
    order: 3;
  }
  .boxgrid > .col[data-bg_lg_order="4"] {
    order: 4;
  }
  .boxgrid > .col[data-bg_lg_order="5"] {
    order: 5;
  }
  .boxgrid > .col[data-bg_lg_order="6"] {
    order: 6;
  }
  .boxgrid > .col[data-bg_lg_order="7"] {
    order: 7;
  }
  .boxgrid > .col[data-bg_lg_order="8"] {
    order: 8;
  }
  .boxgrid > .col[data-bg_lg_order="9"] {
    order: 9;
  }
  .boxgrid > .col[data-bg_lg_order="10"] {
    order: 10;
  }
  .boxgrid > .col[data-bg_lg_order="11"] {
    order: 11;
  }
  .boxgrid > .col[data-bg_lg_order="12"] {
    order: 12;
  }
  .boxgrid > .lg_first {
    order: -1;
  }
  .boxgrid > .lg_last {
    order: 999;
  }
  .boxgrid > .lg_left {
    display: flex;
    justify-content: flex-start;
  }
  .boxgrid > .lg_center {
    display: flex;
    justify-content: center;
  }
  .boxgrid > .lg_right {
    display: flex;
    justify-content: flex-end;
  }
  .boxgrid > .lg_text_left {
    text-align: left;
  }
  .boxgrid > .lg_text_center {
    text-align: center;
  }
  .boxgrid > .lg_text_right {
    text-align: right;
  }
  .boxgrid > .lg_top {
    display: flex;
    align-items: flex-start;
  }
  .boxgrid > .lg_middle {
    display: flex;
    align-items: center;
  }
  .boxgrid > .lg_bottom {
    display: flex;
    align-items: flex-end;
  }
}
@media screen and (min-width: 1500px) {
  .boxgrid > .xl_12 {
    width: 99%;
    display: block;
  }
  .boxgrid > .xl_11 {
    width: 90.6666666667%;
    display: block;
  }
  .boxgrid > .xl_10 {
    width: 82.3333333333%;
    display: block;
  }
  .boxgrid > .xl_9 {
    width: 74%;
    display: block;
  }
  .boxgrid > .xl_8 {
    width: 65.6666666667%;
    display: block;
  }
  .boxgrid > .xl_7 {
    width: 57.3333333333%;
    display: block;
  }
  .boxgrid > .xl_6 {
    width: 49%;
    display: block;
  }
  .boxgrid > .xl_5 {
    width: 40.6666666667%;
    display: block;
  }
  .boxgrid > .xl_4 {
    width: 32.3333333333%;
    display: block;
  }
  .boxgrid > .xl_3 {
    width: 24%;
    display: block;
  }
  .boxgrid > .xl_eq_5th {
    width: 19%;
    display: block;
  }
  .boxgrid > .xl_2 {
    width: 15.6666666667%;
    display: block;
  }
  .boxgrid > .xl_1 {
    width: 7.3333333333%;
    display: block;
  }
  .boxgrid > .xl_0 {
    display: none;
  }
  .boxgrid > .xl_pre_11 {
    margin-left: 92.1666666667%;
  }
  .boxgrid > .xl_pre_10 {
    margin-left: 83.8333333333%;
  }
  .boxgrid > .xl_pre_9 {
    margin-left: 75.5%;
  }
  .boxgrid > .xl_pre_8 {
    margin-left: 67.1666666667%;
  }
  .boxgrid > .xl_pre_7 {
    margin-left: 58.8333333333%;
  }
  .boxgrid > .xl_pre_6 {
    margin-left: 50.5%;
  }
  .boxgrid > .xl_pre_5 {
    margin-left: 42.1666666667%;
  }
  .boxgrid > .xl_pre_4 {
    margin-left: 33.8333333333%;
  }
  .boxgrid > .xl_pre_3 {
    margin-left: 25.5%;
  }
  .boxgrid > .xl_pre_2 {
    margin-left: 17.1666666667%;
  }
  .boxgrid > .xl_pre_1 {
    margin-left: 8.8333333333%;
  }
  .boxgrid > .xl_pre_0 {
    margin-left: 0.5%;
  }
  .boxgrid > .xl_post_11 {
    margin-right: 92.1666666667%;
  }
  .boxgrid > .xl_post_10 {
    margin-right: 83.8333333333%;
  }
  .boxgrid > .xl_post_9 {
    margin-right: 75.5%;
  }
  .boxgrid > .xl_post_8 {
    margin-right: 67.1666666667%;
  }
  .boxgrid > .xl_post_7 {
    margin-right: 58.8333333333%;
  }
  .boxgrid > .xl_post_6 {
    margin-right: 50.5%;
  }
  .boxgrid > .xl_post_5 {
    margin-right: 42.1666666667%;
  }
  .boxgrid > .xl_post_4 {
    margin-right: 33.8333333333%;
  }
  .boxgrid > .xl_post_3 {
    margin-right: 25.5%;
  }
  .boxgrid > .xl_post_2 {
    margin-right: 17.1666666667%;
  }
  .boxgrid > .xl_post_1 {
    margin-right: 8.8333333333%;
  }
  .boxgrid > .xl_post_0 {
    margin-right: 0.5%;
  }
  .boxgrid.no-margin > .xl_12 {
    width: 100%;
  }
  .boxgrid.no-margin > .xl_11 {
    width: 91.6666666667%;
  }
  .boxgrid.no-margin > .xl_10 {
    width: 83.3333333333%;
  }
  .boxgrid.no-margin > .xl_9 {
    width: 75%;
  }
  .boxgrid.no-margin > .xl_8 {
    width: 66.6666666667%;
  }
  .boxgrid.no-margin > .xl_7 {
    width: 58.3333333333%;
  }
  .boxgrid.no-margin > .xl_6 {
    width: 50%;
  }
  .boxgrid.no-margin > .xl_5 {
    width: 41.6666666667%;
  }
  .boxgrid.no-margin > .xl_4 {
    width: 33.3333333333%;
  }
  .boxgrid.no-margin > .xl_3 {
    width: 25%;
  }
  .boxgrid.no-margin > .xl_eq_5th {
    width: 20%;
  }
  .boxgrid.no-margin > .xl_2 {
    width: 16.6666666667%;
  }
  .boxgrid.no-margin > .xl_1 {
    width: 8.3333333333%;
  }
  .boxgrid.no-margin > .xl_0 {
    display: none;
  }
  .boxgrid.no-margin > .xl_pre_11 {
    margin-left: 91.6666666667%;
  }
  .boxgrid.no-margin > .xl_pre_11 {
    margin-left: 91.6666666667%;
  }
  .boxgrid.no-margin > .xl_pre_10 {
    margin-left: 83.3333333333%;
  }
  .boxgrid.no-margin > .xl_pre_9 {
    margin-left: 75%;
  }
  .boxgrid.no-margin > .xl_pre_8 {
    margin-left: 66.6666666667%;
  }
  .boxgrid.no-margin > .xl_pre_7 {
    margin-left: 58.3333333333%;
  }
  .boxgrid.no-margin > .xl_pre_6 {
    margin-left: 50%;
  }
  .boxgrid.no-margin > .xl_pre_5 {
    margin-left: 41.6666666667%;
  }
  .boxgrid.no-margin > .xl_pre_4 {
    margin-left: 33.3333333333%;
  }
  .boxgrid.no-margin > .xl_pre_3 {
    margin-left: 25%;
  }
  .boxgrid.no-margin > .xl_pre_2 {
    margin-left: 16.6666666667%;
  }
  .boxgrid.no-margin > .xl_pre_1 {
    margin-left: 8.3333333333%;
  }
  .boxgrid.no-margin > .xl_pre_0 {
    margin-left: 0;
  }
  .boxgrid.no-margin > .xl_post_11 {
    margin-right: 91.6666666667%;
  }
  .boxgrid.no-margin > .xl_post_10 {
    margin-right: 83.3333333333%;
  }
  .boxgrid.no-margin > .xl_post_9 {
    margin-right: 75%;
  }
  .boxgrid.no-margin > .xl_post_8 {
    margin-right: 66.6666666667%;
  }
  .boxgrid.no-margin > .xl_post_7 {
    margin-right: 58.3333333333%;
  }
  .boxgrid.no-margin > .xl_post_6 {
    margin-right: 50%;
  }
  .boxgrid.no-margin > .xl_post_5 {
    margin-right: 41.6666666667%;
  }
  .boxgrid.no-margin > .xl_post_4 {
    margin-right: 33.3333333333%;
  }
  .boxgrid.no-margin > .xl_post_3 {
    margin-right: 25%;
  }
  .boxgrid.no-margin > .xl_post_2 {
    margin-right: 16.6666666667%;
  }
  .boxgrid.no-margin > .xl_post_1 {
    margin-right: 8.3333333333%;
  }
  .boxgrid.no-margin > .xl_post_0 {
    margin-right: 0;
  }
  .boxgrid > .col[data-bg_xl_order="1"] {
    order: 1;
  }
  .boxgrid > .col[data-bg_xl_order="2"] {
    order: 2;
  }
  .boxgrid > .col[data-bg_xl_order="3"] {
    order: 3;
  }
  .boxgrid > .col[data-bg_xl_order="4"] {
    order: 4;
  }
  .boxgrid > .col[data-bg_xl_order="5"] {
    order: 5;
  }
  .boxgrid > .col[data-bg_xl_order="6"] {
    order: 6;
  }
  .boxgrid > .col[data-bg_xl_order="7"] {
    order: 7;
  }
  .boxgrid > .col[data-bg_xl_order="8"] {
    order: 8;
  }
  .boxgrid > .col[data-bg_xl_order="9"] {
    order: 9;
  }
  .boxgrid > .col[data-bg_xl_order="10"] {
    order: 10;
  }
  .boxgrid > .col[data-bg_xl_order="11"] {
    order: 11;
  }
  .boxgrid > .col[data-bg_xl_order="12"] {
    order: 12;
  }
  .boxgrid > .xl_first {
    order: -1;
  }
  .boxgrid > .xl_last {
    order: 999;
  }
  .boxgrid > .xl_left {
    display: flex;
    justify-content: flex-start;
  }
  .boxgrid > .xl_center {
    display: flex;
    justify-content: center;
  }
  .boxgrid > .xl_right {
    display: flex;
    justify-content: flex-end;
  }
  .boxgrid > .xl_text_left {
    text-align: left;
  }
  .boxgrid > .xl_text_center {
    text-align: center;
  }
  .boxgrid > .xl_text_right {
    text-align: right;
  }
  .boxgrid > .xl_top {
    display: flex;
    align-items: flex-start;
  }
  .boxgrid > .xl_middle {
    display: flex;
    align-items: center;
  }
  .boxgrid > .xl_bottom {
    display: flex;
    align-items: flex-end;
  }
}
html,
body {
  /*    background:#fff;
      margin:0;
      padding:0;
      width:100%;
      height:100%;
      overflow-x:hidden;
      position: relative;*/
}

.responsive-img {
  width: 100%;
  height: auto;
}

.visible-xs {
  display: block;
}
@media screen and (min-width: 850px) {
  .visible-xs {
    display: none;
  }
}

.container {
  padding: 0 1.5em;
  width: 100%;
}
@media screen and (min-width: 550px) {
  .container {
    padding: 0 2em;
  }
}
@media screen and (min-width: 850px) {
  .container {
    padding: 0 4em;
  }
}
@media screen and (min-width: 1200px) {
  .container {
    padding: 0 5vw;
  }
}
@media screen and (min-width: 1500px) {
  .container {
    padding: 0 10vw;
  }
}

.container-large {
  padding: 0 2em;
}

.primary {
  background-color: #012346;
}

.primary-alt {
  background-color: #a31f36;
}

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

.margin-top {
  margin-top: 3em;
}

.margin-bottom {
  margin-bottom: 6em;
}

.hr-brand {
  background: #1f262a;
  border: none;
  display: inline-block;
  height: 4px;
  margin: 30px auto 30px 0;
  text-align: left;
  width: 100px;
}
@media screen and (min-width: 850px) {
  .hr-brand {
    margin: 40px auto 40px 0;
  }
}
.hr-brand.center {
  display: flex;
  margin-left: auto;
  margin-right: auto;
}

.content-box {
  background: #fff;
  display: block;
  height: 95%;
  padding: 30px 20px;
  overflow: hidden;
  text-align: center;
}
@media screen and (min-width: 850px) {
  .content-box.left {
    margin-right: 5%;
  }
}
@media screen and (min-width: 850px) {
  .content-box.right {
    margin-left: 5%;
  }
}
.content-box.bottom {
  border-radius: 0 0 30px 30px;
}
.content-box img {
  display: block;
  margin: 0 auto 15px;
  max-width: 100px;
}
.content-box h3 {
  color: #1b224f;
  font-size: 1.2em;
  font-weight: bold;
  text-transform: uppercase;
}
.content-box p {
  color: #000;
  margin: 0;
}

.main-content h2 {
  margin: 10px 0 20px;
  line-height: 1.2;
}
@media screen and (max-width: 850px) {
  .main-content h2 {
    font-size: 2.2em;
    line-height: 1.2;
  }
}
.main-content h3 {
  font-weight: bold;
}

.full-rounded {
  border-radius: 30px;
  margin-bottom: 3em;
  overflow: hidden;
}
@media screen and (max-width: 850px) {
  .full-rounded {
    margin-bottom: 2em;
  }
}
@media screen and (min-width: 850px) {
  .full-rounded.left {
    margin-right: 5%;
  }
}
@media screen and (min-width: 850px) {
  .full-rounded.right {
    margin-left: 5%;
  }
}
.full-rounded picture {
  display: block;
  height: 250px;
  overflow: hidden;
}
@media screen and (max-width: 850px) {
  .full-rounded picture {
    height: 150px;
  }
}
.full-rounded picture img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.full-rounded .full-rounded-content {
  background: #fff;
  display: block;
  height: 95%;
  padding: 30px 20px;
  overflow: hidden;
  text-align: center;
}
.full-rounded .full-rounded-content img {
  display: block;
  margin: 0 auto;
  max-width: 100px;
}
.full-rounded .full-rounded-content h3 {
  color: #1b224f;
  font-size: 1.2em;
  font-weight: bold;
  text-transform: uppercase;
}
.full-rounded .full-rounded-content p {
  color: #000;
  margin: 0;
}

.recent-work {
  background: #f1f1f1;
  padding: 2em 0;
}
.recent-work h3 {
  color: #1b224f;
  font-size: 1.2em;
  margin: 0 0 10px;
  text-transform: uppercase;
}
.recent-work p {
  color: #000;
  margin: 0;
}

.facebook-link {
  align-items: center;
  display: flex;
  justify-content: center;
  padding: 2em 0;
}
.facebook-link:hover h3 {
  color: #283275;
}
.facebook-link h3 {
  font-weight: bold;
  margin: 0;
}
.facebook-link img {
  margin-left: 10px;
}

footer {
  background: #1b224f;
  padding: 2em 0;
}
footer .logo {
  max-width: 100px;
}

body {
  font-family: "League Spartan", sans-serif;
}

a {
  text-decoration: none;
  color: #c40000;
  font-weight: 600;
}
a:hover {
  cursor: pointer;
  color: #c40000;
  transition: color 0.3s;
}

h1, .h1 {
  color: #fff;
  font-size: 2.5em;
  font-weight: 400;
  line-height: 1.2;
}
@media screen and (min-width: 550px) {
  h1, .h1 {
    font-size: 3.2em;
  }
}

h2, .h2 {
  font-size: 2.2em;
  color: #fff;
  font-size: 4em;
  font-weight: 400;
}
@media screen and (min-width: 550px) {
  h2, .h2 {
    font-size: 2.4em;
  }
}

h3, .h3 {
  font-size: 1.6em;
  font-weight: 400;
  margin-bottom: 10px;
}
@media screen and (min-width: 550px) {
  h3, .h3 {
    font-size: 1.8em;
  }
}

h4, .h4 {
  font-size: 1.4em;
  font-weight: 400;
}

p {
  color: #252525;
  font-family: "League Spartan", sans-serif;
  font-size: 20px;
  font-weight: 400;
  font-weight: 300;
  line-height: 140%;
  margin-top: 0;
  margin-bottom: 1.5rem;
}
@media screen and (min-width: 850px) {
  p {
    font-size: 22px;
  }
}
p.small {
  font-size: 16px;
}
@media screen and (min-width: 850px) {
  p.small {
    font-size: 18px;
  }
}
p.white {
  color: #fff;
}

ul.p {
  margin-bottom: 1.5rem;
  padding-left: 2rem;
}
ul.p li {
  color: #252525;
  font-family: "League Spartan", sans-serif;
  font-size: 20px;
  font-weight: 400;
  font-weight: 300;
  line-height: 140%;
}
@media screen and (min-width: 850px) {
  ul.p li {
    font-size: 22px;
  }
}

h1, h2, h3, h4, h5, h6, a, p, li, span, label {
  /* Colours */
  /* Text styles */
}
h1.primary, h2.primary, h3.primary, h4.primary, h5.primary, h6.primary, a.primary, p.primary, li.primary, span.primary, label.primary {
  color: #012346;
}
h1.primary-alt, h2.primary-alt, h3.primary-alt, h4.primary-alt, h5.primary-alt, h6.primary-alt, a.primary-alt, p.primary-alt, li.primary-alt, span.primary-alt, label.primary-alt {
  color: #a31f36;
}
h1.secondary, h2.secondary, h3.secondary, h4.secondary, h5.secondary, h6.secondary, a.secondary, p.secondary, li.secondary, span.secondary, label.secondary {
  color: #c40000;
}
h1.pale, h2.pale, h3.pale, h4.pale, h5.pale, h6.pale, a.pale, p.pale, li.pale, span.pale, label.pale {
  color: #fff;
}
h1.dark, h2.dark, h3.dark, h4.dark, h5.dark, h6.dark, a.dark, p.dark, li.dark, span.dark, label.dark {
  color: #575656;
}
h1.success, h2.success, h3.success, h4.success, h5.success, h6.success, a.success, p.success, li.success, span.success, label.success {
  color: green;
}
h1.error, h2.error, h3.error, h4.error, h5.error, h6.error, a.error, p.error, li.error, span.error, label.error {
  color: red;
  margin-top: 0;
  margin-bottom: 20px;
}
h1.upper, h2.upper, h3.upper, h4.upper, h5.upper, h6.upper, a.upper, p.upper, li.upper, span.upper, label.upper {
  text-transform: uppercase;
}
h1.bold, h2.bold, h3.bold, h4.bold, h5.bold, h6.bold, a.bold, p.bold, li.bold, span.bold, label.bold {
  font-weight: 600;
}

header {
  background: rgba(255, 255, 255, 0.9);
  background: #1f262a;
  position: relative;
  width: 100%;
  z-index: 5;
}
header .header-main {
  align-items: center;
  display: grid;
  grid-template-columns: auto 100px auto;
  padding: 10px 0;
}
@media screen and (max-width: 850px) {
  header .header-main {
    grid-template-columns: auto 60px auto;
  }
}
header .header-main .header-tel {
  align-items: center;
  color: #fff;
  display: flex;
  font-weight: 400;
  gap: 5px;
  position: relative;
}
@media screen and (max-width: 850px) {
  header .header-main .header-tel {
    font-size: 13px;
  }
}
header .header-main .header-tel:hover {
  color: #c1bbbb;
}
header .header-main .header-logo {
  display: block;
  height: 100px;
}
@media screen and (max-width: 850px) {
  header .header-main .header-logo {
    height: 60px;
  }
}
header .header-main .header-logo img {
  max-width: 100px;
}
@media screen and (max-width: 850px) {
  header .header-main .header-logo img {
    max-width: 60px;
  }
}
header .header-main .header-email {
  align-items: center;
  color: #fff;
  display: flex;
  font-weight: 400;
  gap: 5px;
  justify-self: flex-end;
  position: relative;
}
@media screen and (max-width: 850px) {
  header .header-main .header-email {
    font-size: 13px;
  }
}
header .header-main .header-email:hover {
  color: #c1bbbb;
}
header .main-menu {
  background: #2A3439;
}
header .main-menu ul {
  display: flex;
  gap: 10px;
  justify-content: center;
  list-style-type: none;
}
@media screen and (max-width: 850px) {
  header .main-menu ul {
    flex-wrap: wrap;
    gap: 5px;
    padding-bottom: 10px;
    padding-top: 10px;
  }
}
header .main-menu ul li a {
  color: #fff;
  display: block;
  font-weight: 400;
  letter-spacing: 0.5px;
  padding: 10px 20px;
  text-transform: uppercase;
}
@media screen and (max-width: 850px) {
  header .main-menu ul li a {
    font-size: 14px;
    padding: 10px 5px;
  }
}
header .main-menu ul li a:hover {
  background: #000;
}

.navigation-container {
  background: rgba(255, 255, 255, 0.95);
  -webkit-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
  position: absolute;
  /*    position: fixed;*/
  z-index: 5;
  padding: 0;
  top: 0;
  right: -100%;
  height: 100vh;
  width: 100%;
  overflow: hidden;
  content-visibility: hidden;
}
@media screen and (min-width: 850px) {
  .navigation-container {
    border-left: 6px solid #e1e0e0;
    width: 60%;
  }
}
@media screen and (min-width: 1200px) {
  .navigation-container {
    width: 40%;
  }
}
@media screen and (min-width: 1500px) {
  .navigation-container {
    width: 30%;
  }
}
.navigation-container.active {
  right: 0 !important;
  content-visibility: visible;
}

.main-navigation {
  padding: calc(100px + 2em) 20% 1em 50px;
  position: relative;
  z-index: 4;
}
@media screen and (max-width: 1200px) {
  .main-navigation {
    padding: calc(100px + 2em) 10% 1em 50px;
  }
}
@media screen and (min-width: 850px) {
  .main-navigation {
    height: 95vh;
    overflow-y: auto;
    overflow-x: hidden;
  }
}
.main-navigation:before {
  content: "";
  display: inline-block;
  height: 120px;
  left: 0;
  padding-left: 10px;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 4;
}
.main-navigation .menu-primary-container #menu-primary {
  padding-left: 0;
  width: 80%;
}
.main-navigation .menu-primary-container #menu-primary.opacity > li > a {
  opacity: 0;
}
.main-navigation .menu-primary-container ul.sub-menu {
  display: block;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  position: absolute;
  z-index: 8;
  opacity: 0;
  right: -100%;
  top: 0;
  height: 100%;
  width: 100%;
  overflow: auto;
  display: block;
  padding: calc(100px + 2em) 20% 1em 50px;
  overflow: hidden;
}
@media screen and (max-width: 1200px) {
  .main-navigation .menu-primary-container ul.sub-menu {
    padding: calc(100px + 2em) 10% 1em 10%;
  }
}
.main-navigation .menu-primary-container ul.sub-menu.opacity > li > a {
  opacity: 0;
}
.main-navigation .menu-primary-container ul.sub-menu li a {
  align-items: center;
  display: flex;
  font-size: 16px;
}
.main-navigation .menu-primary-container ul.sub-menu .btn-back-menu {
  align-items: center;
  background: #012346;
  border: none;
  cursor: pointer;
  display: flex;
  height: 120px;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 100px;
  z-index: 7;
}
.main-navigation .menu-primary-container ul.sub-menu .btn-back-menu:hover {
  background: #a31f36;
}
.main-navigation .menu-primary-container ul.sub-menu .btn-back-menu:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='48' viewBox='0 0 48 48' width='48'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M40 22h-24.34l11.17-11.17-2.83-2.83-16 16 16 16 2.83-2.83-11.17-11.17h24.34v-4z' fill='%23494948'/%3E%3C/svg%3E");
  content: "";
  display: inline-block;
  height: 48px;
  position: relative;
  width: 48px;
}
.main-navigation .menu-primary-container ul.sub-menu .btn-main-menu {
  align-items: center;
  background: #fbfbfb;
  border: none;
  color: #012346;
  cursor: pointer;
  display: flex;
  font-size: 16px;
  height: 120px;
  justify-content: center;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  text-decoration: none;
  top: 0;
  width: 100%;
  z-index: 6;
}
.main-navigation .menu-primary-container ul.sub-menu .btn-main-menu:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='22' viewBox='0 0 48 48' width='22'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M40 22h-24.34l11.17-11.17-2.83-2.83-16 16 16 16 2.83-2.83-11.17-11.17h24.34v-4z' fill='%23494948'/%3E%3C/svg%3E");
  content: "";
  display: inline-block;
  height: 22px;
  margin-right: 5px;
  position: relative;
  width: 22px;
}
.main-navigation .menu-primary-container ul.sub-menu.show {
  opacity: 1;
  right: 0;
  /*                    &.swiped {
                          opacity:1;
                          right: 100%;
                      }*/
}
.main-navigation .menu-primary-container ul.sub-menu li {
  display: block;
  margin-left: 0;
}
@media screen and (min-width: 850px) {
  .main-navigation .menu-primary-container ul.sub-menu li {
    clear: both;
    padding-left: 0;
    padding-right: 0;
  }
}
.main-navigation .menu-primary-container ul li {
  border-bottom: 1px solid #ccc;
  display: block;
  color: #012346;
  font-weight: 400;
  margin: 0;
  width: auto;
  /*                &.small {
                      a {
                          font-size: 16px;
                      }
                  }*/
}
.main-navigation .menu-primary-container ul li.current_page_item {
  font-weight: 500;
}
.main-navigation .menu-primary-container ul li.current_page_item a {
  color: #c40000;
}
.main-navigation .menu-primary-container ul li:last-of-type {
  border-bottom: none;
}
.main-navigation .menu-primary-container ul li.spacing a {
  display: block;
}
.main-navigation .menu-primary-container ul li.spacing a:before {
  background: #e1e0e0;
  content: "";
  display: block;
  height: 1px;
  margin: 0.6em 0;
  width: 30%;
}
.main-navigation .menu-primary-container ul li.menu-item-has-children > a:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='33' viewBox='0 0 21 21' width='33'%3E%3Cg fill='none' fill-rule='evenodd' stroke='%23494948' stroke-linecap='round' stroke-linejoin='round' transform='translate(2 2)'%3E%3Ccircle cx='8.5' cy='8.5' r='8'/%3E%3Cpath d='m7.5 11.5 3-3-3.068-3'/%3E%3C/g%3E%3C/svg%3E");
  content: "";
  display: inline-block;
  height: 33px;
  position: absolute;
  right: 0;
  width: 33px;
  transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.main-navigation .menu-primary-container ul li.menu-item-has-children > a:hover:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='33' viewBox='0 0 21 21' width='33'%3E%3Cg fill='none' fill-rule='evenodd' stroke='%23ffd306' stroke-linecap='round' stroke-linejoin='round' transform='translate(2 2)'%3E%3Ccircle cx='8.5' cy='8.5' r='8'/%3E%3Cpath d='m7.5 11.5 3-3-3.068-3'/%3E%3C/g%3E%3C/svg%3E");
  right: -10px;
}
.main-navigation .menu-primary-container ul li a {
  align-items: center;
  color: #012346;
  font-size: 2em;
  font-weight: bold;
  text-decoration: none;
  display: flex;
  padding: 15px 35px 15px 0;
  position: relative;
}
@media screen and (max-width: 850px) {
  .main-navigation .menu-primary-container ul li a {
    font-size: 1.6em;
  }
}
.main-navigation .menu-primary-container ul li a:hover {
  color: #012346;
}

.hamburger-menu {
  align-items: center;
  background: linear-gradient(90deg, rgb(1, 35, 70) 30%, rgb(0, 54, 110) 100%);
  display: flex;
  justify-content: center;
  width: 120px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  margin: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
  z-index: 10;
}
@media screen and (max-width: 550px) {
  .hamburger-menu {
    width: 70px;
  }
}
.hamburger-menu:hover {
  background: linear-gradient(125deg, rgb(196, 0, 0) 0%, rgb(254, 0, 0) 100%);
}
.hamburger-menu.open {
  position: absolute;
}
.hamburger-menu.open span {
  background: #fff;
}
.hamburger-menu div {
  position: relative;
  height: 24px;
  width: 30px;
}
.hamburger-menu span {
  display: block;
  position: absolute;
  height: 4px;
  width: 100%;
  background: #fff;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.hamburger-menu span:nth-child(1) {
  top: 3px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}
.hamburger-menu span:nth-child(2) {
  top: 12px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}
.hamburger-menu span:nth-child(3) {
  top: 21px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}
.hamburger-menu.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 2px;
  left: 4px;
}
.hamburger-menu.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}
.hamburger-menu.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 23px;
  left: 4px;
}

.logos .logos-content {
  margin: 0 auto;
  padding: 4em 0;
  align-items: center;
  display: flex;
  gap: 20px;
  justify-content: center;
}
.logos .logos-content .logos-content-block {
  align-items: center;
  display: flex;
  gap: 20px;
}
.logos .logos-content .logos-content-block img {
  height: auto;
  max-width: 150px;
}
.logos .logos-content .logos-content-block p {
  font-weight: 400;
  width: 50%;
}

footer {
  background: linear-gradient(313deg, #1f262a 0%, #2A3439 100%);
  content-visibility: auto;
  padding: 3em 0 4em;
}
@media screen and (min-width: 1200px) {
  footer {
    padding: 3em 0 6em;
  }
}
footer.page-template-home {
  padding: 0 0 4em;
}
@media screen and (min-width: 1200px) {
  footer.page-template-home {
    padding: 0 0 6em;
  }
}
footer .footer-container {
  padding: 0;
}
footer .footer-container .footer-large-button {
  margin-bottom: 2em;
}
footer .footer-container .footer-large-button a {
  display: block;
  font-size: 22px;
  font-weight: 400;
  padding: 15px 40px;
  text-align: center;
  text-transform: unset;
}
@media screen and (max-width: 850px) {
  footer .footer-container .footer-large-button a {
    font-size: 20px;
  }
}
footer .footer-container .footer-large-button a:hover {
  background: #484847;
  color: #fff;
}
footer .footer-container .footer-logo-block {
  margin-bottom: 2em;
}
@media screen and (max-width: 850px) {
  footer .footer-container .footer-logo-block {
    margin: 0 0 2em 20px;
  }
}
footer .footer-container .footer-logo-block .footer-logo {
  max-width: 150px;
  margin-bottom: 2em;
}
footer .footer-container .footer-logo-block img {
  max-width: 100px;
}
footer .footer-container .footer-navigation ul {
  list-style-type: none;
}
@media screen and (max-width: 850px) {
  footer .footer-container .footer-navigation ul {
    margin: 0 0 3em 20px;
    padding: 0;
  }
}
footer .footer-container .footer-navigation ul li {
  margin-bottom: 12px;
}
footer .footer-container .footer-navigation ul li a {
  color: #fff;
  font-size: 22px;
  font-weight: 300;
  text-decoration: none;
}
@media screen and (max-width: 850px) {
  footer .footer-container .footer-navigation ul li a {
    font-size: 20px;
  }
}
footer .footer-container .footer-navigation ul li a:hover {
  color: #c1bbbb;
}
@media screen and (max-width: 850px) {
  footer .footer-container .footer-info {
    margin: 0 0 2em 20px;
  }
}
footer .footer-container .footer-info a {
  color: #fff;
  font-size: 22px;
  font-weight: 300;
  margin-right: 20px;
  text-decoration: none;
}
@media screen and (max-width: 850px) {
  footer .footer-container .footer-info a {
    font-size: 20px;
  }
}
footer .footer-container .footer-info a:hover {
  color: #c1bbbb;
}
footer .footer-container .footer-info p {
  color: #fff;
  font-family: "League Spartan", sans-serif;
  font-size: 22px;
  font-weight: 300;
  margin-bottom: 10px;
}
@media screen and (max-width: 850px) {
  footer .footer-container .footer-info p {
    font-size: 20px;
  }
}
footer .footer-container .footer-info p strong {
  color: #fff;
  font-weight: 500;
}
footer .footer-container .footer-info p span {
  margin-right: 20px;
}
footer .footer-container .footer-social {
  display: none;
  margin: 1em auto 2em;
  text-align: center;
}
@media screen and (max-width: 850px) {
  footer .footer-container .footer-social {
    margin: 0 0 2em 20px;
  }
}
footer .footer-container .footer-social a {
  margin: 0 20px;
  text-decoration: none;
}
footer .footer-container .footer-social a svg {
  /*                    @include cubic-bezier(0.3s); */
  transform: scale(1);
}
footer .footer-container .footer-social a svg:hover {
  transform: scale(1.15);
}
footer .footer-container .footer-social a svg:hover path {
  fill: #484847;
}

.hero.hero-home {
  align-items: center;
  background-image: url("/assets/img/hero/hero-home-2026.jpg");
  background-position: left center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  height: 80vh;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 850px) {
  .hero.hero-home {
    background-position: center;
    background-size: cover;
    height: unset;
    padding: 40px 0 80px;
  }
}
.hero.hero-home:before {
  background: rgba(0, 0, 0, 0.7);
  content: "";
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 2;
}
.hero.hero-home .hero-content {
  padding: 0 10vw;
  position: relative;
  text-align: center;
  z-index: 3;
}
@media screen and (max-width: 850px) {
  .hero.hero-home .hero-content {
    padding: 0 5vw;
  }
}
.hero.hero-home .hero-content h1 {
  color: #fff;
  font-size: 2em;
  font-weight: 400;
  letter-spacing: 1px;
  margin-top: 0;
  margin-bottom: 35px;
  text-transform: uppercase;
}
@media screen and (min-width: 850px) {
  .hero.hero-home .hero-content h1 {
    font-size: 2.4em;
  }
}
@media screen and (min-width: 1200px) {
  .hero.hero-home .hero-content h1 {
    font-size: 3.2em;
  }
}
.hero.hero-page {
  align-items: center;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  height: 50vh;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.hero.hero-page.hero-fleet {
  background-image: url("/assets/img/hero/hero-fleet.jpg");
}
.hero.hero-page.hero-services {
  background-image: url("/assets/img/hero/hero-services-2026.jpg");
}
.hero.hero-page.hero-gallery {
  background-image: url("/assets/img/hero/hero-gallery.jpg");
}
.hero.hero-page.hero-reviews {
  background-image: url("/assets/img/hero/hero-reviews-2026.jpg");
}
.hero.hero-page.hero-careers {
  background-image: url("/assets/img/hero/hero-careers-2026.jpg");
}
.hero.hero-page.hero-contact {
  background-image: url("/assets/img/hero/hero-contact-2026.jpg");
}
@media screen and (max-width: 850px) {
  .hero.hero-page {
    background-position: center;
    background-size: cover;
    height: 60vh;
  }
}
@media screen and (max-width: 550px) {
  .hero.hero-page {
    height: 30vh;
  }
}
.hero.hero-page:before {
  background: rgba(0, 0, 0, 0.7);
  content: "";
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 2;
}
.hero.hero-page .hero-content {
  padding: 0 10vw;
  position: relative;
  text-align: center;
  width: 100%;
  z-index: 3;
}
@media screen and (max-width: 850px) {
  .hero.hero-page .hero-content {
    padding: 0 5vw;
  }
}
.hero.hero-page .hero-content h1 {
  color: #fff;
  font-size: 2em;
  font-weight: 400;
  letter-spacing: 1px;
  margin-top: 0;
  margin-bottom: 35px;
  text-transform: uppercase;
}
@media screen and (min-width: 850px) {
  .hero.hero-page .hero-content h1 {
    font-size: 2.4em;
  }
}
@media screen and (min-width: 1200px) {
  .hero.hero-page .hero-content h1 {
    font-size: 3.2em;
  }
}
strong {
  font-weight: bold;
}

.btn {
  align-items: center;
  background: #2A3439;
  border-radius: 10px;
  color: #fff;
  display: inline-flex;
  font-family: "League Spartan", sans-serif;
  font-size: 22px;
  font-weight: 400;
  justify-content: center;
  letter-spacing: 0.5px;
  padding: 0.8em 2em;
  text-align: center;
  text-transform: uppercase;
}
@media screen and (max-width: 550px) {
  .btn {
    font-size: 20px;
    width: 100%;
  }
}
.btn:hover {
  background: #1f262a;
  color: #fff;
}
.btn.center {
  justify-self: center;
  margin: 0 auto;
}

.button-grid {
  display: grid;
  justify-content: center;
  margin-top: 3rem;
  margin-bottom: 2rem;
}

@media screen and (max-width: 850px) {
  .mob-grid-unset > * {
    grid-column: 1/-1;
  }
}

.no-margin {
  margin: 0 !important;
}

@media screen and (max-width: 550px) {
  .hidden-xs {
    display: none;
  }
}

.pulsating-circle {
  transform: translateX(-50%) translateY(-50%);
  width: 10px;
  height: 10px;
  position: relative;
  top: 4px;
}
@media screen and (max-width: 550px) {
  .pulsating-circle {
    display: none;
  }
}
.pulsating-circle:before {
  content: "";
  position: relative;
  display: block;
  width: 300%;
  height: 300%;
  box-sizing: border-box;
  margin-left: -100%;
  margin-top: -100%;
  border-radius: 45px;
  background-color: #01a4e9;
  animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
}
.pulsating-circle:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: white;
  border-radius: 15px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite;
}

@keyframes pulse-ring {
  0% {
    transform: scale(0.33);
  }
  80%, 100% {
    opacity: 0;
  }
}
@keyframes pulse-dot {
  0% {
    transform: scale(0.8);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.8);
  }
}
.logo-strip {
  display: flex;
  justify-content: center;
  margin-bottom: -80px;
  position: relative;
  top: -80px;
  z-index: 5;
}
@media screen and (max-width: 850px) {
  .logo-strip {
    top: -50px;
  }
}
.logo-strip img {
  max-width: 160px;
}
@media screen and (max-width: 850px) {
  .logo-strip img {
    max-width: 100px;
  }
}

.main-content {
  /*    background-image:url('/assets/img/background.png'); 
      background-position:center right;
      background-size:auto 100%;
      background-repeat:no-repeat;*/
}

.page-intro {
  margin: 2em 0 4em;
}
.page-intro.center {
  text-align: center;
}
.page-intro.home, .page-intro.services {
  margin-bottom: 6em;
  margin-top: 5rem;
  display: grid;
  row-gap: 1.2rem;
}
@media screen and (max-width: 850px) {
  .page-intro.home, .page-intro.services {
    margin-bottom: 3em;
    margin-top: 3rem;
  }
}
@media screen and (min-width: 850px) {
  .page-intro.home, .page-intro.services {
    grid-template-columns: 1fr 1.5fr;
    gap: 3rem 5rem;
  }
}
.page-intro.home .page-intro-heading h2, .page-intro.services .page-intro-heading h2 {
  color: #060809;
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 35px;
}
@media screen and (max-width: 850px) {
  .page-intro.home .page-intro-heading h2, .page-intro.services .page-intro-heading h2 {
    font-size: 1.8em;
  }
}
.page-intro.home .page-intro-heading h2.small-margin, .page-intro.services .page-intro-heading h2.small-margin {
  margin-bottom: 0.3em;
}
.page-intro.home .page-intro-heading h2 i, .page-intro.services .page-intro-heading h2 i {
  font-weight: 100;
  font-size: 1.8rem;
}
.page-intro.home .page-intro-heading .btn, .page-intro.services .page-intro-heading .btn {
  justify-content: center;
  text-align: center;
  width: 100%;
}
.page-intro.home .page-intro-paragraph, .page-intro.services .page-intro-paragraph {
  color: #060809;
}
.page-intro.home .page-intro-button, .page-intro.services .page-intro-button {
  display: grid;
  justify-content: center;
}
@media screen and (min-width: 850px) {
  .page-intro.home .page-intro-button, .page-intro.services .page-intro-button {
    grid-column: span 2;
  }
}
.page-intro.services {
  padding-bottom: 0;
}
@media screen and (min-width: 850px) {
  .page-intro.services {
    grid-template-columns: 1fr 1fr;
    gap: 3rem 5rem;
  }
}

.trust {
  background: #1F262A;
  background: linear-gradient(313deg, #1f262a 0%, #2A3439 100%);
  color: #fff;
  padding: 4rem 0;
}
.trust .trust-inner {
  background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' width='327.89999' height='485.90002' viewBox='0 0 327.89999 485.90002' version='1.1' id='svg136'%3E%3Cdefs id='defs6'%3E%3CradialGradient id='nodeGlow' cx='0.5' cy='0.5' r='0.5'%3E%3Cstop offset='0%25' stop-color='%2300ffff' stop-opacity='0.9' id='stop1'/%3E%3Cstop offset='100%25' stop-color='%2300d4ff' stop-opacity='0' id='stop2'/%3E%3C/radialGradient%3E%3Cfilter id='glow' x='-0.025480769' y='-0.016914894' width='1.0509615' height='1.0338298'%3E%3CfeGaussianBlur stdDeviation='3' result='blur' id='feGaussianBlur2'/%3E%3CfeMerge id='feMerge3'%3E%3CfeMergeNode in='blur' id='feMergeNode2'/%3E%3CfeMergeNode in='SourceGraphic' id='feMergeNode3'/%3E%3C/feMerge%3E%3C/filter%3E%3Cfilter id='glowStrong' x='-0.085082873' y='-0.051677852' width='1.1701657' height='1.1033557'%3E%3CfeGaussianBlur stdDeviation='6' result='blur' id='feGaussianBlur3'/%3E%3CfeMerge id='feMerge5'%3E%3CfeMergeNode in='blur' id='feMergeNode4'/%3E%3CfeMergeNode in='SourceGraphic' id='feMergeNode5'/%3E%3C/feMerge%3E%3C/filter%3E%3ClinearGradient id='lineGrad1' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0%25' stop-color='%2300c8ff' stop-opacity='0.5' id='stop5'/%3E%3Cstop offset='100%25' stop-color='%230064ff' stop-opacity='0.2' id='stop6'/%3E%3C/linearGradient%3E%3C/defs%3E%3C!-- Black background --%3E%3C!-- Subtle grid --%3E%3C!-- UK Outline (simplified) --%3E%3C!-- Northern Ireland rough --%3E%3C!-- Connection lines between nodes --%3E%3C!-- Computed positions (x,y) for each city: London (361, 532) Birmingham (288, 464) Manchester (264, 396) Leeds (312, 374) Glasgow (192, 246) Edinburgh (228, 242) Cardiff (228, 532) Bristol (252, 536) Liverpool (240, 400) Sheffield (312, 400) Newcastle (308, 312) Belfast (108, 346) Exeter (216, 596) Norwich (412, 464) Aberdeen (292, 158) Inverness (192, 134) --%3E%3Cg stroke='%2300c8ff' stroke-width='0.9' opacity='0.45' id='g64' transform='translate(-96.05,-122.05)'%3E%3C!-- London connections --%3E%3Cline x1='361' y1='532' x2='288' y2='464' id='line39'/%3E%3Cline x1='361' y1='532' x2='252' y2='536' id='line40'/%3E%3Cline x1='361' y1='532' x2='228' y2='532' id='line41'/%3E%3Cline x1='361' y1='532' x2='412' y2='464' id='line42'/%3E%3Cline x1='361' y1='532' x2='312' y2='374' id='line43'/%3E%3C!-- Birmingham --%3E%3Cline x1='288' y1='464' x2='264' y2='396' id='line44'/%3E%3Cline x1='288' y1='464' x2='240' y2='400' id='line45'/%3E%3Cline x1='288' y1='464' x2='312' y2='400' id='line46'/%3E%3Cline x1='288' y1='464' x2='252' y2='536' id='line47'/%3E%3C!-- Manchester --%3E%3Cline x1='264' y1='396' x2='240' y2='400' id='line48'/%3E%3Cline x1='264' y1='396' x2='312' y2='374' id='line49'/%3E%3Cline x1='264' y1='396' x2='312' y2='400' id='line50'/%3E%3Cline x1='264' y1='396' x2='308' y2='312' id='line51'/%3E%3C!-- Leeds --%3E%3Cline x1='312' y1='374' x2='312' y2='400' id='line52'/%3E%3Cline x1='312' y1='374' x2='308' y2='312' id='line53'/%3E%3C!-- Glasgow & Edinburgh --%3E%3Cline x1='192' y1='246' x2='228' y2='242' id='line54'/%3E%3Cline x1='192' y1='246' x2='108' y2='346' id='line55'/%3E%3Cline x1='192' y1='246' x2='292' y2='158' id='line56'/%3E%3Cline x1='192' y1='246' x2='308' y2='312' id='line57'/%3E%3Cline x1='228' y1='242' x2='292' y2='158' id='line58'/%3E%3Cline x1='228' y1='242' x2='308' y2='312' id='line59'/%3E%3C!-- Newcastle --%3E%3Cline x1='308' y1='312' x2='312' y2='400' id='line60'/%3E%3C!-- Cardiff / Bristol --%3E%3Cline x1='228' y1='532' x2='252' y2='536' id='line61'/%3E%3Cline x1='252' y1='536' x2='216' y2='596' id='line62'/%3E%3C!-- Aberdeen / Inverness --%3E%3Cline x1='292' y1='158' x2='192' y2='134' id='line63'/%3E%3C!-- Norwich --%3E%3Cline x1='412' y1='464' x2='361' y2='532' id='line64'/%3E%3C/g%3E%3C!-- Softer secondary glow on lines --%3E%3Cg stroke='%2300aaff' stroke-width='2.5' opacity='0.08' id='g86' transform='translate(-96.05,-122.05)'%3E%3Cline x1='361' y1='532' x2='288' y2='464' id='line65'/%3E%3Cline x1='361' y1='532' x2='252' y2='536' id='line66'/%3E%3Cline x1='361' y1='532' x2='228' y2='532' id='line67'/%3E%3Cline x1='361' y1='532' x2='412' y2='464' id='line68'/%3E%3Cline x1='361' y1='532' x2='312' y2='374' id='line69'/%3E%3Cline x1='288' y1='464' x2='264' y2='396' id='line70'/%3E%3Cline x1='288' y1='464' x2='240' y2='400' id='line71'/%3E%3Cline x1='288' y1='464' x2='312' y2='400' id='line72'/%3E%3Cline x1='264' y1='396' x2='240' y2='400' id='line73'/%3E%3Cline x1='264' y1='396' x2='312' y2='374' id='line74'/%3E%3Cline x1='264' y1='396' x2='312' y2='400' id='line75'/%3E%3Cline x1='264' y1='396' x2='308' y2='312' id='line76'/%3E%3Cline x1='312' y1='374' x2='308' y2='312' id='line77'/%3E%3Cline x1='192' y1='246' x2='228' y2='242' id='line78'/%3E%3Cline x1='192' y1='246' x2='108' y2='346' id='line79'/%3E%3Cline x1='192' y1='246' x2='308' y2='312' id='line80'/%3E%3Cline x1='228' y1='242' x2='292' y2='158' id='line81'/%3E%3Cline x1='228' y1='242' x2='308' y2='312' id='line82'/%3E%3Cline x1='308' y1='312' x2='312' y2='400' id='line83'/%3E%3Cline x1='228' y1='532' x2='252' y2='536' id='line84'/%3E%3Cline x1='252' y1='536' x2='216' y2='596' id='line85'/%3E%3Cline x1='292' y1='158' x2='192' y2='134' id='line86'/%3E%3C/g%3E%3C!-- Nodes — regular cities --%3E%3C!-- Outer pulse ring --%3E%3Cg fill='none' stroke='%2300d4ff' stroke-width='0.8' opacity='0.25' id='g98' transform='translate(-96.05,-122.05)'%3E%3Ccircle cx='288' cy='464' r='9' id='circle86'/%3E%3Ccircle cx='312' cy='374' r='9' id='circle87'/%3E%3Ccircle cx='228' cy='242' r='9' id='circle88'/%3E%3Ccircle cx='228' cy='532' r='9' id='circle89'/%3E%3Ccircle cx='252' cy='536' r='9' id='circle90'/%3E%3Ccircle cx='240' cy='400' r='9' id='circle91'/%3E%3Ccircle cx='312' cy='400' r='9' id='circle92'/%3E%3Ccircle cx='308' cy='312' r='9' id='circle93'/%3E%3Ccircle cx='108' cy='346' r='9' id='circle94'/%3E%3Ccircle cx='216' cy='596' r='9' id='circle95'/%3E%3Ccircle cx='412' cy='464' r='9' id='circle96'/%3E%3Ccircle cx='292' cy='158' r='9' id='circle97'/%3E%3Ccircle cx='192' cy='134' r='9' id='circle98'/%3E%3C/g%3E%3C!-- Node bodies (regular) --%3E%3Cg filter='url(%23glow)' id='g111' transform='translate(-96.05,-122.05)'%3E%3Ccircle cx='288' cy='464' r='4' fill='%23000000' stroke='%2300d4ff' stroke-width='1.5' id='circle99'/%3E%3Ccircle cx='312' cy='374' r='4' fill='%23000000' stroke='%2300d4ff' stroke-width='1.5' id='circle100'/%3E%3Ccircle cx='228' cy='242' r='4' fill='%23000000' stroke='%2300d4ff' stroke-width='1.5' id='circle101'/%3E%3Ccircle cx='228' cy='532' r='4' fill='%23000000' stroke='%2300d4ff' stroke-width='1.5' id='circle102'/%3E%3Ccircle cx='252' cy='536' r='4' fill='%23000000' stroke='%2300d4ff' stroke-width='1.5' id='circle103'/%3E%3Ccircle cx='240' cy='400' r='4' fill='%23000000' stroke='%2300d4ff' stroke-width='1.5' id='circle104'/%3E%3Ccircle cx='312' cy='400' r='4' fill='%23000000' stroke='%2300d4ff' stroke-width='1.5' id='circle105'/%3E%3Ccircle cx='308' cy='312' r='4' fill='%23000000' stroke='%2300d4ff' stroke-width='1.5' id='circle106'/%3E%3Ccircle cx='108' cy='346' r='4' fill='%23000000' stroke='%2300d4ff' stroke-width='1.5' id='circle107'/%3E%3Ccircle cx='216' cy='596' r='4' fill='%23000000' stroke='%2300d4ff' stroke-width='1.5' id='circle108'/%3E%3Ccircle cx='412' cy='464' r='4' fill='%23000000' stroke='%2300d4ff' stroke-width='1.5' id='circle109'/%3E%3Ccircle cx='292' cy='158' r='4' fill='%23000000' stroke='%2300d4ff' stroke-width='1.5' id='circle110'/%3E%3Ccircle cx='192' cy='134' r='4' fill='%23000000' stroke='%2300d4ff' stroke-width='1.5' id='circle111'/%3E%3C/g%3E%3C!-- Hub nodes (London, Manchester, Glasgow) — larger with double ring --%3E%3Cg fill='none' stroke='%2300d4ff' stroke-width='0.8' opacity='0.3' id='g114' transform='translate(-96.05,-122.05)'%3E%3Ccircle cx='361' cy='532' r='13' id='circle112'/%3E%3Ccircle cx='264' cy='396' r='13' id='circle113'/%3E%3Ccircle cx='192' cy='246' r='13' id='circle114'/%3E%3C/g%3E%3Cg fill='none' stroke='%2300d4ff' stroke-width='0.5' opacity='0.15' id='g117' transform='translate(-96.05,-122.05)'%3E%3Ccircle cx='361' cy='532' r='18' id='circle115'/%3E%3Ccircle cx='264' cy='396' r='18' id='circle116'/%3E%3Ccircle cx='192' cy='246' r='18' id='circle117'/%3E%3C/g%3E%3Cg filter='url(%23glowStrong)' id='g120' transform='translate(-96.05,-122.05)'%3E%3Ccircle cx='361' cy='532' r='6' fill='%23000000' stroke='%2300ffff' stroke-width='2' id='circle118'/%3E%3Ccircle cx='264' cy='396' r='6' fill='%23000000' stroke='%2300ffff' stroke-width='2' id='circle119'/%3E%3Ccircle cx='192' cy='246' r='6' fill='%23000000' stroke='%2300ffff' stroke-width='2' id='circle120'/%3E%3C/g%3E%3C!-- Centre dots on all nodes --%3E%3Cg fill='%2300ffff' id='g136' transform='translate(-96.05,-122.05)'%3E%3Ccircle cx='361' cy='532' r='2' id='circle121'/%3E%3Ccircle cx='264' cy='396' r='2' id='circle122'/%3E%3Ccircle cx='192' cy='246' r='2' id='circle123'/%3E%3Ccircle cx='288' cy='464' r='1.5' id='circle124'/%3E%3Ccircle cx='312' cy='374' r='1.5' id='circle125'/%3E%3Ccircle cx='228' cy='242' r='1.5' id='circle126'/%3E%3Ccircle cx='228' cy='532' r='1.5' id='circle127'/%3E%3Ccircle cx='252' cy='536' r='1.5' id='circle128'/%3E%3Ccircle cx='240' cy='400' r='1.5' id='circle129'/%3E%3Ccircle cx='312' cy='400' r='1.5' id='circle130'/%3E%3Ccircle cx='308' cy='312' r='1.5' id='circle131'/%3E%3Ccircle cx='108' cy='346' r='1.5' id='circle132'/%3E%3Ccircle cx='216' cy='596' r='1.5' id='circle133'/%3E%3Ccircle cx='412' cy='464' r='1.5' id='circle134'/%3E%3Ccircle cx='292' cy='158' r='1.5' id='circle135'/%3E%3Ccircle cx='192' cy='134' r='1.5' id='circle136'/%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
  background-position: right 10% center;
  background-repeat: no-repeat;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem 5rem;
  padding: 6rem 0 8rem;
}
@media screen and (max-width: 850px) {
  .trust .trust-inner {
    background-position: bottom right;
    background-size: 50%;
  }
}
.trust .trust-inner h2 {
  grid-column: span 2;
}
.trust .trust-inner h2 i {
  font-weight: 100;
}

.img-split {
  display: flex;
  margin: 4em 0;
}
.img-split .img-split-left {
  display: block;
  flex: 1;
}
.img-split .img-split-left img {
  height: auto;
  width: 100%;
  /*            @include cubic-bezier(0.8s);
              @include show-on-view-top(-30px); 
              @include delay(0.6s);*/
}
.img-split .img-split-right {
  display: block;
  flex: 1;
}
.img-split .img-split-right img {
  height: auto;
  width: 100%;
  /*            @include cubic-bezier(0.8s);
              @include show-on-view-bottom(-30px); 
              @include delay(0.6s);*/
}

.image-row-home {
  display: grid;
  gap: 10px;
  grid-template-columns: 1fr 1fr 1fr;
  margin-bottom: 2px;
}

.image-cover {
  height: 350px;
}
.image-cover img {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.fleet-page-grid {
  display: grid;
  gap: 4rem 10px;
  margin: 5rem 0;
}
@media screen and (min-width: 550px) {
  .fleet-page-grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (min-width: 1200px) {
  .fleet-page-grid {
    gap: 4rem 15px;
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.fleet-page-grid .fleet-card {
  background: #fefefe;
  border: 2px solid #f1f1f1;
}
.fleet-page-grid .fleet-card .button-row {
  background: #1F262A;
  background: linear-gradient(313deg, #1f262a 0%, #2A3439 100%);
  color: #fff;
  display: flex;
  gap: 5px;
  justify-content: flex-end;
  padding: 1rem;
  text-align: right;
  width: 100%;
}
.fleet-page-grid .fleet-card .button-row a {
  display: inline-block;
  padding: 0;
  text-decoration: underline;
  width: auto;
}
.fleet-page-grid .fleet-card .button-row a:hover {
  background: unset;
}

.fleet-container {
  background: #e1e1e1;
  padding: 5rem 0;
}
.fleet-container > h2 {
  color: #2A3439;
  padding: 0 10vw;
}
@media screen and (min-width: 1200px) {
  .fleet-container > h2 {
    padding: 0 25vw;
  }
}
.fleet-container > h2 span {
  color: #060809;
  font-weight: 100;
}
.fleet-container > p {
  margin-bottom: 4rem;
  padding: 0 10vw;
  text-align: center;
}
@media screen and (min-width: 1200px) {
  .fleet-container > p {
    padding: 0 25vw;
  }
}
.fleet-container .owl-stage {
  display: flex;
}

.fleet-card {
  background: #fff;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}
.fleet-card .fleet-card-image {
  height: 250px;
}
@media screen and (max-width: 550px) {
  .fleet-card .fleet-card-image {
    height: 170px;
  }
}
.fleet-card .fleet-card-content {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
}
.fleet-card .fleet-card-content h2 {
  color: #000;
  padding: 1rem 4rem 0.5rem 1.5rem;
  margin-bottom: 0;
}
@media screen and (max-width: 850px) {
  .fleet-card .fleet-card-content h2 {
    font-size: 1.7rem;
    padding-right: 2rem;
  }
}
.fleet-card .fleet-card-content p {
  font-size: 20px;
  padding: 0 2rem 2rem 1.5rem;
}
.fleet-card .fleet-card-content a {
  background: #1F262A;
  background: linear-gradient(313deg, #1f262a 0%, #2A3439 100%);
  color: #fff;
  display: block;
  padding: 1rem;
  text-align: right;
  width: 100%;
}
.fleet-card .fleet-card-content a:hover {
  background: #5B676D;
}

.quote {
  background-color: #f1f1f1;
  background-position: center right;
  background-size: cover;
  padding: 7em 0;
}
@media screen and (max-width: 850px) {
  .quote {
    padding: 8em 0 6em;
  }
}
.quote.margin-bottom {
  margin-bottom: 4em;
}
@media screen and (max-width: 850px) {
  .quote.small-padding {
    padding: 4em 0 6em;
  }
}
.quote .quote-content {
  padding: 0 60px 0 100px;
  position: relative;
}
@media screen and (max-width: 850px) {
  .quote .quote-content {
    padding: 0;
  }
}
@media screen and (min-width: 850px) {
  .quote .quote-content {
    margin: 0 auto;
    width: 90%;
  }
}
@media screen and (min-width: 1200px) {
  .quote .quote-content {
    width: 75%;
  }
}
@media screen and (min-width: 1500px) {
  .quote .quote-content {
    width: 70%;
  }
}
@media screen and (max-width: 850px) {
  .quote .quote-content.no-title {
    padding: 100px 0 20px;
  }
}
.quote .quote-content.no-title:before {
  top: 0;
}
@media screen and (max-width: 850px) {
  .quote .quote-content.no-title:before {
    left: -10px;
    top: 0px;
  }
}
.quote .quote-content.onScreen:before {
  opacity: 1;
  left: 0;
}
.quote .quote-content.onScreen:after {
  opacity: 1;
  right: 0;
}
.quote .quote-content.onScreen h2 {
  font-size: 1.8em;
  font-weight: 400;
  letter-spacing: 1px;
  text-transform: uppercase;
  opacity: 1;
}
@media screen and (max-width: 850px) {
  .quote .quote-content.onScreen h2 {
    font-size: 1.4em;
    top: 0;
  }
}
@media screen and (min-width: 850px) {
  .quote .quote-content.onScreen h2 {
    top: 0;
  }
}
.quote .quote-content.onScreen h3 {
  opacity: 1;
  top: 0;
}
.quote .quote-content.onScreen p {
  opacity: 1;
  top: 0;
}
.quote .quote-content:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='80' viewBox='0 0 24 24' width='80'%3E%3Cpath xmlns='http://www.w3.org/2000/svg' fill='%23060809' d='M3.691 6.292C5.094 4.771 7.217 4 10 4h1v2.819l-.804.161c-1.37.274-2.323.813-2.833 1.604A2.902 2.902 0 0 0 6.925 10H10a1 1 0 0 1 1 1v7c0 1.103-.897 2-2 2H3a1 1 0 0 1-1-1v-5l.003-2.919c-.009-.111-.199-2.741 1.688-4.789zM20 20h-6a1 1 0 0 1-1-1v-5l.003-2.919c-.009-.111-.199-2.741 1.688-4.789C16.094 4.771 18.217 4 21 4h1v2.819l-.804.161c-1.37.274-2.323.813-2.833 1.604A2.902 2.902 0 0 0 17.925 10H21a1 1 0 0 1 1 1v7c0 1.103-.897 2-2 2z'/%3E%3C/svg%3E");
  content: "";
  display: block;
  height: 80px;
  left: 0;
  margin-bottom: 10px;
  position: absolute;
  top: 40px;
  width: 80px;
  transition: 0.8s cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  left: -40px;
  -webkit-transition-delay: 1s;
  transition-delay: 1s;
}
@media screen and (max-width: 850px) {
  .quote .quote-content:before {
    left: -10px;
    top: -90px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='50' viewBox='0 0 24 24' width='50'%3E%3Cpath xmlns='http://www.w3.org/2000/svg' fill='%23060809' d='M3.691 6.292C5.094 4.771 7.217 4 10 4h1v2.819l-.804.161c-1.37.274-2.323.813-2.833 1.604A2.902 2.902 0 0 0 6.925 10H10a1 1 0 0 1 1 1v7c0 1.103-.897 2-2 2H3a1 1 0 0 1-1-1v-5l.003-2.919c-.009-.111-.199-2.741 1.688-4.789zM20 20h-6a1 1 0 0 1-1-1v-5l.003-2.919c-.009-.111-.199-2.741 1.688-4.789C16.094 4.771 18.217 4 21 4h1v2.819l-.804.161c-1.37.274-2.323.813-2.833 1.604A2.902 2.902 0 0 0 17.925 10H21a1 1 0 0 1 1 1v7c0 1.103-.897 2-2 2z'/%3E%3C/svg%3E");
    height: 50px;
    width: 50px;
  }
}
.quote .quote-content:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='50' viewBox='0 0 24 24' width='50'%3E%3Cpath xmlns='http://www.w3.org/2000/svg' fill='%23060809' d='M3.691 6.292C5.094 4.771 7.217 4 10 4h1v2.819l-.804.161c-1.37.274-2.323.813-2.833 1.604A2.902 2.902 0 0 0 6.925 10H10a1 1 0 0 1 1 1v7c0 1.103-.897 2-2 2H3a1 1 0 0 1-1-1v-5l.003-2.919c-.009-.111-.199-2.741 1.688-4.789zM20 20h-6a1 1 0 0 1-1-1v-5l.003-2.919c-.009-.111-.199-2.741 1.688-4.789C16.094 4.771 18.217 4 21 4h1v2.819l-.804.161c-1.37.274-2.323.813-2.833 1.604A2.902 2.902 0 0 0 17.925 10H21a1 1 0 0 1 1 1v7c0 1.103-.897 2-2 2z'/%3E%3C/svg%3E");
  bottom: 0;
  content: "";
  display: block;
  height: 50px;
  margin-left: auto;
  position: absolute;
  transform: rotate(180deg);
  width: 50px;
  transition: 0.8s cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  right: -40px;
  -webkit-transition-delay: 1s;
  transition-delay: 1s;
}
@media screen and (max-width: 850px) {
  .quote .quote-content:after {
    right: -10px;
    bottom: -60px;
  }
}
.quote .quote-content h2 {
  color: #2A3439;
  font-size: 1.8em;
  opacity: 1;
  position: relative;
  text-transform: uppercase;
}
@media screen and (max-width: 850px) {
  .quote .quote-content h2 {
    font-size: 1.8em;
    top: 0;
  }
}
@media screen and (min-width: 850px) {
  .quote .quote-content h2 {
    top: 0;
  }
}
.quote .quote-content h3 {
  font-weight: 300;
  line-height: 1.25;
  margin-bottom: 20px;
  transition: 0.8s cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 1;
  position: relative;
  top: 0;
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
@media screen and (max-width: 850px) {
  .quote .quote-content h3 {
    font-size: 1.5em;
  }
}
.quote .quote-content p {
  color: #2A3439;
  margin-bottom: 10px;
  transition: 0.8s cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 1;
  position: relative;
  top: 0;
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
@media screen and (max-width: 850px) {
  .quote .quote-content p {
    font-size: 1em;
  }
}

.careers {
  margin-bottom: 5rem;
}
.careers .careers-block {
  background: #f1f1f1;
  background-position: center right;
  background-size: cover;
  border-bottom: 5px solid #ccc;
  margin-bottom: 15px;
  padding: 30px 3em;
}
@media screen and (max-width: 550px) {
  .careers .careers-block {
    padding: 30px 1.5em;
  }
}
.careers .careers-block h3 {
  font-weight: 400;
  margin-bottom: 0;
  text-transform: uppercase;
}
@media screen and (max-width: 550px) {
  .careers .careers-block h3 {
    font-size: 1.4rem;
  }
}

@media screen and (min-width: 850px) {
  .contact {
    display: flex;
    gap: 0;
  }
}
.contact .contact-block {
  background: #f1f1f1;
  /*        background-image:url('/assets/img/contact/background.png');
          background-position:center right;
          background-size:cover;*/
  border-bottom: 5px solid #f2f2f2;
  height: 100%;
  margin-bottom: 2em;
  padding: 3em;
}
@media screen and (max-width: 550px) {
  .contact .contact-block {
    padding: 2em 1.5em;
  }
}
@media screen and (min-width: 850px) {
  .contact .contact-block {
    flex: 1;
    min-height: 410px;
  }
}
.contact .contact-block h3 {
  font-weight: 400;
  color: #060809;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.contact .contact-block p {
  font-weight: 400;
  color: #5B676D;
  margin-bottom: 1em;
}
.contact .contact-block p a {
  font-weight: 400;
}
.contact .contact-block a {
  color: #5B676D;
  font-weight: 400;
}
.contact .contact-block a:hover {
  color: #910000;
}
@media screen and (min-width: 850px) {
  .contact .map {
    flex: 1;
  }
}
.contact .map iframe {
  width: 100%;
}
@media screen and (max-width: 850px) {
  .contact .map iframe {
    margin-bottom: 4em;
  }
}
@media screen and (min-width: 850px) {
  .contact .map iframe {
    height: 492px;
  }
}

.image-split {
  background: rgb(214, 214, 214);
  background: linear-gradient(125deg, rgb(214, 214, 214) 0%, rgb(250, 250, 250) 100%);
  margin-bottom: 2em;
}
@media screen and (min-width: 850px) {
  .image-split {
    display: flex;
    gap: 10px;
  }
}
@media screen and (min-width: 850px) {
  .image-split .image-split-image {
    flex: 1;
  }
}
.image-split .image-split-image.right img {
  transition: 1s cubic-bezier(0.4, 0, 0.2, 1);
}
@media screen and (max-width: 850px) {
  .image-split .image-split-image.right img {
    opacity: 0;
    position: relative;
    top: 30px;
  }
  .image-split .image-split-image.right img.opacity-1 {
    opacity: 1;
  }
  .image-split .image-split-image.right img.opacity-1.onScreen {
    top: 0;
  }
  .image-split .image-split-image.right img.onScreen {
    opacity: 1;
    top: 0;
  }
}
@media screen and (min-width: 850px) {
  .image-split .image-split-image.right img {
    opacity: 0;
    position: relative;
    left: 30px;
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
  }
  .image-split .image-split-image.right img.onScreen {
    opacity: 1;
    left: 0;
  }
}
.image-split .image-split-image.left img {
  transition: 1s cubic-bezier(0.4, 0, 0.2, 1);
}
@media screen and (max-width: 850px) {
  .image-split .image-split-image.left img {
    opacity: 0;
    position: relative;
    top: 30px;
  }
  .image-split .image-split-image.left img.opacity-1 {
    opacity: 1;
  }
  .image-split .image-split-image.left img.opacity-1.onScreen {
    top: 0;
  }
  .image-split .image-split-image.left img.onScreen {
    opacity: 1;
    top: 0;
  }
}
@media screen and (min-width: 850px) {
  .image-split .image-split-image.left img {
    opacity: 0;
    position: relative;
    right: 30px;
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
  }
  .image-split .image-split-image.left img.onScreen {
    opacity: 1;
    right: 0;
  }
}
.image-split .image-split-image img {
  height: auto;
  width: 100%;
}
.image-split .image-split-text {
  padding: 2em 4em;
}
@media screen and (max-width: 850px) {
  .image-split .image-split-text {
    padding: 2em;
  }
}
@media screen and (min-width: 850px) {
  .image-split .image-split-text {
    align-items: center;
    display: flex;
    flex: 1;
    transition: 1s cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0;
    position: relative;
    top: 20px;
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
  }
  .image-split .image-split-text.opacity-1 {
    opacity: 1;
  }
  .image-split .image-split-text.opacity-1.onScreen {
    top: 0;
  }
  .image-split .image-split-text.onScreen {
    opacity: 1;
    top: 0;
  }
}
.image-split .image-split-text h3 {
  color: #012346;
}

.gallery-slide .gallery-slide-image {
  background: #eee;
  display: block;
}
.gallery-slide .gallery-slide-image img {
  display: block;
  height: auto;
  object-fit: unset;
  object-position: top center;
  width: 100%;
}

.gallery-services-slide {
  margin-bottom: 1px;
}
.gallery-services-slide .gallery-slide-image {
  display: block;
  height: 250px;
}
.gallery-services-slide .gallery-slide-image img {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel, .owl-carousel .owl-item {
  -webkit-tap-highlight-color: transparent;
  position: relative;
}

.owl-carousel {
  display: none;
  width: 100%;
  z-index: 1;
}

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden;
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item, .owl-carousel .owl-wrapper {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}

.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
  display: none;
}

.no-js .owl-carousel, .owl-carousel.owl-loaded {
  display: block;
}

.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
  background: 0 0;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}

.owl-carousel.owl-hidden {
  opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}

.owl-carousel.owl-rtl {
  direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
  float: right;
}

.owl-carousel .animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
  z-index: 0;
}

.owl-carousel .owl-animated-out {
  z-index: 1;
}

.owl-carousel .fadeOut {
  animation-name: fadeOut;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.owl-height {
  transition: height 0.5s ease-in-out;
}

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
}

.owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] {
  max-height: 0;
}

.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url(owl.video.play.png) no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 0.1s ease;
}

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
  display: none;
}

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 0.4s ease;
}

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}

.owl-theme .owl-dots, .owl-theme .owl-nav {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-nav {
  margin-top: 10px;
}

.owl-theme .owl-nav [class*=owl-] {
  color: #FFF;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #D6D6D6;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
}

.owl-theme .owl-nav [class*=owl-]:hover {
  background: #869791;
  color: #FFF;
  text-decoration: none;
}

.owl-theme .owl-nav .disabled {
  opacity: 0.5;
  cursor: default;
}

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px;
}

.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
}

.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #D6D6D6;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 0.2s ease;
  border-radius: 30px;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #869791;
}

/*# sourceMappingURL=style.css.map */