:root {
    --primary-color: #fe7249;
    --primary-hover-color: #f1552a;
    --primary-btn-color: #ee2d25;
}

html {
    font-size: unset;
}

footer {
    height: auto;
}

body {
    font-family: "Work Sans";
    font-size: 1rem;
}

a, a:hover, a:focus, a:visited {
    color: #d3312b;
}

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
    }
}

.navbar.fixed-top {
    position: fixed;
}

#main-header {
    border: none;
    border-radius: 0;
    margin-bottom: 0;
}

.footer-container {
    padding: 24px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background-color: #000;
}

    .footer-container > div {
        display: flex;
        align-items: center;
    }

    .footer-social-container {
        flex-grow: 2;
        align-items: center;
        justify-content: center;
        padding-left: 13vw;
    }

.footer-social-container a {
    color: #fff;
    font-size: 30px;
}
    .footer-social-container a:not(:last-child){
        margin-right: 16px;
    }

        .footer-container .footer-re-copy p {
            margin-bottom: 0;
            display: flex;
            align-items: center;
            color: #fff;
        }

.footer-img-container {
    flex-grow: 1;
}

aside.sidebar .careernav p {
    margin-bottom: 0;
}

@property --navbarLeftGradient {
    syntax: '<color>';
    initial-value: #fff;
    inherits: false;
}

@property --navbarRightGradient {
    syntax: '<color>';
    initial-value: #fff;
    inherits: false;
}

aside.sidebar .careernav p a {
    padding: 8px 0;
    transition: --navbarLeftGradient 0.3s ease, --navbarRightGradient 0.3s ease, padding-left 0.3s ease;
    color: var(--primary-color);
    background: linear-gradient(-45deg, var(--navbarLeftGradient) 0%, var(--navbarRightGradient) 100%);
}

    aside.sidebar .careernav p a:hover {
        text-decoration: none;
        padding-left: 10px;
        color: #fff;
        --navbarLeftGradient: #ee2d25;
        --navbarRightGradient: #f1592a;
    }

    aside.sidebar .careernav p a:focus {
        text-decoration: none;
        padding-left: 10px;
        color: #fff;
        --navbarLeftGradient: #ee2d25;
        --navbarRightGradient: #f1592a;
    }

aside.sidebar {
    margin-top: 20px;
}

.btn:focus, .btn:active,
.btn-primary:not(:disabled):not(.disabled):active:focus {
    box-shadow: none;
}

.btn:hover{
    opacity: 1;
}
/*@property --btnLeftGradient {
    syntax: '<color>';
    initial-value: #ee2d25;
    inherits: false;
}

@property --btnRightGradient {
    syntax: '<color>';
    initial-value: #f1592a;
    inherits: false;
}


.btn.btn-primary {
    color: #fff;
    transition: --btnLeftGradient 0.3s ease, --btnRightGradient 0.3s ease, all 0.3s ease;
    background-color: unset;
    background: linear-gradient(-45deg, var(--btnLeftGradient) 0%, var(--btnRightGradient) 100%);
}

    .btn.btn-primary:hover {
        color: #fff;
        background-color: unset;
        --btnLeftGradient: #f1592a;
        --btnRightGradient: #ee2d25;
        opacity: 1;
    }*/

.btn.btn-primary, .btn.btn-danger {
    background-color: #ee2d25;
    color: #fff;
    border-color: #ee2d25;
    transition: 0.3s all ease;
}

    .btn.btn-primary:hover, .btn.btn-danger:hover,
    .btn.btn-primary:focus, .btn.btn-danger:focus,
    .btn.btn-primary:active,.btn.btn-danger:active {
        background-color: #d3312b;
        border-color: #d3312b;
    }

.btn.btn-info {
    color: #fff;
    background-color: #333;
    border-color: #333;
    transition: 0.3s all ease;
}

    .btn.btn-info:hover {
        background-color: #4e4a4a;
        border-color: #4e4a4a;
    }

.push-content {
    width: 100%;
    margin-top: 100px;
}

