/*MB changes*/



.youtubeembed50 {
    position: relative;
    padding-bottom: calc(56.25% / 2);
    height: 0;
}
.youtubeembed50 iframe{
    position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
}

.mega-menu-image {
    max-width: 100%;
}

.fullwidthbannertitle {
    max-width: 65%;
}

.projects-heading {
    color: #fff;
}

.read-more-btn {
    width: fit-content;
    color: #000;
    text-align: center;
    font-size: 18px;
    line-height: 22px;
    padding: 14px 22px;
    background-color: #FFED00;
    font-weight: 600;
}

.mm-right {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-left: 5% !important;
    padding-right: 5% !important;
}

.mm-right p{
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: 600;
    text-align: left;
}

.sub-link:hover{
    opacity: 1 !important;
    color: #ffed00 !important;
}

.sub-chev-highlight{
    display: none;
}
.subchild:hover > .sub-chev{
    display: none;
}

.subchild:hover > .sub-chev-highlight{
    display: block;
}

.mega-menu:before{
    content: '';
    height: 40%;
    width: 20%;
    left:0;
    position: absolute;
    bottom: 6%;
    background-image: url("/images/media/svgexport-1.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left;
}

#main-menu-dt ul li.parent:hover > .mega-menu{
    display: flex !important;
}

.mega-menu .mm-left .popout-menu a{
    color: #2c4965;
}

.subchild:hover > li a{
    color: #ffed00;
}

.subchild:hover > .popout-menu{
    display: flex !important;
}

.popout-menu{
    display: none;
    background-color: #fff;
    position: absolute;
    right: 0;
    height: 100%;
    top: 0;
    left: 100%;
    width: 50vw;
    z-index: 99;
    padding-top: 120px;
    padding-left: 20%;
}

.has-subchild{
    color: #fff;
}

.subchild{
    display: flex;
    width: 100%;
    align-items: flex-start;
    justify-content: space-between;
    padding-right: 20%;
    cursor: pointer;
}

#main-menu-dt ul li.parent .mega-menu ul li{
    border-bottom: none;
}

#main-menu-dt .mega-menu ul li:first-child{
    border-left: none;
}
.mega-menu .mm-left{
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    height: 100%;
}
.mega-menu .mm-left ul{
    padding: 0;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}
#main-menu-dt .mega-menu .mm-left ul li{
    margin-bottom: 28px;
}
.mega-menu .mm-left a{
    color: #fff;
}
.mega-menu .mm-inside{
    padding: 55px 0%;
}

.mega-menu .mm-inside h3{
     color: #fff;
     margin-bottom: 32px;
     font-size: 26px;
 }

#main-menu-dt ul li.parent > a{
    font-size: 14px !important;
    text-transform: none !important;
}

.product-sol .left{
    display: flex;
    width: 100% !important;
    flex-wrap: wrap;
    
}
.product-sol .left a{
    width: 50%;
}

/* Fonts */

