/*
Theme Name: Advantex
Theme URI: 
Author: Robert Cummings, Craig Stott @ Urban River
Author URI: https://www.urbanriver.com/
Description: This theme was built for Advantex @ Urban River
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Tags: Bespoke,
Text Domain: 
*/

/************************************************************************************************************************
 * CSS RESET STYLES
 ************************************************************************************************************************/
body, div, dl, dt, dd, li, pre, form, fieldset, input, textarea, p, blockquote, th, td, button {
    margin: 0;
    padding: 0;
}

/* Styling H5 for Solutions page ONLY */

.page-id-16 h5 {
    font-weight: 400;
}

/* End */

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    font-size: 100%;
    font-weight: normal;
}

address, caption, cite, code, dfn, em, strong, var {
    font-style: normal;
    font-weight: normal;
}

ol, ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

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

caption, th {
    text-align: left;
    font-weight: normal;
    font-style: normal;
}

acronym, abbr, fieldset, img {
    border: 0;
}

:focus {
    outline: 0;
}

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

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

.clearfix:after {
    clear: both;
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

/************************************************************************************************************************
 * FIFTY FIFTY STYLES
 ************************************************************************************************************************/
 .row.fifty-inner-page {padding-top:0px; padding-bottom:0px;}
.fifty-fifty-image {
    width: 50%;
    float: left;
    background-size: cover;
    background-position: center center;
    position: relative;
}

.fifty-fifty-text {
    width: 50%;
    float: left;
    position: relative;
}
.fifty-fifty-text, .bg-light {
    background-color: #f4f4f4;
}

.fifty-fifty-2 .fifty-fifty-image,
.fifty-fifty-4 .fifty-fifty-image,
.fifty-fifty-6 .fifty-fifty-image {
    left: -50%;
}

.fifty-fifty-2 .fifty-fifty-text,
.fifty-fifty-4 .fifty-fifty-text,
.fifty-fifty-6 .fifty-fifty-text {
    left: 50%;
}

.fifty-fifty-text .message-padding {
    padding: 150px 15px;
    max-width: 600px;
    margin: 0 auto;
}

.fifty-fifty-text p {
    font-size: 1.125em;
    line-height: 1.6;
}

.fifty-fifty-text ul {
    padding-left: 25px;
    margin-left: 10px;
}

.fifty-fifty-text li {
    font-size: 1.125em;
    line-height: 1.6;
    margin-bottom: 5px;
    position: relative;
    list-style: none;
}

.fifty-fifty-text li:before {
    content: "\f192";
    font-family: "FontAwesome";
    position: absolute;
    top: 5px;
    left: -25px;
    color: #27b6b1;
    font-size: .75em;
}

.fifty-fifty-text p:last-child, .fifty-fifty-text ul:last-child,
.fifty-fifty-text ol:last-child, .fifty-fifty-text li:last-child {
    margin-bottom: 0;
}

@media only screen and (max-width: 1200px) {
    .fifty-fifty-text .message-padding {
        padding: 100px 15px;
    }
}

@media only screen and (max-width: 1100px) {
    .fifty-fifty-text .message-padding {
        padding: 70px 15px;
    }
}

@media only screen and (max-width: 900px) {
    .fifty-fifty-left {
        position: relative;
    }

    .fifty-fifty-text {
        width: 100%;
        float: none;
        background-color: rgba(118, 118, 118, 0.77);
        position: absolute;
        z-index: 999;
        left: 0 !important;
        color: white;
    }

    .fifty-fifty-2 .fifty-fifty-text,
    .fifty-fifty-4 .fifty-fifty-text,
    .fifty-fifty-6 .fifty-fifty-text,
    .single-help .fifty-fifty-form {
        background-color: rgba(5, 117, 113, 0.65);
    }

    .fifty-fifty-image {
        width: 100%;
        float: none;
        position: relative;
        left: 0 !important;
    }

    .fifty-fifty-text .message-padding {
        max-width: 75%;
        padding: 90px 15px;
    }

    .fifty-fifty-text .message-padding *, .fifty-fifty-text li:before {
        color: white;
    }
}

@media only screen and (max-width: 767px) {
    .fifty-fifty-text .message-padding {
        max-width: 100%;
    }
}

@media only screen and (max-width: 700px) {
    .fifty-fifty-text p, .fifty-fifty-text li {
        font-size: 1.063em;
    }

    .fifty-fifty-text .message-padding {
        padding: 60px 15px;
    }
}


/************************************************************************************************************************
 * GRID STYLES
 ************************************************************************************************************************/
/* Change these styles.  */
.row {
    width: 1280px;
}

/* With 15px for the gutter, this makes the width 1050px */
.row .row {
    margin: 0 -15px;
}

.column, .columns {
    padding: 0 15px;
}

.sidebar.columns, .sidebar.column {
    padding-left: 50px;
}

.sidebar.columns.pull-eight, .sidebar.column.pull-eight {
    padding: 0 50px 0 15px;
}

@media only screen and (max-width: 767px) {
    .row .mobile-one, .row .mobile-two, .row .mobile-three, .row .mobile-four, .sidebar.columns, .sidebar.column, .sidebar.columns.pull-eight, .sidebar.column.pull-eight {
        padding: 0 15px;
    }
}

@media only screen and (max-width: 600px) {
    .row .mobile-one.break-600, .row .mobile-two.break-600, .row .mobile-three.break-600, .row .mobile-four.break-600 {
        width: auto !important;
        float: none !important;
    }
}

@media only screen and (max-width: 500px) {
    .row .mobile-one.break-500, .row .mobile-two.break-500, .row .mobile-three.break-500, .row .mobile-four.break-500 {
        width: auto !important;
        float: none !important;
    }
}

@media only screen and (max-width: 450px) {
    .row .mobile-one.break-450, .row .mobile-two.break-450, .row .mobile-three.break-450, .row .mobile-four.break-450 {
        width: auto !important;
        float: none !important;
    }
}

@media only screen and (max-width: 400px) {
    .row .mobile-one.break-400, .row .mobile-two.break-400, .row .mobile-three.break-400, .row .mobile-four.break-400 {
        width: auto !important;
        float: none !important;
    }
}

@media only screen and (max-width: 350px) {
    .row .mobile-one.break-350, .row .mobile-two.break-350, .row .mobile-three.break-350, .row .mobile-four.break-350 {
        width: auto !important;
        float: none !important;
    }
}

/* Don't change these styles */
.row {
    max-width: 100%;
    min-width: 0;
    margin: 0 auto
}

.row.collapse .column, .row.collapse .columns {
    padding: 0
}

.row .row {
    width: auto;
    max-width: none;
    min-width: 0;
}

.row .row.collapse {
    margin: 0
}

.column, .columns {
    float: left;
    min-height: 1px;
    position: relative
}

.column.centered, .columns.centered {
    float: none;
    margin: 0 auto
}

[class*=column] + [class*=column]:last-child {
    float: right
}

[class*=column] + [class*=column].end {
    float: left
}

.one, .row .one {
    width: 8.33333%
}

.row .two, .two {
    width: 16.66667%
}

.row .fifth, .fifth {
    width: 25%
}

.row .three, .three {
    width: 25%
}

.four, .row .four {
    width: 33.33333%
}

.five, .row .five {
    width: 41.66667%
}

.row .six, .six {
    width: 50%
}

.row .seven, .seven {
    width: 58.33333%
}

.eight, .row .eight {
    width: 66.66667%
}

.nine, .row .nine {
    width: 75%
}

.row .ten, .ten {
    width: 83.33333%
}

.eleven, .row .eleven {
    width: 91.66667%
}

.row .twelve, .twelve {
    width: 100%
}

.row .offset-by-one {
    margin-left: 8.33333%
}

.row .offset-by-two {
    margin-left: 16.66667%
}

.row .offset-by-three {
    margin-left: 25%
}

.row .offset-by-four {
    margin-left: 33.33333%
}

.row .offset-by-five {
    margin-left: 41.66667%
}

.row .offset-by-six {
    margin-left: 50%
}

.row .offset-by-seven {
    margin-left: 58.33333%
}

.row .offset-by-eight {
    margin-left: 66.66667%
}

.row .offset-by-nine {
    margin-left: 75%
}

.row .offset-by-ten {
    margin-left: 83.33333%
}

.push-two {
    left: 16.66667%
}

.pull-two {
    right: 16.66667%
}

.push-three {
    left: 25%
}

.pull-three {
    right: 25%
}

.push-four {
    left: 33.33333%
}

.pull-four {
    right: 33.33333%
}

.push-five {
    left: 41.66667%
}

.pull-five {
    right: 41.66667%
}

.push-six {
    left: 50%
}

.pull-six {
    right: 50%
}

.push-seven {
    left: 58.33333%
}

.pull-seven {
    right: 58.33333%
}

.push-eight {
    left: 66.66667%
}

.pull-eight {
    right: 66.66667%
}

.push-nine {
    left: 75%
}

.pull-nine {
    right: 75%
}

.push-ten {
    left: 83.33333%
}

.pull-ten {
    right: 83.33333%
}

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

.row:after {
    clear: both
}

@media only screen and (max-width: 767px) {
    .row {
        width: auto;
        min-width: 0;
        margin-left: 0;
        margin-right: 0
    }

    .column, .columns {
        width: auto !important;
        float: none
    }

    .column:last-child, .columns:last-child, [class*=column] + [class*=column].end, [class*=column] + [class*=column]:last-child {
        float: none
    }

    .column:after, .column:before, .columns:after, .columns:before {
        content: "";
        display: table
    }

    .column:after, .columns:after {
        clear: both
    }

    .offset-by-eight, .offset-by-five, .offset-by-four, .offset-by-nine, .offset-by-one, .offset-by-seven, .offset-by-six, .offset-by-ten, .offset-by-three, .offset-by-two {
        margin-left: 0 !important
    }

    .push-eight, .push-five, .push-four, .push-nine, .push-seven, .push-six, .push-ten, .push-three, .push-two {
        left: auto
    }

    .pull-eight, .pull-five, .pull-four, .pull-nine, .pull-seven, .pull-six, .pull-ten, .pull-three, .pull-two {
        right: auto
    }

    .row .mobile-one {
        width: 25% !important;
        float: left
    }

    .row .mobile-one:last-child {
        float: right
    }

    .row .mobile-one.end {
        float: left
    }

    .row.collapse .mobile-one {
        padding: 0
    }

    .row .mobile-two {
        width: 50% !important;
        float: left
    }

    .row .mobile-two:last-child {
        float: right
    }

    .row .mobile-two.end {
        float: left
    }

    .row.collapse .mobile-two {
        padding: 0
    }

    .row .mobile-three {
        width: 75% !important;
        float: left
    }

    .row .mobile-three:last-child {
        float: right
    }

    .row .mobile-three.end {
        float: left
    }

    .row.collapse .mobile-three {
        padding: 0
    }

    .row .mobile-four {
        width: 100% !important;
        float: left
    }

    .row .mobile-four:last-child {
        float: right
    }

    .row .mobile-four.end {
        float: left
    }

    .row.collapse .mobile-four {
        padding: 0
    }

    .push-one-mobile {
        left: 25%
    }

    .pull-one-mobile {
        right: 25%
    }

    .push-two-mobile {
        left: 50%
    }

    .pull-two-mobile {
        right: 50%
    }

    .push-three-mobile {
        left: 75%
    }
}

/************************************************************************************************************************
 * GENERAL STYLES
 ************************************************************************************************************************/
body {
    font-family: 'Open Sans', sans-serif;
    color: #585858;
    font-size: 1em;
    background: #ffffff;
}

h1 {
    font-size: 2.15em;
    font-weight: 700;
    color: #27b6b1;
}

h2 {
    font-size: 1.8em;
    color: #27b6b1;
    font-weight: 700;
    margin-bottom: 0.4em;
}

h3 {
    font-size: 2em;
    color: #27b6b1;
    font-weight: 400;
    margin-bottom: 35px;
}

h4 {
    font-size: 1.313em;
    color: #27b6b1;
    font-weight: 400;
    margin-bottom: 20px;
}

h5 {
    font-size: 1.1em;
    color: #27b6b1;
    font-weight: 700;
    margin-bottom: 0.4em;
}

h6 {
    font-size: 1em;
    color: #27b6b1;
    font-weight: 700;
    margin-bottom: 0.4em;
}

p {
    margin-bottom: 1.2em;
    line-height: 1.5em;
}

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

img.alignright {
    width: auto;
    max-width: 50%;
    float: right;
    margin: 0.3em 0 0.3em 1em;
}

img.alignleft {
    width: auto;
    max-width: 50%;
    float: left;
    margin: 0.3em 1em 0.3em 0;
}

img.aligncenter {
    display: block;
    width: auto;
    margin: 1em auto;
}

img.alignnone {
    display: block;
    margin: 0.3em 1em 0.3em 0;
}

/* This breakpoint needs to be half of the row width (default 1080px -> 540px) */
@media all and (max-width: 540px) {
    img.alignright, img.alignleft {
        max-width: 100%;
        float: none;
        margin: 0.3em 0;
    }
}

.row.centre-row {
    text-align: center;
    font-size: 0;
}

.row.centre-row > .columns, .row.centre-row > .column {
    font-size: 16px;
    display: inline-block;
    float: none !important;
    vertical-align: top;
}

.bold, strong {
    font-weight: bold;
}

.italics, em {
    font-style: italic;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

a img {
    display: block;
}

hr {
    border: solid #dddddd;
    border-width: 1px 0 0;
    clear: both;
    margin: 22px 0 21px;
    height: 0;
}

body, body.sticky-header, #site-header, #company-logo img, .header-large-text, a, .transition, input, .post-item, .featured, form .search-button {
    -webkit-transition: all ease .4s;
    transition: all ease .4s;
}

#breadcrumb {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #d8d8d8;
}

