@charset "UTF-8";

:root {
    --dt-color-green: RGB(0,154,68);
    --dt-darkcolor-green: #037043;
    --dt-color-progress-green: #75a637;
    --dt-color-progress-yellow: #c7983a;
    --dt-color-progress-red: #d5434d;
    --dt-color-red: rgba(212,80,46,.95);
    --dt-color-selected: rgba(2,145,87,.15);
    --dt-darkcolor-selected: rgba(4,124,75,.25);
    --dt-bg-color-primary: #106ebe;
    --dt-bg-darkcolor-primary: #3b87f0;
    --dt-color-yellow: rgba(234,224,41,.95);
    --dt-color-highlight: #cadaf1;
    --dt-color-highlight-light: rgba(217,215,240,.35);
    --dt-color-drag-over: rgba(222,175,161,.62);
    --cui-primary: #3f51b5;
    --cui-secondary: #9da5b1;
    --cui-success: #4c9564;
    --cui-info: #5191d0;
    --cui-warning: #f9b115;
    --cui-danger: #ee3123;
    --cui-light: #ebedef;
    --cui-dark: #4f5d73;
    --cui-footer-border-color: #d8d9da;
    --cui-footer-bg: #d8d7da;
    --cui-footer-color: rgba(44,56,74,.9);
    --cui-focus-border: #b1d4ef
}

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

audio, canvas, video {
    display: inline-block;
}

    audio:not([controls]) {
        display: none;
        height: 0;
    }

[hidden] {
    display: none;
}

html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    margin: 0;
}

a:focus {
    outline: thin dotted;
}

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

h1 {
    font-size: 2em;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b, strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

mark {
    background: #0098444f;
    color: #000;
}

code, kbd, pre, samp {
    font-family: monospace,serif;
    font-size: 1em;
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

q {
    quotes: "“" "”" "‘" "’";
}

small {
    font-size: 80%;
}

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

sup {
    top: -.5em;
}

sub {
    bottom: -.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 0;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: .35em .625em .75em;
}

legend {
    border: 0;
    padding: 0;
}

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

button, input {
    line-height: normal;
}

    button, html input[type="button"], input[type="reset"], input[type="submit"] {
        -webkit-appearance: button;
        cursor: pointer;
    }

        button[disabled], input[disabled] {
            cursor: default;
        }

    input[type="checkbox"], input[type="radio"] {
        box-sizing: border-box;
        padding: 0;
    }

    input[type="search"] {
        -webkit-appearance: textfield;
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
    }

        input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
            -webkit-appearance: none;
        }

    button::-moz-focus-inner, input::-moz-focus-inner {
        border: 0;
        padding: 0;
    }

textarea {
    overflow: auto;
    vertical-align: top;
}

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

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6, p, blockquote, pre, dl, dd, ol, ul, form, fieldset, legend, table, th, td, caption, hr {
    margin: 0;
    padding: 0;
}

abbr[title], dfn[title] {
    cursor: help;
}

a, u, ins {
    text-decoration: none;
}

ins {
    border-bottom: 1px solid;
}

img {
    font-style: italic;
}

label, input, textarea, button, select, option {
    cursor: pointer;
}

    .text-input:active, .text-input:focus, textarea:active, textarea:focus {
        cursor: text;
        outline: none;
    }

.clearfix, .cf {
    zoom: 1;
}

    .clearfix:before, .clearfix:after, .cf:before, .cf:after {
        content: "";
        display: table;
    }

    .clearfix:after, .cf:after {
        clear: both;
    }

.hidden {
    display: none !important;
    visibility: hidden;
}

*, *:before, *:after {
    margin: 0;
    padding: 0;
}

html {
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-font-smoothing: subpixel-antialiased;
    -ms-font-smoothing: subpixel-antialiased;
    -o-font-smoothing: subpixel-antialiased;
    font-smoothing: subpixel-antialiased;
    -webkit-text-size-adjust: auto;
    -ms-text-size-adjust: auto;
}

body {
    background-color: #fff;
    color: #1d1d1b;
    font-size: 18px;
    height: 100%;
    line-height: 1.25;
    font-weight: 300;
    left: 0;
    min-width: 320px;
    position: relative;
    top: 0;
    font-family: "Roboto" !important;
}

    body .breadcrumb .breadcrumb__inner i {
        font-size: 12px;
        margin: 0 10px 0 15px;
    }

    body .lpv2 #lp-container {
        padding-top: 50px !important;
    }

        body .lpv2 #lp-container .ee_questiontext {
            font-family: "Montserrat",sans-serif !important;
            font-size: 16px !important;
            font-weight: 400 !important;
            color: #00a656 !important;
        }

        body .lpv2 #lp-container form.surveys-forms input[type="text"] {
            font-family: "Montserrat",sans-serif !important;
            font-size: 14px !important;
            font-weight: 400 !important;
            color: #df251c !important;
        }

        body .lpv2 #lp-container .paging-button-submit {
            font-family: "Montserrat",sans-serif !important;
            font-size: 16px !important;
            font-weight: 400 !important;
            color: #fff !important;
            background-color: #00a656 !important;
        }

h1, h2, h3, h4, h5, h6, hgroup, p, blockquote, address, ul, ol, dl, table, fieldset, figure, figcaption, details, pre {
    font-family: "Roboto",sans-serif;
    font-style: normal;
    margin-bottom: 10px;
}

h1 {
    font-size: 50px;
}

p {
    font-family: "Roboto",sans-serif;
    font-size: 18px;
    line-height: 1.25;
}

a {
    color: #009844;
    cursor: pointer;
    font-family: "Roboto",sans-serif;
    outline: none;
    text-decoration: none;
    -webkit-transition: all .25s ease 0s;
    -moz-transition: all .25s ease 0s;
    -ms-transition: all .25s ease 0s;
    -o-transition: all .25s ease 0s;
    transition: all .25s ease 0s;
}

    a:hover, a:focus, a:active {
        color: #009844;
        outline: none;
        text-decoration: none;
        -webkit-transition: all .25s ease 0s;
        -moz-transition: all .25s ease 0s;
        -ms-transition: all .25s ease 0s;
        -o-transition: all .25s ease 0s;
        transition: all .25s ease 0s;
    }

ul {
    margin-left: 0;
}

li {
    font-family: "Roboto",sans-serif;
    font-size: 16px;
    line-height: 1.25;
    margin-top: 5px;
}

    li:first-child {
        margin-top: 0;
    }

input, textarea {
    -webkit-appearance: none;
    background-color: #fff;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    color: #868686;
    cursor: text;
    min-width: 0;
    padding: 5px;
    width: 100%;
}

    input:focus, textarea:focus {
        background-color: #fff;
        color: #009844;
    }

    input.input-text:focus, select:focus, textarea:focus {
        background-color: #fff;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        -o-box-shadow: none;
        box-shadow: none;
        color: #000;
    }

    input[type="submit"], input[type="text"] {
        line-height: normal !important;
    }

    input[type="checkbox"] {
        -webkit-appearance: checkbox;
    }

    input[type="radio"] {
        -webkit-appearance: radio;
    }

label {
    color: #1d1d1b;
    cursor: text;
    margin: 0;
}

table {
    margin: 10px 0;
}

tr {
    border-bottom: 1px solid #a7a49f;
}

    tr:first-child {
        border-top: 1px solid #a7a49f;
    }

th, td {
    padding: 5px;
    text-align: left;
    vertical-align: middle;
}

th {
    background-color: #faebd7;
    border-left: 1px solid #a7a49f;
    color: #1d1d1b;
}

    th:first-child {
        border-left: none;
    }

td {
    border-right: 1px solid #a7a49f;
    color: #000;
}

    td:first-child {
        border-left: 1px solid #a7a49f;
    }

iframe {
    border: none;
}

select {
    background-image: url("../images/select-arrow.svg");
    background-repeat: no-repeat;
    background-size: 15px;
}

    select:focus {
        outline: none;
    }

.no-top-pad {
    padding-top: 0 !important;
}

.no-bot-pad {
    padding-bottom: 0 !important;
}

small {
    font-family: "Roboto",sans-serif;
}

.slick-slide:focus {
    outline: none !important;
}

button {
    -webkit-transition: all .25s ease 0s;
    -moz-transition: all .25s ease 0s;
    -ms-transition: all .25s ease 0s;
    -o-transition: all .25s ease 0s;
    transition: all .25s ease 0s;
}

.button.button {
    background-color: #646a73;
    border-radius: 0;
    font-size: 16px;
    min-width: 150px;
    padding: 8px 15px;
    text-decoration: none;
    -webkit-transition: background-color .5s ease-in-out 0s;
    -moz-transition: background-color .5s ease-in-out 0s;
    -ms-transition: background-color .5s ease-in-out 0s;
    -o-transition: background-color .5s ease-in-out 0s;
    transition: background-color .5s ease-in-out 0s;
}

    .button.button:hover {
        background-color: #7c838e;
        -webkit-transition: background-color .5s ease-in-out 0s;
        -moz-transition: background-color .5s ease-in-out 0s;
        -ms-transition: background-color .5s ease-in-out 0s;
        -o-transition: background-color .5s ease-in-out 0s;
        transition: background-color .5s ease-in-out 0s;
    }

.icon-button {
    display: block;
    height: 50px;
    max-width: 270px;
    overflow: hidden;
    position: relative;
}

    .icon-button.green {
        background-color: #009844;
    }

    .icon-button.grey {
        background-color: #c6c6c5;
    }

    .icon-button.red {
        background-color: #e2251c;
    }

    .icon-button .icon-button__inner-left {
        background-image: url("../images/diagonal-stripes.png");
        float: left;
        height: 50px;
        position: relative;
        text-align: center;
        width: 50px;
    }

        .icon-button .icon-button__inner-left img {
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translateX(-50%) translateY(-50%);
            -moz-transform: translateX(-50%) translateY(-50%);
            -ms-transform: translateX(-50%) translateY(-50%);
            -o-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
        }

    .icon-button .icon-button__inner-right {
        background: -moz-linear-gradient(left,rgba(0,0,0,.35) 0%,rgba(255,255,255,0) 100%);
        background: -webkit-linear-gradient(left,rgba(0,0,0,.35) 0%,rgba(255,255,255,0) 100%);
        background: linear-gradient(to right,rgba(0,0,0,.35) 0%,rgba(255,255,255,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000',endColorstr='#00ffffff',GradientType=1);
        background-size: 30px 100% !important;
        background-repeat: no-repeat !important;
        float: left;
        height: 50px;
        padding: 15px 5px 15px 30px;
        width: 75%;
    }

@media screen and (max-width:1149px) {
    .icon-button .icon-button__inner-right {
        padding: 15px 5px 15px 15px;
        width: 70%;
    }
}

@media screen and (max-width:1023px) {
    .icon-button .icon-button__inner-right {
        width: 75%;
    }
}

.icon-button .icon-button__inner-right p {
    color: #fff;
    font-size: 14px !important;
    font-weight: lighter;
    margin: 0 !important;
    min-height: 0 !important;
    text-align: left !important;
    width: 100%;
}

@-webkit-keyframes hvr-pop {
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}

@keyframes hvr-pop {
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}

.hvr-pop {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
}

    .hvr-pop:hover, .hvr-pop:focus, .hvr-pop:active {
        -webkit-animation-name: hvr-pop;
        animation-name: hvr-pop;
        -webkit-animation-duration: .3s;
        animation-duration: .3s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
    }

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0,100%,0);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translate3d(100%,0,0);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}

.m-scene .scene_element {
    -webkit-animation-duration: .75s;
    -moz-animation-duration: .75s;
    -ms-animation-duration: .75s;
    -o-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-transition-timing-function: ease-in;
    -moz-transition-timing-function: ease-in;
    -ms-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
}

.m-scene .scene_element--fadein {
    animation-name: fadeIn;
}

.m-scene .scene_element--fadeinup {
    animation-name: fadeInUp;
}

.m-scene .scene_element--fadeinright {
    animation-name: fadeInRight;
}

.fadein {
    opacity: 0;
    transform-origin: 50% 50%;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: opacity .6s ease 0s,transform,.6s ease 0s;
    -moz-transition: opacity .6s ease 0s,transform,.6s ease 0s;
    -ms-transition: opacity .6s ease 0s,transform,.6s ease 0s;
    -o-transition: opacity .6s ease 0s,transform,.6s ease 0s;
    transition: opacity .6s ease 0s,transform,.6s ease 0s;
}

.fadedin {
    opacity: 1;
    transform-origin: 50% 50%;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.zoomin {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(1.1,1.1);
    -webkit-transform: scale(1.1,1.1);
    -moz-transform: scale(1.1,1.1);
    -o-transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
    transition: all 1000ms ease;
    -webkit-transition: all 1000ms ease;
}

.zoomedin {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1,1);
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -o-transform: scale(1,1);
    -ms-transform: scale(1,1);
}

.newsletter-signup {
    background-color: #e2251c;
    cursor: pointer;
    float: left;
    width: 100%;
}

    .newsletter-signup p {
        color: #fff;
        font-weight: bold;
        margin-bottom: 0;
        padding: 15px 0;
        text-align: center;
        width: 100%;
    }

footer {
    max-width: 113.75rem;
    margin: 0 auto;
    padding: 0 .9375rem;
    bottom: 0;
    padding-bottom: 10px;
}

    footer .row {
        max-width: 113.75rem;
        border-top: 1px solid #cacaca;
        padding: 80px 0 35px;
    }

@media screen and (min-width:64em) {
    footer .row {
        padding: 85px 50px 75px;
    }
}

@media screen and (min-width:80em) {
    footer .row {
        padding: 85px 100px 75px;
    }
}

footer .row a {
    display: block;
    font-family: "Roboto",sans-serif;
    font-size: 13px;
    font-weight: 500;
    color: rgba(151,151,151,.7);
    line-height: 1;
    margin: 0;
}

    footer .row a:hover {
        color: #00a656;
    }

footer .row p {
    font-family: "Roboto",sans-serif;
    font-size: 13px;
    font-weight: 500;
    color: rgba(151,151,151,.7);
    line-height: 1.4;
    margin: 0;
}

footer .row h2 {
    font-family: "Roboto",sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: #df251c;
    line-height: 1;
    margin: 0 0 45px;
}

footer .row .footer__request input {
    height: 45px;
    font-family: "Roboto",sans-serif;
    font-size: 13px;
    font-weight: 300;
    color: #979797;
    border: 1px solid #cacaca;
    border-radius: 0;
    box-shadow: none;
    padding: 0 30px;
}

    footer .row .footer__request input:focus {
        border: 1px solid #cacaca;
        border-radius: 0;
        box-shadow: none;
    }

    footer .row .footer__request input::placeholder {
        color: #979797;
    }

footer .row .footer__request .ei-input {
    height: 45px;
    line-height: 45px;
    font-family: "Roboto",sans-serif;
    font-size: 13px;
    font-weight: 300;
    color: #979797;
    border: 1px solid #cacaca;
    border-radius: 0;
    box-shadow: none;
    padding: 0 30px;
}

    footer .row .footer__request .ei-input .ei-name {
        padding: 0;
    }

        footer .row .footer__request .ei-input .ei-name:before {
            color: #df251c;
        }

    footer .row .footer__request .ei-input.ei-select:not(.ei-disabled):hover, footer .row .footer__request .ei-input.ei-select.ei-hover:not(.ei-disabled), footer .row .footer__request .ei-input:not(.ei-disabled):focus, footer .row .footer__request .ei-input.ei-focus:not(.ei-disabled) {
        border-color: #cacaca;
        box-shadow: none;
    }

footer .row .footer__request .ei-options .ei-option:focus, footer .row .footer__request .ei-options .ei-option.ei-focus, footer .row .footer__request .ei-options .ei-option:hover {
    background-color: transparent;
}

footer .row .footer__request .ei-options {
    border-radius: 0;
}

    footer .row .footer__request .ei-options .ei-option {
        height: 45px;
        line-height: 45px;
        font-family: "Roboto",sans-serif;
        font-size: 13px;
        font-weight: 300;
        color: #979797;
    }

        footer .row .footer__request .ei-options .ei-option:hover {
            background-color: #f7f7f7;
        }

footer .row .footer__request a {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
    width: 175px;
    height: 50px;
    font-family: "Roboto",sans-serif;
    font-size: 13px;
    font-weight: 300;
    color: #fff;
    margin: 0 0 0 auto;
    padding: 0 30px;
    background-color: #df251c;
    border: 0;
    border-radius: 0;
    -webkit-transition: all .25s ease 0s;
    -moz-transition: all .25s ease 0s;
    -ms-transition: all .25s ease 0s;
    -o-transition: all .25s ease 0s;
    transition: all .25s ease 0s;
    margin-top: 1rem;
}

    footer .row .footer__request a:hover {
        cursor: pointer;
        background-color: #b21d16;
    }

    footer .row .footer__request a:before {
        position: absolute;
        content: '';
        background-image: url("/images/content/arrow.svg");
        width: 15px;
        height: 12px;
        right: 30px;
    }

footer .footer__logo img {
    width: 150px;
}

footer .footer__logo p:first-child {
    padding-top: 35px;
}

footer .footer__logo p:last-child {
    padding-bottom: 35px;
}

@media screen and (min-width:40em) {
    footer .footer__logo p:last-child {
        padding-bottom: 65px;
    }
}

footer .footer__nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

@media screen and (min-width:40em) {
    footer .footer__nav {
        margin-top: 60px;
    }
}

@media screen and (min-width:64em) {
    footer .footer__nav {
        margin-top: 0;
    }
}

footer .footer__nav div {
    margin-right: 75px;
}

    footer .footer__nav div:first-child {
        display: none;
    }

@media screen and (min-width:40em) {
    footer .footer__nav div:first-child {
        display: block;
    }
}

@media screen and (min-width:64em) {
    footer .footer__nav div:first-child {
        display: none;
    }
}

@media screen and (min-width:100em) {
    footer .footer__nav div:first-child {
        display: block;
    }
}

footer .footer__nav div:last-child {
    margin-right: 0;
}

footer .footer__nav a {
    margin-bottom: 10px;
}

    footer .footer__nav a:last-child {
        margin-bottom: 0;
    }

footer .footer__request {
    padding: 60px 0 70px;
}

@media screen and (min-width:40em) {
    footer .footer__request {
        padding: 60px 0 80px;
    }
}

@media screen and (min-width:64em) {
    footer .footer__request {
        padding: 0;
    }
}

footer .footer__social {
    padding-top: 40px;
}

@media screen and (min-width:64em) {
    footer .footer__social {
        padding-top: 0;
    }
}

footer .footer__social h2 {
    margin-bottom: 25px;
}

@media screen and (min-width:64em) {
    footer .footer__social h2 {
        margin-bottom: 45px;
    }
}

footer .footer__social div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
}

    footer .footer__social div a {
        margin-right: 40px;
    }

@media screen and (min-width:64em) {
    footer .footer__social div a {
        margin-right: 12px;
    }
}

@media screen and (min-width:80em) {
    footer .footer__social div a {
        margin-right: 40px;
    }
}

footer .footer__social div a i {
    font-size: 17px;
    color: #df251c;
    transition: .25s ease;
}

    footer .footer__social div a i:hover {
        color: #b21d16;
    }

footer .footer__blurb {
    padding: 40px 0 30px;
}

@media screen and (min-width:40em) {
    footer .footer__blurb {
        padding: 0 0 30px;
    }
}

@media screen and (min-width:64em) {
    footer .footer__blurb {
        max-width: 530px;
        padding: 0 0 70px;
    }
}

.slick-slider:focus {
    outline: none;
}

select {
    background-image: url("../images/chevron.svg");
}

.off-canvas-content {
    box-shadow: none !important;
}

.thank-you .top-banner {
    margin-bottom: 110px;
}

.main {
    margin-top: 90px;
    position: relative;
    width: 100%;
}

    .main section {
        width: 100%;
    }

    .main .side-icons {
        position: fixed;
        right: 0;
        top: 45%;
        z-index: 9;
    }

@media screen and (max-width:1349px) {
    .main .side-icons {
        display: none;
    }
}

.main .side-icons ul {
    margin: 0;
}

    .main .side-icons ul li {
        display: block;
        margin: 0;
    }

        .main .side-icons ul li:nth-child(1) {
            background-color: #e2251c;
        }

        .main .side-icons ul li:nth-child(2) {
            background-color: #009844;
        }

        .main .side-icons ul li:nth-child(3) {
            background-color: #868686;
        }

        .main .side-icons ul li:nth-child(4) {
            background-color: #c6c6c5;
        }

        .main .side-icons ul li a {
            display: block;
            padding: 10px 9px;
        }

.main .scroll-to-top {
    padding: 30px 0;
    text-align: center;
}

    .main .scroll-to-top .scroll-container {
        cursor: pointer;
        margin: 0 auto;
        max-width: 150px;
    }

        .main .scroll-to-top .scroll-container p {
            font-size: 15px;
        }

.main .top-banner {
    background-color: #009844;
    background-image: url("../images/diagonal-stripes.png");
    float: left;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%;
}

    .main .top-banner .top-banner__inner .row {
        align-items: center;
        display: flex;
    }

@media screen and (max-width:639px) {
    .main .top-banner .top-banner__inner .row {
        display: block;
    }
}

.main .top-banner .top-banner__inner .row .column {
    position: relative;
    min-height: 300px;
}

@media screen and (max-width:1023px) {
    .main .top-banner .top-banner__inner .row .column {
        min-height: 0;
    }
}

@media screen and (max-width:639px) {
    .main .top-banner .top-banner__inner .row .column:first-child .banner-text-wrapper {
        padding: 30px 0 15px 0;
    }

    .main .top-banner .top-banner__inner .row .column:last-child .banner-text-wrapper {
        padding: 15px 0 30px 0;
    }
}

.main .top-banner .top-banner__inner .row .column .banner-text-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 95%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

@media screen and (max-width:1023px) {
    .main .top-banner .top-banner__inner .row .column .banner-text-wrapper {
        padding: 30px 0;
        position: relative;
        top: 0;
        left: 0;
        -webkit-transform: translateX(0%) translateY(0%);
        -moz-transform: translateX(0%) translateY(0%);
        -ms-transform: translateX(0%) translateY(0%);
        -o-transform: translateX(0%) translateY(0%);
        transform: translateX(0%) translateY(0%);
    }
}

.main .top-banner .top-banner__inner .row .column .banner-text-wrapper h1, .main .top-banner .top-banner__inner .row .column .banner-text-wrapper h2 {
    color: #fff;
    font-size: 50px;
    line-height: 1.1;
    margin-bottom: 0;
}

@media screen and (max-width:639px) {
    .main .top-banner .top-banner__inner .row .column .banner-text-wrapper h1, .main .top-banner .top-banner__inner .row .column .banner-text-wrapper h2 {
        font-size: 36px;
    }
}

.main .top-banner .top-banner__inner .row .column .banner-text-wrapper p {
    color: #fff;
    margin-top: 20px;
}

@media screen and (max-width:1023px) {
    .main .top-banner .top-banner__inner .row .column .banner-text-wrapper p {
        margin-bottom: 30px;
    }
}

@media screen and (max-width:639px) {
    .main .top-banner .top-banner__inner .row .column .banner-text-wrapper p {
        margin: 0;
    }
}

.main .top-banner .top-banner__inner .row .column.image-row {
    text-align: center;
}

    .main .top-banner .top-banner__inner .row .column.image-row img {
        width: 100%;
    }

