@charset "UTF-8";

#reportage {
    /*-- vars --*/
    /*-- Common --*/
    /*------------- video slider -------------*/
    /*-- video slideshow --*/
    /*-- open header --*/
    /*-- red strokes --*/
    /*-- space --*/
    /*-- arrows --*/
    /*-- quotes --*/
    /*-- landingpage specific --*/
    /*-- funfacts --*/
    /*-- grey box txt --*/
    /*-- ¨ energy --*/
    /*-- icons --*/
    /*-- meet engineers --*/
    /*-- engineer nav --*/
    /*-- engineer nav mobile --*/
    /*-- carousel-life --*/
    /*-- carousel engineer pics --*/
    /*-- carousel engineer pics --*/
    /*-- grey txt --*/
    /*-- footer --*/
    /*-- cta footer --*/
    /*-- subfooter --*/
    /*-- jix toolbar --*/
    /*-- Save job --*/
    /*-- Company profile --*/
    /*-- Follow Company --*/
    /*-- jix toolbar END --*/
    /*-- navbar engineer --*/
    /*-- alt menu --*/
    /*-- cta --*/
    /* -- nav animate --*/
    /*-- nav --*/
    /*------------------------------ Logo ------------------------------*/
    /*------------------------------ Logo END ------------------------------*/
    /*------------------------------ Navbar menu postition ------------------------------*/
    /*------------------------------ Navbar menu postition END ------------------------------*/
    /*------------------------------ Navbar ------------------------------*/
    /*------------------------------ Burger icon ------------------------------*/
    /*------------------------------ Burger icon END ------------------------------*/
    /*------------------------------ Mobile stuff (set same pixels as force burger) ------------------------------*/
    /*------------------------------ Mobile stuff END ------------------------------*/
    /*------------------------------ Force Burger menu ----------------------------*/
    /*------------------------------ Force Burger menu END ------------------------------*/
    /*------------------------------ Selection ----------------------------*/
}

body {
    padding: 0 !important;
    line-height: 0 !important;
    background: #fff !important;
}

#reportage h1 {
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 53px;
    line-height: 56px;
    font-weight: 300;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    color: #666;
}

#reportage h1 span {
    color: #DF0C36;
    font-size: 70px;
    line-height: 78px;
    font-weight: 600;
    display: block;
}

@media (max-width: 992px) {
    #reportage h1 {
        font-size: 38px;
        line-height: 44px;
    }

    #reportage h1 span {
        font-size: 38px;
        line-height: 40px;
    }
}

#reportage .subheader {
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    margin: 40px 0;
}

@media (max-width: 992px) {
    #reportage .subheader {
        font-size: 16px;
        line-height: 24px;
        margin: 30px 0;
    }
}

#reportage h2 {
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 30px;
    line-height: 38px;
    font-weight: 300;
    color: #666;
    text-transform: uppercase;
    margin: 0 0 30px;
}

#reportage h2 span {
    color: #DF0C36;
    font-weight: 600;
}

@media (max-width: 992px) {
    #reportage h2 {
        font-size: 26px;
        line-height: 32px;
    }
}

#reportage p {
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 25px;
    margin: 0 0 18px;
    color: #666;
}

@media (max-width: 992px) {
    #reportage p {
        font-size: 15px;
        line-height: 23px;
    }
}

#reportage a {
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 22px;
    color: #DF0C36;
}

#reportage a:hover,
#reportage a:visited,
#reportage a:active {
    text-decoration: underline;
    color: #DF0C36;
}

#reportage .no-gutter > [class*=col-] {
    padding-right: 0;
    padding-left: 0;
}

#reportage .img-max {
    width: 100%;
}

#reportage .rel {
    position: relative;
}

#reportage .red-color {
    color: #DF0C36;
}

#reportage .yellow-color {
    color: #FF9200;
}

#reportage .blue-color {
    color: #2B96D7;
}

#reportage .bg-lightgrey {
    background: #F8F8F8;
}

@media (max-width: 992px) {
    #reportage .bg-lightgrey-md {
        background: #F8F8F8;
    }

    #reportage .md-text-center {
        text-align: center;
    }
}

#reportage .pad-right-zero {
    padding-right: 0;
}

@media (max-width: 992px) {
    #reportage .pad-right-zero {
        padding-right: 15px;
    }
}

@media (max-width: 992px) {
    #reportage .video-small {
        margin-bottom: 30px !important;
    }
}

#reportage .video-link {
    display: block;
    line-height: inherit;
}

#reportage .video-slider {
    /*-- slide content --*/
    /*-- car nav --*/
    /*-- faker right --*/
    /*-- faker left --*/
}

@media (max-width: 1200px) {
    #reportage .video-slider {
        margin-top: 70px;
    }
}

@media (max-width: 992px) {
    #reportage .video-slider .carousel-inner .item > div {
        display: none;
    }

    #reportage .video-slider .carousel-inner .item > div:nth-child(2) {
        display: block;
    }
}

#reportage .video-slider .carousel-inner .item.active,
#reportage .video-slider .carousel-inner .next,
#reportage .video-slider .carousel-inner .prev {
    width: auto;
}

@media (min-width: 992px) {

    #reportage .video-slider .carousel-inner .item.active.right,
    #reportage .video-slider .carousel-inner .item.next {
        transform: translateX(33.333%);
    }

    #reportage .video-slider .carousel-inner .item.active.left,
    #reportage .video-slider .carousel-inner .item.prev {
        transform: translateX(-33.333%);
    }
}

#reportage .video-slider .carousel-inner .item.right,
#reportage .video-slider .carousel-inner .item.left {
    transform: translateX(0);
}

#reportage .video-slider .slide-content {
    position: absolute;
    bottom: 40px;
    right: 25px;
    z-index: 100;
    width: 50%;
}

#reportage .video-slider .slide-content p {
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 32px;
    line-height: 34px;
    color: #fff;
    font-weight: 600;
}

#reportage .video-slider .slide-content span {
    color: #fff;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 18px;
}

#reportage .video-slider .slide-content img {
    width: 50px;
    margin: 0 0 20px;
}

@media (max-width: 1560px) {
    #reportage .video-slider .slide-content {
        width: 65%;
    }
}