@font-face {
    font-family: 'Gotham';
    src: url('/css/fonts/Gotham-Book.eot'); /* IE9 Compat Modes */
    src: url('/css//css/fonts/Gotham-Book.eot') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/Gotham-Book.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/Gotham-Book.woff') format('woff'), /* Pretty Modern Browsers */
    url('fonts/Gotham-Book.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/Gotham-Book.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: 'GothamMedium';
    src: url('/css/fonts/Gotham-Medium.eot'); /* IE9 Compat Modes */
    src: url('/css//css/fonts/Gotham-Medium.eot') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/Gotham-Medium.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/Gotham-Medium.woff') format('woff'), /* Pretty Modern Browsers */
    url('fonts/Gotham-Medium.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/Gotham-Medium.svg#svgFontName') format('svg'); /* Legacy iOS */
    font-style: normal;
}


/* Basic layout styles */
html, body {
    font-size: 16px;
    font-family: 'Gotham', 'Hind', Helvetica;
    line-height: 22px;
    color: #000;
}

body {
    overflow-x: hidden;
    color: #000;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #2c4965;
    margin: 0 0 20px 0;
    margin-top: 0 !important;
    text-transform: uppercase;
    
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
    font-family: 'GothamMedium';
    margin-top: 0 !important;
    text-transform: uppercase;
}

h1, .h1 {
    font-size: 50px;
    text-transform: uppercase;
    line-height: 55px;
}

h2, .h2 {
    font-size: 38px;
    line-height: 42px;
}

h3, .h3 {
    font-size: 30px;
    line-height: 36px;
}

h4, .h4 {
    font-size: 24px;
    line-height: 28px;
}

h5, .h5 {
    font-size: 21px;
    line-height: 24px;
}

h6, .h6 {
    font-size: 18px;
    line-height: 21px;
}

/*h1, h2, h3, h5 {
    text-transform: uppercase;
}*/

a {
    color: #61b1b9;
    text-decoration: none;
}

    a:hover, a:focus {
        opacity: 0.8;
        text-decoration: none;
        color: inherit;
    }

.sidenav a, #main-menu-mb a, .sidenav a, #main-menu-mb a, #main-menu-dt .mega-menu .links a,
#main-menu-dt ul li.parent > a,
.breadcrumbs ul li a {
    color: #000;
}



/* Generic Padding and Margin Classes */
.tp-none {
    padding-top: 0 !important;
}

.bp-none {
    padding-bottom: 0 !important;
}

.tm-none {
    margin-top: 0 !important;
}

.bm-none {
    margin-bottom: 0 !important;
}

.sp-none {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Something Else */
.theme-dropdown .dropdown-menu {
    position: static;
    display: block;
    margin-bottom: 20px;
}

.theme-showcase > p > .btn {
    margin: 5px 0;
}

.theme-showcase .navbar .container {
    width: auto;
}



/* Breadcrumb */
.breadcrumbs {
    padding: 0 0 0 0;
    margin: 0;
    height: 46px;
    display: flex;
    align-items: center;
}

    .breadcrumbs ul {
        margin: 0
    }

        .breadcrumbs ul li {
            display: inline-block;
            padding: 0;
            position: relative;
            font-size: 12px;
        }

/* anchorNav */
.block-inpage-navbar {
    background-color: #ebebeb;
    border-bottom: solid 2px #dad7d7;
}

    .block-inpage-navbar ul {
        width: 100%;
        display: table;
        table-layout: fixed;
        margin-bottom: 0;
        padding-left: 0;
        margin-top: 8px;
    }

        .block-inpage-navbar ul li {
            display: table-cell;
            width: auto;
            text-align: center;
        }

            .block-inpage-navbar ul li:hover {
            }

            .block-inpage-navbar ul li a {
                font-family: 'Gotham', 'Open Sans';
                font-size: 14px;
                text-transform: uppercase;
                padding: 5px 0;
                display: block;
                color: #000;
            }

            .block-inpage-navbar ul li:hover a {
                text-decoration: none;
                cursor: pointer;
                font-weight: bold;
            }

/* Generic Colour Classes / Styles */
.bg1, .btn1, input[type="submit"].btn.primary {
    background-color: #ffed00;
    color: #000;
}
/* Yellow */
.bg2, .btn2 {
    background-color: #c7302c;
}
/* Dark Grey */
.bg3, .btn3 {
    background-color: #2c4965;
}
/* black */
.bg4, .btn4, input[type="submit"].btn.btn4 {
    background-color: #000;
    color: #fff;
}

    .btn4:hover {
        background-color: #3b444a;
        color: #fff;
    }

/* Light Grey */
.bg5, .btn5 {
    background-color: #ebebeb;
}

.bg6, .btn6 {
    background-color: #fff;
}
/* White */


.darkBlueBG {
    background-color: #2c4965;
}

.lightBlueBG {
    background-color: #a0c8d8;
}

.turquoiseBG {
    background-color: #61b1b9;
}

.greenBG {
    background-color: #c0ce2e;
}

.purpleBG {
    background-color: #634b72;
}

.pinkBG {
    background-color: #a4186d;
}

.orangeBG {
    background-color: #ee7402;
}

/*.btn1:hover, input[type="submit"].btn.primary:hover {
    background-color: #DDCE02;
}

.btn3:hover, .btn4:hover, .btn5:hover, .btn5:hover {
    background-color: #c7302c;
}*/

.btn.btn1 a, .btn.btn1 a:visited, .btn.btn1 a:active {
    text-decoration: none;
    color: #000;
}

.btn.btn2 a, .btn.btn2 a:visited, .btn.btn2 a:active {
    text-decoration: none;
    color: #fff;
}

/*.btn2:hover {
    background-color: #A11F1B;
    color: #fff;
}*/

.btn2 {
    color: #fff;
}

.btn-sm {
    border-radius: 0;
}

.btn {
    font-family: 'Gotham';
}

    .btn:hover {
        opacity: 0.8 !important;
    }

.font1 {
    color: #ffed00;
}

.font2 {
    color: #c7302c;
}

.font3 {
    color: #000;
}

.font4 {
    color: #000;
}

.font5 {
    color: #ebebeb;
}

.font6 {
    color: #fff;
}

.dark-blue {
    color: #2c4965 !important;
}

.light-blue {
    color: #a0c8d8 !important;
}

.font6 {
    color: #fff;
}

.turquoise {
    color: #61b1b9;
}

.green {
    color: #c0ce2e;
}

.purple {
    color: #634b72;
}

.pink {
    color: #a4186d;
}

.orange {
    color: #ee7402;
}

.noMargin {
    margin: 0;
}

.noPadding {
    margin: 0;
}


.colas-grey {
    color: #000;
}

.eras-demi {
    font-family: ErasDemi, 'Open Sans' !important;
}


.top-border1 {
    border-top: solid 1px #ffed00;
}
/* Yellow */
.top-border2 {
    border-top: solid 1px#c7302c;
}
/* Red */
.top-border3 {
    border-top: solid 1px #2c4965;
}
/* D /* Yellow Dark Grey */
.top-border4 {
    border-top: solid 1px#000;
}
/* Black */
.top-border5 {
    border-top: solid 1px#ebebeb;
}
/* Light Grey */
.top-border6 {
    border-top: solid 1px#fff;
}
/* White */

.grey-border {
    border: solid 2px #ebebeb;
}

.addOpaqueLayer {
    box-shadow: inset 0 0 0 2000px rgba(51,63,72,0.5);
}

a.more, span.more a {
    font-weight: 500;
    color: #2c4965;
    padding-left: 30px;
    background: url('/images/static/2021/Arrow bullet blue.svg') no-repeat left center;
    text-transform: uppercase;
    background-size: contain;
    font-family:GothamMedium;
}

a.more.white-blue, span.more a.white-blue {
    background-image: url('/images/static/2021/Arrow bullet blue_8.svg');
}

a.more.blue-white, span.more a.blue-white {
    background-image: url('/images/static/2021/Arrow bullet blue_10.svg');
}

.related a {
    color: #2c4965;
    font-size:16px;
    font-family:GothamMedium;
}

.block-fullWidth-centered-icon-link a.more, .block-fullWidth-centered-icon-link span.more a {
    font-size: 21px;
    color: #000;
    display: block;
   background-image:none !important;
   padding-left:0;
}

/*a.more:after, span.more a:after {
    display: inline-block;
    content: "\f101";
    font-family: 'FontAwesome';
    width: 9px;
    margin: 0 0 0 10px;
    color: #000;
}*/

/*a.more:hover:after, span.more a:hover:after, a.more:hover {
        color: #000;
        text-decoration: none;
    }*/

.dark h2, .dark p, .dark a, .dark a.more, .dark a.more:after, .social .dark i {
    color: #fff;
}

/*.dark a:hover, .dark a.more:hover:after {
        color: #ffed00;
    }*/

.darkAlt h2, .darkAlt p, .darkAlt a, .darkAlt a.more, .darkAlt a.more:after {
    color: #ffed00;
}

/*.darkAlt a:hover, .darkAlt a.more:hover:after {
        color: #fff;
    }*/

/*ul.style1 {
    list-style-type: circle;
}

.fa-ul .fa-circle-thin.style1:before, .fa-ul .fa-circle.style1:before {
    color: #ffed00;
}

.fa-ul .fa-circle-thin.style2:before, .fa-ul .fa-circle.style2:before {
    color: #c7302c;
}

.fa-ul .fa-circle.style3:before {
    color: #000;
}

.fa-ul .fa-circle-thin.style3:before {
    color: #ffed00;
}

.fa-ul .fa-circle-thin.style3 {
    color: #000;
}

ul.red, ul.yellow, .rte ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

    ul.red li, ul.yellow li, .rte ul li {
        background-position: left 3px;
        background-repeat: no-repeat;
        padding-left: 24px;
        margin-bottom: 10px;
    }

        ul.red li, .rte ul li.redbullet, .rte ul li span.redbullet {
            background-image: url(/images/static/bullet-red.png);
        }

    ul.yellow li, .rte ul li {
        background-image: url(/images/static/bullet-yellow.png);
    }

        .rte ul li span.redbullet, .rte ul li span.whitebullet, .rte ul li span.blackbullet, .rte ul li span.blackwhitebullet {
            background-position: 0 3px;
            background-repeat: no-repeat;
            padding-left: 24px;
            display: block;
            left: -24px;
            position: relative;
        }

        ul.black li, .rte ul li.blackbullet, .rte ul li span.blackbullet {
            background-image: url(/images/static/bullet-black.png);
        }

        ul.white li, .rte ul li.whitebullet, .rte ul li span.whitebullet {
            background-image: url(/images/static/bullet-white.png);
        }

        ul.blackwhite li, .rte ul li.blackwhitebullet, .rte ul li span.blackwhitebullet {
            background-image: url(/images/static/bullet-blackwhite.png);
        }*/

.rte ul {
    padding: 0;
    margin: 0 0 20px 0;
}

    .rte ul li {
        background-position: 0 4px;
        background-repeat: no-repeat;
        padding-left: 24px;
        display: block;
        position: relative;
        margin-bottom: 6px;
        font-size:16px;
        font-weight:normal;
        font-family: Gotham;
        line-height:22px;
    }

    .rte ul li {
        background-image: url('/images/static/2021/Arrow bullet yellow.svg');
        background-size: 15px;
    }

.dark .rte ul li {
    background-image: url('/images/static/2021/Arrow bullet yellow.svg');
    background-size: 15px;
}

.rte p:last-child, .rte:last-child {
    margin-bottom: 0 !important;
}

/*.rte a:hover:not(.btn), .rte a:focus:not(.btn), form a:hover:not(.btn), form a:focus:not(.btn) {
    opacity: 1;
    text-decoration: none;
    color: inherit;
    color: #bca548;
}*/

.rte a:not(.btn), form a:not(.btn), form a:not(.tel), form a:not(.email), form a:not(.btn), .rte a:not(.tel), .rte a:not(.email) {
    color: #61b1b9;
    text-decoration: underline;
}

.contact-details a {
    color: #000 !important;
    text-decoration:none !important;
    text-transform: uppercase;
}


.btn {
    display: inline-block;
    padding: 11px 25px;
    margin-bottom: 0;
    font-weight: 600;
    line-height: 1.81;
    border: none;
    border-radius: 0;
    font-size: 16px;
    text-transform: uppercase;
    margin-top: 10px;
    font-family: GothamMedium;
}

/* Breadcrumbs */
.breadcrumbs ul li + li:before {
    display: inline-block;
    content: "\f105";
    font-family: 'FontAwesome';
    width: 9px;
    margin: 0 3px;
    color: #3c3c3c;
}

.breadcrumbs ul li a {
    font-weight: normal;
}

.breadcrumbs ul li.active {
    font-weight: bold;
}

/* Hero */
.block-hero-image-wrapper {
    width: 100%;
    position: relative;
    background-repeat: no-repeat;
    background: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    box-shadow: inset 0 0 0 2000px rgba(51,63,72,0.3);
    background-color: #2c4965;
}

    .block-hero-image-wrapper.small .hero-under, .bar-under {
        position: absolute;
        width: 2700px;
        bottom: -24px;
        left: 44px;
        height: 24px;
        background-color: #ffe100;
        z-index:1;
    }

        .block-hero-image-wrapper.small .hero-under img, .bar-under img {
            position: absolute;
            bottom: 0;
            left: -43px;
        }

.bar-under-cont .bar-under {
    bottom: -23px;
}

    /*.block-hero-image-wrapper::after {
    background-color: #2c4965;
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0.5;
}*/

    .block-hero-image-wrapper .block-hero-image {
        /*margin: 0;
position: absolute;
top: 50%;
transform: translate(0, -50%)*/
        display: flex;
        align-items: center;
    }

        .block-hero-image-wrapper .block-hero-image.left {
            justify-content: flex-start;
        }

        .block-hero-image-wrapper .block-hero-image.center {
            justify-content: center;
        }

        .block-hero-image-wrapper .block-hero-image.right {
            justify-content: flex-end;
        }

        .block-hero-image-wrapper .block-hero-image h2, .block-hero-image-wrapper .block-hero-image h1 {
            color: #fff;
            font-size:70px;
            line-height:72px;
            /*margin: 0;*/
        }

.block-rte-list .bullets h2, .block-rte-list .rte h2:first-child {
    font-size: 30px;
    font-family: 'GothamMedium', 'Hind', Helvetica;
    line-height: 36px;
    font-weight: 700;
    text-transform: unset;
    text-transform: uppercase;
}

.block-rte-list .fa-ul > li {
    margin-bottom: 20px;
}

/*.block-RTE-contact-box ul li {
    color: #2c4965;
    font-size: 21px;
    font-weight: bold;
}*/


.block-RTE-contact-box .contact p {
    color: #2c4965;
    font-size: 21px;
}

.block-RTE-contact-box .contact h2 {
    color: #2c4965;
    margin-bottom: 20px;
    font-size: 30px;
    line-height:1.2;
}

.block-RTE-contact-box .contact {
    padding: 30px;
}

    .block-RTE-contact-box .contact a {
        color: #2c4965;
        text-decoration:none;
    }

    .block-RTE-contact-box .contact a:hover {
        text-decoration: underline;
    }

    .block-RTE-contact-box .contact .contact-icon {
        margin-top: 30px;
        text-align: right;
    }

    .block-RTE-contact-box .contact .contact-icon img {
        width:90px;
    }

div.icon {
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 54px;
    min-height: 68px; /*margin-bottom:20px;*/
    position: relative;
    display: flex;
    align-items: center
}

    div.icon.red {
        background-image: url(/images/media/Intro-red-curve.png);
    }

    div.icon.yellow {
        background-image: url(/images/media/Intro-yellow-curve.png);
    }

    div.icon.whole {
        background-image: url(/images/media/circle-graphic.png);
        padding-left: 88px;
    }

    div.icon h2 {
        margin-bottom: 0;
        margin-top: 0; /*position: absolute; top: 50%; transform: translate(0, -50%)*/
    }

.block-2col-icon-smalltext {
    background-color: #2c4965;
}

.block-2col-icon-smalltext .container-mimic {
    padding: 20px 0;
}

.block-2col-icon-smalltext .container-mimic h2 {
   color:#fff;
}

.block-2col-icon-smalltext .container-mimic {
   align-items:center;
}

    .block-2col-icon-smalltext .container-mimic h2, .block-2col-icon-smalltext .container-mimic img {
        float: left;
    }

    .block-2col-icon-smalltext .container-mimic img {
        margin: 0 20px;
    }

    .block-2col-icon-smalltext .container-mimic p, .block-2col-icon-smalltext .container-mimic h2 {
        margin-bottom: 0;
    }

.block-full-width-getInTouch p i {
    width: 40px;
}

.block-full-width-getInTouch p span {
    display: inline-flex;
    display: -webkit-inline-flex;
}

.block-full-width-getInTouch .tel, .block-full-width-getInTouch .email, .block-full-width-getInTouch .address {
    margin-bottom: 0;
    font-size: 21px;
    color: #dcd000;
    font-weight: bold;
}


.block-full-width-getInTouch .tel, .block-full-width-getInTouch .email, .block-full-width-getInTouch .address {
    margin-bottom: 10px;
}

.block-full-width-getInTouch p, .block-full-width-getInTouch h2, .block-full-width-getInTouch h3, .block-full-width-getInTouch a:not(.btn) {
    color: #fff;
}

.block-full-width-getInTouch h3 {
    margin-bottom: 20px;
    margin-top: 20px;
    font-family: GothamMedium;
    color: #a0c8d8;
}

.block-full-width-getInTouch h2 {
    margin-bottom: 20px;
}

.map-details p, .map-details h2, .map-details h3, .map-details a:not(.btn) {
    color: #000;
}

.block-full-width-getInTouch .email a {
    color: #dcd000;
}

.block-full-width-getInTouch.office {
    position: relative;
}

    .block-full-width-getInTouch.office .office-details {
    }

.block-full-width-rte-corner-imageBG {
    background-repeat: no-repeat;
}

    .block-full-width-rte-corner-imageBG.right {
        background-position: right bottom;
        background-size: contain;
    }

    .block-full-width-rte-corner-imageBG.left {
        background-position: left bottom;
        background-size: contain;
    }

.block-fullWidth-centered-icon-link {
    position: relative;
}


    .block-fullWidth-centered-icon-link img, .block-fullWidth-centered-icon-link h2 {
        display: inline-block;
        vertical-align: middle;
    }

    .block-fullWidth-centered-icon-link img {
        margin-right: 20px;
        position:relative;
        top:-4px;
    }

    .block-fullWidth-centered-icon-link h2 {
        margin-bottom: 0;
        font-size: 21px;
        text-transform: none;
        padding: 14px 0;
    }

        .block-fullWidth-centered-icon-link h2 a {
            color:#000;
        }

.block-rte-countdownWithBg, .block-rte-quote {
    background-color: #2c4965;
}


    .block-rte-countdownWithBg .timer-block h2, .block-rte-quote .quote-block h2 {
        color: #fff;
        margin: 0;
        font-size: 63px;
        line-height: 0.76;
        margin-bottom: 10px;
    }

    .block-rte-quote .cont-left *, .block-rte-countdownWithBg .rte *, .block-rte-countdownWithBg .rte * {
        color: #fff;
    }

    .block-rte-quote .quote-block h2 {
        font-size: 21px;
        font-weight: 500;
        line-height: 1.19;
        margin-bottom: 20px;
    }

    .block-rte-quote .cont-left h2 {
        font-size: 38px;
        font-weight: 500;
        line-height: 42px;
        color: #fff;
        margin-bottom: 30px;
    }

    .block-rte-quote .cont-left a {
        color:#000;
        font-family:GothamMedium;
        font-size:16px;
        text-decoration:none;
    }

    .block-rte-quote .quote-block p {
        font-size: 14px;
        font-weight: 500;
        line-height: 18px;
        margin-bottom:5px;
    }

    .block-rte-quote .quote-block div {
        position:relative;
    }

    .block-rte-quote .quote-block h2:before {
        background: url('/images/static/2021/left quote mark.svg');
        width: 29px;
        height: 43px;
        position: absolute;
        top: -30px;
        left: -30px;
        content: '';
    }

    .block-rte-quote .quote-block h2:after {
        background: url('/images/static/2021/right quote mark.svg');
        width: 29px;
        height: 43px;
        position: absolute;
        bottom: 50px;
        right: -42px;
        content: '';
    }


.block-fullWidth-centered-icon-link .fa.fa-angle-right {
    font-size: 30px;
    top: 2px;
    position: relative;
    margin-right: 20px;
}

.block-rte-countdownWithBg .timer-block p {
    color: #a0c8d8;
    text-transform: lowercase;
    margin: 10px 0 0 0;
}


.partialBg1 {
    background-color: #fff;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#fff, endColorstr=#052afc);
    background-image: -moz-linear-gradient(left, #fff 50%, #052afc 50%);
    background-image: -webkit-linear-gradient(left, #fff 50%, #052afc 50%);
    background-image: -ms-linear-gradient(left, #fff 50%, #052afc 50%);
    background-image: linear-gradient(left, #fff 50%, #052afc 50%);
    background-image: -o-linear-gradient(left, #fff 50%, #052afc 50%);
    background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(50%,#fff), color-stop(50%,#052afc));
}

.block-get-in-touch-text h2 {
    color: #fff;
}

.block-latest-news-social-items .social .mh {
    position: relative;
}

.block-latest-news-social-items .social i {
    font-size: 1.5em;
    position: absolute;
    bottom: 20px;
}

.block-latest-news-social-items .news li {
    margin-bottom: 20px;
    font-size: 18px;
}

    .block-latest-news-social-items .news li a {
        font-size: 16px;
    }

.block-latest-news-social-items .social a, .block-latest-news-social-items .news a {
    text-transform: none;
}


.block-full-width-partners .image {
    position: relative;
    text-align: center;
}

    .block-full-width-partners .image.cursor {
        cursor: pointer;
    }

.block-full-width-partners h2 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    width: 100%;
}

.block-twoCol-text-media .leftCol {
    padding-left: 250px;
    padding-right: 100px;
}

.block-twoCol-text-media.left .leftCol {
    padding-left: 100px;
    padding-right: 250px;
}

.block-twoCol-text-media .leftCol .wpb_column {
    position:relative;
}

.block-twoCol-text-media .leftCol .wpb_column.showShape:before {
    background: url('/images/static/2021/Shape hyphen.svg') no-repeat center center;
    position:absolute;
    content:'';
    left: -60px;
    top:0;
    width:42px;
    height:93px;
}


.block-twoCol-text-media .leftCol h3 {
    margin-bottom: 0;
}
    
.block-twoCol-text-media .leftCol h3 {
    margin-bottom: 0;
}


.block-3col-text-or-imageBG.related .box {
    opacity: 0.9;
    position: absolute;
    bottom: 0;
    padding: 5px 10px;
    width: 100%;
    height: 94px;
}

.block-3col-text-or-imageBG.related .title {
    opacity: 1;
    position: absolute;
    bottom: 34px;
    padding: 0 20px;
    margin: 0;
    font-size: 24px;
}

.news .more {
    font-weight: normal;
    color: #000;
}
/* Partners fancybox */
.pt-fb {
}

    .pt-fb .fancybox-close-small:after {
        width: 50px;
        height: 50px;
        font: 30px/40px Arial,Helvetica Neue,Helvetica,sans-serif;
        color: #ffed00;
        font-weight: 300;
        text-align: center;
        border-radius: 0;
        border-width: 0;
    }

    .pt-fb .fancybox-close-small:hover:after {
        /*color: #000;*/
        background: none;
    }

.block-multicol-single-text-or-imageBG .block, .block-multicol-single-office-or-imageBG .block {
    height: 100%;
}

    .block-multicol-single-text-or-imageBG .block .content {
        min-height: 200px;
    }


    .block-multicol-single-text-or-imageBG .block .content, .block-multicol-single-office-or-imageBG .content {
        width: 100%;
        padding: 40px;
    }

.block-multicol-single-text-or-imageBG p.icon {
    margin-bottom: 20px
}

.block-multicol-single-text-or-imageBG .icon img {
    height: 70px;
}

.block-multicol-single-text-or-imageBG .block:not(.dark) .content a {
    color: #000;
    font-family: GothamMedium;
    font-weight:500;
}

.block-multicol-single-text-or-imageBG .block:not(.dark) .content a.more {
    background-image:url('/images/static/2021/Bullet arrow black.svg');
}

.block-multicol-single-text-or-imageBG .block.dark .content a.more {
    background-image: url('/images/static/2021/Arrow bullet blue_8.svg');
    color: #fff;
    font-family: GothamMedium;
    font-weight: 500;
}

.block-multicol-single-text-or-imageBG .block .content.centered, .block-multicol-single-office-or-imageBG .block .content.centered {
    position: absolute;
    top: calc(50% + 20px);
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 40px;
}

.block-multicol-single-office-or-imageBG .block .content.centered {
    top: 50%;
}




.block-multicol-single-text-or-imageBG .block .content h2, .block-multicol-single-office-or-imageBG .block .content h2 {
    margin: 10px 0 20px 0;
}

.block-multicol-single-text-or-imageBG .block .content .subText {
    margin: -20px 0 0 0;
    font-size: 18px;
    text-transform: uppercase;
}

.block-multicol-single-text-or-imageBG .block.image h2, .block-multicol-single-text-or-imageBG .block.image p, .block-multicol-single-office-or-imageBG .content h2,
.block-multicol-single-office-or-imageBG .block.image .content p {
    color: #fff;
}

.block-multicol-single-text-or-imageBG .row .mh {
    min-height: 290px;
}

.block-multicol-single-office-or-imageBG .bgBlock {
    padding: 30px;
}

.block-multicol-single-office-or-imageBG .bgBlock a {
    color:#000;
}

.block-multicol-single-office-or-imageBG .bgBlock.dark a {
    color: #fff;
}

.block-multicol-single-office-or-imageBG .bgBlock a {
    font-size:16px !important;
    line-height:18px;
    text-transform:capitalize;
}

.block-multicol-single-office-or-imageBG a .fa {
    margin-right: 20px;
}

.container-fluid.alt-container.block-full-width-getInTouch.closed {
    display: none;
}

.block-latest-vacancies .vacancy {
    padding: 20px 0;
}

.block-latest-vacancies h2 {
    margin: 20px 0 5px 0;
}

.block-latest-vacancies p {
    margin: 0;
}

    .block-latest-vacancies p a.more:after {
        color: #fff;
    }

    .block-latest-vacancies p a.more:hover:after {
        color: #000;
    }


.block-multicol-related-links li, .block-multicol-related-links h2, .block-multicol-related-links a {
    color: #fff;
}

.block-multicol-related-links li {
    margin: 3px 0;
}

.news-listing .news-item, .case-listing .case-item {
    margin-top: 40px;
    position: relative;
    padding-bottom: 20px;
}

    .news-listing .news-item img, .case-listing .case-item img {
        border: solid 1px #f2f2f2;
    }

    .news-listing .news-item h2, .case-listing .case-item h2 {
        font-size: 18px;
        margin-top: 20px !important;
    }

    .news-listing .news-item h2 a {
        color:#000 !important;
    }

        .news-listing .news-item h2 a:hover {
            color: #000 !important;
        }

    .news-listing .news-item p, .case-listing .case-item p {
        font-size: 16px;
        color: #000;
        line-height: 1.38;
        font-family: 'Gotham', 'Open Sans';
    }

.case-item p:first-of-type {
    text-transform: uppercase;
}

.news-listing .news-item .more {
    position: absolute;
    bottom: 0;
    font-size: 16px;
    font-family: GothamMedium;
    color: #2c4965;
}

.news-listing .news-item .more:hover {
    color: #2c4965;
}

.case-listing .case-item {
    width: 100%;
    position: relative;
    background-repeat: no-repeat;
    background: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 380px;
}

    .case-listing .case-item .inner {
        background-color: #fff;
        padding: 30px;
        position: absolute;
        bottom: 0;
        left: 80px;
        width: 400px;
    }

    .case-listing .case-item:nth-child(even) .inner {
        left: auto;
        right: 80px;
    }

    .case-listing .case-item .inner h2, .case-listing .case-item .inner {
        margin: 0;
    }


/* Vacancies */
.vacancy-outer {
    background-color:#A0C8D8;
}

.vacancies-listing {
    margin: 50px auto;
}

.vacancies-listing .vacancy {
    padding: 20px;
    margin-bottom: 20px;
}

.vacancies-listing .mh {
    margin-bottom: 20px;
}

.vacancies-listing .vacancy h2 {
    margin-top: 0;
}

.vacancies-listing .vacancy a.more, .vacancies-listing .vacancy span.more a {
    background-image: url('/images/static/2021/Arrow bullet blue_8.svg');
    color:#fff;
}

/* Footer */
#footer {
    padding: 40px 0 20px 0;
    background:#2c4965 url('../images/static/2021/yellow graphic.svg') no-repeat right center;
}

    #footer h2, #footer p, #footer li, #footer li a {
        color: #fff;
    }

    #footer li, #footer li a, #footer p {
        font-size: 14px;
    }

    #footer h2 {
        margin-bottom: 15px;
    }

        #footer p.copy {
            font-size: 12px;
            color: #a0c8d8;
        }

    #footer li:not(:last-child) {
        margin-bottom: 6px;
    }

    #footer .list-inline li, #footer .list-inline a {
        margin-bottom: 20px;
        font-size: 14px;
    }

    #footer .social .icons a:not(:last-child) {
        margin-right:20px;
    }