#breadcrumb p {
    font-size: 1.1em;
    margin-bottom: 0;
}

#breadcrumb p a {
    color: #27b6b1;
}

#breadcrumb p a:hover, #breadcrumb p span.current {
}

#breadcrumb i {
    font-weight: bold;
    padding: 0 5px;
    color: #d8d8d8;
}

.panel {
    margin-bottom: 30px;
    padding: 1.563em 1.563em 1px;
}

ul, ol, dl {
    line-height: 1.6;
    margin-bottom: 1.3em;
    list-style-position: outside;
}

ul {
    margin-left: 1.3em;
    list-style-type: disc;
}

ol {
    margin-left: 1.7em;
    list-style-type: decimal;
}

ul li ul, ul li ol, ol li ul, ol li ol {
    margin-bottom: 0;
}

ul li ul {
    list-style: inherit;
}

blockquote { padding: 20px; background: #f4f4f4; margin-bottom: 25px; }
blockquote p { font-style: italic; color: #313131; }
blockquote p:last-child { margin-bottom: 0; }

#content .navigation ol {
    font-size: 1em;
    padding: 0;
    margin-top: 10px;
}

.navigation ol.tw-pagination li {
    list-style-type: none;
    color: #3f3f3f;
    line-height: 2.1;
}

.navigation ol.tw-pagination li a {
    text-align: center;
    font-weight: 700;
    margin-right: 10px;
    padding: 0;
    width: 37px;
    height: 35px;
    display: inline-block;
    color: #003d7d;
    background: white;
    -webkit-transition: all ease .4s;
    transition: all ease .4s;
    margin-top: 10px;
    border: 2px solid #e2e2e2;
}

.navigation ol.tw-pagination li a:hover {
    color: #ffffff;
    background-color: #003d7d;
}

.navigation ol.tw-pagination li .current {
    text-align: center;
    font-weight: 700;
    margin-right: 10px;
    padding: 0;
    width: 37px;
    height: 35px;
    display: inline-block;
    color: white;
    background: #003d7d;
    -webkit-transition: all ease .4s;
    transition: all ease .4s;
    margin-top: 10px;
    border: 2px solid #e2e2e2;
}

.navigation ol.tw-pagination li .title {
    display: none;
}

.navigation ol.tw-pagination li:last-child a {
    margin-right: 0;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

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

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

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

.acf-map {
    height: 210px;
    width: 100%;
}

.acf-map img {
    max-width: none;
}

.acf-map p {
    max-width: 200px;
    padding-top: 5px;
    font-size: 1.1em;
}

.acf-map .gm-style .gm-style-iw {
    padding-bottom: 30px;
}

.acf-map a.get-directions {
    background-color: #003d7d;
    color: white;
    font-weight: 700;
    font-size: 1.4em;
    padding: 8px 28px;
    display: block;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    text-align: center;
}

.acf-map a.get-directions:hover {
    background-color: #7cb8f6;
}

.mobile {
    display: none;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.hide {
    display: none;
}

.nowrap {
    white-space: nowrap;
}

.row.inner-page {
    padding-top: 125px;
    padding-bottom: 125px;
}

.inner-page h1 {
    margin-bottom: 0.6em;
}

.page-template-template-left-sidebar #content > p:last-child, .page-template-template-right-sidebar #content > p:last-child, #content > p:last-child, .content > p:last-child {
    margin-bottom: 0;
}

.email {
    -ms-word-break: break-all;
    word-break: break-all;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

#content p, .content p {
    font-size: 1.125em;
    line-height: 1.6;
}

#content ul, #content ol, .content ul, .content ol {
    font-size: 1.125em;
    line-height: 1.6;
}

#content ul, .content ul {
    padding-left: 25px;
    margin-left: 10px;
}

#content ul li, .content ul li {
    position: relative;
    list-style: none;
}

#content ul li:before, .content ul li:before {
    content: "\f192";
    font-family: "FontAwesome";
    position: absolute;
    top: 5px;
    left: -25px;
    color: #27b6b1;
    font-size: .75em;
}

#content .intro-text p {
    font-size: 1.85em;
    line-height: 1.2;
    color: #003d7d;
    margin-bottom: 0.8em;
}

#rgwp-cookie-policy {
    background-color: #24b4b0;
    border-top: 4px solid #6b6f70;
}

#rgwp-cookie-policy p {
    font-size: 1.05em;
    line-height: 1.3;
}

#rgwp-cookie-policy #rgwp-cookie-policy-inner {
    padding: 20px 0;
}

#rgwp-cookie-policy a {
    color: #ffffff;
    font-weight: 700;
}

#rgwp-cookie-policy a:hover {
    color: #6b6f70;
}

@media all and (max-width: 767px) {
    html {
        -webkit-text-size-adjust: none;
    }

    .mobile {
        display: block;
    }

    .non-mobile {
        display: none;
    }

    .eight ol.tw-pagination {
        margin: 0 !important;
    }

    /* If in 8 columns, sidebar will be displayed underneath so remove extra space before separator */
}

@media all and (max-width: 1000px) {
    .row.inner-page {
        padding-top: 90px;
        padding-bottom: 90px;
    }
}

@media all and (max-width: 700px) {
    .row.inner-page {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    #content p, #content ul, #content ol, .content p, .content ul, .content ol {
        font-size: 1.063em;
    }
}

/************************************************************************************************************************
 * SITE WIDE COLOURS
 ************************************************************************************************************************/
::-moz-selection {
    color: #ffffff;
    background: #27b6b1;
}

::selection {
    color: #ffffff;
    background: #27b6b1;
}

#mobile-search, #mobile-navigation ul li a {
    border-color: #27b6b1 !important;
}

form .search-button, #mobile-navigation ul li a, ol.tw-pagination li .current, ol.tw-pagination li a:hover, a {
    color: #27b6b1;
}

a:hover {
    color: #229490;
}

/* Hover state */
form .search-button:hover, #mobile-navigation, .scroll-table th {
    background-color: #27b6b1;
}

/************************************************************************************************************************
 * CONTACT STYLES
 ************************************************************************************************************************/
/* Main text */
#content .contact-text p:first-child {
    font-size: 1.6em;
}

#content .contact-text p {
    font-size: 1.125em;
}

#content .contact-text p:last-child {
    margin-bottom: 0;
}

@media all and (max-width: 700px) {
    #content .contact-text p:first-child {
        font-size: 1.4em;
    }

    #content .contact-text p {
        font-size: 1.063em;
    }
}

.contact-ctas .contact-header {
    font-size: 1.3em;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 6px;
    color: #666F73;
}

.contact-ctas .contact-header i {
    font-size: 1.6em;
    margin-right: 10px;
    color: #27b6b1;
}

.contact-ctas .contact-info {
    font-size: 1.2em;
    line-height: 1.4;
}

.contact-ctas {
    background-color: #f4f4f4;
    padding: 125px 0;
}

@media all and (max-width: 1000px) {
    .contact-ctas {
        padding: 90px 0;
    }
}

@media all and (max-width: 700px) {
    .contact-ctas {
        padding: 60px 0;
    }

    .contact-ctas .contact-header {
        font-size: 1.125em;
    }

    .contact-ctas .contact-info {
        font-size: 1.063em;
    }
}

@media all and (min-width: 768px) {
    #content .contact-text {
        padding-right: 45px;
        padding-top: 20px;
    }
}

@media all and (min-width: 768px) and (max-width: 800px) {
    .contact-ctas .contact-header {
        font-size: 1.2em;
    }
}

@media all and (max-width: 767px) {
    #content .contact-text {
        margin-bottom: 25px;
    }
}

@media all and (max-width: 400px) {
    .contact-ctas .contact-header {
        font-size: 1.1em;
    }

    .contact-ctas .contact-header i {
        font-size: 1.4em;
        margin-right: 5px;
    }
}

/* Contact form */
.page-template-template-contact #content .gform_wrapper {
    margin-top: 0px;
    position: relative;
}

.page-template-template-contact #content .gfield.gf_left_half {
    width: 50%;
    padding: 0 16px 0 0;
    float: left;
    clear: left;
}

.page-template-template-contact #content .gfield.gf_right_half {
    width: 50%;
    padding: 0 0 0 16px;
    float: left;
    clear: right;
    position: absolute;
    top: 0;
    right: 0;
}

.page-template-template-contact #content .gfield input[type="text"], .page-template-template-contact #content .gfield input[type="email"], .page-template-template-contact #content .gfield input[type="password"], .page-template-template-contact #content .gfield select, .page-template-template-contact #content .gfield textarea {
    padding: 13px 10px;
    min-height: 53px;
}

.page-template-template-contact #content .gform_body:before, .page-template-template-contact #content .gform_body:after {
    content: "";
    display: table;
}

.page-template-template-contact #content .gform_body:after {
    clear: both;
}

.page-template-template-contact #content .gform_footer {
    text-align: right;
}

.page-template-template-contact #content .gform_body {
    position: relative;
}

@media all and (max-width: 600px) {
    .page-template-template-contact #content .gfield input[type="text"], #content .gfield input[type="email"], #content .gfield select, .gfield textarea {
        padding: 10px;
    }

    .page-template-template-contact #content .gfield.gf_left_half {
        width: 100%;
        padding: 0;
        float: none;
    }

    .page-template-template-contact #content .gfield.gf_right_half {
        width: 100%;
        padding: 0;
        float: none;
        position: relative;
    }

    .page-template-template-contact #content .gfield textarea {
        height: auto;
    }
}

/* Contact map */
.page-template-template-contact .inner-height .acf-map {
    height: 400px;
}

/************************************************************************************************************************
 * HEADER STYLES
 ************************************************************************************************************************/
body {
    margin-top: 100px;
    color: #403d3d;
}

.fixed-header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}

header#site-header {
    background-color: white;
    height: 100px;
    border-bottom: 1px solid #eaeaea;
}

header#site-header nav {
    display: inline-block;
    vertical-align: top;
    margin: 0 80px 0 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
}

header#site-header nav ul {
    margin: 0 18px 0 0;
}

header#site-header nav ul li {
    display: inline-block;
    margin-left: 10px;
    font-size: 1.1em;
    padding-left: 20px;
    line-height: 100px;
    font-weight: 400;
}

header#site-header nav ul li:first-child {
    margin-left: 0;
    padding-left: 0;
}

header#site-header nav ul li a {
    color: #403d3d;
    font-weight: 600;
}

header#site-header nav ul li a:hover, header#site-header nav ul li a#current, header#site-header nav ul li:hover > a {
    color: #27b6b1;
}

header#site-header nav ul li ul.main-nav-child-ul {
    text-align: left;
    margin: 20px 0 0 0;
}

header#site-header nav ul li ul.main-nav-child-ul li.main-nav-child {
    margin-left: 0;
    padding-left: 65px;
    font-size: .75em;
    display: block;
    position: relative;
    min-height: 26px;
    line-height: 1.5;
}

header#site-header nav ul li ul.main-nav-child-ul li.main-nav-child:first-child {
    margin-left: 0;
    padding-left: 65px;
}

header#site-header nav ul li ul.main-nav-child-ul li.main-nav-child a {
    color: #ffffff;
}

header#site-header nav ul li ul.main-nav-child-ul li.main-nav-child a:hover {
    color: #27b6b1;
}

header#site-header nav ul li ul.main-nav-child-ul li.main-nav-child a .small-icon {
    position: absolute;
    left: 22px;
    font-size: 1.5em;
    top: -4px;
    color: #27b6b1;
}

header#site-header nav ul li ul.main-nav-child-ul li.main-nav-child a:hover .small-icon {
    left: 17px;
    font-size: 28px;
    top: -11px;
}

header#site-header nav ul li .sector-dropdown {
    line-height: 1;
}

header#site-header nav ul li .sector-dropdown a {
    color: #ffffff;
    text-align: center;
    display: block;
}

header#site-header nav ul li .sector-dropdown a:hover {
    color: #27b6b1;
}

header#site-header nav ul li .sector-dropdown a .small-icon {
    display: inline-block;
    font-size: 40px;
    margin-bottom: 10px;
    color: #27b6b1;
}

header#site-header nav ul li .sector-dropdown a p {
    font-size: 1em;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 0;
    font-weight: 600;
}

p.new-strapline {
    font-family: 'Open Sans', sans-serif;
    color: #f3e518;
    font-size: 1.5em;
    margin-bottom: 0;
    margin-top: 19px;
}

.company-logo {
    float: left;
    margin-top: 23px;
    z-index: 999;
    position: relative;
}

#site-header #sb-search {
    top: 27px;
    right: 9px;
}

#company-logo img {
    max-width: 150px;
}

.home .fixed-header #site-header {
    background-color: white;
}

.big-drop-down-row {
    width: 1280px !important;
    max-width: 100% !important;
    margin: 80px auto 60px auto !important;
}

#site-header nav ul li:hover .big-drop-down-menu {
    left: 0;
}

.big-drop-down-menu {
    width: 100%;
    position: fixed;
    margin: 0;
    top: 100px;
    left: -9999px;
    background-color: rgba(64, 61, 61, 0.95);
    z-index: 999;
}

.big-drop-down-menu .four {
    margin-bottom: 20px;
}

header#site-header nav ul li .big-drop-down-row h2 {
    text-align: left;
    border-bottom: 2px solid #27b6b1;
    font-weight: 600;
    font-size: 1em;
    padding-bottom: 10px;
    margin-bottom: 10px;
    padding-left: 65px;
    position: relative;
    min-height: 50px;
    line-height: 1.5;
}

header#site-header nav ul li .big-drop-down-row h2 a {
    color: #ffffff;
}

header#site-header nav ul li .big-drop-down-row h2 a:hover {
    color: #27b6b1;
}