@media (max-width: 1360px) {
    #reportage .video-slider .slide-content {
        width: 80%;
        bottom: 30px;
        left: 40px;
        right: 0;
    }

    #reportage .video-slider .slide-content p {
        font-size: 28px;
        line-height: 30px;
    }
}

#reportage .video-slider .slide-graddy {
    position: absolute;
    bottom: 0;
    right: -1px;
    padding: 0 15px;
}

#reportage .video-slider .car-nav {
    width: auto;
    position: absolute;
    right: 20px;
    bottom: 36px;
    z-index: 1000;
}

#reportage .video-slider .car-nav .carousel-control-next,
#reportage .video-slider .car-nav .carousel-control-prev {
    position: relative;
    top: 0;
    bottom: 0;
    z-index: 1;
    margin: 0 12px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    opacity: 1;
    display: inline-block;
}

#reportage .video-slider .car-nav .carousel-control-next .fas:hover,
#reportage .video-slider .car-nav .carousel-control-prev:hover .fas:hover {
    color: #DF0C36;
    transition: all 0.4s ease;
}

#reportage .video-slider .car-nav .fas {
    color: #84776E;
    font-size: 30px;
    -webkit-text-stroke-color: #fff;
    -webkit-text-stroke-width: 3px;
    transition: all 0.4s ease;
}

@media (max-width: 1200px) {
    #reportage .video-slider .car-nav .fas {
        -webkit-text-stroke-color: transparent;
        -webkit-text-stroke-width: 0;
        color: #fff;
    }
}

#reportage .video-slider .dark-right {
    background: rgba(0, 0, 0, 0.6);
    width: 33.888%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 200;
    right: 0;
}

#reportage .video-slider .dark-right .white-right {
    width: 30px;
    background: #fff;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

#reportage .video-slider .white-faker-right {
    height: 20%;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 33.333%;
    background: #fff;
    z-index: 300;
}

#reportage .video-slider .dark-left {
    background: rgba(0, 0, 0, 0.6);
    width: 33.888%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 200;
    left: 0;
}

#reportage .video-slider .dark-left .white-left {
    width: 30px;
    background: #fff;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
}

#reportage .video-slider .white-faker-left {
    height: 20%;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 33.333%;
    background: #fff;
    z-index: 300;
}

#reportage .open-header {
    background: rgba(0, 0, 0, 0.8);
    text-align: center;
    height: 170px;
    margin-top: -170px;
    padding: 43px 0 0;
}

#reportage .open-header h1 {
    font-size: 70px;
    line-height: 78px;
    color: #fff;
}

#reportage .open-header h1 span {
    display: inline;
    color: #fff;
}

#reportage .red-stroke {
    width: 80px;
    height: 1px;
    background: #DF0C36;
    margin: 0 auto 40px;
}

@media (max-width: 992px) {
    #reportage .red-stroke {
        margin: 0 auto 30px;
    }
}

#reportage .subheader-arrow-sm {
    margin: 30px 0 -160px;
    z-index: 500;
}

#reportage .red-stroke-no-arrow {
    height: 120px;
    width: 1px;
    background: #DF0C36;
    margin: 0 auto;
}

@media (max-width: 768px) {
    #reportage .red-stroke-no-arrow {
        height: 80px;
    }
}

#reportage .red-stroke-no-arrow-sm {
    height: 90px;
    width: 1px;
    background: #DF0C36;
    margin: 0 auto;
}

@media (max-width: 768px) {
    #reportage .red-stroke-no-arrow-sm {
        height: 80px;
    }
}

#reportage .red-stroke-no-arrow-engineer {
    height: 90px;
    width: 1px;
    background: #DF0C36;
    margin: 0;
}

@media (max-width: 992px) {
    #reportage .red-stroke-no-arrow-engineer {
        margin: 0 auto;
    }
}

#reportage .red-stroke-video-lene {
    margin-left: -16px;
}

@media (max-width: 992px) {
    #reportage .red-stroke-video-lene {
        margin: 0 auto !important;
    }
}

#reportage .red-stroke-no-arrow-engineer-long {
    height: 120px;
    width: 1px;
    background: #DF0C36;
    margin: 0;
}

@media (max-width: 992px) {
    #reportage .red-stroke-no-arrow-engineer-long {
        margin: 0 auto;
    }
}

#reportage .julie-arrow {
    margin-left: -16px;
}

@media (max-width: 992px) {
    #reportage .julie-arrow {
        margin: 0 auto;
    }
}

#reportage .slideshow-stroke {
    border-right: 1px solid #DF0C36;
    padding: 120px 0 0;
}

@media (max-width: 992px) {
    #reportage .slideshow-stroke {
        border: 0;
        padding: 0;
    }
}

#reportage .slideshow-stroke-video {
    padding-top: 90px;
}

@media (max-width: 992px) {
    #reportage .slideshow-stroke-video {
        padding-top: 0;
    }
}

#reportage .video-border-right {
    border-right: 1px solid #DF0C36;
}

@media (max-width: 992px) {
    #reportage .video-border-right {
        border-right: 0;
    }
}

#reportage .space-top {
    padding-top: 110px;
}

#reportage .space-top-sm {
    padding-top: 55px;
}

#reportage .space-top-xs {
    padding-top: 30px;
}

#reportage .space-top-mar {
    margin-top: 110px;
}

@media (max-width: 992px) {
    #reportage .space-top {
        padding-top: 70px;
    }

    #reportage .space-top-sm {
        padding-top: 35px;
    }

    #reportage .space-top-mar {
        margin-top: 70px;
    }

    #reportage .video-sm {
        margin-top: 40px;
    }

    #reportage .meet-pad-right {
        padding-right: 7px;
    }

    #reportage .meet-pad-left {
        padding-left: 7px;
    }
}

#reportage .arrow-long-left {
    position: absolute;
    top: 110px;
    left: 100px;
    z-index: 300;
}

#reportage .arrow-long-right {
    position: absolute;
    top: 110px;
    right: 100px;
    z-index: 300;
}

#reportage .quote-christian-arrow {
    margin: 40px 0 -80px 30px;
}

@media (max-width: 992px) {
    #reportage .quote-christian-arrow {
        margin: 0 0 -80px 0;
    }
}

#reportage .quote-lene-arrow {
    margin: 40px 0 -80px -30px;
}

