@font-face {
    font-family: CraftGothic;
    src: url(../../fonts/CraftGothic-Regular.woff) format('woff'), url(../../fonts/CraftGothic-Regular.woff2) format('woff2'), url(../../fonts/CraftGothic-Regular.ttf) format('truetype');
}

@font-face {
    font-family: CraftGothicBlack;
    src: url(../../fonts/CraftGothic-Black.woff) format('woff'), url(../../fonts/CraftGothic-Black.woff2) format('woff2'), url(../../fonts/CraftGothic-Black.ttf) format('truetype');
}

@font-face {
    font-family: ProzaLibre;
    src: url(../../fonts/Proza_Libre/ProzaLibre-Regular.ttf) format('truetype');
}

@font-face {
    font-family: ProzaLibre-SemiBold;
    src: url(../../fonts/Proza_Libre/ProzaLibre-SemiBold.ttf) format('truetype');
}

@font-face {
    font-family: ProzaLibre-Bold;
    src: url(../../fonts/Proza_Libre/ProzaLibre-Bold.ttf) format('truetype');
}

@font-face {
    font-family: ProzaLibre-Medium;
    src: url(../../fonts/Proza_Libre/ProzaLibre-Medium.ttf) format('truetype');
}


:root {
    --grey: #63656a;
    --light-grey: #e8e8e8;
    --lighter-grey: #f6f6f6;
    --orange: #fea30b;
    --light-blue: #67c7c1;
    --dark-teal: #186976;
    --dark-navy: #101b31;
    --new-blue: #d9eeec;
    --new-dark-blue: #1c6976;
    --new-dark-blue-header: #1f6978;
    --new-light-blue: #6ea7d4;
    --new-border-blue: #176a77;
    --offwhite: #f9f9f9;
    --offwhite2: #f9fafb;
    --grey-text: #666669;
}
/*-----------------------------------------------------------------------------------------------*/

h1,
h2,
h3,
h4 {
    font-family: "proxima-nova", sans-serif;
}

h1 {
    margin: 1.5rem 0rem;
    color: var(--orange);
    font-weight: normal;
    /*font-size: 2.6em;*/
    font-size: 55px;
    line-height: 1.05em;
}

h2 {
    margin: 1.5rem 0rem 1rem 0rem;
    color: var(--grey);
    font-weight: normal;
    /*font-size: 1.8em;*/
    font-size: 44px;
    line-height: 1.25em;
}

    h2.orange_heading2 {
        color: var(--orange);
    }

h3 {
    margin: 1.25rem 0rem 1rem 0rem;
    color: var(--orange);
    font-weight: normal;
    /*font-size: 1.2em;*/
    font-size: 35px;
    line-height: 1.25em;
}

h4 {
    margin: 1.25rem 0rem 1rem 0rem;
    font-weight: normal;
    /*font-size: 1.35em;*/
    font-size: 28px;
    line-height: 1.4em;
}

h5 {
    margin: 1.25rem 0rem 1rem 0rem;
    font-size: 23px;
}

h6 {
    margin: 1.25rem 0rem 1rem 0rem;
    font-size: 23px;
}

p {
    font-family: "proxima-nova", sans-serif;
    margin: 1rem 0rem;
    line-height: 1.4;
    /*font-size: 20px;*/
    font-size: 18px;
}

    h1:first-child,
    h2:first-child,
    h3:first-child,
    h4:first-child,
    p:first-child {
        margin-top: 0px;
    }

    h1:last-child,
    h2:last-child,
    h3:last-child,
    h4:last-child,
    p:last-child {
        margin-bottom: 0px;
    }

a {
    font-family: "proxima-nova", sans-serif;
}

    a:link,
    a:active,
    a:visited {
        text-decoration: none;
        color: var(--orange);
    }

    a:hover {
        text-decoration: underline;
    }

    a img {
        border: 0px;
    }

    a.pdf {
        display: inline-block;
        padding-left: 22px;
        background: url('../../images/pdf.png') left 2px no-repeat;
    }

    a.word {
        display: inline-block;
        padding-left: 22px;
        background: url('../../images/doc.png') left 2px no-repeat;
    }

.standard_btn {
    border: 1px solid orange;
    padding: 9px 25px;
    border-radius: 25px;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 20px;
    letter-spacing: 0.8px;
    text-decoration: none;
}

    .standard_btn + .standard_btn {
        margin: 0 15px;
    }

    .standard_btn:hover {
        text-decoration: none;
        color: white;
        background-color: orange;
    }

.btn_standard {
    margin-top: -60px;
    float: right;
    padding: 7px 25px;
    text-transform: uppercase;
    border-radius: 25px;
    border-color: var(--grey);
    font-family: "proxima-nova", sans-serif;
    font-size: 18px;
    margin-bottom: 40px;
}

    .btn_standard:hover {
        color: white;
        background-color: var(--grey);
    }

.orange_btn {
    padding: 15px 15px;
    background: var(--orange);
    color: #fff !important;
    text-decoration: none;
    display: inline-block;
    border: 0;
    border-radius: 12px;
    text-align: center;
    cursor: pointer;
    transition: linear background 0.3s;
    -webkit-transition: linear background 0.3s;
    -moz-transition: linear background 0.3s;
    -o-transition: linear background 0.3s;
}

    .orange_btn:hover {
        background: var(--light-blue);
        text-decoration: none;
    }

.orange_button {
    border: 1px solid orange;
    padding: 5px 20px;
    border-radius: 25px;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0.8px;
    text-decoration: none;
}

    .orange_button:hover {
        text-decoration: none;
        color: white;
        background-color: orange;
    }


.grey_button {
    border: 1px solid var(--grey);
    /*padding: 9px 25px;*/
    padding: 5px 20px;
    border-radius: 25px;
    color: var(--grey);
    text-transform: uppercase;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0.8px;
    text-decoration: none;
}

    .grey_button:hover {
        text-decoration: none;
        color: white;
        background-color: var(--grey);
    }

.dark_blue_button {
    border: 1px solid var(--new-dark-blue);
    padding: 5px 20px;
    border-radius: 25px;
    color: var(--new-dark-blue);
    text-transform: uppercase;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0.8px;
    text-decoration: none;
}

    .dark_blue_button:hover {
        text-decoration: none;
        color: white;
        background-color: var(--new-dark-blue);
    }

p.doc_title {
    color: #fff;
    font-size: 1em;
    margin: 0;
}

p.doc_date {
    color: #fff;
    font-size: 0.9em;
    margin: 0;
}

a.download_link {
    color: var(--grey);
    font-size: 0.8em;
    margin: 0.6em 0;
}
/*-----------------------------------------------------------------------------------------------*/

.clearer {
    clear: both;
    height: 0px;
    overflow: hidden;
    font-size: 0px;
    line-height: 0px;
}

.clear:after {
    content: " ";
    clear: both;
    display: block;
}

hr {
    height: 1px;
    overflow: hidden;
    color: var(--grey);
    border: none;
    background-color: var(--grey);
    width: 75%;
    margin-left: 0;
    opacity: 0.25;
}

.spacer {
    margin-top: 15px;
    margin-bottom: 15px;
}

.spacer_top {
    margin-top: 15px;
}

.spacer_bottom {
    margin-bottom: 15px;
}

.padder {
    padding-left: 15px;
    padding-right: 15px;
}

.padder_left {
    padding-left: 15px;
}

.padder_right {
    padding-right: 15px;
}

.nopadding {
    padding: 0px !important;
}

.nopadding_right {
    padding-right: 0px !important;
}

.nopadding_left {
    padding-left: 0px !important;
}

.push_right {
    float: right;
}

.push_left {
    float: left;
}

img.alignright {
    float: right;
    margin-left: 20px;
    margin-bottom: 4px;
    display: block;
}