.main .top-banner .top-banner__right-image {
    position: absolute;
    right: 0;
    width: 50%;
    height: 100%;
    top: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

@media screen and (max-width:1149px) {
    .main .top-banner .top-banner__right-image {
        display: none;
    }
}

.main .top-banner.text-banner .top-banner__inner .column {
    min-height: 0;
}

    .main .top-banner.text-banner .top-banner__inner .column .banner-text-wrapper {
        padding: 30px 0;
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }

    .main .top-banner.text-banner .top-banner__inner .column .banner-content-wrapper {
        padding: 60px 0;
    }

        .main .top-banner.text-banner .top-banner__inner .column .banner-content-wrapper p {
            color: #fff;
        }

    .main .top-banner.text-banner .top-banner__inner .column .select-item {
        margin-top: 50px;
        position: relative;
    }

@media screen and (max-width:1023px) {
    .main .top-banner.text-banner .top-banner__inner .column .select-item {
        margin: 30px 0;
    }
}

.main .top-banner.text-banner .top-banner__inner .column .select-item select {
    background-color: #f5f5f5;
    border: none;
    color: #6f6f6e;
    font-family: "Roboto",sans-serif;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 10px 10px 20px !important;
}

.main .top-banner.text-banner .top-banner__inner .column .select-item:after {
    background-color: #e2251c;
    background-image: url("../images/arrow-down-white.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 15px;
    content: "";
    display: block;
    height: 39px;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 39px;
}

.main .core-products, .main .other-services {
    padding: 30px 0 80px 0;
    width: 100%;
}

@media screen and (max-width:1023px) {
    .main .core-products, .main .other-services {
        padding: 20px 0;
    }
}

.main .core-products .arrow, .main .core-products h1, .main .other-services .arrow, .main .other-services h1 {
    display: inline-block;
}

.main .core-products .arrow, .main .other-services .arrow {
    height: 70px;
    line-height: 70px;
    margin-top: -20px;
    vertical-align: middle;
    width: 30px;
}

.main .core-products h1, .main .other-services h1 {
    font-weight: lighter;
}

.main .core-products p, .main .other-services p {
    font-size: 15px;
    margin: 0 0 30px 0;
    min-height: 130px;
}

@media screen and (max-width:639px) {
    .main .core-products p, .main .other-services p {
        min-height: 0;
    }
}

.main .core-products .product, .main .other-services .product {
    margin: 25px 0;
}

.main .core-products .content-block-container, .main .other-services .content-block-container {
    height: 290px;
    margin-bottom: 30px;
    min-height: 290px;
    overflow: hidden;
    width: 100%;
}

@media screen and (max-width:1023px) {
    .main .core-products .content-block-container, .main .other-services .content-block-container {
        margin-bottom: 30px;
    }
}

.main .core-products .content-block-container:hover .content-block, .main .core-products .content-block-container:focus .content-block, .main .other-services .content-block-container:hover .content-block, .main .other-services .content-block-container:focus .content-block {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: transform .5s ease 0s;
    -moz-transition: transform .5s ease 0s;
    -ms-transition: transform .5s ease 0s;
    -o-transition: transform .5s ease 0s;
    transition: transform .5s ease 0s;
}

.main .core-products .content-block-container .content-block, .main .other-services .content-block-container .content-block {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: 100%;
    position: relative;
    width: 100%;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: transform .5s ease 0s;
    -moz-transition: transform .5s ease 0s;
    -ms-transition: transform .5s ease 0s;
    -o-transition: transform .5s ease 0s;
    transition: transform .5s ease 0s;
}

@media screen and (max-width:1023px) {
    .main .core-products .content-block-container .content-block, .main .other-services .content-block-container .content-block {
        margin-bottom: 30px;
    }
}

.main .core-products .content-block-container .content-block .content-block__inner, .main .other-services .content-block-container .content-block .content-block__inner {
    background-color: rgba(0,0,0,.35);
    background-image: url("../images/diagonal-stripes.png");
    height: 70%;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 70%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-transition: opacity .5s ease 0s;
    -moz-transition: opacity .5s ease 0s;
    -ms-transition: opacity .5s ease 0s;
    -o-transition: opacity .5s ease 0s;
    transition: opacity .5s ease 0s;
}

    .main .core-products .content-block-container .content-block .content-block__inner p, .main .other-services .content-block-container .content-block .content-block__inner p {
        color: #fff;
        font-size: 22px;
        font-weight: 500;
        margin-top: 0;
        min-height: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        text-align: center;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        -o-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }

.main .call-to-action {
    background: #abd3ee;
    background: -moz-linear-gradient(top,#abd3ee 0%,#fff 26%,#fff 60%);
    background: -webkit-linear-gradient(top,#abd3ee 0%,#fff 26%,#fff 60%);
    background: linear-gradient(to bottom,#abd3ee 0%,#fff 26%,#fff 60%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#abd3ee',endColorstr='#ffffff',GradientType=0);
    padding: 110px 0;
    width: 100%;
}

@media screen and (max-width:1023px) {
    .main .call-to-action {
        padding: 50px 0;
    }
}

.main .call-to-action .row > .column:nth-child(4n+1) {
    transition-delay: .2s;
}

.main .call-to-action .row > .column:nth-child(4n+2) {
    transition-delay: .4s;
}

.main .call-to-action .row > .column:nth-child(4n+3) {
    transition-delay: .6s;
}

.main .call-to-action .row > .column:nth-child(4n+4) {
    transition-delay: .8s;
}

.main .call-to-action .call-to-action__inner {
    height: 100px;
    margin: 0 0 15px;
    overflow: hidden;
    position: relative;
    -webkit-transform: scale(1) perspective(1px) translateZ(0);
    -moz-transform: scale(1) perspective(1px) translateZ(0);
    -ms-transform: scale(1) perspective(1px) translateZ(0);
    -o-transform: scale(1) perspective(1px) translateZ(0);
    transform: scale(1) perspective(1px) translateZ(0);
    -webkit-transition: transform,.35s ease-out 0s;
    -moz-transition: transform,.35s ease-out 0s;
    -ms-transition: transform,.35s ease-out 0s;
    -o-transition: transform,.35s ease-out 0s;
    transition: transform,.35s ease-out 0s;
}

    .main .call-to-action .call-to-action__inner.get-a-quote {
        background-color: #e2251d;
    }

    .main .call-to-action .call-to-action__inner.book-now {
        background-color: #094;
    }

    .main .call-to-action .call-to-action__inner.track-online {
        background-color: #868686;
    }

    .main .call-to-action .call-to-action__inner.pay-online {
        background-color: #c6c6c5;
    }

    .main .call-to-action .call-to-action__inner:hover {
        box-shadow: 10px 11px 14px -2px #3b3b3b;
        -webkit-transform: scale(1.025) perspective(1px) translateZ(0);
        -moz-transform: scale(1.025) perspective(1px) translateZ(0);
        -ms-transform: scale(1.025) perspective(1px) translateZ(0);
        -o-transform: scale(1.025) perspective(1px) translateZ(0);
        transform: scale(1.025) perspective(1px) translateZ(0);
        -webkit-transition: transform,.35s ease-out 0s;
        -moz-transition: transform,.35s ease-out 0s;
        -ms-transition: transform,.35s ease-out 0s;
        -o-transition: transform,.35s ease-out 0s;
        transition: transform,.35s ease-out 0s;
    }

    .main .call-to-action .call-to-action__inner .call-to-action__inner-left {
        background-image: url("../images/diagonal-stripes.png");
        float: left;
        height: 100px;
        position: relative;
        text-align: center;
        width: 100px;
    }

        .main .call-to-action .call-to-action__inner .call-to-action__inner-left img {
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translateX(-50%) translateY(-50%);
            -moz-transform: translateX(-50%) translateY(-50%);
            -ms-transform: translateX(-50%) translateY(-50%);
            -o-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
        }

    .main .call-to-action .call-to-action__inner .call-to-action__inner-right {
        align-items: center;
        background: -moz-linear-gradient(left,rgba(0,0,0,.35) 0%,rgba(255,255,255,0) 100%);
        background: -webkit-linear-gradient(left,rgba(0,0,0,.35) 0%,rgba(255,255,255,0) 100%);
        background: linear-gradient(to right,rgba(0,0,0,.35) 0%,rgba(255,255,255,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000',endColorstr='#00ffffff',GradientType=1);
        background-size: 30px 100% !important;
        background-repeat: no-repeat !important;
        display: flex;
        float: left;
        height: 100px;
        padding: 15px 30px;
        width: 67%;
    }

@media screen and (max-width:429px) {
    .main .call-to-action .call-to-action__inner .call-to-action__inner-right {
        width: 70%;
    }
}

@media screen and (max-width:364px) {
    .main .call-to-action .call-to-action__inner .call-to-action__inner-right {
        width: 65%;
    }
}

.main .call-to-action .call-to-action__inner .call-to-action__inner-right h3 {
    font-size: 28px;
}

.main .call-to-action .call-to-action__inner .call-to-action__inner-right h3, .main .call-to-action .call-to-action__inner .call-to-action__inner-right p {
    color: #fff;
    line-height: 1;
    margin-bottom: 0;
}

.main .call-to-action .call-to-action__inner .call-to-action__inner-right p {
    font-size: 14px;
    font-weight: lighter;
}

.main .call-to-action .call-to-action__inner .call-to-action__inner-right:before {
    background-image: url(../images/arrow-right-white.svg);
    background-repeat: no-repeat;
    background-size: 30px;
    content: "";
    display: block;
    height: 30px;
    position: absolute;
    top: 50%;
    right: 30px;
    width: 30px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (max-width:619px) {
    .main .call-to-action .call-to-action__inner .call-to-action__inner-right:before {
        display: none;
    }
}

.main .call-to-action .call-to-action__description {
    margin: 0 0 30px;
}

@media screen and (min-width:640) {
    .main .call-to-action .call-to-action__description {
        margin: 0;
    }
}

.main iframe {
    float: left;
    padding: 50px 0;
    width: 100%;
}

.main .text-content {
    float: left;
    width: 100%;
}

    .main .text-content .page-content {
        font-size: 20px;
    }

    .main .text-content .page-content-2 {
        font-size: 16px;
        font-weight: lighter;
    }

.main .back-to-home {
    margin: 30px auto 50px auto;
}

    .main .back-to-home .icon-button {
        max-width: none;
    }

.main .select-item {
    position: relative;
}

    .main .select-item select {
        background-color: #f5f5f5;
        border: none;
        color: #6f6f6e;
        font-family: "Roboto",sans-serif;
        font-size: 14px;
        font-weight: 500;
        padding: 10px 10px 10px 20px !important;
    }

    .main .select-item:after {
        background-color: #e2251c;
        background-image: url("../images/arrow-down-white.svg");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 15px;
        content: "";
        display: block;
        height: 39px;
        pointer-events: none;
        position: absolute;
        right: 0;
        top: 0;
        width: 39px;
    }

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

    .main .pagination .paging-prev {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .main .pagination .paging-next, .main .pagination .paging-prev {
        background-image: url("../images/arrow-right.svg");
        background-repeat: no-repeat;
        background-size: 15px;
        background-position: center center;
        display: inline-block;
        height: 15px;
        width: 15px;
    }

    .main .pagination .paging-numbers {
        padding: 0 5px;
    }

        .main .pagination .paging-numbers a {
            color: #6f6f6e;
            font-weight: 500;
            padding: 0 5px;
            position: relative;
            top: -1px;
        }

.main .image-slider .slick-dots {
    bottom: 25px !important;
    width: 100% !important;
}

@media screen and (max-width:1023px) {
    .main .image-slider .slick-dots {
        display: none !important;
    }
}

.main .image-slider .slick-dots li {
    height: 15px !important;
    width: 15px !important;
}

    .main .image-slider .slick-dots li button {
        height: 15px !important;
        width: 15px !important;
    }

        .main .image-slider .slick-dots li button:before {
            background-color: transparent;
            border: 2px solid #fff !important;
            content: "" !important;
            height: 15px !important;
            opacity: 1 !important;
            width: 15px !important;
            -webkit-transition: background-color .25s ease-in-out 0s;
            -moz-transition: background-color .25s ease-in-out 0s;
            -ms-transition: background-color .25s ease-in-out 0s;
            -o-transition: background-color .25s ease-in-out 0s;
            transition: background-color .25s ease-in-out 0s;
        }

        .main .image-slider .slick-dots li button:hover:before {
            background-color: #e2251c;
            -webkit-transition: background-color .25s ease-in-out 0s;
            -moz-transition: background-color .25s ease-in-out 0s;
            -ms-transition: background-color .25s ease-in-out 0s;
            -o-transition: background-color .25s ease-in-out 0s;
            transition: background-color .25s ease-in-out 0s;
        }

    .main .image-slider .slick-dots li.slick-active button:before {
        background-color: #e2251c;
        -webkit-transition: background-color .25s ease-in-out 0s;
        -moz-transition: background-color .25s ease-in-out 0s;
        -ms-transition: background-color .25s ease-in-out 0s;
        -o-transition: background-color .25s ease-in-out 0s;
        transition: background-color .25s ease-in-out 0s;
    }

.main .contact-form {
    float: left;
    padding: 30px 0;
    width: 100%;
}

    .main .contact-form .contact-form-container {
        background-color: #d9d9d9;
        border-radius: 0 50px 0 0;
        margin: 0 auto 50px auto;
        max-width: 80rem;
        padding: 50px 50px 80px 50px;
        position: relative;
    }

        .main .contact-form .contact-form-container:after {
            border-color: transparent transparent #fff transparent;
            border-style: solid;
            border-width: 0 50px 50px 50px;
            bottom: 0;
            content: "";
            height: 0;
            left: -50px;
            position: absolute;
            width: 0;
        }

        .main .contact-form .contact-form-container h3 {
            color: #e2251c;
            font-weight: lighter;
            margin-bottom: 30px;
        }

        .main .contact-form .contact-form-container .form-item {
            position: relative;
        }

            .main .contact-form .contact-form-container .form-item .errorMessage {
                bottom: -18px;
                color: #f00;
                font-size: 12px;
                font-weight: bold;
                left: 0;
                position: absolute;
            }

            .main .contact-form .contact-form-container .form-item ::-webkit-input-placeholder {
                color: #6f6f6e;
                font-family: "Roboto",sans-serif;
                font-size: 14px;
                font-weight: 500;
                line-height: 1;
                padding: 0;
            }

            .main .contact-form .contact-form-container .form-item :-moz-placeholder {
                color: #6f6f6e;
                font-family: "Roboto",sans-serif;
                font-size: 14px;
                font-weight: 500;
                line-height: 1;
                padding: 0;
            }

            .main .contact-form .contact-form-container .form-item ::-moz-placeholder {
                color: #6f6f6e;
                font-family: "Roboto",sans-serif;
                font-size: 14px;
                font-weight: 500;
                line-height: 1;
                padding: 0;
            }

            .main .contact-form .contact-form-container .form-item :-ms-input-placeholder {
                color: #6f6f6e;
                font-family: "Roboto",sans-serif;
                font-size: 14px;
                font-weight: 500;
                line-height: 1;
                padding: 0;
            }

            .main .contact-form .contact-form-container .form-item select {
                color: #6f6f6e;
                font-family: "Roboto",sans-serif;
                font-size: 14px;
                font-weight: 500;
                padding: 10px 10px 10px 10px !important;
            }

            .main .contact-form .contact-form-container .form-item input, .main .contact-form .contact-form-container .form-item select, .main .contact-form .contact-form-container .form-item textarea {
                border: 1px solid #b1b1b1;
                border-radius: 0;
                color: #1d1d1b;
                font-family: "Roboto",sans-serif;
                font-size: 14px;
                font-weight: 500;
                margin-bottom: 25px;
                padding: 10px;
            }

            .main .contact-form .contact-form-container .form-item.select-item {
                position: relative;
            }

                .main .contact-form .contact-form-container .form-item.select-item:after {
                    background-color: #e2251c;
                    background-image: url("../images/arrow-down-white.svg");
                    background-position: center center;
                    background-repeat: no-repeat;
                    background-size: 12px;
                    content: "";
                    display: block;
                    height: 39px;
                    pointer-events: none;
                    position: absolute;
                    right: 0;
                    top: 0;
                    width: 39px;
                }

        .main .contact-form .contact-form-container .opt-in {
            align-items: center;
            display: flex;
            flex-wrap: wrap;
            margin-bottom: 30px;
        }

            .main .contact-form .contact-form-container .opt-in p {
                margin-bottom: 15px;
                width: 100%;
            }

            .main .contact-form .contact-form-container .opt-in .cbx-container .checkbox {
                display: block;
                margin-right: 30px;
            }

                .main .contact-form .contact-form-container .opt-in .cbx-container .checkbox .ei-container {
                    text-align: left;
                }

                    .main .contact-form .contact-form-container .opt-in .cbx-container .checkbox .ei-container .ei-checkbox {
                        height: 39px !important;
                        line-height: 39px !important;
                        width: 39px !important;
                    }

                        .main .contact-form .contact-form-container .opt-in .cbx-container .checkbox .ei-container .ei-checkbox.ei-hover {
                            border-color: #009844 !important;
                        }

                        .main .contact-form .contact-form-container .opt-in .cbx-container .checkbox .ei-container .ei-checkbox:hover, .main .contact-form .contact-form-container .opt-in .cbx-container .checkbox .ei-container .ei-checkbox:focus {
                            border-color: #009844 !important;
                        }

                        .main .contact-form .contact-form-container .opt-in .cbx-container .checkbox .ei-container .ei-checkbox:focus {
                            box-shadow: none !important;
                        }

                        .main .contact-form .contact-form-container .opt-in .cbx-container .checkbox .ei-container .ei-checkbox:before {
                            font-size: 20px;
                        }

                        .main .contact-form .contact-form-container .opt-in .cbx-container .checkbox .ei-container .ei-checkbox:after {
                            background-color: #009844 !important;
                        }

                        .main .contact-form .contact-form-container .opt-in .cbx-container .checkbox .ei-container .ei-checkbox[data-checked='true'] {
                            border-color: #009844 !important;
                        }

                    .main .contact-form .contact-form-container .opt-in .cbx-container .checkbox .ei-container .ei-label {
                        color: #1d1d1b;
                        font-family: "Roboto",sans-serif;
                        font-size: 14px;
                        font-weight: 500;
                        line-height: 39px;
                        margin-left: 15px;
                    }

        .main .contact-form .contact-form-container .button-container .icon-button, .main .contact-form .contact-form-container back-to-home .icon-button {
            max-width: none;
            width: 100%;
        }

.main .view-all {
    display: block;
    line-height: 66px;
    text-align: right;
}

@media screen and (max-width:639px) {
    .main .view-all {
        line-height: 28px;
    }
}

.main .view-all a {
    text-decoration: none;
}

    .main .view-all a img {
        margin-right: 10px;
    }

    .main .view-all a span {
        font-size: 14px;
    }

.main .related-case-studies, .main .related-downloads, .main .related-brochures {
    margin-bottom: 75px;
}

    .main .related-case-studies .title, .main .related-downloads .title, .main .related-brochures .title {
        margin-bottom: 50px;
    }

        .main .related-case-studies .title h2, .main .related-downloads .title h2, .main .related-brochures .title h2 {
            font-weight: lighter;
            margin-bottom: 15px;
        }

    .main .related-case-studies .case-study-item, .main .related-downloads .case-study-item, .main .related-brochures .case-study-item {
        margin-bottom: 50px;
    }

        .main .related-case-studies .case-study-item p, .main .related-downloads .case-study-item p, .main .related-brochures .case-study-item p {
            font-size: 16px;
            font-weight: lighter;
            margin-bottom: 20px;
        }

            .main .related-case-studies .case-study-item p.summary, .main .related-downloads .case-study-item p.summary, .main .related-brochures .case-study-item p.summary {
                font-weight: bold;
            }

            .main .related-case-studies .case-study-item p.date-added, .main .related-downloads .case-study-item p.date-added, .main .related-brochures .case-study-item p.date-added {
                color: #6f6f6e;
                font-weight: bold;
            }

        .main .related-case-studies .case-study-item .icon-button, .main .related-downloads .case-study-item .icon-button, .main .related-brochures .case-study-item .icon-button {
            margin-top: 30px;
            max-width: none;
        }

.main .error-page {
    margin: 25px 0 50px 0;
}

.main .pin-container .left-column .col__inner-left {
    padding: 15px 0 15px 15px;
}

@media screen and (max-width:639px) {
    .main .pin-container .left-column .col__inner-left {
        padding: 15px 0 0 0;
    }
}

@media screen and (max-width:639px) {
    .main .pin-container .left-column .col__inner-left img {
        display: none;
    }
}

.main .pin-container .left-column .col__inner-left p {
    color: #000;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 0;
}

.main .pin-container .left-column .col__inner-left h3 {
    color: #000;
    font-size: 34px;
    font-weight: 100;
    line-height: 1;
    margin-bottom: 30px;
}

@media screen and (max-width:639px) {
    .main .pin-container .left-column .col__inner-left h3 {
        margin-bottom: 15px;
    }
}

.main .pin-container .right-column .col__inner-right {
    padding: 15px 15px 15px 0;
}

@media screen and (max-width:639px) {
    .main .pin-container .right-column .col__inner-right {
        padding: 0;
    }
}

.main .pin-container .right-column .col__inner-right a {
    display: block;
    font-size: 16px;
    text-decoration: none;
}

.main .pin-container .right-column .col__inner-right p {
    color: #6f6f6e;
    font-size: 16px;
    margin-top: 30px;
}

@media screen and (max-width:639px) {
    .main .pin-container .right-column .col__inner-right p {
        margin-top: 15px;
    }
}

.main .pin-container .icon-button {
    margin-top: 30px;
    max-width: none;
}

@media screen and (max-width:639px) {
    .main .pin-container .icon-button.desktop-button {
        display: none;
    }
}

.main .pin-container .mobile-button {
    display: none;
    font-size: 14px;
    font-weight: bold;
}

@media screen and (max-width:639px) {
    .main .pin-container .mobile-button {
        display: block;
    }
}

.callback-popup-container .callback-popup, .callback-popup-container .newsletter-popup, .newsletter-popup-container .callback-popup, .newsletter-popup-container .newsletter-popup {
    background-color: #d9d9d9;
    border-radius: 0 50px 0 0;
    max-width: 488px;
    padding: 50px 50px 30px 50px;
    position: relative;
}

@media screen and (max-width:699px) {
    .callback-popup-container .callback-popup, .callback-popup-container .newsletter-popup, .newsletter-popup-container .callback-popup, .newsletter-popup-container .newsletter-popup {
        border-radius: 0;
        padding: 50px;
    }
}

.callback-popup-container .callback-popup .form-holder h3, .callback-popup-container .newsletter-popup .form-holder h3, .newsletter-popup-container .callback-popup .form-holder h3, .newsletter-popup-container .newsletter-popup .form-holder h3 {
    color: #e2251c;
    font-weight: lighter;
    margin-bottom: 15px;
}

.callback-popup-container .callback-popup .form-holder .icon-button, .callback-popup-container .newsletter-popup .form-holder .icon-button, .newsletter-popup-container .callback-popup .form-holder .icon-button, .newsletter-popup-container .newsletter-popup .form-holder .icon-button {
    max-width: none;
}

.callback-popup-container .callback-popup .form-holder input, .callback-popup-container .newsletter-popup .form-holder input, .newsletter-popup-container .callback-popup .form-holder input, .newsletter-popup-container .newsletter-popup .form-holder input {
    font-size: 12px !important;
    margin-bottom: 10px !important;
}

.callback-popup-container .callback-popup .form-holder select, .callback-popup-container .newsletter-popup .form-holder select, .newsletter-popup-container .callback-popup .form-holder select, .newsletter-popup-container .newsletter-popup .form-holder select {
    margin-bottom: 10px;
}

.callback-popup-container .callback-popup .form-holder .icon-button, .callback-popup-container .newsletter-popup .form-holder .icon-button, .newsletter-popup-container .callback-popup .form-holder .icon-button, .newsletter-popup-container .newsletter-popup .form-holder .icon-button {
    margin-top: 5px;
    text-align: left;
}

.callback-popup-container .callback-popup .form-holder .error-message, .callback-popup-container .newsletter-popup .form-holder .error-message, .newsletter-popup-container .callback-popup .form-holder .error-message, .newsletter-popup-container .newsletter-popup .form-holder .error-message {
    color: #f00;
    display: block;
    text-align: left;
}

.callback-popup-container .callback-popup .form-holder .text-container, .callback-popup-container .newsletter-popup .form-holder .text-container, .newsletter-popup-container .callback-popup .form-holder .text-container, .newsletter-popup-container .newsletter-popup .form-holder .text-container {
    display: block;
    max-width: 388px;
}

    .callback-popup-container .callback-popup .form-holder .text-container p, .callback-popup-container .newsletter-popup .form-holder .text-container p, .newsletter-popup-container .callback-popup .form-holder .text-container p, .newsletter-popup-container .newsletter-popup .form-holder .text-container p {
        font-size: 14px;
        text-align: left;
    }

.callback-popup-container .callback-popup .thankyou-holder, .callback-popup-container .newsletter-popup .thankyou-holder, .newsletter-popup-container .callback-popup .thankyou-holder, .newsletter-popup-container .newsletter-popup .thankyou-holder {
    max-width: 388px;
}

@media screen and (max-width:699px) {
    .callback-popup-container .callback-popup__edge, .newsletter-popup-container .callback-popup__edge {
        display: none;
    }
}

.callback-popup-container .callback-popup__edge:before, .newsletter-popup-container .callback-popup__edge:before {
    background-color: #d9d9d9;
    content: "";
    position: absolute;
    right: 16px;
    bottom: -14px;
    height: 45px;
    width: 45px;
}

.callback-popup-container .callback-popup__edge:after, .newsletter-popup-container .callback-popup__edge:after {
    border: solid transparent;
    border-top-color: #d9d9d9;
    border-width: 30px;
    bottom: -44px;
    content: " ";
    height: 0;
    left: 50%;
    max-width: 488px;
    position: absolute;
    pointer-events: none;
    width: 100%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.ep-window {
    border: none !important;
    box-shadow: none !important;
}

    .ep-window .ep-close {
        bottom: 0;
        right: 10%;
        position: absolute;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        -o-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }

@media screen and (max-width:699px) {
    .ep-window .ep-close {
        bottom: 30px;
    }
}

.ep-window .ep-content {
    background-color: transparent !important;
}

@media screen and (min-width:64em) {
    #ep-window-lets-talk-popup .ep-content {
        width: 512px;
    }
}

.nav {
    background-color: #fff;
    box-shadow: 0 -1px 18px -4px #000;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99999;
}

    .nav .nav__inner {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center;
        margin: 0 auto;
        max-width: 113.75rem;
        padding: 0 .9375rem;
        height: 90px;
    }

        .nav .nav__inner a {
            display: block;
        }

        .nav .nav__inner .nav-logo {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: row;
            flex-direction: row;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -ms-flex-align: center;
            align-items: center;
            margin-right: 25px;
        }

            .nav .nav__inner .nav-logo img {
                width: 250px;
            }

            .nav .nav__inner .nav-logo a:first-child {
                padding: 0;
            }

            .nav .nav__inner .nav-logo a:last-child {
                display: none;
            }

@media screen and (min-width:40em) {
    .nav .nav__inner .nav-logo a:last-child {
        display: block;
        font-family: "Roboto",sans-serif;
        font-size: 16px;
        font-weight: 600;
        color: #df251c;
        line-height: 1;
        margin: 0;
        padding-left: 30px;
    }
}

@media screen and (min-width:80em) {
    .nav .nav__inner .nav-logo a:last-child {
        display: none;
    }
}

@media screen and (min-width:90em) {
    .nav .nav__inner .nav-logo a:last-child {
        display: block;
    }
}

.nav .nav__inner .nav-list {
    display: none;
}

@media screen and (min-width:80em) {
    .nav .nav__inner .nav-list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-align: center;
        align-items: center;
        height: 90px;
    }
}

.nav .nav__inner .nav-list ul {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 0;
}

    .nav .nav__inner .nav-list ul li {
        cursor: pointer;
        display: inline-block;
        margin: 0 30px 0 0;
        padding: 35px 0;
    }

@media screen and (min-width:100em) {
    .nav .nav__inner .nav-list ul li {
        margin: 0 50px 0 0;
    }
}

@media screen and (min-width:113.75em) {
    .nav .nav__inner .nav-list ul li {
        margin: 0 75px 0 0;
    }
}

.nav .nav__inner .nav-list ul li:last-child {
    margin: 0;
}

.nav .nav__inner .nav-list ul li .nav-list-link {
    align-items: center;
    color: #979797;
    display: flex;
    font-family: "Roboto",sans-serif;
    font-size: 16px;
    font-weight: 500;
    position: relative;
    padding: 0;
}

    .nav .nav__inner .nav-list ul li .nav-list-link:hover {
        color: #df251c;
    }

.nav .nav__inner .nav-list ul li:hover .mega {
    animation: fadeIn .5s;
    display: block;
    opacity: 1;
    visibility: visible;
}

.nav .nav__inner .nav-list ul li.logistics .mega .mega__inner .row .column.shrink {
    width: calc(100%/4);
}

.nav .nav__inner .nav-list ul li .mega {
    background-color: #fff;
    cursor: default;
    display: none;
    left: 50%;
    max-width: 80rem;
    opacity: 0;
    position: absolute;
    top: 90px;
    visibility: hidden;
    width: 100%;
    z-index: 99;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

    .nav .nav__inner .nav-list ul li .mega .mega__quote {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-align: center;
        align-items: center;
        height: 60px;
        background-color: #df251c;
        padding: 0 30px;
    }

        .nav .nav__inner .nav-list ul li .mega .mega__quote:hover {
            background-color: #b21d16;
        }

        .nav .nav__inner .nav-list ul li .mega .mega__quote span {
            font-family: "Roboto",sans-serif;
            font-size: 15px;
            font-weight: 500;
            color: #fff;
            line-height: 1;
            margin: 0;
        }

        .nav .nav__inner .nav-list ul li .mega .mega__quote svg {
            width: 75px;
            height: 16.5px;
            margin-left: 35px;
        }

    .nav .nav__inner .nav-list ul li .mega .mega__rest {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0 1.875rem;
    }

        .nav .nav__inner .nav-list ul li .mega .mega__rest.mega__rest--parent {
            padding: 0 1.875rem;
        }

        .nav .nav__inner .nav-list ul li .mega .mega__rest .mega__rest--item a {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: row;
            flex-direction: row;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -ms-flex-align: center;
            align-items: center;
            padding: 1.875rem 1.875rem 1.875rem 0;
        }

            .nav .nav__inner .nav-list ul li .mega .mega__rest .mega__rest--item a:hover span {
                color: #df251c;
            }

            .nav .nav__inner .nav-list ul li .mega .mega__rest .mega__rest--item a span {
                font-weight: 700;
                color: #000;
            }

            .nav .nav__inner .nav-list ul li .mega .mega__rest .mega__rest--item a svg {
                width: 75px;
                height: 16.5px;
                margin: 0 0 0 1.875rem;
            }

    .nav .nav__inner .nav-list ul li .mega .mega__inner {
        align-items: stretch;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        border: 1px solid #e4e4e4;
    }

        .nav .nav__inner .nav-list ul li .mega .mega__inner .row {
            margin: 0;
        }

            .nav .nav__inner .nav-list ul li .mega .mega__inner .row .column {
                padding: 0;
            }

                .nav .nav__inner .nav-list ul li .mega .mega__inner .row .column.shrink {
                    display: -ms-flexbox;
                    display: flex;
                    -ms-flex-direction: column;
                    flex-direction: column;
                    -ms-flex-pack: start;
                    justify-content: flex-start;
                    -ms-flex-align: start;
                    align-items: flex-start;
                    width: calc(100%/5);
                    border-right: 1px solid #e4e4e4;
                }

                    .nav .nav__inner .nav-list ul li .mega .mega__inner .row .column.shrink a {
                        width: 100%;
                        height: 100%;
                        padding: 50px 1.875rem;
                    }

                        .nav .nav__inner .nav-list ul li .mega .mega__inner .row .column.shrink a:hover {
                            background-color: #f7f7f7;
                        }

                    .nav .nav__inner .nav-list ul li .mega .mega__inner .row .column.shrink h2 {
                        font-family: "Roboto",sans-serif;
                        font-size: 22px;
                        font-weight: 500;
                        color: #000;
                        line-height: 1;
                        margin: 0;
                    }

                    .nav .nav__inner .nav-list ul li .mega .mega__inner .row .column.shrink .mega__text {
                        font-family: "Roboto",sans-serif;
                        font-size: 13px;
                        font-weight: 300;
                        color: #979797;
                        margin-bottom: 35px;
                    }

                    .nav .nav__inner .nav-list ul li .mega .mega__inner .row .column.shrink svg {
                        width: 75px;
                        height: 16.5px;
                    }

                    .nav .nav__inner .nav-list ul li .mega .mega__inner .row .column.shrink .mega__image {
                        width: 160px;
                        height: 105px;
                        background-size: cover;
                        background-position: center;
                        margin: 25px 0 35px;
                    }

        .nav .nav__inner .nav-list ul li .mega .mega__inner .mega__inner-left {
            background-color: #ececec;
            min-height: 580px;
            padding: 30px 30px;
            width: 30%;
        }

            .nav .nav__inner .nav-list ul li .mega .mega__inner .mega__inner-left h1 {
                font-size: 34px;
                font-weight: 300;
                margin-bottom: 1.5rem;
            }

            .nav .nav__inner .nav-list ul li .mega .mega__inner .mega__inner-left .mega__title {
                font-size: 34px;
                font-weight: 300;
                margin-bottom: 1.5rem;
            }

            .nav .nav__inner .nav-list ul li .mega .mega__inner .mega__inner-left img {
                margin-bottom: 1.5rem;
                width: 100%;
            }

            .nav .nav__inner .nav-list ul li .mega .mega__inner .mega__inner-left p {
                color: #575756;
                font-size: 16px;
                margin-bottom: .5rem;
            }

            .nav .nav__inner .nav-list ul li .mega .mega__inner .mega__inner-left a {
                display: block;
                font-size: 16px;
                font-weight: 500;
                text-decoration: none;
            }

                .nav .nav__inner .nav-list ul li .mega .mega__inner .mega__inner-left a.request-a-quote {
                    background-color: #e2251c;
                    color: #fff;
                    font-size: 16px;
                    margin: 1.5rem 0 0 0;
                    padding: 10px 30px;
                    text-align: center;
                    text-decoration: none;
                    width: 100%;
                }

                    .nav .nav__inner .nav-list ul li .mega .mega__inner .mega__inner-left a.request-a-quote img {
                        margin: 0 0 4px 0;
                        max-width: 30px;
                    }

        .nav .nav__inner .nav-list ul li .mega .mega__inner .mega__inner-right {
            align-items: flex-start;
            background-color: #fff;
            display: flex;
            flex-wrap: wrap;
            padding: 30px 30px;
            width: 70%;
        }

            .nav .nav__inner .nav-list ul li .mega .mega__inner .mega__inner-right .title {
                align-items: center;
                display: flex;
                justify-content: space-between;
                margin-bottom: 1.5rem;
                width: 100%;
            }

                .nav .nav__inner .nav-list ul li .mega .mega__inner .mega__inner-right .title h2 {
                    font-size: 34px;
                    font-weight: 300;
                    margin: 0;
                }

                .nav .nav__inner .nav-list ul li .mega .mega__inner .mega__inner-right .title a {
                    font-size: 16px;
                    font-weight: 400;
                    text-decoration: none;
                }

            .nav .nav__inner .nav-list ul li .mega .mega__inner .mega__inner-right .highlight-item {
                margin-bottom: 1.5rem;
                width: 50%;
            }

                .nav .nav__inner .nav-list ul li .mega .mega__inner .mega__inner-right .highlight-item .highlight-item__inner {
                    align-items: flex-start;
                    display: flex;
                }

                    .nav .nav__inner .nav-list ul li .mega .mega__inner .mega__inner-right .highlight-item .highlight-item__inner .highlight-item__inner-left img {
                        min-width: 120px;
                    }

                    .nav .nav__inner .nav-list ul li .mega .mega__inner .mega__inner-right .highlight-item .highlight-item__inner .highlight-item__inner-right {
                        padding: 0 2rem 0 1rem;
                    }

                        .nav .nav__inner .nav-list ul li .mega .mega__inner .mega__inner-right .highlight-item .highlight-item__inner .highlight-item__inner-right h3 {
                            font-size: 22px;
                            font-weight: 300;
                            margin-bottom: .75rem;
                        }

                        .nav .nav__inner .nav-list ul li .mega .mega__inner .mega__inner-right .highlight-item .highlight-item__inner .highlight-item__inner-right p {
                            color: #575756;
                            font-size: 14px;
                            margin-bottom: .75rem;
                        }

                        .nav .nav__inner .nav-list ul li .mega .mega__inner .mega__inner-right .highlight-item .highlight-item__inner .highlight-item__inner-right a {
                            font-weight: 500;
                            text-decoration: none;
                        }

            .nav .nav__inner .nav-list ul li .mega .mega__inner .mega__inner-right .list-item {
                margin-bottom: 1rem;
                padding-right: 30px;
                width: 50%;
            }

                .nav .nav__inner .nav-list ul li .mega .mega__inner .mega__inner-right .list-item i {
                    color: #009844;
                }

                .nav .nav__inner .nav-list ul li .mega .mega__inner .mega__inner-right .list-item a {
                    color: #009844;
                    font-size: 15px;
                    font-weight: 400;
                    margin: 0 0 5px 0;
                    text-decoration: none;
                }

                .nav .nav__inner .nav-list ul li .mega .mega__inner .mega__inner-right .list-item hr {
                    border-bottom: 1px solid #b1b1b1;
                    width: 100%;
                }

.nav .nav__inner .nav__ctas {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
}

    .nav .nav__inner .nav__ctas a {
        font-family: "Roboto",sans-serif;
        font-size: 16px;
        font-weight: 500;
        line-height: 1;
        margin: 0 30px 0 0;
        transition: .25s ease;
    }

        .nav .nav__inner .nav__ctas a:first-child {
            color: #df251c;
            border-left: 1px solid #e4e4e4;
            padding: 0 0 0 30px;
        }

            .nav .nav__inner .nav__ctas a:first-child:hover {
                color: #b21d16;
            }

        .nav .nav__inner .nav__ctas a i {
            color: #00a656 !important;
        }

    .nav .nav__inner .nav__ctas i {
        margin-right: 30px;
        font-size: 18px;
        color: #00a656;
        transition: .25s ease;
    }

        .nav .nav__inner .nav__ctas i:hover {
            cursor: pointer;
            color: #00733c;
        }

        .nav .nav__inner .nav__ctas i:last-child {
            color: #df251c;
            margin-right: 0;
        }

            .nav .nav__inner .nav__ctas i:last-child:hover {
                color: #b21d16;
            }

.nav .nav__inner .nav-buttons {
    padding: 25px 10px;
}

    .nav .nav__inner .nav-buttons ul {
        align-items: center;
        display: flex;
        margin: 0;
    }

        .nav .nav__inner .nav-buttons ul li.search {
            color: #009844;
            cursor: pointer;
            font-size: 18px;
            margin-right: 15px;
        }

@media screen and (min-width:80em) {
    .nav .nav__inner .nav-buttons ul li.search {
        font-size: 22px;
        padding-bottom: 0;
    }
}

.nav .nav__inner .nav-buttons ul li.hamburger {
    display: none;
}

@media screen and (min-width:80em) {
    .nav .nav__inner .nav-buttons ul li.hamburger {
        display: block;
        font-size: 22px;
        margin: 0;
    }
}

.nav .search-container {
    background-color: #c6c6c4;
    float: left;
    height: 0;
    overflow: hidden;
    position: relative;
    width: 100%;
    -webkit-transition: height .5s ease-in-out 0s;
    -moz-transition: height .5s ease-in-out 0s;
    -ms-transition: height .5s ease-in-out 0s;
    -o-transition: height .5s ease-in-out 0s;
    transition: height .5s ease-in-out 0s;
    z-index: 1;
}

    .nav .search-container.active {
        height: 69px;
        -webkit-transition: height .5s ease-in-out 0s;
        -moz-transition: height .5s ease-in-out 0s;
        -ms-transition: height .5s ease-in-out 0s;
        -o-transition: height .5s ease-in-out 0s;
        transition: height .5s ease-in-out 0s;
    }

    .nav .search-container .search-container__inner {
        margin: 0 auto;
        max-width: 80rem;
        padding: 15px .9375rem;
        width: 100%;
    }

        .nav .search-container .search-container__inner .search {
            position: relative;
        }

            .nav .search-container .search-container__inner .search input {
                font-family: "Roboto",sans-serif;
                font-size: 14px;
                margin-bottom: 0;
            }

            .nav .search-container .search-container__inner .search a {
                background-color: #e2251c;
                color: #fff;
                display: block;
                font-size: 14px;
                font-weight: normal;
                max-width: 100px;
                padding: 11px 20px;
                position: absolute;
                right: 0;
                top: 0;
                text-align: center;
                text-decoration: none;
            }

aside {
    background-color: #fff !important;
}

    aside .full-screen-exit {
        background: none !important;
    }

    aside .menu-header {
        float: left;
        padding: 60px 35px 30px 35px;
        width: 100%;
    }

        aside .menu-header svg {
            display: inline-block;
            margin-right: 20px;
            width: 20px;
        }

            aside .menu-header svg path {
                fill: #00a656;
            }

        aside .menu-header p {
            color: #00a656;
            display: inline-block;
            font-size: 30px;
            position: relative;
            top: -2px;
        }

    aside .vertical {
        float: left;
        width: 100%;
    }

        aside .vertical li {
            padding: 0 35px;
        }

            aside .vertical li a {
                color: #979797;
                font-size: 15px;
                padding: 7px 0;
            }

    aside .social-media-container {
        background-color: #009844;
        float: left;
        margin-top: 40px;
        width: 100%;
    }

        aside .social-media-container ul {
            padding: 0 35px;
        }

            aside .social-media-container ul li {
                display: inline-block;
                text-align: center;
                width: 18%;
            }

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}

    .slick-list:focus {
        outline: none;
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand;
    }

.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
}

    .slick-track:before, .slick-track:after {
        content: "";
        display: table;
    }

    .slick-track:after {
        clear: both;
    }

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}

[dir="rtl"] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.slick-loading .slick-list {
    background: #fff url("ajax-loader.gif") center center no-repeat;
}

@font-face {
    font-family: "slick";
    src: url("fonts/slick.eot?");
    src: url("fonts/slick.eot?#iefix") format("embedded-opentype"),url("fonts/slick.woff") format("woff"),url("fonts/slick.ttf") format("truetype"),url("fonts/slick.svg#slick") format("svg");
    font-weight: normal;
    font-style: normal;
}

.slick-prev, .slick-next {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%);
    padding: 0;
    border: none;
    outline: none;
}

    .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
        outline: none;
        background: transparent;
        color: transparent;
    }

        .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
            opacity: 1;
        }

    .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
        opacity: .25;
    }

    .slick-prev:before, .slick-next:before {
        font-family: "slick";
        font-size: 20px;
        line-height: 1;
        color: #fff;
        opacity: .75;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

.slick-prev {
    left: -25px;
}

[dir="rtl"] .slick-prev {
    left: auto;
    right: -25px;
}

.slick-prev:before {
    content: "←";
}

[dir="rtl"] .slick-prev:before {
    content: "→";
}

.slick-next {
    right: -25px;
}

[dir="rtl"] .slick-next {
    left: -25px;
    right: auto;
}

.slick-next:before {
    content: "→";
}

[dir="rtl"] .slick-next:before {
    content: "←";
}

.slick-dotted.slick-slider {
    margin-bottom: 30px;
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%;
}

    .slick-dots li {
        position: relative;
        display: inline-block;
        height: 20px;
        width: 20px;
        margin: 0 5px;
        padding: 0;
        cursor: pointer;
    }

        .slick-dots li button {
            border: 0;
            background: transparent;
            display: block;
            height: 20px;
            width: 20px;
            outline: none;
            line-height: 0;
            font-size: 0;
            color: transparent;
            padding: 5px;
            cursor: pointer;
        }

            .slick-dots li button:hover, .slick-dots li button:focus {
                outline: none;
            }

                .slick-dots li button:hover:before, .slick-dots li button:focus:before {
                    opacity: 1;
                }

            .slick-dots li button:before {
                position: absolute;
                top: 0;
                left: 0;
                content: "•";
                width: 20px;
                height: 20px;
                font-family: "slick";
                font-size: 6px;
                line-height: 20px;
                text-align: center;
                color: #000;
                opacity: .25;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
            }

        .slick-dots li.slick-active button:before {
            color: #000;
            opacity: .75;
        }

@font-face {
    font-family: 'FontAwesome';
    src: url("/fonts/fontawesome-webfont.eot?v=4.7.0");
    src: url("/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"),url("/fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"),url("/fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"),url("/fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"),url("/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
    font-weight: normal;
    font-style: normal;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fa-lg {
    font-size: 1.33333em;
    line-height: .75em;
    vertical-align: -15%;
}

.fa-2x {
    font-size: 2em;
}

.fa-3x {
    font-size: 3em;
}

.fa-4x {
    font-size: 4em;
}

.fa-5x {
    font-size: 5em;
}

.fa-fw {
    width: 1.28571em;
    text-align: center;
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.14286em;
    list-style-type: none;
}

    .fa-ul > li {
        position: relative;
    }

.fa-li {
    position: absolute;
    left: -2.14286em;
    width: 2.14286em;
    top: .14286em;
    text-align: center;
}

    .fa-li.fa-lg {
        left: -1.85714em;
    }

.fa-border {
    padding: .2em .25em .15em;
    border: solid .08em #eee;
    border-radius: .1em;
}

.fa-pull-left {
    float: left;
}

.fa-pull-right {
    float: right;
}

.fa.fa-pull-left {
    margin-right: .3em;
}

.fa.fa-pull-right {
    margin-left: .3em;
}

.pull-right {
    float: right;
}

.pull-left {
    float: left;
}

.fa.pull-left {
    margin-right: .3em;
}

.fa.pull-right {
    margin-left: .3em;
}

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

.fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8);
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}

.fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    -webkit-transform: scale(-1,1);
    -ms-transform: scale(-1,1);
    transform: scale(-1,1);
}

.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    -webkit-transform: scale(1,-1);
    -ms-transform: scale(1,-1);
    transform: scale(1,-1);
}

:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical {
    filter: none;
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle;
}

.fa-stack-1x, .fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
}

.fa-stack-1x {
    line-height: inherit;
}

.fa-stack-2x {
    font-size: 2em;
}

.fa-inverse {
    color: #fff;
}

.fa-glass:before {
    content: "";
}

.fa-music:before {
    content: "";
}

.fa-search:before {
    content: "";
}

.fa-envelope-o:before {
    content: "";
}

.fa-heart:before {
    content: "";
}

.fa-star:before {
    content: "";
}

.fa-star-o:before {
    content: "";
}

.fa-user:before {
    content: "";
}

.fa-film:before {
    content: "";
}

.fa-th-large:before {
    content: "";
}

.fa-th:before {
    content: "";
}

.fa-th-list:before {
    content: "";
}

.fa-check:before {
    content: "";
}

.fa-remove:before, .fa-close:before, .fa-times:before {
    content: "";
}

.fa-search-plus:before {
    content: "";
}

.fa-search-minus:before {
    content: "";
}

.fa-power-off:before {
    content: "";
}

.fa-signal:before {
    content: "";
}

.fa-gear:before, .fa-cog:before {
    content: "";
}

.fa-trash-o:before {
    content: "";
}

.fa-home:before {
    content: "";
}

.fa-file-o:before {
    content: "";
}

.fa-clock-o:before {
    content: "";
}

.fa-road:before {
    content: "";
}

.fa-download:before {
    content: "";
}

.fa-arrow-circle-o-down:before {
    content: "";
}

.fa-arrow-circle-o-up:before {
    content: "";
}

.fa-inbox:before {
    content: "";
}

.fa-play-circle-o:before {
    content: "";
}

.fa-rotate-right:before, .fa-repeat:before {
    content: "";
}

.fa-refresh:before {
    content: "";
}

.fa-list-alt:before {
    content: "";
}

.fa-lock:before {
    content: "";
}

.fa-flag:before {
    content: "";
}

.fa-headphones:before {
    content: "";
}

.fa-volume-off:before {
    content: "";
}

.fa-volume-down:before {
    content: "";
}

.fa-volume-up:before {
    content: "";
}

.fa-qrcode:before {
    content: "";
}

.fa-barcode:before {
    content: "";
}

.fa-tag:before {
    content: "";
}

.fa-tags:before {
    content: "";
}

.fa-book:before {
    content: "";
}

.fa-bookmark:before {
    content: "";
}

.fa-print:before {
    content: "";
}

.fa-camera:before {
    content: "";
}

.fa-font:before {
    content: "";
}

.fa-bold:before {
    content: "";
}

.fa-italic:before {
    content: "";
}

.fa-text-height:before {
    content: "";
}

.fa-text-width:before {
    content: "";
}

.fa-align-left:before {
    content: "";
}

.fa-align-center:before {
    content: "";
}

.fa-align-right:before {
    content: "";
}

.fa-align-justify:before {
    content: "";
}

.fa-list:before {
    content: "";
}

.fa-dedent:before, .fa-outdent:before {
    content: "";
}

.fa-indent:before {
    content: "";
}

.fa-video-camera:before {
    content: "";
}

.fa-photo:before, .fa-image:before, .fa-picture-o:before {
    content: "";
}

.fa-pencil:before {
    content: "";
}

.fa-map-marker:before {
    content: "";
}

.fa-adjust:before {
    content: "";
}

.fa-tint:before {
    content: "";
}

.fa-edit:before, .fa-pencil-square-o:before {
    content: "";
}

.fa-share-square-o:before {
    content: "";
}

.fa-check-square-o:before {
    content: "";
}

.fa-arrows:before {
    content: "";
}

.fa-step-backward:before {
    content: "";
}

.fa-fast-backward:before {
    content: "";
}

.fa-backward:before {
    content: "";
}

.fa-play:before {
    content: "";
}

.fa-pause:before {
    content: "";
}

.fa-stop:before {
    content: "";
}

.fa-forward:before {
    content: "";
}

.fa-fast-forward:before {
    content: "";
}

.fa-step-forward:before {
    content: "";
}

.fa-eject:before {
    content: "";
}

.fa-chevron-left:before {
    content: "";
}

.fa-chevron-right:before {
    content: "";
}

.fa-plus-circle:before {
    content: "";
}

.fa-minus-circle:before {
    content: "";
}

.fa-times-circle:before {
    content: "";
}

.fa-check-circle:before {
    content: "";
}

.fa-question-circle:before {
    content: "";
}

.fa-info-circle:before {
    content: "";
}

.fa-crosshairs:before {
    content: "";
}

.fa-times-circle-o:before {
    content: "";
}

.fa-check-circle-o:before {
    content: "";
}

.fa-ban:before {
    content: "";
}

.fa-arrow-left:before {
    content: "";
}

.fa-arrow-right:before {
    content: "";
}

.fa-arrow-up:before {
    content: "";
}

.fa-arrow-down:before {
    content: "";
}

.fa-mail-forward:before, .fa-share:before {
    content: "";
}

.fa-expand:before {
    content: "";
}

.fa-compress:before {
    content: "";
}

.fa-plus:before {
    content: "";
}

.fa-minus:before {
    content: "";
}

.fa-asterisk:before {
    content: "";
}

.fa-exclamation-circle:before {
    content: "";
}

.fa-gift:before {
    content: "";
}

.fa-leaf:before {
    content: "";
}

.fa-fire:before {
    content: "";
}

.fa-eye:before {
    content: "";
}

.fa-eye-slash:before {
    content: "";
}

.fa-warning:before, .fa-exclamation-triangle:before {
    content: "";
}

.fa-plane:before {
    content: "";
}

.fa-calendar:before {
    content: "";
}

.fa-random:before {
    content: "";
}

.fa-comment:before {
    content: "";
}

.fa-magnet:before {
    content: "";
}

.fa-chevron-up:before {
    content: "";
}

.fa-chevron-down:before {
    content: "";
}

.fa-retweet:before {
    content: "";
}

.fa-shopping-cart:before {
    content: "";
}

.fa-folder:before {
    content: "";
}

.fa-folder-open:before {
    content: "";
}

.fa-arrows-v:before {
    content: "";
}

.fa-arrows-h:before {
    content: "";
}

.fa-bar-chart-o:before, .fa-bar-chart:before {
    content: "";
}

.fa-twitter-square:before {
    content: "";
}

.fa-facebook-square:before {
    content: "";
}

.fa-camera-retro:before {
    content: "";
}

.fa-key:before {
    content: "";
}

.fa-gears:before, .fa-cogs:before {
    content: "";
}

.fa-comments:before {
    content: "";
}

.fa-thumbs-o-up:before {
    content: "";
}

.fa-thumbs-o-down:before {
    content: "";
}

.fa-star-half:before {
    content: "";
}

.fa-heart-o:before {
    content: "";
}

.fa-sign-out:before {
    content: "";
}

.fa-linkedin-square:before {
    content: "";
}

.fa-thumb-tack:before {
    content: "";
}

.fa-external-link:before {
    content: "";
}