@media (max-width: 992px) {
    #reportage .quote-lene-arrow {
        margin: 0 0 -80px 0;
    }
}

#reportage .quote-julie-arrow {
    margin: 10px 0 -80px 0;
}

#reportage .quote-christian {
    background: url(../img/landingpage-total-engineer-christian-pic4.jpg) no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

#reportage .quote-christian .item {
    height: 500px;
}

@media (max-width: 1200px) {
    #reportage .quote-christian .item {
        height: 540px;
    }
}

@media (max-width: 992px) {
    #reportage .quote-christian .item {
        height: 320px;
    }
}

@media (max-width: 768px) {
    #reportage .quote-christian .item {
        height: 445px;
    }
}

@media (max-width: 768px) {
    #reportage .quote-christian .carousel-indicators {
        bottom: -40px !important;
    }
}

#reportage .quote-hans {
    background: url(../img/landingpage-total-engineer-hans-pic3.jpg) no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

#reportage .quote-hans .item {
    height: 405px;
}

@media (max-width: 1200px) {
    #reportage .quote-hans .item {
        height: 448px;
    }
}

@media (max-width: 768px) {
    #reportage .quote-hans .item {
        height: 348px;
    }
}

#reportage .quote-hans .carousel-indicators {
    bottom: -60px !important;
}

#reportage .quote-hans .carousel-indicators li,
#reportage .quote-hans .carousel-indicators li.active {
    margin: 0 10px !important;
    width: 21px !important;
    height: 21px !important;
}

#reportage .quote-lene {
    background: url(/img/layout/img/landingpage-total-engineer-lene-pic4.jpg) no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

#reportage .quote-julie {
    background: url(../img/landingpage-total-engineer-julie-pic3.jpg) no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

@media (max-width: 768px) {
    #reportage .quote-julie .item {
        height: 395px;
    }
}

@media (max-width: 768px) {
    #reportage .quote-julie .carousel-indicators {
        bottom: -60px !important;
    }
}

#reportage .quote-jacob {
    background: url(../img/landingpage-total-engineer-lene-pic4.jpg) no-repeat top center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

#reportage .quote-jacob .item {
    height: 500px;
}

@media (max-width: 992px) {
    #reportage .quote-jacob .item {
        height: 280px;
    }
}

@media (max-width: 768px) {
    #reportage .quote-jacob .item {
        height: 470px;
    }
}

@media (max-width: 768px) {
    #reportage .quote-jacob .carousel-indicators {
        bottom: -60px !important;
    }

    #reportage .quote-jacob .carousel-indicators li,
    #reportage .quote-jacob .carousel-indicators li.active {
        margin: 0 10px !important;
        width: 21px !important;
        height: 21px !important;
    }
}

#reportage .quote-dalia {
    background: url(../img/landingpage-total-engineer-dalia-pic3.jpg) no-repeat top center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

#reportage .quote-dalia .item {
    height: 405px;
}

@media (max-width: 992px) {
    #reportage .quote-dalia .item {
        height: 440px;
    }
}

@media (max-width: 768px) {
    #reportage .quote-dalia .item {
        height: 343px;
    }
}

#reportage .quote-dalia .carousel-indicators {
    bottom: -60px !important;
}

#reportage .quote-picbg {
    padding: 120px 0 160px;
}

@media (max-width: 768px) {
    #reportage .quote-picbg {
        padding: 100px 0 120px;
    }
}

#reportage .quote-picbg img {
    margin: 0 auto 30px !important;
}

#reportage .quote-picbg p,
#reportage .quote-picbg span {
    color: #fff !important;
}

#reportage .quote-picbg .carousel-indicators {
    bottom: -80px;
}

#reportage .quote-picbg .carousel-indicators li {
    width: 13px;
    height: 13px;
    margin: 0 0 0 4px;
    border: 0;
    background: #fff;
    opacity: 0.3;
    transition: all 0.2s ease;
}

#reportage .quote-picbg .carousel-indicators li:hover,
#reportage .quote-picbg .carousel-indicators li.active {
    width: 13px;
    height: 13px;
    margin: 0 0 0 4px;
    border: 0;
    background: #DF0C36;
    opacity: 1.0;
    transition: all 0.2s ease;
}

#reportage .quote-sm {
    font-weight: 600;
    font-style: italic;
}

#reportage .quote-sm span {
    color: #DF0C36;
    display: block;
    margin: 15px 0 0;
    font-size: 14px;
}

@media (max-width: 992px) {
    #reportage .quote-sm {
        margin-bottom: 60px;
    }
}

#reportage .quote {
    text-align: center;
    margin: 50px auto;
}

#reportage .quote img {
    width: 145px;
    margin: 0 0 30px;
}

#reportage .quote p {
    font-size: 34px;
    line-height: 38px;
    font-weight: 600;
    font-style: italic;
    margin: 0 0 40px;
}

#reportage .quote span {
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: #666;
}

#reportage .quote span b {
    color: #DF0C36;
    font-weight: 600;
}

@media (max-width: 992px) {
    #reportage .quote img {
        width: 100px;
        margin: 0 0 30px;
    }

    #reportage .quote p {
        font-size: 20px;
        line-height: 25px;
        margin: 0 0 35px;
    }
}

#reportage .hero-header {
    text-transform: none;
}

#reportage .hero {
    position: relative;
}

#reportage .hero .quote {
    text-align: left;
    position: absolute;
    bottom: 40px;
    left: 60px;
    max-width: 500px;
}

#reportage .hero .quote img {
    width: 80px;
}

#reportage .hero .quote p {
    font-size: 30px;
    line-height: 34px;
    color: #fff;
}

#reportage .hero .quote span {
    color: #fff;
}

#reportage .hero .quote span b {
    color: #fff;
}

@media (max-width: 1200px) {
    #reportage .hero {
        margin-top: 70px;
    }

    #reportage .hero .quote {
        bottom: 0;
        left: 40px;
    }

    #reportage .hero .quote p {
        font-size: 26px;
        line-height: 32px;
        margin: 0 0 30px;
    }
}

@media (max-width: 992px) {
    #reportage .hero .quote {
        bottom: 0;
        left: 40px;
        width: inherit;
        max-width: inherit;
    }

    #reportage .hero .quote p {
        font-size: 26px;
        line-height: 32px;
        margin: 0 40px 30px 0;
    }
}