#footer .social .icons i {
    font-size: 22px;
      font-weight: normal;
      line-height: 1.48;
      color: #fff;
}

#footer .btn {
    font-size: 12px;
    font-weight: 600;
    line-height: 1.83;
    color: #000;
    padding:15px 25px;
}

/* Helper Classes */
.height100Percent {
    height: 100% !important;
}

.bg-cover {
    background-position: center center;
    background-size: cover;
    height: 100%;
}

.img-cont a:not(:last-child), .img-cont img:not(:last-child) {
    margin-right: 20px;
}

.img-cont img {
    margin-bottom: 20px;
    float: left;
}

.flexCenterV {
    display: flex;
    height: 100%;
}

.flexCol {
    flex-direction: column;
}

.flexRow {
    flex-direction: row;
    align-items: center;
}

.just-cont-center {
    justify-content: center;
}

.tbPadding47 {
    padding-top: 47px;
    padding-bottom: 47px;
}

.mr-80 {
    margin-right: 80px;
}

.ml-80 {
    margin-left: 80px;
}

.pos-rel {
    position: relative;
}

.h-100 {
    height: 100%;
}

.chevrons {
    width: 150px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

    .chevrons.left {
        left: 0;
    }

    .chevrons.right {
        right: 0;
    }

/* RTE styles */
.rte p {
    margin-bottom: 20px;
}

.rte table {
    width: 100%;
    background-color: #2c4965;
    color: #fff;
    margin: 20px 0;
}

    .rte table td, .rte table th {
        color: #fff;
        padding: 20px;
        border: solid 2px #fff;
    }

    .rte table td {
        padding: 5px 20px;
    }

#gotoTop {
    display: none;
    z-index: 299;
    position: fixed;
    width: 40px;
    height: 40px;
    background-color: #333;
    background-color: rgba(0,0,0,0.3);
    font-size: 20px;
    line-height: 36px;
    text-align: center;
    color: #FFF;
    top: auto;
    left: auto;
    right: 30px;
    bottom: 50px;
    cursor: pointer;
    border-radius: 2px;
    color: #fff;
}

    #gotoTop i:hover {
        color: #ffed00 !important
    }