.fa-sign-in:before {
    content: "";
}

.fa-trophy:before {
    content: "";
}

.fa-github-square:before {
    content: "";
}

.fa-upload:before {
    content: "";
}

.fa-lemon-o:before {
    content: "";
}

.fa-phone:before {
    content: "";
}

.fa-square-o:before {
    content: "";
}

.fa-bookmark-o:before {
    content: "";
}

.fa-phone-square:before {
    content: "";
}

.fa-twitter:before {
    content: "";
}

.fa-facebook-f:before, .fa-facebook:before {
    content: "";
}

.fa-github:before {
    content: "";
}

.fa-unlock:before {
    content: "";
}

.fa-credit-card:before {
    content: "";
}

.fa-feed:before, .fa-rss:before {
    content: "";
}

.fa-hdd-o:before {
    content: "";
}

.fa-bullhorn:before {
    content: "";
}

.fa-bell:before {
    content: "";
}

.fa-certificate:before {
    content: "";
}

.fa-hand-o-right:before {
    content: "";
}

.fa-hand-o-left:before {
    content: "";
}

.fa-hand-o-up:before {
    content: "";
}

.fa-hand-o-down:before {
    content: "";
}

.fa-arrow-circle-left:before {
    content: "";
}

.fa-arrow-circle-right:before {
    content: "";
}

.fa-arrow-circle-up:before {
    content: "";
}

.fa-arrow-circle-down:before {
    content: "";
}

.fa-globe:before {
    content: "";
}

.fa-wrench:before {
    content: "";
}

.fa-tasks:before {
    content: "";
}

.fa-filter:before {
    content: "";
}

.fa-briefcase:before {
    content: "";
}

.fa-arrows-alt:before {
    content: "";
}

.fa-group:before, .fa-users:before {
    content: "";
}

.fa-chain:before, .fa-link:before {
    content: "";
}

.fa-cloud:before {
    content: "";
}

.fa-flask:before {
    content: "";
}

.fa-cut:before, .fa-scissors:before {
    content: "";
}

.fa-copy:before, .fa-files-o:before {
    content: "";
}

.fa-paperclip:before {
    content: "";
}

.fa-save:before, .fa-floppy-o:before {
    content: "";
}

.fa-square:before {
    content: "";
}

.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
    content: "";
}

.fa-list-ul:before {
    content: "";
}

.fa-list-ol:before {
    content: "";
}

.fa-strikethrough:before {
    content: "";
}

.fa-underline:before {
    content: "";
}

.fa-table:before {
    content: "";
}

.fa-magic:before {
    content: "";
}

.fa-truck:before {
    content: "";
}

.fa-pinterest:before {
    content: "";
}

.fa-pinterest-square:before {
    content: "";
}

.fa-google-plus-square:before {
    content: "";
}

.fa-google-plus:before {
    content: "";
}

.fa-money:before {
    content: "";
}

.fa-caret-down:before {
    content: "";
}

.fa-caret-up:before {
    content: "";
}

.fa-caret-left:before {
    content: "";
}

.fa-caret-right:before {
    content: "";
}

.fa-columns:before {
    content: "";
}

.fa-unsorted:before, .fa-sort:before {
    content: "";
}

.fa-sort-down:before, .fa-sort-desc:before {
    content: "";
}

.fa-sort-up:before, .fa-sort-asc:before {
    content: "";
}

.fa-envelope:before {
    content: "";
}

.fa-linkedin:before {
    content: "";
}

.fa-rotate-left:before, .fa-undo:before {
    content: "";
}

.fa-legal:before, .fa-gavel:before {
    content: "";
}

.fa-dashboard:before, .fa-tachometer:before {
    content: "";
}

.fa-comment-o:before {
    content: "";
}

.fa-comments-o:before {
    content: "";
}

.fa-flash:before, .fa-bolt:before {
    content: "";
}

.fa-sitemap:before {
    content: "";
}

.fa-umbrella:before {
    content: "";
}

.fa-paste:before, .fa-clipboard:before {
    content: "";
}

.fa-lightbulb-o:before {
    content: "";
}

.fa-exchange:before {
    content: "";
}

.fa-cloud-download:before {
    content: "";
}

.fa-cloud-upload:before {
    content: "";
}

.fa-user-md:before {
    content: "";
}

.fa-stethoscope:before {
    content: "";
}

.fa-suitcase:before {
    content: "";
}

.fa-bell-o:before {
    content: "";
}

.fa-coffee:before {
    content: "";
}

.fa-cutlery:before {
    content: "";
}

.fa-file-text-o:before {
    content: "";
}

.fa-building-o:before {
    content: "";
}

.fa-hospital-o:before {
    content: "";
}

.fa-ambulance:before {
    content: "";
}

.fa-medkit:before {
    content: "";
}

.fa-fighter-jet:before {
    content: "";
}

.fa-beer:before {
    content: "";
}

.fa-h-square:before {
    content: "";
}

.fa-plus-square:before {
    content: "";
}

.fa-angle-double-left:before {
    content: "";
}

.fa-angle-double-right:before {
    content: "";
}

.fa-angle-double-up:before {
    content: "";
}

.fa-angle-double-down:before {
    content: "";
}

.fa-angle-left:before {
    content: "";
}

.fa-angle-right:before {
    content: "";
}

.fa-angle-up:before {
    content: "";
}

.fa-angle-down:before {
    content: "";
}

.fa-desktop:before {
    content: "";
}

.fa-laptop:before {
    content: "";
}

.fa-tablet:before {
    content: "";
}

.fa-mobile-phone:before, .fa-mobile:before {
    content: "";
}

.fa-circle-o:before {
    content: "";
}

.fa-quote-left:before {
    content: "";
}

.fa-quote-right:before {
    content: "";
}

.fa-spinner:before {
    content: "";
}

.fa-circle:before {
    content: "";
}

.fa-mail-reply:before, .fa-reply:before {
    content: "";
}

.fa-github-alt:before {
    content: "";
}

.fa-folder-o:before {
    content: "";
}

.fa-folder-open-o:before {
    content: "";
}

.fa-smile-o:before {
    content: "";
}

.fa-frown-o:before {
    content: "";
}

.fa-meh-o:before {
    content: "";
}

.fa-gamepad:before {
    content: "";
}

.fa-keyboard-o:before {
    content: "";
}

.fa-flag-o:before {
    content: "";
}

.fa-flag-checkered:before {
    content: "";
}

.fa-terminal:before {
    content: "";
}

.fa-code:before {
    content: "";
}

.fa-mail-reply-all:before, .fa-reply-all:before {
    content: "";
}

.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
    content: "";
}

.fa-location-arrow:before {
    content: "";
}

.fa-crop:before {
    content: "";
}

.fa-code-fork:before {
    content: "";
}

.fa-unlink:before, .fa-chain-broken:before {
    content: "";
}

.fa-question:before {
    content: "";
}

.fa-info:before {
    content: "";
}

.fa-exclamation:before {
    content: "";
}

.fa-superscript:before {
    content: "";
}

.fa-subscript:before {
    content: "";
}

.fa-eraser:before {
    content: "";
}

.fa-puzzle-piece:before {
    content: "";
}

.fa-microphone:before {
    content: "";
}

.fa-microphone-slash:before {
    content: "";
}

.fa-shield:before {
    content: "";
}

.fa-calendar-o:before {
    content: "";
}

.fa-fire-extinguisher:before {
    content: "";
}

.fa-rocket:before {
    content: "";
}

.fa-maxcdn:before {
    content: "";
}

.fa-chevron-circle-left:before {
    content: "";
}

.fa-chevron-circle-right:before {
    content: "";
}

.fa-chevron-circle-up:before {
    content: "";
}

.fa-chevron-circle-down:before {
    content: "";
}

.fa-html5:before {
    content: "";
}

.fa-css3:before {
    content: "";
}

.fa-anchor:before {
    content: "";
}

.fa-unlock-alt:before {
    content: "";
}

.fa-bullseye:before {
    content: "";
}

.fa-ellipsis-h:before {
    content: "";
}

.fa-ellipsis-v:before {
    content: "";
}

.fa-rss-square:before {
    content: "";
}

.fa-play-circle:before {
    content: "";
}

.fa-ticket:before {
    content: "";
}

.fa-minus-square:before {
    content: "";
}

.fa-minus-square-o:before {
    content: "";
}

.fa-level-up:before {
    content: "";
}

.fa-level-down:before {
    content: "";
}

.fa-check-square:before {
    content: "";
}

.fa-pencil-square:before {
    content: "";
}

.fa-external-link-square:before {
    content: "";
}

.fa-share-square:before {
    content: "";
}

.fa-compass:before {
    content: "";
}

.fa-toggle-down:before, .fa-caret-square-o-down:before {
    content: "";
}

.fa-toggle-up:before, .fa-caret-square-o-up:before {
    content: "";
}

.fa-toggle-right:before, .fa-caret-square-o-right:before {
    content: "";
}

.fa-euro:before, .fa-eur:before {
    content: "";
}

.fa-gbp:before {
    content: "";
}

.fa-dollar:before, .fa-usd:before {
    content: "";
}

.fa-rupee:before, .fa-inr:before {
    content: "";
}

.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before {
    content: "";
}

.fa-ruble:before, .fa-rouble:before, .fa-rub:before {
    content: "";
}

.fa-won:before, .fa-krw:before {
    content: "";
}

.fa-bitcoin:before, .fa-btc:before {
    content: "";
}

.fa-file:before {
    content: "";
}

.fa-file-text:before {
    content: "";
}

.fa-sort-alpha-asc:before {
    content: "";
}

.fa-sort-alpha-desc:before {
    content: "";
}

.fa-sort-amount-asc:before {
    content: "";
}

.fa-sort-amount-desc:before {
    content: "";
}

.fa-sort-numeric-asc:before {
    content: "";
}

.fa-sort-numeric-desc:before {
    content: "";
}

.fa-thumbs-up:before {
    content: "";
}

.fa-thumbs-down:before {
    content: "";
}

.fa-youtube-square:before {
    content: "";
}

.fa-youtube:before {
    content: "";
}

.fa-xing:before {
    content: "";
}

.fa-xing-square:before {
    content: "";
}

.fa-youtube-play:before {
    content: "";
}

.fa-dropbox:before {
    content: "";
}

.fa-stack-overflow:before {
    content: "";
}

.fa-instagram:before {
    content: "";
}

.fa-flickr:before {
    content: "";
}

.fa-adn:before {
    content: "";
}

.fa-bitbucket:before {
    content: "";
}

.fa-bitbucket-square:before {
    content: "";
}

.fa-tumblr:before {
    content: "";
}

.fa-tumblr-square:before {
    content: "";
}

.fa-long-arrow-down:before {
    content: "";
}

.fa-long-arrow-up:before {
    content: "";
}

.fa-long-arrow-left:before {
    content: "";
}

.fa-long-arrow-right:before {
    content: "";
}

.fa-apple:before {
    content: "";
}

.fa-windows:before {
    content: "";
}

.fa-android:before {
    content: "";
}

.fa-linux:before {
    content: "";
}

.fa-dribbble:before {
    content: "";
}

.fa-skype:before {
    content: "";
}

.fa-foursquare:before {
    content: "";
}

.fa-trello:before {
    content: "";
}

.fa-female:before {
    content: "";
}

.fa-male:before {
    content: "";
}

.fa-gittip:before, .fa-gratipay:before {
    content: "";
}

.fa-sun-o:before {
    content: "";
}

.fa-moon-o:before {
    content: "";
}

.fa-archive:before {
    content: "";
}

.fa-bug:before {
    content: "";
}

.fa-vk:before {
    content: "";
}

.fa-weibo:before {
    content: "";
}

.fa-renren:before {
    content: "";
}

.fa-pagelines:before {
    content: "";
}

.fa-stack-exchange:before {
    content: "";
}

.fa-arrow-circle-o-right:before {
    content: "";
}

.fa-arrow-circle-o-left:before {
    content: "";
}

.fa-toggle-left:before, .fa-caret-square-o-left:before {
    content: "";
}

.fa-dot-circle-o:before {
    content: "";
}

.fa-wheelchair:before {
    content: "";
}

.fa-vimeo-square:before {
    content: "";
}

.fa-turkish-lira:before, .fa-try:before {
    content: "";
}

.fa-plus-square-o:before {
    content: "";
}

.fa-space-shuttle:before {
    content: "";
}

.fa-slack:before {
    content: "";
}

.fa-envelope-square:before {
    content: "";
}

.fa-wordpress:before {
    content: "";
}

.fa-openid:before {
    content: "";
}

.fa-institution:before, .fa-bank:before, .fa-university:before {
    content: "";
}

.fa-mortar-board:before, .fa-graduation-cap:before {
    content: "";
}

.fa-yahoo:before {
    content: "";
}

.fa-google:before {
    content: "";
}

.fa-reddit:before {
    content: "";
}

.fa-reddit-square:before {
    content: "";
}

.fa-stumbleupon-circle:before {
    content: "";
}

.fa-stumbleupon:before {
    content: "";
}

.fa-delicious:before {
    content: "";
}

.fa-digg:before {
    content: "";
}

.fa-pied-piper-pp:before {
    content: "";
}

.fa-pied-piper-alt:before {
    content: "";
}

.fa-drupal:before {
    content: "";
}

.fa-joomla:before {
    content: "";
}

.fa-language:before {
    content: "";
}

.fa-fax:before {
    content: "";
}

.fa-building:before {
    content: "";
}

.fa-child:before {
    content: "";
}

.fa-paw:before {
    content: "";
}

.fa-spoon:before {
    content: "";
}

.fa-cube:before {
    content: "";
}

.fa-cubes:before {
    content: "";
}

.fa-behance:before {
    content: "";
}

.fa-behance-square:before {
    content: "";
}

.fa-steam:before {
    content: "";
}

.fa-steam-square:before {
    content: "";
}

.fa-recycle:before {
    content: "";
}

.fa-automobile:before, .fa-car:before {
    content: "";
}

.fa-cab:before, .fa-taxi:before {
    content: "";
}

.fa-tree:before {
    content: "";
}

.fa-spotify:before {
    content: "";
}

.fa-deviantart:before {
    content: "";
}

.fa-soundcloud:before {
    content: "";
}

.fa-database:before {
    content: "";
}

.fa-file-pdf-o:before {
    content: "";
}

.fa-file-word-o:before {
    content: "";
}

.fa-file-excel-o:before {
    content: "";
}

.fa-file-powerpoint-o:before {
    content: "";
}

.fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before {
    content: "";
}

.fa-file-zip-o:before, .fa-file-archive-o:before {
    content: "";
}

.fa-file-sound-o:before, .fa-file-audio-o:before {
    content: "";
}

.fa-file-movie-o:before, .fa-file-video-o:before {
    content: "";
}

.fa-file-code-o:before {
    content: "";
}

.fa-vine:before {
    content: "";
}

.fa-codepen:before {
    content: "";
}

.fa-jsfiddle:before {
    content: "";
}

.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before {
    content: "";
}

.fa-circle-o-notch:before {
    content: "";
}

.fa-ra:before, .fa-resistance:before, .fa-rebel:before {
    content: "";
}

.fa-ge:before, .fa-empire:before {
    content: "";
}

.fa-git-square:before {
    content: "";
}

.fa-git:before {
    content: "";
}

.fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before {
    content: "";
}

.fa-tencent-weibo:before {
    content: "";
}

.fa-qq:before {
    content: "";
}

.fa-wechat:before, .fa-weixin:before {
    content: "";
}

.fa-send:before, .fa-paper-plane:before {
    content: "";
}

.fa-send-o:before, .fa-paper-plane-o:before {
    content: "";
}

.fa-history:before {
    content: "";
}

.fa-circle-thin:before {
    content: "";
}

.fa-header:before {
    content: "";
}

.fa-paragraph:before {
    content: "";
}

.fa-sliders:before {
    content: "";
}

.fa-share-alt:before {
    content: "";
}

.fa-share-alt-square:before {
    content: "";
}

.fa-bomb:before {
    content: "";
}

.fa-soccer-ball-o:before, .fa-futbol-o:before {
    content: "";
}

.fa-tty:before {
    content: "";
}

.fa-binoculars:before {
    content: "";
}

.fa-plug:before {
    content: "";
}

.fa-slideshare:before {
    content: "";
}

.fa-twitch:before {
    content: "";
}

.fa-yelp:before {
    content: "";
}

.fa-newspaper-o:before {
    content: "";
}

.fa-wifi:before {
    content: "";
}

.fa-calculator:before {
    content: "";
}

.fa-paypal:before {
    content: "";
}

.fa-google-wallet:before {
    content: "";
}

.fa-cc-visa:before {
    content: "";
}

.fa-cc-mastercard:before {
    content: "";
}

.fa-cc-discover:before {
    content: "";
}

.fa-cc-amex:before {
    content: "";
}

.fa-cc-paypal:before {
    content: "";
}

.fa-cc-stripe:before {
    content: "";
}

.fa-bell-slash:before {
    content: "";
}

.fa-bell-slash-o:before {
    content: "";
}

.fa-trash:before {
    content: "";
}

.fa-copyright:before {
    content: "";
}

.fa-at:before {
    content: "";
}

.fa-eyedropper:before {
    content: "";
}

.fa-paint-brush:before {
    content: "";
}

.fa-birthday-cake:before {
    content: "";
}

.fa-area-chart:before {
    content: "";
}

.fa-pie-chart:before {
    content: "";
}

.fa-line-chart:before {
    content: "";
}

.fa-lastfm:before {
    content: "";
}

.fa-lastfm-square:before {
    content: "";
}

.fa-toggle-off:before {
    content: "";
}

.fa-toggle-on:before {
    content: "";
}

.fa-bicycle:before {
    content: "";
}

.fa-bus:before {
    content: "";
}

.fa-ioxhost:before {
    content: "";
}

.fa-angellist:before {
    content: "";
}

.fa-cc:before {
    content: "";
}

.fa-shekel:before, .fa-sheqel:before, .fa-ils:before {
    content: "";
}

.fa-meanpath:before {
    content: "";
}

.fa-buysellads:before {
    content: "";
}

.fa-connectdevelop:before {
    content: "";
}

.fa-dashcube:before {
    content: "";
}

.fa-forumbee:before {
    content: "";
}

.fa-leanpub:before {
    content: "";
}

.fa-sellsy:before {
    content: "";
}

.fa-shirtsinbulk:before {
    content: "";
}

.fa-simplybuilt:before {
    content: "";
}

.fa-skyatlas:before {
    content: "";
}

.fa-cart-plus:before {
    content: "";
}

.fa-cart-arrow-down:before {
    content: "";
}

.fa-diamond:before {
    content: "";
}

.fa-ship:before {
    content: "";
}

.fa-user-secret:before {
    content: "";
}

.fa-motorcycle:before {
    content: "";
}

.fa-street-view:before {
    content: "";
}

.fa-heartbeat:before {
    content: "";
}

.fa-venus:before {
    content: "";
}

.fa-mars:before {
    content: "";
}

.fa-mercury:before {
    content: "";
}

.fa-intersex:before, .fa-transgender:before {
    content: "";
}

.fa-transgender-alt:before {
    content: "";
}

.fa-venus-double:before {
    content: "";
}

.fa-mars-double:before {
    content: "";
}

.fa-venus-mars:before {
    content: "";
}

.fa-mars-stroke:before {
    content: "";
}

.fa-mars-stroke-v:before {
    content: "";
}

.fa-mars-stroke-h:before {
    content: "";
}

.fa-neuter:before {
    content: "";
}

.fa-genderless:before {
    content: "";
}

.fa-facebook-official:before {
    content: "";
}

.fa-pinterest-p:before {
    content: "";
}

.fa-whatsapp:before {
    content: "";
}

.fa-server:before {
    content: "";
}

.fa-user-plus:before {
    content: "";
}

.fa-user-times:before {
    content: "";
}

.fa-hotel:before, .fa-bed:before {
    content: "";
}

.fa-viacoin:before {
    content: "";
}

.fa-train:before {
    content: "";
}

.fa-subway:before {
    content: "";
}

.fa-medium:before {
    content: "";
}

.fa-yc:before, .fa-y-combinator:before {
    content: "";
}

.fa-optin-monster:before {
    content: "";
}

.fa-opencart:before {
    content: "";
}

.fa-expeditedssl:before {
    content: "";
}

.fa-battery-4:before, .fa-battery:before, .fa-battery-full:before {
    content: "";
}

.fa-battery-3:before, .fa-battery-three-quarters:before {
    content: "";
}

.fa-battery-2:before, .fa-battery-half:before {
    content: "";
}

.fa-battery-1:before, .fa-battery-quarter:before {
    content: "";
}

.fa-battery-0:before, .fa-battery-empty:before {
    content: "";
}

.fa-mouse-pointer:before {
    content: "";
}

.fa-i-cursor:before {
    content: "";
}

.fa-object-group:before {
    content: "";
}

.fa-object-ungroup:before {
    content: "";
}

.fa-sticky-note:before {
    content: "";
}

.fa-sticky-note-o:before {
    content: "";
}

.fa-cc-jcb:before {
    content: "";
}

.fa-cc-diners-club:before {
    content: "";
}

.fa-clone:before {
    content: "";
}

.fa-balance-scale:before {
    content: "";
}

.fa-hourglass-o:before {
    content: "";
}

.fa-hourglass-1:before, .fa-hourglass-start:before {
    content: "";
}

.fa-hourglass-2:before, .fa-hourglass-half:before {
    content: "";
}

.fa-hourglass-3:before, .fa-hourglass-end:before {
    content: "";
}

.fa-hourglass:before {
    content: "";
}

.fa-hand-grab-o:before, .fa-hand-rock-o:before {
    content: "";
}

.fa-hand-stop-o:before, .fa-hand-paper-o:before {
    content: "";
}

.fa-hand-scissors-o:before {
    content: "";
}

.fa-hand-lizard-o:before {
    content: "";
}

.fa-hand-spock-o:before {
    content: "";
}

.fa-hand-pointer-o:before {
    content: "";
}

.fa-hand-peace-o:before {
    content: "";
}

.fa-trademark:before {
    content: "";
}

.fa-registered:before {
    content: "";
}

.fa-creative-commons:before {
    content: "";
}

.fa-gg:before {
    content: "";
}

.fa-gg-circle:before {
    content: "";
}

.fa-tripadvisor:before {
    content: "";
}

.fa-odnoklassniki:before {
    content: "";
}

.fa-odnoklassniki-square:before {
    content: "";
}

.fa-get-pocket:before {
    content: "";
}

.fa-wikipedia-w:before {
    content: "";
}

.fa-safari:before {
    content: "";
}

.fa-chrome:before {
    content: "";
}

.fa-firefox:before {
    content: "";
}

.fa-opera:before {
    content: "";
}

.fa-internet-explorer:before {
    content: "";
}

.fa-tv:before, .fa-television:before {
    content: "";
}

.fa-contao:before {
    content: "";
}

.fa-500px:before {
    content: "";
}

.fa-amazon:before {
    content: "";
}

.fa-calendar-plus-o:before {
    content: "";
}

.fa-calendar-minus-o:before {
    content: "";
}

.fa-calendar-times-o:before {
    content: "";
}

.fa-calendar-check-o:before {
    content: "";
}

.fa-industry:before {
    content: "";
}

.fa-map-pin:before {
    content: "";
}

.fa-map-signs:before {
    content: "";
}

.fa-map-o:before {
    content: "";
}

.fa-map:before {
    content: "";
}

.fa-commenting:before {
    content: "";
}

.fa-commenting-o:before {
    content: "";
}

.fa-houzz:before {
    content: "";
}

.fa-vimeo:before {
    content: "";
}

.fa-black-tie:before {
    content: "";
}

.fa-fonticons:before {
    content: "";
}

.fa-reddit-alien:before {
    content: "";
}

.fa-edge:before {
    content: "";
}

.fa-credit-card-alt:before {
    content: "";
}

.fa-codiepie:before {
    content: "";
}

.fa-modx:before {
    content: "";
}

.fa-fort-awesome:before {
    content: "";
}

.fa-usb:before {
    content: "";
}

.fa-product-hunt:before {
    content: "";
}

.fa-mixcloud:before {
    content: "";
}

.fa-scribd:before {
    content: "";
}

.fa-pause-circle:before {
    content: "";
}

.fa-pause-circle-o:before {
    content: "";
}

.fa-stop-circle:before {
    content: "";
}

.fa-stop-circle-o:before {
    content: "";
}

.fa-shopping-bag:before {
    content: "";
}

.fa-shopping-basket:before {
    content: "";
}

.fa-hashtag:before {
    content: "";
}

.fa-bluetooth:before {
    content: "";
}

.fa-bluetooth-b:before {
    content: "";
}

.fa-percent:before {
    content: "";
}

.fa-gitlab:before {
    content: "";
}

.fa-wpbeginner:before {
    content: "";
}

.fa-wpforms:before {
    content: "";
}

.fa-envira:before {
    content: "";
}

.fa-universal-access:before {
    content: "";
}

.fa-wheelchair-alt:before {
    content: "";
}

.fa-question-circle-o:before {
    content: "";
}

.fa-blind:before {
    content: "";
}

.fa-audio-description:before {
    content: "";
}

.fa-volume-control-phone:before {
    content: "";
}

.fa-braille:before {
    content: "";
}

.fa-assistive-listening-systems:before {
    content: "";
}

.fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before {
    content: "";
}

.fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before {
    content: "";
}

.fa-glide:before {
    content: "";
}

.fa-glide-g:before {
    content: "";
}

.fa-signing:before, .fa-sign-language:before {
    content: "";
}

.fa-low-vision:before {
    content: "";
}

.fa-viadeo:before {
    content: "";
}

.fa-viadeo-square:before {
    content: "";
}

.fa-snapchat:before {
    content: "";
}

.fa-snapchat-ghost:before {
    content: "";
}

.fa-snapchat-square:before {
    content: "";
}

.fa-pied-piper:before {
    content: "";
}

.fa-first-order:before {
    content: "";
}

.fa-yoast:before {
    content: "";
}

.fa-themeisle:before {
    content: "";
}

.fa-google-plus-circle:before, .fa-google-plus-official:before {
    content: "";
}

.fa-fa:before, .fa-font-awesome:before {
    content: "";
}

.fa-handshake-o:before {
    content: "";
}

.fa-envelope-open:before {
    content: "";
}

.fa-envelope-open-o:before {
    content: "";
}

.fa-linode:before {
    content: "";
}

.fa-address-book:before {
    content: "";
}

.fa-address-book-o:before {
    content: "";
}

.fa-vcard:before, .fa-address-card:before {
    content: "";
}

.fa-vcard-o:before, .fa-address-card-o:before {
    content: "";
}

.fa-user-circle:before {
    content: "";
}

.fa-user-circle-o:before {
    content: "";
}

.fa-user-o:before {
    content: "";
}

.fa-id-badge:before {
    content: "";
}

.fa-drivers-license:before, .fa-id-card:before {
    content: "";
}

.fa-drivers-license-o:before, .fa-id-card-o:before {
    content: "";
}

.fa-quora:before {
    content: "";
}

.fa-free-code-camp:before {
    content: "";
}

.fa-telegram:before {
    content: "";
}

.fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before {
    content: "";
}

.fa-thermometer-3:before, .fa-thermometer-three-quarters:before {
    content: "";
}

.fa-thermometer-2:before, .fa-thermometer-half:before {
    content: "";
}

.fa-thermometer-1:before, .fa-thermometer-quarter:before {
    content: "";
}

.fa-thermometer-0:before, .fa-thermometer-empty:before {
    content: "";
}

.fa-shower:before {
    content: "";
}

.fa-bathtub:before, .fa-s15:before, .fa-bath:before {
    content: "";
}

.fa-podcast:before {
    content: "";
}

.fa-window-maximize:before {
    content: "";
}

.fa-window-minimize:before {
    content: "";
}

.fa-window-restore:before {
    content: "";
}

.fa-times-rectangle:before, .fa-window-close:before {
    content: "";
}

.fa-times-rectangle-o:before, .fa-window-close-o:before {
    content: "";
}

.fa-bandcamp:before {
    content: "";
}

.fa-grav:before {
    content: "";
}

.fa-etsy:before {
    content: "";
}

.fa-imdb:before {
    content: "";
}

.fa-ravelry:before {
    content: "";
}

.fa-eercast:before {
    content: "";
}

.fa-microchip:before {
    content: "";
}

.fa-snowflake-o:before {
    content: "";
}

.fa-superpowers:before {
    content: "";
}

.fa-wpexplorer:before {
    content: "";
}

.fa-meetup:before {
    content: "";
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
}

.about-us-landing .core-products .icon-button {
    max-width: none;
}

.about-us-landing .core-products .button-column {
    margin-top: 50px;
}

.about-us .column .column, .case-study .column .column {
    padding-left: .9375rem !important;
    padding-right: .9375rem !important;
}

.about-us .page-content, .case-study .page-content {
    float: left;
    padding: 50px 0;
    width: 100%;
}

    .about-us .page-content p, .case-study .page-content p {
        font-size: 16px;
        margin-bottom: 30px;
    }

    .about-us .page-content .call-to-action, .case-study .page-content .call-to-action {
        background: #fff !important;
        padding: 0 0 45px 0;
    }

        .about-us .page-content .call-to-action .call-to-action__inner, .case-study .page-content .call-to-action .call-to-action__inner {
            height: 70px;
            margin-left: auto;
            margin-right: auto;
        }

            .about-us .page-content .call-to-action .call-to-action__inner .call-to-action__inner-left, .case-study .page-content .call-to-action .call-to-action__inner .call-to-action__inner-left {
                height: 70px;
                width: 70px;
            }

            .about-us .page-content .call-to-action .call-to-action__inner .call-to-action__inner-right, .case-study .page-content .call-to-action .call-to-action__inner .call-to-action__inner-right {
                height: 70px;
            }

@media screen and (max-width:749px) {
    .about-us .page-content .call-to-action .call-to-action__inner .call-to-action__inner-right:before, .case-study .page-content .call-to-action .call-to-action__inner .call-to-action__inner-right:before {
        display: none;
    }
}

.about-us-landing .core-products .icon-button {
    max-width: none;
}

    .about-us-landing .core-products .icon-button .icon-button__inner-right {
        padding: 15px 0 15px 17px !important;
    }

.about-us-landing .core-products .button-column {
    margin-top: 50px;
}

.applications-overview .applications-container, .applications-tier .applications-container, .applications-release-notes .applications-container {
    padding: 30px 0;
}

    .applications-overview .applications-container .applications-list, .applications-tier .applications-container .applications-list, .applications-release-notes .applications-container .applications-list {
        border-right: 1px solid #ddd;
        padding-right: 50px;
    }

@media screen and (max-width:1023px) {
    .applications-overview .applications-container .applications-list, .applications-tier .applications-container .applications-list, .applications-release-notes .applications-container .applications-list {
        border-right: none;
        margin-bottom: 30px;
        padding-right: 0;
    }
}

.applications-overview .applications-container .applications-list .application:nth-child(3n+1) .application__inner, .applications-tier .applications-container .applications-list .application:nth-child(3n+1) .application__inner, .applications-release-notes .applications-container .applications-list .application:nth-child(3n+1) .application__inner {
    background-color: #e2251d;
}

.applications-overview .applications-container .applications-list .application:nth-child(3n+2) .application__inner, .applications-tier .applications-container .applications-list .application:nth-child(3n+2) .application__inner, .applications-release-notes .applications-container .applications-list .application:nth-child(3n+2) .application__inner {
    background-color: #009844;
}

.applications-overview .applications-container .applications-list .application:nth-child(3n+3) .application__inner, .applications-tier .applications-container .applications-list .application:nth-child(3n+3) .application__inner, .applications-release-notes .applications-container .applications-list .application:nth-child(3n+3) .application__inner {
    background-color: #868686;
}

.applications-overview .applications-container .applications-list .application .application__inner, .applications-tier .applications-container .applications-list .application .application__inner, .applications-release-notes .applications-container .applications-list .application .application__inner {
    height: 75px;
    margin-bottom: 30px;
    overflow: hidden;
    position: relative;
    -webkit-transform: scale(1) perspective(1px) translateZ(0);
    -moz-transform: scale(1) perspective(1px) translateZ(0);
    -ms-transform: scale(1) perspective(1px) translateZ(0);
    -o-transform: scale(1) perspective(1px) translateZ(0);
    transform: scale(1) perspective(1px) translateZ(0);
    -webkit-transition: transform,.35s ease-out 0s;
    -moz-transition: transform,.35s ease-out 0s;
    -ms-transition: transform,.35s ease-out 0s;
    -o-transition: transform,.35s ease-out 0s;
    transition: transform,.35s ease-out 0s;
}

@media screen and (max-width:1023px) {
    .applications-overview .applications-container .applications-list .application .application__inner, .applications-tier .applications-container .applications-list .application .application__inner, .applications-release-notes .applications-container .applications-list .application .application__inner {
        margin-bottom: 15px;
    }
}

.applications-overview .applications-container .applications-list .application .application__inner:hover, .applications-tier .applications-container .applications-list .application .application__inner:hover, .applications-release-notes .applications-container .applications-list .application .application__inner:hover {
    box-shadow: 10px 11px 14px -2px #3b3b3b;
    -webkit-transform: scale(1.025) perspective(1px) translateZ(0);
    -moz-transform: scale(1.025) perspective(1px) translateZ(0);
    -ms-transform: scale(1.025) perspective(1px) translateZ(0);
    -o-transform: scale(1.025) perspective(1px) translateZ(0);
    transform: scale(1.025) perspective(1px) translateZ(0);
    -webkit-transition: transform,.35s ease-out 0s;
    -moz-transition: transform,.35s ease-out 0s;
    -ms-transition: transform,.35s ease-out 0s;
    -o-transition: transform,.35s ease-out 0s;
    transition: transform,.35s ease-out 0s;
}

.applications-overview .applications-container .applications-list .application .application__inner .application__inner-left, .applications-tier .applications-container .applications-list .application .application__inner .application__inner-left, .applications-release-notes .applications-container .applications-list .application .application__inner .application__inner-left {
    background-image: url("../images/diagonal-stripes.png");
    float: left;
    height: 75px;
    position: relative;
    text-align: center;
    width: 75px;
}

    .applications-overview .applications-container .applications-list .application .application__inner .application__inner-left img, .applications-tier .applications-container .applications-list .application .application__inner .application__inner-left img, .applications-release-notes .applications-container .applications-list .application .application__inner .application__inner-left img {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        -o-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }

.applications-overview .applications-container .applications-list .application .application__inner .application__inner-right, .applications-tier .applications-container .applications-list .application .application__inner .application__inner-right, .applications-release-notes .applications-container .applications-list .application .application__inner .application__inner-right {
    align-items: center;
    background: -moz-linear-gradient(left,rgba(0,0,0,.35) 0%,rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(left,rgba(0,0,0,.35) 0%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to right,rgba(0,0,0,.35) 0%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000',endColorstr='#00ffffff',GradientType=1);
    background-size: 30px 100% !important;
    background-repeat: no-repeat !important;
    display: flex;
    float: left;
    height: 100%;
    padding: 15px 30px;
    width: 75%;
}

@media screen and (max-width:429px) {
    .applications-overview .applications-container .applications-list .application .application__inner .application__inner-right, .applications-tier .applications-container .applications-list .application .application__inner .application__inner-right, .applications-release-notes .applications-container .applications-list .application .application__inner .application__inner-right {
        width: 70%;
    }
}

@media screen and (max-width:364px) {
    .applications-overview .applications-container .applications-list .application .application__inner .application__inner-right, .applications-tier .applications-container .applications-list .application .application__inner .application__inner-right, .applications-release-notes .applications-container .applications-list .application .application__inner .application__inner-right {
        width: 65%;
    }
}

.applications-overview .applications-container .applications-list .application .application__inner .application__inner-right h3, .applications-overview .applications-container .applications-list .application .application__inner .application__inner-right p, .applications-tier .applications-container .applications-list .application .application__inner .application__inner-right h3, .applications-tier .applications-container .applications-list .application .application__inner .application__inner-right p, .applications-release-notes .applications-container .applications-list .application .application__inner .application__inner-right h3, .applications-release-notes .applications-container .applications-list .application .application__inner .application__inner-right p {
    color: #fff;
    font-size: 24px;
    line-height: 1;
    margin-bottom: 0;
}

.applications-overview .applications-container .applications-list .application .application__inner .application__inner-right p, .applications-tier .applications-container .applications-list .application .application__inner .application__inner-right p, .applications-release-notes .applications-container .applications-list .application .application__inner .application__inner-right p {
    font-size: 14px;
    font-weight: lighter;
}

.applications-overview .applications-container .applications-list .application .application__inner .application__inner-right:before, .applications-tier .applications-container .applications-list .application .application__inner .application__inner-right:before, .applications-release-notes .applications-container .applications-list .application .application__inner .application__inner-right:before {
    background-image: url(../images/arrow-right-white.svg);
    background-repeat: no-repeat;
    background-size: 30px;
    content: "";
    display: block;
    height: 30px;
    position: absolute;
    top: 50%;
    right: 15px;
    width: 30px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (max-width:619px) {
    .applications-overview .applications-container .applications-list .application .application__inner .application__inner-right:before, .applications-tier .applications-container .applications-list .application .application__inner .application__inner-right:before, .applications-release-notes .applications-container .applications-list .application .application__inner .application__inner-right:before {
        display: none;
    }
}

.applications-overview .applications-container .applications-details, .applications-tier .applications-container .applications-details, .applications-release-notes .applications-container .applications-details {
    text-align: center;
}

.applications-overview .applications-details h2 {
    color: #666;
    font-size: 28px;
    font-weight: 300;
    padding: 100px 0;
}

.applications-tier .applications-details {
    padding-left: 50px;
}

@media screen and (max-width:1023px) {
    .applications-tier .applications-details {
        padding-left: .9375rem;
    }
}

.applications-tier .applications-details .title {
    float: left;
    margin-bottom: 30px;
    width: 100%;
}

    .applications-tier .applications-details .title .icon-container {
        background-color: #e2251c;
        background-image: url(../images/diagonal-stripes.png);
        float: left;
        padding: 13px;
        position: relative;
        text-align: center;
    }

    .applications-tier .applications-details .title h1 {
        float: left;
        font-size: 30px;
        font-weight: 500;
        line-height: 75px;
        margin: 0 0 0 20px;
    }

.applications-tier .applications-details .content {
    float: left;
    width: 100%;
}

    .applications-tier .applications-details .content h2 {
        color: #e2251c;
        font-size: 24px;
        font-weight: 300;
        margin-bottom: 20px;
        text-align: left;
    }

    .applications-tier .applications-details .content p {
        color: #666;
        line-height: 1.25;
        text-align: left;
    }

    .applications-tier .applications-details .content ul {
        list-style: inside;
        text-align: left;
    }

    .applications-tier .applications-details .content .icon-button {
        margin-bottom: 0;
    }

.applications-tier .applications-details .icon-button {
    margin-top: 15px;
    max-width: none;
    width: 100%;
}

    .applications-tier .applications-details .icon-button .icon-button__inner-right {
        padding: 15px;
        width: 75%;
    }

        .applications-tier .applications-details .icon-button .icon-button__inner-right p {
            text-align: left;
        }

    .applications-tier .applications-details .icon-button.grey {
        margin-top: 30px;
    }

        .applications-tier .applications-details .icon-button.grey p {
            color: #fff;
        }

.applications-tier .applications-details hr {
    margin-bottom: 50px;
    padding-top: 50px;
}

@media screen and (max-width:1023px) {
    .applications-tier .applications-details hr {
        margin-bottom: 30px;
        padding-top: 30px;
    }
}

.applications-tier .applications-details .ep.video {
    display: block;
    position: relative;
    margin-bottom: 30px;
}

    .applications-tier .applications-details .ep.video:after {
        background-color: #009844;
        border-radius: 50%;
        color: #fff;
        content: " ";
        display: block;
        font-family: FontAwesome;
        font-size: 30px;
        height: 60px;
        left: 50%;
        line-height: 60px;
        position: absolute;
        text-align: center;
        top: 50%;
        width: 60px;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        -o-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }

    .applications-tier .applications-details .ep.video img {
        width: 100%;
    }

@media screen and (max-width:639px) {
    .applications-tier .applications-details .ep.video img {
        margin-top: 30px;
    }
}

.applications-tier .icon-button.grey {
    margin-bottom: 50px;
    max-width: none;
    width: 100%;
}

.applications-release-notes .applications-details {
    padding-left: 50px;
}

    .applications-release-notes .applications-details .title {
        float: left;
        margin-bottom: 30px;
        width: 50%;
    }

        .applications-release-notes .applications-details .title .icon-container {
            background-color: #e2251c;
            background-image: url(../images/diagonal-stripes.png);
            float: left;
            padding: 13px;
            position: relative;
            text-align: center;
        }

        .applications-release-notes .applications-details .title h1 {
            float: left;
            font-size: 30px;
            font-weight: 500;
            line-height: 75px;
            margin: 0 0 0 20px;
        }

    .applications-release-notes .applications-details .icon-button {
        float: left;
        width: 50% !important;
    }

        .applications-release-notes .applications-details .icon-button .icon-button__inner-right {
            padding: 15px;
        }

            .applications-release-notes .applications-details .icon-button .icon-button__inner-right p {
                text-align: left;
            }

        .applications-release-notes .applications-details .icon-button.grey {
            margin: 13px 0 0 0 !important;
        }

            .applications-release-notes .applications-details .icon-button.grey p {
                color: #fff;
            }

    .applications-release-notes .applications-details h2 {
        color: #1d1d1b;
        font-size: 28px;
        font-weight: 300;
        text-align: left;
    }

    .applications-release-notes .applications-details hr {
        margin-bottom: 25px;
        padding-top: 25px;
    }

    .applications-release-notes .applications-details .versions {
        text-align: left;
    }

        .applications-release-notes .applications-details .versions h3 {
            color: #e2251c;
            font-size: 20px;
            margin-bottom: 30px;
            font-weight: 500;
        }

            .applications-release-notes .applications-details .versions h3 span {
                font-weight: 300;
            }

.applications-release-notes .icon-button.grey {
    margin-bottom: 50px;
    max-width: none;
    width: 100%;
}

.apprentice-stories section, .apprenticeship section {
    padding: 30px 0;
}

.apprentice-stories h2, .apprenticeship h2 {
    font-weight: lighter;
}

.apprentice-stories hr, .apprenticeship hr {
    border-bottom-color: #c6c6c5;
}

.apprentice-stories .stories .title, .apprenticeship .stories .title {
    margin-bottom: 50px;
}

.apprentice-stories .stories .apprentice-story-item, .apprenticeship .stories .apprentice-story-item {
    margin-bottom: 50px;
}

    .apprentice-stories .stories .apprentice-story-item p, .apprenticeship .stories .apprentice-story-item p {
        font-size: 16px;
        font-weight: lighter;
        margin-bottom: 20px;
    }

        .apprentice-stories .stories .apprentice-story-item p.summary, .apprenticeship .stories .apprentice-story-item p.summary {
            font-weight: bold;
        }

        .apprentice-stories .stories .apprentice-story-item p.date-added, .apprenticeship .stories .apprentice-story-item p.date-added {
            color: #6f6f6e;
            font-weight: bold;
        }

    .apprentice-stories .stories .apprentice-story-item .icon-button, .apprenticeship .stories .apprentice-story-item .icon-button {
        margin-top: 30px;
        max-width: none;
    }

.careers h2 {
    font-weight: lighter;
}

.careers hr {
    border-bottom-color: #c6c6c5;
}

.careers .current-vacancies {
    margin-bottom: 50px;
}

    .careers .current-vacancies .title, .careers .apprentice-programme .title {
        margin: 30px auto 50px auto;
    }

    .careers .current-vacancies .vacancy-item, .careers .apprentice-programme .vacancy-item {
        margin-bottom: 50px;
    }

        .careers .current-vacancies .vacancy-item p, .careers .apprentice-programme .vacancy-item p {
            font-size: 16px;
            font-weight: lighter;
            margin-bottom: 20px;
        }

            .careers .current-vacancies .vacancy-item p.title, .careers .apprentice-programme .vacancy-item p.title {
                font-size: 20px;
                font-weight: 400;
                width: 100%;
            }

            .careers .current-vacancies .vacancy-item p.date-added, .careers .apprentice-programme .vacancy-item p.date-added {
                color: #6f6f6e;
                font-weight: bold;
            }

        .careers .current-vacancies .vacancy-item .career-info, .careers .apprentice-programme .vacancy-item .career-info {
            align-items: flex-start;
            flex-wrap: wrap;
            display: flex;
            justify-content: space-between;
            width: 100%;
        }

            .careers .current-vacancies .vacancy-item .career-info p, .careers .apprentice-programme .vacancy-item .career-info p {
                padding-right: 30px;
                width: 50%;
            }

        .careers .current-vacancies .vacancy-item span#cphBody_ctl00_vldEmail, .careers .apprentice-programme .vacancy-item span#cphBody_ctl00_vldEmail {
            font-size: 12px;
            color: #f00;
        }

        .careers .current-vacancies .vacancy-item .icon-button, .careers .apprentice-programme .vacancy-item .icon-button {
            margin-top: 30px;
            max-width: none;
            width: 100%;
        }

.careers .ei-container {
    margin: 20px auto 0;
}

    .careers .ei-container.ei-file .ei-input {
        height: 45px;
    }

        .careers .ei-container.ei-file .ei-input:hover {
            border-color: #e2251c !important;
        }

        .careers .ei-container.ei-file .ei-input .ei-name {
            font-size: 14px;
            line-height: 45px;
            padding-right: 0;
        }

            .careers .ei-container.ei-file .ei-input .ei-name:before {
                background-image: url("/images/input-button.jpg");
                background-size: 45px;
                background-position: center center;
                background-size: cover;
                content: "";
                height: 45px;
                width: 45px;
            }

.careers .cbx-container .checkbox {
    display: block;
    margin-bottom: 15px;
}

    .careers .cbx-container .checkbox .ei-container {
        margin-top: 15px;
        text-align: left;
    }

        .careers .cbx-container .checkbox .ei-container .ei-checkbox {
            height: 39px !important;
            line-height: 39px !important;
            width: 39px !important;
        }

            .careers .cbx-container .checkbox .ei-container .ei-checkbox.ei-hover {
                border-color: #009844 !important;
            }

            .careers .cbx-container .checkbox .ei-container .ei-checkbox:hover, .careers .cbx-container .checkbox .ei-container .ei-checkbox:focus {
                border-color: #009844 !important;
            }

            .careers .cbx-container .checkbox .ei-container .ei-checkbox:focus {
                box-shadow: none !important;
            }

            .careers .cbx-container .checkbox .ei-container .ei-checkbox:before {
                font-size: 20px;
            }

            .careers .cbx-container .checkbox .ei-container .ei-checkbox:after {
                background-color: #009844 !important;
            }

            .careers .cbx-container .checkbox .ei-container .ei-checkbox[data-checked='true'] {
                border-color: #009844 !important;
            }

        .careers .cbx-container .checkbox .ei-container .ei-label {
            color: #1d1d1b;
            font-family: "Source Sans Pro",sans-serif;
            font-size: 14px;
            font-weight: 500;
            line-height: 39px;
            margin-left: 15px;
        }

.careers [type=text] {
    border: 1px solid #b1b1b1;
    border-radius: 0;
    color: #1d1d1b;
    font-family: "Source Sans Pro",sans-serif;
    font-size: 14px;
    font-weight: 500;
    height: 45px;
    margin-bottom: 15px;
    margin-top: 0;
    padding: 10px;
}

.position .page-content {
    margin: 50px 0;
}

    .position .page-content .cms-content {
        font-family: "Source Sans Pro",sans-serif !important;
        font-size: 18px !important;
    }

    .position .page-content ul li {
        list-style: inside;
    }

    .position .page-content h2 {
        font-weight: lighter;
    }

    .position .page-content .apply-content, .position .page-content .upload-content {
        margin: 50px 0 0 0;
    }

        .position .page-content .upload-content b {
            color: #6f6f6e;
        }

    .position .page-content .ei-container {
        margin: 50px auto 0;
    }

        .position .page-content .ei-container.ei-file .ei-input {
            height: 45px;
        }

            .position .page-content .ei-container.ei-file .ei-input:hover {
                border-color: #e2251c !important;
            }

            .position .page-content .ei-container.ei-file .ei-input .ei-name {
                font-size: 14px;
                line-height: 45px;
                padding-right: 0;
            }

                .position .page-content .ei-container.ei-file .ei-input .ei-name:before {
                    background-image: url("/images/input-button.jpg");
                    background-size: 45px;
                    background-position: center center;
                    background-size: cover;
                    content: "";
                    height: 45px;
                    width: 45px;
                }

    .position .page-content .cbx-container .checkbox {
        display: block;
        margin-bottom: 15px;
    }

        .position .page-content .cbx-container .checkbox .ei-container {
            margin-top: 15px;
            text-align: left;
        }

            .position .page-content .cbx-container .checkbox .ei-container .ei-checkbox {
                height: 39px !important;
                line-height: 39px !important;
                width: 39px !important;
            }

                .position .page-content .cbx-container .checkbox .ei-container .ei-checkbox.ei-hover {
                    border-color: #009844 !important;
                }

                .position .page-content .cbx-container .checkbox .ei-container .ei-checkbox:hover, .position .page-content .cbx-container .checkbox .ei-container .ei-checkbox:focus {
                    border-color: #009844 !important;
                }

                .position .page-content .cbx-container .checkbox .ei-container .ei-checkbox:focus {
                    box-shadow: none !important;
                }

                .position .page-content .cbx-container .checkbox .ei-container .ei-checkbox:before {
                    font-size: 20px;
                }

                .position .page-content .cbx-container .checkbox .ei-container .ei-checkbox:after {
                    background-color: #009844 !important;
                }

                .position .page-content .cbx-container .checkbox .ei-container .ei-checkbox[data-checked='true'] {
                    border-color: #009844 !important;
                }

            .position .page-content .cbx-container .checkbox .ei-container .ei-label {
                color: #1d1d1b;
                font-family: "Source Sans Pro",sans-serif;
                font-size: 14px;
                font-weight: 500;
                line-height: 39px;
                margin-left: 15px;
            }

    .position .page-content .disclaimer {
        margin-top: 30px;
    }

        .position .page-content .disclaimer p, .position .page-content .disclaimer ul {
            font-size: 14px;
        }

    .position .page-content input {
        border: 1px solid #b1b1b1;
        border-radius: 0;
        color: #1d1d1b;
        font-family: "Source Sans Pro",sans-serif;
        font-size: 14px;
        font-weight: 500;
        height: 45px;
        margin-bottom: 0;
        margin-top: 15px;
        padding: 10px;
    }

    .position .page-content .error-message {
        color: #f00;
        font-size: 14px;
        font-weight: bold;
        margin-bottom: 20px;
    }

    .position .page-content .upload-error {
        color: #f00;
        float: left;
        font-size: 14px;
        font-weight: bold;
        margin-bottom: 20px;
    }

    .position .page-content .icon-button {
        float: left;
        max-width: none;
        margin-top: 15px;
        width: 100%;
    }

.case-studies section, .case-studies-archive section {
    padding: 30px 0;
}

.case-studies h2, .case-studies-archive h2 {
    font-weight: lighter;
}

.case-studies hr, .case-studies-archive hr {
    border-bottom-color: #c6c6c5;
}

.case-studies .select-item, .case-studies-archive .select-item {
    float: right;
    max-width: 400px;
    width: 100%;
}

    .case-studies .select-item span, .case-studies-archive .select-item span {
        color: #6f6f6e;
        float: left;
        font-size: 14px;
        line-height: 39px;
        margin-right: 20px;
    }

    .case-studies .select-item select, .case-studies-archive .select-item select {
        background-color: #fff;
        border: 1px solid #c6c6c5;
        border-radius: 0;
        max-width: 275px;
    }

    .case-studies .select-item:after, .case-studies-archive .select-item:after {
        background-color: #b1b1b1;
    }

.case-studies .latest-case-study .title, .case-studies .recent-case-studies .title, .case-studies .case-studies-archive .title, .case-studies-archive .latest-case-study .title, .case-studies-archive .recent-case-studies .title, .case-studies-archive .case-studies-archive .title {
    margin-bottom: 50px;
}

.case-studies .latest-case-study .case-study-item, .case-studies .recent-case-studies .case-study-item, .case-studies .case-studies-archive .case-study-item, .case-studies-archive .latest-case-study .case-study-item, .case-studies-archive .recent-case-studies .case-study-item, .case-studies-archive .case-studies-archive .case-study-item {
    margin-bottom: 50px;
}

    .case-studies .latest-case-study .case-study-item p, .case-studies .recent-case-studies .case-study-item p, .case-studies .case-studies-archive .case-study-item p, .case-studies-archive .latest-case-study .case-study-item p, .case-studies-archive .recent-case-studies .case-study-item p, .case-studies-archive .case-studies-archive .case-study-item p {
        font-size: 16px;
        font-weight: lighter;
        margin-bottom: 20px;
    }

        .case-studies .latest-case-study .case-study-item p.summary, .case-studies .recent-case-studies .case-study-item p.summary, .case-studies .case-studies-archive .case-study-item p.summary, .case-studies-archive .latest-case-study .case-study-item p.summary, .case-studies-archive .recent-case-studies .case-study-item p.summary, .case-studies-archive .case-studies-archive .case-study-item p.summary {
            font-weight: bold;
        }

        .case-studies .latest-case-study .case-study-item p.date-added, .case-studies .recent-case-studies .case-study-item p.date-added, .case-studies .case-studies-archive .case-study-item p.date-added, .case-studies-archive .latest-case-study .case-study-item p.date-added, .case-studies-archive .recent-case-studies .case-study-item p.date-added, .case-studies-archive .case-studies-archive .case-study-item p.date-added {
            color: #6f6f6e;
            font-weight: bold;
        }

    .case-studies .latest-case-study .case-study-item .icon-button, .case-studies .recent-case-studies .case-study-item .icon-button, .case-studies .case-studies-archive .case-study-item .icon-button, .case-studies-archive .latest-case-study .case-study-item .icon-button, .case-studies-archive .recent-case-studies .case-study-item .icon-button, .case-studies-archive .case-studies-archive .case-study-item .icon-button {
        margin-top: 30px;
        max-width: none;
    }

    .case-studies .latest-case-study .case-study-item .text-content, .case-studies-archive .latest-case-study .case-study-item .text-content {
        margin-top: 30px;
    }

.case-study .case-study-content {
    margin: 30px 0 75px 0;
}

    .case-study .case-study-content .image-container {
        float: right;
        width: 40%;
    }

@media screen and (max-width:1023px) {
    .case-study .case-study-content .image-container {
        display: none;
    }
}

.case-study .case-study-content .image-container img {
    float: right;
}

.case-study .case-study-content .top-content {
    border-bottom: 1px solid #ddd;
    float: left;
    margin-bottom: 30px;
    padding-bottom: 30px;
    width: calc(60% - 50px);
}

@media screen and (max-width:1023px) {
    .case-study .case-study-content .top-content {
        width: 100%;
    }
}

.case-study .case-study-content .top-content p {
    float: left;
    font-size: 20px;
    width: 60%;
}

.case-study .case-study-content .top-content .icon-button {
    float: right;
    max-width: 225px;
    width: 100%;
}

    .case-study .case-study-content .top-content .icon-button p {
        font-size: 15px;
        width: 100%;
    }

.case-study .case-study-content .case-study-item {
    border-top: 1px solid #ddd;
    float: left;
    margin-top: 50px;
    padding-top: 50px;
    width: 100%;
}

    .case-study .case-study-content .case-study-item.challenge {
        border-top: none;
        margin-top: 0;
        padding-top: 0;
        width: calc(60% - 50px);
    }

@media screen and (max-width:1023px) {
    .case-study .case-study-content .case-study-item.challenge {
        width: 100%;
    }
}

.case-study .case-study-content .case-study-item img {
    float: left;
    max-width: 80px;
    width: auto;
}

.case-study .case-study-content .case-study-item .text-container {
    float: left;
    padding-left: 20px;
    width: calc(100% - 100px);
}

    .case-study .case-study-content .case-study-item .text-container h2 {
        color: #009844;
        font-size: 24px;
        font-weight: 500;
    }

    .case-study .case-study-content .case-study-item .text-container p {
        font-size: 16px;
        font-weight: 300;
    }

.case-study-banner {
    background-color: #df251c;
    padding: 50px 0;
}

    .case-study-banner h1 {
        font-size: 34px;
        font-weight: 600;
        color: #fff;
        line-height: 1;
        margin: 0;
    }

@media screen and (min-width:64em) {
    .case-study-banner h1 {
        font-size: 50px;
    }
}

.case-study-intro h2 {
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 50px;
}

@media screen and (min-width:64em) {
    .case-study-intro h2 {
        margin: 50px 0;
    }
}

.case-study-challenge {
    margin-top: 75px;
}

    .case-study-challenge h2 {
        font-size: 24px;
        font-weight: 700;
        color: #000;
        line-height: 1;
        margin: 0 0 30px;
    }

    .case-study-challenge .column p {
        margin: 0 0 50px;
    }

    .case-study-challenge .column:last-child p {
        margin: 0;
    }

@media screen and (min-width:40em) {
    .case-study-challenge .column:nth-last-child(-n+2) p {
        margin: 0;
    }
}

@media screen and (min-width:64em) {
    .case-study-challenge .column p {
        margin: 0;
    }
}

.case-study-button {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 230px;
    height: 50px;
    font-size: 13px;
    font-weight: 300;
    color: #fff;
    background-color: #df251c;
    margin: 100px auto;
}

    .case-study-button:focus {
        outline: none;
        color: #fff;
    }

    .case-study-button:hover {
        color: #fff;
        background-color: #b21d16;
    }

    .case-study-button svg {
        width: 15px;
        height: 12px;
        margin-left: 15px;
    }

.contact-us .contact-form {
    padding-top: 75px;
}

.downloads .filters, .digital-brochures .filters, .download-partial .filters, .brochures-partial .filters, .product-sub-tier .filters {
    margin: 15px 0 0 0;
}

    .downloads .filters .row, .digital-brochures .filters .row, .download-partial .filters .row, .brochures-partial .filters .row, .product-sub-tier .filters .row {
        align-items: center;
        border-bottom: 1px solid #ddd;
        display: flex;
        padding-bottom: 40px;
    }

@media screen and (max-width:639px) {
    .downloads .filters .row, .digital-brochures .filters .row, .download-partial .filters .row, .brochures-partial .filters .row, .product-sub-tier .filters .row {
        display: block;
    }
}

.downloads .filters .row p, .digital-brochures .filters .row p, .download-partial .filters .row p, .brochures-partial .filters .row p, .product-sub-tier .filters .row p {
    color: #6f6f6e;
    display: flex;
    font-size: 18px;
    font-weight: 400;
}

    .downloads .filters .row p a, .digital-brochures .filters .row p a, .download-partial .filters .row p a, .brochures-partial .filters .row p a, .product-sub-tier .filters .row p a {
        align-items: center;
        color: #e2251c;
        display: flex;
        font-weight: bold;
        margin-left: 15px;
        text-decoration: none;
    }

        .downloads .filters .row p a img, .digital-brochures .filters .row p a img, .download-partial .filters .row p a img, .brochures-partial .filters .row p a img, .product-sub-tier .filters .row p a img {
            margin-left: 5px;
        }

.downloads .filters .select-item, .digital-brochures .filters .select-item, .download-partial .filters .select-item, .brochures-partial .filters .select-item, .product-sub-tier .filters .select-item {
    float: right;
    margin-left: 15px;
    max-width: 250px;
    width: 100%;
}

@media screen and (max-width:639px) {
    .downloads .filters .select-item, .digital-brochures .filters .select-item, .download-partial .filters .select-item, .brochures-partial .filters .select-item, .product-sub-tier .filters .select-item {
        float: left;
    }
}

@media screen and (max-width:559px) {
    .downloads .filters .select-item:first-child, .digital-brochures .filters .select-item:first-child, .download-partial .filters .select-item:first-child, .brochures-partial .filters .select-item:first-child, .product-sub-tier .filters .select-item:first-child {
        margin-bottom: 15px;
    }
}

.downloads .filters .select-item span, .digital-brochures .filters .select-item span, .download-partial .filters .select-item span, .brochures-partial .filters .select-item span, .product-sub-tier .filters .select-item span {
    color: #6f6f6e;
    float: left;
    font-size: 14px;
    line-height: 39px;
    margin-right: 20px;
}

.downloads .filters .select-item select, .digital-brochures .filters .select-item select, .download-partial .filters .select-item select, .brochures-partial .filters .select-item select, .product-sub-tier .filters .select-item select {
    background-color: #fff;
    border: 1px solid #c6c6c5;
    border-radius: 0;
    float: right;
    max-width: 250px;
}

.downloads .filters .select-item:after, .digital-brochures .filters .select-item:after, .download-partial .filters .select-item:after, .brochures-partial .filters .select-item:after, .product-sub-tier .filters .select-item:after {
    background-color: #e2251c;
}

.downloads .download-error-container .download-error, .digital-brochures .download-error-container .download-error, .download-partial .download-error-container .download-error, .brochures-partial .download-error-container .download-error, .product-sub-tier .download-error-container .download-error {
    background-color: #ed4337;
    padding: 25px 0;
}

    .downloads .download-error-container .download-error .row, .digital-brochures .download-error-container .download-error .row, .download-partial .download-error-container .download-error .row, .brochures-partial .download-error-container .download-error .row, .product-sub-tier .download-error-container .download-error .row {
        font-family: "Source Sans Pro",sans-serif;
    }

        .downloads .download-error-container .download-error .row .small-12, .digital-brochures .download-error-container .download-error .row .small-12, .download-partial .download-error-container .download-error .row .small-12, .brochures-partial .download-error-container .download-error .row .small-12, .product-sub-tier .download-error-container .download-error .row .small-12 {
            align-items: center;
            color: #1d1d1b;
            display: flex;
            font-size: 20px;
        }

            .downloads .download-error-container .download-error .row .small-12 i, .digital-brochures .download-error-container .download-error .row .small-12 i, .download-partial .download-error-container .download-error .row .small-12 i, .brochures-partial .download-error-container .download-error .row .small-12 i, .product-sub-tier .download-error-container .download-error .row .small-12 i {
                margin-right: 15px;
            }

.downloads .download-list .download-item, .digital-brochures .download-list .download-item, .download-partial .download-list .download-item, .brochures-partial .download-list .download-item, .product-sub-tier .download-list .download-item {
    border-bottom: 1px solid #ddd;
    padding: 30px 0;
}

@media screen and (max-width:639px) {
    .downloads .download-list .download-item .small-12, .digital-brochures .download-list .download-item .small-12, .download-partial .download-list .download-item .small-12, .brochures-partial .download-list .download-item .small-12, .product-sub-tier .download-list .download-item .small-12 {
        margin-bottom: 20px;
    }
}

.downloads .download-list .download-item .download-info, .digital-brochures .download-list .download-item .download-info, .download-partial .download-list .download-item .download-info, .brochures-partial .download-list .download-item .download-info, .product-sub-tier .download-list .download-item .download-info {
    align-items: flex-start;
    display: flex;
}

    .downloads .download-list .download-item .download-info .text-container, .digital-brochures .download-list .download-item .download-info .text-container, .download-partial .download-list .download-item .download-info .text-container, .brochures-partial .download-list .download-item .download-info .text-container, .product-sub-tier .download-list .download-item .download-info .text-container {
        margin-left: 30px;
    }

        .downloads .download-list .download-item .download-info .text-container p, .digital-brochures .download-list .download-item .download-info .text-container p, .download-partial .download-list .download-item .download-info .text-container p, .brochures-partial .download-list .download-item .download-info .text-container p, .product-sub-tier .download-list .download-item .download-info .text-container p {
            color: #666;
            font-size: 16px;
            font-weight: 300;
            margin-bottom: 0;
        }

        .downloads .download-list .download-item .download-info .text-container h3, .digital-brochures .download-list .download-item .download-info .text-container h3, .download-partial .download-list .download-item .download-info .text-container h3, .brochures-partial .download-list .download-item .download-info .text-container h3, .product-sub-tier .download-list .download-item .download-info .text-container h3 {
            color: #009844;
            font-size: 26px;
            font-weight: 300;
            line-height: 1.1;
            margin-bottom: 0;
        }

.downloads .download-list .download-item h4, .digital-brochures .download-list .download-item h4, .download-partial .download-list .download-item h4, .brochures-partial .download-list .download-item h4, .product-sub-tier .download-list .download-item h4 {
    color: #666;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 0;
}

.downloads .download-list .download-item p, .digital-brochures .download-list .download-item p, .download-partial .download-list .download-item p, .brochures-partial .download-list .download-item p, .product-sub-tier .download-list .download-item p {
    color: #009844;
    font-size: 20px;
    font-weight: 300;
    line-height: 1.1;
    margin-bottom: 0;
}

.downloads .download-list .download-item .icon-button, .digital-brochures .download-list .download-item .icon-button, .download-partial .download-list .download-item .icon-button, .brochures-partial .download-list .download-item .icon-button, .product-sub-tier .download-list .download-item .icon-button {
    float: right;
    max-width: 200px;
    width: 100%;
}

@media screen and (max-width:1023px) {
    .downloads .download-list .download-item .icon-button, .digital-brochures .download-list .download-item .icon-button, .download-partial .download-list .download-item .icon-button, .brochures-partial .download-list .download-item .icon-button, .product-sub-tier .download-list .download-item .icon-button {
        background-color: transparent;
    }
}

.downloads .download-list .download-item .icon-button .icon-button__inner-left, .digital-brochures .download-list .download-item .icon-button .icon-button__inner-left, .download-partial .download-list .download-item .icon-button .icon-button__inner-left, .brochures-partial .download-list .download-item .icon-button .icon-button__inner-left, .product-sub-tier .download-list .download-item .icon-button .icon-button__inner-left {
    background-color: #009844;
}

@media screen and (max-width:1023px) {
    .downloads .download-list .download-item .icon-button .icon-button__inner-left, .digital-brochures .download-list .download-item .icon-button .icon-button__inner-left, .download-partial .download-list .download-item .icon-button .icon-button__inner-left, .brochures-partial .download-list .download-item .icon-button .icon-button__inner-left, .product-sub-tier .download-list .download-item .icon-button .icon-button__inner-left {
        float: right;
    }
}

@media screen and (max-width:1023px) {
    .downloads .download-list .download-item .icon-button .icon-button__inner-right, .digital-brochures .download-list .download-item .icon-button .icon-button__inner-right, .download-partial .download-list .download-item .icon-button .icon-button__inner-right, .brochures-partial .download-list .download-item .icon-button .icon-button__inner-right, .product-sub-tier .download-list .download-item .icon-button .icon-button__inner-right {
        display: none;
    }
}

.downloads .download-list .download-item .icon-button p, .digital-brochures .download-list .download-item .icon-button p, .download-partial .download-list .download-item .icon-button p, .brochures-partial .download-list .download-item .icon-button p, .product-sub-tier .download-list .download-item .icon-button p {
    color: #fff;
    font-size: 16px;
    text-align: center;
}

.downloads .pagination, .digital-brochures .pagination, .download-partial .pagination, .brochures-partial .pagination, .product-sub-tier .pagination {
    margin: 75px 0;
    text-align: center;
}

.downloads .brochures, .digital-brochures .brochures, .download-partial .brochures, .brochures-partial .brochures, .product-sub-tier .brochures {
    margin: 50px 0 0 0;
}

    .downloads .brochures .brochure-item, .digital-brochures .brochures .brochure-item, .download-partial .brochures .brochure-item, .brochures-partial .brochures .brochure-item, .product-sub-tier .brochures .brochure-item {
        margin: 30px 0;
        text-align: center;
    }

        .downloads .brochures .brochure-item a, .digital-brochures .brochures .brochure-item a, .download-partial .brochures .brochure-item a, .brochures-partial .brochures .brochure-item a, .product-sub-tier .brochures .brochure-item a {
            display: block;
            text-decoration: none;
        }

            .downloads .brochures .brochure-item a p.brochure-name, .digital-brochures .brochures .brochure-item a p.brochure-name, .download-partial .brochures .brochure-item a p.brochure-name, .brochures-partial .brochures .brochure-item a p.brochure-name, .product-sub-tier .brochures .brochure-item a p.brochure-name {
                font-size: 20px;
                margin: 15px 0 0 0;
            }

            .downloads .brochures .brochure-item a p.date, .digital-brochures .brochures .brochure-item a p.date, .download-partial .brochures .brochure-item a p.date, .brochures-partial .brochures .brochure-item a p.date, .product-sub-tier .brochures .brochure-item a p.date {
                color: #6f6f6e;
                font-size: 16px;
            }

@media screen and (max-width:1399px) {
    .downloads .brochures .brochure-slider button, .digital-brochures .brochures .brochure-slider button, .download-partial .brochures .brochure-slider button, .brochures-partial .brochures .brochure-slider button, .product-sub-tier .brochures .brochure-slider button {
        display: none !important;
    }
}

.downloads .brochures .brochure-slider button:before, .digital-brochures .brochures .brochure-slider button:before, .download-partial .brochures .brochure-slider button:before, .brochures-partial .brochures .brochure-slider button:before, .product-sub-tier .brochures .brochure-slider button:before {
    content: "";
    display: block;
    height: 30px;
    width: 30px;
}

.downloads .brochures .brochure-slider button.slick-prev:before, .digital-brochures .brochures .brochure-slider button.slick-prev:before, .download-partial .brochures .brochure-slider button.slick-prev:before, .brochures-partial .brochures .brochure-slider button.slick-prev:before, .product-sub-tier .brochures .brochure-slider button.slick-prev:before {
    background-image: url("/images/arrow-left-grey.svg");
}

.downloads .brochures .brochure-slider button.slick-next:before, .digital-brochures .brochures .brochure-slider button.slick-next:before, .download-partial .brochures .brochure-slider button.slick-next:before, .brochures-partial .brochures .brochure-slider button.slick-next:before, .product-sub-tier .brochures .brochure-slider button.slick-next:before {
    background-image: url("/images/arrow-right-grey.svg");
}

.downloads .brochures .brochure-slider a img, .digital-brochures .brochures .brochure-slider a img, .download-partial .brochures .brochure-slider a img, .brochures-partial .brochures .brochure-slider a img, .product-sub-tier .brochures .brochure-slider a img {
    margin: 0 auto;
}

.downloads .contact-ribbon, .digital-brochures .contact-ribbon, .download-partial .contact-ribbon, .brochures-partial .contact-ribbon, .product-sub-tier .contact-ribbon {
    background-color: #e2251c;
    background-image: url(../images/diagonal-stripes.png);
    padding: 30px 0;
}

    .downloads .contact-ribbon .column, .digital-brochures .contact-ribbon .column, .download-partial .contact-ribbon .column, .brochures-partial .contact-ribbon .column, .product-sub-tier .contact-ribbon .column {
        align-items: center;
        display: flex;
    }

    .downloads .contact-ribbon img, .digital-brochures .contact-ribbon img, .download-partial .contact-ribbon img, .brochures-partial .contact-ribbon img, .product-sub-tier .contact-ribbon img {
        margin-right: 20px;
        max-width: 75px;
    }

@media screen and (max-width:409px) {
    .downloads .contact-ribbon img, .digital-brochures .contact-ribbon img, .download-partial .contact-ribbon img, .brochures-partial .contact-ribbon img, .product-sub-tier .contact-ribbon img {
        display: none;
    }
}

.downloads .contact-ribbon img.arrow, .digital-brochures .contact-ribbon img.arrow, .download-partial .contact-ribbon img.arrow, .brochures-partial .contact-ribbon img.arrow, .product-sub-tier .contact-ribbon img.arrow {
    float: right;
}

.downloads .contact-ribbon p, .digital-brochures .contact-ribbon p, .download-partial .contact-ribbon p, .brochures-partial .contact-ribbon p, .product-sub-tier .contact-ribbon p {
    color: #fff;
    font-size: 32px;
    font-weight: 300;
    margin-bottom: 0;
    width: 100%;
}

    .downloads .contact-ribbon p span, .digital-brochures .contact-ribbon p span, .download-partial .contact-ribbon p span, .brochures-partial .contact-ribbon p span, .product-sub-tier .contact-ribbon p span {
        font-weight: bold;
    }

.downloads .back-to-home, .digital-brochures .back-to-home, .download-partial .back-to-home, .brochures-partial .back-to-home, .product-sub-tier .back-to-home {
    margin: 100px 0;
}

.popup-container {
    background-color: #fff;
    padding: 30px;
}

    .popup-container h3 {
        color: #009844;
        margin-bottom: 25px;
    }

    .popup-container input {
        border: 1px solid #b1b1b1;
        border-radius: 0;
        color: #1d1d1b;
        font-family: "Source Sans Pro",sans-serif;
        font-size: 14px;
        font-weight: 500;
        margin-bottom: 25px;
        padding: 10px;
    }

    .popup-container .proceed-button {
        background-color: #009844;
        color: #fff;
        margin-bottom: 0;
    }

.ep-window .ep-close {
    display: none !important;
}

.product-sub-tier {
    overflow: hidden;
}

    .product-sub-tier .banner-text-wrapper h2 {
        color: #fff;
        font-size: 50px;
        line-height: 1.1;
        margin-bottom: 0;
    }

.gallery-overview .core-products {
    padding: 50px 0;
}

@media screen and (max-width:1023px) {
    .gallery-overview .core-products {
        padding: 30px 0;
    }
}

.gallery-overview .core-products .product .content-block-container {
    height: 500px;
    min-height: 500px;
}

    .gallery-overview .core-products .product .content-block-container .content-block .content-block__inner {
        height: 50%;
        width: 50%;
    }

.gallery-tier .gallery-container {
    padding: 75px 0;
}

.grid {
    max-width: 80em;
    list-style: none;
    margin: 30px auto;
    padding: 0;
}

    .grid li {
        display: block;
        float: left;
        padding: 7px;
        width: 33%;
        opacity: 0;
    }

        .grid li.shown, .no-js .grid li, .no-cssanimations .grid li {
            opacity: 1;
        }

        .grid li a, .grid li img {
            outline: none;
            border: none;
            display: block;
            max-width: 100%;
        }

    .grid.effect-1 li.animate {
        -webkit-animation: fadeIn .65s ease forwards;
        animation: fadeIn .65s ease forwards;
    }

@-webkit-keyframes fadeIn {
    0% {
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
    }

    100% {
        opacity: 1;
    }
}

.grid.effect-2 li.animate {
    -webkit-transform: translateY(200px);
    transform: translateY(200px);
    -webkit-animation: moveUp .65s ease forwards;
    animation: moveUp .65s ease forwards;
}

@-webkit-keyframes moveUp {
    0% {
    }

    100% {
        -webkit-transform: translateY(0);
        opacity: 1;
    }
}

@keyframes moveUp {
    0% {
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

.grid.effect-3 li.animate {
    -webkit-transform: scale(.6);
    transform: scale(.6);
    -webkit-animation: scaleUp .65s ease-in-out forwards;
    animation: scaleUp .65s ease-in-out forwards;
}

@-webkit-keyframes scaleUp {
    0% {
    }

    100% {
        -webkit-transform: scale(1);
        opacity: 1;
    }
}

@keyframes scaleUp {
    0% {
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

.grid.effect-4 {
    -webkit-perspective: 1300px;
    perspective: 1300px;
}

    .grid.effect-4 li.animate {
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-transform: translateZ(400px) translateY(300px) rotateX(-90deg);
        transform: translateZ(400px) translateY(300px) rotateX(-90deg);
        -webkit-animation: fallPerspective .8s ease-in-out forwards;
        animation: fallPerspective .8s ease-in-out forwards;
    }

@-webkit-keyframes fallPerspective {
    0% {
    }

    100% {
        -webkit-transform: translateZ(0) translateY(0) rotateX(0deg);
        opacity: 1;
    }
}

@keyframes fallPerspective {
    0% {
    }

    100% {
        -webkit-transform: translateZ(0) translateY(0) rotateX(0deg);
        transform: translateZ(0) translateY(0) rotateX(0deg);
        opacity: 1;
    }
}

.grid.effect-5 {
    -webkit-perspective: 1300px;
    perspective: 1300px;
}

    .grid.effect-5 li.animate {
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-transform-origin: 50% 50% -300px;
        transform-origin: 50% 50% -300px;
        -webkit-transform: rotateX(-180deg);
        transform: rotateX(-180deg);
        -webkit-animation: fly .8s ease-in-out forwards;
        animation: fly .8s ease-in-out forwards;
    }

@-webkit-keyframes fly {
    0% {
    }

    100% {
        -webkit-transform: rotateX(0deg);
        opacity: 1;
    }
}

@keyframes fly {
    0% {
    }

    100% {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
        opacity: 1;
    }
}

.grid.effect-6 {
    -webkit-perspective: 1300px;
    perspective: 1300px;
}

    .grid.effect-6 li.animate {
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: rotateX(-80deg);
        transform: rotateX(-80deg);
        -webkit-animation: flip .8s ease-in-out forwards;
        animation: flip .8s ease-in-out forwards;
    }

@-webkit-keyframes flip {
    0% {
    }

    100% {
        -webkit-transform: rotateX(0deg);
        opacity: 1;
    }
}

@keyframes flip {
    0% {
    }

    100% {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
        opacity: 1;
    }
}

.grid.effect-7 {
    -webkit-perspective: 1300px;
    perspective: 1300px;
}

    .grid.effect-7 li.animate {
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-transform: rotateY(-180deg);
        transform: rotateY(-180deg);
        -webkit-animation: helix .8s ease-in-out forwards;
        animation: helix .8s ease-in-out forwards;
    }

@-webkit-keyframes helix {
    0% {
    }

    100% {
        -webkit-transform: rotateY(0deg);
        opacity: 1;
    }
}

@keyframes helix {
    0% {
    }

    100% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
        opacity: 1;
    }
}

.grid.effect-8 {
    -webkit-perspective: 1300px;
    perspective: 1300px;
}

    .grid.effect-8 li.animate {
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-transform: scale(.4);
        transform: scale(.4);
        -webkit-animation: popUp .8s ease-in forwards;
        animation: popUp .8s ease-in forwards;
    }

@-webkit-keyframes popUp {
    0% {
    }

    70% {
        -webkit-transform: scale(1.1);
        opacity: .8;
        -webkit-animation-timing-function: ease-out;
    }

    100% {
        -webkit-transform: scale(1);
        opacity: 1;
    }
}

@keyframes popUp {
    0% {
    }

    70% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        opacity: .8;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@media screen and (max-width:900px) {
    .grid li {
        width: 50%;
    }
}

@media screen and (max-width:400px) {
    .grid li {
        width: 100%;
    }
}

.history .timeline {
    position: relative;
}

    .history .timeline .timeline-content .timeline-content__inner .timeline-image {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        min-height: 450px;
        overflow: hidden;
        position: relative;
    }

        .history .timeline .timeline-content .timeline-content__inner .timeline-image .banner-overlay {
            background-color: rgba(0,152,68,.65);
            background-image: url("../images/diagonal-stripes.png");
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
        }

            .history .timeline .timeline-content .timeline-content__inner .timeline-image .banner-overlay h1 {
                color: #fff;
                font-size: 44px;
                font-weight: lighter;
                text-align: center;
                padding-top: 75px;
            }

    .history .timeline .timeline-content .timeline-content__inner .timeline-info {
        padding: 100px 0;
    }

@media screen and (max-width:639px) {
    .history .timeline .timeline-content .timeline-content__inner .timeline-info {
        padding: 30px 0;
    }
}

@media screen and (max-width:639px) {
    .history .timeline .timeline-content .timeline-content__inner .timeline-info img {
        margin-bottom: 30px;
    }
}

.history .timeline .timeline-content .timeline-content__inner .timeline-info h3 {
    color: #009844;
    font-size: 24px;
    font-weight: 300;
    line-height: 1.2;
    margin-bottom: 35px;
}

.history .timeline .timeline-content .timeline-content__inner .timeline-info p {
    font-size: 16px;
}

.history .timeline .timeline-nav-container {
    position: absolute;
    top: 225px;
    max-width: 100%;
    width: 100%;
}

    .history .timeline .timeline-nav-container .timeline-nav-container__inner {
        margin: 0 auto;
        max-width: 80rem;
    }

        .history .timeline .timeline-nav-container .timeline-nav-container__inner .timeline-nav .slick-dots {
            display: none !important;
        }

        .history .timeline .timeline-nav-container .timeline-nav-container__inner .timeline-nav .row .small-12 {
            cursor: pointer;
            text-align: center;
        }

            .history .timeline .timeline-nav-container .timeline-nav-container__inner .timeline-nav .row .small-12 p {
                color: #fff;
                font-size: 22px;
                font-weight: 300;
            }

            .history .timeline .timeline-nav-container .timeline-nav-container__inner .timeline-nav .row .small-12 .dot-container {
                position: relative;
            }

                .history .timeline .timeline-nav-container .timeline-nav-container__inner .timeline-nav .row .small-12 .dot-container .dot {
                    background-color: #fff;
                    border-radius: 50%;
                    height: 25px;
                    margin: 0 auto;
                    width: 25px;
                }

                    .history .timeline .timeline-nav-container .timeline-nav-container__inner .timeline-nav .row .small-12 .dot-container .dot:before {
                        border-top: 1px solid #fff;
                        content: "";
                        position: absolute;
                        top: 50%;
                        -webkit-transform: translateY(-50%);
                        -moz-transform: translateY(-50%);
                        -ms-transform: translateY(-50%);
                        -o-transform: translateY(-50%);
                        transform: translateY(-50%);
                        width: 115%;
                    }

        .history .timeline .timeline-nav-container .timeline-nav-container__inner .timeline-nav-arrow-container {
            align-items: center;
            display: flex;
            justify-content: center;
            margin-top: 75px;
        }

            .history .timeline .timeline-nav-container .timeline-nav-container__inner .timeline-nav-arrow-container .arrow {
                cursor: pointer;
            }

                .history .timeline .timeline-nav-container .timeline-nav-container__inner .timeline-nav-arrow-container .arrow.prev-arrow {
                    margin-right: 10px;
                    -webkit-transform: rotate(-180deg);
                    -moz-transform: rotate(-180deg);
                    -ms-transform: rotate(-180deg);
                    -o-transform: rotate(-180deg);
                    transform: rotate(-180deg);
                }

                .history .timeline .timeline-nav-container .timeline-nav-container__inner .timeline-nav-arrow-container .arrow.next-arrow {
                    margin-left: 10px;
                }

.home .twitter-side {
    position: fixed;
    top: 20%;
    right: 0;
    z-index: 90;
    padding: 20px 0;
}

@media screen and (max-width:1279px) {
    .home .twitter-side {
        opacity: 0;
    }
}

.home .twitter-side .twitter {
    border-top: 1px solid #6f6f6e;
    border-left: 1px solid #6f6f6e;
    border-bottom: 1px solid #6f6f6e;
}

@media screen and (max-width:1023px) {
    .home .twitter-side .twitter {
        margin-bottom: 30px;
    }
}

.home .twitter-side .twitter .title-container img, .home .twitter-side .twitter .title-container span {
    display: inline-block;
}

.home .twitter-side .twitter .title-container span {
    font-weight: lighter;
}

.home .twitter-side .twitter .title-container a {
    display: block;
    background-color: #fff;
    padding: 10px;
}

    .home .twitter-side .twitter .title-container a .fa {
        font-size: 25px;
    }

        .home .twitter-side .twitter .title-container a .fa.fa-twitter {
            color: #0175b8;
        }

        .home .twitter-side .twitter .title-container a .fa.fa-youtube-play {
            color: #f00;
        }

        .home .twitter-side .twitter .title-container a .fa.fa-linkedin {
            color: #0175b8;
        }

    .home .twitter-side .twitter .title-container a:not(:last-child) {
        border-bottom: 1px solid #6f6f6e;
    }

.home .twitter-side .twitter .tweet .tweet-controls {
    margin: 20px 0;
}

    .home .twitter-side .twitter .tweet .tweet-controls .t-control {
        display: inline-block;
        font-size: 14px;
        margin-right: 15px;
    }

        .home .twitter-side .twitter .tweet .tweet-controls .t-control img {
            margin-right: 5px;
        }

.home .twitter-side .twitter .btn {
    margin-top: 30px;
    text-decoration: underline;
}

.home .jumbotron {
    align-items: center;
    background-color: #000;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    height: 640px;
    justify-content: center;
    padding: 100px 0;
    position: relative;
    width: 100%;
}

@media screen and (max-width:639px) {
    .home .jumbotron {
        height: 400px;
    }
}

.home .jumbotron .video-wrapper {
    height: 100%;
    max-width: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
}

.home .jumbotron .slick-slide {
    align-items: center;
    display: flex;
    justify-content: center;
}

.home .jumbotron .block {
    align-items: center;
    background-color: rgba(0,153,68,.8);
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 680px;
    max-height: 290px;
    padding: 50px 70px;
    position: relative;
    text-align: center;
}

@media screen and (max-width:639px) {
    .home .jumbotron .block {
        padding: 30px;
    }
}

.home .jumbotron .block .block-overlay {
    background-image: url(../images/diagonal-stripes.png);
    height: 324px;
    left: 50%;
    position: absolute;
    top: 50%;
    width: 95%;
    z-index: 1;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.home .jumbotron .block h1 {
    color: #fff;
    font-size: 51px;
    font-weight: 300;
    line-height: 1;
    margin-bottom: 50px;
    z-index: 2;
}

.home .jumbotron .block a {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 14px;
    z-index: 2;
    text-decoration: none;
}

    .home .jumbotron .block a img {
        margin-right: 10px;
    }

.home .action-buttons {
    min-height: 80px;
}

    .home .action-buttons .column {
        padding: 0;
        color: #fff;
    }

        .home .action-buttons .column a {
            height: 80px;
            color: #fff;
            display: block;
            width: 100%;
            text-align: center;
            font-weight: 400;
            line-height: 80px;
            text-decoration: none;
        }

    .home .action-buttons .get-a-quote-btn {
        background-color: #e2251c;
    }

    .home .action-buttons .book-now-btn {
        background-color: #009844;
    }

    .home .action-buttons .track-online-btn {
        background-color: #868686;
    }

    .home .action-buttons .pay-online-btn {
        background-color: #c6c6c5;
    }

.home .alerts {
    float: left;
    width: 100%;
}

    .home .alerts .slide.green {
        background-color: #009844;
    }

    .home .alerts .slide.red {
        background-color: #e2251c;
    }

    .home .alerts .slide p {
        color: #fff;
        font-size: 15px;
        margin-bottom: 0;
        padding: 10px 0;
    }

.home .intro {
    margin: 125px 0;
}

@media screen and (max-width:1023px) {
    .home .intro {
        margin: 75px 0;
    }
}

@media screen and (max-width:639px) {
    .home .intro {
        margin: 30px 0;
    }
}

.home .intro .row .column:nth-child(3n+1) {
    transition-delay: .2s;
}

.home .intro .row .column:nth-child(3n+2) {
    transition-delay: .4s;
}

.home .intro .row .column:nth-child(3n+3) {
    transition-delay: .6s;
}

.home .intro .row .column h2 {
    color: #6f6f6e;
    font-size: 38px;
    font-weight: 300;
    line-height: 1.25;
    margin: 0;
}

@media screen and (max-width:639px) {
    .home .intro .row .column h2 {
        margin: 0 0 30px 0;
    }
}

.home .intro .row .column h2 strong {
    font-weight: 600;
}

.home .intro .row .column p {
    color: #575756;
    margin: 0;
}

@media screen and (max-width:1023px) {
    .home .intro .row .column.button-container {
        margin-top: 30px;
    }
}

.home .intro .row .column.button-container .icon-button {
    float: right;
    width: 100%;
}

@media screen and (max-width:1023px) {
    .home .intro .row .column.button-container .icon-button {
        float: none;
        max-width: none;
    }
}

.home .intro .row .column.button-container .icon-button:first-child {
    margin-bottom: 15px;
}

.home .intro .row .column.button-container .icon-button p {
    color: #fff;
}

.home .featured-news {
    padding-top: 80px;
}

    .home .featured-news .content-block-container {
        height: 290px;
        margin-bottom: 30px;
        min-height: 290px;
        overflow: hidden;
        width: 100%;
    }

@media screen and (max-width:1023px) {
    .home .featured-news .content-block-container {
        margin-bottom: 30px;
    }
}

.home .featured-news .content-block-container:hover .content-block, .home .featured-news .content-block-container:focus .content-block {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: transform .5s ease 0s;
    -moz-transition: transform .5s ease 0s;
    -ms-transition: transform .5s ease 0s;
    -o-transition: transform .5s ease 0s;
    transition: transform .5s ease 0s;
}

.home .featured-news .content-block-container .content-block {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: 100%;
    position: relative;
    width: 100%;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: transform .5s ease 0s;
    -moz-transition: transform .5s ease 0s;
    -ms-transition: transform .5s ease 0s;
    -o-transition: transform .5s ease 0s;
    transition: transform .5s ease 0s;
}

@media screen and (max-width:1023px) {
    .home .featured-news .content-block-container .content-block {
        margin-bottom: 30px;
    }
}

.home .featured-news .content-block-container .content-block .content-block__inner {
    background-color: rgba(0,0,0,.35);
    height: 100%;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
}

    .home .featured-news .content-block-container .content-block .content-block__inner span {
        position: absolute;
        top: 15%;
        left: 50px;
        color: #fff;
    }

    .home .featured-news .content-block-container .content-block .content-block__inner p {
        color: #fff;
        font-size: 22px;
        font-weight: 500;
        margin-top: 0;
        min-height: 0;
        position: absolute;
        top: 50%;
        left: 50px;
        text-align: left;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }

.home .services {
    padding-top: 80px;
}

    .home .services .column {
        padding: 0;
    }

        .home .services .column:nth-child(4n+1) {
            transition-delay: .2s;
        }

        .home .services .column:nth-child(4n+2) {
            transition-delay: .4s;
        }

        .home .services .column:nth-child(4n+3) {
            transition-delay: .6s;
        }

        .home .services .column:nth-child(4n+4) {
            transition-delay: .8s;
        }

@media screen and (max-width:1199px) {
    .home .services .column {
        width: 50%;
    }
}

@media screen and (max-width:639px) {
    .home .services .column {
        width: 100%;
    }
}

.home .services .column .block-container {
    position: relative;
}

    .home .services .column .block-container:hover > h3 {
        opacity: 0;
        -webkit-transition: all .3s ease 0s;
        -moz-transition: all .3s ease 0s;
        -ms-transition: all .3s ease 0s;
        -o-transition: all .3s ease 0s;
        transition: all .3s ease 0s;
    }

    .home .services .column .block-container:hover .content-overlay {
        opacity: 1 !important;
    }

    .home .services .column .block-container:hover .content-details {
        left: 50% !important;
        opacity: 1 !important;
        top: 50% !important;
    }

    .home .services .column .block-container > h3 {
        color: #fff;
        font-size: 30px;
        font-weight: 300;
        left: 50%;
        opacity: 1;
        position: absolute;
        text-align: center;
        top: 50%;
        width: 100%;
        z-index: 9;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        -o-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        -webkit-transition: all .3s ease 0s;
        -moz-transition: all .3s ease 0s;
        -ms-transition: all .3s ease 0s;
        -o-transition: all .3s ease 0s;
        transition: all .3s ease 0s;
    }

    .home .services .column .block-container .content {
        overflow: hidden;
        position: relative;
        width: 100%;
    }

        .home .services .column .block-container .content a {
            text-decoration: none;
        }

        .home .services .column .block-container .content .initial-overlay {
            background: rgba(0,0,0,.1);
            bottom: 0;
            height: 100%;
            left: 0;
            opacity: 1;
            position: absolute;
            right: 0;
            top: 0;
            width: 100%;
        }

        .home .services .column .block-container .content .content-overlay {
            background: rgba(0,153,68,.7);
            bottom: 0;
            height: 100%;
            left: 0;
            opacity: 0;
            position: absolute;
            right: 0;
            top: 0;
            width: 100%;
            -webkit-transition: all .4s ease-in-out 0s;
            -moz-transition: all .4s ease-in-out 0s;
            -ms-transition: all .4s ease-in-out 0s;
            -o-transition: all .4s ease-in-out 0s;
            transition: all .4s ease-in-out 0s;
        }

        .home .services .column .block-container .content .content-image {
            width: 100%;
        }

        .home .services .column .block-container .content .content-details {
            left: 50%;
            opacity: 0;
            padding-left: 1em;
            padding-right: 1em;
            position: absolute;
            text-align: center;
            top: 80%;
            width: 100%;
            -webkit-transform: translateX(-50%) translateY(-50%);
            -moz-transform: translateX(-50%) translateY(-50%);
            -ms-transform: translateX(-50%) translateY(-50%);
            -o-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
            -webkit-transition: all .3s ease-in-out 0s;
            -moz-transition: all .3s ease-in-out 0s;
            -ms-transition: all .3s ease-in-out 0s;
            -o-transition: all .3s ease-in-out 0s;
            transition: all .3s ease-in-out 0s;
        }

            .home .services .column .block-container .content .content-details h3 {
                color: #fff;
            }

            .home .services .column .block-container .content .content-details p {
                color: #fff;
                font-size: 15px;
            }

            .home .services .column .block-container .content .content-details a {
                color: #fff;
                font-size: 14px;
            }

                .home .services .column .block-container .content .content-details a img {
                    margin-right: 10px;
                }

.home .testimonials .testimonials__inner {
    background-image: url(/images/home-testimonials-bg.png);
    min-height: 375px;
    background-position: top left;
    margin-top: 80px;
    margin-top: 80px;
    background-size: cover;
    background-repeat: no-repeat;
}

@media screen and (min-width:1024px) {
    .home .testimonials .testimonials__inner {
        padding: 70px 70px 130px 70px;
    }
}

@media screen and (max-width:1023px) {
    .home .testimonials .testimonials__inner {
        padding: 30px 25px 130px 25px;
    }
}

.home .testimonials .testimonials__inner .title {
    color: #575756;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 25px;
}

@media screen and (max-width:1023px) {
    .home .testimonials .testimonials__inner img {
        margin-left: auto;
        margin-right: auto;
        margin-top: 35px;
        display: block;
    }
}

.home .testimonials .testimonials__inner .testimonials-text {
    color: #575756;
}

    .home .testimonials .testimonials__inner .testimonials-text .content {
        font-weight: 200;
        margin-top: 25px;
    }

@media screen and (max-width:1023px) {
    .home .testimonials .testimonials__inner .testimonials-text .content {
        font-size: 20px;
    }
}

.home .testimonials .testimonials__inner .testimonials-text .icon-button {
    margin-left: auto;
    margin-right: auto;
    margin-top: 45px;
}

.home .more-info {
    padding: 120px 0 0 0;
}

@media screen and (max-width:1023px) {
    .home .more-info {
        padding: 0;
    }
}

.home .more-info .content-blocks .location-container:nth-child(2n+1), .home .more-info .content-blocks .block-container:nth-child(2n+1) {
    transition-delay: .2s;
}

.home .more-info .content-blocks .location-container:nth-child(2n+2), .home .more-info .content-blocks .block-container:nth-child(2n+2) {
    transition-delay: .4s;
}

.home .more-info .content-blocks .location-container {
    background-color: #929291;
    background-image: url("../images/map.png");
    background-position: right;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-right: 20px;
    min-height: 460px;
    padding: 85px 0 50px 50px;
    width: calc(50% - 20px);
}

@media screen and (max-width:1023px) {
    .home .more-info .content-blocks .location-container {
        margin-right: 0;
        width: 100%;
    }
}

@media screen and (max-width:639px) {
    .home .more-info .content-blocks .location-container {
        align-items: center;
        justify-content: center;
        padding: 0;
    }
}

.home .more-info .content-blocks .location-container .title {
    max-width: 250px;
}

@media screen and (max-width:639px) {
    .home .more-info .content-blocks .location-container .title {
        background-color: rgba(0,153,68,.8);
        padding: 15px;
    }
}

.home .more-info .content-blocks .location-container .title h3 {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 30px;
}

.home .more-info .content-blocks .location-container .title h4 {
    color: #fff;
    font-size: 30px;
    font-weight: 300;
    line-height: 1.2;
}

@media screen and (max-width:639px) {
    .home .more-info .content-blocks .location-container .title h4 {
        font-size: 28px;
    }
}

.home .more-info .content-blocks .location-container .title p {
    margin-top: 35px;
    font-size: 14px;
    color: #fff;
    line-height: 18px;
}

.home .more-info .content-blocks .location-container a {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 14px;
    text-decoration: none;
}

@media screen and (max-width:639px) {
    .home .more-info .content-blocks .location-container a {
        background-color: rgba(0,153,68,.8);
        margin: 0 auto;
        max-width: 250px;
        padding: 0 15px 15px 15px;
        width: 100%;
    }
}

.home .more-info .content-blocks .location-container a img {
    margin-right: 10px;
}

.home .more-info .content-blocks .block-container {
    float: right;
    margin-left: 20px;
    padding: 0;
    width: calc(50% - 20px);
}

@media screen and (max-width:1023px) {
    .home .more-info .content-blocks .block-container {
        width: 100%;
    }
}

.home .more-info .content-blocks .block-container .block {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: transform .3s ease 0s;
    -moz-transition: transform .3s ease 0s;
    -ms-transition: transform .3s ease 0s;
    -o-transition: transform .3s ease 0s;
    transition: transform .3s ease 0s;
}

    .home .more-info .content-blocks .block-container .block:hover {
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
        transform: scale(1.05);
        -webkit-transition: transform .3s ease 0s;
        -moz-transition: transform .3s ease 0s;
        -ms-transition: transform .3s ease 0s;
        -o-transition: transform .3s ease 0s;
        transition: transform .3s ease 0s;
    }

    .home .more-info .content-blocks .block-container .block a {
        display: block;
        padding: 66px 30px;
        text-align: center;
        text-decoration: none;
    }

        .home .more-info .content-blocks .block-container .block a h3 {
            color: #fff;
            font-weight: 300;
        }

    .home .more-info .content-blocks .block-container .block.right-block-1 {
        background-color: #009844;
        float: left;
        margin-right: 20px;
        width: calc(50% - 20px);
    }

@media screen and (max-width:1023px) {
    .home .more-info .content-blocks .block-container .block.right-block-1 {
        margin: 0;
        width: 50%;
    }
}

.home .more-info .content-blocks .block-container .block.right-block-2 {
    background-color: #c6c6c5;
    float: right;
    margin-left: 20px;
    width: calc(50% - 20px);
}

@media screen and (max-width:1023px) {
    .home .more-info .content-blocks .block-container .block.right-block-2 {
        margin: 0;
        width: 50%;
    }
}

.home .more-info .content-blocks .block-container .block.right-block-3 {
    background-color: rgba(226,37,28,.8);
    position: relative;
    float: left;
    margin-top: 40px;
    width: 100%;
}

@media screen and (max-width:1023px) {
    .home .more-info .content-blocks .block-container .block.right-block-3 {
        margin-top: 0;
    }
}

.home .more-info .content-blocks .block-container .block.right-block-3 a {
    padding: 78px 30px;
    width: 100%;
}

.home .more-info .case-studies {
    background-image: url("../images/dt-truck.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: 110px;
}

    .home .more-info .case-studies .case-studies-slider {
        background-color: rgba(0,152,68,.75);
        padding: 20px;
    }

        .home .more-info .case-studies .case-studies-slider .case-study {
            align-items: center;
            background-image: url(../images/diagonal-stripes.png);
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            padding: 135px 0 100px 0;
        }

            .home .more-info .case-studies .case-studies-slider .case-study h4 {
                color: #fff;
                font-size: 14px;
                font-weight: 600;
                margin-bottom: 35px;
            }

            .home .more-info .case-studies .case-studies-slider .case-study h5 {
                color: #fff;
                font-size: 36px;
                font-weight: 300;
                margin-bottom: 35px;
            }

            .home .more-info .case-studies .case-studies-slider .case-study p {
                color: #fff;
                font-size: 16px;
                font-weight: 300;
                margin-bottom: 50px;
            }

            .home .more-info .case-studies .case-studies-slider .case-study .buttons {
                align-items: center;
                display: flex;
            }

                .home .more-info .case-studies .case-studies-slider .case-study .buttons a {
                    align-items: center;
                    color: #fff;
                    display: flex;
                    font-size: 14px;
                    padding: 0 30px;
                    text-decoration: none;
                }

                    .home .more-info .case-studies .case-studies-slider .case-study .buttons a img {
                        margin-right: 10px;
                    }

.home .other-services {
    margin-top: 80px;
    padding-top: 80px;
    background-image: url("/images/home-overlay.png");
    background-position: top center;
    background-repeat: no-repeat;
}

    .home .other-services .row .column:nth-child(4n+1) {
        transition-delay: .2s;
    }

    .home .other-services .row .column:nth-child(4n+2) {
        transition-delay: .4s;
    }

    .home .other-services .row .column:nth-child(4n+3) {
        transition-delay: .6s;
    }

    .home .other-services .row .column:nth-child(4n+4) {
        transition-delay: .8s;
    }

@media screen and (max-width:1023px) {
    .home .other-services .row .column:nth-child(2n+1) {
        transition-delay: .2s;
    }

    .home .other-services .row .column:nth-child(2n+2) {
        transition-delay: .4s;
    }
}

@media screen and (max-width:639px) {
    .home .other-services .row .column:nth-child(1n+1) {
        transition-delay: .2s;
    }
}

.home .latest {
    padding: 0 0 80px 0;
}

@media screen and (max-width:639px) {
    .home .latest {
        padding: 0 0 30px 0;
    }
}

.home .latest .row > .column:nth-child(2n+1) {
    transition-delay: .2s;
}

.home .latest .row > .column:nth-child(2n+2) {
    transition-delay: .4s;
}

.home .latest h3 {
    font-weight: lighter;
}

@media screen and (max-width:1023px) {
    .home .latest .twitter {
        margin-bottom: 30px;
    }
}

.home .latest .twitter .title-container {
    margin-bottom: 30px;
}

    .home .latest .twitter .title-container img, .home .latest .twitter .title-container h2 {
        display: inline-block;
    }

    .home .latest .twitter .title-container h2 {
        font-weight: lighter;
    }

    .home .latest .twitter .title-container img {
        margin-right: 20px;
        position: relative;
        top: -5px;
    }

.home .latest .twitter .tweet .tweet-controls {
    margin: 20px 0;
}

    .home .latest .twitter .tweet .tweet-controls .t-control {
        display: inline-block;
        font-size: 14px;
        margin-right: 15px;
    }

        .home .latest .twitter .tweet .tweet-controls .t-control img {
            margin-right: 5px;
        }

.home .latest .twitter .icon-button {
    margin-top: 30px;
}

@media screen and (max-width:1023px) {
    .home .latest .latest-news {
        margin-bottom: 30px;
    }
}

.home .latest .latest-news .small-12 {
    padding: 0 !important;
}

.home .latest .latest-news p {
    font-size: 16px;
    font-weight: lighter;
    max-height: 60px;
    min-height: 60px;
    overflow: hidden;
}

.home .latest .latest-news .summary {
    font-weight: bold;
    min-height: 40px;
}

.home .latest .latest-news .date-added {
    color: #3c3c3b;
    font-weight: bold;
    min-height: 0;
}

.home .latest .latest-news .icon-button {
    margin-top: 30px;
}

.home .latest .twitter {
    font-family: "Source Sans Pro",sans-serif !important;
}

.homepage-hero__bg {
    position: relative;
    height: 720px;
    background: linear-gradient(90deg,rgba(0,0,0,.75),rgba(0,0,0,.375),rgba(0,0,0,.75)),url("/images/content/home/1_1_639x720.jpg") !important;
    background-size: cover !important;
    background-position: center !important;
}

@media screen and (min-width:40em) {
    .homepage-hero__bg {
        height: 860px;
        background: linear-gradient(90deg,rgba(0,0,0,.75),rgba(0,0,0,.375),rgba(0,0,0,.75)),url("/images/content/home/1_1_1023x860.jpg") !important;
    }
}

@media screen and (min-width:64em) {
    .homepage-hero__bg {
        background: linear-gradient(90deg,rgba(0,0,0,.75),rgba(0,0,0,.375),rgba(0,0,0,.75)),url("/images/content/home/1_1_1920x860.jpg") !important;
    }
}

.homepage-hero__built {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    max-width: 380px;
    width: 90%;
    padding: 40px;
    background-color: #df251c;
}

@media screen and (min-width:414px) {
    .homepage-hero__built {
        padding: 50px;
    }
}

@media screen and (min-width:40em) {
    .homepage-hero__built {
        top: 200px;
        left: 50px;
        max-width: 410px;
        transform: none;
        padding: 50px;
    }
}

@media screen and (min-width:64em) {
    .homepage-hero__built {
        top: 140px;
        left: 50px;
        max-width: 590px;
        padding: 80px 65px;
    }
}

.homepage-hero__built p {
    font-family: "Roboto",sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #f4b3b0;
    line-height: 1;
    margin: 0 0 20px;
}

@media screen and (min-width:40em) {
    .homepage-hero__built p {
        font-size: 16px;
    }
}

.homepage-hero__built p span {
    font-family: "Roboto",sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #f4b3b0;
    line-height: 1;
    margin: 0 0 20px;
}

@media screen and (min-width:40em) {
    .homepage-hero__built p span {
        font-size: 16px;
    }
}

.homepage-hero__built h2 {
    font-family: "Roboto",sans-serif;
    font-weight: 500;
    font-size: 26px;
    color: #fff;
    line-height: 1.2;
    margin: 0 0 35px;
}

@media screen and (min-width:414px) {
    .homepage-hero__built h2 {
        font-size: 36px;
    }
}

@media screen and (min-width:40em) {
    .homepage-hero__built h2 {
        font-size: 42px;
    }
}

@media screen and (min-width:64em) {
    .homepage-hero__built h2 {
        font-size: 48px;
        margin: 0 0 65px;
    }
}

.homepage-hero__built h2 span {
    font-family: "Roboto",sans-serif;
    font-weight: 500;
    font-size: 26px;
    color: #fff;
    line-height: 1.2;
    margin: 0 0 35px;
}

@media screen and (min-width:414px) {
    .homepage-hero__built h2 span {
        font-size: 36px;
    }
}

@media screen and (min-width:40em) {
    .homepage-hero__built h2 span {
        font-size: 42px;
    }
}

@media screen and (min-width:64em) {
    .homepage-hero__built h2 span {
        font-size: 48px;
        margin: 0 0 65px;
    }
}

.homepage-hero__built div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.homepage-hero__built a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 170px !important;
    height: 50px !important;
    font-family: "Roboto",sans-serif;
    font-size: 13px;
    font-weight: 300;
    color: #fff;
    border: 1px solid #fff !important;
    -webkit-transition: all .25s ease 0s;
    -moz-transition: all .25s ease 0s;
    -ms-transition: all .25s ease 0s;
    -o-transition: all .25s ease 0s;
    transition: all .25s ease 0s;
}

@media screen and (min-width:64em) {
    .homepage-hero__built a {
        width: 195px !important;
        margin-right: 35px;
    }
}

@media screen and (min-width:64em) {
    .homepage-hero__built a:last-child {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        margin-right: 0;
    }
}

.homepage-hero__built a:hover {
    background-color: #fff;
    color: #df251c;
    text-decoration: none;
}

    .homepage-hero__built a:hover .st-white {
        stroke: #df251c;
    }

.homepage-hero__built a svg {
    width: 15px;
    height: 12px;
    margin-left: 15px;
    -webkit-transition: all .25s ease 0s;
    -moz-transition: all .25s ease 0s;
    -ms-transition: all .25s ease 0s;
    -o-transition: all .25s ease 0s;
    transition: all .25s ease 0s;
}

.homepage-hero__explore {
    display: none;
}

@media screen and (min-width:64em) {
    .homepage-hero__explore {
        display: block;
        position: absolute;
        bottom: 50px;
        left: 160px;
    }

        .homepage-hero__explore p {
            font-family: "Roboto",sans-serif;
            font-size: 15px;
            font-weight: 500;
            color: #fff;
            margin: 0;
        }

        .homepage-hero__explore svg {
            position: absolute;
            bottom: -60px;
            left: -35px;
            width: 75px;
            height: 16.5px;
            transform: rotate(90deg);
        }
}

.homepage-hero__image {
    height: 340px;
}

.homepage-hero__projects {
    display: none;
}

@media screen and (min-width:80em) {
    .homepage-hero__projects {
        display: block;
        max-width: 430px;
        position: absolute;
        bottom: -50px;
        right: 50px;
        background-color: #00a656;
    }

        .homepage-hero__projects a:hover {
            text-decoration: none;
        }

            .homepage-hero__projects a:hover div {
                background-color: #00733c;
            }

        .homepage-hero__projects div {
            padding: 50px 70px;
            -webkit-transition: all .25s ease 0s;
            -moz-transition: all .25s ease 0s;
            -ms-transition: all .25s ease 0s;
            -o-transition: all .25s ease 0s;
            transition: all .25s ease 0s;
        }

            .homepage-hero__projects div p {
                font-family: "Roboto",sans-serif;
                font-size: 13px;
                font-weight: 300;
                color: #fff;
                line-height: 1;
                margin: 0 0 20px;
            }

            .homepage-hero__projects div h2 {
                font-family: "Roboto",sans-serif;
                font-size: 20px;
                font-weight: 500;
                color: #fff;
                line-height: 1.2;
                margin: 0 0 30px;
            }

            .homepage-hero__projects div svg {
                width: 75px;
                height: 16.5px;
            }
}

.homepage-hero__talk {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 90px;
    right: 0;
    background-color: rgba(0,0,0,.4);
    padding: 20px 30px;
    -webkit-transition: all .25s ease 0s;
    -moz-transition: all .25s ease 0s;
    -ms-transition: all .25s ease 0s;
    -o-transition: all .25s ease 0s;
    transition: all .25s ease 0s;
}

@media screen and (min-width:414px) {
    .homepage-hero__talk {
        padding: 30px 40px;
    }
}

.homepage-hero__talk:hover {
    cursor: pointer;
    background-color: rgba(0,0,0,.8);
}

.homepage-hero__talk p {
    font-family: "Roboto",sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    line-height: 1;
    margin: 0;
}

@media screen and (min-width:414px) {
    .homepage-hero__talk p {
        font-size: 16px;
    }
}

.homepage-hero__talk svg {
    width: 15px;
    height: 12px;
    margin-right: 15px;
    transform: rotate(90deg);
}

.welcome-section {
    max-width: 100rem;
    margin: 120px auto 0;
}

    .welcome-section video {
        display: block !important;
        width: 100%;
        height: 350px;
    }

@media screen and (min-width:40em) {
    .welcome-section video {
        height: 420px;
    }
}

.welcome-section__latest {
    height: 350px;
    background-size: cover;
    background-position: center;
    overflow: hidden;
}

@media screen and (min-width:40em) {
    .welcome-section__latest {
        height: 420px;
    }
}

.welcome-section__latest:hover a {
    transform: scale(1.1);
}

.welcome-section__latest a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
    height: 100%;
    padding: 60px 50px !important;
    background-size: cover !important;
    background-position: center !important;
}

@media screen and (min-width:40em) {
    .welcome-section__latest a {
        padding: 60px 70px !important;
    }
}

.welcome-section__latest p {
    font-family: "Roboto",sans-serif;
    font-size: 13px;
    font-weight: 300;
    color: #fff;
    line-height: 1;
    margin: 0;
}

.welcome-section__latest h2 {
    width: 100%;
    font-family: "Roboto",sans-serif;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    line-height: 1;
    margin: 20px 0 30px;
}

@media screen and (min-width:40em) {
    .welcome-section__latest h2 {
        font-size: 20px;
    }
}

.welcome-section__latest svg {
    width: 75px;
    height: 16.5px;
}

.welcome-section__about {
    height: 350px;
    background-size: cover;
    background-position: center;
    overflow: hidden;
}

@media screen and (min-width:40em) {
    .welcome-section__about {
        height: 420px;
    }
}

.welcome-section__about:hover a {
    transform: scale(1.1);
}

.welcome-section__about a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background-size: cover !important;
    background-position: center !important;
}

.welcome-section__about p {
    font-family: "Roboto",sans-serif;
    font-size: 13px;
    font-weight: 500;
    color: #f4b3b0;
    line-height: 1;
    margin: 0;
}

.welcome-section__about h2 {
    font-family: "Roboto",sans-serif;
    font-size: 100px;
    font-weight: 600;
    color: #fff;
    line-height: 1;
    margin: 0;
    padding: 30px 0;
}

.welcome-section__about svg {
    width: 75px;
    height: 16.5px;
}

.welcome-section__text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}

@media screen and (min-width:64em) {
    .welcome-section__text {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

.welcome-section__text .welcome-section__intro {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 99px;
}

@media screen and (min-width:64em) {
    .welcome-section__text .welcome-section__intro {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-align: center;
        align-items: center;
    }
}

.welcome-section__text .welcome-section__intro svg {
    width: 75px;
    height: 16.5px;
}

.welcome-section__text .welcome-section__intro span {
    font-family: "Roboto",sans-serif;
    font-size: 15px;
    font-weight: 500;
    color: #979797;
    margin-left: 30px;
}

.welcome-section__text h2 {
    width: 100%;
    font-family: "Roboto",sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
    margin: 35px 0 60px;
    text-align: center;
}

@media screen and (min-width:414px) {
    .welcome-section__text h2 {
        font-size: 30px;
    }
}

@media screen and (min-width:64em) {
    .welcome-section__text h2 {
        font-size: 38px;
        text-align: left;
    }
}

.welcome-section__text h2 strong {
    font-weight: 600;
    color: #df251c;
}

.welcome-section__text p {
    font-family: "Roboto",sans-serif;
    font-size: 16px;
    font-weight: 300;
    color: #979797;
    line-height: 1.3;
    text-align: center;
}

@media screen and (min-width:40em) {
    .welcome-section__text p {
        max-width: 430px;
    }
}

@media screen and (min-width:64em) {
    .welcome-section__text p {
        margin: 0 0 0 auto;
        text-align: left;
    }
}

.welcome-section__text .welcome-section__buttons {
    margin-top: 75px;
}

@media screen and (min-width:40em) {
    .welcome-section__text .welcome-section__buttons {
        margin-top: 100px;
    }
}

@media screen and (min-width:64em) {
    .welcome-section__text .welcome-section__buttons {
        margin-top: 130px;
    }
}

.welcome-section__text .welcome-section__buttons a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    height: 120px;
    font-family: "Roboto",sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    padding: 0 30px;
}

@media screen and (min-width:414px) {
    .welcome-section__text .welcome-section__buttons a {
        width: 100%;
        font-size: 20px;
        padding: 0 75px;
        -webkit-transition: all .25s ease 0s;
        -moz-transition: all .25s ease 0s;
        -ms-transition: all .25s ease 0s;
        -o-transition: all .25s ease 0s;
        transition: all .25s ease 0s;
    }
}

.welcome-section__text .welcome-section__buttons a:first-of-type {
    background-color: #df251c;
    margin-bottom: 30px;
}

    .welcome-section__text .welcome-section__buttons a:first-of-type:hover {
        background-color: #b21d16;
    }

.welcome-section__text .welcome-section__buttons a:last-of-type {
    background-color: #00a656;
}

    .welcome-section__text .welcome-section__buttons a:last-of-type:hover {
        background-color: #00733c;
    }

.welcome-section__text .welcome-section__buttons a svg {
    width: 50px;
}

@media screen and (min-width:414px) {
    .welcome-section__text .welcome-section__buttons a svg {
        width: 75px;
        height: 16.5px;
        margin: 0 0 0 20px;
    }
}

.logistics-services {
    max-width: 113.75rem;
    margin: 100px auto 200px;
}

.logistics-services__title {
    display: none;
}

@media screen and (min-width:40em) {
    .logistics-services__title {
        display: block;
        font-family: "Roboto",sans-serif;
        font-size: 28px;
        font-weight: 600;
        color: #df251c;
        line-height: 1;
        margin: 0 0 0 calc(75px - .9375rem);
        padding: 50px 0;
    }
}

.logistics-services__grid {
    background-size: cover !important;
    background-position: center !important;
}

    .logistics-services__grid .column {
        height: 350px;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff;
        padding: 0;
        background: none;
        background-size: cover !important;
        background-position: center !important;
        transition: .25s ease;
    }

@media screen and (min-width:80em) {
    .logistics-services__grid .column {
        height: 480px;
    }
}

.logistics-services__grid .column a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
    height: 100%;
    padding: calc(75px - .9375rem) 50px;
}

.logistics-services__grid .column h2 {
    font-family: "Roboto",sans-serif;
    font-size: 26px;
    font-weight: 600;
    color: #fff;
    line-height: 1;
    margin: 0;
}

@media screen and (min-width:80em) {
    .logistics-services__grid .column h2 {
        width: 189px;
        font-size: 28px;
    }
}

.logistics-services__grid .column .box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 45px;
    height: 45px;
    border: 1px solid #fff;
}

    .logistics-services__grid .column .box svg {
        width: 15px;
        height: 12px;
    }

.logistics-services__grid .column p {
    transform: rotate(90deg);
}

.logistics-services__grid .column .rotate {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

    .logistics-services__grid .column .rotate a {
        position: absolute;
        transform: rotate(90deg);
        width: auto;
        height: auto;
        font-family: "Roboto",sans-serif;
        color: #000;
        font-size: 14px;
        font-weight: 300;
        padding: 0;
    }

.logistics-services__mission {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    height: 460px !important;
    text-align: center;
}

@media screen and (min-width:40em) {
    .logistics-services__mission {
        height: 520px !important;
    }
}

@media screen and (min-width:64em) {
    .logistics-services__mission {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: start;
        align-items: flex-start;
        height: 350px !important;
        text-align: left;
    }
}

@media screen and (min-width:80em) {
    .logistics-services__mission {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -ms-flex-align: start;
        align-items: flex-start;
        height: 480px !important;
    }
}

.logistics-services__mission h3 {
    max-width: 425px;
    font-family: "Roboto",sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.1;
    margin: 0 0 80px;
    padding: 0 1.875rem;
}

@media screen and (min-width:40em) {
    .logistics-services__mission h3 {
        font-size: 32px;
    }
}

@media screen and (min-width:64em) {
    .logistics-services__mission h3 {
        padding: 0;
    }
}

@media screen and (min-width:80em) {
    .logistics-services__mission h3 {
        font-size: 38px;
    }
}

.logistics-services__mission h3 strong {
    font-weight: 600;
    color: #df251c;
}

.logistics-services__mission svg {
    width: 75px;
    height: 16.5px;
}

.what-we-do {
    position: relative;
    height: 100vh;
    background-size: cover !important;
    background-position: center !important;
    margin: 175px auto 0;
}

@media screen and (min-width:40em) {
    .what-we-do {
        height: 75vh;
        margin: 200px auto 0;
    }
}

@media screen and (min-width:64em) {
    .what-we-do {
        height: 1150px;
    }
}

.what-we-do__block {
    position: absolute;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    width: calc(100% - 1.875rem);
    height: 120px;
    top: -60px;
    left: 50%;
    transform: translateX(-50%);
    font-family: "Roboto",sans-serif;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    line-height: 1;
    margin: 0;
    background-color: #df251c;
    padding: 0 75px;
}

@media screen and (min-width:414px) {
    .what-we-do__block {
        width: 380px;
    }
}

@media screen and (min-width:64em) {
    .what-we-do__block {
        width: 590px;
        left: 50px;
        transform: none;
    }
}

.what-we-do__block svg {
    width: 50px;
}

@media screen and (min-width:64em) {
    .what-we-do__block svg {
        width: 75px;
        height: 16.5px;
    }
}

.what-we-do__main {
    max-width: 100rem;
    margin: 0 auto;
    height: 100vh;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}

@media screen and (min-width:40em) {
    .what-we-do__main {
        height: 75vh;
    }
}

@media screen and (min-width:64em) {
    .what-we-do__main {
        height: 1150px;
    }
}

.what-we-do__text {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 .9375rem;
}

@media screen and (min-width:64em) {
    .what-we-do__text {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 1.875rem;
    }
}

.what-we-do__know {
    max-width: 395px;
}

    .what-we-do__know h2 {
        font-family: "Roboto",sans-serif;
        font-size: 28px;
        font-weight: 500;
        color: #fff;
        line-height: 1.2;
        margin: 0;
        padding: 0 0 35px;
        text-align: center;
    }

@media screen and (min-width:40em) {
    .what-we-do__know h2 {
        font-size: 35px;
    }
}

@media screen and (min-width:64em) {
    .what-we-do__know h2 {
        font-size: 38px;
        text-align: left;
        height: 365px;
        padding: 35px 0 60px;
    }
}

.what-we-do__title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
}

    .what-we-do__title svg {
        width: 75px;
        height: 16.5px;
    }

    .what-we-do__title p {
        font-family: "Roboto",sans-serif;
        font-size: 15px;
        font-weight: 500;
        color: #fff;
        line-height: 1;
        margin: 0 0 0 30px;
    }

.what-we-do__buttons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}

@media screen and (min-width:64em) {
    .what-we-do__buttons {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-align: center;
        align-items: center;
    }
}

.what-we-do__buttons a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 180px;
    height: 50px;
    font-family: "Roboto",sans-serif;
    font-size: 13px;
    font-weight: 300;
    color: #fff;
}

    .what-we-do__buttons a span {
        margin-right: 15px;
    }

    .what-we-do__buttons a svg {
        width: 15px;
        height: 12px;
        -webkit-transition: all .25s ease 0s;
        -moz-transition: all .25s ease 0s;
        -ms-transition: all .25s ease 0s;
        -o-transition: all .25s ease 0s;
        transition: all .25s ease 0s;
    }

    .what-we-do__buttons a:nth-child(-n+2) {
        background-color: #df251c;
        margin-right: 0;
    }

        .what-we-do__buttons a:nth-child(-n+2):hover {
            background-color: #b21d16;
        }

@media screen and (min-width:64em) {
    .what-we-do__buttons a:nth-child(-n+2) {
        margin-right: 35px;
    }
}

.what-we-do__buttons .what-we-do__enquire {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 180px;
    height: 50px;
    font-family: "Roboto",sans-serif;
    font-size: 13px;
    font-weight: 300;
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
}

    .what-we-do__buttons .what-we-do__enquire span {
        margin-right: 15px;
    }

    .what-we-do__buttons .what-we-do__enquire svg {
        width: 15px;
        height: 12px;
        -webkit-transition: all .25s ease 0s;
        -moz-transition: all .25s ease 0s;
        -ms-transition: all .25s ease 0s;
        -o-transition: all .25s ease 0s;
        transition: all .25s ease 0s;
    }

    .what-we-do__buttons .what-we-do__enquire:hover {
        cursor: pointer;
        background-color: #fff;
        color: #df251c;
    }

        .what-we-do__buttons .what-we-do__enquire:hover svg .st-white {
            stroke: #df251c;
        }

.what-we-do__explore {
    display: none;
}

@media screen and (min-width:64em) {
    .what-we-do__explore {
        display: block;
    }
}

.what-we-do__explore h2 {
    font-family: "Roboto",sans-serif;
    font-size: 30px;
    font-weight: 600;
    color: #df251c;
    line-height: 1;
    margin: 0 0 35px;
}

.what-we-do__explore div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

    .what-we-do__explore div a {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -ms-flex-align: center;
        align-items: center;
        width: 300px;
        height: 60px;
        background-color: rgba(0,0,0,.2);
        padding: 0 35px;
        margin-bottom: 10px;
    }

        .what-we-do__explore div a:hover {
            background-color: rgba(0,0,0,.4);
        }

        .what-we-do__explore div a:last-child {
            margin-bottom: 0;
        }

        .what-we-do__explore div a span {
            font-family: "Roboto",sans-serif;
            font-size: 15px;
            font-weight: 500;
            color: #fff;
        }

        .what-we-do__explore div a svg {
            width: 15px;
            height: 12px;
            margin-left: 15px;
        }

.what-we-do__sections {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: start;
    align-items: flex-start;
}

@media screen and (min-width:64em) {
    .what-we-do__sections {
        margin-top: 190px;
    }
}

.what-we-do__sections p {
    font-family: "Roboto",sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    margin-right: 15px;
    padding: 50px 5px 10px;
    line-height: 1;
    border-bottom: 1px solid transparent;
    -webkit-transition: all .25s ease 0s;
    -moz-transition: all .25s ease 0s;
    -ms-transition: all .25s ease 0s;
    -o-transition: all .25s ease 0s;
    transition: all .25s ease 0s;
}

@media screen and (min-width:375px) {
    .what-we-do__sections p {
        margin-right: 25px;
    }
}

@media screen and (min-width:414px) {
    .what-we-do__sections p {
        margin-right: 35px;
        padding: 100px 0 10px;
    }
}

@media screen and (min-width:40em) {
    .what-we-do__sections p {
        font-size: 16px;
        margin-right: 90px;
    }
}

@media screen and (min-width:64em) {
    .what-we-do__sections p {
        margin-right: 150px;
        padding: 0 5px 10px;
    }
}

@media screen and (min-width:80em) {
    .what-we-do__sections p {
        margin-right: 200px;
    }
}

.what-we-do__sections p:last-child {
    margin-right: 0;
}

.what-we-do__sections p.is-active {
    border-bottom: 1px solid #df251c;
}

.what-we-do__sections p:hover {
    cursor: pointer;
    color: #cacaca;
}

.homepage-cta-block {
    position: relative;
    max-width: 90rem;
    width: 100%;
    margin: -100px auto 0;
    padding: 0 .9375rem;
    z-index: 1;
}

@media screen and (min-width:64em) {
    .homepage-cta-block {
        padding: 0;
    }
}

.case-study-cta-block {
    position: relative;
    max-width: 90rem;
    width: 100%;
    margin: 0 auto;
    padding: 0 .9375rem;
    z-index: 1;
}

@media screen and (min-width:64em) {
    .case-study-cta-block {
        padding: 0;
    }
}

.cta-block .column {
    height: 375px;
    background-size: cover;
    background-position: center;
    overflow: hidden;
}

@media screen and (min-width:80em) {
    .cta-block .column {
        height: 480px;
    }
}

.cta-block .column:hover a {
    transform: scale(1.1);
}

.cta-block .column:last-child:not(first-child) {
    float: none;
}

.cta-block p {
    font-family: "Roboto",sans-serif;
    font-size: 10px;
    font-weight: 300;
    color: #fff;
    line-height: 1;
    margin: 0;
}

@media screen and (min-width:40em) {
    .cta-block p {
        font-size: 13px;
    }
}

.cta-block h2 {
    max-width: 250px;
    font-family: "Roboto",sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.1;
    color: #fff;
    margin: 20px 0 30px;
}

@media screen and (min-width:40em) {
    .cta-block h2 {
        font-size: 20px;
    }
}

.cta-block svg {
    width: 75px;
    height: 16.5px;
}

.cta-block__specialist, .cta-block__careers {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
    height: 100%;
    padding: 60px;
    background-size: cover !important;
    background-position: center !important;
}

@media screen and (min-width:80em) {
    .cta-block__specialist, .cta-block__careers {
        padding: 80px;
    }
}

.cta-block__slideshow {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: #df251c;
}

    .cta-block__slideshow h3 {
        font-family: "Roboto",sans-serif;
        font-size: 20px;
        font-weight: 500;
        color: #e85b55;
        line-height: 1;
        margin: 0;
    }

    .cta-block__slideshow .cta-block__slider {
        width: 100%;
        padding: 45px 0 90px;
    }

        .cta-block__slideshow .cta-block__slider .slick-prev {
            left: 50px;
        }

            .cta-block__slideshow .cta-block__slider .slick-prev:before {
                font-family: 'Font Awesome 5 Pro';
                font-size: 24px;
                font-weight: 300;
                content: '';
                color: #fff;
            }

        .cta-block__slideshow .cta-block__slider .slick-next {
            right: 50px;
        }

            .cta-block__slideshow .cta-block__slider .slick-next:before {
                font-family: 'Font Awesome 5 Pro';
                font-size: 24px;
                font-weight: 300;
                content: '';
                color: #fff;
            }

        .cta-block__slideshow .cta-block__slider .slick-list, .cta-block__slideshow .cta-block__slider .slick-track {
            width: 300px;
            margin: 0 auto;
        }

@media screen and (min-width:64em) {
    .cta-block__slideshow .cta-block__slider .slick-list, .cta-block__slideshow .cta-block__slider .slick-track {
        width: 200px;
    }
}

@media screen and (min-width:80em) {
    .cta-block__slideshow .cta-block__slider .slick-list, .cta-block__slideshow .cta-block__slider .slick-track {
        width: 300px;
    }
}

.cta-block__slideshow .cta-block__slider .cta-block__slide {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}

    .cta-block__slideshow .cta-block__slider .cta-block__slide h2 {
        font-family: "Roboto",sans-serif;
        font-size: 68px;
        font-weight: 600;
        color: #fff;
        line-height: 1;
    }

@media screen and (min-width:40em) {
    .cta-block__slideshow .cta-block__slider .cta-block__slide h2 {
        font-size: 88px;
    }
}

.cta-block__slideshow .cta-block__slider .cta-block__slide p {
    font-family: "Roboto",sans-serif;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    line-height: 1;
    margin: 0;
}

.cta-block__tweet {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
    height: 100%;
    padding: 40px;
    background-color: #f7f7f7;
}

@media screen and (min-width:80em) {
    .cta-block__tweet {
        padding: 80px;
    }
}

.cta-block__tweet div {
    width: 100%;
}

.cta-block__tweet i {
    font-size: 35px;
    color: #df251c;
    margin-bottom: 40px;
}

.cta-block__tweet p {
    font-family: "Montserrat",sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #000 !important;
    line-height: 1.1 !important;
    margin: 0 !important;
}

@media screen and (min-width:80em) {
    .cta-block__tweet p {
        font-size: 18px !important;
    }
}

@media screen and (min-width:90em) {
    .cta-block__tweet p {
        font-size: 20px !important;
    }
}

.cta-block__tweet p a {
    font-family: "Montserrat",sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #df251c !important;
}

@media screen and (min-width:80em) {
    .cta-block__tweet p a {
        font-size: 18px !important;
    }
}

@media screen and (min-width:90em) {
    .cta-block__tweet p a {
        font-size: 20px !important;
    }
}

.cta-block__tweet p a:hover {
    color: #b21d16;
}

.cta-block__quote {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
    height: 100%;
    background-color: #00a656;
    padding: 60px;
}

@media screen and (min-width:80em) {
    .cta-block__quote {
        padding: 80px;
    }
}

.cta-block__quote .speech-bubble {
    position: relative;
    max-width: 355px;
    font-family: "Roboto",sans-serif;
    font-size: 22px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 50px;
    padding: 30px;
    border: 1px solid #fff;
}

@media screen and (min-width:80em) {
    .cta-block__quote .speech-bubble {
        padding: 56px 56px 75px;
    }
}

.cta-block__quote .speech-bubble:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    border-left: 21px solid #fff;
    border-right: 21px solid transparent;
    border-top: 21px solid #fff;
    border-bottom: 21px solid transparent;
    right: 23px;
    bottom: -42px;
}