.ng-header-title {
    text-transform: uppercase;
    text-align: center;
}

    .ng-header-title h2 {
        font-family: DIN Next LT Pro Condensed;
        font-size: 53px;
        line-height: 1;
        font-weight: 700;
        font-style: normal;
        text-align: center;
        margin-bottom: 40px;
        display: inline-block;
        position: relative;
    }

        .ng-header-title h2:before {
            content: "";
            position: absolute;
            left: -12px;
            top: -8px;
            width: 20px;
            height: 20px;
            border: 2px solid #ee2d25;
            border-right-width: 0;
            border-bottom-width: 0;
            -webkit-border-image: -webkit-linear-gradient(319deg, #ee2d25 0%, #f1592a 58%);
            -o-border-image: -o-linear-gradient(319deg, #ee2d25 0%, #f1592a 58%);
            border-image: linear-gradient(131deg, #ee2d25 0%, #f1592a 58%);
            border-image-slice: 1;
        }

#JobNumberOrTitle {
    width: 100%;
}

button, input[type=button], input[type=reset], input[type=submit] {
    padding: 6px 12px;
    line-height: 1.42857;
}

.vacancy-info h2 a {
    color: #fe7249;
}

.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus, .pagination > .active > span, .pagination > .active > span:hover, .pagination > .active > span:focus {
    background-color: var(--primary-btn-color);
    border-color: #ee2d25;
}

.pagination > li > a, .pagination > li > span {
    color: var(--primary-btn-color);
}

.social-share a {
    color: var(--primary-btn-color);
}

.vacancy-box.feature-job {
    background-color: #ffe9e8;
    border-color: #d3312b;
}

ul.nav-wizard li.active {
    color: #000;
    background: #fff1ed;
}

    ul.nav-wizard li.active a, ul.nav-wizard li.active a:active, ul.nav-wizard li.active a:visited, ul.nav-wizard li.active a:focus {
        color: #000;
        background: #fff1ed;
    }

    ul.nav-wizard li.active:after {
        border-left: 16px solid var(--primary-color);
    }

.btn.btn-outline-dark {
    border-color: #ccc;
}

.form-row .form-name,
.form-row a{
    color: #000;
    font-weight: 500;
}

.btn.btn-success {
    color: #fff;
}

.modal-header {
    display: block;
}

.modal-header .modal-title {
    display: inline-block;
}

    .modal-header .close {
        margin-top: -16px;
    }

    .form-row {
        padding: 15px 5px;
    }

#iframe, #pdfViewer {
    margin-bottom: 1rem;
}

.question-title {
    margin-bottom: 5px;
}

.btn.btn-default {
    color: #333;
}

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

.menu-primary-container .careernav {
    display: none;
}

.menu-primary-container .careernav p {
    margin-bottom: 0;
}

    .menu-primary-container .careernav p a {
        padding: 1rem;
        font-size: 25px;
        color: #fff;
        text-transform: uppercase;
        font-family: "DIN Next LT Pro Condensed";
        border-bottom: 1px solid rgba(255, 255, 255, .2);
    }

        .menu-primary-container .careernav p a:hover,
        .menu-primary-container .careernav p a:focus {
            text-decoration: none;
        }

        .menu-primary-container .careernav .username {
            color: #fff !important;
        }

#menu-item-318 i {
    display: none;
    transform: scale(1.2);
}

.navbar-expand-lg.navbar {
    justify-content: space-between;
}

.topButtons {
    display: none;
}

.ng-banner {
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
}

    .ng-banner .ng-banner-container img {
        height: 100%;
    }

    .ng-banner .ng-banner-container {
        width: 75%;
        height: 88px;
        margin-top: 40px;
    }

aside.sidebar .careernav p a {
    color: #333;
    font-weight: 500;
}

aside.sidebar .careernav a i {
    color: #d3312b;
}

aside.sidebar .careernav p a:hover i {
    color: #fff;
}

.vacancy-info h2 a {
    color: #d3312b;
}

main.body-content a:hover {
    opacity: 1;
}

aside.sidebar .careernav p a:focus i{
    color: #fff;
}

@media(max-width: 1700px) {
    .footer-social-container {
        padding-left: 22.5vw;
    }
}

@media(max-width: 1400px) {
    .footer-social-container {
        padding-left: 22.5vw;
    }
}

@media(max-width: 1200px) {
    .footer-container,
    .footer-container > div,
    .footer-container .footer-re-copy p {
        display: block;
        text-align: center;
    }

        .footer-container > div:not(:last-child) {
            margin-bottom: 1.5rem;
        }

    .footer-social-container {
        padding-left: 0;
    }
}


@media(max-width: 991px) {
    #main-header {
        justify-content: space-between;
    }

        #main-header:before, #main-header:after {
            content: none;
        }

        #main-header.navbar ul.navbar-nav .menu-item#menu-item-30, #main-header.navbar ul.navbar-nav .menu-item#menu-item-28 {
            display: none;
        }

    .menu-primary-container .careernav {
        display: block;
    }

    #menu-item-318 i {
        display: inline-block;
    }

    #main-header.navbar .navbar-collapse {
        height: 100vh!important;
        overflow-y: auto!important;
    }

    .ng-banner {
        display: none;
    }
}

@media(max-width: 800px) {
    .ng-header-title h2:before{
        content: none;
    }

    .ng-header-title h2{
        font-size: 42px;
    }
}

@media (max-width: 767px) {
    .bottomButtons {
        display: none;
    }

    .topButtons {
        display: block;
    }
}