/* Forms */
input[type="text"], textarea {
    display: block;
    width: 100%;
    height: 50px;
    padding: 6px 12px;
    font-size: 16px;
    line-height: 1.42857143;
    color: #000;
    background-color: #fff;
    background-image: none;
    border: solid 1px #707070;
}

.vacancy-form input[type="text"] {
    color: #000;
    background-color: #fff;
}

.vacancy-form .umbraco-forms-field-wrapper h2 {
    font-size: 16px;
    font-family: 'Gotham', 'Hind', Helvetica;
    line-height: 22px;
    font-weight: normal;
}

.contact-us-form textarea {
    height: 100px;
}

select {
    display: inline-block;
    height: 50px;
    background-image: none;
    border: solid 1px #707070;
}

.umbraco-forms-container select {
    background-color: #FFF;
    width: 100%;
}

select.white, .vacancy-form select {
    background-color: #fff;
}

label {
    font-weight: 600;
    margin-top: 20px;
    text-transform:uppercase;
}

.dataconsent label {
    text-transform: none;
}

/*select {
    background: #ebebeb right 40px top 0px repeat-y url('../images/static/2x2.jpg');
}*/

.field-validation-error {
    color: #c7302c;
    font-size:14px;
}

.yellow-filter-row {
    background-color: #ebebeb;
    padding: 15px 0;
}

    .yellow-filter-row label {
        float: left;
        margin-top: 14px;
        color:#000;
    }

    .yellow-filter-row span.select {
        float: right;
        margin-left: 5px;
    }

    .yellow-filter-row span.select {
        width: 230px;
    }

    