.cta-block__quote .speech-bubble:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    border-left: 20px solid #00a656;
    border-right: 20px solid transparent;
    border-top: 20px solid #00a656;
    border-bottom: 20px solid transparent;
    right: 24px;
    bottom: -40px;
}

.brands-slideshow {
    max-width: 80rem;
    width: 100%;
    margin: 0 auto;
    padding: 120px 0;
}

@media screen and (min-width:64em) {
    .brands-slideshow {
        padding: 150px 0;
    }
}

.brands-slider {
    margin: 0 .9375rem;
}

    .brands-slider .slick-slide {
        width: 80px;
        margin: 0 25px;
    }

.lets-talk-popup {
    max-width: 480px;
    width: 100%;
    padding: 40px 35px;
}

@media screen and (min-width:40em) {
    .lets-talk-popup {
        padding: 50px;
    }
}

.lets-talk-popup h2 {
    font-family: "Roboto",sans-serif;
    font-size: 28px;
    font-weight: 600;
    color: #df251c;
    line-height: 1;
    margin: 0 0 25px;
}

.lets-talk-popup p {
    font-family: "Roboto",sans-serif;
    font-size: 15px;
    font-weight: 300;
    color: #979797;
    margin: 0 0 30px;
}

.lets-talk__form {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: end;
    align-items: flex-end;
    display: block;
}

    .lets-talk__form [type=text], .lets-talk__form select {
        height: 45px;
        font-family: "Roboto",sans-serif;
        font-size: 13px;
        font-weight: 300;
        color: #df251c;
        border: 1px solid #cacaca;
        border-radius: 0;
        box-shadow: none;
        margin: 0 0 1rem;
        padding: 0 20px;
    }

        .lets-talk__form [type=text]:focus, .lets-talk__form select:focus {
            border: 1px solid #cacaca;
            border-radius: 0;
            box-shadow: none;
        }

        .lets-talk__form [type=text]::placeholder, .lets-talk__form select::placeholder {
            color: #979797;
        }

    .lets-talk__form textarea {
        height: 135px;
        font-family: 'Roboto',sans-serif;
        font-size: 13px;
        font-weight: 300;
        color: #df251c;
        border: 1px solid #cacaca;
        border-radius: 0;
        box-shadow: none;
        padding: 20px;
    }

        .lets-talk__form textarea:focus {
            border: 1px solid #cacaca;
            border-radius: 0;
            box-shadow: none;
        }

        .lets-talk__form textarea::placeholder {
            color: #979797;
        }

    .lets-talk__form a {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-align: center;
        align-items: center;
        width: 140px;
        height: 50px;
        font-family: "Roboto",sans-serif;
        font-size: 13px;
        font-weight: 300;
        color: #fff;
        margin: 0 0 0 auto;
        padding: 0 30px;
        background-color: #df251c;
        border: 0;
        border-radius: 0;
        -webkit-transition: all .25s ease 0s;
        -moz-transition: all .25s ease 0s;
        -ms-transition: all .25s ease 0s;
        -o-transition: all .25s ease 0s;
        transition: all .25s ease 0s;
        margin-top: 1rem;
    }

        .lets-talk__form a:hover {
            cursor: pointer;
            background-color: #b21d16;
        }

        .lets-talk__form a:before {
            position: absolute;
            content: '';
            background-image: url("/images/content/arrow.svg");
            width: 15px;
            height: 12px;
            right: 30px;
        }