img.alignleft {
    float: left;
    margin-right: 20px;
    margin-bottom: 4px;
    display: block;
}

img.aligncenter {
    text-align: center;
    margin: 1em auto 5px auto;
    clear: both;
    display: block;
}

img.fullwidth {
    margin: 0px;
    display: block;
}
/*-----------------------------------------------------------------------------------------------*/

html {
    font-size: 16px;
}

body {
    margin: 0px;
    color: var(--grey);
    font-size: 1rem;
    line-height: 1.5em;
    /*font-family: ProzaLibre;*/
    font-family: "proxima-nova", sans-serif;
    font-weight: 400;
}

    body > form {
        margin: 0px;
    }

.blur {
    -webkit-filter: blur(7px);
    -moz-filter: blur(7px);
    filter: blur(7px);
}
/*-----------------------------------------------------------------------------------------------*/

#header {
    position: sticky;
    padding: 14px 0px;
    top: 0;
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 99;
}

    #header .container {
        position: relative;
    }

    #header .logo {
        display: block;
        float: left;
        line-height: 0px;
    }

    #header .header_actions {
        margin-right: 60px;
        font-size: 1.3em;
        line-height: 1.5em;
        text-align: right;
    }

#content {
    margin-top: 30px;
}

.page_beyond #content {
    margin-top: -50px;
}


.page_beyond .banner_page_title h1 {
    padding: 35px 0px 35px 0px;
    color: var(--grey);
    font-weight: 700;
    font-size: 2em;
    width: 200px;
    text-transform: uppercase;
    margin-top: -70px;
}
/*-----------------------------------------------------------------------------------------------*/

.blue_section {
    margin-top: -80px;
    padding-left: 11vw;
    height: 500px;
    width: 50vw;
    color: white;
    background: var(--light-blue);
    margin-left: calc(-50vw + 50%);
    position: relative;
}

    .blue_section p {
        max-width: 600px; /* Limits text width inside container */
        margin: 0 auto; /* Centers text inside */
        padding: 30px; /* Adds spacing */
    }

.white_section {
    padding-left: 50px;
}
/*-----------------------------------------------------------------------------------------------*/

.video_section {
    position: relative;
    height: 60vw;
    overflow: hidden;
}
    /*.video_section:before {
    position: absolute;
    content: "";
    background: rgba(254, 163, 11, 0.75);
    bottom: -400px;
    left: 50%;
    transform: translate(-50%, 0);
    width: 105vw;
    height: 600px;
    border-radius: 50%;
    z-index: 9;
}*/

    .video_section video {
        position: absolute;
        display: block;
        left: 50%;
        transform: translate(-50%, 0);
        height: 60vw;
    }
    /*.video_section .video_img {
    position: absolute;
    top: 0;
    bottom: 0;
    width: auto;
    max-width: none;
    left: 50%;
    transform: translate(-50%, 0);
    animation-name: scaleVideoImg;
    animation-duration: 10s;
    animation-direction: alternate;
    animation-iteration-count: infinite;
    animation-delay: 1s;
}

@keyframes scaleVideoImg {
  0% {transform: translate(-50%, 0) scale(1);}
  50% {transform: translate(-50%, 0) scale(1.25);}
  100% {transform: translate(-50%, 0) scale(1);}
}*/

    .video_section .video_strapline {
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        transform: translate(0, -50%);
        padding: 15px 0;
        text-align: center;
        font-family: CraftGothicBlack, Arial, Helvetica, Tahoma, Geneva, Verdana, Sans-Serif;
        text-shadow: 10px 10px 10px #444;
    }

        .video_section .video_strapline img {
            max-width: 767px;
            margin: auto;
        }

        .video_section .video_strapline h2,
        .video_section .video_strapline h3 {
            color: #fff;
            font-weight: 700;
            margin: 0;
        }

        .video_section .video_strapline span {
            color: var(--orange);
        }

        .video_section .video_strapline h2 {
            font-size: 7em;
        }

        .video_section .video_strapline h3 {
            font-size: 4.5em;
        }

.video_audio_btn {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 1.5em;
    padding: 10px 11.36px;
    border: 0;
    border-radius: 50%;
    background: var(--orange);
    color: #fff;
    z-index: 9;
    transition: linear background 0.3s;
}

    .video_audio_btn:hover {
        background: var(--grey);
    }

    .video_audio_btn i {
        width: 22.3px;
    }

.page_down_btn {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translate(-50%, 0);
    /*font-size: 2em;*/
    /*padding: 10px 10px 7.73px;*/
    padding: 0;
    border: 0;
    /*border-radius: 50%;*/
    background: inherit;
    /*color: #fff;*/
    z-index: 9;
    transition: linear bottom 0.3s;
}

    .page_down_btn img {
        width: 60px;
        height: 60px;
    }

    .page_down_btn:hover,
    .page_down_btn:focus {
        bottom: 35px;
    }

.intro_section {
    position: relative;
    padding: 0 0 30px;
    color: var(--grey);
}

    .intro_section .intro_block {
        padding: 15px;
        border-left: 1px solid rgba(99, 101, 106, .1);
        border-right: 1px solid rgba(99, 101, 106, .1);
    }

    .intro_section .col-xs-12:first-of-type .intro_block {
        border-left: 0;
    }

    .intro_section .col-xs-12:last-of-type .intro_block {
        border-right: 0;
    }

    .intro_section .intro_block h2 {
        color: var(--grey);
        transition: linear color 0.3s;
        font-size: 1.6em;
    }

    .intro_section .intro_block:hover h2 {
        color: var(--orange);
    }

.strip_section {
    position: relative;
    background-color: var(--grey);
    color: #fff;
    padding: 35px 0;
}

    .strip_section h1,
    .strip_section h2,
    .strip_section h3,
    .strip_section h4 {
        color: #fff;
        font-size: 2.5em;
        text-align: center;
    }

.coloured-strip * {
    height: 30px
}

.coloured-strip .first-color-strip {
    background-color: var(--orange);
}

.coloured-strip .second-color-strip {
    background-color: var(--grey);
}

.coloured-strip .third-color-strip {
    background-color: var(--light-blue);
}

.about_section {
    position: relative;
    max-height: 880px;
}

    .about_section p {
        /*font-size: 1.35em;*/
        font-size: 18px;
        /*line-height: 1.3em;*/
        line-height: 1.2em;
    }

    .about_section.new-layout .about-section-text {
        /*margin-top: 175px;*/
        margin: 60px 0;
        padding: 0;
    }

@media screen and (min-width : 768px) {
    .about_section.new-layout .about-section-text {
        margin: 60px 0;
        padding-left: 15px;
        padding-right: 15px;
    }
}

.about_section.new-layout .about-section-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    position: absolute;
    right: 0;
    top: -30%;
    width: 100%;
}

@media screen and (min-width : 768px) {
    .about_section.new-layout .about-section-image {
        right: -50%;
    }
}

.values_background {
    background-color: var(--light-blue);
}

.philosophy_background {
    background-color: var(--dark-teal);
}

.finance_background {
    background-color: var(--dark-navy);
}

.unsustainable_background {
    background: url('../../images/Blue-background.png');
    background-size: cover;
}

.accreditation_background {
    background-color: #e5e6e6;
}

.netzero-section-image {
    /*position: absolute;*/
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 90vw;
    z-index: -1;
    overflow: hidden;
    max-height: 650px;
}

@media screen and (min-width : 768px) {
    .netzero-section-image {
        left: 50%;
        position: absolute;
        width: 50vw;
    }
}

.social-values-section-image {
    /*display: none;*/
    display: block;
    position: relative;
    /*top: 0;*/
    /*left: -2.5%;*/
    width: 90vw;
    height: 100%;
    z-index: -1;
    overflow: hidden;
    max-height: 650px;
    /*min-height: 575px;*/
}

