@import url('workfolw.css');

:root {
    --navy: #003E7E;
    --light-blue: #007DC3;
    --light-grey: #F7F7F7;
    --black: #000;
    --text-color: rgba(0, 0, 0, .8);
    --white: #fff;
    --grey-border: #ACADB0;
}

:root {

    --font-univers-next-pro: "univers-next-pro", sans-serif;
    --font-univers-next-pro-compressed: "univers-next-pro-compressed", sans-serif;
    --font-univers-next-pro-condensed: "univers-next-pro-condensed", sans-serif;

    --font-weight-hairline: 100;
    --font-weight-thin: 200;
    --font-weight-light: 300;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-bold: 600;
    --font-weight-extrabold: 800;
    --font-weight-black: 900;
}

.career-page .image img,
.career-page .image-wrap img,
.full {
    width: 100%;
}


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

.white-bg {
    background: var(--white);
}

html {
    font-size: 18px;
}

object,
img {
    max-width: 100%;
}

.career-page .section {
    padding: 4rem 0;
}

.career-page section {
    position: relative;
    z-index: 11;
}

.career-page .local-main-image {
    height: 80vh !important;
    margin-top: 3.5rem;
    /*background-position: top center;*/
    /*background-attachment: inherit;    */
    /*background-repeat: no-repeat;*/
}

.career-page section p {
    margin-bottom: 1.7778rem;
    line-height: 1.4445rem;
    color: var(--black);
}

.career-team-detail .lead,
.career-page .lead {
    color: var(--black);
    font-size: 1.2223rem;
    line-height: 1.5rem;
}

.career-team-detail .lead {
    color: var(--navy);
    text-align: center;
    margin-bottom: 2.6667rem;
    font-size: 1.33rem;
}

.career-team-detail .image {
    margin-bottom: 3.5rem;
}

.career-page .btn {
    line-height: 0.8889rem;
    padding: 13px 35px;
    white-space: normal;
}

.btn.btn-navy {
    background: var(--navy);
    color: var(--white);
    border-radius: 0;
}

.btn.btn-navy:hover {
    color: var(--navy);
    border: 1px solid var(--navy);
    background: var(--white);
}

.btn.btn-outline-blue {
    color: #063F81;
    border: 1px solid #063F81;
}

.btn.btn-outline-blue:hover {
    color: #fff;
    background: #063F81;
}



/*.career-page .two-column-list-block>.list-block {
    padding: 5.3334rem 0;
}*/

.career-page .header .hamburger .hamburger-label {
    top: 0;
}

.career-page .header .hamburger .hamburger-inner {
    top: 6px;
}

.career-page section h2 {
    font-size: 2.66667rem;
    line-height: 3.1667rem;
    margin-bottom: 1rem;
    color: var(--navy);
}

.career-team-detail section h3,
.career-page section h3 {
    font-size: 2.2223rem;
    line-height: 2.6667rem;
    margin-top: 0;
    margin-bottom: 1rem;
    font-family: var(--font-univers-next-pro-compressed);
    color: var(--light-blue);
    font-weight: var(--font-weight-medium);
}

.career-page section .vacancy-list h3 {
    margin-bottom: 2.2223rem;
}

.career-page .about-page .left-block h4,
.career-page .about-page .right-block h4,
.career-page section h4 {
    font-size: 1.3334rem !important;
    line-height: 1.6112rem !important;
    font-family: var(--font-univers-next-pro-condensed) !important;
    margin-bottom: 1rem;
    color: var(--navy);
    font-weight:var(--font-weight-bold);
}

.career-page section blockquote {
    color: var(--navy);
    font-size: 1.3334rem;
    line-height: 1.7778rem;
    font-family: var(--font-univers-next-pro-condensed);
    padding: .75rem 0;
    background: none;
    font-weight: var(--font-weight-light);
}

.career-page .two-column-list-block>.list-block p {
    margin-bottom: 1rem;
    line-height: 1.4445rem;
    font-family: var(--font-univers-next-pro-condensed);
    font-weight: var(--font-weight-light);
}

.career-page .two-column-list-block>.list-block .btn {
    border-radius: 0;
}

.career-page .team-list-blocks .row.team-list {
    margin: 0 -8px;
    flex-wrap: wrap;
    display: flex;
}