@media (max-width: 768px) {
    #reportage .hero .quote {
        left: 15px;
        margin: 0;
        bottom: 20px;
    }

    #reportage .hero .quote img {
        width: 60px;
        margin: 0 0 20px;
    }

    #reportage .hero .quote p {
        font-size: 18px;
        line-height: 24px;
        margin: 0 15px 10px 0;
    }

    #reportage .hero .quote span {
        font-size: 13px;
    }
}

#reportage .funfacts-name {
    font-size: 14px;
    line-height: 14px;
    position: absolute;
    bottom: 0;
    margin: 0 0 0 30px;
    text-transform: uppercase;
}

#reportage .funfacts-name span {
    color: #DF0C36;
    font-weight: 600;
}

#reportage .funfacts-name-mobile {
    font-size: 14px;
    line-height: 14px;
    margin: 30px 0;
    text-transform: uppercase;
    text-align: center;
}

#reportage .funfacts-name-mobile span {
    color: #DF0C36;
    font-weight: 600;
}

#reportage .grey-box-txt {
    padding-top: 60px;
    padding-bottom: 50px;
}

#reportage .grey-box-txt .custom-pad {
    padding-left: 60px;
}

@media (max-width: 992px) {
    #reportage .grey-box-txt .custom-pad {
        padding-left: inherit;
    }
}

#reportage .better-energy {
    padding: 400px 0 0;
    background: url(../img/landingpage-total-better-energy.jpg) no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

#reportage .better-energy h2 {
    background: #DF0C36;
    padding: 30px 40px 30px 0;
    color: #fff;
    margin: 0;
    position: relative;
    z-index: 200;
    height: 100px;
}

#reportage .better-energy h2 span {
    color: #fff;
}

@media (max-width: 992px) {
    #reportage .better-energy h2 {
        padding: 28px 40px 0 0;
        height: 90px;
    }
}

#reportage .better-energy .redbar {
    position: absolute;
    height: 100px;
    width: 30%;
    left: 0;
    bottom: 0;
    background: #DF0C36;
}

@media (min-width: 3000px) {
    #reportage .better-energy .redbar {
        width: 40%;
    }
}

@media (max-width: 992px) {
    #reportage .better-energy .redbar {
        height: 90px;
    }
}

@media (max-width: 992px) {
    #reportage .better-energy {
        padding: 280px 0 0;
        background: url(../img/landingpage-total-better-energy.jpg) no-repeat right;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;
        -o-background-size: cover;
    }
}

#reportage .icons-author {
    max-width: 260px;
}

@media (max-width: 1200px) {
    #reportage .icons-author {
        max-width: 200px;
    }
}

@media (max-width: 992px) {
    #reportage .icons-author {
        margin: 0 auto;
    }
}

#reportage .icons-simple p {
    margin-top: 10px;
}

#reportage .icons {
    text-align: center;
    margin: 40px 0 0;
}

#reportage .icons img {
    max-width: 121px;
    width: 100%;
}

#reportage .icons h3 {
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 46px;
    line-height: 52px;
    font-weight: 600;
    margin: 15px 0 0;
}

@media (max-width: 768px) {
    #reportage .icons h3 {
        font-size: 38px;
        line-height: 42px;
        margin: 10px 0 0;
    }
}

#reportage .icons p {
    color: #84776E;
    font-size: 14px;
    line-height: 18px;
}

@media (max-width: 768px) {
    #reportage .icons p {
        font-size: 12px;
        line-height: 16px;
    }
}

@media (max-width: 992px) {
    #reportage .icons {
        margin: 20px 0 0;
    }
}

@media (max-width: 992px) {
    #reportage .icons-dalia {
        margin: 0 0 20px;
    }
}

#reportage .meet-engineers {
    margin: 200px 0 0;
    background: #F8F8F8;
}

@media (max-width: 992px) {
    #reportage .meet-engineers {
        padding-bottom: 30px;
    }
}

@media (max-width: 768px) {
    #reportage .meet-engineers {
        margin: 165px 0 0;
    }
}

#reportage .meet-engineers h2 {
    padding: 150px 0 0;
}

#reportage .meet-engineers .map {
    position: absolute;
    top: -150px;
    left: 0;
}

#reportage .meet-engineers .arrow {
    position: absolute;
    right: 282px;
    top: -170px;
}

@media (max-width: 992px) {
    #reportage .meet-engineers .arrow {
        right: 50%;
        top: -91px;
        margin-right: -8px;
    }
}

#reportage .meet-engineers .counter {
    font-size: 34px;
    line-height: 40px;
    font-weight: 300;
    text-align: right;
}

#reportage .meet-engineers .counter span {
    color: #DF0C36;
    font-weight: 600;
}

#reportage .meet-engineers .meet-box {
    display: block;
    background: #fff;
    border-bottom: 2px solid #DF0C36;
    transition: all 0.2s ease;
    height: 100%;
}

@media (max-width: 992px) {
    #reportage .meet-engineers .meet-box {
        margin: 15px 0;
    }
}

#reportage .meet-engineers .meet-box .content {
    padding: 30px 25px;
}

#reportage .meet-engineers .meet-box .content h3 {
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    color: #DF0C36;
    font-size: 22px;
    line-height: 26px;
    font-weight: 600;
    margin: 0 0 5px;
}

#reportage .meet-engineers .meet-box .content .cta-p {
    text-align: right;
    font-weight: 600;
    font-size: 14px;
    color: #DF0C36;
    margin-top: 60px;
}

#reportage .meet-engineers .meet-box .content .cta-p img {
    margin-top: -3px;
}

@media (max-width: 992px) {
    #reportage .meet-engineers .meet-box .content {
        padding: 20px 15px;
    }

    #reportage .meet-engineers .meet-box .content h3 {
        font-size: 18px;
        line-height: 24px;
        margin: 0;
    }

    #reportage .meet-engineers .meet-box .content p {
        font-size: 12px;
        line-height: 18px;
    }

    #reportage .meet-engineers .meet-box .content .cta-p {
        font-size: 12px;
        margin-top: 30px;
    }
}

@media (max-width: 374px) {
    #reportage .meet-engineers .meet-box .content {
        padding: 20px 10px;
    }
}