header#site-header nav ul li .big-drop-down-row h2 a .small-icon {
    position: absolute;
    left: 13px;
    font-size: 40px;
    top: -13px;
    color: #27b6b1;
}

.big-drop-down-menu ul {
    margin: 0;
}

.big-drop-down-menu li {
    margin-bottom: 16px;
    font-size: 1.063em;
    line-height: 1.5;
    text-align: left;
}

.big-drop-down-menu li a {
    color: white;
}

.big-drop-down-menu li a:hover, .big-drop-down-menu .useful-links * {
    color: #ffc423;
}

.big-drop-down-menu .useful-links p {
    font-size: 1.25em;
    font-weight: 700;
    margin-bottom: 15px;
    text-align: left;
}

.big-drop-down-menu .useful-links li a:hover {
    color: #e2b028;
}

@media all and (max-height: 900px) {
	.big-drop-down-row {
		margin: 40px auto !important;
	}

	header#site-header nav ul li ul.main-nav-child-ul li.main-nav-child {
		margin-bottom: 6px;
	}
}

@media all and (max-width: 1015px) {
    header#site-header nav ul li{
        margin-left: 0px;
        padding-left: 15px;
    }
}

@media all and (max-width: 900px) {
    body {
        margin-top: 0;
        transition: none;
    }

    #mobile-header {
        display: block;
    }

    .fixed-header {
        display: none;
    }

    .carousel-overlay .banner-text {
        padding-top: 0 !important;
    }
}

.header-buttons {
    margin: 0;
    padding: 0;
    position: relative;
    text-align: right;
    font-size: 0;
}

.header-buttons li {
    display: inline-block;
    font-size: 16px;
    margin-left: 6px;
}

.header-buttons li:first-child {
    margin-left: 0;
}

.header-buttons li a {
    background-color: #1bbcef;
    color: white;
    height: 35px;
    display: block;
    line-height: 35px;
    padding: 0 11px;
    font-size: 1.12em;
}

.header-buttons li a:hover {
    background-color: #17b0e1;
}

.header-buttons li.header-buttons-search {
    width: 35px;
}

#mobile-header {
    padding: 15px 0 0;
    background-color: white;
    position: relative;
}

#mobile-search.sb-search.sb-search-open, .no-js #mobile-search.sb-search {
    width: 360px;
}

#mobile-company-logo {
    float: left;
    width: 175px;
    margin-bottom: 15px;
}

#menu-btn, #mobile-search .sb-icon-search {
    float: right;
    color: #22bbea;
    text-align: center;
}

#menu-btn:hover {
    color: #00b1b7;
}

#menu-btn {
    box-sizing: border-box;
    display: block;
    width: 30px;
    height: 45px;
    top: 0;
    z-index: 2;
    float: right;
    position: relative;
    right: 0;
}

html:not(.mm-opening):not(.mm-opened) #menu-btn {
    -webkit-transition: top 0.3s ease;
    transition: top 0.3s ease;
}

#menu-btn:before,
#menu-btn:after,
#menu-btn span {
    background: #27b6b1;
    content: '';
    display: block;
    width: 30px;
    height: 2px;
    position: absolute;
    left: 0px;
}

#menu-btn:before {
    top: 12px;
}

#menu-btn span {
    top: 22px;
}

#menu-btn:after {
    top: 32px;
}

#menu-btn:before,
#menu-btn:after,
#menu-btn span {
    -webkit-transition: none 0.5s ease 0.5s;
    transition: none 0.5s ease 0.5s;

    -webkit-transition-property: transform, top, bottom, left, opacity;
    -webkit-transition-property: top, bottom, left, opacity, -webkit-transform;
    transition-property: top, bottom, left, opacity, -webkit-transform;
    transition-property: transform, top, bottom, left, opacity;
    transition-property: transform, top, bottom, left, opacity, -webkit-transform;
}

html.mm-opening #menu-btn:before,
html.mm-opening #menu-btn:after {
    top: 20px;
}

html.mm-opening #menu-btn span {
    left: -50px;
    opacity: 0;
}

html.mm-opening #menu-btn:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

html.mm-opening #menu-btn:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#mobile-search.sb-search.sb-search-open, .no-js #mobile-search.sb-search {
    width: 70%;
    width: calc(100% - 65px);
}

#mobile-search .sb-search-input {
    border-color: transparent;
}

#mobile-search.sb-search.sb-search-open .sb-search-input, .no-js #mobile-search.sb-search .sb-search-input {
    border-color: #009ca4;
}

#mobile-search .sb-icon-search {
    padding-top: 6px;
}

@media all and (max-width: 767px) and (min-width: 501px) {
    #mobile-search.sb-search.sb-search-open, .no-js #mobile-search.sb-search {
        width: 55%;
        width: calc(65% - 65px);
    }
}

.mobile-buttons {
    position: relative;
}

#mobile-search .sb-icon-search {
    line-height: 40px;
    background: transparent;
}

#mobile-search.sb-search, #mobile-search .sb-search-input, #mobile-search .sb-search-submit, #mobile-search .sb-icon-search {
    height: 40px;
}

#mobile-search .sb-search-input {
    padding: 5px 40px 5px 8px;
}

#mobile-search .sb-search-submit, #mobile-search .sb-icon-search {
    width: 40px;
}

#mobile-search.sb-search {
    min-width: 40px;
    right: 50px;
}

#mobile-search .sb-search-submit {
    line-height: 40px;
}

#mobile-shortcuts {
    background-color: #27b6b1;
    margin: 0;
    font-size: 0;
}

#mobile-shortcuts li {
    list-style: none;
    display: inline-block;
    width: 33.333%;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
}

#mobile-shortcuts li.middle {
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
}

#mobile-shortcuts li a {
    display: block;
    padding: 8px 0;
    background-color: #27b6b1;
    color: white;
    font-size: 1.125em;
    text-align: center;
}

#mobile-shortcuts li a:hover, #mobile-shortcuts li a.mobile-current {
    background-color: #229490;
}

#close-menu {
    cursor: pointer;
}

@media all and (max-width: 600px) {
    #mobile-shortcuts li {
        width: 30%;
    }

    #mobile-shortcuts li.middle {
        width: 40%;
    }
}

@media all and (max-width: 500px) {
    #mobile-shortcuts li a {
        font-size: 1em;
    }
}


/************************************************************************************************************************
 * MOBILE MENU
 ************************************************************************************************************************/
#menu {
    border-right: 1px solid;
}

#menu.mm-opened {
    display: block !important;
}

.mm-listview > li > a, .mm-listview > li > span {
}

.mm-listview > li > a, .mm-listview > li > span, .mm-menu .mm-navbar > *, .mm-menu .mm-navbar a, .mm-menu em.mm-counter {
    color: #909090;
}

.mm-listview > li, .mm-listview > li:after, .mm-listview > li .mm-next, .mm-listview > li .mm-next:before, .mm-menu, #menu {
}

.mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu .mm-listview > li.mm-selected > span, .mm-listview a:hover {
    background-color: rgba(186, 190, 191, 0.5);
}

#menu form {
    padding: 7px 15px 0;
}

#menu form .text-input {
    margin: 0;
    padding: 4px 10px;
    width: calc(100% - 60px);
    float: left;
    font-size: 1em;
    min-height: 35px;
}

#menu form .mobile-search-button {
    float: right;
    padding: 3px;
    min-height: 35px;
    width: 50px;
    border: none;
    border-radius: 3px;
    color: white;
    font-size: 19px;
    background-color: #dcdcdc;
    cursor: pointer;
}

#menu form .mobile-search-button:hover {
    background-color: #c3c3c3;
}

#menu .mm-navbar-top-1, #menu .mm-navbar-bottom-1 {
    height: 50px;
}

#menu.mm-hasnavbar-top-1 .mm-panel {
    top: 50px;
    bottom: 50px;
}

.mm-navbar-bottom {
    border-top-width: 1px;
    border-top-style: solid;
    border-bottom: none;
    top: auto;
    bottom: 0;
    height: 50px;
}

/************************************************************************************************************************
 * SEARCH STYLES
 ************************************************************************************************************************/
.search-header {
    width: 32px;
}

#sb-search-header {
    height: 32px;
    min-width: 32px;
}

#sb-search-header .sb-search-input, #sb-search-header .sb-icon-search, #sb-search-header .sb-search-submit {
    height: 32px;
}

#sb-search-header .sb-icon-search {
    width: 32px;
    padding: 0;
}

#sb-search-header .sb-icon-search i {
    font-size: 20px;
}

#mobile-search .sb-icon-search i {
    font-size: 25px;
    padding: 1px 0 0 0px;
}

#mobile-search .sb-icon-search i:hover {
    color: #7cb8f6;
}

.sb-search {
    position: relative;
    width: 0%;
    min-width: 50px;
    height: 54px;
    float: right;
    overflow: hidden;
    -webkit-transition: width 0.3s;
    transition: width 0.3s;
    top: 0;
    right: 0;
}

.sb-search-input {
    position: absolute;
    top: 0;
    right: 0;
    border: 1px solid #D2CFCF;
    outline: none;
    background: #ffffff;
    width: 100%;
    height: 45px;
    margin: 0;
    z-index: 10;
    padding: 5px 62px 5px 12px;
    font-family: inherit;
    font-size: 1em;
    color: #585858;
    -webkit-appearance: none;
    border-radius: 0;
}

.sb-search-input::-webkit-input-placeholder {
    color: #585858;
}

.sb-search-input:-moz-placeholder {
    color: #585858;
}

.sb-search-input::-moz-placeholder {
    color: #585858;
}

.sb-search-input:-ms-input-placeholder {
    color: #585858;
}

.sb-icon-search, .sb-search-submit {
    width: 50px;
    height: 45px;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    margin: 0;
    line-height: 54px;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all ease .4s;
    transition: all ease .4s;
}

.sb-search-submit {
    background: #fff; /* IE needs this */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
    filter: alpha(opacity=0); /* IE 5-7 */
    opacity: 0;
    color: transparent;
    border: none;
    outline: none;
    z-index: -1;
}

.sb-icon-search {
    color: #27b6b1;
    background: #ffffff;
    z-index: 90;
    padding-top: 10px;
    font-size: 23px !important;
}

.sb-icon-search:hover {
    background: #27b6b1;
    color: #ffffff;
}

.sb-icon-search i {
    display: block;
    padding: 5px 0 0 0px;
    font-size: 28px;
    -webkit-transition: all ease .4s;
    transition: all ease .4s;
}

/* Open state */
.sb-search.sb-search-open, .no-js .sb-search {
    width: 385px;
}

.sb-search.sb-search-open .sb-icon-search, .no-js .sb-search .sb-icon-search {
    background: #27b6b1;
    color: #fff;
    z-index: 11;
}

.sb-search.sb-search-open .sb-search-submit, .no-js .sb-search .sb-search-submit {
    z-index: 90;
}

/************************************************************************************************************************
 * FOOTER STYLES
 ************************************************************************************************************************/
#site-footer {
    background-color: #343232;
}

#site-footer p, #site-footer li, #site-footer a {
    color: white;
}

#site-footer a:hover {
    color: #27b6b1;
}

#site-footer h2 {
    color: #ffffff;
    font-size: 3.3em;
    padding: 70px 0 30px;
    font-weight: 300;
}

#site-footer h4 {
    margin-bottom: 12px;
    font-size: 1.1em;
    font-weight: 700;
    color: #97a0a5;
    text-transform: uppercase;
}

#site-footer p, #site-footer ul {
    margin: 0;
}

#site-footer ul {
    list-style: none;
}

#site-footer .footer-top {
    padding: 40px 0;
}

#site-footer ul.quick-links li {
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 4px;
}

#site-footer .thin-line-colored {
    background-color: #27b6b1;
    height: 1px;
    width: 300px;
    display: block;
    margin: 60px auto 25px;
}

#site-footer .footer-social-icons {
    text-align: right;
}

#site-footer .footer-social-icons li {
    display: inline-block;
    margin-left: 40px !important;
    font-size: 1.1em;
    vertical-align: top;
    border-left: none !important;
}

#site-footer .footer-social-icons li:first-child {
    margin-left: 0 !important;
    font-weight: 700;
}

#site-footer .footer-social-icons li i {
    font-size: 2.5em;
    margin-top: 6px;
}

#site-footer .footer-contact-details {
    text-align: center;
}

#site-footer .footer-contact-details li {
    display: inline-block;
    margin-left: 40px !important;
    font-size: 1.8em;
    vertical-align: top;
    font-weight: 900;
    color: #27b6b1 !important;
}

#site-footer .footer-contact-details li a {
    color: #27b6b1;
}

#site-footer .footer-contact-details li a:hover {
    color: #ffffff;
}

#site-footer .footer-contact-details li:first-child {
    margin-left: 0 !important;
}

#site-footer .footer-nav-links {
    text-align: center;
    padding: 50px 0;
}

#site-footer .footer-nav-links li {
    display: inline-block;
    font-weight: 600;
}

#site-footer .footer-nav-links li a:hover {
    color: #27b6b1;
}

#site-footer .footer-nav-links li.slash-spacer {
    color: #27b6b1;
    padding: 0 10px;
}

#site-footer .footer-nav-links li:last-child {
    display: none;
}

#site-footer .footer-bottom {
    background-color: #343232;
    padding: 14px 0 15px;
    margin: 0;
    display: block;
}

#site-footer .footer-bottom ul {
    font-size: 0;
    margin: 4px 0 5px;
}

#site-footer .footer-bottom li {
    margin-left: 8px;
    border-left: 1px solid white;
    padding-left: 8px;
    display: inline;
    font-size: 14px;
}

#site-footer .footer-bottom p {
    font-size: 0.85em;
}

#site-footer .footer-bottom li:first-child {
    margin-left: 0;
    border-left: none;
    padding-left: 0;
}