@media screen and (min-width : 768px) {
    .social-values-section-image {
        min-height: 575px;
        width: 50vw;
        position: absolute;
        display: block;
    }
}

@media screen and (min-width : 1024px) {
    .social-values-section-image {
        left: -2.5%;
    }
}

@media screen and (min-width : 1440px) {
    .social-values-section-image {
        left: -20.5%;
    }
}

@media screen and (min-width : 1600px) {
    .social-values-section-image {
        left: -61.5%;
    }
}

.site_section {
    position: relative;
    padding: 75px 0;
    margin: 0 0 20px;
    background-color: var(--grey);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

    .site_section .site_description {
        position: relative;
        padding: 30px 0;
        background: rgba(254, 163, 11, 0.8);
        color: #fff;
        text-align: center;
    }

        .site_section .site_description h2,
        .site_section .site_description h3,
        .site_section .site_description h4 {
            color: #fff;
        }

.customers_section {
    position: relative;
    padding: 15px 0 30px;
}

.carousel_wrapper {
    padding: 30px 0 0;
}

.customers_carousel .carousel_item {
    padding: 0 15px;
}

    .customers_carousel .carousel_item img {
        max-height: 100px;
        margin: auto;
    }

.links_section {
    position: relative;
    padding: 30px 0 0;
    overflow: hidden;
}

    .links_section .link {
        position: relative;
        display: block;
        overflow: hidden;
    }

    .links_section .first_link,
    .links_section .last_link {
        position: relative;
        padding: 15px;
    }

        .links_section .first_link:before,
        .links_section .last_link:before {
            position: absolute;
            content: "";
            top: 0;
            bottom: 0;
            width: 100vw;
        }

        .links_section .first_link .link:before,
        .links_section .last_link .link:before {
            position: absolute;
            content: "";
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            opacity: 1;
            transition: linear opacity 0.3s;
            -webkit-transition: linear opacity 0.3s;
            -moz-transition: linear opacity 0.3s;
            -o-transition: linear opacity 0.3s;
        }

        .links_section .first_link .link:hover:before,
        .links_section .last_link .link:hover:before {
            opacity: 0.5;
        }

        .links_section .first_link .link h2,
        .links_section .last_link .link h2 {
            position: absolute;
            padding: 15px;
            margin: 0;
            top: 50%;
            transform: translate(0, -50%);
            color: #fff;
            font-size: 2.5em;
            font-weight: 700;
            text-align: center;
            width: 100%;
        }

    .links_section .first_link {
        background: var(--orange);
    }

        .links_section .first_link:before {
            background: var(--orange);
            left: -100vw;
        }

        .links_section .first_link .link h2 {
            background: var(--grey);
        }

        .links_section .first_link .link:before {
            background: rgba(99, 101, 106, 0.9);
        }

    .links_section .last_link {
        background: var(--grey);
    }

        .links_section .last_link:before {
            background: var(--grey);
            right: -100vw;
        }

        .links_section .last_link .link h2 {
            background: var(--orange);
        }

        .links_section .last_link .link:before {
            background: rgba(254, 163, 11, 0.9);
        }

.section_blocks {
    margin-top: 50px;
}

.section_bg {
    position: absolute;
    top: 0;
    left: 10px;
    right: 10px;
    bottom: 10px;
    background-size: cover;
    background-position: center;
    background-color: var(--grey);
    transition: all .4s ease;
}

    .section_bg > .image_upload {
        position: absolute;
        bottom: 0;
        width: 100%;
    }

.section_block {
    height: 25vh;
    padding: 0;
    position: relative;
    transition: all .5s ease;
}

    .section_block .block_title h2 {
        font-family: ProzaLibre-Bold;
    }

    .section_block > a {
        height: 100%;
        width: 100%;
        display: inline-block;
        color: #fff;
        position: relative;
        overflow: hidden;
        text-decoration: none;
    }

    .section_block .block_content {
        position: absolute;
        width: 100%;
        top: 75%;
        color: #fff;
        padding: 0 1em 0 2em;
        text-align: left;
        transition: top .5s ease;
    }

        .section_block .block_content * {
            color: #fff;
        }

        .section_block .block_content h2 {
            text-transform: uppercase;
        }

    .section_block .section_bg:before {
        background: var(--grey);
        background: linear-gradient(360deg, rgba(99,101,106,.8) 15%, rgba(99,101,106,0) 100%);
        content: "";
        opacity: 1;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 80px;
    }

    .section_block .block_text {
        opacity: 0;
        max-height: 0px;
        height: 100%;
        margin-top: 1em;
        overflow: hidden;
        transition: all .5s ease;
    }

    .section_block.hovering .block_text, .section_block.editing .block_text {
        opacity: 1;
        max-height: 300px;
    }

    .section_block.hovering .section_bg:before {
        opacity: 0;
    }

    .section_block.hovering .section_bg {
        filter: saturate(1) brightness(.85);
    }

    .section_block.hovering .block_content,
    .section_block.editing .block_content {
        top: 20px;
    }

    .section_block.editing .btn_add_image {
        z-index: 9;
        position: relative;
    }

.block1.hovering .section_bg:after,
.block4.hovering .section_bg:after {
    background: var(--grey);
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    transition: all .4s ease;
    opacity: 0.8;
    z-index: -1;
}

.block2.hovering .section_bg:after,
.block5.hovering .section_bg:after {
    background: var(--orange);
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    transition: all .4s ease;
    opacity: 0.8;
    z-index: -1;
}


.block3.hovering .section_bg:after,
.block6.hovering .section_bg:after {
    background: var(--light-blue);
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    transition: all .4s ease;
    opacity: 0.8;
    z-index: -1;
}


.go-beyound-section {
    padding: 60px 0;
}

    .go-beyound-section p {
        font-size: 1.5em;
        line-height: 1.3;
        white-space: normal;
        text-align: center;
    }
/*-----------------------------------------------------------------------------------------------*/
/*
.lower_banner .container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: 0;
    height: 450px;
    width: 400px;
    margin-bottom: 100px;
    margin-top: -500px;
}*/
/*-----------------------------------------------------------------------------------------------*/

.lower_banner {
    height: 500px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow: hidden;
}

    .lower_banner .container {
        position: relative;
        height: 100%;
    }

    .lower_banner img {
        width: auto !important;
        height: 100% !important;
        max-width: none !important;
    }

    .lower_banner .container h1,
    .lower_banner .container p {
        position: absolute;
        left: 15px;
        bottom: 15px;
        margin: 0px;
        padding: 15px 0;
        color: var(--grey);
        font-weight: 700;
        font-size: 3em;
        text-transform: uppercase;
        font-family: CraftGothicBlack, Arial, Helvetica, Tahoma, Geneva, Verdana, Sans-Serif;
        text-shadow: 2px 2px 5px #444;
    }
/*----Beyond page---------------------------------------------------------------------*/
.block {
    color: #fff;
    position: relative;
    height: 350px;
}

    .block h1,
    .block h2,
    .block h3,
    .block h4 {
        color: #fff;
        margin-bottom: 5px;
    }

    .block .beyond_block_content {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        padding: 25px;
    }

        .block .beyond_block_content p {
            margin-top: 5px;
        }

.beyound_blocks .block1 {
    background-color: var(--light-blue);
}

.beyound_blocks .block2, .beyound_blocks .block4 {
    background-color: var(--orange);
}

.beyound_blocks .block3 {
    background-color: var(--grey);
}

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

.esg_section {
    background: var(--light-blue);
    padding: 30px 0px 50px 0px;
    margin: 40px 0px 20px 0px;
}

    .esg_section h4 {
        color: #fff;
    }

    .esg_section .toggable_table {
        overflow: hidden;
        transition: max-height 1s;
    }

        .esg_section .toggable_table.expand {
            max-height: 0 !important;
            transition: max-height 1s;
        }

.social_values {
    margin: 0px -30px;
}

    .social_values p {
        padding: 0px;
    }

    .social_values hr {
        width: 100%;
        margin: 0;
        opacity: 1;
    }

    .social_values p {
        margin: 0;
    }

    .social_values h4 {
        color: var(--light-blue);
        margin: 0;
    }
/*-----------------------------------------------------------------------------------*/
.banner_page_title {
    background: rgba(255,255,255,0.9) !important;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: 0;
    height: 450px;
    width: 400px;
    margin-bottom: 100px;
    margin-top: -500px;
}

    .banner_page_title h1 {
        padding: 370px 0px 40px 0px !important;
        color: var(--grey);
        font-weight: 700;
        font-size: 4em !important;
        text-transform: none !important;
    }

.page_approach #content,
.page_contact #content {
    overflow: hidden;
}