.lets-talk__summary {
    font-family: "Roboto",sans-serif;
    font-size: 14px;
    color: #000;
    background-color: rgba(255,174,0,.2);
    border: 3px solid #ffae00;
    margin: 0 0 30px;
    padding: 30px;
}

    .lets-talk__summary ul {
        margin: 20px 0 0;
        padding: 0 0 0 16px;
    }

        .lets-talk__summary ul li {
            font-size: 14px;
            color: #000;
            margin: 0 0 10px;
            list-style-type: disc;
        }

            .lets-talk__summary ul li:last-child {
                margin: 0;
            }

.lets-talk__success {
    margin: 0 0 30px;
}

    .lets-talk__success p {
        font-family: "Roboto",sans-serif;
        font-size: 28px;
        font-weight: 600;
        color: #000;
    }

        .lets-talk__success p span {
            color: #df251c;
        }

.lets-talk__social {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 60px;
}

    .lets-talk__social h3 {
        font-family: "Roboto",sans-serif;
        font-size: 15px;
        font-weight: 500;
        color: #df251c;
        line-height: 1;
        margin: 0;
    }

    .lets-talk__social a {
        margin-right: 20px;
    }

@media screen and (min-width:40em) {
    .lets-talk__social a {
        margin-right: 40px;
    }
}

.lets-talk__social a:last-child {
    margin-right: 0;
}

.lets-talk__social a i {
    font-size: 17px;
    color: #df251c;
    -webkit-transition: all .25s ease 0s;
    -moz-transition: all .25s ease 0s;
    -ms-transition: all .25s ease 0s;
    -o-transition: all .25s ease 0s;
    transition: all .25s ease 0s;
}

    .lets-talk__social a i:hover {
        color: #b21d16;
    }

.lets-talk__legal {
    margin: 0 0 1rem;
}

    .lets-talk__legal p {
        margin: 1rem 0;
    }

    .lets-talk__legal [type=checkbox] {
        width: auto;
        margin: 0;
    }

        .lets-talk__legal [type=checkbox]:hover {
            cursor: pointer;
        }

    .lets-talk__legal label {
        font-family: "Roboto",sans-serif;
        font-size: 15px;
        color: #979797;
    }

    .lets-talk__legal .small-6 {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-align: center;
        align-items: center;
    }

.hub .page-content {
    float: left;
    width: 100%;
}

    .hub .page-content p {
        font-size: 16px;
        margin-bottom: 30px;
    }

    .hub .page-content .call-to-action {
        background: #fff !important;
        padding: 0;
    }

        .hub .page-content .call-to-action .call-to-action__inner {
            height: 70px;
            max-width: 450px;
        }

            .hub .page-content .call-to-action .call-to-action__inner .call-to-action__inner-left {
                height: 70px;
                width: 70px;
            }

            .hub .page-content .call-to-action .call-to-action__inner .call-to-action__inner-right {
                height: 70px;
            }

@media screen and (max-width:749px) {
    .hub .page-content .call-to-action .call-to-action__inner .call-to-action__inner-right:before {
        display: none;
    }
}

.hub .page-content table {
    margin-top: 50px;
    width: 100% !important;
}

    .hub .page-content table tr {
        border: none !important;
    }

        .hub .page-content table tr th {
            background-color: #009844;
            border: none !important;
            color: #fff;
            font-size: 15px;
            padding: 8px 15px;
        }

        .hub .page-content table tr td {
            border: none !important;
            font-size: 15px;
            padding: 8px 15px;
        }

.hub .page-content .further-information {
    margin-top: 50px;
}

    .hub .page-content .further-information h2 {
        font-weight: 100;
        margin-bottom: 30px;
    }

    .hub .page-content .further-information ul {
        margin-top: 10px;
    }

        .hub .page-content .further-information ul li {
            float: left;
            margin-bottom: 15px;
            width: 50%;
        }

            .hub .page-content .further-information ul li:before {
                background-image: url(../images/arrow-right.svg);
                background-size: 10px;
                background-repeat: no-repeat;
                background-position: center center;
                content: "";
                display: inline-block;
                height: 10px;
                width: 10px;
            }

            .hub .page-content .further-information ul li a {
                color: #6f6f6e;
                font-size: 16px;
                font-weight: 300;
                margin-left: 10px;
                text-decoration: none;
            }

    .hub .page-content .further-information hr {
        padding-top: 15px;
    }

.hub .other-services {
    margin-top: 80px;
    padding-top: 80px;
    background-image: url("/images/home-overlay.png");
    background-position: top center;
    background-repeat: no-repeat;
}

    .hub .other-services .row .column:nth-child(4n+1) {
        transition-delay: .2s;
    }

    .hub .other-services .row .column:nth-child(4n+2) {
        transition-delay: .4s;
    }

    .hub .other-services .row .column:nth-child(4n+3) {
        transition-delay: .6s;
    }

    .hub .other-services .row .column:nth-child(4n+4) {
        transition-delay: .8s;
    }

@media screen and (max-width:1023px) {
    .hub .other-services .row .column:nth-child(2n+1) {
        transition-delay: .2s;
    }

    .hub .other-services .row .column:nth-child(2n+2) {
        transition-delay: .4s;
    }
}

@media screen and (max-width:639px) {
    .hub .other-services .row .column:nth-child(1n+1) {
        transition-delay: .2s;
    }
}

.hub .more-information .table {
    padding: 30px 0;
}

    .hub .more-information .table .item {
        padding: 50px 0;
        border-top: 1px solid #d9d9d9;
        min-height: 175px;
    }

@media screen and (max-width:1023px) {
    .hub .more-information .table .image-container {
        padding-left: 15px;
    }
}

.hub .more-information .table .image-container .image {
    display: flex;
    justify-content: flex-start;
    border-right: 1px solid #d9d9d9;
}

    .hub .more-information .table .image-container .image img {
        margin-right: 10px;
    }

    .hub .more-information .table .image-container .image h4 {
        font-size: 30px;
        color: #009844;
        margin-bottom: 0;
        line-height: 75px;
    }

.hub .more-information .table .text {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

    .hub .more-information .table .text p {
        font-size: 16px;
        margin: 0;
        padding: 15px 30px;
    }

.hub .explore {
    margin-top: 75px;
}

    .hub .explore h4 {
        font-size: 30px;
        color: #009844;
        margin-bottom: 0;
        text-align: center;
    }

.hub .content .text-content {
    padding-right: 35px;
}

.hub .content .brochures {
    padding: 30px 0;
}

    .hub .content .brochures h4 {
        font-size: 30px;
        color: #009844;
        margin-bottom: 20px;
        text-align: center;
    }

    .hub .content .brochures .brochure-item {
        margin: 30px 0;
        text-align: center;
    }

        .hub .content .brochures .brochure-item a {
            display: block;
            text-decoration: none;
        }

            .hub .content .brochures .brochure-item a p.brochure-name {
                font-size: 20px;
                margin: 15px 0 0 0;
            }

            .hub .content .brochures .brochure-item a p.date {
                color: #6f6f6e;
                font-size: 16px;
            }

    .hub .content .brochures .link {
        margin-top: 30px;
        text-align: right;
    }

.hub .gallery {
    margin-top: 50px;
}

    .hub .gallery h4 {
        font-size: 30px;
        color: #009844;
        margin-bottom: 50px;
        text-align: center;
    }

        .hub .gallery h4 a {
            font-size: 18px;
            height: 100%;
            font-weight: 300;
            float: right;
            line-height: 42px;
        }

.hub .slider-stats {
    margin-top: 75px;
}

    .hub .slider-stats .stats-outer {
        min-height: 420px;
    }

        .hub .slider-stats .stats-outer .stats .stats-item {
            min-height: 200px;
            margin-bottom: 15px;
        }

            .hub .slider-stats .stats-outer .stats .stats-item span {
                font-size: 13px;
                font-weight: 700;
                color: #c6c6c5;
            }

            .hub .slider-stats .stats-outer .stats .stats-item .data p {
                color: #009844;
                font-size: 24px;
                line-height: 26px;
                margin: 0;
            }

                .hub .slider-stats .stats-outer .stats .stats-item .data p.number {
                    font-size: 55px;
                    line-height: 60px;
                    margin: 5px;
                }

                    .hub .slider-stats .stats-outer .stats .stats-item .data p.number span {
                        color: #009844;
                        font-size: 24px;
                        line-height: 26px;
                        font-weight: 300;
                    }

.login .call-to-action {
    background: none !important;
}

.logistics h2 {
    font-weight: lighter;
    margin-bottom: 40px;
}

.logistics .hubs {
    margin: 100px 0 0 0;
}

    .logistics .hubs h2 {
        margin-bottom: 0;
    }

    .logistics .hubs p {
        margin-bottom: 50px;
    }

    .logistics .hubs .core-products {
        padding-top: 10px;
    }

.logistics .future-dev {
    margin: 100px 0;
}

    .logistics .future-dev .content-container {
        margin: 10px 0 0 50px;
    }

        .logistics .future-dev .content-container p {
            margin-bottom: 50px;
        }

.logistics-banner {
    position: relative;
    background-color: #df251c;
}

@media screen and (min-width:64em) {
    .logistics-banner {
        height: 500px;
    }
}

.logistics-banner .column:first-child div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: start;
    align-items: flex-start;
    max-width: 500px;
    width: 100%;
    margin: 0 110px 0 auto;
    padding: 75px 0;
}

@media screen and (min-width:40em) {
    .logistics-banner .column:first-child div {
        height: 400px;
    }
}

@media screen and (min-width:64em) {
    .logistics-banner .column:first-child div {
        height: 500px;
        padding: 0;
    }
}

.logistics-banner .column:first-child div h1 {
    font-family: "Roboto",sans-serif;
    font-size: 34px;
    font-weight: 600;
    color: #fff;
    line-height: 1;
    margin: 0;
}

@media screen and (min-width:64em) {
    .logistics-banner .column:first-child div h1 {
        font-size: 50px;
    }
}

.logistics-banner .column:first-child div p {
    width: 100%;
    font-family: "Roboto",sans-serif;
    font-size: 18px;
    font-weight: 300;
    color: #fff;
    margin: 30px 0 0;
}

@media screen and (min-width:80em) {
    .logistics-banner .column:first-child div p {
        font-size: 24px;
    }
}

.logistics-banner-slider {
    padding: 0;
}

    .logistics-banner-slider .logistics-banner-slider__slide {
        position: relative;
        height: 400px;
        background-size: cover !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
    }

@media screen and (min-width:64em) {
    .logistics-banner-slider .logistics-banner-slider__slide {
        height: 500px;
    }
}

.logistics-banner-slider .logistics-banner-slider__slide .logistics-banner-slider__overlay {
    position: absolute;
    bottom: 95px;
    left: 50%;
    transform: translateX(-50%);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    max-width: 638px;
    width: calc(100% - 1.875rem);
    height: 120px;
    background-color: rgba(29,29,27,.7);
    padding: 0 25px;
    transition: .25s ease;
}

@media screen and (min-width:90em) {
    .logistics-banner-slider .logistics-banner-slider__slide .logistics-banner-slider__overlay {
        width: 100%;
        padding: 0 50px;
    }
}

.logistics-banner-slider .logistics-banner-slider__slide .logistics-banner-slider__overlay:hover {
    background-color: rgba(29,29,27,.8);
}

.logistics-banner-slider .logistics-banner-slider__slide .logistics-banner-slider__overlay div p {
    font-size: 16px;
    font-weight: 300;
    color: #fff;
    line-height: 1;
    margin: 0;
}

@media screen and (min-width:64em) {
    .logistics-banner-slider .logistics-banner-slider__slide .logistics-banner-slider__overlay div p {
        font-size: 18px;
    }
}

.logistics-banner-slider .logistics-banner-slider__slide .logistics-banner-slider__overlay div h2 {
    font-size: 34px;
    font-weight: 300;
    color: #fff;
    line-height: 1;
    margin: 0;
}

@media screen and (min-width:64em) {
    .logistics-banner-slider .logistics-banner-slider__slide .logistics-banner-slider__overlay div h2 {
        font-size: 42px;
    }
}

.logistics-banner-slider .logistics-banner-slider__slide .logistics-banner-slider__overlay img {
    width: 30px;
}

.logistics-banner-slider .slick-dots {
    bottom: 50px;
}

    .logistics-banner-slider .slick-dots li {
        width: 10px;
        height: 10px;
    }

        .logistics-banner-slider .slick-dots li.slick-active button {
            background-color: #fff;
        }

        .logistics-banner-slider .slick-dots li button {
            width: 10px;
            height: 10px;
            background-color: transparent;
            border: 1px solid #fff;
            border-radius: 0;
        }

            .logistics-banner-slider .slick-dots li button:before {
                width: 10px;
                height: 10px;
                content: '';
            }

.logistics-banner__talk {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 28px;
    right: 0;
    background-color: rgba(255,255,255,.12);
    padding: 20px 30px;
    transform: translateY(-50%);
    -webkit-transition: all .25s ease 0s;
    -moz-transition: all .25s ease 0s;
    -ms-transition: all .25s ease 0s;
    -o-transition: all .25s ease 0s;
    transition: all .25s ease 0s;
}

@media screen and (min-width:40em) {
    .logistics-banner__talk {
        padding: 30px 40px;
    }
}

@media screen and (min-width:64em) {
    .logistics-banner__talk {
        top: 60px;
        right: -60px;
        transform: rotate(-90deg);
    }
}

@media screen and (min-width:113.75em) {
    .logistics-banner__talk {
        top: 50%;
        transform: translateY(-50%) rotate(-90deg);
    }
}

.logistics-banner__talk:hover {
    cursor: pointer;
    background-color: rgba(255,255,255,.24);
}

.logistics-banner__talk p {
    width: 100%;
    font-family: "Roboto",sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    line-height: 1;
    margin: 0;
}

@media screen and (min-width:414px) {
    .logistics-banner__talk p {
        font-size: 16px;
    }
}

.logistics-banner__talk svg {
    width: 15px;
    height: 12px;
    margin-right: 15px;
    transform: rotate(90deg);
}

.logistics-brands {
    max-width: 80rem;
    margin: 0 auto;
}

.logistics-brands-slider {
    padding: 75px .9375rem 0;
}

@media screen and (min-width:64em) {
    .logistics-brands-slider .slick-list {
        margin: 0 -40px;
    }
}

.logistics-brands-slider .slick-slide {
    height: 108px;
    background-size: cover;
    background-position: center;
    margin: 0 20px;
}

@media screen and (min-width:64em) {
    .logistics-brands-slider .slick-slide {
        margin: 0 40px;
    }
}

.logistics-intro {
    max-width: 1050px;
    margin: 0 auto;
    padding: 90px 0;
}

    .logistics-intro h2 {
        font-family: "Roboto",sans-serif;
        font-size: 20px;
        font-weight: 300;
        margin: 0;
    }

@media screen and (min-width:40em) {
    .logistics-intro h2 {
        font-size: 22px;
    }
}

.logistics-children .column:last-child:not(:first-child), .logistics-children .columns:last-child:not(:first-child) {
    float: left;
}

.logistics-children__item {
    margin: 0 0 75px;
}

    .logistics-children__item h2 {
        font-family: "Roboto",sans-serif;
        font-size: 22px;
        font-weight: 600;
        color: #000;
        line-height: 1;
        margin: 0;
        padding: 40px 0 30px;
        transition: .25s ease;
    }

        .logistics-children__item h2:hover {
            color: #00a656;
        }

    .logistics-children__item p {
        max-width: 365px;
        font-family: "Roboto",sans-serif;
        font-size: 15px;
        font-weight: 300;
        color: #000;
        margin: 0 0 35px;
    }

@media screen and (min-width:40em) {
    .logistics-children__item p {
        margin: 0 0 50px;
    }
}

.logistics-children__image {
    display: block;
    height: 220px;
    background-size: cover;
    background-position: center;
}

.logistics-children__button {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 165px;
    height: 50px;
    background-color: #df251c;
    transition: .25s ease;
}

    .logistics-children__button:hover {
        background-color: #b21d16;
    }

    .logistics-children__button span {
        font-family: "Roboto",sans-serif;
        font-size: 13px;
        font-weight: 300;
        color: #fff;
        line-height: 1;
        margin: 0;
    }

    .logistics-children__button svg {
        width: 15px;
        height: 12px;
        margin: 0 0 0 15px;
    }

.logistics-view-more .column {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
}

    .logistics-view-more .column:first-child {
        padding-bottom: 1rem;
    }

.logistics-view-more:hover {
    cursor: pointer;
}

.logistics-view-more p {
    font-size: 17px;
    font-weight: 600;
    color: #000;
    margin: 0;
}

.logistics-view-more svg {
    width: 15px;
    height: 12px;
    transform: rotate(90deg);
}

    .logistics-view-more svg .st-white {
        stroke: #df251c;
    }

.logistics-view-more hr {
    width: 100%;
}

.logistics-numbers {
    padding: 100px 0;
}

    .logistics-numbers .row .column {
        margin: 0 0 75px;
    }

        .logistics-numbers .row .column:last-child {
            margin: 0;
        }

@media screen and (min-width:40em) {
    .logistics-numbers .row .column {
        margin: 0;
    }
}

.logistics-numbers h2 {
    font-family: "Roboto",sans-serif;
    font-size: 68px;
    font-weight: 600;
    color: #000;
    line-height: 1;
    margin: 0;
}

@media screen and (min-width:40em) {
    .logistics-numbers h2 {
        font-size: 48px;
    }
}

@media screen and (min-width:64em) {
    .logistics-numbers h2 {
        font-size: 68px;
    }
}

.logistics-numbers h2 strong {
    font-size: 40px;
    font-weight: 600;
}

@media screen and (min-width:40em) {
    .logistics-numbers h2 strong {
        font-size: 20px;
    }
}

@media screen and (min-width:64em) {
    .logistics-numbers h2 strong {
        font-size: 40px;
    }
}

.logistics-numbers p {
    font-size: 20px;
    font-weight: 300;
    color: #6f6f6e;
    line-height: 1;
    margin: 10px 0 0;
}

@media screen and (min-width:40em) {
    .logistics-numbers p {
        font-size: 16px;
    }
}

@media screen and (min-width:64em) {
    .logistics-numbers p {
        font-size: 20px;
    }
}

.logistics-service {
    margin: 0 0 125px;
}

.logistics-service__item {
    margin: 0 0 75px;
}

    .logistics-service__item:last-child {
        margin: 0;
    }

@media screen and (min-width:40em) {
    .logistics-service__item:nth-last-child(-n+2) {
        margin: 0;
    }
}