span.select {
    position: relative;
    margin: 0 auto;
    width: 400px;
    text-align: left;
    border: solid 1px #707070;
}

    span.select select, .umbraco-forms-field-wrapper span.select {
        width: 100%;
    }

    span.select select {
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        appearance: none;
        outline: 0;
        box-shadow: none;
        border: 0 !important;
        background: #fff;
        background-image: none;
        position: relative;
        margin: 0 auto;
        text-align: left;
        cursor: pointer;
        padding: 0 20px;
        font-weight:600;
        font-size:18px;
        line-height:21px;
        text-transform:uppercase;
    }

span.select {
    position: relative;
    display: inline-block;
    height: 54px;
    line-height: 2;
    background: #fff;
    overflow: hidden;
}

.select::after {
    content:'';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 0 1em;
    background: #fff;
    pointer-events: none;
    background: url('/images/static/2021/dropdown arrow.svg') no-repeat center center;
    border-left: 1px solid #707070;
    width:50px;
    height:100%;
}



/*span.select:hover::after {
    color: yellow;
}*/

span.select::after {
    -webkit-transition: .25s all ease;
    -o-transition: .25s all ease;
    transition: .25s all ease;
}

select option {
    cursor: pointer;
    padding: 10px;
}

/*span.select.white select, .vacancy-form span.select {
    background: #fff;
}

.select.white::after {
    background: #fff;
    border-left: 2px solid #ebebeb;
}

/*.select:active::after {
    content: "\f106";
}*/

.yellow-filter-row span.select {
    height: 50px;
}

.yellow-filter-row span select {
    font-size: 16px;
    line-height: 19px;
    height:50px;
}

.vacancy-form span.select select, .vacancy-form span.select, .vacancy-form.select::after, .vacancy-form span.select::after {
    background: #fff;
}

.vacancy-form .select::after {
    border-left: 2px solid #ebebeb;
}

.umbraco-forms-field-wrapper {
    min-height: 70px;
}

.dataconsent .umbraco-forms-field-wrapper {
    min-height: 0;
}

.umbraco-forms-navigation > div {
    padding-left: 0;
    padding-right: 0;
}

.umbraco-forms-fieldset legend {
    border: none;
    color: #000;
    padding-left: 15px;
}

label.filter {
    display: inherit;
}

.contact-form-widget .rte h2 {
    margin-bottom: 0;
}

.contact-form-widget .contact-details {
    margin-top: 50px;
    margin-bottom:30px;
}

.contact-form-widget .theForm {
    margin-top: 54px;
}

.contact-form-widget label {
    display: none;
}

.contact-form-widget .recaptcha2 {
    margin-top: 20px;
    margin-bottom: 20px;
}


.contact-form-widget .dataconsent label {
    display: inline;
}

.contact-form-widget ::-webkit-input-placeholder,
.contact-form-widget ::-moz-placeholder,
.contact-form-widget :-ms-input-placeholder,
.contact-form-widget :-moz-placeholder {
    text-transform: uppercase;
    font-family: 'GothamMedium';
    font-size: 16px;
    line-height: 21px;
}

.contact-form-widget input[type="text"], .contact-form-widget textarea {
    text-transform: uppercase;
}

.contact-form-widget textarea {
    height: 100px;
}

.contact-form-widget .umbraco-forms-container {
    padding: 0 !important;
    margin-top: 20px;
}

.contact-form-widget .field-validation-error {
    margin: 10px 0 15px 0;
    display: block;
}


.contact-form-widget ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #000;
    opacity: 1; /* Firefox */
    font-family: 'Gotham';
    font-size: 14px;
    font-weight: bold;
}

.contact-form-widget :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #000;
    font-family: 'Gotham';
    font-size: 14px;
    font-weight: bold;
}

.contact-form-widget ::-ms-input-placeholder { /* Microsoft Edge */
    color: #000;
    font-family: 'Gotham';
    font-size: 14px;
    font-weight: bold;
}

.contact-form-widget .contact-details {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

    .contact-form-widget .contact-details .email {
        margin-left: 40px;
    }

.contact-form-widget a img, .contact-form-widget h2 img{
    margin-right:20px
}

.parallax-window {
    min-height: 400px;
    background: transparent;
}

/* Main Nav / Header */

#main-content {
    margin-top: 132px;
}

header {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
    top: 0;
}

    header .navbar-default {
        background-color: #2c4965;
        margin: 0;
        min-height: 90px;
        background-image: none;
        border-radius: 0;
        box-shadow: none;
    }

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border: none;
    box-shadow: none;
}

.navbar-collapse, .navbar-default {
    border: none;
    box-shadow: none;
}

.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-top: 15px;
}