.page_approach #content {
    margin-top: -50px;
}

.about_background {
    /*background-image: url('../../images/about_us_cropped.png');*/
    position: relative;
    background-size: cover;
    /*height: 800px;*/
}

    .about_background::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(to right, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0));
    }
/*.approach_strapline {
    position: relative;
    padding: 15px 0;
    margin: 30px 0 0;
    background-color: var(--orange);
    color: #fff;
}

.approach_strapline h2,
.approach_strapline h3,
.approach_strapline h4 {
    color: #fff;
}*/
.approach_row {
    margin-bottom: 30px;
}

.full-width {
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
}

.tab-header {
    text-align: center;
    padding: 30px 0;
    width: 33%;
}

    .tab-header a {
        color: var(--grey);
        text-transform: uppercase;
        text-decoration: none;
        font-size: 1.3em;
        white-space: normal;
    }

.tabs-container .nav-tabs {
    border: 0;
}

    .tabs-container .nav-tabs > li > a {
        border: 0px;
        border-bottom: 2px solid var(--lighter-grey);
    }

    .tabs-container .nav-tabs > li.active > a,
    .tabs-container .nav-tabs > li.active > a:focus,
    .tabs-container .nav-tabs > li.active > a:hover {
        border-bottom: 2px solid var(--orange);
        background-color: inherit;
        color: var(--grey);
    }


        .tabs-container .nav-tabs > li.active > a:after {
            content: "\23F7";
            font-size: 2em;
            position: absolute;
            bottom: -35px;
            color: var(--orange);
            left: 0;
            right: 0;
        }

    .tabs-container .nav-tabs > li > a:hover {
        background-color: var(--lighter-grey);
        border-color: var(--lighter-grey);
        border-bottom: 2px solid var(--orange);
    }

    .tabs-container .nav-tabs > li.active > a {
        border-left: none;
        border-right: none;
        border-top: none;
    }


.aboutus_background {
    position: relative;
    background: url(../../images/aboutus_background.png);
    padding-top: 50px;
    padding-bottom: 50px;
    background-size: cover;
    background-position: center;
    overflow: hidden;
}

    .aboutus_background::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(45, 47, 51, 1);
        /*background: linear-gradient(to right, rgba(39, 40, 41, 1) 48%, rgba(39, 40, 41, 0.9) 100%);*/
        z-index: 1;
    }


@media screen and (min-width : 768px) {

    .aboutus_background::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(to right, rgba(45, 47, 51, 1) 48%, rgba(45, 47, 51, 0.9) 100%);
        /*background: linear-gradient(to right, rgba(39, 40, 41, 1) 48%, rgba(39, 40, 41, 0.9) 100%);*/
        z-index: 1;
    }
}

.aboutus-section-text {
    position: relative;
    z-index: 2;
}

    .aboutus-section-text #semi-ring {
        display: none;
    }

.aboutus_section {
    margin-top: -31px;
}

.wegobeyond_background {
    background: var(--new-blue);
    position: relative;
    /*background: url(../../images/wegobeyond_background.png);*/
    padding-top: 50px;
    padding-bottom: 50px;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    margin-bottom: 8px;
}
/*.wegobeyond_background::before {
        content: "";
        pointer-events: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(to right, rgba(24,105,118, 1) 48%, rgba(24,105,118, 0.9) 100%);
        z-index: 1;
    }*/

.wegobeyond-section-text-inner {
    display: flex;
    flex-direction: row;
    transform: translateX(30%);
    width: auto;
}

    .wegobeyond-section-text-inner .container {
        width: auto;
    }

    .wegobeyond-section-text-inner .col-lg-6.col-md-6 {
        width: 70%;
    }

        .wegobeyond-section-text-inner .col-lg-6.col-md-6:last-child p:first-child {
            display: none;
        }

    .wegobeyond-section-text-inner p {
        color: var(--new-dark-blue) !important;
        font-size: 18px;
    }


.wegobeyond_section #semi-ring {
    display: none;
}

.wegobeyond-section-text-inner .white_btn {
    border: 1px solid var(--new-dark-blue);
    color: var(--new-dark-blue) !important;
}

    .wegobeyond-section-text-inner .white_btn:hover {
        text-decoration: none;
        color: white !important;
        background-color: var(--new-dark-blue) !important;
    }


.wegobeyond-section-text {
    position: relative;
    z-index: 2;
}

.wegobeyond_section {
    margin-top: -31px;
}

.newlands_development {
    padding-top: 40px;
    padding-bottom: 40px;
}

    .newlands_development .row {
        margin-bottom: 30px;
    }

    .newlands_development h2 {
        font-size: 35px;
        margin-left: 10px;
        margin-top: 0.5rem;
    }

    .newlands_development p {
        margin-left: 10px;
    }

    .newlands_development img {
        /*margin-left: -15px;*/
        margin-left: -10px;
    }

    .newlands_development h1 {
        font-weight: bold;
        color: var(--grey);
        font-size: 44px;
    }

.grey-strip {
    z-index: 1111;
    content: "";
    width: 100%;
    height: 13px;
    background-color: var(--grey);
    margin-bottom: 40px;
    position: relative;
    margin-top: 7px;
}

.light-blue-strip {
    z-index: 1111;
    content: "";
    width: 100%;
    height: 13px;
    background-color: var(--light-blue);
    margin-bottom: 40px;
    position: relative;
    margin-top: 25px;
}

.development_box {
    /*border-left: 1px solid var(--light-blue);*/
}

.development_box_inner {
    border-left: 2px solid var(--orange);
}

.vision_background {
    /*background-color: var(--dark-teal);*/
    background-color: var(--new-blue);
    padding-top: 50px;
    padding-bottom: 50px;
}

    .vision_background #semi-ring {
        display: none;
    }

    .vision_background p {
        color: var(--new-dark-blue) !important;
    }

.vision-section {
    padding: 0px 0px 30px 0px;
}

.tabs-container {
    background: var(--lighter-grey);
    margin-bottom: 3px;
}

.grey-container {
    background: var(--light-grey);
}

.blue-background {
    background-color: var(--new-blue);
}

.tab-body {
    background: var(--lighter-grey);
    padding-top: 40px;
    margin-bottom: 30px;
}

.tabs-container a.active h3 {
    border-bottom: 2px solid red;
}

.approach_block_orange {
    position: relative;
    padding: 30px 30px 30px 0;
    background-color: var(--orange);
    color: #fff;
    /*border-top-right-radius: 30px;*/
}

    .approach_block_orange:before {
        position: absolute;
        content: "";
        background: var(--orange);
        width: 100vw;
        top: 0;
        bottom: 0;
        left: -100vw;
    }

.approach_block_grey {
    position: relative;
    padding: 30px 0 30px 30px;
    background-color: var(--grey);
    color: #fff;
    /*border-bottom-left-radius: 30px;*/
}

    .approach_block_grey:before {
        position: absolute;
        content: "";
        background: var(--grey);
        width: 100vw;
        top: 0;
        bottom: 0;
        right: -100vw;
    }

    .approach_block_orange h2,
    .approach_block_grey h2,
    .approach_block_orange h3,
    .approach_block_grey h3,
    .approach_block_orange h4,
    .approach_block_grey h4 {
        color: #fff;
    }