@media screen and (min-width:64em) {
    .logistics-service__item {
        margin: 0;
    }
}

.logistics-service__item:first-child div {
    background-color: #00a656;
}

.logistics-service__item:nth-child(2) div {
    background-color: #df251c;
}

    .logistics-service__item:nth-child(2) div a {
        width: 130px;
        border: 1px solid #fff;
    }

        .logistics-service__item:nth-child(2) div a:hover {
            border: 1px solid #b21d16;
        }

.logistics-service__item:nth-child(3) div {
    background-color: #868686;
}

.logistics-service__item:last-child div {
    background-color: #b1b1b1;
}

.logistics-service__item .logistics-service__image {
    height: 230px;
    background-size: cover;
    background-position: center;
}

.logistics-service__item .logistics-service__text {
    padding: 40px;
}

@media screen and (min-width:40em) {
    .logistics-service__item .logistics-service__text {
        padding: 50px 45px;
    }
}

@media screen and (min-width:64em) {
    .logistics-service__item .logistics-service__text {
        padding: 40px;
    }
}

@media screen and (min-width:80em) {
    .logistics-service__item .logistics-service__text {
        padding: 50px 45px;
    }
}

.logistics-service__item .logistics-service__text p {
    font-family: "Roboto",sans-serif;
    font-size: 16px;
    font-weight: 300;
    color: #fff;
    margin: 0 0 30px;
}

@media screen and (min-width:40em) {
    .logistics-service__item .logistics-service__text p {
        margin: 0 0 50px;
    }
}

.logistics-service__item .logistics-service__text a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    max-width: 175px;
    height: 50px;
    padding: 0 25px;
    background-color: #df251c;
    transition: .25s ease;
}

    .logistics-service__item .logistics-service__text a:hover {
        background-color: #b21d16;
    }

    .logistics-service__item .logistics-service__text a span {
        font-family: "Roboto",sans-serif;
        font-size: 13px;
        font-weight: 300;
        color: #fff;
        line-height: 1;
        margin: 0;
    }

    .logistics-service__item .logistics-service__text a svg {
        width: 15px;
        height: 12px;
        margin: 0 0 0 15px;
    }

.news-and-media section, .video-archive section, .news-archive section, .newsletter section {
    padding: 30px 0;
}

.news-and-media h2, .video-archive h2, .news-archive h2, .newsletter h2 {
    font-weight: lighter;
}

.news-and-media hr, .video-archive hr, .news-archive hr, .newsletter hr {
    border-bottom-color: #c6c6c5;
}

.news-and-media .news-tabs .news-tab, .video-archive .news-tabs .news-tab, .news-archive .news-tabs .news-tab, .newsletter .news-tabs .news-tab {
    border-bottom: 1px solid #d9d9d9;
    float: left;
}

@media screen and (max-width:639px) {
    .news-and-media .news-tabs .news-tab, .video-archive .news-tabs .news-tab, .news-archive .news-tabs .news-tab, .newsletter .news-tabs .news-tab {
        width: 50%;
    }
}

.news-and-media .news-tabs .news-tab a, .video-archive .news-tabs .news-tab a, .news-archive .news-tabs .news-tab a, .newsletter .news-tabs .news-tab a {
    border-bottom: 5px solid #fff;
    color: #1d1d1b;
    display: block;
    font-size: 16px;
    font-weight: 600;
    max-width: 180px;
    min-width: 180px;
    padding-bottom: 15px;
    text-align: center;
    text-decoration: none;
    width: 100%;
}

@media screen and (max-width:1023px) {
    .news-and-media .news-tabs .news-tab a, .video-archive .news-tabs .news-tab a, .news-archive .news-tabs .news-tab a, .newsletter .news-tabs .news-tab a {
        max-width: 150px;
        min-width: 150px;
    }
}

@media screen and (max-width:639px) {
    .news-and-media .news-tabs .news-tab a, .video-archive .news-tabs .news-tab a, .news-archive .news-tabs .news-tab a, .newsletter .news-tabs .news-tab a {
        max-width: none;
        min-width: 0;
        padding-top: 15px;
    }
}

.news-and-media .news-tabs .news-tab.selected a, .video-archive .news-tabs .news-tab.selected a, .news-archive .news-tabs .news-tab.selected a, .newsletter .news-tabs .news-tab.selected a {
    border-bottom: 5px solid #009844;
}

.news-and-media .filters .filters__inner, .video-archive .filters .filters__inner, .news-archive .filters .filters__inner, .newsletter .filters .filters__inner {
    background-color: #f5f5f5;
    float: left;
    padding: 15px;
    width: 100%;
}

    .news-and-media .filters .filters__inner .select-item, .video-archive .filters .filters__inner .select-item, .news-archive .filters .filters__inner .select-item, .newsletter .filters .filters__inner .select-item {
        float: left;
        max-width: 275px;
        width: 100%;
    }

@media screen and (max-width:1023px) {
    .news-and-media .filters .filters__inner .select-item, .video-archive .filters .filters__inner .select-item, .news-archive .filters .filters__inner .select-item, .newsletter .filters .filters__inner .select-item {
        max-width: none;
    }

        .news-and-media .filters .filters__inner .select-item:first-child, .video-archive .filters .filters__inner .select-item:first-child, .news-archive .filters .filters__inner .select-item:first-child, .newsletter .filters .filters__inner .select-item:first-child {
            margin-bottom: 15px;
        }
}

.news-and-media .filters .filters__inner .select-item:first-child, .video-archive .filters .filters__inner .select-item:first-child, .news-archive .filters .filters__inner .select-item:first-child, .newsletter .filters .filters__inner .select-item:first-child {
    margin-right: 15px;
}

.news-and-media .filters .filters__inner .select-item select, .video-archive .filters .filters__inner .select-item select, .news-archive .filters .filters__inner .select-item select, .newsletter .filters .filters__inner .select-item select {
    background-color: #fff;
}

.news-and-media .news-items .title, .news-and-media .news .title, .news-and-media .video .title, .news-and-media .more-newsletters .title, .video-archive .news-items .title, .video-archive .news .title, .video-archive .video .title, .video-archive .more-newsletters .title, .news-archive .news-items .title, .news-archive .news .title, .news-archive .video .title, .news-archive .more-newsletters .title, .newsletter .news-items .title, .newsletter .news .title, .newsletter .video .title, .newsletter .more-newsletters .title {
    margin-bottom: 50px;
}

.news-and-media .news-items .block-item, .news-and-media .news .block-item, .news-and-media .video .block-item, .news-and-media .more-newsletters .block-item, .video-archive .news-items .block-item, .video-archive .news .block-item, .video-archive .video .block-item, .video-archive .more-newsletters .block-item, .news-archive .news-items .block-item, .news-archive .news .block-item, .news-archive .video .block-item, .news-archive .more-newsletters .block-item, .newsletter .news-items .block-item, .newsletter .news .block-item, .newsletter .video .block-item, .newsletter .more-newsletters .block-item {
    margin-bottom: 50px;
}

    .news-and-media .news-items .block-item img, .news-and-media .news .block-item img, .news-and-media .video .block-item img, .news-and-media .more-newsletters .block-item img, .video-archive .news-items .block-item img, .video-archive .news .block-item img, .video-archive .video .block-item img, .video-archive .more-newsletters .block-item img, .news-archive .news-items .block-item img, .news-archive .news .block-item img, .news-archive .video .block-item img, .news-archive .more-newsletters .block-item img, .newsletter .news-items .block-item img, .newsletter .news .block-item img, .newsletter .video .block-item img, .newsletter .more-newsletters .block-item img {
        margin-bottom: 20px;
    }

    .news-and-media .news-items .block-item p, .news-and-media .news .block-item p, .news-and-media .video .block-item p, .news-and-media .more-newsletters .block-item p, .video-archive .news-items .block-item p, .video-archive .news .block-item p, .video-archive .video .block-item p, .video-archive .more-newsletters .block-item p, .news-archive .news-items .block-item p, .news-archive .news .block-item p, .news-archive .video .block-item p, .news-archive .more-newsletters .block-item p, .newsletter .news-items .block-item p, .newsletter .news .block-item p, .newsletter .video .block-item p, .newsletter .more-newsletters .block-item p {
        font-size: 16px;
        font-weight: lighter;
        margin-bottom: 20px;
        min-height: 40px;
    }

        .news-and-media .news-items .block-item p.summary, .news-and-media .news .block-item p.summary, .news-and-media .video .block-item p.summary, .news-and-media .more-newsletters .block-item p.summary, .video-archive .news-items .block-item p.summary, .video-archive .news .block-item p.summary, .video-archive .video .block-item p.summary, .video-archive .more-newsletters .block-item p.summary, .news-archive .news-items .block-item p.summary, .news-archive .news .block-item p.summary, .news-archive .video .block-item p.summary, .news-archive .more-newsletters .block-item p.summary, .newsletter .news-items .block-item p.summary, .newsletter .news .block-item p.summary, .newsletter .video .block-item p.summary, .newsletter .more-newsletters .block-item p.summary {
            font-weight: bold;
        }

        .news-and-media .news-items .block-item p.date-added, .news-and-media .news .block-item p.date-added, .news-and-media .video .block-item p.date-added, .news-and-media .more-newsletters .block-item p.date-added, .video-archive .news-items .block-item p.date-added, .video-archive .news .block-item p.date-added, .video-archive .video .block-item p.date-added, .video-archive .more-newsletters .block-item p.date-added, .news-archive .news-items .block-item p.date-added, .news-archive .news .block-item p.date-added, .news-archive .video .block-item p.date-added, .news-archive .more-newsletters .block-item p.date-added, .newsletter .news-items .block-item p.date-added, .newsletter .news .block-item p.date-added, .newsletter .video .block-item p.date-added, .newsletter .more-newsletters .block-item p.date-added {
            color: #6f6f6e;
            font-weight: bold;
        }

    .news-and-media .news-items .block-item .icon-button, .news-and-media .news .block-item .icon-button, .news-and-media .video .block-item .icon-button, .news-and-media .more-newsletters .block-item .icon-button, .video-archive .news-items .block-item .icon-button, .video-archive .news .block-item .icon-button, .video-archive .video .block-item .icon-button, .video-archive .more-newsletters .block-item .icon-button, .news-archive .news-items .block-item .icon-button, .news-archive .news .block-item .icon-button, .news-archive .video .block-item .icon-button, .news-archive .more-newsletters .block-item .icon-button, .newsletter .news-items .block-item .icon-button, .newsletter .news .block-item .icon-button, .newsletter .video .block-item .icon-button, .newsletter .more-newsletters .block-item .icon-button {
        margin-top: 30px;
        max-width: none;
    }

.news-and-media .news-items .ep.video, .news-and-media .news .ep.video, .news-and-media .video .ep.video, .news-and-media .more-newsletters .ep.video, .video-archive .news-items .ep.video, .video-archive .news .ep.video, .video-archive .video .ep.video, .video-archive .more-newsletters .ep.video, .news-archive .news-items .ep.video, .news-archive .news .ep.video, .news-archive .video .ep.video, .news-archive .more-newsletters .ep.video, .newsletter .news-items .ep.video, .newsletter .news .ep.video, .newsletter .video .ep.video, .newsletter .more-newsletters .ep.video {
    display: block;
    position: relative;
    margin-bottom: 30px;
}

    .news-and-media .news-items .ep.video:after, .news-and-media .news .ep.video:after, .news-and-media .video .ep.video:after, .news-and-media .more-newsletters .ep.video:after, .video-archive .news-items .ep.video:after, .video-archive .news .ep.video:after, .video-archive .video .ep.video:after, .video-archive .more-newsletters .ep.video:after, .news-archive .news-items .ep.video:after, .news-archive .news .ep.video:after, .news-archive .video .ep.video:after, .news-archive .more-newsletters .ep.video:after, .newsletter .news-items .ep.video:after, .newsletter .news .ep.video:after, .newsletter .video .ep.video:after, .newsletter .more-newsletters .ep.video:after {
        background-color: #009844;
        border-radius: 50%;
        color: #fff;
        content: " ";
        display: block;
        font-family: FontAwesome;
        font-size: 30px;
        height: 60px;
        left: 50%;
        line-height: 60px;
        position: absolute;
        text-align: center;
        top: 50%;
        width: 60px;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        -o-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }

.news-post .news-content h1, .news-post .news-content h2 {
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 30px;
}

.news-post .news-content img {
    margin-bottom: 50px;
}

.news-post .news-content p {
    font-size: 16px;
}

    .news-post .news-content p.date-added {
        color: #6f6f6e;
        font-weight: bold;
    }

.newsletter .newsletter-content {
    padding: 25px 0 75px 0;
}

    .newsletter .newsletter-content h1 {
        font-size: 31px;
        font-weight: bold;
        margin-bottom: 30px;
    }

    .newsletter .newsletter-content p.date-added {
        color: #6f6f6e;
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 30px;
    }

    .newsletter .newsletter-content .content-wrapper {
        color: #6f6f6e;
        font-family: "Source Sans Pro",sans-serif !important;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.25;
    }

        .newsletter .newsletter-content .content-wrapper p {
            font-size: 16px;
        }

        .newsletter .newsletter-content .content-wrapper ul, .newsletter .newsletter-content .content-wrapper ol {
            list-style: inside;
            margin-top: 10px;
        }

        .newsletter .newsletter-content .content-wrapper strong {
            color: #000;
        }

.newsletter .image-content {
    padding-bottom: 75px;
}

.product-sub-tier .column .column {
    padding-left: .9375rem !important;
    padding-right: .9375rem !important;
}

.product-sub-tier .breadcrumbs {
    float: none;
}

    .product-sub-tier .breadcrumbs .column {
        padding: 30px 0 0;
    }

.product-sub-tier .page-content .call-to-action {
    background: #fff !important;
    padding: 0 0 45px 0;
}

    .product-sub-tier .page-content .call-to-action .call-to-action__inner {
        height: 70px;
        margin-left: auto;
        margin-right: auto;
    }

        .product-sub-tier .page-content .call-to-action .call-to-action__inner .call-to-action__inner-left {
            height: 70px;
            width: 70px;
        }

        .product-sub-tier .page-content .call-to-action .call-to-action__inner .call-to-action__inner-right {
            height: 70px;
        }

@media screen and (max-width:749px) {
    .product-sub-tier .page-content .call-to-action .call-to-action__inner .call-to-action__inner-right:before {
        display: none;
    }
}

.product-sub-tier .page-content p {
    font-size: 16px;
    color: #000 !important;
    margin-bottom: 30px;
}

    .product-sub-tier .page-content p span {
        font-family: "Montserrat",sans-serif !important;
        font-size: inherit !important;
    }

.product-sub-tier .page-content span, .product-sub-tier .page-content strong {
    font-family: "Montserrat",sans-serif !important;
    color: #000 !important;
    line-height: 1.25 !important;
}

.product-sub-tier .page-content ul {
    font-family: "Roboto",sans-serif;
    list-style-type: disc;
    padding: 0 0 0 17px;
}

    .product-sub-tier .page-content ul li {
        font-family: "Roboto",sans-serif;
        color: #000;
        line-height: 1.25;
    }

.product-sub-tier .page-content .call-to-action {
    background: #fff !important;
    padding: 0;
}

    .product-sub-tier .page-content .call-to-action .call-to-action__inner {
        height: 70px;
        max-width: 450px;
    }

        .product-sub-tier .page-content .call-to-action .call-to-action__inner .call-to-action__inner-left {
            height: 70px;
            width: 70px;
        }

        .product-sub-tier .page-content .call-to-action .call-to-action__inner .call-to-action__inner-right {
            height: 70px;
        }

@media screen and (max-width:749px) {
    .product-sub-tier .page-content .call-to-action .call-to-action__inner .call-to-action__inner-right:before {
        display: none;
    }
}

.product-sub-tier .page-content .further-information {
    margin-top: 50px;
}

    .product-sub-tier .page-content .further-information h2 {
        font-weight: 100;
        margin-bottom: 30px;
    }

    .product-sub-tier .page-content .further-information ul {
        list-style-type: none !important;
        margin-top: 10px;
        padding: 0;
    }

        .product-sub-tier .page-content .further-information ul li {
            float: left;
            margin-bottom: 15px;
            width: 50%;
        }

            .product-sub-tier .page-content .further-information ul li:before {
                background-image: url(../images/arrow-right.svg);
                background-size: 10px;
                background-repeat: no-repeat;
                background-position: center center;
                content: "";
                display: inline-block;
                height: 10px;
                width: 10px;
            }

            .product-sub-tier .page-content .further-information ul li a {
                color: #6f6f6e;
                font-size: 16px;
                font-weight: 300;
                margin-left: 10px;
                text-decoration: none;
            }

    .product-sub-tier .page-content .further-information hr {
        padding-top: 15px;
    }

.product-sub-tier .case-studies .title {
    margin-bottom: 50px;
}

.product-sub-tier .case-studies .view-all {
    display: block;
    line-height: 66px;
    text-align: right;
}

    .product-sub-tier .case-studies .view-all a {
        text-decoration: none;
    }

        .product-sub-tier .case-studies .view-all a img {
            margin-right: 10px;
        }

        .product-sub-tier .case-studies .view-all a span {
            font-size: 14px;
        }

.product-sub-tier .case-studies .case-study-item {
    margin-bottom: 50px;
}

    .product-sub-tier .case-studies .case-study-item p {
        font-size: 16px;
        font-weight: lighter;
        margin-bottom: 20px;
    }

        .product-sub-tier .case-studies .case-study-item p.summary {
            font-weight: bold;
        }

        .product-sub-tier .case-studies .case-study-item p.date-added {
            color: #6f6f6e;
            font-weight: bold;
        }

    .product-sub-tier .case-studies .case-study-item .icon-button {
        margin-top: 30px;
        max-width: none;
    }

.product-sub-tier .logistics-brands {
    margin: 0 auto 75px;
}

    .product-sub-tier .logistics-brands .logistics-brands-slider {
        padding: 0;
    }

.product-tier .page-content {
    float: left;
    padding: 30px 0;
    width: 100%;
}

    .product-tier .page-content .text-container .image-container, .product-tier .page-content .text-container p {
        float: left;
    }

    .product-tier .page-content .text-container img {
        width: 25px;
    }

    .product-tier .page-content .text-container .image-container {
        width: 7%;
    }

@media screen and (max-width:499px) {
    .product-tier .page-content .text-container .image-container {
        display: none;
    }
}

.product-tier .page-content .text-container p {
    width: 93%;
}

@media screen and (max-width:499px) {
    .product-tier .page-content .text-container p {
        width: 100%;
    }
}

.product-tier .page-content h4 {
    margin-bottom: 50px;
}

@media screen and (max-width:1023px) {
    .product-tier .page-content h4 {
        margin: 50px 0;
    }
}

.product-tier .core-products .icon-button {
    max-width: none;
}

.product-tier .core-products .button-column {
    margin-top: 50px;
}

.product-tier-banner {
    background-color: #df251c;
    height: 290px;
}

    .product-tier-banner .column div {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: start;
        align-items: flex-start;
        max-width: 500px;
        width: 100%;
        height: 290px;
        margin: 0 110px 0 auto;
    }

        .product-tier-banner .column div h1 {
            width: 100%;
            font-family: "Roboto",sans-serif;
            font-size: 34px;
            font-weight: 600;
            color: #fff;
            line-height: 1;
            margin: 0;
        }

@media screen and (min-width:64em) {
    .product-tier-banner .column div h1 {
        font-size: 38px;
    }
}

.product-tier-banner .column div p {
    width: 100%;
    font-family: "Roboto",sans-serif;
    font-size: 15px;
    font-weight: 300;
    color: #fff;
    margin: 30px 0 0;
}

.product-tier-banner__image {
    height: 290px;
    background-size: cover;
    background-position: center;
}

.product-tier-breadcrumb {
    padding: 25px 0 65px;
}

    .product-tier-breadcrumb a {
        font-family: "Roboto",sans-serif;
        font-size: 13px;
        font-weight: 300;
        color: #808080;
        line-height: 1;
        margin: 0;
    }

        .product-tier-breadcrumb a:hover {
            color: #00a656;
        }

    .product-tier-breadcrumb span {
        font-family: "Roboto",sans-serif;
        font-size: 13px;
        font-weight: 300;
        color: #808080;
        line-height: 1;
        margin: 0 5px 0 10px;
    }

    .product-tier-breadcrumb i {
        font-size: 10px;
        color: #808080;
        margin: 0 10px 0 15px;
    }

.product-tier-hero h2 {
    font-family: "Roboto",sans-serif;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.2;
    margin: 0 0 65px;
}

@media screen and (min-width:64em) {
    .product-tier-hero h2 {
        max-width: 450px;
        font-size: 35px;
        margin: 0 0 80px;
    }
}

.product-tier-hero h2 strong {
    font-weight: 600;
    color: #df251c;
}

.product-tier-hero a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    max-width: 565px;
    width: 100%;
    height: 100px;
    background-color: #00a656;
    color: #fff;
    margin: 0 0 65px;
    padding: 0 25px;
}

@media screen and (min-width:40em) {
    .product-tier-hero a {
        padding: 0 50px;
    }
}

@media screen and (min-width:64em) {
    .product-tier-hero a {
        margin: 0;
    }
}

.product-tier-hero a:hover {
    background-color: #00733c;
}

.product-tier-hero a span {
    font-family: "Roboto",sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    line-height: 1;
    margin: 0;
}

@media screen and (min-width:40em) {
    .product-tier-hero a span {
        font-size: 20px;
    }
}

.product-tier-hero a svg {
    width: 50px;
}

@media screen and (min-width:40em) {
    .product-tier-hero a svg {
        width: 75px;
        height: 16.5px;
    }
}

.product-tier-hero p {
    font-family: "Roboto",sans-serif;
    font-size: 15px;
    font-weight: 300;
    color: #979797;
    margin: 0 0 1rem;
}

.product-tier-children {
    margin: 75px 0;
}

@media screen and (min-width:64em) {
    .product-tier-children {
        margin: 100px 0 75px;
    }
}

.product-tier-children__item {
    margin: 0 0 75px;
}

    .product-tier-children__item:last-child {
        margin: 0;
    }

    .product-tier-children__item h2 {
        font-family: "Roboto",sans-serif;
        font-size: 22px;
        font-weight: 600;
        color: #000;
        line-height: 1;
        margin: 0;
        transition: .25s ease;
    }

        .product-tier-children__item h2:hover {
            color: #00a656;
        }

    .product-tier-children__item div {
        width: 100%;
        height: 200px;
        background-size: cover;
        background-position: center;
        margin: 20px 0 30px;
    }

@media screen and (min-width:64em) {
    .product-tier-children__item div {
        width: 100%;
    }
}

.product-tier-children__item p {
    font-family: "Roboto",sans-serif;
    font-size: 15px;
    font-weight: 300;
    color: #979797;
    margin: 0 0 40px;
}

.product-tier-children__item .product-tier-children__button {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 175px;
    height: 50px;
    font-family: "Roboto",sans-serif;
    font-size: 13px;
    font-weight: 300;
    background-color: #df251c;
    color: #fff;
    margin: 0;
    transition: .25s ease;
}

    .product-tier-children__item .product-tier-children__button:hover {
        background-color: #b21d16;
    }

    .product-tier-children__item .product-tier-children__button svg {
        width: 15px;
        height: 12px;
        margin: 0 0 0 15px;
    }

.product-downloads {
    margin: 110px 0;
}

@media screen and (min-width:64em) {
    .product-downloads {
        margin: 110px 0 170px;
    }
}

.product-downloads__title {
    font-family: "Roboto",sans-serif;
    font-size: 22px;
    font-weight: 600;
    line-height: 1;
    margin: 0;
    padding: 0 0 25px;
    border-bottom: 1px solid #cacaca;
}

.product-downloads__item {
    padding: 30px .9375rem;
}

    .product-downloads__item i {
        font-size: 32px;
        color: #df251c;
        margin: 10px 0 0;
    }

@media screen and (min-width:64em) {
    .product-downloads__item i {
        font-size: 40px;
    }
}

.product-downloads__item span {
    font-family: "Roboto",sans-serif;
    font-size: 13px;
    font-weight: 300;
    color: #666;
    line-height: 1;
    margin: 0;
}

.product-downloads__item h2 {
    font-family: "Roboto",sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;
    margin: 0;
}

@media screen and (min-width:64em) {
    .product-downloads__item h2 {
        max-width: 277px;
    }
}

.product-downloads__item h3 {
    font-family: "Roboto",sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;
    margin: 0;
    text-transform: uppercase;
}

@media screen and (min-width:64em) {
    .product-downloads__item h3 {
        max-width: 277px;
    }
}

.product-downloads__item a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    height: 50px;
    font-family: "Roboto",sans-serif;
    font-size: 13px;
    font-weight: 300;
    background-color: #df251c;
    color: #fff;
    transition: .25s ease;
    margin: 1rem 0 0;
}

@media screen and (min-width:40em) {
    .product-downloads__item a {
        margin: 0;
    }
}

.product-downloads__item a:hover {
    background-color: #b21d16;
}

.product-downloads__item a svg {
    width: 15px;
    height: 12px;
    margin: 0 0 0 15px;
}

.product-tier-cta {
    position: relative;
    max-width: 90rem;
    width: 100%;
    margin: 0 auto;
    padding: 0 .9375rem;
    z-index: 1;
}

.product-tier .page-content {
    float: left;
    padding: 30px 0;
    width: 100%;
}

    .product-tier .page-content .text-container .image-container, .product-tier .page-content .text-container p {
        float: left;
    }

    .product-tier .page-content .text-container img {
        width: 25px;
    }

    .product-tier .page-content .text-container .image-container {
        width: 7%;
    }

@media screen and (max-width:499px) {
    .product-tier .page-content .text-container .image-container {
        display: none;
    }
}

.product-tier .page-content .text-container p {
    width: 93%;
}

@media screen and (max-width:499px) {
    .product-tier .page-content .text-container p {
        width: 100%;
    }
}

.product-tier .page-content h4 {
    margin-bottom: 50px;
}

@media screen and (max-width:1023px) {
    .product-tier .page-content h4 {
        margin: 50px 0;
    }
}

.product-tier .core-products .icon-button {
    max-width: none;
}

.product-tier .core-products .button-column {
    margin-top: 50px;
}

.product-sub-tier .column .column {
    padding-left: .9375rem !important;
    padding-right: .9375rem !important;
}

.product-sub-tier .page-content {
    padding: 30px 0 50px 0;
}

    .product-sub-tier .page-content p {
        font-size: 16px;
        margin-bottom: 30px;
    }

    .product-sub-tier .page-content .call-to-action {
        background: #fff !important;
        padding: 0;
    }

        .product-sub-tier .page-content .call-to-action .call-to-action__inner {
            height: 70px;
            max-width: 450px;
        }

            .product-sub-tier .page-content .call-to-action .call-to-action__inner .call-to-action__inner-left {
                height: 70px;
                width: 70px;
            }

            .product-sub-tier .page-content .call-to-action .call-to-action__inner .call-to-action__inner-right {
                height: 70px;
            }

@media screen and (max-width:749px) {
    .product-sub-tier .page-content .call-to-action .call-to-action__inner .call-to-action__inner-right:before {
        display: none;
    }
}

.product-sub-tier .page-content .further-information {
    margin-top: 50px;
}

    .product-sub-tier .page-content .further-information h2 {
        font-weight: 100;
        margin-bottom: 30px;
    }

    .product-sub-tier .page-content .further-information ul {
        margin-top: 10px;
    }

        .product-sub-tier .page-content .further-information ul li {
            float: left;
            margin-bottom: 15px;
            width: 50%;
        }

            .product-sub-tier .page-content .further-information ul li:before {
                background-image: url(../images/arrow-right.svg);
                background-size: 10px;
                background-repeat: no-repeat;
                background-position: center center;
                content: "";
                display: inline-block;
                height: 10px;
                width: 10px;
            }

            .product-sub-tier .page-content .further-information ul li a {
                color: #6f6f6e;
                font-size: 16px;
                font-weight: 300;
                margin-left: 10px;
                text-decoration: none;
            }

    .product-sub-tier .page-content .further-information hr {
        padding-top: 15px;
    }

.product-sub-tier .case-studies .title {
    margin-bottom: 50px;
}

.product-sub-tier .case-studies .view-all {
    display: block;
    line-height: 66px;
    text-align: right;
}

    .product-sub-tier .case-studies .view-all a {
        text-decoration: none;
    }

        .product-sub-tier .case-studies .view-all a img {
            margin-right: 10px;
        }

        .product-sub-tier .case-studies .view-all a span {
            font-size: 14px;
        }

.product-sub-tier .case-studies .case-study-item {
    margin-bottom: 50px;
}

    .product-sub-tier .case-studies .case-study-item p {
        font-size: 16px;
        font-weight: lighter;
        margin-bottom: 20px;
    }

        .product-sub-tier .case-studies .case-study-item p.summary {
            font-weight: bold;
        }

        .product-sub-tier .case-studies .case-study-item p.date-added {
            color: #6f6f6e;
            font-weight: bold;
        }

    .product-sub-tier .case-studies .case-study-item .icon-button {
        margin-top: 30px;
        max-width: none;
    }

.promo-template-a .page-content {
    padding: 50px 0;
}

    .promo-template-a .page-content ul {
        list-style: inside;
    }

    .promo-template-a .page-content p.page-content-1 {
        font-size: 44px;
        font-weight: lighter;
        line-height: 1;
        margin-bottom: 50px;
    }

    .promo-template-a .page-content p.page-content-2 {
        color: #009844;
        font-size: 20px;
    }

    .promo-template-a .page-content .arrow-list {
        margin-top: 50px;
    }

        .promo-template-a .page-content .arrow-list li {
            border-bottom: 1px solid #c6c6c5;
            float: left;
            margin-bottom: 15px;
            margin-right: 10%;
            paddig-bottom: 5px;
            width: 40%;
        }

            .promo-template-a .page-content .arrow-list li:before {
                background-image: url(../images/arrow-right.svg);
                background-size: 10px;
                background-repeat: no-repeat;
                background-position: center center;
                content: "";
                display: inline-block;
                height: 10px;
                width: 10px;
            }

            .promo-template-a .page-content .arrow-list li a {
                color: #6f6f6e;
                font-size: 16px;
                font-weight: 300;
                margin-left: 10px;
                text-decoration: none;
            }

.promo-template-a .image-content {
    margin-bottom: 50px;
}

.promo .promo-banner {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    min-height: 600px;
    padding: 100px 0;
}

    .promo .promo-banner h1 {
        color: #fff;
        font-size: 44px;
        font-weight: 300;
        line-height: 1;
        max-width: 550px;
    }

        .promo .promo-banner h1 strong {
            color: #009844;
        }

.promo .content-strip {
    background-color: #009844;
    background-image: url(../images/diagonal-stripes.png);
    padding: 75px 0;
}

    .promo .content-strip h2 {
        color: #fff;
        font-size: 44px;
        font-weight: 300;
        line-height: 1;
    }

    .promo .content-strip p {
        color: #fff;
        font-weight: 400;
    }

.promo .content-main {
    padding: 75px 0;
}

    .promo .content-main ul {
        list-style: inside;
    }

    .promo .content-main p {
        color: #575756;
        margin-bottom: 30px;
    }

        .promo .content-main p.green {
            color: #009844;
            font-weight: bold;
        }

.promo .contact-ribbon {
    background-color: #e2251c;
    background-image: url(../images/diagonal-stripes.png);
    padding: 30px 0;
}

@media screen and (max-width:1149px) {
    .promo .contact-ribbon .column {
        float: none !important;
        margin: 0 auto;
        max-width: 600px;
        width: 100%;
    }
}

@media screen and (max-width:639px) {
    .promo .contact-ribbon .column {
        float: left !important;
        margin: 15px 0;
    }
}

.promo .contact-ribbon img, .promo .contact-ribbon p {
    float: left;
}

.promo .contact-ribbon img {
    margin-right: 20px;
    max-width: 75px;
}

@media screen and (max-width:409px) {
    .promo .contact-ribbon img {
        max-width: 35px;
    }
}

.promo .contact-ribbon p {
    color: #fff;
    font-size: 22px;
    font-weight: bold;
    width: 75%;
}

@media screen and (max-width:639px) {
    .promo .contact-ribbon p {
        font-size: 18px;
    }
}

.promo .contact-ribbon p a {
    color: #fff;
    font-size: 38px;
    font-weight: 300;
    text-decoration: none;
}

@media screen and (max-width:639px) {
    .promo .contact-ribbon p a {
        font-size: 22px;
    }
}

@media screen and (max-width:359px) {
    .promo .contact-ribbon p a {
        font-size: 18px;
    }
}

.promo-template-b .contact-form {
    padding: 75px 0 0;
}

    .promo-template-b .contact-form .contact-form-container {
        background-color: transparent;
        padding: 50px 50px 0 50px;
    }

        .promo-template-b .contact-form .contact-form-container h3 {
            margin-bottom: 50px;
            text-align: center;
        }

@media screen and (max-width:1023px) {
    .promo-template-c .promo-banner h1 {
        margin: 0 auto 30px;
        text-align: center;
    }
}

.promo-template-c .content-main {
    padding: 75px 0;
}

    .promo-template-c .content-main p {
        color: #575756;
        margin-bottom: 30px;
    }

        .promo-template-c .content-main p.green {
            color: #009844;
            font-weight: bold;
        }

.promo-template-c .contact-form {
    padding: 0;
}

    .promo-template-c .contact-form .contact-form-container {
        background-color: #fff;
        border-radius: 0;
        padding: 30px;
        margin-bottom: 0;
        max-width: 500px;
    }

        .promo-template-c .contact-form .contact-form-container:after {
            border-color: transparent !important;
            content: "";
        }

        .promo-template-c .contact-form .contact-form-container h3 {
            margin-bottom: 25px;
            text-align: left;
        }

        .promo-template-c .contact-form .contact-form-container input {
            margin-bottom: 10px !important;
        }

        .promo-template-c .contact-form .contact-form-container .errorMessage {
            position: relative !important;
            top: -10px !important;
        }

.request-a-quote .quote-form {
    float: left;
    padding: 30px 0 150px 0;
    width: 100%;
}

@media screen and (max-width:639px) {
    .request-a-quote .quote-form {
        padding: 0;
    }
}

.request-a-quote .quote-form #msform {
    margin: 35px auto;
    text-align: center;
    width: 100%;
}

    .request-a-quote .quote-form #msform .error-row p {
        color: #f00;
        font-weight: 600;
    }

    .request-a-quote .quote-form #msform .fieldset-container {
        position: relative;
    }

        .request-a-quote .quote-form #msform .fieldset-container fieldset {
            border: none;
            border-radius: 3px;
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            position: absolute;
            width: 100%;
        }

            .request-a-quote .quote-form #msform .fieldset-container fieldset:not(:first-of-type) {
                display: none;
            }

            .request-a-quote .quote-form #msform .fieldset-container fieldset .row {
                margin-bottom: 30px;
            }

                .request-a-quote .quote-form #msform .fieldset-container fieldset .row.button-row {
                    margin: 75px 0 0 0;
                }

@media screen and (max-width:1023px) {
    .request-a-quote .quote-form #msform .fieldset-container fieldset .row.button-row .column {
        margin-bottom: 15px;
    }
}

.request-a-quote .quote-form #msform .fieldset-container fieldset .row.button-row .column:first-child {
    padding-left: 0 !important;
}

@media screen and (max-width:1023px) {
    .request-a-quote .quote-form #msform .fieldset-container fieldset .row.button-row .column:first-child {
        padding-left: .9375rem !important;
    }
}

.request-a-quote .quote-form #msform .fieldset-container fieldset .row.button-row .column:last-child {
    padding-right: 0 !important;
}

@media screen and (max-width:1023px) {
    .request-a-quote .quote-form #msform .fieldset-container fieldset .row.button-row .column:last-child {
        padding-right: .9375rem !important;
    }
}

.request-a-quote .quote-form #msform .fieldset-container fieldset h2 {
    color: #6f6f6e;
    font-size: 32px;
    font-weight: 300;
    margin-bottom: 20px;
    text-align: left;
}

.request-a-quote .quote-form #msform .fieldset-container fieldset ::-webkit-input-placeholder {
    color: #6f6f6e;
    font-family: "Source Sans Pro",sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    padding: 0;
}

.request-a-quote .quote-form #msform .fieldset-container fieldset :-moz-placeholder {
    color: #6f6f6e;
    font-family: "Source Sans Pro",sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    padding: 0;
}

.request-a-quote .quote-form #msform .fieldset-container fieldset ::-moz-placeholder {
    color: #6f6f6e;
    font-family: "Source Sans Pro",sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    padding: 0;
}

.request-a-quote .quote-form #msform .fieldset-container fieldset :-ms-input-placeholder {
    color: #6f6f6e;
    font-family: "Source Sans Pro",sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    padding: 0;
}

.request-a-quote .quote-form #msform .fieldset-container fieldset select {
    background-color: #fff;
    color: #6f6f6e;
    font-family: "Source Sans Pro",sans-serif;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 10px 10px 10px !important;
}

.request-a-quote .quote-form #msform .fieldset-container fieldset input, .request-a-quote .quote-form #msform .fieldset-container fieldset select, .request-a-quote .quote-form #msform .fieldset-container fieldset textarea {
    border: 1px solid #b1b1b1;
    border-radius: 0;
    color: #1d1d1b;
    font-family: "Source Sans Pro",sans-serif;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 20px;
    padding: 10px;
}