.career-page.career-team-detail .team-list-blocks .row.team-list {
    padding-top: 2rem;
}

.career-page .block-FullWidthVideoSectionWithoutPadding h3 {
    font-size: 1.3334rem;
    line-height: 1.6112rem;
    font-family: var(--font-univers-next-pro-condensed);
    font-weight: var(--font-weight-bold);
    margin-bottom: 1rem;
    color: var(--navy);
}

.career-page .team-list-blocks .row.team-list>div {
    padding: 0 8px;
}

.team-list-blocks .team-block {
    margin-bottom: 4.722rem;
}

.team-list-blocks .team-block .image-wrap {
    margin-bottom: 1.3333rem;
}


.team-list-blocks .team-block h2 {
    margin-bottom: .25rem;
    font-family: var(--font-univers-next-pro-compressed);
    font-size: 2.2222rem;
    line-height: 2.6666rem;
}

.team-list-blocks .team-block h2 a {
    color: var(--navy);
    text-decoration: none;

}

.career-page .team-list-blocks .team-block .block-desc h3 {
    margin-bottom: 0;
}

.team-list-blocks .team-block h5 {
    font-family: var(--font-univers-next-pro-condensed);
    font-size: 1.2222rem;
    line-height: 1.5rem;
    color: var(--black);
    margin-bottom: 1.33rem;
    text-transform: none;
    margin: 0;
    font-weight: var(--font-weight-light);
}



.career-page .container {
    background: none;

}

.career-page .container {
    background: none;
}

.page-content {
    background: var(--white);
}

.team-list-blocks .team-block p {
    font-family: var(--font-univers-next-pro-condensed);
    font-weight: var(--font-weight-light);
    margin-bottom: 2rem;
    color: var(--text-color);
}

.career-team-detail {
    padding-top: 4rem;

}

.career-team-detail .page-content {
    padding-bottom: 4rem;
}

.career-team-detail section h4 {
    color: var(--navy);
    text-transform: none;
    margin: 1.7778rem 0;
}

.career-page .vacancy-listing .vacancy-list .vacancy-detail+.vacancy-detail {
    margin-top: 3.5556rem;
}

.career-page .vacancy-listing .divider-dots {
    padding: 2rem 0;
}

.career-page .vacancy-listing .divider-dots object {
    max-width: 100%;
}

.career-page .btn-download {
    width: 100%;
    text-align: left;
    white-space: normal;
    font-size: 1rem;
    border: 1px solid var(--grey-border);
    padding: 1.075rem 1.3334rem;
    display: flex;
    align-items: center;
    color: var(--light-blue);
}

.career-page .btn.btn-download:focus {
    border: 1px solid var(--grey-border) !important;
}

.career-page .btn-download:hover {
    background: #F5F7F7;
    border: 1px solid var(--navy);
}

.career-page .btn-download span {
    padding-left: 1.3334rem;
    color: var(--black);
    white-space: nowrap;
    font-family: var(--font-univers-next-pro-condensed);
    font-weight: var(--font-weight-light);
}

.career-page .btn-download i {
    font-size: 2.2223rem;
    color: var(--navy);
    margin-right: 1.3334rem;
}


.vacancy-listing .section-title h1 {
    padding: 0;
}

.vacancy-listing .vacancy-list p {
    color: var(--black);
    margin-bottom: 0.8888rem;
}


.how-it-works .icon-wrap {
    position: relative;
}

.how-it-works h2 {

    color: var(--light-blue);
    text-transform: uppercase;
    font-size: 2rem;
    line-height: 2.25rem;
}

.how-it-works .block-desc {
    margin-bottom: 1rem;
}

.how-it-works .block-desc .divider-dots {
    padding: 0;
}

.how-it-works .icon-wrap svg {
    max-width: 100%;
}

.card-with-title-text .card-block .image-wrap {
    margin-bottom: 1rem;
}

.card-with-title-text .card-block h3 {
    margin-bottom: 0.6667rem;
}

.career-page .section-content-with-background-image .content-wrap p {
    color: var(--white);
}

.how-it-works .block-desc a.btn {
    margin-bottom: 1.7778rem;
    ;
}

.career-page .text-content ul {
    padding: 0;
    margin-bottom: 1.5rem;
}