#reportage .meet-engineers .meet-box:hover {
    display: block;
    background: #DF0C36;
    border-bottom: 2px solid #DF0C36;
    transition: all 0.2s ease;
    text-decoration: none;
    color: #fff;
}

#reportage .meet-engineers .meet-box:hover h3,
#reportage .meet-engineers .meet-box:hover p {
    color: #fff;
    transition: all 0.2s ease;
}

#reportage .meet-engineers .meet-box:hover .cta-p {
    color: #fff;
}

#reportage .meet-engineers .meet-box:hover .cta-p img {
    filter: brightness(0.5);
}

#reportage .meet-engineers .meet-box:hover img {
    /*filter: grayscale(1);*/
    transition: all 0.2s ease;
    opacity: 0.8;
}

#reportage .meet-engineers .carousel {
    margin-top: 40px;
    margin-bottom: -80px;
    z-index: 700;
}

#reportage .meet-engineers .carousel-control {
    background: none;
    text-shadow: none;
    width: 30px;
    height: 30px;
    opacity: 1;
    color: #84776E;
    top: 50%;
    margin-bottom: -15px;
}

#reportage .meet-engineers .carousel-control .glyphicon {
    transition: all 0.2s ease;
    -webkit-text-stroke-color: #F8F8F8;
    -webkit-text-stroke-width: 3px;
}

#reportage .meet-engineers .carousel-control .glyphicon:hover {
    transition: all 0.2s ease;
    color: #DF0C36;
}

#reportage .meet-engineers .carousel-control.left {
    left: -80px;
}

@media (max-width: 1350px) {
    #reportage .meet-engineers .carousel-control.left {
        left: -40px;
    }
}

@media (max-width: 1100px) {
    #reportage .meet-engineers .carousel-control.left {
        left: 0;
    }
}

#reportage .meet-engineers .carousel-control.right {
    right: -80px;
}

@media (max-width: 1350px) {
    #reportage .meet-engineers .carousel-control.right {
        right: -40px;
    }
}

@media (max-width: 1100px) {
    #reportage .meet-engineers .carousel-control.right {
        right: 0;
    }
}

#reportage .engineer-nav {
    position: absolute;
    top: 48%;
    right: 0;
    width: 180px;
    z-index: 400;
}

#reportage .engineer-nav a {
    background: #E8E8E8;
    display: block;
    text-decoration: none;
    border-bottom: 2px solid #DF0C36;
    padding: 15px 18px;
    transition: all 0.2s ease;
}

#reportage .engineer-nav a p {
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    margin: 0;
}

#reportage .engineer-nav a span {
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: 300;
    margin: 0;
    display: block;
    color: #666;
}

#reportage .engineer-nav a:hover p,
#reportage .engineer-nav a:hover span,
#reportage .engineer-nav a.active p,
#reportage .engineer-nav a.active span {
    color: #fff;
    transition: all 0.2s ease;
}

#reportage .engineer-nav .malene:hover,
#reportage .engineer-nav .malene.active {
    background: url(../img/landingpage-total-engineer-nav-malene.png) no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    transition: all 0.2s ease;
}

#reportage .engineer-nav .christian:hover,
#reportage .engineer-nav .christian.active {
    background: url(../img/landingpage-total-engineer-nav-christian-alt.png) no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    transition: all 0.2s ease;
}

#reportage .engineer-nav .jacob:hover,
#reportage .engineer-nav .jacob.active {
    background: url(../img/landingpage-total-engineer-nav-jacob.png) no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    transition: all 0.2s ease;
}

#reportage .engineer-nav .carina:hover,
#reportage .engineer-nav .carina.active {
    background: url(../img/landingpage-total-engineer-nav-carina.png) no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    transition: all 0.2s ease;
}

#reportage .engineer-nav .andreas:hover,
#reportage .engineer-nav .andreas.active {
    background: url(../img/landingpage-total-engineer-nav-andreas.png) no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    transition: all 0.2s ease;
}

#reportage .engineer-nav .kasper:hover,
#reportage .engineer-nav .kasper.active {
    background: url(../img/landingpage-total-engineer-nav-kasper.png) no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    transition: all 0.2s ease;
}

#reportage .engineer-nav .nichola:hover,
#reportage .engineer-nav .nichola.active {
    background: url(../img/landingpage-total-engineer-nav-nichola.png) no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    transition: all 0.2s ease;
}

#reportage .engineer-nav .lene:hover,
#reportage .engineer-nav .lene.active {
    background: url(../img/landingpage-total-engineer-nav-lene.png) no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    transition: all 0.2s ease;
}

#reportage .engineer-nav .carolina:hover,
#reportage .engineer-nav .carolina.active {
    background: url(../img/landingpage-total-engineer-nav-carolina.png) no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    transition: all 0.2s ease;
}

#reportage .engineer-nav .laura:hover,
#reportage .engineer-nav .laura.active {
    background: url(../img/landingpage-total-engineer-nav-laura.png) no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    transition: all 0.2s ease;
}

#reportage .engineer-nav .marie:hover,
#reportage .engineer-nav .marie.active {
    background: url(../img/landingpage-total-engineer-nav-marie-alt.png) no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    transition: all 0.2s ease;
}

#reportage .engineer-nav-mobile {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 100%;
    z-index: 700;
    border-top: 2px solid #DF0C36;
    background: #E8E8E8;
    padding: 0;
}

#reportage .engineer-nav-mobile a {
    width: 33.333%;
    float: left;
    text-align: center;
    padding: 10px 0;
}

#reportage .engineer-nav-mobile a p {
    font-size: 11px;
    line-height: 15px;
    font-weight: 600;
    margin: 0;
}

#reportage .engineer-nav-mobile a span {
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 12px;
    font-weight: 300;
    margin: 0;
    display: block;
    color: #666;
}

#reportage .engineer-nav-mobile a.active {
    background: #DF0C36;
}

#reportage .engineer-nav-mobile a.active p,
#reportage .engineer-nav-mobile a.active span {
    color: #fff;
}

#reportage #carousel-life .carousel-control {
    background: none;
    text-shadow: none;
    width: 30px;
    height: 30px;
    opacity: 1;
    color: #fff;
    top: 50%;
    margin-top: -15px;
}