#site-footer .footer-bottom img {
    float: right;
}

@media all and (max-width: 1000px) {
    #site-footer h2 {
        padding: 40px 0 20px;
    }

    #site-footer .footer-nav-links {
        padding: 50px 0 20px;
    }
}

@media all and (max-width: 900px) {
    #site-footer .footer-social-icons li {
        margin-left: 25px !important;
    }

    #site-footer h2 {
        font-size: 2.75em;
    }
}

@media all and (max-width: 767px) {
    #site-footer .footer-bottom ul {
        margin: 0;
    }

    #site-footer .footer-bottom ul.footer-social-icons {
        margin: 20px 0 0;
        text-align: left;
    }

    #site-footer .footer-social-icons li i {
        margin-top: 0;
    }
}

@media all and (max-width: 700px) {
    #site-footer .footer-top {
        padding: 40px 0 20px;
    }

    #site-footer h2 {
        font-size: 2.25em;
        padding: 20px 0;
    }

    #site-footer .footer-contact-details li {
        font-size: 1.5em;
    }
}

@media all and (max-width: 600px) {
    #site-footer .footer-contact-details li {
        display: block;
        margin-left: 0px !important;
    }

    #site-footer .thin-line-colored {
        margin: 40px auto 0;
    }
}

@media all and (max-width: 500px) {
    #site-footer .footer-bottom .legal-links li {
        display: block;
        border-left: none;
        padding-left: 0;
        margin-left: 0;
        font-size: 12px;
        margin-bottom: 3px;
    }

    #site-footer .footer-bottom p {
        font-size: 0.75em;
    }
}

/************************************************************************************************************************
 * SLIDER STYLES
 ************************************************************************************************************************/
.flexslider li {
    list-style: none !important;
}

.flexslider .slides > li:first-child {
    display: block;
    -webkit-backface-visibility: visible;
}

.flexslider .flex-direction-nav .flex-next, .flexslider .flex-direction-nav .flex-prev {
    height: 85px;
    width: auto;
    text-shadow: none;
    color: #003d7d;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.flexslider .flex-direction-nav .flex-next:hover, .flexslider .flex-direction-nav .flex-prev:hover {
    color: #7cb8f6;
}

.flex-direction-nav .flex-prev {
    left: 15px !important;
}

.flex-direction-nav .flex-next {
    right: 15px !important;
}

.flexslider .flex-direction-nav .flex-prev:after {
    content: "\f104";
    font: normal normal normal 100px/1 FontAwesome;
}

.flexslider .flex-direction-nav .flex-next:after {
    content: "\f105";
    font: normal normal normal 100px/1 FontAwesome;
}

.slider-information {
    position: absolute;
    top: 15px;
    width: 100%;
    left: 0;
}

.slider-text-1 {
    margin-bottom: 0em;
    font-size: 4.5em;
    line-height: 1.2em;
    color: #ffffff;
    font-weight: 300;
}

.slider-text-2 a {
    font-size: 1.5em;
    color: #ffffff;
    border: 2px solid #ffffff;
    padding: 1em;
    display: inline-block;
    margin-top: 1em;
    border-radius: 0.1em;
    font-weight: bold;
}

.slider-text-2 a:hover {
    border-color: #7cb8f6;
}

.slider-information .panel {
    padding: 1.563em;
    display: inline-block;
}

@media all and (max-width: 1400px) {
    .slider-text-1 {
        font-size: 4em;
    }
}

@media all and (max-width: 1200px) {
    .slider-text-1 {
        font-size: 3.5em;
    }

    .slider-information {
        padding-left: 30px;
    }

    .slider-text-2 a {
        font-size: 1.4em;
    }

    .flexslider .flex-direction-nav .flex-prev:after, .flexslider .flex-direction-nav .flex-next:before {
        font: normal normal normal 80px/1 FontAwesome;
    }

    .flexslider .flex-direction-nav .flex-next, .flexslider .flex-direction-nav .flex-prev {
        height: 65px;
    }
}

@media all and (max-width: 1050px) {
    .slider-text-1 {
        font-size: 3em;
    }

    .slider-text-2 a {
        font-size: 1.3em;
    }
}

@media all and (max-width: 910px) {
    .slider-text-1 {
        font-size: 2.4em;
    }

    .slider-text-2 a {
        font-size: 1.2em;
        padding: 0.7em;
    }
}

@media all and (max-width: 767px) {
    .slider-text-1 {
        font-size: 2em;
        width: 74%;
        display: inline-block;
        vertical-align: bottom;
    }

    .slider-text-2 {
        width: 25%;
        display: inline-block;
        margin-bottom: 0;
        text-align: right;
        padding: 2px 0;
    }

    .slider-text-2 a {
        margin: 0;
        padding: 0.3em 0.7em;
    }

    .slider-information {
        bottom: 0;
        top: inherit;
        padding: 0;
    }

    .flex-control-nav {
        display: none;
    }

    .slider-information {
        background-color: #003d7d;
        background-color: rgba(0, 61, 125, 0.65);
    }

    .slider-information .panel {
        padding: 0.5em 0;
        margin: 0;
        width: 100%;
    }

    .flexslider .flex-direction-nav .flex-next, .flexslider .flex-direction-nav .flex-prev {
        display: none;
    }
}

@media all and (max-width: 650px) {
    .slider-text-1 {
        font-size: 1.8em;
        margin: 0;
        width: 69%;
    }

    .slider-text-2 {
        width: 29%;
    }
}

@media all and (max-width: 500px) {
    .slider-information {
        position: inherit;
        background-color: #003d7d;
    }

    .slider-text-1 {
        font-size: 1.6em;
        width: 100%;
    }

    .slider-text-2 {
        width: 100%;
        bottom: 7px;
    }

    .slider-text-2 a {
        font-size: 1.1em;
    }
}

@media all and (max-width: 450px) {
    .slider-text-1 {
        font-size: 1.4em;
    }

    .slider-text-2 a {
        font-size: 1em;
    }
}

@media all and (max-width: 400px) {
    .slider-text-1 {
        font-size: 1.2em;
    }

    .slider-text-2 a {
        font-size: 0.9em;
        padding: 0.3em 0.5em;
    }
}

.flex-control-nav {
    right: 40% !important;
    text-align: center !important;
    bottom: 7px !important;
}

.flex-control-nav li {
    margin: 0 4px !important;
}

.flex-control-paging li a {
    background: none !important;
    border: 2px solid #ffffff;
    height: 18px !important;
    width: 18px !important;
    box-shadow: none !important;
    line-height: 3em;
}

.flex-control-paging li a:hover, .flex-control-paging li a.flex-active {
    background: #003d7d !important;
    border-color: #003d7d;
}

/************************************************************************************************************************
 * HOMEPAGE STYLES
 ************************************************************************************************************************/
.home .home-video {
    position: relative;
    height: 100%;
    overflow: hidden;
}