.request-a-quote .quote-form #msform .fieldset-container fieldset .checkbox {
    display: block;
    margin-bottom: 20px;
}

    .request-a-quote .quote-form #msform .fieldset-container fieldset .checkbox .ei-container {
        text-align: left;
    }

        .request-a-quote .quote-form #msform .fieldset-container fieldset .checkbox .ei-container .ei-checkbox {
            height: 39px !important;
            line-height: 39px !important;
            width: 39px !important;
        }

            .request-a-quote .quote-form #msform .fieldset-container fieldset .checkbox .ei-container .ei-checkbox.ei-hover {
                border-color: #009844 !important;
            }

            .request-a-quote .quote-form #msform .fieldset-container fieldset .checkbox .ei-container .ei-checkbox:hover, .request-a-quote .quote-form #msform .fieldset-container fieldset .checkbox .ei-container .ei-checkbox:focus {
                border-color: #009844 !important;
            }

            .request-a-quote .quote-form #msform .fieldset-container fieldset .checkbox .ei-container .ei-checkbox:focus {
                box-shadow: none !important;
            }

            .request-a-quote .quote-form #msform .fieldset-container fieldset .checkbox .ei-container .ei-checkbox:before {
                font-size: 20px;
            }

            .request-a-quote .quote-form #msform .fieldset-container fieldset .checkbox .ei-container .ei-checkbox:after {
                background-color: #009844 !important;
            }

            .request-a-quote .quote-form #msform .fieldset-container fieldset .checkbox .ei-container .ei-checkbox[data-checked='true'] {
                border-color: #009844 !important;
            }

        .request-a-quote .quote-form #msform .fieldset-container fieldset .checkbox .ei-container .ei-label {
            color: #1d1d1b;
            font-family: "Source Sans Pro",sans-serif;
            font-size: 14px;
            font-weight: 500;
            line-height: 35px;
            margin-left: 15px;
        }

.request-a-quote .quote-form #msform .fieldset-container fieldset .icon-button {
    border-radius: 0;
    max-width: none;
    width: 100%;
}

    .request-a-quote .quote-form #msform .fieldset-container fieldset .icon-button p {
        text-align: left;
    }

.request-a-quote .quote-form #msform .fieldset-container fieldset.step-1 .arrow-row {
    position: relative;
}

    .request-a-quote .quote-form #msform .fieldset-container fieldset.step-1 .arrow-row .arrow {
        align-items: center;
        bottom: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 85%;
        left: 50%;
        position: absolute;
        -webkit-transform: translateX(-50%) translateY(0%);
        -moz-transform: translateX(-50%) translateY(0%);
        -ms-transform: translateX(-50%) translateY(0%);
        -o-transform: translateX(-50%) translateY(0%);
        transform: translateX(-50%) translateY(0%);
    }

@media screen and (max-width:1023px) {
    .request-a-quote .quote-form #msform .fieldset-container fieldset.step-1 .arrow-row .arrow {
        display: none;
    }
}

.request-a-quote .quote-form #msform .fieldset-container fieldset.step-1 .arrow-row .arrow .fa {
    color: #c6c6c5;
    font-size: 22px;
    margin: 12px 0;
}

.request-a-quote .quote-form #msform .fieldset-container fieldset.step-1 .arrow-row .arrow .border-top {
    background-color: #ddd;
    height: 60px;
    margin: 0 auto;
    width: 1px;
}

.request-a-quote .quote-form #msform .fieldset-container fieldset.step-1 .arrow-row .arrow .border-bottom {
    background-color: #ddd;
    height: 60px;
    margin: 0 auto;
    width: 1px;
}

.request-a-quote .quote-form #msform .fieldset-container fieldset.step-2 .tabs {
    border: none;
    float: left;
    width: 100%;
}

    .request-a-quote .quote-form #msform .fieldset-container fieldset.step-2 .tabs .tab-button {
        background-color: #eee;
        border: 2px solid #ddd;
        color: #666;
        font-size: 18px;
        float: left;
        padding: 10px 15px;
        position: relative;
        text-decoration: none;
        top: 2px;
        width: auto;
    }

        .request-a-quote .quote-form #msform .fieldset-container fieldset.step-2 .tabs .tab-button:first-child {
            border-right: none;
        }

        .request-a-quote .quote-form #msform .fieldset-container fieldset.step-2 .tabs .tab-button.active {
            background-color: #fff;
            border-bottom: 2px solid #fff;
        }

    .request-a-quote .quote-form #msform .fieldset-container fieldset.step-2 .tabs .content {
        display: none;
        float: left;
        width: 100%;
    }

        .request-a-quote .quote-form #msform .fieldset-container fieldset.step-2 .tabs .content.active {
            display: block;
        }

        .request-a-quote .quote-form #msform .fieldset-container fieldset.step-2 .tabs .content.td {
            border: 2px solid #ddd;
            padding: 30px 0 5px 0;
        }

        .request-a-quote .quote-form #msform .fieldset-container fieldset.step-2 .tabs .content.pd .weights {
            border: 2px solid #ddd;
            padding: 30px 15px 30px 15px;
        }

            .request-a-quote .quote-form #msform .fieldset-container fieldset.step-2 .tabs .content.pd .weights .individual-package-row .checkbox {
                float: left;
                width: 50%;
            }

            .request-a-quote .quote-form #msform .fieldset-container fieldset.step-2 .tabs .content.pd .weights .individual-package-row .pd-total-weight {
                float: left;
                width: 50%;
            }

            .request-a-quote .quote-form #msform .fieldset-container fieldset.step-2 .tabs .content.pd .weights .measurements-row {
                float: left;
                width: 100%;
            }

                .request-a-quote .quote-form #msform .fieldset-container fieldset.step-2 .tabs .content.pd .weights .measurements-row .measurement-item {
                    float: left;
                    margin-right: 10px;
                    max-width: 115px;
                    width: 100%;
                }

                    .request-a-quote .quote-form #msform .fieldset-container fieldset.step-2 .tabs .content.pd .weights .measurements-row .measurement-item label {
                        text-align: left;
                    }

                    .request-a-quote .quote-form #msform .fieldset-container fieldset.step-2 .tabs .content.pd .weights .measurements-row .measurement-item.weight {
                        display: none;
                    }

                .request-a-quote .quote-form #msform .fieldset-container fieldset.step-2 .tabs .content.pd .weights .measurements-row .delete-button {
                    float: right;
                    margin-top: 30px;
                    max-width: 50px;
                    width: 100%;
                }

                    .request-a-quote .quote-form #msform .fieldset-container fieldset.step-2 .tabs .content.pd .weights .measurements-row .delete-button a {
                        display: block;
                    }

                        .request-a-quote .quote-form #msform .fieldset-container fieldset.step-2 .tabs .content.pd .weights .measurements-row .delete-button a i {
                            color: #e2251d;
                            font-size: 22px;
                        }

        .request-a-quote .quote-form #msform .fieldset-container fieldset.step-2 .tabs .content.pd .cargo-totals {
            padding: 0 !important;
        }

            .request-a-quote .quote-form #msform .fieldset-container fieldset.step-2 .tabs .content.pd .cargo-totals .total__inner {
                background-color: #ddd;
                display: none;
                padding: 75px 30px;
            }

                .request-a-quote .quote-form #msform .fieldset-container fieldset.step-2 .tabs .content.pd .cargo-totals .total__inner.error {
                    background-color: #009844;
                    display: block;
                }

                    .request-a-quote .quote-form #msform .fieldset-container fieldset.step-2 .tabs .content.pd .cargo-totals .total__inner.error h3 {
                        color: #fff;
                        line-height: 1.25;
                    }

                .request-a-quote .quote-form #msform .fieldset-container fieldset.step-2 .tabs .content.pd .cargo-totals .total__inner h3 {
                    border-bottom: 1px solid #ccc;
                    color: #666;
                    font-size: 24px;
                    font-weight: 300;
                    margin: 0 auto 30px;
                    max-width: 350px;
                    padding-bottom: 30px;
                    width: 100%;
                }

                .request-a-quote .quote-form #msform .fieldset-container fieldset.step-2 .tabs .content.pd .cargo-totals .total__inner p {
                    color: #666;
                    display: inline-block;
                    font-size: 18px;
                    font-weight: 300;
                    margin: 0 15px;
                }

                    .request-a-quote .quote-form #msform .fieldset-container fieldset.step-2 .tabs .content.pd .cargo-totals .total__inner p span {
                        color: #009844;
                        display: block;
                        font-size: 24px;
                        font-weight: bold;
                        margin-top: 5px;
                    }

                    .request-a-quote .quote-form #msform .fieldset-container fieldset.step-2 .tabs .content.pd .cargo-totals .total__inner p.volume span:after {
                        content: "m³";
                    }

                    .request-a-quote .quote-form #msform .fieldset-container fieldset.step-2 .tabs .content.pd .cargo-totals .total__inner p.weight span:after {
                        content: "kg";
                    }

        .request-a-quote .quote-form #msform .fieldset-container fieldset.step-2 .tabs .content.pd .cargo-totals-error {
            display: block;
            background-color: #e2251c;
            padding: 75px 0;
        }

            .request-a-quote .quote-form #msform .fieldset-container fieldset.step-2 .tabs .content.pd .cargo-totals-error .total__inner {
                padding: 0 30px;
            }

.request-a-quote .quote-form #msform .fieldset-container fieldset.step-3 .postcode-finder {
    margin: 32px 0;
}

    .request-a-quote .quote-form #msform .fieldset-container fieldset.step-3 .postcode-finder .prompt {
        color: #009844;
        font-size: 14px;
        font-weight: bold;
        margin-bottom: 5px;
        text-align: left;
    }

.request-a-quote .quote-form #msform .fieldset-container fieldset.step-3 .address-fields {
    display: none;
}

.request-a-quote .quote-form #progressmarker {
    margin: 0 auto 60px;
    max-width: 780px;
    overflow: hidden;
    counter-reset: step;
}

@media screen and (max-width:639px) {
    .request-a-quote .quote-form #progressmarker {
        margin: 0 auto 20px;
    }
}

.request-a-quote .quote-form #progressmarker li {
    align-items: center;
    color: #fff;
    display: flex;
    float: left;
    font-size: 11px;
    justify-content: center;
    list-style-type: none;
    margin-top: 0;
    position: relative;
    width: 33.33%;
}

@media screen and (max-width:639px) {
    .request-a-quote .quote-form #progressmarker li {
        justify-content: flex-start;
        margin-bottom: 10px;
        width: 100%;
    }
}

.request-a-quote .quote-form #progressmarker li .step-content .step-title {
    color: #6f6f6e;
    display: block;
    font-size: 24px;
    padding-left: 15px;
}

.request-a-quote .quote-form #progressmarker li:before {
    background-color: #818181;
    background-image: url(../images/diagonal-stripes.png);
    content: counter(step);
    counter-increment: step;
    color: #fff;
    display: block;
    font-size: 36px;
    float: left;
    line-height: 50px;
    width: 50px;
}

@media screen and (max-width:510px) {
    .request-a-quote .quote-form #progressmarker li:before {
        display: block;
        float: none;
        margin: 0 auto;
        text-align: center;
    }
}

.request-a-quote .quote-form #progressmarker li.active .step-title {
    color: #009844;
}

.request-a-quote .quote-form #progressmarker li.active:before {
    background-color: #009844;
    color: #fff;
}

.request-a-quote .thankyou {
    background-color: #009844;
    padding: 30px 0;
}

    .request-a-quote .thankyou .thankyou__inner {
        align-items: center;
        display: flex;
        justify-content: flex-start;
    }

        .request-a-quote .thankyou .thankyou__inner i {
            color: #fff;
            margin-right: 15px;
        }

        .request-a-quote .thankyou .thankyou__inner p {
            color: #fff;
            margin-bottom: 0;
        }

.search .search-body .column {
    margin: 30px 0;
}

.breadcrumbs {
    float: left;
    padding: 30px 0;
    width: 100%;
}

    .breadcrumbs .breadcrumbs__inner a {
        font-family: "Roboto",sans-serif;
        font-size: 13px;
        color: #808080;
        line-height: 1;
        margin: 0;
    }

    .breadcrumbs .breadcrumbs__inner span {
        font-family: "Roboto",sans-serif;
        font-size: 13px;
        color: #808080;
        line-height: 1;
        margin: 0 5px 0 10px;
    }

.request-a-callback {
    margin-bottom: 30px;
}

    .request-a-callback .callback-container {
        background-color: #a0b1c1;
        background-position: right;
        background-repeat: no-repeat;
        background-size: contain;
        display: flex;
        overflow: hidden;
    }

@media screen and (max-width:849px) {
    .request-a-callback .callback-container {
        background-size: cover;
    }
}

@media screen and (max-width:639px) {
    .request-a-callback .callback-container {
        background-position: center;
    }
}

.request-a-callback .callback-container .callback-container__inner {
    padding: 55px 60px;
    width: 100%;
}

@media screen and (max-width:849px) {
    .request-a-callback .callback-container .callback-container__inner {
        padding: 50px 30px;
    }
}

.request-a-callback .callback-container .callback-container__inner h2 {
    color: #fff;
    font-size: 32px;
    font-weight: 300;
    margin-bottom: 30px;
}

.request-a-callback .callback-container .callback-container__inner .form .form-left {
    float: left;
    width: 50%;
}

@media screen and (max-width:849px) {
    .request-a-callback .callback-container .callback-container__inner .form .form-left {
        width: 100%;
    }
}

.request-a-callback .callback-container .callback-container__inner .form .form-left .item-container {
    float: left;
    margin-right: 10px;
    width: calc(50% - 10px);
}

@media screen and (max-width:639px) {
    .request-a-callback .callback-container .callback-container__inner .form .form-left .item-container {
        width: 100%;
    }
}

.request-a-callback .callback-container .callback-container__inner .form .form-left .item-container ::-webkit-input-placeholder {
    color: #9c9b9b;
    font-size: 12px;
}

.request-a-callback .callback-container .callback-container__inner .form .form-left .item-container :-moz-placeholder {
    color: #9c9b9b;
    font-size: 12px;
}

.request-a-callback .callback-container .callback-container__inner .form .form-left .item-container ::-moz-placeholder {
    color: #9c9b9b;
    font-size: 12px;
}

.request-a-callback .callback-container .callback-container__inner .form .form-left .item-container :-ms-input-placeholder {
    color: #9c9b9b;
    font-size: 12px;
}

.request-a-callback .callback-container .callback-container__inner .form .form-left .item-container input, .request-a-callback .callback-container .callback-container__inner .form .form-left .item-container select {
    border: none;
    border-radius: 0;
    box-shadow: none;
    color: #0a0a0a;
    font-size: 12px;
    margin: 0 0 10px 0;
}

.request-a-callback .callback-container .callback-container__inner .form .form-left .submit-button {
    float: left;
    width: calc(100% - 10px);
}

@media screen and (max-width:639px) {
    .request-a-callback .callback-container .callback-container__inner .form .form-left .submit-button {
        width: 100%;
    }
}

.request-a-callback .callback-container .callback-container__inner .form .form-left .submit-button .icon-button {
    align-items: center;
    display: flex;
    max-width: none;
    padding-left: 15px;
    width: 100%;
}

    .request-a-callback .callback-container .callback-container__inner .form .form-left .submit-button .icon-button img {
        margin-right: 10px;
    }

    .request-a-callback .callback-container .callback-container__inner .form .form-left .submit-button .icon-button p {
        color: #fff;
        font-size: 14px;
        margin: 0;
    }

.request-a-callback .callback-container .callback-container__inner .form .form-left .thankyou-holder p {
    color: #fff;
}

.track {
    clear: both;
    padding: 75px 0;
}

@media screen and (max-width:1023px) {
    .track .image-col {
        display: none;
    }
}

.track .text-col .text-container {
    margin-top: 50px;
}

@media screen and (max-width:1023px) {
    .track .text-col .text-container {
        margin: 0 auto;
        max-width: 500px;
    }
}

.track .text-col .text-container h2 {
    font-weight: lighter;
    line-height: 1.1;
    margin-bottom: 30px;
    padding-left: 40px;
    position: relative;
}

    .track .text-col .text-container h2:before {
        background-image: url("../images/arrow-right.svg");
        background-size: 20px;
        background-position: center center;
        background-repeat: no-repeat;
        content: "";
        display: block;
        height: 20px;
        position: absolute;
        left: 0;
        top: 20px;
        width: 20px;
    }

.track .text-col .text-container .icon-button {
    margin-top: 30px;
    max-width: none;
}


html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 20px;
    background-color: #e2e6eb;
}

.container {
    max-width: 95% !important;
}

.tracking-detail {
    padding: 3rem 0
}

#tracking {
    margin-bottom: 1rem
}

[class*=tracking-status-] p {
    margin: 0;
    font-size: 1.1rem;
    color: #fff;
    text-transform: uppercase;
    text-align: center
}

[class*=tracking-status-] {
    padding: 1.6rem 0
}

.tracking-status-intransit {
    background-color: #65aee0
}

.tracking-status-outfordelivery {
    background-color: #f5a551
}

.tracking-status-deliveryoffice {
    background-color: #f7dc6f
}

.tracking-status-delivered {
    background-color: #4cbb87
}

.tracking-status-attemptfail {
    background-color: #b789c7
}

.tracking-status-error, .tracking-status-exception {
    background-color: #d26759
}

.tracking-status-expired {
    background-color: #616e7d
}

.tracking-status-pending {
    background-color: #ccc
}

.tracking-status-inforeceived {
    background-color: #214977
}

.tracking-list {
    border: 1px solid #e5e5e5
}

.tracking-item {
    border-left: 1px solid #e5e5e5;
    position: relative;
    padding: 2rem 1.5rem .5rem 2.5rem;
    font-size: .9rem;
    margin-left: 3rem;
    min-height: 5rem
}

    .tracking-item:last-child {
        padding-bottom: 4rem
    }

    .tracking-item .tracking-date {
        margin-bottom: .5rem
    }

        .tracking-item .tracking-date span {
            color: #888;
            font-size: 85%;
            padding-left: .4rem
        }

    .tracking-item .tracking-content {
        padding: .5rem .8rem;
        background-color: #f4f4f4;
        border-radius: .5rem
    }

        .tracking-item .tracking-content span {
            display: block;
            color: #888;
            font-size: 85%
        }

    .tracking-item .tracking-icon {
        line-height: 2.6rem;
        position: absolute;
        left: -1.3rem;
        width: 2.6rem;
        height: 2.6rem;
        text-align: center;
        border-radius: 50%;
        font-size: 1.1rem;
        background-color: #fff;
        color: #fff
    }

        .tracking-item .tracking-icon.status-sponsored {
            background-color: #f68
        }

        .tracking-item .tracking-icon.status-delivered {
            background-color: #4cbb87
        }

        .tracking-item .tracking-icon.status-outfordelivery {
            background-color: #f5a551
        }

        .tracking-item .tracking-icon.status-deliveryoffice {
            background-color: #f7dc6f
        }

        .tracking-item .tracking-icon.status-attemptfail {
            background-color: #b789c7
        }

        .tracking-item .tracking-icon.status-exception {
            background-color: #d26759
        }

        .tracking-item .tracking-icon.status-inforeceived {
            background-color: #214977
        }

        .tracking-item .tracking-icon.status-intransit {
            color: #e5e5e5;
            border: 1px solid #e5e5e5;
            font-size: .6rem
        }

@media(min-width:992px) {
    .tracking-item {
        margin-left: 10rem
    }

        .tracking-item .tracking-date {
            position: absolute;
            left: -10rem;
            width: 7.5rem;
            text-align: right
        }

            .tracking-item .tracking-date span {
                display: block
            }

        .tracking-item .tracking-content {
            padding: 0;
            background-color: transparent
        }
}



.shipment-details input {
    font-weight: 100;
    color: #798686;
    /*font-size: 1em;*/
}

.trackingUiContainer .card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: RGB(0,154,68);
    border-bottom: 1px solid rgba(0,0,0,.125);
    color: white;
}

.bg-dtgreen {
    background-color: #009844 !important;
}

.trackingUI .navbar-nav .nav-link {
    color: white !important;
    font-weight: 700;
}

.trackingUiContainer .card {
    height: 100%;
    
}



/*----------------------------- vertical timeline bar  -----------------------------*/
.v-time-line {
    margin: 10px auto;
    padding: 0 20px 0 75px;
    position: relative;
    min-width: 90%;
}

    .v-time-line .numbIcon {
        margin-bottom: 5px !important;
    }

.row.timeline-container {
    overflow: auto;
    position: absolute;
    top: 0;
    bottom: 3px;
    width: 100%;
}
div.card-body > div.container.timeline-outer-cont {
    position: absolute;
    top: 0;
    bottom: 0;
}

.v-time-line .center-line {
    position: absolute;
    height: 100%;
    width: 6px;
    background: var(--dt-color-green);
    top: 22px;
    left: 90px;
    margin: 0 10Px;
    z-index: 10;
}

    .v-time-line .center-line.notcomplete {
        z-index: 1;
        background: #928f8f;
        height: 94%;
    }

    .v-time-line .center-line.complete {
        height: 94%;
    }

.v-time-line .center-line2.notcomplete {
    z-index: 1;
    background: #928f8f;
    height: 94%;
}

.v-time-line .center-line2.complete {
    height: 94%;
}

.v-time-line .timeline-log {
    display: flex;
    justify-content: flex-start;
    margin: 28px 6Px 3px 60px;
    padding: 0;
    width: 100%;
}

.v-time-line .timeline-logp44 {
    display: flex;
    justify-content: flex-start;
    margin: 28px 6Px 3px 0px !important;
    padding: 0;
    width: 100%;
}

.center-line2 .notcomplete {
    background: #bbb
}


.v-time-line .timeline-log section {
    background: rgb(247, 247, 247);
    border-radius: 3px;
    width: 100%;
    padding: 0;
    position: relative;
}

    .v-time-line .timeline-log section.note {
        border-left: 4Px solid #D9D9D9;
    }

    .v-time-line .timeline-log section.done {
        border-left: 4Px solid var(--dt-color-progress-yellow);
    }

    .v-time-line .timeline-log section.current {
        border-left: 4Px solid var(--dt-color-green);
    }

    .v-time-line .timeline-log section.critical {
        border-left: 4Px solid var(--dt-color-progress-red);
    }

    /* .v-time-line .timeline-log section.note::before {
                background: #D9D9D9;
            }*/

    .v-time-line .timeline-log section.done::before {
        background: var(--dt-color-progress-yellow);
    }

    .v-time-line .timeline-log section.current::before {
        /* background: var(--dt-color-progress-green);*/
    }

    .v-time-line .timeline-log section.critical::before {
        background: var(--dt-color-progress-red);
    }

    .v-time-line .timeline-log section::before { /*arrow*/
        position: absolute;
        content: " ";
        left: -10px;
        height: 12px;
        width: 12px;
        top: 28px;
        z-index: 0;
        transform: rotate(45deg);
    }

.v-time-line .center-line .scroll-icon {
    bottom: 4px;
    padding-bottom: 6Px;
    left: 50%;
    /*        font-size: 15px;*/
    transform: translateX(-50%);
}

.v-time-line .timeline-log section .header {
    padding: 0 6Px;
    min-height: 25px !important;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    background: rgb(247, 247, 247);
}

.v-time-line .timeline-log section .bottom {
    padding: 0 3Px 6Px 3Px;
}

.v-time-line .timeline-log section .header, .timeline-log section .bottom {
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.v-time-line .timeline-log section .header2 {
    margin: 0;
    display: grid;
    align-items: center;
    padding: 0 6Px;
    min-height: 25px !important;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    background: rgb(247, 247, 247);
}

.v-time-line .timeline-log section .header .title {
    font-size: 13px;
    font-weight: 600;
}

.v-time-line .timeline-log section .header2 .title {
    font-size: 13px;
    font-weight: 600;
}

.v-time-line .timeline-log section .log-notes { /*log note*/
    margin: 6Px 12px !important;
    padding: 2Px 3Px !important;
    width: 96% !important;
}

.v-time-line .timeline-log section .bottom .owner { /*user name*/
    margin: 0 6Px;
    font-weight: 300;
    transition: all 0.3s ease;
}
/*.v-time-line    .timeline-log section .bottom a:hover {
        transform: scale(0.97);
    }*/
.v-time-line .timeline-log section .date {
    font-weight: 500;
    position: absolute;
    left: -135px;
    top: 32Px;
    color: #798686;
    transform: translateY(-50%);
}

.v-time-line .timeline-day {
    width: calc(100% + 76Px);
    font-weight: 700;
    position: relative;
    left: -80px;
    color: #798686;
    border-bottom: 1Px solid #c7dbda;
}

.v-time-line .timeline-day2 {
    width: calc(100% + 320px);
    font-weight: 700;
    position: relative;
    left: -206px;
    color: #798686;
    border-bottom: 1Px solid #c7dbda;
}

/*.v-time-line .timeline-log section .date div.next {*/ /*second line under date*/
/*font-size: 9px;
            font-size: 0.9rem;
            vertical-align: text-top;
            text-align: left;
            padding-left: 18Px;
            transform: translateY(-26%);
        }*/
.v-time-line .timeline-log section .point {
    left: -50px;
    top: 20px;
    z-index: 20;
}

.v-time-line .timeline-log section.note .point {
    color: rgb(189, 189, 189);
    box-shadow: 0 0 0 4px rgb(146, 143, 143), inset 0 2px 0 rgba(0,0,0,0.08), 0 3px 0 4px rgba(0,0,0,0.05); /* circle around*/
}

.v-time-line .timeline-log section.current .point, .center-line .scroll-icon {
    color: var(--dt-color-progress-green);
    box-shadow: 0 0 0 4px var(--dt-color-green), inset 0 2px 0 rgba(0,0,0,0.08), 0 3px 0 4px rgba(0,0,0,0.05);
}

.v-time-line .timeline-log section.critical .point {
    color: var(--dt-color-progress-red);
    box-shadow: 0 0 0 4px var(--dt-color-progress-red), inset 0 2px 0 rgba(0,0,0,0.08), 0 3px 0 4px rgba(0,0,0,0.05);
}

.v-time-line .timeline-log section.done .point {
    color: var(--dt-color-progress-yellow);
    box-shadow: 0 0 0 4px var(--dt-color-progress-yellow), inset 0 2px 0 rgba(0,0,0,0.08), 0 3px 0 4px rgba(0,0,0,0.05);
}

.v-time-line .timeline-log section .point svg {
    margin-bottom: 2Px;
}

.v-time-line .timeline-log section .point, .center-line .scroll-icon {
    position: absolute;
    background: rgb(245, 245, 245);
    height: 28px;
    width: 28px;
    text-align: center;
    line-height: 28px;
    border-radius: 50%;
}
/*----------------------    horizontal waypoint control with events -------------------------*/
.h-waypoint-bar a {
    color: #3d7c7c;
    text-decoration: none;
}

.h-waypoint-bar ol, .h-waypoint-bar ul, .h-waypoint-bar .waypoints-content ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.h-waypoint-bar {
    opacity: 0;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

    .h-waypoint-bar::before {
        /* never visible - this is used in jQuery to check the current MQ */
        content: 'mobile';
        display: none;
    }

    .h-waypoint-bar.loaded {
        /* show the timeline after events position has been set (using JavaScript) */
        opacity: 1;
    }

    .h-waypoint-bar .waypoints-bar {
        position: relative;
        height: 60px;
        width: 100%;
        margin: 0 auto;
    }

    .h-waypoint-bar .waypoints-box {
        position: relative;
        height: 100%;
        margin: 0 40px;
        overflow: hidden;
    }

        .h-waypoint-bar .waypoints-box::after, .h-waypoint-bar .waypoints-box::before {
            /* these are used to create a shadow effect at the sides of the timeline */
            content: '';
            position: absolute;
            z-index: 2;
            top: 0;
            height: 100%;
            width: 20px;
        }

        .h-waypoint-bar .waypoints-box::before {
            left: 0;
        }

        .h-waypoint-bar .waypoints-box::after {
            right: 0;
        }

    .h-waypoint-bar .filling-line {
        /* this is used to create the line filling the timeline */
        position: absolute;
        z-index: 1;
        left: 0;
        top: -2Px;
        height: 5Px;
        width: 100% !important;
        background-color: #3399FF;
        -webkit-transform: scaleX(0.5);
        -moz-transform: scaleX(0.5);
        -ms-transform: scaleX(0.5);
        -o-transform: scaleX(0.5);
        transform: scaleX(0.5);
        -webkit-transform-origin: left center;
        -moz-transform-origin: left center;
        -ms-transform-origin: left center;
        -o-transform-origin: left center;
        transform-origin: left center;
        -webkit-transition: -webkit-transform 0.3s;
        -moz-transition: -moz-transform 0.3s;
        transition: transform 0.3s;
    }

    .h-waypoint-bar .waypoints-line {
        /* this is the grey line/timeline */
        position: absolute;
        z-index: 1;
        left: 0;
        top: 42px;
        height: 2px;
        /* width will be set using JavaScript */
        background: lightgray;
        -webkit-transition: -webkit-transform 0.4s;
        -moz-transition: -moz-transform 0.4s;
        transition: transform 0.4s;
    }

.dark-theme .dark\:h-waypoint-bar .waypoints-line a, .dark-theme .h-waypoint-bar .waypoints-line a:not([class*="dark:"]) {
    color: rgb(153, 153, 208) !important;
}

.h-waypoint-bar .waypoints-line a {
    position: absolute;
    width: auto;
    bottom: 0;
    z-index: 2;
    text-align: center;
    /*font-size: 1.3rem;*/
    padding-bottom: 0;
    color: var(--cui-primary);
    /* fix bug on Safari - text flickering while timeline translates */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    padding: 1px;
    margin-bottom: 20px;
}
    /* custom*/
    .h-waypoint-bar .waypoints-line a::before {
        content: '';
        position: absolute;
        width: 1px;
        height: 20px;
        bottom: -20px;
        left: 50%;
        background-color: lightgray;
    }

    .h-waypoint-bar .waypoints-line a::after {
        /* this is used to create the event spot */
        content: '';
        position: absolute;
        left: 50%;
        right: auto;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        bottom: -25px;
        height: 12px;
        width: 12px;
        border-radius: 50%;
        border: 2px solid lightgray;
        background-color: #eefbb3;
        -webkit-transition: background-color 0.3s, border-color 0.3s;
        -moz-transition: background-color 0.3s, border-color 0.3s;
        transition: background-color 0.3s, border-color 0.3s;
    }
    /*.no-touch */
    .h-waypoint-bar .waypoints-line a:hover::after {
        background-color: rgb(103, 236, 103);
        border-color: #3399FF;
    }

    .h-waypoint-bar .waypoints-line a.selected {
        pointer-events: none;
    }

        .h-waypoint-bar .waypoints-line a.selected::after {
            background-color: #3399FF;
            border-color: #3399FF;
        }

    .h-waypoint-bar .waypoints-line a.older-event::after {
        border-color: #3399FF;
    }

@media only screen and (min-width: 1100px) {
    .h-waypoint-bar {
        margin: 0 auto;
    }

        .h-waypoint-bar::before {
            /* never visible - this is used in jQuery to check the current MQ */
            content: 'desktop';
        }
}

.dark-theme .dark\:h-waypoint-bar .waypoints-navigation a, .dark-theme .h-waypoint-bar .waypoints-navigation a:not([class*="dark:"]) {
    border: 2px solid rgb(153, 153, 208) !important;
}

.h-waypoint-bar .waypoints-navigation a {
    /* these are the left/right arrows to navigate the waypoints */
    position: absolute;
    z-index: 1;
    top: 70%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 30px;
    width: 30px;
    border-radius: 50%;
    border: 2px solid var(--cui-primary);
    /* replace text with an icon */
    overflow: hidden;
    color: transparent;
    text-indent: 100%;
    white-space: nowrap;
    -webkit-transition: border-color 0.3s;
    -moz-transition: border-color 0.3s;
    transition: border-color 0.3s;
}

    .h-waypoint-bar .waypoints-navigation a::after {
        /* arrow icon */
        content: '';
        position: absolute;
        height: 16px;
        width: 16px;
        left: 50%;
        top: 50%;
        bottom: auto;
        right: auto;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        -o-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRw%0D%0AOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhl%0D%0AaWdodD0iMzJweCIgdmlld0JveD0iMCAwIDE2IDMyIj48ZyAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUo%0D%0AMCwgMCkiPjxwb2x5Z29uIGZpbGw9IiM3YjlkNmYiIHBvaW50cz0iNiwxMy40IDQuNiwxMiA4LjYs%0D%0AOCA0LjYsNCA2LDIuNiAxMS40LDggIi8+PC9nPjxnICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLCAx%0D%0ANikiPjxwb2x5Z29uIGZpbGw9IiNkZmRmZGYiIHBvaW50cz0iNiwxMy40IDQuNiwxMiA4LjYsOCA0%0D%0ALjYsNCA2LDIuNiAxMS40LDggIi8+PC9nPjwvc3ZnPg==) no-repeat 0 0;
    }

    .h-waypoint-bar .waypoints-navigation a.prev {
        left: 0;
        -webkit-transform: translateY(-50%) rotate(180deg);
        -moz-transform: translateY(-50%) rotate(180deg);
        -ms-transform: translateY(-50%) rotate(180deg);
        -o-transform: translateY(-50%) rotate(180deg);
        transform: translateY(-50%) rotate(180deg);
    }

    .h-waypoint-bar .waypoints-navigation a.next {
        right: 0;
        color: var(--cui-primary);
    }
    /*.no-touch */
    .h-waypoint-bar .waypoints-navigation a:hover {
        border-color: #176dad;
    }

    .h-waypoint-bar .waypoints-navigation a.inactive {
        cursor: not-allowed;
    }

        .h-waypoint-bar .waypoints-navigation a.inactive::after {
            background-position: 0 -16px;
        }
        /*.no-touch*/
        .h-waypoint-bar .waypoints-navigation a.inactive:hover {
            border-color: rgb(243, 136, 136);
        }

.waypoints-content {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 3Px 0 0 0;
    overflow: hidden;
    -webkit-transition: height 0.4s;
    -moz-transition: height 0.4s;
    transition: height 0.4s;
}

    .waypoints-content li {
        position: absolute;
        z-index: 1;
        width: 100%;
        left: 0;
        top: 0;
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%);
        padding: 0;
        opacity: 0;
        -webkit-animation-duration: 0.4s;
        -moz-animation-duration: 0.4s;
        animation-duration: 0.4s;
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        list-style: none;
    }

        .waypoints-content li.selected {
            /* visible event content */
            position: relative;
            z-index: 2;
            opacity: 1;
            -webkit-transform: translateX(50%);
            -moz-transform: translateX(50%);
            -ms-transform: translateX(50%);
            -o-transform: translateX(50%);
            transform: translateX(50%);
        }

        .waypoints-content li.enter-right, .waypoints-content li.leave-right {
            -webkit-animation-name: cd-enter-right;
            -moz-animation-name: cd-enter-right;
            animation-name: cd-enter-right;
        }

        .waypoints-content li.enter-left, .waypoints-content li.leave-left {
            -webkit-animation-name: cd-enter-left;
            -moz-animation-name: cd-enter-left;
            animation-name: cd-enter-left;
        }

        .waypoints-content li.leave-right, .waypoints-content li.leave-left {
            -webkit-animation-direction: reverse;
            -moz-animation-direction: reverse;
            animation-direction: reverse;
        }

        .waypoints-content li > * {
            /*max-width: 800px;*/
            margin: 0 auto;
        }

    .waypoints-content h6 {
        font-weight: bold;
        font-size: 1.25em !important;
        font-weight: 300;
        line-height: 1.2;
    }

    .waypoints-content em {
        display: block;
        font-style: italic;
        margin: 10px auto;
    }

        .waypoints-content em::before {
            content: '- ';
        }

    .waypoints-content em {
        line-height: 1.6;
    }
/*@media only screen and (min-width: 768px) {
    .h-waypoint-bar .waypoints-content h2 {font-size: 7rem;}
    .h-waypoint-bar .waypoints-content em {font-size: 1.5em !important;}
    .h-waypoint-bar .waypoints-content p {font-size: 1.8rem;}
}*/
@-webkit-keyframes cd-enter-right {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(50%);
    }
}

@-moz-keyframes cd-enter-right {
    0% {
        opacity: 0;
        -moz-transform: translateX(100%);
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(50%);
    }
}

@keyframes cd-enter-right {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(50%);
        -moz-transform: translateX(50%);
        -ms-transform: translateX(50%);
        -o-transform: translateX(50%);
        transform: translateX(50%);
    }
}

@-webkit-keyframes cd-enter-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(50%);
    }
}

@-moz-keyframes cd-enter-left {
    0% {
        opacity: 0;
        -moz-transform: translateX(-100%);
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(50%);
    }
}

@keyframes cd-enter-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(50%);
        -moz-transform: translateX(50%);
        -ms-transform: translateX(50%);
        -o-transform: translateX(50%);
        transform: translateX(50%);
    }
}

.v-time-line .center-line2 {
    position: absolute;
    height: 100%;
    width: 4px;
    background: RGB(0,154,68);
    top: 0px;
    left: 1px;
    margin: 0 10Px;
    z-index: 10;
}


.v-time-line .timeline-day2 {
    width: calc(100% + 100px);
    font-weight: 700;
    position: relative;
    left: -90px;
    color: #000;
    border-bottom: 1Px solid #c7dbda;
}

.dot-grey {
    height: 20px;
    width: 20px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    line-height: 28px;
    margin-top: 4px;
}

.dot-green2 {
    height: 20px;
    width: 20px;
    background: RGB(0,154,68);
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    line-height: 28px;
    margin-top: 4px;
    margin: 0 18px;
    position: relative;
    z-index: 50000;
}

.dot-green {
    height: 20px;
    width: 20px;
    background: RGB(0,154,68);
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    line-height: 28px;
    margin-top: 4px !important;
    margin: 0 3px;
}


.dot-grey {
    height: 20px;
    width: 20px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    line-height: 28px;
    margin-top: 4px !important;
    margin: 0 3px;
}

.dot-grey2 {
    height: 20px;
    width: 20px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    line-height: 28px;
    /* margin-top: 4px; */
    margin: 0 18px;
    position: relative;
    z-index: 50000;
}

label.dtDefLbl {
    font-weight: 700;
    color: #000;
}


/***tooltip*****/
.tooltip2 {
    position: relative;
    display: inline-block;
    /* border-bottom: 1px dotted black;*/
}

    .tooltip2 .tooltiptext {
        visibility: hidden;
        min-width: 300px;
        width: auto;
        background-color: black;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        position: absolute;
        z-index: 99999;
        line-height: 1rem;
        font-size: 12px !important;
    }

    .tooltip2:hover .tooltiptext {
        visibility: visible;
    }


.bg-success {
    background-color: var(--dt-color-green) !important;
}

/*****MAP BOX****/
mapboxgl-marker > svg{
    height:30px !important;
}

#map > div.mapboxgl-canvas-container.mapboxgl-interactive.mapboxgl-touch-drag-pan.mapboxgl-touch-zoom-rotate > div > svg{
    height:30px !important;
}

#pinktext{
color:red;
background-color:blue;
}

.marker {
    background-color: rgb(73,81,90);
    color: white;
    padding: 2px 5px;
}