#reportage #carousel-life .carousel-control.left {
    left: 40px;
}

#reportage #carousel-life .carousel-control.right {
    right: 40px;
}

@media (max-width: 1200px) {
    #reportage #carousel-life .carousel-control {
        top: 30%;
    }
}

@media (max-width: 768px) {
    #reportage #carousel-life .carousel-control {
        top: 15%;
    }

    #reportage #carousel-life .carousel-control.left {
        left: 15px;
    }

    #reportage #carousel-life .carousel-control.right {
        right: 15px;
    }
}

#reportage .life-box {
    background: #DF0C36;
    padding: 80px 0;
    margin-right: 15px;
    position: absolute;
    bottom: 0;
}

#reportage .life-box h2,
#reportage .life-box p,
#reportage .life-box span {
    color: #fff;
}

@media (max-width: 1200px) {
    #reportage .life-box {
        position: relative;
        margin-right: inherit;
    }
}

@media (max-width: 768px) {
    #reportage .life-box {
        padding: 50px 0;
    }
}

@media (max-width: 992px) {
    #reportage .life-red {
        background: #DF0C36;
    }
}

#reportage #carousel-engineer-pics .carousel-control {
    background: none;
    opacity: 1;
    width: 99px;
    top: 0;
    margin-top: 0;
}

#reportage #carousel-engineer-pics .carousel-control.right {
    right: -50px;
    transition: all 0.2s ease;
    background: url(../img/total-slideshow-nav-right.png) no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
    -o-background-size: contain;
}

#reportage #carousel-engineer-pics .carousel-control.right:hover {
    right: -50px;
    transition: all 0.2s ease;
    background: url(../img/total-slideshow-nav-right-hover.png) no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
    -o-background-size: contain;
}

#reportage #carousel-engineer-pics .carousel-control.left {
    left: -50px;
    transition: all 0.2s ease;
    background: url(../img/total-slideshow-nav-left.png) no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
    -o-background-size: contain;
}

#reportage #carousel-engineer-pics .carousel-control.left:hover {
    left: -50px;
    transition: all 0.2s ease;
    background: url(../img/total-slideshow-nav-left-hover.png) no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
    -o-background-size: contain;
}

@media (max-width: 992px) {

    #reportage #carousel-engineer-pics .carousel-control.right,
    #reportage #carousel-engineer-pics .carousel-control.right:hover {
        right: 0;
    }

    #reportage #carousel-engineer-pics .carousel-control.left,
    #reportage #carousel-engineer-pics .carousel-control.left:hover {
        left: 0;
    }
}

@media (max-width: 768px) {
    #reportage #carousel-engineer-pics .carousel-control {
        width: 50px;
    }

    #reportage #carousel-engineer-pics .carousel-control img {
        width: 50px;
    }
}

@media (max-width: 1200px) {
    #reportage .slideshow-open {
        margin-top: 70px;
    }
}

#reportage .slideshow-open .carousel-control.right {
    right: 50px !important;
    background: url(/img/layout/img/total-slideshow-white-nav-right.png) no-repeat center !important;
    -webkit-background-size: contain !important;
    -moz-background-size: contain !important;
    background-size: contain !important;
    -o-background-size: contain !important;
}

#reportage .slideshow-open .carousel-control.right:hover {
    right: 50px !important;
    background: url(../img/total-slideshow-white-nav-right-hover.png) no-repeat center !important;
    -webkit-background-size: contain !important;
    -moz-background-size: contain !important;
    background-size: contain !important;
    -o-background-size: contain !important;
}

#reportage .slideshow-open .carousel-control.left {
    left: 50px !important;
    background: url(../img/total-slideshow-white-nav-left.png) no-repeat center !important;
    -webkit-background-size: contain !important;
    -moz-background-size: contain !important;
    background-size: contain !important;
    -o-background-size: contain !important;
}

#reportage .slideshow-open .carousel-control.left:hover {
    left: 50px !important;
    background: url(../img/total-slideshow-white-nav-left-hover.png) no-repeat center !important;
    -webkit-background-size: contain !important;
    -moz-background-size: contain !important;
    background-size: contain !important;
    -o-background-size: contain !important;
}

@media (max-width: 768px) {
    #reportage .slideshow-open .carousel-control.right {
        right: 20px !important;
    }

    #reportage .slideshow-open .carousel-control.right:hover {
        right: 20px !important;
    }

    #reportage .slideshow-open .carousel-control.left {
        left: 20px !important;
    }

    #reportage .slideshow-open .carousel-control.left:hover {
        left: 20px !important;
    }
}

#reportage .txt-grey {
    background: #F8F8F8;
    padding: 70px 0;
}

#reportage .footer .pic-no-mar {
    margin: 0;
}

#reportage .footer .quote-slide {
    background: #DF0C36;
    padding: 60px 40px 200px;
    margin-bottom: -130px;
}

@media (max-width: 768px) {
    #reportage .footer .quote-slide {
        padding: 60px 20px;
        margin-bottom: 0;
    }
}

#reportage .footer .quote-slide .item {
    height: 285px;
}

@media (max-width: 1200px) {
    #reportage .footer .quote-slide .item {
        height: 324px;
    }
}

@media (max-width: 992px) {
    #reportage .footer .quote-slide .item {
        height: 234px;
    }
}

@media (max-width: 768px) {
    #reportage .footer .quote-slide .item {
        height: 315px;
    }
}

#reportage .footer .quote-slide .quote {
    margin: 0;
    text-align: left;
}

#reportage .footer .quote-slide .quote img {
    width: 60px;
    margin: 0 0 30px;
}

#reportage .footer .quote-slide .quote p {
    color: #fff;
    margin: 0 0 30px;
}

#reportage .footer .quote-slide .quote span {
    color: #fff;
}

#reportage .footer .quote-slide .quote span b {
    color: #fff;
}

#reportage .footer .quote-slide .carousel-indicators {
    bottom: -20px;
    left: inherit;
    right: 0;
    width: 100px;
    text-align: right;
}

#reportage .footer .quote-slide .carousel-indicators li {
    width: 13px;
    height: 13px;
    margin: 0 0 0 4px;
    border: 0;
    background: #fff;
    opacity: 0.3;
    transition: all 0.2s ease;
}