.home .home-video:before {
    background: rgba(0, 0, 0, 0.35);
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.home .home-video video {
    display: block;
    width: 100%    !important;
    height: auto   !important;
}

.home .home-video .absolute {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(4, 141, 136, 0.65);
}

.home .home-video .outer {
    display: table;
    width: 100%;
    height: 100%;
    text-align: center;
}

.home .home-video .inner {
    display: table-cell;
    vertical-align: middle;
}

.home .home-video .inner .row {
    width: 100%;
    max-width: 1280px !important;
}

.home .home-video h1 {
    text-align: center;
    color: white;
    font-size: 4.5em;
    font-weight: 300;
}

.home .home-video p {
    text-align: center;
    color: white;
    font-size: 1.5em;
    font-weight: 300;
    margin: 20px 0 0;
}

.home .home-intro {
    background-color: #f4f4f4;
    padding: 125px 0;
    position: relative;
}

.home .home-intro:after,
.page-template-template-recruitment .career-intro:after{
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-top-color: #f4f4f4;
    border-width: 25px;
    margin-left: -25px;
    z-index: 1;
}

.home .home-intro p:first-child {
    font-weight: 600;
    font-size: 1.6em;
}

.home .home-intro p {
    font-size: 1.125em;
    line-height: 1.6;
}

.home .home-intro p:nth-child(2) {
    margin-bottom: 0;
}

.home .home-intro .embed-container iframe {
    width: 100%;
    height: 350px;
}

@media all and (min-width: 901px) {
    .home .home-video {
        height: 500px;
    }

    .home .home-video video {
        width: 100vw !important;
        height: 100vh !important;
        object-fit: cover;
        position: fixed;
        left: 0px;
        top: 0px;
        z-index: -1;
    }
    @supports (-ms-ime-align:auto) {
        .home .home-video video {
            height: auto !important;
        }
    }
}

@media all and (min-width: 1501px) {
    .home .home-video {
        height: 600px;
    }
}

@media all and (max-width: 1000px) {
    .home .home-intro {
        padding: 90px 0;
    }
}

@media all and (max-width: 767px) {
    .home .home-video h1 {
        font-size: 3em;
    }

    .home .home-video p {
        font-size: 1.25em;
    }
    .home .home-intro .embed-container iframe {
        width: 100%;
        height: 300px;
        margin-top: 70px;
    }
}

@media all and (max-width: 700px) {
    .home .home-intro {
        padding: 60px 0;
    }

    .home .home-intro p:first-child {
        font-size: 1.4em;
    }

    .home .home-intro p {
        font-size: 1.063em;
    }
}

@media all and (max-width: 600px) {
    .home .home-video h1 {
        font-size: 1.5em;
    }

    .home .home-video p {
        display: none;
    }
}

.home .home-casestudies {
    padding: 125px 0;
    background-color: #f4f4f4;
}

@media all and (max-width: 1000px) {
    .home .home-casestudies {
        padding: 90px 0;
    }
}

@media all and (max-width: 700px) {
    .home .home-casestudies {
        padding: 60px 0;
    }
}

.home-services {
    position: relative;
}

.home-services .background-image {
    background-size: cover;
    background-position: center;
    padding: 275px 0;
}

.home-services .overlay {
    width: 100%;
    height: 100%;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    background: rgba(4, 141, 136, 0.65);
}

.home-services .columns {
    z-index: 990;
}

.home-services p {
    font-size: 1.82em;
    color: #ffffff;
    line-height: 1.5;
    max-width: 1050px;
    margin: 0 auto;
}

@media all and (max-width: 1000px) {
    .home-services .background-image {
        padding: 130px 0;
    }

    .home-services p {
        font-size: 1.5em;
    }
}

@media all and (max-width: 700px) {
    .home-services .background-image {
        padding: 70px 0;
    }

    .home-services p {
        font-size: 1.25em;
    }
}

.home .home-news {
    padding: 125px 0;
    position: relative;
    background: white;
}

.home .home-news article {
    text-align: left;
    background-color: #ffffff;
    margin-top: 0;
}

.home .home-news article * {
    text-align: left;
}

.home .home-news article .whats-new-single-image {
    padding-top: 54%;
    margin: 0 0 10px;
    background-size: cover;
    background-position: center;
    background-image: url('images/placeholder.jpg');
}

.home .home-news article p, .single-help article p  {
    font-size: 1em;
    margin: 15px 0 8px;
    color: #b8b8b8;
    font-weight: 700;
}

.home .home-news article h1 {
    font-size: 1.25em;
    font-weight: 400;
    margin-bottom: 10px;
}

.home .home-news article h1 a, .single-help article h1 a {
    color: #403d3d;
}

.home .home-news article h1 a:hover {
    color: #27b6b1;
}

.home .home-news .whats-new-4 {
    display: none;
}

.home-news {
    padding: 125px 0;
    position: relative;
    background: white;
}



@media all and (max-width: 1000px) {
    .home .home-news {
        padding: 90px 0;
    }
	.home-news {
        padding: 90px 0;
    }
}

@media all and (max-width: 700px) {
    .home .home-news {
        padding: 60px 0;
    }
	.home-news {
        padding: 60px 0;
    }

    .home .home-news article h1 {
        font-size: 1.125em;
        margin: 0;
    }
	
}

@media all and (max-width: 767px) {
    .home .home-news .whats-new-3 {
        margin-top: 40px;
    }

    .home .home-news .whats-new-4 {
        display: block;
        margin-top: 40px;
    }
	
	
}

@media all and (max-width: 600px) {
    .home .home-news .whats-new-2 {
        margin-top: 40px;
    }

    .home .home-news .whats-new-4 {
        display: none;
    }
	
	
}

.home-testimonials .thin-line-colored {
    background-color: #27b6b1;
    height: 3px;
    width: 80px;
    display: block;
    margin: 25px auto 35px;
}

.home-testimonials {
    position: relative;
}

.home-testimonials .background-image {
    background-size: cover;
    background-position: center;
    padding: 275px 0;
}

.home-testimonials .overlay {
    /*width: 100%;
  height: 100%;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;*/
    padding: 50px;
    z-index: 99;
    background: rgba(0, 0, 0, 0.5);
}

.home-testimonials .columns {
    z-index: 990;
}

.home-testimonials p {
    color: #ffffff;
    line-height: 1.5;
    max-width: 1050px;
    margin: 0 auto;
}

.home-testimonials p.testimonial {
    font-style: italic;
    margin-bottom: 1em;
    font-size: 2.2em;
}

.slick-prev, .slick-next {
    display: none !important;
}

@media all and (max-width: 1000px) {
    .home-testimonials .background-image {
        padding: 90px 0;
    }

    .home-testimonials p.testimonial {
        font-size: 1.75em;
    }
}

@media all and (max-width: 700px) {
    .home-testimonials .background-image {
        padding: 60px 0;
    }

    .home-testimonials .overlay {
        padding: 50px 25px;
    }

    .home-testimonials p.testimonial {
        font-size: 1.5em;
        line-height: 1.35;
    }
}

.button-wrap {
    text-align: left;
}

p.button {
    font-size: 0.8rem !important;
    border: 2px solid #27b6b1;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 0;
    display: inline-block;
    line-height: 1.2em !important;
    text-transform: uppercase;
}

p.button.button-top-margin {
    margin-top: 70px;
}

@media all and (max-width: 700px) {
    p.button.button-top-margin {
        margin-top: 50px;
    }
}

p.button a {
    color: #403d3d;
    font-size: 1.3em;
    font-weight: 700;
    padding: 1em 2.5em 1.1em;
    display: block;
    text-align: center;
    line-height: 1.2;
}

p.button a:hover {
    color: #27b6b1;
}

.home-services p.button {
    border-color: #ffffff;
}

.home-video p.button {
    border-color: #ffffff;
}

.home-services p.button a {
    color: #ffffff;
}
.home-video p.button a {
    color: #ffffff;
}

.home-services p.button a:hover {
    color: #403d3d;
}
.home-video p.button a:hover {
    color: #403d3d;
}

@media all and (max-width: 767px) {
    .home .home-banner-image {
        margin-bottom: 1em;
    }

    .home h1, .cqc-report p {
        font-size: 1.8em;
    }

    .home .home-intro-text p {
        font-size: 1.3em;
    }

    .home .did-you-know {
        margin-bottom: 25px;
    }

    .service-wrap {
        padding: 1em 0;
    }

    .service-wrap h2 {
        font-size: 1.8em;
        margin-bottom: 1em;
    }

    .row .fifth {
        width: 33.33% !important;
        float: left !important;
    }

    .row .fifth.service-4, .row .fifth.service-5 {
        width: 50% !important;
    }

    .service-wrap .fifth a {
        display: block;
        margin-bottom: 16px;
        padding-bottom: 16px;
        border-bottom: 2px solid #ccdcee;
    }

    .service-wrap .purple-button {
        margin: 0.5em 0;
    }
}

@media all and (max-width: 500px) {
    .row .fifth, .row .fifth.service-4 {
        width: 50% !important;
    }

    .row .fifth.service-5 {
        width: 100% !important;
        padding: 0 60px;
    }
}

@media all and (max-width: 450px) {
    .row .fifth, .row .fifth.service-4 {
        width: 100% !important;
        float: none !important;
        padding: 0 60px;
    }
}

@media all and (max-width: 400px) {
    .row .fifth, .row .fifth.service-4, .row .fifth.service-5 {
        padding: 0 30px;
    }
}

@media all and (max-width: 350px) {
    .row .fifth, .row .fifth.service-4, .row .fifth.service-5 {
        padding: 0 25px;
    }
}

/************************************************************************************************************************
 * ABOUT STYLES
 ************************************************************************************************************************/
.attachment-about-banner {
    display: block;
    margin-bottom: 15px;
}

.page-template-template-about .tl-col {
    top: 100px;
    position: relative;
    opacity: 0;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}

.page-template-template-about .tl-col.slideUp {
    top: 0px;
    opacity: 1;
}

.page-template-template-about .about-wrapper {
    max-width: 1200px;
    margin: 0 auto;
    padding: 80px 100px;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.aboutwrapper {
	padding: 125px 0 75px;
}

.aboutwrapper h3 {
	font-weight: 400;
    margin-bottom: 60px;
    font-size: 2em;
	text-align: center;
}

.history {
    position: relative;
    width: 100%;
    margin: 50px 0 0;
}

.history .line {
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 1px;
    border-left: 1px solid #e5e5e5;
}

.history .tl-col {
    top: 100px;
    position: relative;
    opacity: 0;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}

.history .tl-col.slideUp {
    top: 0px;
    opacity: 1;
    clear: both !important;
}

.history .tl-col:nth-child(odd) {
    display: table;
    width: 50%;
    margin: 0 0 50px -30px;
    position: relative;
    left: 50%;
}

.history .tl-col:nth-child(odd) .date {
    float: left;
    vertical-align: middle;
    width: 60px;
}

.history .date h4 {
    display: table-cell;
    width: 60px;
    text-align: center;
    vertical-align: middle;
    border-radius: 4px;
    background: #27b6b1;
    color: #ffffff;
    height: 60px;
    line-height: 16px;
    font-size: 14px;
}

.history .tl-col:nth-child(odd) .info {
    margin: 0 0 0 60px;
}

.history .info div {
    display: block;
    vertical-align: middle;
    padding: 0 0 0 30px;
}

.history .info div p:last-of-type {
    margin: 0;
}

.history .tl-col:nth-child(even) {
    display: table;
    width: 50%;
    margin: 0 0 50px 30px;
    position: relative;
    left: 0%;
}

.history .tl-col:nth-child(even) .date {
    float: right;
    vertical-align: middle;
    width: 60px;
}

.history .tl-col:nth-child(even) .info {
    margin: 0 60px 0 0;
    text-align: right;
}

.history .tl-col:nth-child(even) .info div {
    display: block;
    vertical-align: middle;
    padding: 0 30px 0 0;
}

.history .tl-col:nth-child(2n+1) .date h4 {
    background: #27b6b1;
}

.history .tl-col:nth-child(3n+1) .date h4 {
    background: #27b6b1;
}

.history .tl-col:nth-child(4n+1) .date h4 {
    background: #27b6b1;
}

.page-template-template-about #content p:first-of-type,
/*.single-service #content p:first-of-type,*/
.page-template-template-who-we-help .who-we-help-intro-text p:first-of-type,
.single-casestudies #content p:first-of-type,
.single-post.post-template-default #content p:first-of-type,
.page-template-template-who-we-help #content.main-content p:first-of-type,
.single-help #content .who-we-help-intro-text p:first-of-type {
    font-weight: 600;
    font-size: 1.5em;
    color: #27b6b1;
}

@media all and (max-width: 1200px) {
    .page-template-template-about .tl-col {
        width: calc(33% - 20px);
        float: left;
        padding: 0;
        margin: 0 25px 10px 0;
    }

    .page-template-template-about .tl-col:nth-of-type(3n+3) {
        margin: 0;
    }

    .page-template-template-about .tl-col:nth-of-type(3n+4) {
        clear: left;
    }
}

@media all and (max-width: 1000px) {
    .aboutwrapper {
        padding: 90px 0 45px;
    }
}

@media all and (max-width: 950px) {
    .page-template-template-about .tl-col {
        width: calc(50% - 25px);
        float: left;
        padding: 0;
        margin: 0 50px 10px 0;
    }

    .page-template-template-about .tl-col:nth-of-type(2n+2) {
        margin: 0;
    }

    .page-template-template-about .tl-col:nth-of-type(2n+3) {
        clear: left;
    }

    .page-template-template-about .tl-col {
        width: calc(33.333% - 20px);
        float: left;
        padding: 0;
        margin: 0 30px 10px 0;
    }

    .page-template-template-about .tl-col h3 {
        font-size: 16px;
        margin: 0 0 10px 0;
    }

    .history .tl-col:nth-child(odd) {
        margin: 0 0 30px -30px;
    }

    .history .tl-col:nth-child(even) {
        margin: 0 0 30px 30px;
    }
}

@media all and (max-width: 750px) {
    .page-template-template-about .tl-col {
        width: calc(50% - 15px);
        float: left;
        padding: 0;
        margin: 0 30px 10px 0;
    }

    .page-template-template-about .tl-col:nth-of-type(2n+2) {
        margin: 0;
    }

    .page-template-template-about .tl-col:nth-of-type(2n+3) {
        margin: 0 30px 10px 0;
        clear: left;
    }

    .page-template-template-about .tl-col:nth-of-type(2n+4) {
        clear: none;
    }

    .page-template-template-about .tl-col {
        width: calc(50% - 15px);
        float: left;
        padding: 0;
        margin: 0 30px 10px 0;
    }

    .page-template-template-about .tl-col,
    .page-template-template-about .tl-col,
    .page-template-template-about .tl-col:nth-of-type(3n+3),
    .page-template-template-about .tl-col:nth-of-type(3n+3) {
        width: calc(50% - 25px);
        float: left;
        padding: 0;
        margin: 0 25px 10px 0;
    }

    .page-template-template-about .tl-col:nth-of-type(3n+4),
    .page-template-template-about .tl-col:nth-of-type(3n+4) {
        clear: none;
    }

    .page-template-template-about .tl-col:nth-of-type(2n+2),
    .page-template-template-about .tl-col:nth-of-type(2n+2) {
        margin: 0;
    }

    .page-template-template-about .tl-col:nth-of-type(2n+3),
    .page-template-template-about .tl-col:nth-of-type(2n+3) {
        clear: left;
    }

    .page-template-template-about .tl-col h3 {
        font-size: 16px;
        margin: 0 0 10px 0;
    }

    .tl-col h4 {
        margin: 0;
        font-size: 16px;
    }

    .history {
        margin: 20px 0 0;
    }

    .history .line {
        left: 25px;
    }

    .history .tl-col:nth-child(even) {
        display: table;
        width: 100%;
        margin: 0 0 30px 0;
        position: relative;
        left: 0%;
    }

    .history .tl-col:nth-child(odd) {
        display: table;
        width: 100%;
        margin: 0 0 30px 0;
        position: relative;
        left: 0%;
    }

    .history .tl-col:nth-child(odd) .date, .history .tl-col:nth-child(even) .date {
        float: left;
        vertical-align: middle;
        width: 50px;
    }

    .history .tl-col:nth-child(odd) .info, .history .tl-col:nth-child(even) .info {
        margin: 0;
        text-align: left;
    }

    .history .tl-col:nth-child(odd) .info div, .history .tl-col:nth-child(even) .info div {
        padding: 0 0 0 70px;
    }

    .history .date h4 {
        width: 50px;
        border-radius: 50px;
        height: 50px;
        line-height: 14px;
        font-size: 12px;
    }
}

@media all and (max-width: 700px) {
    .aboutwrapper {
        padding: 60px 0 30px;
    }

    .aboutwrapper h3 {
        font-size: 1.75em;
        margin-bottom: 45px;
    }
}

@media all and (max-width: 550px) {
    .page-template-template-about .tl-col {
        width: 100%;
        float: left;
        padding: 0 0 5px 0;
        margin: 0;
    }

    .page-template-template-about .tl-col h3 {
        font-size: 14px;
        margin: 0 0 10px 0;
    }

    .page-template-template-about .tl-col p {
        font-size: 14px;
        line-height: 22px;
    }

    .page-template-template-about .tl-col:nth-of-type(2n+2),
    .page-template-template-about .tl-col:nth-of-type(2n+2),
    .page-template-template-about .tl-col,
    .page-template-template-about .tl-col {
        width: 100%;
        float: left;
        padding: 0;
        margin: 0 0 10px;
    }

    .tl-col h4 {
        margin: 0;
        font-size: 14px;
    }

    .page-template-template-about .tl-col img {
        display: inline-block;
        margin: 0 auto 15px 0;
    }
}

.page-template-template-about .staff {
    padding: 125px 0;
}

.staff h3 {
	font-weight: 400;
    margin-bottom: 30px;
    font-size: 2em;
	text-align: center;
}

.staff-wrapper {
    overflow: hidden;
    padding-bottom: 0;
    margin-bottom: 0;
    position: relative;
    z-index: 0;
    min-height: 240px;
    width: 100%;
    min-height: 100%;
    margin-top: 30px;
}

.staff-wrapper img {
    width: 100%;
    height: 100%;
    display: block;
}

.staff-wrapper .caption {
    position: absolute;
    display: block;
    -webkit-transition: top .5s;
    transition: top .5s;
    z-index: 0;
    bottom: 0;
    top: 100%;
    width: 100%;
    min-height: 100%;
    background: rgba(39, 182, 177, 0.7);
}

.staff .staff-wrapper .caption {
    background: rgba(39, 182, 177, 0.7);
}

.staff-wrapper .caption .wrapper {
    display: table;
    color: white;
    height: 240px;
    max-height: 100%;
    width: 100%;
}

.staff-wrapper .caption .detail {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding: 10px;
}

.staff-wrapper .caption .detail span {
    display: block;
}

.staff-wrapper:hover .caption {
    top: 0;
}

.staff-wrapper .staff-name {
    font-weight: 700;
    font-size: 1.25em;
}

.person-bio h2 {
    padding: 10px 20px;
}

.person-bio h2 span {
    display: block;
    font-size: 0.65em;
    font-weight: 400;
}

.person-bio-content {
    padding: 0 20px 20px;
    margin: 0;
    line-height: 21px;
    font-size: 1.125em;
    line-height: 1.5;
}

@media all and (max-width: 1000px) {
    .page-template-template-about .staff {
        padding: 90px 0;
    }
}

@media all and (max-width: 700px) {
    .page-template-template-about .staff {
        padding: 60px 0;
    }

    .staff h3 {
        font-size: 1.75em;
        margin-bottom: 15px;
    }
}

@media all and (max-width: 600px) {
    .person-bio-content {
        padding: 0 20px;
        overflow-y: scroll;
        height: 275px;
        margin-bottom: 20px;
    }
}

/************************************************************************************************************************
 * MODAL
 ************************************************************************************************************************/
.modal-bg {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(37, 37, 37, 0.8);
    z-index: 99999;
    opacity: 0;
    -webkit-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

.modal-bg.show {
    opacity: 1;
    pointer-events: auto;
}

.modal {
    width: 500px;
    max-height: 500px;
    position: fixed;
    margin: auto;
    border-radius: 3px;
    background: white;
    overflow: hidden;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.modal-bg .modal-close {
    background: #4b575f;
    color: #FFFFFF;
    line-height: 1;
    position: absolute;
    right: 6px;
    text-align: center;
    top: 6px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius: 12px;
    height: 24px;
    z-index: 100;
}

.modal-bg .modal-close i {
    line-height: 22px;
}

.modal-bg h2 {
    padding: 7px 20px;
    margin: 0 0 20px 0;
    font-size: 1.4em;
    border-bottom: 1px solid #E6E6E6;
    height: 68px;
}

.modal-bg .gform_body {
    overflow-y: scroll;
    height: 300px;
    padding: 0 20px;
}

.modal-bg .gform_body ul {
    margin: 0;
    list-style: none;
}

.modal-bg .gform_body ul li {
    margin-top: 10px;
}

.modal-bg .gform_body ul li:first-child {
    margin-top: 0;
}

.modal-bg .gform_footer {
    padding: 20px;
    border-top: 1px solid #E6E6E6;
    margin-top: 20px;
    height: 84px;
}

.modal-bg .modal-close:hover {
    background: #2E373E;
}

.modal-bg .validation_error {
    position: absolute;
    z-index: 99;
    top: 3px;
    width: 100%;
}

.login-form-wrapper {
    padding: 0 20px;
}

.login-form-wrapper table {
    width: 100%;
}

.login-form-wrapper input {
    margin-bottom: 20px;
}

@media all and (max-width: 550px) {
    .modal {
        width: 90%;
    }
}

/************************************************************************************************************************
 * SERVICES STYLES
 ************************************************************************************************************************/

.page-template-template-services .parent-service .service-strapline {
    margin-bottom: 30px;
}

.service-list {
    margin: 0;
    list-style-type: none;
}

.service-list li {
    position: relative;
    height: 110px;
    margin-bottom: 20px;
    padding-bottom: 5px;
    border-bottom: 2px solid #f0f0f0;
    display: table;
    width: 100%;
}

.service-list li a {
    padding: 0px 0px 0 135px;
    display: inline-block;
    display: table-cell;
    vertical-align: middle;
}

.service-list li a > span {
    top: -5px;
    position: relative;
}

.service-list li a span h1 {
    font-size: 1.4em;
    margin-bottom: 0;
    line-height: 1.2;
    color: #1f457d;
}

.service-list li a:hover span h1 {
    color: #003d7d;
}

#content .service-list li a span p {
    color: #585858;
    font-size: 1em;
    line-height: 1.4;
    margin-bottom: 0;
}

#content .service-list li a span p.find-out-more {
    text-align: right;
    font-weight: 700;
    color: #1f457d;
}

#content .service-list li a:hover span p.find-out-more {
    color: #003d7d;
}