.navbar-brand, .navbar-nav > li > a {
    text-shadow: none;
    padding: 0
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .open > a {
    box-shadow: none;
    background-image: none;
}

    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav a {
        background-color: transparent;
        color: #fff;
    }

.navbar-default .navbar-nav > .active > a {
    color: #dcd000;
}

.navbar-default .navbar-nav > li > a {
    color: #fff;
    font-family: 'GothamMedium';
    font-size: 15px;
    display: inline;
}

    .navbar-default .navbar-nav > li > a:not(:last-child) i {
        margin-right: 20px;
    }

    .navbar-default .navbar-nav a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
        color: #fff;
    }


.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
    width: 32px;
    height: 3px;
    margin-bottom: 6px;
}

.navbar-default .navbar-toggle, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background: none;
    border: none;
    padding: 10px;
    margin: 20px 0 0 0;
}


.main-nav-toggle .toggle {
    cursor: pointer;
}

.main-nav-toggle h2 {
    margin: 0;
    display: inline-block;
    font-family: 'Gotham', 'Open Sans';
    font-weight: bold;
    font-size: 18px;
    padding: 15px 0 13px 0;
}


#leftNavToggle {
    border-right: 1px solid #dcd000;
    position: relative;
    float: left;
    width: 50%;
    border-bottom: 2px solid #dcd000;
}

#rightNavToggle {
    border-left: 1px solid #dcd000;
    position: relative;
    float: left;
    width: 50%;
    border-bottom: 2px solid #dcd000;
}

#leftNavToggle > div {
    position: relative;
}

#rightNavToggle > div {
    position: relative;
}

    #rightNavToggle > div h2 {
        padding-left: 20px;
    }

.main-nav-toggle .nav-toggle {
    position: absolute;
    right: 0;
    width: 50px;
    height: 100%;
    cursor: pointer;
    top: 0;
    text-align: center;
    font-size: 34px;
    font-weight: 600;
    display: inline-block;
}

    .main-nav-toggle .nav-toggle:before {
        position: absolute;
        font-family: 'FontAwesome';
        top: 14px;
        left: 14px;
        content: "\f107";
    }

.main-nav-toggle .open .nav-toggle:before {
    content: "\f106";
    top: 12px;
}

.sidenav {
    background-color: #fff;
    height: 100%;
    overflow-x: hidden;
    position: fixed;
    transition: .5s;
    width: 50%;
    z-index: 1;
}

    .sidenav .title {
        position: relative;
        height: 73px;
    }

        .sidenav .title h2, .sidenav .title h2 a {
            font-family: 'Gotham', 'Open Sans';
            font-size: 18px;
            padding-top: 27.5px;
        }

        .sidenav .title .logo {
            position: absolute;
            right: 0;
            width: 100px;
            top: 0;
            margin-right: 20px;
        }

            .sidenav .title .logo img {
                margin-top: 15px;
            }

        .sidenav h3, .sidenav h3 a, .sidenav .list-unstyled li h3 a, .sidenav.new .title h2, .sidenav .title h2 a {
            font-family: 'Gotham', 'Open Sans';
            font-size: 16px;
            color: #000;
            font-weight: 700;
            margin-top: 20px;
        }

        .sidenav.new .title h2, .sidenav .title h2 a {
            font-family: 'Gotham', 'Open Sans';
            font-size: 16px;
            color: #000;
            font-weight: 700;
            font-size: 20px;
        }

    .sidenav .list-unstyled li a, .sidenav.new .left-col .list-unstyled li .list-unstyled li a {
        font-family: Hind;
        font-size: 14px;
        font-weight: normal;
        margin: 5px 0;
    }

    .sidenav .left-col .list-unstyled li .list-unstyled li a {
        font-family: 'Gotham', 'Open Sans';
        font-size: 14px;
        font-weight: 700;
        color: #32404b;
    }


    .sidenav .closebtn, .sidenavR .closebtn {
        font-size: 36px;
        margin-left: 50px;
        position: absolute;
        right: 25px;
        top: 0;
    }

    .sidenav h3 a, .sidenav .list-unstyled li h3 a {
        font-size: 18px;
    }

#sidenav-left .sidenav h3 {
    margin-top: 50px;
    margin-bottom: 24px;
}

.sidenav .title.grey {
    background-color: #ddddde;
}

.sidenav .list-unstyled {
    margin-bottom: 50px;
}

.sidenav h3 {
    margin-top: 50px;
}

.sidenav .left-col h3 {
    margin-bottom: 50px;
}

.sidenav.new .left-col h3 {
    margin-bottom: 20px;
}

.search-form-container input[type="text"] {
    height: 40px;
    padding: 6px 12px;
    color: #555;
    background-color: #fff;
    border-radius: 0;
    float: left;
    width: calc(100% - 40px);
}

.search-form-container button {
    float: left;
    height: 40px;
    width: 40px;
    border: none;
    color: #000;
    background-color: #ffed00;
}

body.noscroll {
    overflow: hidden;
    height: 100%;
}

.social-share-widget h2, .social-share-widget .icons {
    float: left;
}

.social-share-widget h2 {
    margin: 27px 20px 0 0;
    font-size: 18px;
    color:#000;
}

.social-share-widget .icons {
    padding: 4px 0;
    margin-bottom:10px;
}

/* Alt Container - may change this media query to a differnt one */
.alt-container {
    padding: 0;
}

.video {
    height: 700px;
}

.fullscreen-bg {
    overflow: hidden;
    z-index: -100;
}

.fullscreen-bg__video {
    width: 100%;
    height: 100%;
}

@media (min-aspect-ratio: 16/9) {
    .fullscreen-bg__video {
        height: 300%;
        top: -100%;
    }
}

@media (max-aspect-ratio: 16/9) {
    .fullscreen-bg__video {
        width: 300%;
        left: -100%;
    }
}

@media (max-width: 767px) {
    .fullscreen-bg {
        /*background: url('/images/static/video-back-up-hero-placeholder.png') center center / cover no-repeat;*/
    }

    .fullscreen-bg__video {
        /*display: none;*/
    }
}

video {
    width: 100%;
    height: auto;
    max-height: 100%;
    display: block;
}



.video-player a.anchor {
    width: 60px;
    height: 65px;
    background: rgba(255,255,255, 0.7);
    position: absolute;
    bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    display: flex;
    align-content: center;
    justify-content: center;
}

.video-player video {
    /*  height: 540px; */
    width: 100%;
}

.video-player {
    position: relative;
}

.video-responsive {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
}

    .video-responsive iframe {
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        position: absolute;
    }

/* Pagination */
.pagination > li:first-child:not(.active) > a, .pagination > li:first-child:not(.active) > span,
.pagination > li:last-child:not(.active) > a, .pagination > li:last-child:not(.active) > span,
.pagination > li > a, .pagination > li > span {
    border-radius: 0;
    background-color: #2c4965;
    border: solid 1px #fff;
    color: #fff;
}

/*.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover {
    background-color: #ffed00;
    color: #000;
    border: solid 1px #fff;
    border-radius: 0;
}*/

.pagination > .active > a, .pagination > .active > a:focus {
    background-color: #ffed00;
    color: #000;
    border: solid 1px #fff;
    border-radius: 0;
}

    .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > .active > a:focus,
    .pagination > .active > a:hover {
        border: solid 1px #fff;
    }

    .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > .active > a:focus {
        border: solid 1px #fff;
    }

/*.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover,
.pagination > li:last-child:not(.active) > a:hover, .pagination > li:last-child:not(.active) > a:focus,
.pagination > li:first-child:not(.active) > a:hover, .pagination > li:first-child:not(.active) > a:focus {
    z-index: 2;
    color: #000;
    background-color: #eee;
    border: solid 1px #fff;
}*/

.pagination > li > a:focus, .pagination > li > span:focus,
.pagination > li:last-child:not(.active) > a:focus,
, .pagination > li:first-child:not(.active) > a:focus {
    z-index: 2;
    color: #000;
    background-color: #eee;
    border: solid 1px #fff;
}

.darken-pseudo {
    position: relative;
}

    .darken-pseudo:after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        display: block;
        background-color: rgba(0, 0, 0, 0.3);
    }

    .darken-pseudo *:not(.light-blue) {
        position: relative;
        color: #fff;
        z-index: 1;
    }

.no-decoration, .no-decoration:focus, .no-decoration:hover {
    text-decoration: none;
}

/* Related (case studies) elements at bottom of page */

/*Form updates*/
.checkbox.mandatory input[type=checkbox] {
    position: relative;
    top: -22px;
    margin-left: 0;
}