.contact_block_orange {
    position: relative;
    padding: 20px 60px 20px 0;
    margin: 217px 0 30px;
    background-color: var(--orange);
    color: #fff;
}

    .contact_block_orange:before {
        position: absolute;
        content: "";
        background: var(--orange);
        width: 100vw;
        top: 0;
        bottom: 0;
        left: -100vw;
    }

.contact_block {
    width: 100%;
    margin-left: 0px;
    position: relative;
    margin-top: 100px;
    margin-bottom: 100px;
}

    .contact_block a {
        color: #000;
    }

.contact_col {
    margin-bottom: 50px;
}

    .contact_col a {
        color: var(--grey);
        text-decoration: none;
    }

        .contact_col a:hover {
            color: var(--orange);
        }

    .contact_col img {
        fill: var(--orange);
    }

    .contact_col hr {
        width: 100%;
        opacity: 1;
    }

.background_contact {
    margin-left: calc(-50vw + 50%);
    position: relative;
    background-color: var(--light-grey);
    width: 100vw;
}
/*-----------------------------------------------------------------------------------------------*/
.breadcrumb {
    padding: 0px;
    background-color: transparent;
}

    .breadcrumb > li + li:before {
        color: #000000;
    }

    .breadcrumb > .active {
        color: #000000;
    }
/*-----------------------------------------------------------------------------------------------*/

#back-to-top {
    position: fixed;
    bottom: 0;
    right: 15px;
    z-index: 9999;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 38px;
    color: #fff;
    background: var(--grey);
    padding: 5px 0 0;
    cursor: pointer;
    border: 1px solid #fff;
    border-bottom: 0;
    border-radius: 50% 50% 0 0;
    text-decoration: none;
    opacity: 0;
    transition: linear background 0.3s, ease-out opacity 0.3s;
}

    #back-to-top:hover {
        background: var(--orange);
    }

    #back-to-top.show {
        opacity: 1;
    }
/*-----------------------------------------------------------------------------------------------*/

.page_home #footer {
    margin-top: 0;
}

#footer {
    font-family: "proxima-nova";
    position: relative;
    margin-top: 3px;
    padding: 30px 15px 15px 15px;
    color: #fff;
    font-size: 0.9em;
    background-color: var(--grey);
    overflow: hidden;
}

    #footer .footer-line {
        background-color: #fff;
        width: 100%;
        height: 2px;
    }
/*    #footer .footer-middle,
    #footer .footer-bottom,
    #footer .footer-line {
        display: none;
    }*/
/*    .page_home #footer .footer-middle,
    .page_home #footer .footer-bottom,
    .page_home #footer .footer-line {
        display: block;
    }*/

.footer_logo img {
    width: 100%;
}
/*#footer:before {
    position: absolute;
    content: "";
    background: var(--orange);
    bottom: -280px;
    left: 50%;
    transform: translate(-50%, 0);
    width: 100%;
    max-width: 1140px;
    height: 400px;
    border-radius: 50%;
}*/
#footer .footer_separator {
    padding: 0px 10px;
}

#footer .footer_shebang {
    padding: 10px 0 0;
    font-size: 0.9em;
    text-align: center;
}

#footer h2,
#footer h3,
#footer h4,
#footer p {
    margin: 0;
}

#footer .footer-title {
    font-family: "proxima-nova";
    color: #fff;
    font-size: 37px;
    padding-bottom: 30px;
    font-weight: bold;
    letter-spacing: 0.7px;
}

#footer a {
    color: #fff;
}

#footer .footer-address {
    display: flex;
}

#footer * svg:not(.linkedin-icon) {
    overflow: visible;
    fill: var(--orange);
    margin-right: 15px;
    margin-top: 5px;
}

.social-media {
    float: right;
}

#footer .linkedin-social .linkedin-icon {
    fill: #fff;
}

    #footer .linkedin-social .linkedin-icon:hover {
        fill: var(--orange);
    }

#footer .footer-contacts {
    display: flex;
    gap: 30px;
    margin-top: 15px;
}

#footer .contact-phone {
    display: flex;
}

#footer .contact-email {
    display: flex;
}

#footer .key-links {
    top: 65px;
}

.key-links-title {
    font-size: 1.2em;
    padding-bottom: 5px;
    font-family: ProzaLibre-Bold;
}

#footer .contact-phone p {
    line-height: 35px;
}

#footer .contact-email p {
    line-height: 35px;
}

#footer .nav > li > a:focus, #footer .nav > li > a:hover {
    color: var(--orange);
    background-color: unset;
}

#footer .nav > li > a {
    padding: 0px 5px 0px 5px;
    border-right: 1px solid rgba(255,255,255,1);
}

#footer .nav > li:first-of-type > a {
    padding: 0px 10px 0px 0px;
    border-right: 1px solid rgba(255,255,255,1);
}

#footer .nav > li:last-of-type > a {
    padding: 0px 0px 0px 10px;
    border-right: none;
}

#footer .footer_separator {
    padding: 0px 10px;
}
/* Jamie Redesigns */

.wegobeyond-section-image {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
}


@media screen and (min-width : 0px) {
    .wegobeyond-section-image {
        display: none;
    }
}

@media screen and (min-width: 768px) {

    .wegobeyond-section-image {
        display: block;
    }
}

.statistics_section {
    background: var(--offwhite);
    padding: 40px 0;
}

    .statistics_section h1,
    .statistics_section h2,
    .statistics_section h3,
    .statistics_section h4,
    .statistics_section h5,
    .statistics_section h6 {
        color: var(--new-dark-blue-header);
        font-weight: 100;
    }

.new-blue-background {
    background-color: var(--new-blue);
    padding-top: 50px;
    padding-bottom: 50px;
}

    .new-blue-background p {
        color: var(--new-dark-blue) !important;
    }

.page_media .article_title {
    font-weight: bold;
}

.page_what_we_do {
}

    .page_what_we_do #content {
        margin-top: 0;
    }

    .page_what_we_do .vision-section {
        background-color: var(--new-blue);
        padding: 50px 0;
    }

        .page_what_we_do .vision-section p {
            color: var(--new-dark-blue) !important;
        }

    .page_what_we_do .banner_page_title {
        margin-bottom: 0;
    }

    .page_what_we_do .the-development-process-background {
        background: #fafafa;
    }

.the-development-process-section {
    padding: 60px 0 60px;
    overflow: hidden;
}

    .the-development-process-section .panel {
        border: none;
        border-radius: 0;
        /*margin-bottom: 5px;*/
        margin-bottom: 0;
    }

        .the-development-process-section .panel .panel-heading {
            background: #706f6f;
            border-radius: 0;
        }

            .the-development-process-section .panel .panel-heading .panel-title a {
                color: #fff;
                font-weight: 300;
                font-style: normal;
                text-decoration: none;
            }

                .the-development-process-section .panel .panel-heading .panel-title a .fa {
                    color: var(--orange);
                    font-weight: 300;
                }

        .the-development-process-section .panel .panel-body p {
            font-size: 16px;
        }

.the-process {
    margin-top: 40px;
}

.the-development-process-section {
}