.service-list li .service-list-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 104px;
    height: 100px;
    background-position: 0 0;
    background-size: cover;
}

.service-list li a:hover .service-list-icon {
    background-position: 0 100px;
}

.service-list li:last-child {
    margin-bottom: 0;
    border-bottom: 0;
}

.service-list li:last-child a > span {
    top: 0;
}

@media all and (max-width: 550px) {
    .service-list li {
        height: 56px;
    }

    .service-list li a {
        padding: 0px 0px 0px 66px;
    }

    .service-list li a span h1 {
        font-size: 1.2em;
    }

    #content .service-list li a span p.find-out-more {
        text-align: left;
    }

    .service-list li .service-list-icon {
        width: 46px;
        height: 44px;
    }

    .service-list li a:hover .service-list-icon {
        background-position: 0 44px;
    }
}

/************************************************************************************************************************
 * SIDEBAR STYLES
 ************************************************************************************************************************/
.sidebar-company-name {
    font-size: 1.2em;
    margin-bottom: 0.5em;
    color: #003d7d;
    font-weight: 700;
}

.sidebar-heading {
    margin-bottom: 0;
    font-weight: 700;
    color: #1F4585;
    font-size: 1.05em;
}

.sidebar .email {
    color: #003d7d;
}

.sidebar .email:hover {
    color: #7cb8f6;
}

.sidebar .sidebar-border {
    border-left: 6px solid #fd983c;
    padding-left: 18px;
    margin-top: 30px;
}

.sidebar .sidebar-border:first-child {
    margin-top: 0;
}

.sidebar h3 {
    color: #1f457d;
    font-weight: 700;
    margin-bottom: 0.5em;
    font-size: 1.8em;
}

.sidebar-service-list {
    margin: 0;
    list-style-type: none;
}

.sidebar-service-list li {
    position: relative;
    height: 60px;
    margin-bottom: 15px;
    border-bottom: 2px solid #f0f0f0;
    display: table;
    width: 100%;
}

.sidebar-service-list li a {
    padding: 0px 0px 0px 66px;
    display: inline-block;
    font-weight: 700;
    font-size: 1.05em;
    display: table-cell;
    vertical-align: middle;
    line-height: 1.3;
    color: #1f457d;
}

.sidebar-service-list li a span {
    top: -7px;
    position: relative;
}

.sidebar-service-list li .sidebar-service-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 46px;
    height: 44px;
    background-position: 0 0;
    background-size: cover;
    background-size: 46px 88px;
}

.sidebar-service-list li a:hover .sidebar-service-icon, .sidebar-service-list li.current-service a .sidebar-service-icon {
    background-position: 0 44px;
}

.sidebar-service-list li a:hover, .sidebar-service-list li.current-service a {
    color: #003d7d;
}

.sidebar-service-list li:last-child {
    margin-bottom: 0;
    border-bottom: 0;
    height: 45px;
}

.sidebar-service-list li:last-child a span {
    top: 0;
}

.sidebar .sidebar-post {
    margin-top: 14px;
    padding-top: 11px;
    border-top: 2px solid #7cb8f6;
}

.sidebar .sidebar-post-1 {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
}

.sidebar .sidebar-post a {
    font-weight: bold;
}

.sidebar .sidebar-post a:hover {
    color: #7cb8f6;
}

.sidebar .sidebar-post .title {
    font-size: 1.2em;
    font-weight: 700;
}

.sidebar .sidebar-post p.date {
    font-size: 0.9em;
    margin-bottom: 6px;
    font-weight: bold;
}

.sidebar .sidebar-post p {
    margin-bottom: 0;
    font-size: 1.05em;
    line-height: 1.3;
}

.sidebar .sidebar-post .read-more {
    text-align: left;
    font-weight: bold;
}

@media all and (max-width: 767px) {
    .sidebar .sidebar-border:first-child {
        margin-top: 1em;
        padding-top: 1em;
        border-top: 6px solid #003d7d;
    }

    .sidebar .sidebar-border {
        padding-left: 0;
        border-left: none;
    }
}

@media all and (max-width: 767px) and (min-width: 551px) {
    .sidebar-service-list li {
        width: 48.5%;
        margin-right: 1.5%;
        float: left;
    }

    .sidebar-service-list li:nth-child(even) {
        margin-right: 0;
        margin-left: 1.5%;
    }
}

@media all and (min-width: 768px) and (max-width: 800px) {
    .sidebar-service-list li a {
        padding-left: 56px;
    }
}

.sidebar-location-list {
    margin: 0;
    list-style-type: none;
}

.sidebar-location-list li {
    position: relative;
    height: 56px;
    margin-bottom: 10px;
    border-bottom: 2px solid #f0f0f0;
    display: table;
    width: 100%;
}

.sidebar-location-list li a {
    padding: 0px 0px 0px 66px;
    display: inline-block;
    font-weight: 700;
    font-size: 1.05em;
    display: table-cell;
    vertical-align: middle;
    line-height: 1.3;
    color: #1f457d;
}

.sidebar-location-list li a span {
    top: -4px;
    position: relative;
}

.sidebar-location-list li .sidebar-location-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 46px;
    height: 46px;
    background-position: 0 0;
    background-size: cover;
    background-size: 46px 46px;
    background-image: url('images/location-icon.png');
}

.sidebar-location-list li a:hover, .sidebar-location-list li.current-location a {
    color: #003d7d;
}

.sidebar-location-list li:last-child {
    margin-bottom: 0;
    border-bottom: 0;
    height: 46px;
}

.sidebar-location-list li:last-child a span {
    top: 0;
}

@media all and (max-width: 767px) and (min-width: 551px) {
    .sidebar-location-list li {
        width: 48.5%;
        margin-right: 1.5%;
        float: left;
    }

    .sidebar-location-list li:nth-child(even) {
        margin-right: 0;
        margin-left: 1.5%;
    }
}

/************************************************************************************************************************
 * CAREERS STYLES
 ************************************************************************************************************************/
.career-intro {
    background-color: #f4f4f4;
    padding: 125px 0;
    position: relative;
    margin-top: -5px;
}

.career-intro h2 {
    font-weight: 400;
    margin-bottom: 40px;
    font-size: 2em;
}

.career-intro p:first-of-type {
    color: #27b6b1;
    font-size: 1.2em;
    margin-bottom: 1.4em;
}

.career-intro p:last-child {
    margin-bottom: 0;
}

.career-benetits {
    background-color: #ffffff;
    padding: 85px 0;
}

.career-benetits .single-benefit {
    padding: 40px 15px;
    margin: 0 auto;
}

.career-benetits .single-benefit i {
    display: block;
    margin-bottom: 20px;
    color: #27b6b1;
}

.career-benetits .single-benefit p {
    line-height: 1.8em;
}

.career-form-container {
    background-color: #f4f4f4;
    padding: 125px 0;
}

.job-listing .job-title {
    font-weight: 600;
    margin-bottom: 0;
}

#content .job-listing .date {
    font-size: 1em;
}

@media all and (min-width: 768px) {
    .job-listing {
        margin-top: 20px;
    }
}

@media all and (max-width: 1000px) {
    .career-intro, .career-form-container {
        padding: 90px 0;
    }

    .career-benetits {
        padding: 60px 0 40px;
    }

    .career-benetits .single-benefit {
        padding: 30px 0;
        margin: 0 auto;
    }
}

@media all and (max-width: 700px) {
    .career-intro, .career-form-container {
        padding: 60px 0;
    }

    .career-benetits {
        padding: 40px 0 20px;
    }

    .career-intro h2 {
        margin-bottom: 30px;
        font-size: 1.75em;
    }

    .career-benetits .single-benefit {
        padding: 20px 0;
    }

    .career-benetits .single-benefit i {
        font-size: 3em;
    }
}


/************************************************************************************************************************
 * NEWS LISTING STYLES
 ************************************************************************************************************************/
.post-display-4 .post-item {
    margin-top: 30px;
    background-color: #7cb8f6;
}

.post-display-4 .post-item a {
    color: #003d7d;
}

.post-display-4 .post-item *, .post-display-4 .post-item a:hover {
    color: #ffffff;
}

.post-display-4 .columns:first-child .post-item, .post-display-4 .columns:nth-child(2) .post-item {
    margin-top: 0;
}

.post-display-4 h1 {
    font-size: 1.5em;
    margin-bottom: 0;
}

#content .post-display-4 p.date {
    font-size: 0.9em;
    margin-bottom: 0.5em;
    line-height: 1.2;
    font-weight: bold;
}

.post-display-4 .content {
    padding: 1em;
}

.post-display-4 .content .excerpt {
    margin-bottom: 0;
}

.post-display-4 .content .excerpt a {
    white-space: nowrap;
    font-weight: 700;
}

@media all and (max-width: 600px) {
    .post-display-4 .post-item, .post-display-4 .columns:nth-child(2) .post-item {
        margin-top: 20px;
    }
}

/************************************************************************************************************************
 * SEARCH STYLES
 ************************************************************************************************************************/
.search-results #content p.search-post-type {
    font-size: .875em;
    margin-bottom: 10px;
    line-height: 1.2;
}

.search-results #site-search-form {
    margin-top: 0;
}

.search-results-holder {
    margin-top: 30px;
}

.search-results-holder .content {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 3px solid #f7f7f7;
}

.search-results-holder .content:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
}

.search-results-holder h3, .search-results-holder p.excerpt {
    margin-bottom: 0;
}

.search-results-holder h3 {
    font-size: 1.5em;
    margin-bottom: 5px;
}

.search-results-holder p.link {
    margin-top: 20px;
}

.search-results-holder p.link a {
    font-weight: 700;
    text-transform: uppercase;
}

#content p.no-search-results {
    margin: 25px 0 0;
}

@media all and (max-width: 700px) {
    .search-results-holder h3 {
        font-size: 1.25em;
        margin-bottom: 5px;
    }
}


/************************************************************************************************************************
 * SINGLE POST STYLES
 ************************************************************************************************************************/
.single-post .header-message h1 {
    font-size: 3em;
}

@media all and (max-width: 900px) {
    .single-post .header-message h1 {
        font-size: 2.5em;
    }
}


/************************************************************************************************************************
 * SCROLL TABLE STYLES
 ************************************************************************************************************************/
.scroll-table {
    width: 100%;
    margin-bottom: 1.563em;
}

.scroll-table, .scroll-table th, .scroll-table td {
    border: 1px solid #DBDBDB;
}

.scroll-table th, .scroll-table td {
    padding: 6px 11px;
}

.scroll-table th {
    font-weight: bold;
    color: white;
}

.scroll-table tr.even {
    background: #f8f8f8;
}

@media all and (max-width: 700px) {
    .scroll-table {
        margin-bottom: 0;
    }

    .scroll-table-wrapper {
        overflow: hidden;
        overflow-x: scroll;
        padding-top: 54px;
    }

    .scroll-table-wrapper .scroll-table {
        table-layout: fixed;
        width: 900px;
    }

    .scroll-table-image {
        position: relative;
        margin-bottom: 1.2em;
    }

    .scroll-table-image:before {
        content: url('images/swipe.png');
        width: 115px;
        position: absolute;
        top: 0;
        left: 0;
    }
}

/************************************************************************************************************************
 * FORM STYLES
 ************************************************************************************************************************/
form .text-input {
    margin-bottom: 0;
    padding: 8px 65px 8px 10px;
    width: 100%;
    font-family: 'Open Sans', sans-serif;
    color: #585858;
    font-size: 1.125em;
    border: 1px solid #dadada;
    background-color: #FBFBFB;
    min-height: 45px;
    -webkit-appearance: none;
    border-radius: 0;
}