.checkbox.mandatory .umbraco-forms-field-wrapper {
    min-height: 0;
}

.checkbox.mandatory .umbraco-forms-field, .checkbox.mandatory, .checkbox.mandatory label {
    margin-top: 0;
}

    .checkbox.mandatory .field-validation-error {
        margin-left: -17px;
    }

.contactus .checkbox.mandatory {
    margin-top: 20px;
}

/* Product Page(s) */
.block-product-heading {
}

    .block-product-heading h3.prod-cat {
        padding: 15px;
        color: #fff;
        font-size: 15px;
        margin-bottom: 20px;
        display: inline-block;
        text-transform: uppercase;
        font-weight: 500;
    }


    .block-product-heading h1 {
        color: #fff;
        margin: 40px 0 30px 0;
        text-transform: none;
        font-size: 36px;
    }

    .block-product-heading .rte {
        color: #fff;
        margin-bottom: 80px;
        margin-top: 20px;
        padding-right: 20px;
    }

.prod-details .reveal:not(:first-child) .content {
    display: none;
}

.prod-details {
    margin-bottom: 95px;
}

    .prod-details .reveal {
        border-top: solid 1px #dad7d7;
        padding: 15px 0;
    }

        .prod-details .reveal .rte {
            margin-top: 20px
        }

        .prod-details .reveal:last-child {
            border-bottom: solid 1px #dad7d7;
        }

        .prod-details .reveal h2 {
            cursor: pointer;
            font-size: 21px;
            background: transparent url(../images/static/down-arrow.png) no-repeat 98% center;
            margin-bottom: 0;
            font-weight: 500;
        }

            .prod-details .reveal h2.on {
                background-image: url(/images/static/up-arrow.png);
            }

                .prod-details .reveal h2.on span {
                    color: #a0c8d8;
                }

.block-product-heading a.more {
    color: #ffed00;
    font-family: 'Gotham', 'Open Sans';
}

    .block-product-heading a.more, .block-product-heading a.more:after {
        color: #ffed00;
        font-weight: 600;
        font-size: 16px;
        text-decoration:none;
    }

        .block-product-heading a.more:hover {
            /*color: #fff;*/
        }

.back-link {
    font-family: GothamMedium;
    font-weight: 500;
    font-size: 16px;
    line-height:22px;
    color:#000;
    text-transform:uppercase;
}

.contact-row {
    padding: 40px 0;
}

    .contact-row i {
        margin-right: 15px;
        font-weight: 700;
        font-size: 24px;
    }

    .contact-row a, .contact-row a:hover {
        font-family: 'Gotham', 'Open Sans';
        font-weight: 700;
        font-size: 24px;
        color:#000;
    }

/* EZ Search */
.ezsearch-form input[type="submit"] {
    margin: 10px 0;
}

.ezsearch-summary p, .ezsearch-result-count p {
    font-size: 120%;
}

.ezsearch-pager {
    margin: 20px 0 0 0;
    ;
}

    .ezsearch-pager p {
        font-size: 150%;
    }

    .ezsearch-pager span, .ezsearch-pager a {
        margin: 0 10px;
    }

.ezsearch-result {
    border-bottom: solid #c5c5c5 2px;
    margin-bottom: 20px;
}

/* Document Library */
.doc-library {
    padding-top: 20px;
    padding-bottom: 20px;
}



    .doc-library label.filter {
        width: 80px;
    }

    .doc-library span.select select {
        height: 40px;
    }

    .doc-library .search-form-container input[type="text"] {
        color: #000;
    }

.doc-library-results table {
    width: 100%;
    background-color: #2c4965;
    color: #fff;
    margin: 20px 0;
}

    .doc-library-results table td, .doc-library-results table th {
        color: #fff;
        padding: 20px;
        border: solid 2px #fff;
    }


    .doc-library-results table td {
        padding: 15px 20px;
        color: #2c4965
    }

        .doc-library-results table td a {
            color: #2c4965;
        }

    .doc-library-results table tbody tr:nth-child(odd) td {
        background-color: #ebebeb;
    }

    .doc-library-results table tbody tr:nth-child(even) td {
        background-color: #fff;
    }

    .doc-library-results table tbody tr {
        border: solid 2px #2c4965;
    }

.block-animation-hero {
    height: 540px;
}

    .block-animation-hero h1 {
        color: #fff;
        font-size: 64px;
        line-height: 71px;
    }

    .block-animation-hero .content {
        display: flex;
        align-items: center;
    }

    .block-animation-hero .anim-container {
        width: 360px;
    }

.block-read-more-image-adverts .item {
    background-position: center center;
    background-size: cover;
    height: 100%;
    box-shadow: inset 0 0 0 2000px rgba(51,63,72,0.5);
    height: 365px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding-left: 34px;
    position: relative;
    overflow: hidden;
}

.block-read-more-image-adverts .row [class^=col-] {
    padding-left: 0;
    padding-right: 0;
}

a.read-more .read-more {
    background-color: rgba(255, 237, 0, 0.9);
    margin: 0;
    position: absolute;
    bottom: 0;
    /*right: 0;*/
    right: -126px;
    width: 190px;
    height: 60px;
    transition: 1s;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: GothamMedium;
    font-size: 16px;
    line-height:22px;
    font-weight: bold;
    color:#000;
    text-transform:uppercase;
}

a.read-more:hover .read-more:hover {
    background-color: rgba(255, 237, 0, 1) !important;
}

a.read-more .read-more img {
    width: 19px;
    height: 19px;
    position: absolute;
    left: 27px;
}

a.read-more .read-more span {
    margin-left: 38px;
}

a.read-more:hover img {
    left: auto;
    right: 25px;
}

a.read-more:hover .read-more {
    /*width: 140px;*/
    /*transition: width 0.1s;*/
    transition: 0.2s;
    right: 0;
}

a.read-more:hover .item p.read-more img:first-child {
    /*display: none;*/
}

a.read-more:hover .read-more span {
    display: inline-block;
    /*margin-right:10px;*/
    margin-left: -22px;
}

.block-read-more-image-adverts .item1 {
    height: 730px;
    padding-left: 85px;
}

.block-read-more-image-adverts h2, .block-read-more-image-adverts h3 {
    color: #fff;
}

.block-read-more-image-adverts.projects .item {
    height: 430px;
    padding-left: 34px;
}

.block-read-more-image-adverts.projects .item3 {
    height: 550px;
    padding-left: 0;
}

.block-read-more-image-adverts.projects h3 {
    color: #a0c8d8;
}

#search-form-container {
    display: none;
    z-index: 9999;
}

    #search-form-container * {
        z-index: 9999;
    }

table tr td a, table tr td a:link, table tr td a:hover, table tr td a:visited {
    color: #fff !Important;
}

.jumboCarousel {
    height: 530px;
    min-width: 100%;
}

    .jumboCarousel img:not(.c-icon) {
        min-height: 300px;
        min-width: 100%;
    }

    .jumboCarousel img.c-icon {
        position:absolute;
        top:0;
        left:-80px;
    }

    /*.jumboCarousel .carousel-indicators {
        text-align:right;
    }*/

    .jumboCarousel > .carousel-indicators > li {
        border-radius: 0px;
        width: 12px;
        height: 12px;
        background-color: #a0c8d8;
        border: none;
        margin-left: 10px;
        margin-top: 0;
        margin-bottom: 0;
    }

    .jumboCarousel > .carousel-indicators > .active {
        background-color: #ffed00;
        border: none;
    }

    .jumboCarousel .carousel-caption {
        text-align: left;
        /*top: auto;*/
        top: 50%;
        transform: translateY(-50%);
        bottom: initial;
    }

    .jumboCarousel .item {
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        transform-style: preserve-3d;
        box-shadow: inset 0 0 0 2000px rgba(51,63,72,0.5);
    }

.carousel-control {
    text-shadow: none;
    filter: alpha(opacity=100);
    opacity: 1;
    /*width:auto;
    left:auto;
    right:auto;*/
}

    .carousel-control.right, .carousel-control.left {
        background-image: none;
        filter: unset;
        background-repeat: no-repeat;
    }

    .carousel-control:focus, .carousel-control:hover {
        text-decoration: none;
        filter: alpha(opacity=100);
        outline: 0;
        opacity: 1;
    }


    .carousel-control span {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 5;
        display: inline-block;
        width: 64px;
        height: 64px;
        
        font-size: 50px;
    }

        .carousel-control span i {
            margin-top: 6px;
        }