.our-approach-section {
    padding: 60px 0 80px;
}

    .our-approach-section h1.orange_heading2 {
        color: #706f6f;
        font-weight: bold;
        font-size: 44px;
    }

        .our-approach-section h1.orange_heading2 strong {
            color: var(--orange);
        }

    .our-approach-section .middle-blocks {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin: 30px 0;
    }

    .our-approach-section .block-one {
        background: #706f6f;
        padding: 20px;
    }

        .our-approach-section .block-one h6 {
            color: var(--orange);
            font-size: 18px;
            font-style: normal;
            margin: 0;
        }

        .our-approach-section .block-one p {
            color: white;
            margin: 0;
        }

    .our-approach-section .middle-blocks .block-two.block-two-left {
        margin-right: 15px;
    }

    .our-approach-section .middle-blocks .block-two.block-two-right {
        margin-left: 15px;
    }

    .our-approach-section .middle-blocks .block-two {
        background: #706f6f;
        display: flex;
        /*padding: 20px;*/
        padding: 20px 10px;
        flex-direction: column;
        max-width: 230px;
    }

        .our-approach-section .middle-blocks .block-two p {
            color: white;
        }

            .our-approach-section .middle-blocks .block-two p:first-child {
                line-height: 1.2;
            }

    .our-approach-section .block-three {
        background: var(--orange);
        color: #fff;
    }

.the-process-tabs {
    margin-top: 40px;
    margin-bottom: 60px;
}

    .the-process-tabs .process {
        border: 1px solid #a2a1a1;
        display: flex;
        flex-direction: column;
    }

        .the-process-tabs .process .process-nav {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            /*overflow-x: scroll;*/
        }

            .the-process-tabs .process .process-nav .process-step {
                align-items: center;
                border-right: 1px solid #f2f2f2;
                background: white;
                box-sizing: border-box;
                flex: 0 0 50%;
                display: flex;
                flex-direction: column;
                justify-content: center;
                padding: 10px 0;
            }

                .the-process-tabs .process .process-nav .process-step:last-child {
                    border-top: 1px solid #f2f2f2;
                    flex: 0 0 100%;
                }

                .the-process-tabs .process .process-nav .process-step .label {
                    color: #706f6f;
                    font-size: 16px;
                    font-weight: 400;
                    padding: 0;
                }

                .the-process-tabs .process .process-nav .process-step .number {
                    color: #706f6f;
                    font-weight: bold;
                }

                .the-process-tabs .process .process-nav .process-step:last-child {
                    border-right: none;
                }

                .the-process-tabs .process .process-nav .process-step.active {
                    background: #706f6f;
                }

                    .the-process-tabs .process .process-nav .process-step.active .number,
                    .the-process-tabs .process .process-nav .process-step.active .label {
                        color: white;
                    }

                .the-process-tabs .process .process-nav .process-step img {
                    display: none;
                }

        .the-process-tabs .process .process-content {
            background: #fafafa;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            padding: 60px 30px;
        }

            .the-process-tabs .process .process-content .process-content-left {
            }

                .the-process-tabs .process .process-content .process-content-left h1,
                .the-process-tabs .process .process-content .process-content-left h2 {
                    margin: 0;
                }

                .the-process-tabs .process .process-content .process-content-left h1 {
                    font-weight: 600;
                }

            .the-process-tabs .process .process-content .process-content-right {
                align-items: center;
                display: flex;
                flex-direction: column;
                margin-top: 20px;
                width: 100%;
            }

@media screen and (min-width: 768px) {
    .the-process-tabs .process .process-nav {
        flex-direction: row;
    }

        .the-process-tabs .process .process-nav .process-step,
        .the-process-tabs .process .process-nav .process-step:last-child {
            border-top: none;
            flex: 1;
        }

            .the-process-tabs .process .process-nav .process-step img {
                display: block;
                width: 80px;
            }

    .the-process-tabs .process .process-content {
        flex-direction: row;
    }

        .the-process-tabs .process .process-content .process-content-right {
            margin-top: 0;
            width: 58%;
        }


    .our-approach-section h1.orange_heading2 {
        font-size: 55px;
    }
}

.two-routes-section {
}

    .two-routes-section .two-routes-route-block {
        background: #fafafa;
        border-radius: 10px;
        margin-bottom: 30px;
        min-height: 525px;
        padding: 30px;
        width: 100%;
    }

        .two-routes-section .two-routes-route-block p:first-child {
            color: var(--orange);
            font-weight: bold;
            margin-bottom: 0;
        }

        .two-routes-section .two-routes-route-block h5 {
            margin: 0;
        }

    .two-routes-section .row {
        display: flex;
    }

    .two-routes-section .col-sm-6 {
        display: flex;
    }

    .two-routes-section .grey-bar {
        background: #706f6f;
        color: #fff;
        padding: 20px;
        margin-bottom: 20px;
    }

.delivery-section {
    background: #fafafa;
    padding: 60px 0;
}

    .delivery-section .square-blocks {
        display: grid;
        border: 1px solid #dcdcdc;
        grid-template-columns: repeat(1, 1fr);
        gap: 0;
        margin-top: 20px;
        position: relative;
    }

        .delivery-section .square-blocks .square-block {
            align-items: center;
            background: white;
            border: 1px solid #dcdcdc;
            display: flex;
            justify-content: center;
            min-height: 150px;
            padding: 20px 15px;
        }


@media screen and (min-width : 768px) {
    .delivery-section .square-blocks {
        grid-template-columns: repeat(2, 1fr);
        margin: 0;
    }

        .delivery-section .square-blocks .square-block {
            border: none;
        }

    .square-blocks::before {
        content: "";
        position: absolute;
        left: 50%;
        top: 0;
        width: 1px;
        height: 100%;
        background: #dcdcdc;
        transform: translateX(-50%);
        z-index: 0;
    }

    .square-blocks::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        height: 1px;
        background: #dcdcdc;
        transform: translateY(-50%);
        z-index: 0;
    }
}


.project-examples-section {
}

    .project-examples-section .case-study {
        margin-top: 15px;
    }

        .project-examples-section .case-study .right {
            height: 500px;
            margin-bottom: 15px;
        }

            .project-examples-section .case-study .right.blue-border .right-content {
                border-left: 10px solid var(--new-border-blue);
            }

                .project-examples-section .case-study .right.blue-border .right-content .type-title {
                    color: var(--new-border-blue);
                    font-weight: 600;
                    text-decoration: underline;
                }

            .project-examples-section .case-study .right .right-content .type-title {
                color: var(--orange);
                font-weight: 600;
                text-decoration: underline;
            }

            .project-examples-section .case-study .right .right-content {
                left: unset;
                position: relative;
            }

                .project-examples-section .case-study .right .right-content .grey_btn {
                    padding: 5px 20px;
                    letter-spacing: 1px;
                    text-transform: uppercase;
                    border-radius: 25px;
                    border: 1px solid #616368;
                    border-color: #616368;
                    color: #616368 !important;
                    font-size: 16px;
                }

                    .project-examples-section .case-study .right .right-content .grey_btn:active,
                    .project-examples-section .case-study .right .right-content .grey_btn:focus,
                    .project-examples-section .case-study .right .right-content .grey_btn:hover {
                        color: #616368 !important;
                        background-color: white !important;
                    }



        .project-examples-section .case-study p {
            font-size: 14px;
        }

        .project-examples-section .case-study .case-study-title {
            font-size: 32px;
        }

@media screen and (min-width: 375px) {
    .project-examples-section .case-study p {
        font-size: 16px;
    }
}


@media screen and (min-width : 768px) {
    .project-examples-section .case-study .right {
        height: 420px;
    }

    .project-examples-section .case-study p {
        font-size: 18px;
    }

    .project-examples-section .case-study .case-study-title {
        font-size: 40px;
    }
}

.our-approach-section-text:last-child {
    position: relative;
}

.our-approach-section-text {
    margin-top: 20px;
}

@media screen and (min-width : 768px) {

    .our-approach-section-text {
        margin-top: 0;
    }
}


.engagement-section .grey-background {
    background: #636569;
    padding: 30px;
}

    .engagement-section .grey-background p {
        color: white;
    }