form .search-button {
    font-size: 1.25em;
    background-color: #27b6b1;
    color: white;
    font-weight: 700;
    padding: 8px 18px;
    border: none;
    font-family: 'Open Sans', sans-serif;
    -webkit-appearance: none;
    border-radius: 0;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
}

form .search-button:hover {
    cursor: pointer;
    background-color: #229490;
}

.ui-datepicker {
    background: #fcfcfc;
    border: 1px solid #e4e4e4;
}

.ui-datepicker-next, .ui-datepicker-year {
    float: right;
}

.ui-datepicker-month, .ui-datepicker-year {
    width: 48%;
}

.ui-datepicker-calendar td a {
    padding: 7px;
    display: block;
}

.ui-datepicker-header {
    padding-bottom: 7px;
}

#ui-datepicker-div {
    padding: 10px;
    display: none;
}

.ui-datepicker-prev, .ui-datepicker-next {
    display: inline-block;
    padding-bottom: 7px;
    cursor: pointer;
}

#mobile-search-form .text-input, #header-search-form .text-input {
    width: 67%;
}

#mobile-search-form .search-button, #header-search-form .search-button {
    width: 28%;
}

#site-search-form {
    margin-bottom: 0;
    position: relative;
    margin: 30px auto;
    max-width: 625px;
}

#content .gfield, .content .gfield {
    list-style: outside none none;
    position: relative;
    clear: both;
    width: 100%;
    margin: 0 0 14px;
}

#content .gfield:before, .content .gfield:before {
    content: none;
}

#content .gfield.gf_left_half, .content .gfield.gf_left_half {
    width: 50%;
    padding: 0 5px 0 0;
    float: left;
    clear: left;
}

#content .gfield.gf_right_half, .content .gfield.gf_right_half {
    width: 50%;
    padding: 0 0 0 5px;
    float: left;
    clear: right;
}

#content ul.gform_fields, .content ul.gform_fields {
    margin: 0;
    padding: 0;
}

#content ul.gfield_checkbox, .content ul.gfield_checkbox {
    margin-left: 0;
    font-size: 1em;
}

#content ul.gfield_checkbox li, .content ul.gfield_checkbox li {
    font-size: 1em;
}

.gfield input[type="text"], .gfield input[type="email"], .gfield select, .gfield textarea {
    border: 1px solid #dadada;
    background-color: #ffffff;
    font-family: 'Open Sans', sans-serif;
    color: #403d3d;
    font-size: .9em;
    font-weight: 400;
    padding: 13px 10px;
    width: 100%;
    -webkit-appearance: none;
    border-radius: 0;
    min-height: 46px;
}

.gfield select option {
    padding-right: 10px;
}

.gfield_label {
    font-size: .85em;
    color: #403d3d;
    font-weight: 700;
    margin: 0 !important;
}

.gfield_required {
    color: #D43E1A;
    margin-left: 5px;
}

.gfield_description {
    font-size: 14px;
    color: #D43E1A;
    display: block;
}

.gform_button {
    background-color: #ffffff;
    color: #403d3d;
    font-weight: 700;
    font-size: 1.2em;
    padding: 8px 28px;
    border: 2px solid #27b6b1;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    -webkit-appearance: none;
}

.gform_button:hover {
    cursor: pointer;
    background: #ffffff;
    color: #27b6b1;
}

.gfield_error input[type="text"], .gfield_error textarea {
    border: 1px solid #D43E1A;
}

.gform_validation_container, .ui-datepicker {
    display: none;
}

.gform_confirmation_wrapper, .validation_error {
    margin: 0 0 20px 0;
    position: relative;
    border-left: 5px solid;
    padding: 10px;
    background-color: #f0f0f0;
    color: #424242;
}

.gform_confirmation_wrapper {
    border-color: #65BD56;
}

.validation_error {
    border-color: #D43E1A;
}

#content .gform_confirmation_message, #content .validation_error p, .content .gform_confirmation_message, .content .validation_error p {
    margin: 0;
    padding: 1px 22px 0 33px;
    position: relative;
    line-height: 1.4;
    font-size: 1em;
    line-height: 1.3;
}

.gform_confirmation_message:before {
    position: absolute;
    font-family: FontAwesome;
    content: "\f058";
    line-height: 1;
}

.gform_confirmation_message:before, .validation_error i {
    position: absolute;
    text-align: center;
    left: 0px;
    width: 1em;
    top: -2px;
    font-size: 1.7em;
}

.gform_confirmation_message:before {
    color: #65BD56;
}

.validation_error i {
    color: #D43E1A;
}

@media all and (max-width: 500px) {
    #content .gfield.gf_left_half, #content .gfield.gf_right_half, .content .gfield.gf_left_half, .content .gfield.gf_right_half {
        width: 100%;
        padding: 0;
        float: none;
    }
}


/************************************************************************************************************************
 * Q&A STYLES
 ************************************************************************************************************************/
.home-q-a {
    padding: 125px 0;
    position: relative;
    background: white;
}

.bg-white-with-after {
    position: relative;
}

.home-q-a:after,
.bg-white-with-after:after,
.outtake-videos-holder:after{
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-top-color: #ffffff;
    border-width: 25px;
    margin-left: -25px;
    z-index: 1;
}

.home-q-a h3 {
	font-weight: 400;
    margin-bottom: 40px;
    font-size: 2em;
	text-align: center;
}

.home-q-a p {
    margin: 0 auto 40px;
    text-align: center;
    max-width: 800px;
}

#screen1, #screen2 {
	text-align: center;
}

.choose-sector {
	cursor: pointer;
	color: #27b6b1;
	text-align: center;
	-webkit-transition: all ease .4s;
    transition: all ease .4s;
	padding: 10px;
}

.choose-sector:hover {
	color: #229490;
}

.choose-sector.selected-sector {
	background-color: #27b6b1;
	color: white;
	cursor: default;
}

.choose-sector .small-icon {
    display: inline-block;
    font-size: 4em;
	margin-bottom: 10px;
}

.choose-sector p {
	font-size: 1.25em;
	font-weight: 400;
	line-height: 1.5;
	margin-bottom: 0;
}

#advance1, #advance2 {
	display: none;
	text-align: center;
	margin: 50px 0 0;
    -webkit-transition: all ease .4s;
    transition: all ease .4s;
}

#screen2 h2 {
    text-align: left;
    border-bottom: 2px solid #27b6b1;
    font-weight: 600;
    font-size: 1em;
    padding-bottom: 10px;
    margin-bottom: 10px;
    padding-left: 65px;
    position: relative;
    min-height: 50px;
    line-height: 1.5;
}

#screen2 h2 span .small-icon {
    position: absolute;
    left: 13px;
    font-size: 40px;
    top: -13px;
    color: #27b6b1;
}

#screen2 ul.main-nav-child-ul {
    text-align: left;
    margin: 20px 0 0 0;
	font-size: 1.1em;
    padding-left: 0;
}

#screen2 ul.main-nav-child-ul li:before {
    content: none;
}

#screen2 ul.main-nav-child-ul li.main-nav-child {
    margin-left: 0;
    padding-left: 65px;
    font-size: .75em;
    display: block;
    position: relative;
    min-height: 26px;
    line-height: 1.5;
	font-weight: 600;
    margin-bottom: 8px;
	cursor: pointer;
	padding-right: 45px;
    -webkit-transition: all ease .4s;
    transition: all ease .4s;
}

#screen2 ul.main-nav-child-ul li.main-nav-child:hover {
    color: #27b6b1;
}

#screen2 ul.main-nav-child-ul li.main-nav-child:after {
    font-family: 'FontAwesome';
    position: absolute;
    right: 20px;
    top: -4px;
    content: '\f10c';
    font-size: 1.25em;
    font-weight: 400;
	color: #27b6b1;
}

#screen2 ul.main-nav-child-ul li.main-nav-child.service-selected {
    color: #27b6b1;
}

#screen2 ul.main-nav-child-ul li.main-nav-child.service-selected:after {
	content: '\f05d';
}

#screen2 ul.main-nav-child-ul li.main-nav-child:first-child {
    margin-left: 0;
    padding-left: 65px;
}

#screen2 ul.main-nav-child-ul li.main-nav-child .small-icon {
    position: absolute;
    left: 22px;
    font-size: 1.5em;
    top: -4px;
    color: #27b6b1;
}

#screen2 ul.main-nav-child-ul li.main-nav-child:hover .small-icon,
#screen2 ul.main-nav-child-ul li.main-nav-child.service-selected .small-icon {
    left: 17px;
    font-size: 28px;
    top: -11px;
}

.your-solution {
    padding-top: 125px;
    padding-bottom: 125px;
}

.your-solution .large-icon {
    display: inline-block;
    font-size: 4em;
    margin-bottom: 10px;
    line-height: 1;
}

.your-solution h3 {
    font-size: 1.5em;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 20px;
}

.your-solution-testimonial {
    margin-top: 25px;
}

.your-solution-testimonial p {
    color: #27b6b1;
    line-height: 1.5;
    font-size: 1em;
}

.your-solution-testimonial p.testimonial {
    font-style: italic;
    margin-bottom: 1em;
    font-size: 1.125em;
}

@media all and (max-width: 1000px) {
    .home-q-a {
        padding: 90px 0;
    }
}

@media all and (max-width: 767px) {
    #screen2 h2 {
        margin-top: 40px;
    }

    #screen2 .four:nth-child(1) h2, #screen2 .four:nth-child(2) h2 {
        margin-top: 0;
    }
}

@media all and (max-width: 700px) {
    .home-q-a {
        padding: 60px 0;
    }

    .home-q-a h3 {
        font-size: 1.75em;
    }

    .choose-sector p {
        font-size: 1.125em;
    }
}

@media all and (max-width: 600px) {
    #screen2 .four:nth-child(2) h2 {
        margin-top: 40px;
    }
}


/************************************************************************************************************************
 * SINGLE VACANCY
 ************************************************************************************************************************/
.job-details {
	border-bottom: 3px solid #f4f4f4;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

 .job-details p {
	 color: #afafaf;
	 margin: 0;
 }
 
.job-details p strong {
	 color: #27b6b1;
 }


/************************************************************************************************************************
 * WHO WE HELP
 ************************************************************************************************************************/
.who-we-help-sector-icons {
    position: relative;
}

.who-we-help-sector-icons:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-top-color: #f4f4f4;
    border-width: 25px;
    margin-left: -25px;
    z-index: 1;
}

.who-we-help-sector-icons a {
    text-align: center;
    display: block;
}

.who-we-help-sector-icons a.grey-sector {
    color: #a5a5a5;
}

.who-we-help-sector-icons a.grey-sector:hover {
    color: #929292;
}

.who-we-help-sector-icons .small-icon {
    display: inline-block;
    font-size: 4em;
    margin-bottom: 10px;
}

.who-we-help-sector-icons p {
    font-size: 1.25em;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 0;
}

.who-we-help-intro-text {
    max-width: 937px;
    margin: 0 auto 60px;
    text-align: center;
}

.who-we-help-sector-icons.who-we-help-sector-icons-menu .three {
    margin-bottom: 30px;
}

.who-we-help-sector-icons.who-we-help-sector-icons-menu .row.inner-page  {
    padding-bottom: 95px;
}

.page-template-template-who-we-help .sector-excerpt p:last-child {
    margin-bottom: 0;
}

.page-template-template-who-we-help .sector-info.button {
    margin-top: 30px;
}


@media all and (max-width: 767px) {
    .who-we-help-sector-icon {
        margin-top: 40px;
    }

    .who-we-help-sector-icon-1, .who-we-help-sector-icon-2 {
        margin-top: 0;
    }
    .page-template-template-who-we-help .sector-excerpt {
        margin-top: 60px;
    }
}

@media all and (max-width: 700px) {
    .who-we-help-intro-text {
        margin-bottom: 35px;
    }

    .who-we-help-sector-icons p {
        font-size: 1.125em;
    }
}

@media all and (max-width: 500px) {
    .who-we-help-sector-icon-2 {
        margin-top: 40px;
    }
    .who-we-help-sector-icons.who-we-help-sector-icons-menu .three {
        width: 100% !important;
    }
}



/* Slider - Start */

.single-help .who-we-help-quote-wrapper .slick-dots {
    right: 0 !important;
    margin: 0 auto;
    left: 0;
    bottom: 30px;
}

.who-we-help-quote-wrapper  .slick-dots li.slick-active button, .who-we-help-quote-wrapper .slick-dots li:hover button {
    background-color: #fff !important;
    border-color: #fff !important;
}

.who-we-help-quote-wrapper  .slider-for .background-image {
    background-size: cover;
    background-position: center;
    height: 800px;
    position: relative;
}

.who-we-help-quote-wrapper .slider-for .overlay {
    width: 100%;
    height: 100%;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    background: rgba(4, 141, 136, 0.8);
    background-size: contain;
}

.who-we-help-quote-wrapper .slider-for .overlay:before {
    content: "";
    width: 100%;
    height: 100%;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background: rgba(32, 32, 41, 0.2);
}

.who-we-help-quote-wrapper .slider-for .text-outer {
    display: table;
    width: 100%;
    height: 100%;
}

.who-we-help-quote-wrapper .slider-for .text-inner {
    display: table-cell;
    vertical-align: middle;
    padding: 10px 15px 0;
}

.who-we-help-quote-wrapper .slider-for p {
    font-size: 1.82em;
    color: #ffffff;
    line-height: 1.5;
    max-width: 1050px;
    margin: 0 auto;
}

.who-we-help-quote-wrapper .slider-for p.quote-name {
    font-size: 1.5em;
    margin-top: 20px;
}