#reportage .footer .quote-slide .carousel-indicators li:hover,
#reportage .footer .quote-slide .carousel-indicators li.active {
    width: 13px;
    height: 13px;
    margin: 0 0 0 4px;
    border: 0;
    background: #fff;
    opacity: 1.0;
    transition: all 0.2s ease;
}

#reportage .footer .links {
    margin-top: 176px;
}

#reportage .footer .links .cta-p {
    border-bottom: 2px solid #DF0C36;
    padding: 15px 0;
    color: #666;
}

#reportage .footer .links .cta-p:hover {
    text-decoration: none;
    color: #DF0C36;
}

@media (max-width: 992px) {
    #reportage .footer .links {
        margin-top: 60px;
    }
}

#reportage .cta-footer .cta {
    margin: 40px 0 !important;
    display: inline-block;
}

#reportage .cta-footer .cta:hover,
#reportage .cta-footer .cta:active {
    color: #DF0C36 !important;
    border: 1px solid #DF0C36;
    background: transparent;
    padding: 15px 34px !important;
    text-transform: inherit !important;
    transition: all 0.2s ease;
    text-decoration: none;
}

#reportage .subfooter {
    background: #DF0C36;
    padding: 100px 0;
    text-align: center;
    margin: 50px 0 0;
}

#reportage .subfooter .fab {
    color: #DF0C36;
    background: #fff;
    width: 50px;
    height: 50px;
    border-radius: 100px;
    margin: 0 10px;
    font-size: 25px;
    padding: 12px 0 0;
    border: 1px solid #DF0C36;
    transition: all 0.2s ease;
}

#reportage .subfooter .fab:hover {
    color: #fff;
    background: #DF0C36;
    border: 1px solid #fff;
    transition: all 0.2s ease;
}

@media (max-width: 992px) {
    #reportage .subfooter {
        margin-bottom: 96px;
    }
}

@media (max-width: 768px) {
    #reportage .subfooter {
        padding: 50px 0;
    }

    #reportage .subfooter .fab {
        margin: 0 5px;
    }
}

#reportage .addthis_toolbox {
    margin: 20px 0 0 0;
    padding: 0;
    list-style: none;
}

#reportage .addthis_button_compact span {
    margin-right: 8px;
    padding: 0;
}

#reportage .addthis_default_style .at300b,
#reportage .addthis_default_style .at300bo,
#reportage .addthis_default_style .at300m {
    padding: 0 5px 0 0 !important;
}

#reportage .jix_toolbar ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#reportage .jix_toolbar li {
    margin: 0 0 6px 0;
    padding: 0;
}

#reportage .jix_toolbar li:last-child {
    margin: 0;
    padding: 0;
}

#reportage .jix_toolbar a {
    color: #c6168d;
    text-decoration: none;
    font-family: 'OticonRegular', 'Open Sans', sans-serif;
}

#reportage #jix_toolbar_layout_myjob img {
    display: none;
}

#reportage #jix_toolbar_layout_myjob a {
    padding-left: 25px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: left center;
}

#reportage #jix_toolbar_layout_myjob.jix_myjob_not_saved a {
    background-image: url(../img/jobindex-gem-off.png);
}

#reportage #jix_toolbar_layout_myjob .jix_myjob_saved a {
    background-image: url(../img/jobindex-gem-on.png);
}

#reportage #jix_toolbar_layout_myjob .jix_myjob_applied a {
    background-image: url(../img/jobindex-gem-applied.png);
}

#reportage #jix_toolbar_layout_companyprofile img {
    display: none;
}

#reportage #jix_toolbar_layout_companyprofile a {
    padding-top: 0;
    padding-left: 25px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: left center;
}

#reportage #jix_toolbar_layout_companyprofile.jix_companyprofile_paid a {
    background-image: url(../img/jobindex-vp-on.png);
}

#reportage #jix_toolbar_layout_companyprofile.jix_companyprofile_unpaid a {
    background-image: url(../img/jobindex-vp-off.png);
}

#reportage #jix_toolbar_layout_follow img {
    display: none;
}

#reportage #jix_toolbar_layout_follow a {
    padding-left: 25px;
    height: 17px;
    background-repeat: no-repeat;
    background-position: left center;
}

#reportage #jix_toolbar_layout_follow a.follow_off {
    background-image: url(../img/jobindex-foelg-off.png);
}

#reportage #jix_toolbar_layout_follow a.follow_on {
    background-image: url(../img/jobindex-foelg-on.png);
}

#reportage .navbar-engineer {
    background: #fff !important;
    box-shadow: 0px 3px 10px 0px rgba(50, 50, 50, 0.2);
    -webkit-box-shadow: 0px 3px 10px 0px rgba(50, 50, 50, 0.2);
    -moz-box-shadow: 0px 3px 10px 0px rgba(50, 50, 50, 0.2);
}

#reportage .alt-menu {
    background: #DF0C36;
    height: 90px;
    text-align: center;
    padding: 35px 0 0 25px;
    max-width: 800px;
    margin: 0 auto;
}

@media (max-width: 1285px) {
    #reportage .alt-menu {
        max-width: 730px;
        margin: 0 auto;
        padding: 35px 0 0 10px;
    }
}

@media (max-width: 1200px) {
    #reportage .alt-menu {
        display: none;
    }
}

#reportage .alt-menu li a {
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    padding: 0;
    margin: 0 15px;
    transition: all 0.2s ease;
    text-transform: uppercase;
    text-align: center;
}

#reportage .alt-menu li a:hover,
#reportage .alt-menu li a:focus,
#reportage .alt-menu li a:active {
    background: none;
    transition: all 0.2s ease;
    text-decoration: none;
}

#reportage .alt-menu li a:after {
    height: 8px;
    background: #fff;
    content: '';
    position: absolute;
    width: 0;
    bottom: -38px;
    left: 50%;
    transition: all 0.2s ease;
}

#reportage .alt-menu li a:hover:after {
    height: 8px;
    background: #fff;
    content: '';
    position: absolute;
    width: 100%;
    bottom: -38px;
    left: 0;
    transition: all 0.2s ease;
}

@media (max-width: 1285px) {
    #reportage .alt-menu li a {
        margin: 0 10px;
    }
}