/* Top block down arrow */
/* Vertical line coming down from block one */
.block-one::before {
    /*    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 8px solid #ff9900;*/
    content: "";
    position: absolute;
    top: 114px;
    left: 22%;
    width: 1px;
    height: 40px;
    background: #ff9900;
}

@media screen and (min-width: 400px) {

    .block-one::before {
        top: 88px;
    }
}
/* Horizontal split line */
.block-one::after {
    /*    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 8px solid #ff9900;*/
    content: "";
    position: absolute;
    top: 114px;
    /*top: 114px;*/
    left: 78%;
    width: 1px;
    height: 40px;
    background: #ff9900;
}

@media screen and (min-width: 400px) {

    .block-one::after {
        top: 88px;
    }
}
/* Middle blocks */
.middle-blocks {
    position: relative;
    display: flex;
    margin: 40px 0 30px;
}

    .middle-blocks p {
        font-size: 16px;
    }

.block-two {
    position: relative;
}
/* Horizontal arrow between middle blocks */
.block-two-left::after {
    content: "";
    position: absolute;
    right: -70px;
    top: 50%;
    width: 70px;
    height: 1px;
    background: #ff9900;
}

.block-two-left::before {
    content: "";
    position: absolute;
    right: -80px;
    top: calc(50% - 5px);
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 10px solid #ff9900;
}
/* Middle blocks down connector */
.middle-blocks::after {
    content: "";
    position: absolute;
    bottom: -35px;
    /*left: 25%;
    width: 50%;*/
    left: 20%;
    width: 60%;
    height: 35px;
    border-left: 1px solid #ff9900;
    border-right: 1px solid #ff9900;
    border-bottom: 1px solid #ff9900;
}
/* Bottom block connector */
.block-three {
    padding: 20px;
    position: relative;
    /*margin-top: 80px;*/
    margin-top: 75px;
}

    .block-three::before {
        content: "";
        position: absolute;
        top: -40px;
        left: 50%;
        width: 1px;
        height: 40px;
        background: #ff9900;
    }

.engagement-section {
    padding: 60px 0 40px;
    overflow: hidden;
}

    .engagement-section ul {
        margin: 0px 0px 0px 1.2em;
    }

        .engagement-section ul li {
            font-weight: 300;
            letter-spacing: 0.3px;
            margin-bottom: 10px;
        }

    .engagement-section p {
        font-size: 16px;
        font-weight: 300;
        letter-spacing: 0.3px;
    }

    .engagement-section .grey-background .standard_btn {
        border-color: white;
        background: transparent;
        color: white;
        font-size: 14px;
        padding: 7px 15px;
        text-align: center;
    }

        .engagement-section .grey-background .standard_btn:active,
        .engagement-section .grey-background .standard_btn:focus,
        .engagement-section .grey-background .standard_btn:hover {
            background: white;
            color: #636569;
            margin-top: 10px;
        }

.new-blue-background {
    overflow: hidden;
}

    .new-blue-background .got-a-site-bar-section {
        display: flex;
        flex-direction: column;
        overflow: hidden;
    }

        .new-blue-background .got-a-site-bar-section .got-a-site-left {
            margin-bottom: 20px;
        }

            .new-blue-background .got-a-site-bar-section .got-a-site-left h6 {
                font-size: 42px;
                line-height: 1;
                margin: 0;
            }

            .new-blue-background .got-a-site-bar-section .got-a-site-left p {
                margin: 0;
            }

        .new-blue-background .got-a-site-bar-section .got-a-site-right {
            align-items: center;
            display: flex;
            justify-content: space-between;
        }

            .new-blue-background .got-a-site-bar-section .got-a-site-right p {
                margin-bottom: 0;
                margin-top: 0;
            }

            .new-blue-background .got-a-site-bar-section .got-a-site-right .standard_btn {
                border-color: var(--new-dark-blue);
                color: var(--new-dark-blue);
                font-size: 14px;
                padding: 9px 15px;
                text-align: center;
            }

                .new-blue-background .got-a-site-bar-section .got-a-site-right .standard_btn:first-child {
                    margin-right: 20px;
                }

                .new-blue-background .got-a-site-bar-section .got-a-site-right .standard_btn:active,
                .new-blue-background .got-a-site-bar-section .got-a-site-right .standard_btn:focus,
                .new-blue-background .got-a-site-bar-section .got-a-site-right .standard_btn:hover {
                    background-color: var(--new-dark-blue);
                    color: white !important;
                }



@media screen and (min-width: 768px) {
    .new-blue-background .got-a-site-bar-section {
        flex-direction: row;
    }

        .new-blue-background .got-a-site-bar-section .got-a-site-left {
            margin-bottom: 0;
        }

        .new-blue-background .got-a-site-bar-section .got-a-site-right {
            justify-content: end;
        }

            .new-blue-background .got-a-site-bar-section .got-a-site-right .standard_btn {
                padding: 7px 25px;
            }

    .engagement-section .grey-background .standard_btn {
        padding: 7px 25px;
    }
}


.top-we-go-beyond {
    padding-top: 40px;
}

    .top-we-go-beyond p {
        color: #1d6776;
    }

    .top-we-go-beyond .we-go-beyond-image {
        margin-top: 60px;
    }

        .top-we-go-beyond .we-go-beyond-image img {
            display: flex;
            justify-self: center;
            width: 80%;
        }

.partners.new-layout {
}

.offwhite-background {
    background: var(--offwhite);
}

.light-blue-background {
    background: #e4f2f2;
}

    .light-blue-background h1,
    .light-blue-background h2,
    .light-blue-background h3,
    .light-blue-background h4,
    .light-blue-background h5,
    .light-blue-background h6,
    .light-blue-background p {
        color: #1d6776;
    }

.case-studies.we-go-beyond {
}

    .case-studies.we-go-beyond .case-studies-title {
        margin: 30px 0;
    }

    .case-studies.we-go-beyond .button-wrapper {
        display: flex;
        justify-content: center;
        margin-top: 60px;
    }



        .case-studies.we-go-beyond .button-wrapper .white_btn {
            color: #616368 !important;
        }

            .case-studies.we-go-beyond .button-wrapper .white_btn:active,
            .case-studies.we-go-beyond .button-wrapper .white_btn:focus,
            .case-studies.we-go-beyond .button-wrapper .white_btn:hover {
            }

    .case-studies.we-go-beyond .case-study .right .right-content .white_btn {
        color: #616368 !important;
    }

@media screen and (min-width: 768px) {

    .case-studies.we-go-beyond .button-wrapper {
        margin-top: 0;
    }
}

.netzero_section {
    /*overflow-x: hidden;*/
}

.netzero-section-text {
}

    .netzero-section-text > div {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
        padding-right: 0 !important;
    }

    .netzero-section-text p:first-child {
        color: #1d6776 !important;
    }

@media screen and (min-width: 768px) {
    .netzero-section-text > div {
        margin-top: 200px !important;
        margin-bottom: 200px !important;
        padding-right: 50px !important;
    }
}

.social-values-section-text {
}

    .social-values-section-text p:first-child {
        color: #1d6776 !important;
    }

.download_bar_section.full-width {
    background: #1d6776;
    padding: 50px 0;
    position: relative;
    z-index: 10;
}

    .download_bar_section.full-width::after {
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 50px 50px 0px 50px;
        border-color: #1d6776 transparent transparent transparent;
        bottom: -50px;
        left: 50%;
        position: absolute;
        transform: rotate(0deg);
    }

    .download_bar_section.full-width h1,
    .download_bar_section.full-width h2,
    .download_bar_section.full-width h3,
    .download_bar_section.full-width h4,
    .download_bar_section.full-width h5,
    .download_bar_section.full-width h6,
    .download_bar_section.full-width p {
        color: white;
    }

    .download_bar_section.full-width .white_btn {
        margin: 0;
        float: none;
    }