.carousel-caption h2, .carousel-caption p {
    color: #fff;
}

.carousel-caption h3 {
    color: #a0c8d8;
}

.carousel-inner .item {
    background-size: cover;
    background-repeat: no-repeat;
    height: 530px;
}

.carousel-control {
    color: #000;
}

.carousel-previous, .carousel-next {
    position: absolute;
    top: 0;
    bottom: 0;
    text-align: center;
}

.carousel-previous {
    left: 0;
}

.carousel-next {
    right: 64px;
}

    .carousel-previous span, .carousel-next span {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 5;
        display: inline-block;
        width: 64px;
        height: 64px;
        background: rgba(255, 237,0, 0.7) url('../images/static/2021/Arrow black left.svg') no-repeat center center;
    }

    .carousel-next span {
        background: rgba(255, 237,0, 0.7) url('../images/static/2021/Arrow black right.svg') no-repeat center center;
    }

        .carousel-previous span i, .carousel-next span i {
            margin-top: 6px;
        }

.carousel-previous {
    left: 0;
}

/* Roadworks and Closures */
.block-latest-news-social-items.roads .col-xs-12 h2 {
    margin: 50px 0;
}

.roadworks {
    background-color: #0C2a60;
    padding: 24px 21px 21px 24px;
    width: 100%;
}

    .roadworks h2 {
        margin: 0 0 20px 0;
        padding-bottom: 10px;
        border-bottom: solid 2px #fff;
        text-transform: unset;
        font-size: 20px;
        font-weight: 600;
    }

    .roadworks .item {
        margin-bottom: 10px;
        border-bottom: 1px solid #fff;
        padding: 0px 0px 10px 0px;
        min-height: 80px;
    }


        .roadworks .item p, .roadworks .item h3, .roadworks .item a:hover, .roadworks h2 {
            color: #fff;
        }

        .roadworks .item a {
            color: #FFED00;
            padding-top: 5px;
        }

        .roadworks .item .icon {
            float: left;
            background: transparent url(../images/static/roadworks-news-icon-n.png) no-repeat left center;
            width: 50px;
            margin-right: 20px;
        }

        .roadworks .item .text {
            float: left;
            width: calc(100% - 226px);
        }

        .roadworks .item .link {
            float: left;
            width: 140px;
            text-align: right;
            margin-left: 10px;
        }


        .roadworks .item h3 {
            margin-bottom: 5px;
            font-size: 16px;
            line-height: 20px;
            text-transform: none;
            font-weight: 600;
        }

        .roadworks .item p {
            margin-bottom: 0;
            line-height: 18px;
        }

.vacancies-listing .images {
}

    .vacancies-listing .images img {
        max-height: 100px;
        display: inline;
        margin-left: 20px;
        float: left;
        margin-bottom: 20px;
    }

        .vacancies-listing .images img:first-child {
            margin-left: 0px;
        }

.map-details {
    height: 100%;
}

/* block-bullets-image */
.block-bullets-image .rte ul li
{
    background-image: url('/images/static/2021/Arrow bullet blue_10.svg') !important;
    background-size: 30px;
    padding-left: 50px;
    margin-bottom: 35px;
    font: normal normal normal 16px/22px 'Gotham';
}

.block-bullets-image .image
{
    text-align: center;
    
}

.block-bullets-image img
{
    max-height: 360px;
    display: inline-block;
}

/* block-staggered-ad-panels */
.block-staggered-ad-panels
{
    background-color: #A0C8D8;
    border-top: solid 10px #2C4965;
}

.block-staggered-ad-panels .container-fluid
{
    padding-left: 7%;
    padding-right: 7%;
}


.block-staggered-ad-panels .top
{
    background: #A0C8D8;
    /*background: linear-gradient(to right bottom, #A0C8D8 0%, #A0C8D8 50%, #2C4965 50%, #2C4965 100%); 
    background: linear-gradient(to bottom right, #A0C8D8 50%, #2C4965 50%);*/
    background: linear-gradient(to right top, #A0C8D8 calc(50% - 1px), #2C4965 50%);
    background: linear-gradient(to right top, #A0C8D8 50%, #2C4965 50.3%);
    background: linear-gradient(to right top, #A0C8D8 50%, #2C4965 calc(50% + 2px));
    height:325px;
}


.block-staggered-ad-panels .top-heading h2
{
    bottom: 0;
    max-width: 500px;
    font: normal normal 500 38px/42px 'GothamMedium';
    letter-spacing: 0px;
    color: #2C4965;
    margin-bottom: 10px;
}

.block-staggered-ad-panels .panels{
    margin-top: 50px;
}

.block-staggered-ad-panels .block-outer{
    padding-bottom: 50px;
}

.block-staggered-ad-panels .block .top-title
{
    font: normal normal 500 18px/21px 'GothamMedium';
    letter-spacing: 0px;
    color: #FFED00;
    margin-bottom: 30px;
}

.block-staggered-ad-panels .block .top-title,
.block-staggered-ad-panels .block h2,
.block-staggered-ad-panels .block h3
{
    text-transform: uppercase;
}

.block-staggered-ad-panels .block h2,
.block-staggered-ad-panels .block h3
{
    margin-bottom: 10px;
}

.block-staggered-ad-panels .block h2
{
    font: normal normal 500 50px/55px 'GothamMedium';
    letter-spacing: 0px;
    color: #000000;
}

.block-staggered-ad-panels .block h3
{
    font: normal normal 600 18px/21px 'GothamMedium';
    letter-spacing: 0px;
    color: #000000;
}

.block-staggered-ad-panels .block .intro
{
    font: normal normal normal 16px/22px Gotham;
    letter-spacing: 0px;
    color: #000000;
}

.block-staggered-ad-panels .block img
{
    margin-bottom: 20px;
}


/*CTA widget styles */
#ASIDE_1 {
    position: fixed;
    right: 0px;
    top: 40%;
    width: 140px;
    z-index: 999;
}

#DIV_8 {
    height: 190px;
    left: 0px;
    position: relative;
    background: rgba(0, 0, 0, 0) url("https://staging.colas.co.uk/media/1508/cta-graphic-desk-black-dropshadow.png") no-repeat;
    font: inherit;
    margin: 0px -1px 0px 0px;
    background-size: 115%;
}

#A_9 {
    display: block;
    text-align: center;
    text-size-adjust: 100%;
    width: 131.297px;
    font: inherit;
    outline: rgb(255, 255, 255) none 0px;
    padding: 16px 0px 32px;
}

#IMG_10 {
    height: 56px;
    width: 77px;
    margin: 22px -16px 2px 4px;
    outline: rgb(255, 255, 255) none 0px;
}

#H4_11 {
    width: unset;
    font: inherit;
    margin: 8px 0px -11px 24px;
}

#B_12 {
    color: #ffeb32;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

@media only screen and (max-width: 1024px) {

    #ASIDE_1 {
        top: auto;
        right: 0px;
        width: 100%;
        bottom: -3px;
    }

    #DIV_8 {
        background: rgba(0, 0, 0, 0) url("/media/1538/cta-graphic-tab-black-dropshadow-small.png") no-repeat !important;
        height: 55px;
        width: 250px;
        margin: auto;
    }

    #A_9 {
        width: 225px;
        display: inline-block;
        text-align: inherit;
    }

    #IMG_10 {
        margin: -23px 0px -28px 35px;
        height: 35px;
        width: 49px;
    }

    #H4_11 {
        margin: -18px 0px 0px 100px;
        width: unset;
        font: inherit;
    }

    #B_12 {
        font-size: 14px !important;
        letter-spacing: 0.7px;
    }

    #BR_13 {
        display: none !important;
    }

    br#BR_13 {
        display: none !important;
    }


    @media all and (max-width: 800px) {

        #ASIDE_1 {
            background-color: #2a2627;
        }

        #DIV_8 {
            background: none !important;
            height: 50px;
            width: 225px;
        }

        #IMG_10 {
            margin: -33px 0px -28px 24px !important;
        }

        #H4_11 {
            margin: -23px 0px 0px 80px;
        }

        #IMG_10 {
            margin: -5px 0px -28px 24px;
        }
    }