@media all and (max-width: 1200px) {
    .who-we-help-quote-wrapper  .slider-for .background-image {
        height: 600px;
    }

    .who-we-help-quote-wrapper .slider .slick-dots li {
        margin: 0 4px;
    }

    .who-we-help-quote-wrapper .slider .slick-dots li button {
        width: 18px;
        height: 18px;
    }
}

@media all and (max-width: 800px) {
    .who-we-help-quote-wrapper .slider-for .background-image {
        height: 350px;
    }

    .who-we-help-quote-wrapper .slider-for p {
        font-size: 1.4em;
    }

    .who-we-help-quote-wrapper .slider-for p.quote-name {
        font-size: 1em;
    }

}

@media all and (max-width: 600px) {
    .who-we-help-quote-wrapper .slider-for .background-image {
        height: 300px;
    }

    .who-we-help-quote-wrapper .slider-for p {
        font-size: 1em;
    }

    .who-we-help-quote-wrapper .slider-for p.quote-name {
        font-size: 0.8em;
    }
}

@media all and (max-width: 400px) {
    .definitions .slick-slide div {
        width: 100% !important;
    }
}

@media all and (max-width: 350px) {
    .who-we-help-quote-wrapper .slider-for .background-image {
        height: 300px;
    }
}

/* Slider - End */

/************************************************************************************************************************
 * RECRUITMENT PAGE - AUG 2018
 ************************************************************************************************************************/

.page-template-template-recruitment .header-message{ display: none; }
.page-template-template-recruitment .embed-container{ width: 100%; overflow: hidden; }
.page-template-template-recruitment .embed-container iframe{ width: 100vw !important; height: 70vh !important; object-fit: cover;
    left: 0px; top: 0px; z-index: 1; position: relative; }

.page-template-template-recruitment .career-intro img{ width: auto; margin: 0 auto; }

.recruitment-videos-holder,
.outtake-videos-holder{ padding-top: 125px; padding-bottom: 125px; position: relative; }
.outtake-videos-holder{ padding-top: 0; }
.recruitment-videos-holder .single-recruitment-video,
.outtake-videos-holder .single-outtake-video{ padding: 0 10%; position: relative; }
.recruitment-videos-holder > .row{ padding-top: 42px; }
.recruitment-videos-holder > .row:first-of-type{ padding-top: 0px; }
.outtake-videos-holder > .row{ padding-top: 42px; }
.outtake-videos-holder > .row:first-of-type{ padding-top: 0px; }
.recruitment-videos-holder .single-recruitment-video img,
.outtake-videos-holder .single-outtake-video img{ width: calc( 100% - 1px); }
.recruitment-videos-holder .single-recruitment-video .recruitment-video-overlay,
.outtake-videos-holder .single-outtake-video .outtake-video-overlay{ position: absolute; display: table; top: 0;  left: 10%; width: 80%;  height: 100%; background: rgba(39, 182, 177, 0.7); }
.outtake-videos-holder .single-outtake-video .outtake-video-overlay{ background-color: rgba(27, 24, 27, 0.4); }
    .recruitment-videos-holder .single-recruitment-video .recruitment-video-overlay:hover{ background: rgba(34, 148, 144, 0.7); }
    .outtake-videos-holder .single-outtake-video .outtake-video-overlay:hover{background-color: rgba(0, 0, 0, 0.5);}
.recruitment-videos-holder .single-recruitment-video .recruitment-video-overlay .detail,
.outtake-videos-holder .single-outtake-video .outtake-video-overlay .detail{  display: table-cell;  text-align: center;  vertical-align: middle; padding: 20px; }
.recruitment-videos-holder .single-recruitment-video .recruitment-video-overlay .detail span,
.outtake-videos-holder .single-outtake-video .outtake-video-overlay .detail span{ display: block; color: #fff; font-size: 1.75em;  font-weight: 700; }

#video-modal .modal,
#outtake-modal .modal,
#video-modal2 .modal,
#outtake-modal2 .modal,
#video-modal3 .modal{ width: 70vw; height: 67vh; max-height: none; padding: 30px;  }
#video-modal.modal-bg h2,
#outtake-modal.modal-bg h2,
#video-modal2.modal-bg h2,
#outtake-modal2.modal-bg h2,
#video-modal3.modal-bg h2{ margin: 0; height: 50px; text-align: center; margin-top: -20px; margin-bottom: 30px; }
#video-modal .video-bio iframe,
#outtake-modal .outtake-bio iframe,
#video-modal2 .video-bio2 iframe,
#outtake-modal2.outtake-bio iframe,
#video-modal3 .video-bio3 iframe{ width: 100%; min-height: 500px; }

.page-template-template-recruitment .job-listing .single-job{ float: left; width: 33%; margin-bottom: 15px; }
.page-template-template-recruitment .job-listing .single-job a{ color: #403d3d; }
.page-template-template-recruitment .job-listing .single-job a:hover{ color: #27b6b1; }

@media all and (max-width: 1000px) {
    .recruitment-videos-holder,
    .outtake-videos-holder{ padding-top: 90px; padding-bottom: 90px; }
    .outtake-videos-holder{ padding-top: 0; }
}
@media all and (max-width: 900px) {
    .page-template-template-recruitment .embed-container iframe { height: 60vh !important; }
}
@media all and (max-width: 800px) {
    .page-template-template-recruitment .job-listing .single-job{ width: 50%; }
    .recruitment-videos-holder .single-recruitment-video .recruitment-video-overlay .detail span,
    .outtake-videos-holder .single-outtake-video .outtake-video-overlay .detail span{ font-size: 1.25em; }
}
@media all and (max-width: 768px) {
    #video-modal .modal, #outtake-modal .modal, #video-modal2 .modal,
    #outtake-modal2 .modal, #video-modal3 .modal{ width: 90vw; }
}
@media all and (max-width: 700px) {
    .page-template-template-recruitment .embed-container iframe { height: 50vh !important; }

    .recruitment-videos-holder,
    .outtake-videos-holder{ padding-top: 60px; padding-bottom: 60px; }
    .outtake-videos-holder{ padding-top: 0; }
}
@media all and (max-width: 620px) {
    .page-template-template-recruitment .job-listing .single-job{ width: 100%; }
}
@media all and (max-width: 480px) {
    .page-template-template-recruitment .embed-container iframe { height: 40vh !important; }

    .recruitment-videos-holder > .row{ padding-top: 0; }

    #video-modal .modal, #outtake-modal .modal, #video-modal2 .modal,
    #outtake-modal2 .modal, #video-modal3 .modal{ width: 90vw; height: 50vh; }
    #video-modal .video-bio iframe, #outtake-modal .outtake-bio iframe, #video-modal2 .video-bio2 iframe,
    #outtake-modal2.outtake-bio iframe, #video-modal3 .video-bio3 iframe{ min-height: 213px; }
}


/*-- HBSPT --*/

.hs-form .hs-input{ margin-bottom: 0;    padding: 8px 65px 8px 10px;    width: 78%;    font-family: 'Open Sans', sans-serif;    color: #585858;
    font-size: 0.75em;    border: 1px solid #dadada;    background-color: #FBFBFB;    min-height: 45px;    -webkit-appearance: none;    border-radius: 0; }
.hbspt-form .hs-button{ background-color: #27b6b1;    color: white;    font-weight: 700;    padding: 8px 18px;    border: none;    font-family: 'Open Sans', sans-serif;
    -webkit-appearance: none;    border-radius: 0; }
.hbspt-form .hs-button:hover{ cursor: pointer; background-color: #229490; }

.hs-form input[type='checkbox'] {
	width: 15px;
	padding: 0;
	min-height: 15px;
	-webkit-appearance: checkbox;
}

.page-template-template-threat #content .hs-form .hs-richtext p { font-size: 15px; }
#content .hs-form ul.inputs-list li label { font-size: 15px; }
#content .hs-form ul.inputs-list li:before { content: ' '; }


/************************************************************************************************************************
 * DEFINITIONS STYLES
 ************************************************************************************************************************/

.page-template-template-definitions .fifty-fifty-image, .page-template-template-definition .fifty-fifty-image {
    float: left;
}

.page-template-template-definitions .fifty-fifty-text, .page-template-template-definition .fifty-fifty-text {
    float: right;
}

.definitions-slider {
    margin-top: 50px;
}

.definitions {
    margin: 0 15px;
}

.single-definition {
    margin-bottom: 50px;
    padding: 0 20px;
}

.definitions .read-more {
    margin-top: 15px;
    display: block;
}

.definition-icon {
    display: inline-block !important;
    margin-right: 15px;
    vertical-align: middle;
    width: 40px;
    height: 40px;
}

/* Slider - Start */

.definitions-quote-wrapper .slick-dots {
    right: 0 !important;
    margin: 0 auto;
    left: 0;
    bottom: 30px;
}

.definitions-quote-wrapper  .slick-dots li.slick-active button, .definitions-quote-wrapper .slick-dots li:hover button {
    background-color: #fff !important;
    border-color: #fff !important;
}

.definitions-quote-wrapper  .slider-for .background-image {
    background-size: cover;
    background-position: center;
    height: 800px;
    position: relative;
}

.definitions-quote-wrapper .slider-for .overlay {
    width: 100%;
    height: 100%;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    background: rgba(4, 141, 136, 0.8);
    background-size: contain;
}

.definitions-quote-wrapper .slider-for .overlay:before {
    content: "";
    width: 100%;
    height: 100%;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background: rgba(32, 32, 41, 0.2);
}

.definitions-quote-wrapper .slider-for .text-outer {
    display: table;
    width: 100%;
    height: 100%;
}

.definitions-quote-wrapper .slider-for .text-inner {
    display: table-cell;
    vertical-align: middle;
    padding: 10px 15px 0;
}

.definitions-quote-wrapper .slider-for p {
    font-size: 1.82em;
    color: #ffffff;
    line-height: 1.5;
    max-width: 1050px;
    margin: 0 auto;
}

.definitions-quote-wrapper .slider-for p.quote-name {
    font-size: 1.5em;
    margin-top: 20px;
}

/*@media all and (min-width: 1500px) {
    .definitions-quote-wrapper .slider-for .background-image {
        height: 600px;
    }
}*/

@media all and (max-width: 1200px) {
    .definitions-quote-wrapper  .slider-for .background-image {
        height: 600px;
    }

    .definitions-quote-wrapper .slider .slick-dots li {
        margin: 0 4px;
    }

    .definitions-quote-wrapper .slider .slick-dots li button {
        width: 18px;
        height: 18px;
    }
}

@media all and (max-width: 800px) {
    .definitions-quote-wrapper .slider-for .background-image {
        height: 350px;
    }

    .definitions-quote-wrapper .slider-for p {
        font-size: 1.4em;
    }

    .definitions-quote-wrapper .slider-for p.quote-name {
        font-size: 1em;
    }

}

@media all and (max-width: 600px) {
    .definitions-quote-wrapper .slider-for .background-image {
        height: 300px;
    }

    .definitions-quote-wrapper .slider-for p {
        font-size: 1em;
    }

    .definitions-quote-wrapper .slider-for p.quote-name {
        font-size: 0.8em;
    }
}

@media all and (max-width: 400px) {
    .definitions .slick-slide div {
        width: 100% !important;
    }
}

@media all and (max-width: 350px) {
    .definitions-quote-wrapper .slider-for .background-image {
        height: 300px;
    }
}

/* Slider - End */


.definitions-news .news-image {
    min-height: 170px;
}

.definitions-news article {
    margin: 0px 15px;
}

.definitions-news .home-news article p {
    font-size: 1em;
    margin: 15px 0 8px;
    color: #b8b8b8;
    font-weight: 700;
}

.definitions-news article h1 {
    margin-top: 20px;
}

.definitions-news .home-news article h1 a {
    color: #403d3d;
}

.definitions-news .home-news article h1 a:hover {
    color: #27b6b1;
}


.definitions-news .slick-dots, .definitions .slick-dots {
    right: 0 !important;
    margin: 0 auto;
    left: 0;
    bottom: -30px;
}

.definitions-news .slick-dots li.slick-active button, .definitions-news .slick-dots li:hover button,
.definitions .slick-dots li.slick-active button, .definitions .slick-dots li:hover button {
    background-color: #27b6b1 !important;
    border-color: #27b6b1 !important;
}

.definitions-news .slick-dots li button, .definitions .slick-dots li button {
    background-color: #ccc;
    border: 2px solid #ccc;
}

.definitions-news .slider .slick-dots li, .definitions .slider .slick-dots li {
    margin: 0 4px;
}

.definitions-news .slider .slick-dots li button, .definitions .slider .slick-dots li button {
    width: 18px;
    height: 18px;
}

.definitions-news .slick-dots li:before, .definitions .slick-dots li:before {
    content: "" !important;
}



/*.definitions-quote {
    position: relative;

    height: 400px !important;
    overflow: hidden;
}

.definitions-quote .background-image {
    background-size: cover;
    background-position: center;
    padding: 100px 0;

    height: 100vh;
}

.definitions-quote .overlay {
    width: 100%;
    height: 100%;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    background: rgba(4, 141, 136, 0.45);
}

.definitions-quote .columns {
    z-index: 990;
}

.definitions-quote p {
    font-size: 1.82em;
    color: #ffffff;
    line-height: 1.5;
    max-width: 1050px;
    margin: 0 auto;
}

.definitions-quote p.quote-name {
    font-size: 1.5em;
    margin-top: 20px;
}

@media all and (max-width: 1000px) {
    .definitions-quote .background-image {
        padding: 130px 0;
    }

    .definitions-quote p {
        font-size: 1.5em;
    }
}

@media all and (max-width: 700px) {
    .definitions-quote .background-image {
        padding: 70px 0;
    }

    .definitions-quote p {
        font-size: 1.25em;
    }
}*/