.social-values-section {
    padding: 60px 0 60px;
    z-index: 1;
}

    .social-values-section::after {
    }

    .social-values-section .social-values-section-top {
        margin-bottom: 16px;
    }

        .social-values-section .social-values-section-top h3 {
            color: #1d6776;
        }

    .social-values-section .social-values-section-content {
        position: relative;
    }

        .social-values-section .social-values-section-content::after {
            background-color: #1d6776;
            content: '';
            height: 100%;
            position: absolute;
            right: -60px;
            width: 1px;
            top: 0;
        }

    .social-values-section .stats-social-value-container .stat-item {
        text-align: center;
        padding: 40px 0;
    }

    .social-values-section.we-go-beyond.light-blue-background {
        position: relative;
    }

        .social-values-section.we-go-beyond.light-blue-background::after {
            content: '';
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 50px 50px 0px 50px;
            border-color: #e4f2f2 transparent transparent transparent;
            left: 50%;
            bottom: -50px;
            position: absolute;
            transform: rotate(0deg);
        }

.social-values-section-text div {
    margin-right: 0 !important;
    padding-left: 0 !important;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

@media screen and (min-width: 768px) {
    .social-values-section-text div {
        margin-top: 200px !important;
        margin-bottom: 200px !important;
        margin-right: -50px !important;
        padding-left: 50px !important;
    }
}

.partners.new-layout {
}

.statistics_section.we-go-beyond {
}

    .statistics_section.we-go-beyond .statistics_section .stats-container {
        padding: 0 20px;
    }

        .statistics_section.we-go-beyond .statistics_section .stats-container .stat-item {
            padding: 0;
        }

.other-item-slider {
    margin-left: -20px;
    margin-right: -20px;
    margin-bottom: 0;
}

    .other-item-slider .other-item-slide {
        padding: 0 20px;
    }

        .other-item-slider .other-item-slide .right {
            margin-bottom: 0;
        }

    .other-item-slider ul.slick-dots {
        bottom: 0;
        margin-top: 20px !important;
        margin-bottom: 20px !important;
        position: relative;
    }

    .other-item-slider .slick-dots li {
        margin: 0 0px;
    }

        .other-item-slider .slick-dots li::before {
            content: '';
            display: none;
        }

        .other-item-slider .slick-dots li button::before {
            font-size: 40px;
        }

@media screen and (min-width : 0px) {

    .page_what_we_do {
    }

        .page_what_we_do .lower_banner {
            /*height: 320px;*/
        }

        .page_what_we_do .banner_page_title h1 {
            padding: 300px 0px 40px 0px !important;
        }

    .aboutus_background {
        background: none;
        padding: 50px 0;
    }

        .aboutus_background .aboutus-section-text {
            /*            padding-left: 7px;
            padding-right: 7px;*/
            padding-left: 0;
            padding-right: 0;
        }

            .aboutus_background .aboutus-section-text .banner-header {
                line-height: 1.2 !important;
            }

            .aboutus_background .aboutus-section-text .container {
                /*padding-left: 0;
                padding-right: 0;*/
            }

            .aboutus_background .aboutus-section-text .col-lg-6.col-sm-12.col-md-6 {
                padding-left: 0;
                padding-right: 0;
            }

    .statistics_section {
    }

        .statistics_section .stats-container {
            padding: 40px 0px;
        }

    .wegobeyond-section-text-inner {
        transform: translateX(0%);
    }

        .wegobeyond-section-text-inner .container {
            padding-left: 0;
            padding-right: 0;
        }

        .wegobeyond-section-text-inner .col-lg-6.col-md-6 {
            padding-left: 0;
            padding-right: 0;
            width: 100%;
        }
    /*    .wegobeyond-section-text {
        padding-left: 0; 
        padding-right: 0;
    }*/

    .statistics_section .col-xs-12.col-sm-12 {
        padding-left: 0;
        padding-right: 0;
    }

    .development_box_inner {
        padding-left: 15px;
    }

    .about_section.new-layout .about-section-image {
        /*display: none;*/
        background-position: top center;
        /*position: relative;*/
        min-height: 340px;
        top: 60%;
    }

    .portfolio-section-text {
        padding: 45px 0;
    }

    .values_section.new-layout .values_background {
        padding-bottom: 100px;
    }

        .values_section.new-layout .values_background .values-section-text {
            padding-left: 0;
            padding-right: 0;
        }

        .values_section.new-layout .values_background .item-inner {
            display: flex;
            flex-direction: column;
        }
    /*.values_section.new-layout .value_lines .item-inner .item-image {
        padding-right: 0;
    }

    .values_section.new-layout .value_lines .item-inner .item-content {
        padding-left: 0;
    }*/


    .finance_section.new-layout .finance-section-text {
        padding-left: 0;
        padding-right: 0;
    }

        .finance_section.new-layout .finance-section-text .col-sm-6.col-md-6.col-lg-6 {
            padding-left: 0;
            padding-right: 0;
        }

    .vision_section br {
        display: none;
    }

    .the-development-process-section .values-section-text {
        margin-bottom: 0;
        margin-top: 20px;
    }
}

@media screen and (min-width : 768px) {
    .page_what_we_do {
    }

        .page_what_we_do .lower_banner {
            height: 500px;
        }

        /*.page_what_we_do .lower_banner .banner_page_title h1 {*/

        .page_what_we_do .banner_page_title h1 {
            padding: 370px 0px 40px 0px !important;
        }

    .aboutus_background {
        background: url(../../images/aboutus_background.png);
    }

        .aboutus_background .aboutus-section-text .banner-header {
            line-height: 60px !important;
        }

    .statistics_section .stats-container {
        padding: 40px 20px;
    }

    .aboutus_background .aboutus-section-text {
        padding-left: 15px;
        padding-right: 15px;
    }

        .aboutus_background .aboutus-section-text .container {
            padding-left: 15px;
            padding-right: 15px;
        }

        .aboutus_background .aboutus-section-text .col-lg-6.col-sm-12.col-md-6 {
            padding-left: 15px;
            padding-right: 15px;
        }

    .wegobeyond-section-text-inner {
        transform: translateX(30%);
    }

        .wegobeyond-section-text-inner .container {
            padding-left: 15px;
            padding-right: 15px;
        }

        .wegobeyond-section-text-inner .col-lg-6.col-md-6 {
            padding-left: 15px;
            padding-right: 15px;
            width: 70%;
        }
    /*.wegobeyond-section-text {
        padding-left: 15px;
        padding-right: 15px;
    }*/
    .statistics_section .col-xs-12.col-sm-12 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .development_box_inner {
        padding-left: 0;
    }

    .about_section.new-layout .about-section-image {
        background-position: center center;
        display: block;
        min-height: auto;
        position: absolute;
        top: 0;
        right: -34vw;
    }

    .portfolio-section-text {
        padding: 45px;
    }

    .about_section.new-layout {
    }

        .about_section.new-layout .col-xs-12.col-sm-7 {
            padding-left: 0;
            padding-right: 0;
        }

    .values_section.new-layout .values_background {
        padding-bottom: 0;
    }

        .values_section.new-layout .values_background .values-section-text {
            padding-left: 15px;
            padding-right: 15px;
        }

        .values_section.new-layout .values_background .item-inner {
            display: flex;
            flex-direction: row;
        }

    .finance_section.new-layout .finance-section-text {
        padding-left: 15px;
        padding-right: 15px;
    }

        .finance_section.new-layout .finance-section-text .col-sm-6.col-md-6.col-lg-6 {
            padding-left: 15px;
            padding-right: 15px;
        }

    .the-development-process-section .values-section-text {
        /*margin-bottom: -100px;*/
        margin-top: 0;
    }
}

@media screen and (min-width : 1200px) {

    .vision_section br {
        display: inline;
    }
}