#reportage .cta {
    background: #DF0C36;
    padding: 15px 34px !important;
    text-transform: inherit !important;
    border: 1px solid #DF0C36;
    transition: all 0.2s ease;
    z-index: 3500 !important;
    color: #fff !important;
    font-weight: 600 !important;
}

#reportage .cta img {
    margin: -3px 10px 0 0;
}

#reportage .cta:hover,
#reportage .cta:active {
    color: #fff !important;
    border: 1px solid #fff;
    background: transparent;
    padding: 15px 34px !important;
    text-transform: inherit !important;
    transition: all 0.2s ease;
    text-decoration: none;
}

#reportage .cta-p {
    margin: 20px 0 0;
    display: block;
}

#reportage .cta-p img {
    margin: 0 10px 0 0;
}

#reportage #stickytypeheader {
    z-index: 3000;
}

#reportage #stickytypeheader-engineer {
    z-index: 3000;
    position: -webkit-sticky;
    /* Safari */
    position: sticky;
    top: 0;
}

#reportage #menu-trigger {
    position: absolute;
    width: 10px;
    height: 10px;
    z-index: 700;
    right: 0;
    top: 16%;
}

@media (max-width: 1280px) {
    #reportage #menu-trigger {
        top: 32%;
    }
}

#reportage .clearHeader {
    background: transparent !important;
    box-shadow: none;
    -webkit-transition: background 0.5s;
    transition: background 0.5s;
}

#reportage .clearHeader.darkHeader {
    background: #fff !important;
    box-shadow: 0px 3px 10px 0px rgba(50, 50, 50, 0.2);
    -webkit-box-shadow: 0px 3px 10px 0px rgba(50, 50, 50, 0.2);
    -moz-box-shadow: 0px 3px 10px 0px rgba(50, 50, 50, 0.2);
}

@media (max-width: 1200px) {
    #reportage .clearHeader {
        background: #fff !important;
    }
}

#reportage .darkHeader .cta:hover,
#reportage .darkHeader .cta:active,
#reportage .navbar-engineer .cta:hover,
#reportage .navbar-engineer .cta:active {
    color: #DF0C36 !important;
    border: 1px solid #DF0C36;
    background: #fff !important;
    padding: 15px 34px !important;
    text-transform: inherit !important;
    transition: all 0.2s ease;
    text-decoration: none;
}

#reportage .darkHeader .cta:hover img,
#reportage .darkHeader .cta:active img,
#reportage .navbar-engineer .cta:hover img,
#reportage .navbar-engineer .cta:active img {
    filter: brightness(0.5);
    transition: all 0.2s ease;
}

#reportage .navbar-default {
    height: 90px;
    background: transparent;
}

#reportage div#rep-navbar-collapse {
    border: 0;
}

#reportage #mainNav .nav-hide {
    display: none;
}

@media (max-width: 1200px) {
    #reportage #mainNav .nav-hide {
        display: block;
    }
}

@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
    #reportage {
        /* IE10+ specific styles go here */
    }

    #reportage .darkHeader .nav-hide,
    #reportage .navbar-engineer .nav-hide {
        display: block !important;
        padding: 17px 20px 0 0;
    }
}

#reportage .navbar-brand {
    display: block;
    height: 100% !important;
    padding-top: 17px;
    padding-left: 30px;
}

#reportage .navbar-brand img {
    /*width: 150px;*/
}

#reportage .navbar-right {
    padding: 19px 30px 0 0;
}

#reportage .navbar-default .navbar-nav > li > a {
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    color: #DF0C36;
    font-size: 14px;
    line-height: 18px;
    padding: 0;
    margin: 0;
    font-weight: 600;
    transition: all 0.2s ease;
    text-transform: uppercase;
}

#reportage .navbar-default .navbar-nav > li > a:hover,
#reportage .navbar-default .navbar-nav > li > a:focus {
    transition: all 0.4s ease;
}

#reportage .navbar-default .navbar-toggle {
    margin-top: 18px;
    background-color: transparent;
    margin-right: 5px;
}

#reportage .navbar-default .navbar-toggle:hover,
#reportage .navbar-default .navbar-toggle:focus {
    background-color: transparent;
}

#reportage .navbar-default,
#reportage .navbar-toggle {
    border: 0;
}

#reportage .navbar-default .navbar-toggle .icon-bar {
    background-color: #DF0C36;
    /*-- change the color of the burger menu --*/
}

@media (max-width: 1200px) {
    #reportage .navbar-brand {
        padding: 8px 0 0 15px;
    }

    #reportage .navbar-default {
        height: 70px;
    }

    #reportage .navbar-default .navbar-nav > li > a {
        text-align: center;
        margin: 20px 0 0;
        border-right: 0;
        color: #fff;
    }

    #reportage .navbar-default .navbar-nav > li > a:hover {
        border-bottom: 0 !important;
    }

    #reportage .navbar-right {
        padding: 20px;
        /*-- navbar position for mobile --*/
        border: transparent !important;
    }

    #reportage .navbar-collapse {
        margin-top: 8px;
        /*-- Change to fix space to topbar --*/
        overflow: hidden;
        margin-right: -15px;
        margin-left: -15px;
    }

    #reportage .navbar-nav {
        background: #DF0C36;
        /*-- Background color --*/
    }
}

@media (max-width: 1200px) {
    #reportage .navbar-header {
        float: none;
    }

    #reportage .navbar-left,
    #reportage .navbar-right {
        float: none !important;
    }

    #reportage .navbar-toggle {
        display: block;
    }

    #reportage .navbar-collapse {
        margin-right: -15px !important;
        margin-left: -15px !important;
    }

    #reportage .navbar-collapse.collapse {
        display: none !important;
    }

    #reportage .navbar-nav {
        margin: 0 -15px;
    }

    #reportage .navbar-nav > li {
        float: none;
    }

    #reportage .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    #reportage .collapse.in {
        display: block !important;
    }
}

#reportage ::-moz-selection {
    text-shadow: none;
    color: #fff;
    background: #666;
}

#reportage ::selection {
    text-shadow: none;
    color: #fff;
    background: #666;
}

#reportage img::selection {
    color: #fff;
    background: 0 0;
}

#reportage img::-moz-selection {
    color: #fff;
    background: 0 0;
}