.career-page .text-content ul li {
    list-style: none;
    position: relative;
    padding-left: 1.75rem;
    margin-bottom: 0.5rem;
}

.career-page h5 {
    color: var(--navy);
    text-transform: none;
    font-size: 1.3334rem;
    line-height: 1.7778rem;
    margin-bottom: 1rem;
}

.career-page .text-content ul li::before {
    content: "";
    display: block;
    height: 8px;
    width: 8px;
    background: var(--navy);
    position: absolute;
    left: .5rem;
    top: .25rem;
    border-radius: 50%;
}

.career-page .quicklinks ul li em {
    border: none;
}

.career-team-detail .detail-content .image img {
    width: 100%;
}

.biography-blocks .container>.row {
    margin: 0 -8px;
}

.biography-blocks .container>.row>div {
    padding: 0 8px;
}

.career-page .container .container {
    width: auto;
    padding: 0;
    max-width: auto;
}

.pt-0 {
    padding-top: 0 !important;
}

.pt-1 {
    padding-top: 1rem !important;
}

.pt-2 {
    padding-top: 2rem !important;
}

.pt-3 {
    padding-top: 3rem !important;
}

.pt-4 {
    padding-top: 4rem !important;
}

.pt-5 {
    padding-top: 5rem !important;
}

.pb-0 {
    padding-top: 0 !important;
}

.pb-1 {
    padding-top: 1rem !important;
}

.pb-2 {
    padding-top: 2rem !important;
}

.pb-3 {
    padding-top: 3rem !important;
}

.pb-4 {
    padding-top: 4rem !important;
}

.pb-5 {
    padding-top: 5rem !important;
}

.career-page .slider-section .slide .overlay .container p {
    color: var(--white);
}

@media (min-width:1440px) {
    .career-page .container {
        width: 1360px;
        max-width: 1360px;
    }
}



@media (max-width:992px) {
    .career-page .local-main-image {
        margin-top: 0;
    }

    .career-page .local-main-image {
        max-height: 35vh;
        min-height: 35vh !important;


    }
}

@media (min-width:992px) and (max-width:1199px){
    .career-page .internal-wrapper .logo-wrap .logo {
        margin-top: -2.5rem;
    }
}
@media (min-width:1200px) and (max-width:1400px){
    .career-page .internal-wrapper .logo-wrap .logo {
        margin-top: -4.5rem;
    }
}

@media (max-width:767px) {
    .career-page .local-main-image {
        max-height: 100vh;
        height: 100vh !important;
        background-size: cover !important;
        background-position: top center !important;

    }

    .block-TwoColumnWithVariableWidthBlock .image {
        margin-bottom: 1rem;
    }

    .career-page .page-header h2 {
        display: block;
    }

    .career-page .section {
        padding: 3rem 0;
    }


    .career-page section .block-content {
        padding: 1rem 0;
    }

    .career-page .vacancy-listing .divider-dots {
        display: none;
    }

    .career-page .biography-blocks .biography-block {
        margin-bottom: 1.5rem;
    }

    .career-page .footer {
        padding: 4rem 1.5rem 0;
    }

    .career-page .about-page .slider-section .slide .overlay .container {
        border: none;
    }

    .career-page .about-page .slider-section .slide .overlay .container p {
        margin-bottom: 0;
    }

    .career-page .about-page .slider-section h4,
    .career-page .about-page .slider-section h3 {
        text-align: left;
        margin: 0.75rem 0;
        clear: both;
    }

    .career-page .section-content-with-background-image .content-wrap {
        padding: 11rem 1.5rem;
    }

    .career-page #masthead>.hamburger {
        transition: none !important;
        height: 44px;
    }

    .career-page .mobile-menu {

        overflow-y: auto;
        margin-bottom: 0;
        background: #fff;
        min-height: calc(100vh - 44px);
        max-height: calc(100vh - 44px);
        padding: 1rem 0;
        z-index: 11;
    }

    .career-page .team-list-blocks .team-block .image-wrap {
        margin-bottom: 1rem;
    }

    .career-page .team-list-blocks .team-block {
        margin-bottom: 2rem;
    }

}

@media(min-width:2000px){
   
    .career-page .internal-wrapper .logo-wrap .logo {
        margin-top: -8.5%;
    }
}