/* ---general--- */
html {
    /*
    -ms-overflow-style: -ms-autohiding-scrollbar;
    */
    -ms-overflow-style: none;
}
.bg-primary-opacity{
    background-color: rgba(250, 70, 22, 0.8);
}

.bg-secondary-opacity{
    background-color: rgba(63, 64, 71, 0.8);
}

.bg-dark-gray-opacity{
    background-color: rgba(37, 40, 42, 0.8);
}
.bg-secondary{
    background-color: #53565A;
}
.bg-light-opacity{
    background-color: rgba(235, 236, 234, 0.8);
}
.section-margin-top {
    margin-top: 40px;
}
.section-margin-bottom {
    margin-bottom: 40px;
}
.list-padding-bg-gray {
    background-color: #F4F4F4;
    padding-top: 55px;
    padding-bottom: 30px;
}
.inherit-height{
    height: inherit;
}

.inherit-min-height{
    min-height: inherit;
}
@media (max-width: 1280px) {
    .auto-hyphen{
        overflow:hidden;
        text-overflow: ellipsis;
    }
}
@media (min-width: 1280px) {
    .auto-hyphen{
        word-wrap: break-word;
        overflow-wrap: break-word;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
    }
}
h1{
    word-break: break-word;
    hyphens: manual;
}
h2 {
    font-family: OpenSans-Bold;
    font-size: 35px;
    line-height: 45px;
    word-break: break-word;
    hyphens: manual;
    color: #53565A;
}
h3 {
    font-family: OpenSans-SemiBold;
    font-size: 25px;
    line-height: 34px;
    word-break: break-word;
    hyphens: manual;
}
p{
    font-size: 15px;
    line-height: 25px;
}
.font-open-sans-light-15{
    font-family: OpenSans-Light !important;
    font-size: 15px;
    line-height: 25px;
}
.wysiwyg-content p, .wysiwyg-content ul{
    font-family: OpenSans-Light;
    font-size: 15px;
    line-height: 25px;
}
.wysiwyg-content p strong, .wysiwyg-content p strong{
    font-family: OpenSans-Bold;
}
.h2-p-mb h2, .h2-p-mb p{
    margin-bottom: 24px !important;
}
.h3-p-mb h3, .h3-p-mb p{
    margin-bottom: 51px;
}
.content-padding-bg-gray{
    background-color: #F4F4F4;
    padding-top: 56px;
    padding-bottom: 28px;
}
.design-padding{
    padding-right: 14px;
    padding-left: 14px;
}
.datepicker .active {
    background: #FA4616 !important;
}
@media (min-width: 375px) {
    .content-flex-to-fixed {
        max-width: 302px;
    }
}
@media (min-width: 834px) {
    .content-flex-to-fixed  {
        max-width: 100%;
    }
    .section-margin-top {
        margin-top: 50px;
    }
    .section-margin-bottom {
        margin-bottom: 50px;
    }

    .list-padding-bg-gray {
        padding-top: 45px;
        padding-bottom: 40px;
    }
    h2{
        font-size: 45px;
        line-height: 55px;
    }
    .h2-p-mb h2, .h2-p-mb p{
        margin-bottom: 43px !important;
    }
    .content-padding-bg-gray{
        padding-top: 45px;
        padding-bottom: 40px;
    }
    .design-padding{
        padding-right: 81px;
        padding-left: 81px;
    }
}
@media (min-width: 1280px) {
    .design-padding{
        padding-right: 110px;
        padding-left: 110px;
    }
    .section-margin-top {
        margin-top: 80px;
    }
    .section-margin-bottom {
        margin-bottom: 80px;
    }
}
@media (min-width: 1920px) {
    .section-margin-top {
        margin-top: 100px;
    }
    .section-margin-bottom {
        margin-bottom: 100px;
    }
    .list-padding-bg-gray {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .h2-p-mb h2, .h2-p-mb p{
        margin-bottom: 50px !important;
    }
    .font-open-sans-light-15{
        line-height: 22px;
    }
    .wysiwyg-content p, .wysiwyg-content ul{
        line-height: 22px;
    }
    .content-padding-bg-gray{
        padding-top: 82px;
        padding-bottom: 82px;
    }
    .design-padding{
        padding-right: 140px;
        padding-left: 140px;
    }
}

/* ---hero--- */
#hero {
    margin-top: 62px;
    position: relative;
    height: 500px;
    height: calc(100vh - 62px);
    background-position: top;
    background-size: cover;
    overflow: hidden;
}
#hero h1{
    font-family: MavenPro-Bold;
    font-size: 45px;
    line-height: 60px;
/*
    after agency issued
    font-size: 70px;
    line-height: 80px;
 */
    text-shadow: 0 3px 6px rgba(0,0,0,0.75);
    margin-top: 27px;
    margin-bottom: 0;
}
#hero .main p{
    margin-top: 12px;
    font-size: 25px;
    line-height: 34px;
}
#hero .main .button-arrow{
    margin-top: 36px;
}
#hero .main .button-arrow img{
    cursor: pointer;
}
#hero span{
    font-size: 25px;
    line-height: 34px;
}
#hero .text-user{
/*
    after agency issued
    top: -10%;
*/
}
#hero .text-user p{
    margin-bottom: 0;
}
#hero .text-user p:first-child{
    font-family: OpenSans-SemiBold;
}
#hero .text-user p:last-child{
    font-family: OpenSans-Light;
}
@media (min-width: 834px) {
    #hero h1{
        font-size: 95px;
        line-height: 114px;
        margin-top: 29px;
    }
    #hero span{
        font-size: 32px;
        line-height: 43px;
    }
    #hero .main p{
        margin-top: 17px;
        font-size: 32px;
        line-height: 43px;
    }
    #hero .main .button-arrow{
        margin-top: 43px;
    }
    #hero .text-user{
        top: -5%;
    }
}
@media (min-width: 1280px) {
    #hero .text-user {
        top: -200px;
    }
}
@media (min-width: 1920px) {
    #hero .text-user {
        top: -170px;
    }
    #hero .main{
        padding-left: 136px;
    }

    #hero > div {
        margin-top: 288.5px;
    }
}
#hero .orangeLine {
    width: 160px;
    height: 12px;
    display: block;
}

/* ---main overview--- */
#overview a{
    color: inherit;
    text-decoration: none;
}
#overview .overview-box-bg-0-color{
    background-color: rgba(250, 70, 22, 0.8);
}

#overview .overview-box-bg-1-color{
    background-color: rgba(37, 40, 42, 0.8);
}

#overview .overview-box-bg-2-color{
    background-color: rgba(244, 244, 244, 0.85);
}
#overview{
    margin-top: -5%;
}
#overview .content{
    padding-top: 32px;
}
#overview .box {
    height: 380px;
    overflow-wrap: break-word;
}
#overview .box:nth-child(1),
#overview .box:nth-child(2) {
    margin-right: 10px;
}
#overview .news {
    font-family: OpenSans-SemiBold;
    font-size: 30px;
}
#overview .day {
    font-family: OpenSans-SemiBold;
    font-size: 56px;
}
#overview .carousel-indicators {
    position: relative;
}
#overview .box h3 {
    font-family: OpenSans-Bold;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 0;
}
#overview .box h4 {
    font-size: 16px;
}
#overview .box p {
    margin-top: 55px;
    font-family: OpenSans-Bold;
    font-size: 35px;
    line-height: 43px;
/*    word-wrap: break-word;
    overflow-wrap: break-word;*/
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}
#overview .link-button{
    position: absolute;
    bottom: 29px
}
#overview .show-more{
    position: absolute;
    top: 30px;
    right: 18px;
    float: right;
}

#overview .carousel-indicators {
    margin-top: -5px;
    margin-right: 95px;
}

/* TODO find ab better solution, breakpoint is 834px */
@media (max-width: 833px) {
    #overview .container-fluid{
        padding-left: 0;
        padding-right: 0;
    }
    #overview .row{
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    #overview .row::-webkit-scrollbar{
        display: none;
    }
}

@media (min-width: 375px) {
    #overview .content {
        max-width: 302px;
    }
    #overview .carousel-indicators {
        margin-right: 65px;
    }
}

@media (min-width: 834px) {
    #overview .box:nth-child(1),
    #overview .box:nth-child(2) {
        margin-right: 0;
    }
    #overview .content {
        max-width: 100%;
    }
    #overview .col-md-8-2 {
        -webkit-box-flex: 0;
        flex: 0 0 25%;
        max-width: 25%;
    }
    #overview .col-md-8-4 {
        -webkit-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%;
    }
    #overview .box h3 {
        font-size: 20px;
    }
    #overview .box h4 {
        font-size: 15px;
    }
    #overview .box p {
        font-size: 25px;
        line-height: 35px;
    }
    #overview .carousel-indicators {
        margin-right: 50px;
    }
    #overview .content{
        padding-left: 28px;
        padding-right: 28px;
        padding-top: 32px;
    }
    #overview .box .content{
        padding-left: 21px;
        padding-right: 21px;
        padding-top: 32px;
    }
    #overview .link-button{
        bottom: 32px;
    }
}
@media (min-width: 1280px) {
    #overview{
        margin-top: -85px;
    }
    #overview .link-button{
        bottom: 52px;
    }
    #overview .box h3 {
        font-size: 24px;
    }
    #overview .box h4 {
        font-size: 18px;
    }
    #overview .box p {
        margin-top: 36px;
        font-size: 51px;
        line-height: 65px;
    }
    #overview .content{
        padding-left: 50px;
        padding-right: 50px;
        padding-top: 27px;
    }
    #overview .box {
        height: 522px;
    }
}
@media (min-width: 1920px) {
    #overview{
        margin-top: -120px;
    }
    #overview #news {
        position: absolute;
        right: 0;
        top: 150px;
        width: 400px !important;
    }
    #overview .col-xl-2-3{
        -webkit-box-flex: 0;
        flex: 0 0 22.222222%;
        max-width: 22.222222%;
    }
    #overview .carousel-news-margin{
        margin-top: 80px;
    }

    #overview .carousel-indicators {
        margin-right: 40px;
        margin-top: -45px;
    }
    #overview .box p {
        margin-top: 86px;
    }
    #overview .box {
        height: 622px;
    }
}

/* ---home content image right--- */
#home-content-image-right h2, #home-content-image-right p{
    margin-bottom: 25px;
}
#home-content-image-right .home-content-image-right-text {
    padding-right: 14px;
    padding-left: 14px;
    padding-top: 25px;
}
@media (min-width: 834px) {
    #home-content-image-right h2, #home-content-image-right p{
        margin-bottom: 45px;
    }
    #home-content-image-right .home-content-image-right-text {
        padding-top: 50px;
        padding-right: 81px;
        padding-left: 81px;
    }
    #home-content-image-right .home-content-image-right-image {
        /*3x md column (3x70) + gutter (3,5x16) */
        padding-right: calc(50% - 266px);
    }
}
@media (min-width: 1280px) {
    #home-content-image-right .home-content-image-right-text {
        padding-top: 0;
        /* bootstrap because not it's col-xl-6 */
        max-width: 50%;
        /* lg max width / 2 ( 1060/2 ) = 530 */
        /*padding-left: calc(50% - 530px);*/
        padding-left: 190px;
        padding-right: 0;
    }
    #home-content-image-right .home-content-image-right-image {
        /* xl column (122) + gutter (16) */
        padding-right: 0;
        padding-left: 100px;
    }
}
@media (min-width: 1920px) {
    #home-content-image-right .home-content-image-right-text {
        padding-top: 0;
        /* bootstrap because not it's col-xl-6 */
        max-width: 50%;
        /* xl max width / 2 ( 1640/2 ) = 682 */
        /*padding-left: calc(50% - 682px);*/
        padding-left: 278px;
    }
    #home-content-image-right .home-content-image-right-image {
        /* xl column (122) + gutter (16) */
        padding-right: 0;
        padding-left: 138px;
    }
}
#home-content-image-right picture, #home-content-image-right img{
    width: inherit;
    height: auto;
}
/* ---divide worker company--- */
#divide-worker-company{
    /* 2 x height of 200px for small screens ( elements are stacked ) */
    height: 400px;
}

#divide-worker-company .element-height{
    height: 200px;
}

#divide-worker-company a, #divide-worker-company h2{
    color: white;
}
#divide-worker-company a:hover{
    text-decoration: none;
    background-color: rgba(235, 236, 234, 0.8);
}
#divide-worker-company a:hover h2, #divide-worker-company a:hover p{
    color: #53565A;
}
#divide-worker-company p{
    font-size: 20px;
}
#divide-worker-company h2{
    font-size: 35px;
}
#divide-worker-company .bg-color-0{
    background-color: rgba(59,60,67, 0.7);
}
#divide-worker-company .bg-color-1{
    background-color: rgba(245,84,20, 0.7);
}
#divide-worker-company p {
    margin-bottom: 0;
}

@media (min-width: 834px) {
    #divide-worker-company{
        height: 200px;
    }
}
@media (min-width: 1289px) {
    #divide-worker-company{
        height: 350px;
    }
    #divide-worker-company .element-height{
        height: 350px;
    }

    #divide-worker-company h2{
        font-size: 40px;
    }
    #divide-worker-company p{
        font-size: 21px;
    }
}
@media (min-width: 1920px) {
    #divide-worker-company{
        height: 450px;
    }

    #divide-worker-company .element-height{
        height: 450px;
    }
}

/* ---apply now--- */
#apply-now .content{
    min-height: 300px;
}
#apply-now .bg-color{
    background-color: rgba(244,244,244, 0.8);
}
#apply-now p.p1{
    font-size: 20px;
}
#apply-now h2 {
    line-height: 45px;
}
#apply-now h2, #apply-now p{
    margin-bottom: 25px;
}
@media (min-width: 834px) {
    #apply-now .col {
        padding: 50px 0;
    }
}
@media (min-width: 1280px) {
    #apply-now .content{
        height: 360px;
    }
    #apply-now p.p1{
        font-size: 21px;
    }
}
@media (min-width: 1920px) {
    #apply-now .content {
        height: 410px;
    }
}
/* ---content video left--- */
#content-video-left picture, #content-video-left img{
    width: inherit;
    height: auto;
}
#content-video-left .h2-p-mb a{
    margin-bottom: 24px;
}
#content-video-left.content-padding-bg-gray.no-top-padding{
    padding-top: 0 !important;
}
@media (min-width: 834px) {
    #content-video-left .h2-p-mb a {
        margin-bottom: 43px;
    }
}
@media (min-width: 1920px) {
    #content-video-left .h2-p-mb a {
        margin-bottom: 0;
    }
}

/* ---four blocks full width--- */
#four-blocks-full-width h3{
    font-family: OpenSans-Bold;
    font-size: 25px;
    line-height: 34px;
    margin-bottom: 0;
}
#four-blocks-full-width .bg-color {
    background-color: rgba(248,248,248, 0.8);
}
#four-blocks-full-width p {
    font-family: OpenSans-Light;
    padding: 52px 28px 28px;
    margin-bottom: 0;
}
#four-blocks-full-width .content {
    padding-top: 60px;
    padding-bottom: 60px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
#four-blocks-full-width article{
    margin-right: 10px;
    max-width: 375px !important;
}
#four-blocks-full-width article:nth-last-of-type(1){
    margin-right: 0;
}
@media (min-width: 834px) {
    #four-blocks-full-width article{
        margin-right: 16px;
        max-width: 412px !important;
    }
    #four-blocks-full-width article:nth-last-of-type(1){
        margin-right: 0;
    }
}
/* width = 412 x 4 + 16 x 3 of the previous media query, otherwise the there is on the right a white stripe  */
@media (min-width: 1696px) {
    #four-blocks-full-width article:nth-last-of-type(1){
        margin-right: 16px;
        max-width: 100% !important;
    }
    #four-blocks-full-width article:nth-last-of-type(1){
        margin-right: 0;
    }
}
@media (min-width: 1280px) {
    #four-blocks-full-width article{
        margin-right: 0;
        max-width: 100% !important;
    }
    #four-blocks-full-width p {
        padding: 32px 47px 21px;
    }
    #four-blocks-full-width .content {
        padding-top: 39px;
        padding-bottom: 39px;
    }
}
@media (min-width: 1920px) {
    #four-blocks-full-width p {
        padding: 52px 67px 41px;
    }
    #four-blocks-full-width .content {
        padding-top: 64px;
        padding-bottom: 64px;
    }
}
@media (max-width: 1920px) {
    #four-blocks-full-width .row{
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    #four-blocks-full-width .row::-webkit-scrollbar{
        display: none;
    }
}
/* ---dynamic blocks--- */
#dynamic-blocks h3{
    font-family: OpenSans-Bold;
    font-size: 25px;
    line-height: 34px;
    margin-bottom: 0;
}
#dynamic-blocks .bg-color {
    background-color: rgba(248,248,248, 0.8);
}
#dynamic-blocks p {
    font-family: OpenSans-Light;
    padding: 52px 28px 28px;
    margin-bottom: 0;
}
#dynamic-blocks .content {
    padding-top: 60px;
    padding-bottom: 60px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
#dynamic-blocks .separate{
    padding: 6px 0 0;
}
@media (min-width: 834px) {
    #dynamic-blocks .separate{
        padding: 6px 3px 0;
    }
}
@media (min-width: 1280px) {
    #dynamic-blocks p {
        padding: 32px 47px 21px;
    }
    #dynamic-blocks .content {
        padding-top: 39px;
        padding-bottom: 39px;
    }
}
@media (min-width: 1920px) {
    #dynamic-blocks p {
        padding: 52px 67px 41px;
    }
    #dynamic-blocks .content {
        padding-top: 64px;
        padding-bottom: 64px;
    }
}
/* ---slider--- */
#quote-slider p{
    margin-bottom: 0;
}
#quote-slider .bg-primary-opacity-custom{
    background-color: rgba(250,70,22, 0.7);
}
#quote-slider .bg-gray-opacity-custom{
    background-color: rgba(59,60,67, 0.7);
}
#quote-slider .carousel-indicators{
    position: relative;
    margin-bottom: 0;
    margin-top: 20px;
}

#quote-slider .element-height{
    height: 190px;
}
#quote-slider .pr-custom, #quote-slider .pr-custom p{
    font-size: 35px;
    line-height: 42px;
}
#quote-slider .pr-custom p{
    font-family: MavenPro-Regular;
}

#quote-slider .pr-custom p strong,
#quote-slider .pr-custom .user-company-info,
#quote-slider .pr-custom .user-name {
    font-family: MavenPro-Bold;
}
#quote-slider .user-name, #quote-slider .user-word, #quote-slider .user-company-info{
    font-size: 35px;
    line-height: 42px;
}

#quote-slider .user-quote {
    font-family: OpenSans-Light;
    font-size: 18px;
    line-height: 24px;
    padding-right: 37px;
    padding-left: 76px;
}

#quote-slider .pr-custom{
    padding-right: 42px;
    padding-left: 15px;
}

#quote-slider .quote-mark{
    font-family: OpenSans-Bold;
    font-size: 57px;
    line-height: 21px;
    position: absolute;
    left: 26px;
    top: 39px;
    margin: 0;
}

@media (min-width: 834px) {
    #quote-slider .element-height{
        /* 70px added after agency issued */;
        height: 260px;
    }
    #quote-slider .user-name-word{
        /* md max width / 2 ( 672/2 ) = 336 */
        max-width: 50%;
        padding-left: calc(50% - 336px) !important;
    }
    #quote-slider .quote-mark{
        left: 43px;
        top: 53px;
    }
    #quote-slider .user-quote {
        padding-left: 88px;
        padding-right: 42px;
    }
    #quote-slider .carousel-indicators{
        margin-top: 40px;
    }
}
@media (min-width: 1280px) {
    #quote-slider .user-name-word{
        /* lg max width / 2 ( 1060/2 ) = 336 */
        max-width: 50%;
        padding-left: calc(50% - 530px) !important;
    }
}
@media (min-width: 1920px) {
    #quote-slider .pr-custom, #quote-slider .pr-custom p{
        font-size: 50px;
        line-height: 60px;
    }
    #quote-slider .user-name, #quote-slider .user-word, #quote-slider .user-company-info {
        font-size: 50px;
        line-height: 60px;
    }
    #quote-slider .user-quote {
        font-size: 25px;
        line-height: 34px;
        padding-left: 203px;
        padding-right: 170px;
    }
    #quote-slider .pr-custom{
        padding-right: 60px;
    }
    #quote-slider .element-height{
        height: 450px;
    }
    #quote-slider .user-name-word{
        /* xl max width / 2 ( 1640/2 ) = 820 */
        max-width: 50%;
        padding-left: calc(50% - 820px) !important;
    }
    #quote-slider .quote-mark{
        font-size: 141px;
        line-height: 298px;
        left: 103px;
        top: 0;
    }
    #quote-slider .carousel-indicators{
        margin-top: 60px;
    }
}

/* ---content center--- */
#content-center > div, .content-center {
    padding-right: 14px;
    padding-left: 14px;
}
@media (min-width: 834px)  {
    #content-center > div, .content-center {
        padding-right: 0;
        padding-left: 0;
    }
}

/* ---content image right--- */
.content-image-right-wrapper .content-image-right-text {
    padding-right: 14px;
    padding-left: 14px;
    padding-top: 25px;
}
@media (min-width: 834px) {
    .content-image-right-wrapper .content-image-right-text {
        padding-right: 81px;
        padding-left: 81px;
        padding-top: 50px;
    }
    .content-image-right-wrapper .content-image-right-image {
        /*3 x md column (3x70) + gutter (3,5x16) */
        padding-right: calc(50% - 266px);
    }
}
@media (min-width: 1280px) {
    .content-image-right-wrapper .content-image-right-text {
        padding-top: 0;
        padding-right: 0;
        padding-left: 0;
    }

    .content-image-right-wrapper .content-image-right-image {
        padding-right: 0;
    }
}

.content-image-right-wrapper picture, .content-image-right-wrapper img{
    width: inherit;
    height: auto;
}

/* ---content image left--- */
.content-image-left-wrapper .content-image-left-text {
    padding-right: 14px;
    padding-left: 14px;
    padding-top: 25px;
}
@media (min-width: 834px) {
    .content-image-left-wrapper .content-image-left-text {
        padding-right: 81px;
        padding-left: 81px;
        padding-top: 50px;
    }
    .content-image-left-wrapper .content-image-left-image {
        /*3 x md column (3x70) + gutter (3,5x16) */
        padding-left: calc(50% - 266px);
    }
}
@media (min-width: 1280px) {
    .content-image-left-wrapper .content-image-left-text {
        padding-top: 0;
        padding-right: 0;
        padding-left: 0;
    }

    .content-image-left-wrapper .content-image-left-image {
        padding-left: 0;
    }
}

.content-image-left-wrapper picture, .content-image-left-wrapper img{
    width: inherit;
    height: auto;
}

/* ---list--- */
#custom-list ul {
    list-style: none;
    padding-left: 0;
}

#custom-list > div{
    padding-left: 14px;
    padding-right: 14px;
}

#custom-list li {
    margin-top: 35px;
}

#custom-list li:before {
    background: url('../icons/check.svg') no-repeat center;
    content: '';
    display: block;
    float: none;
    width: auto;
    margin-left: 0;
    margin-bottom: 10px;
    height: 35px;
}

@media (min-width: 834px) {
    #custom-list li {
        padding-left: 86px;
    }
    #custom-list li::before {
        background-position: top left;
        float: left;
        margin-top: 15px;
        margin-left: -65px;
        width: 65px;
    }
    #custom-list > div{
        padding-left: 81px;
        padding-right: 81px;
    }
}

@media (min-width: 1280px) {
    #custom-list li {
        padding-left: 0;
    }
    #custom-list li::before {
        margin-left: -55px;
        width: 55px;
    }
    #custom-list > div{
        padding-left: 0;
        padding-right: 0;
    }
}

/* ---divide-job-seeker--- */
#divide-job-seeker h4{
    font-family: OpenSans-SemiBold;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0;
}
#divide-job-seeker .box p{
    line-height: 20px;
    font-family: OpenSans-Light;
}
#divide-job-seeker a{
    margin-top: 9px;
}
#divide-job-seeker .box:after{
    content:'';
    min-height:inherit;
    font-size:0;
}
#divide-job-seeker .box .btn {
    margin-bottom: 16px;
}
#divide-job-seeker .box:hover{
    text-decoration: none;
    background-color: rgba(37, 40, 42, 0.8);
}
#divide-job-seeker .element-height {
    height: 350px;
}
#divide-job-seeker .box .btn {
    margin-bottom: 0;
    margin-top: 0;
}
#divide-job-seeker .box {
    min-height: 340px;
    max-width: 100%;
    padding-left: 25px;
    padding-right: 25px;
}
#divide-job-seeker article{
    margin-right: 10px;
    max-width: 350px !important;
}
#divide-job-seeker article:nth-last-of-type(1) {
    margin-right: 0;
}
@media (min-width: 834px) {
    #divide-job-seeker article{
        margin-right: 16px;
        max-width: 400px !important;
    }
    #divide-job-seeker article:nth-last-of-type(1) {
        margin-right: 0;
    }
    #divide-job-seeker h4{
        font-size: 19px;
        line-height: 29px;
    }
    #divide-job-seeker a {
        margin-top: 19px;
    }
}
@media (min-width: 1280px) {
    #divide-job-seeker article{
        margin-right: 0;
        max-width:25% !important;
    }
    #divide-job-seeker h4{
        font-size: 25px;
        line-height: 40px;
    }
    #divide-job-seeker a{
        margin-top: 14px;
    }
    #divide-job-seeker .box-0{
        padding-right: 8px;
    }
    #divide-job-seeker .box-1{
        padding-left: 8px;
        padding-right: 8px;
    }
    #divide-job-seeker .box-2{
        padding-left: 8px;
        padding-right: 8px;
    }
    #divide-job-seeker .box-3{
        padding-left: 8px;
    }
    #divide-job-seeker .box-0, #divide-job-seeker .box-1,
    #divide-job-seeker .box-2, #divide-job-seeker .box-3{
        margin-bottom: 0;
    }
}
@media (max-width: 1280px) {
    #divide-job-seeker .row{
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    #divide-job-seeker .row::-webkit-scrollbar{
        display: none;
    }
}
@media (min-width: 1920px) {
    #divide-job-seeker .element-height {
        height: 400px;
    }
    #divide-job-seeker .box {
        min-height: 390px;
        max-width: 100%;
        padding-left: 45px;
        padding-right: 45px;
    }
    #divide-job-seeker .box .btn {
        margin-bottom: 14px;
        margin-top: 14px;
    }
}
/* ---navigation landingpage--- */
#navigation .navbar-landingpage {
    height: 62px;
}
#navigation .navbar-landingpage a.contact{
    display: block;
    padding-top: 21px;
    padding-bottom: 21px;
    font-size: 15px;
    line-height: 20px;
    color: #FFF;
    background-color: #FA4616;
    text-decoration: none;
}
#navigation .navbar-landingpage a.contact:hover{
    background-color: #25282A;
}
/* ---navigation--- */
#navigation .btn-dark-gray:hover{
    color:#fff;background-color:#FA4616;border-color:#FA4616;
}
#navigation .sub-navigation{
    display: none;
    list-style: none;
    padding-left: 0;
}
/* some magic: #navigation ul.sub-navigation > li:not(:first-child) > .nav-link */
#navigation .sub-navigation .nav-link{
    padding-top: 15px;
    padding-bottom: 0;
}
#navigation .nav-item a {
    font-size: 15px;
    line-height: 20px;
    color: #25282A;
}
#navigation .nav-item > a:hover, #navigation .nav-item.active > a{
    color: #FA4616;
}
#navigation .nav-item > a.main-nav-link:hover,
#navigation .nav-item.active > a.main-nav-link,
#navigation .custom-navbar .nav-item > a.nav-link:hover,
#navigation .custom-navbar .nav-item.active > a.nav-link{
   color: #FA4616;
}
#navigation .dropdown-menu > a:hover{
    color: #FA4616;
    background-color: #FFF;
}
#navigation .dropdown-menu {
    border-color: #FA4616;
    border-radius: 0;
    max-width: 200px;
}
#navigation .custom-dropdown{
    width: 30px;
    margin: auto;
}
#navigation .dropdown-menu.custom-menu-right{
    top: 42px;
    left: auto;
    right: -5px;
}
#navigation .dropdown {
    padding-top: 22px;
    padding-bottom: 7px;
    padding-left: 45px;
    font-size: 15px;
}
#navigation .dropdown img{
    height: 15px;
    width: 30px;
}
#navigation .dropdown a#dropdownMenuLink img{
    height: 21px;
    width: 36px;
    padding: 2px;
    border: solid 2px #fa4616;
}
#navigation .dropdown span{
    padding-top: 10px;
    padding-left: 15px;
}

#navigation hr{
    margin-top: 0;
    margin-bottom: 0;
}
#navigation .nav-item .main-nav-link{
    padding-top: 22px;
    padding-bottom: 7px;
    font-size: 20px;
    line-height: 27px;
}
#navigation .main-nav-link{
    padding-right: 10px;
    padding-left: 10px;
}
#navigation .main-nav-item:nth-last-child(2) > a.main-nav-link {
    background-color: #25282A;
    color: #FFF;
}
@media (min-width: 375px) {
    #navigation .pl-custom{
        padding-left: 45px;
    }
}

@media (min-width: 834px) {
    /*
    #navigation .nav-item > a.main-nav-link:hover,
    #navigation .nav-item.active > a.main-nav-link,
    #navigation .custom-navbar .nav-item > a.nav-link:hover,
    #navigation .custom-navbar .nav-item.active > a.nav-link{
        background-color: #FA4616;
        color: #F4F4F4;
    }
    #navigation .sub-navigation {
        display: block !important;
        padding-top: 15px;
    }
    #navigation ul.sub-navigation > li:not(:last-child) > .nav-link{
        padding-right: 50px;
    }

    #navigation .sub-navigation-expander{
        display: none;
    }

    #navigation .sub-navigation .nav-item,  #navigation .sub-navigation .nav-item .nav-link{
        padding-top: 0;
        display:inline;
    }

    #navigation .pl-custom{
        padding-left: calc(50% - 417px);
    }

    #navigation .nav-item .main-nav-link{
        !* design was 46px problem with fitting content *!
        padding-top: 22px;
    }*/
}
@media (min-width: 1280px) {
    #navigation .nav-item > a.main-nav-link:hover,
    #navigation .nav-item.active > a.main-nav-link,
    #navigation .custom-navbar .nav-item > a.nav-link:hover,
    #navigation .custom-navbar .nav-item.active > a.nav-link,
    #navigation .dropdown-menu > a:hover{
        background-color: #FA4616;
        color: #F4F4F4;
    }
    #navigation .sub-navigation-expander{
        display: none;
    }
    #navigation{
        -webkit-box-shadow: 0 10px 5px -5px rgba(0,0,0,0.75);
        -moz-box-shadow: 0 10px 5px -5px rgba(0,0,0,0.75);
        box-shadow: 0 5px 10px -5px rgba(0,0,0,0.75);
    }
    #navigation .sub-navigation{
        display: none !important;
    }
    #navigation .nav-link {
        min-width: 145px;
        text-align: center;
    }
    #navigation{
        padding-top: 0;
        padding-bottom: 0;
    }
    #navigation .custom-navbar{
        position: absolute;
        left: 0;
        top: 62px;
        padding-left: calc(50% - 584px);
        -webkit-box-shadow: inset 0 2px 5px 0 rgba(0,0,0,0.27);
        -moz-box-shadow: inset 0 2px 5px 0 rgba(0,0,0,0.27);
        box-shadow: inset 0 2px 5px 0 rgba(0,0,0,0.27);
    }
    #navigation .custom-navbar .nav-link {
        min-width: 170px;
    }
    #navigation .pl-custom{
        padding-left: 8px;
    }
    #navigation hr{
        display: none;
    }
    #navigation .nav-item > a.main-nav-link {
        padding-top: 21px;
        padding-bottom: 21px;
        font-size: 15px;
        line-height: 20px;
        border-left: #D9D9D6 solid 2px;
    }
    #navigation .custom-navbar .nav-item > a.nav-link{
        border-left: #D9D9D6 solid 2px;
    }
    #navigation .main-nav-item:last-child > a.main-nav-link,
    #navigation .custom-navbar .nav-item:last-child > a.nav-link {
        border-right: #D9D9D6 solid 2px;
    }
    #navigation .navbar-brand{
        margin-left: calc(50% - 620px);
    }
    #navigation .dropdown {
        padding-top: 18px;
        padding-bottom: 18px;
        font-size: 15px;
        padding-left: 18px;
    }
    #navigation .dropdown-menu.custom-menu-right{
        right: auto;
    }
}
@media (min-width: 1920px) {
    #navigation .nav-link {
        min-width: 172px;
        text-align: center;
    }
    #navigation .navbar-brand{
        margin-left: 28px;
    }
    #navigation .navbar-brand img{
        min-width: 172px;
    }
    #navigation{
        padding-top: 0;
        padding-bottom: 0;
    }
    #navigation .custom-navbar{
        position: absolute;
        left: 0;
        top: 62px;
        /* xl max width / 2 ( 1640/2 ) = 820 */
        /* xl column (122) + gutter (16) = 138*/
        padding-left: calc(50% - 594px);
        -webkit-box-shadow: inset 0 2px 5px 0 rgba(0,0,0,0.27);
        -moz-box-shadow: inset 0 2px 5px 0 rgba(0,0,0,0.27);
        box-shadow: inset 0 2px 5px 0 rgba(0,0,0,0.27);
    }
    #navigation .custom-navbar .nav-link {
        min-width: 172px;
    }
    #navigation .pl-custom{
        padding-left: 8px;
    }
    #navigation hr{
        display: none;
    }
    #navigation .nav-item > a.main-nav-link {
        padding-top: 21px;
        padding-bottom: 21px;
        font-size: 15px;
        line-height: 20px;
    }

    #navigation .main-nav-item:last-child > a.main-nav-link,
    #navigation .custom-navbar .nav-item:last-child > a.nav-link {
        min-width: 174px;
    }

}

/* ---job search--- */
#job-search .btn-tp-job-gray:hover{
    color:#fff;background-color:#23272b;border-color:#1d2124
}
#job-search .jop-pagination a{
    color: #25282A;
    text-decoration: none;
}
#job-search .jop-pagination a:hover{
    color: #25282A;
}
#job-search .form-row{
    padding-top: 15px;
    padding-bottom: 15px;
}
/* this magic removes the element generated by the pagination.js */
#job-search .filter-no-job-found{
    font-family: OpenSans-Light;
}

#job-search .custom-select{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.554' height='10.439' viewBox='0 0 17.554 10.439'%3E%3Cpath id='Path_681' data-name='Path 681' d='M7.288,0,0,7.749,7.288,15.5' transform='translate(1.028 8.381) rotate(-90)' fill='none' stroke='%2358595f' stroke-width='3'/%3E%3C/svg%3E%0A");
    background-size: 20px;
    background-position-y: center;
    background-position-x: calc(100% - 5px);
}
#job-search .jop-pagination-large.row{
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
#job-search .jop-pagination-large.row::-webkit-scrollbar{
    display: none;
}
#job-search .jop-pagination-large.job-category-buttons button{
    max-width: 180px;
    margin-top: 0;
}
#job-search .jop-pagination-large.job-category-buttons button:not(:last-child) {
    margin-right: 25px;
}
#job-search .jop-pagination-large.job-category-buttons button:last-child {
    margin-right: auto;
}
#job-search .jop-pagination-large.job-category-buttons button:first-child {
    margin-left: auto;
}
#job-search .jop-pagination-container{
    margin-top: 41px;
}
#job-search .jop-pagination p.description {
    margin-bottom: 28px;
    margin-top: 22px;
}
#job-search .job div.row {
    padding-top: 18px;
    padding-bottom: 18px;
    cursor: pointer;
}
#job-search .job div.row p {
    margin-bottom: 0;
}
#job-search .job > div.container-fluid:nth-child(odd) {
    background-color: #FBFBFB;
}
#job-search .job > div.container-fluid {
    border-top: solid 1px #C8C9C7;
}
#job-search .job > div.container-fluid:last-child {
    border-bottom: solid 1px #C8C9C7;
}
#job-search .custom-font{
    font-family: OpenSans-SemiBold;
    font-size: 17px;
    line-height: 27px;
}
#job-search .paginationjs {
    position: relative;
    margin-top: 20px;
}
#job-search .jop-pagination p.description, #job-search .job div.row {
    padding-left: 10px;
    padding-right: 10px;
}
@media (min-width: 375px) {
    #job-search .form-row{
        max-width: 302px;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    #job-search .form-row > div:not(:first-child) {
        margin-top: 16px;
    }
    #job-search .jop-pagination p.description {
        max-width: 302px;
        margin-left: calc(50% - 151px);
    }
    #job-search .job div.row {
        max-width: 90%;
        margin: auto;
    }
    #job-search .jop-pagination p.description, #job-search .job div.row {
        padding-left: 0;
        padding-right: 0;
    }
}
@media (min-width: 834px) {
    /* TODO workaround show the toolbar */
    #job-search #hero{
        height: calc(100vh - 62px - 83px);
    }
    #job-search .form-row > div:not(:first-child) {
        margin-top: 0;
    }
    #job-search .form-row{
        /* must total height 100px*/
        /* input height 38px*/
        padding-top: 23px;
        padding-bottom: 23px;
        min-width: 712px;
    }
    #job-search .form-row > div.job-search{
        /* input */
        min-width: 170px;
        padding-right: 8px;
        padding-left: 0;
    }
    #job-search .form-row > div.job-hours-type,
    #job-search .form-row > div.job-state{
        /* select */
        min-width: 240px;
        padding: 0 8px;
    }
    #job-search .form-row > div.job-button{
        /* button */
        /* should be 40px, the additional 8 are because of btn-block class; don't know why ...*/
        max-width: 48px;
        padding-left: 8px;
        padding-right: 0;
    }
    #job-search .form-row > div.job-button img{
        height: 24px;
    }
    #job-search .jop-pagination-container{
        margin-top: 37px;
    }
    #job-search .jop-pagination p.description {
        max-width: 672px;
        margin-left: calc(50% - 397px);
        margin-bottom: 20px;
        margin-top: 33px;
    }
    #job-search .paginationjs {
        margin-top: 40px;
    }
}
@media (min-width: 1280px) {
    #job-search .job > div.container-fluid:nth-child(odd) {
        background-color: white;
    }
    /* TODO workaround show the toolbar */
    #job-search #hero{
        height: calc(100vh - 62px - 80px);
    }
    #job-search .form-row{
        /* must total height 100px*/
        /* input height 38px*/
        padding-top: 21px;
        padding-bottom: 31px;
        max-width: 1640px;
    }
    #job-search .form-row > div.job-search,
    #job-search .form-row > div.job-hours-type,
    #job-search .form-row > div.job-state{
        /* input, select */
        max-width: 300px;
        margin: 0 8px;
    }
    #job-search .form-row > div.job-button{
        /* button */
        max-width: 150px;
        margin: 0 8px;
    }
    #job-search .jop-pagination {
        margin-top: 90px;
    }
    #job-search .jop-pagination-small.job-category-buttons button{
        max-width: 310px;
    }
    #job-search .jop-pagination-small.job-category-buttons button:not(:first-child){
        margin-top: 8px;
    }

    #job-search .jop-pagination-container{
        /* compensate p */
        margin-top: -68px;
    }
    #job-search .jop-pagination p.description {
        max-width: 100%;
        margin-left: 0;
        margin-bottom: 20px;
        margin-top: 0;
    }
    #job-search .job div.row {
        border: solid 0.5px #BDBDBD;
        border-radius: 10px;
        background-color: #FBFBFB;
        padding: 25px 45px;
        -webkit-box-shadow: 0 0 8px rgba(0,0,0, 0.17);
        -moz-box-shadow: 0 0 8px rgba(0,0,0, 0.17);
        box-shadow: 0 0 8px rgba(0,0,0, 0.17);
    }
    #job-search .job div.row button{
        display: none;
    }
    #job-search .job div.row:hover button{
        display: block;
    }
    #job-search .job div.container-fluid:not(:first-child) {
        margin-top: 16px;
    }
    #job-search .job div.row {
        max-width: 100%;
    }
    #job-search .job > div.container-fluid {
        background-color: unset;
        border-top: none;
    }
    #job-search .job > div.container-fluid:last-child {
        border-bottom: none;
    }
    #job-search .paginationjs {
        margin-top: 64px;
    }
}
@media (min-width: 1920px) {
    #job-search #hero{
        height: calc(100vh - 62px - 100px);
    }
    #job-search .jop-pagination-small.job-category-buttons button{
        max-width: 340px;
    }
    #job-search .form-row{
        /* must total height 100px*/
        /* input height 38px*/
        padding-top: 31px;
        padding-bottom: 31px;
        max-width: 1640px;
    }
    #job-search .jop-pagination p.description {
        margin-left: 0;
    }
}

/* ---footer--- */
#footer {
    font-family: OpenSans-Light;
    font-size: 12px;
    line-height: 19px;
}
#footer .top{
    cursor: pointer;
}
#footer .ul-mt{
    margin-top: 30px;
}
#footer .links{
    padding-top: 23px;
    padding-bottom: 20px;
}
#footer .links .icons-1 , #footer .links .icons-2 {
    display: inline;
}
#footer .links .icons-1 a, #footer .links .icons-2 a:first-child{
    margin-right: 4px;
}
#footer .certificates .image-mt{
    margin-top: 20px
}
#footer .certificates img{
    max-height: 45px;
    margin-top: 20px;
    max-width: 100%;
}
#footer .certificates{
    min-height: 156px;
    padding-bottom:45px;
}
#footer .certificates .row{
    padding-top: 12px;
}
@media (min-width: 834px) {
    #footer .certificates img{
        max-height: 60px;
    }
    #footer .certificates{
        min-height: 137px;
    }
    #footer .links .icons-1 a, #footer .links .icons-2 a:first-child{
        margin-right: 9px;
    }
    #footer .links .icon-mt {
        margin-top: 10px;
    }
}
@media (min-width: 1280px) {
    #footer {
        font-size: 15px;
        line-height: 25px;
    }
    #footer .links{
        min-height: 200px;
        padding-top: 0;
        padding-bottom: 0;
    }
    #footer .links .row > div:not(:last-child){
        padding-top: 47px;
    }
    #footer .links .row > div:last-child{
        padding-top: 27px;
    }
    #footer .links .icons-1 , #footer .links .icons-2 {
        display: block;
    }
    #footer .links .icons-1 a:first-child, #footer .links .icons-2 a:first-child{
        margin-right: 5px;
    }
    #footer .links .icons-2 {
        margin-top: 8px;
    }
    #footer .certificates{
        min-height: 163px;
        margin-top: 0;
    }
    #footer .certificates img{
        max-height: 100%;
    }
}
@media (min-width: 1920px) {
    #footer .links{
        min-height: 247px;
    }

    #footer .col-xl-1-2{
        -webkit-box-flex: 0;
        flex: 0 0 12.5%;
        max-width: 12.5%;
    }
}

/* ---divisions--- */
#divisions .box {
    min-height: 350px;
    line-height: 20px;
    max-width: 100%;
    padding-left: 25px;
    padding-right: 25px;
}
#divisions .box .btn {
    margin-bottom: 16px;
}
#divisions .box p{
    line-height: 20px;
    font-family: OpenSans-Light;
}
#divisions .box h4{
    font-family: OpenSans-SemiBold;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0;
}
#divisions .box:after{
    content:'';
    min-height:inherit;
    font-size:0;
}
#divisions .box:hover{
    background-color: rgba(37, 40, 42, 0.8);
}
#divisions a{
    margin-top: 9px;
}
#divisions article{
    margin-right: 10px;
    max-width: 350px !important;
}
#divisions article:nth-last-of-type(1) {
    margin-right: 0;
}
@media (min-width: 834px) {
    #divisions article{
        margin-right: 16px;
        max-width: 412px !important;
    }
    #divisions article:nth-last-of-type(1) {
        margin-right: 0;
    }
    #divisions .box h4{
        font-size: 19px;
        line-height: 29px;
    }
    #divisions .box-0{
        padding-left: 0;
        padding-right: 8px;
    }
    #divisions .box-1{
        padding-left: 8px;
        padding-right: 8px;
    }
    #divisions .box-2{
        padding-left: 8px;
        padding-right: 0;

    }
}
@media (min-width: 1280px) {
    #divisions article{
        margin-right: 0;
        max-width: 33.3% !important;
    }
    #divisions .box h4{
        font-size: 25px;
        line-height: 40px;
    }
    #divisions a{
        margin-top: 14px;
    }
    #divisions .box .btn {
        margin-bottom: 0;
        margin-top: 0;
    }
}
@media (max-width: 1280px) {
    #divisions .row{
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    #divisions .row::-webkit-scrollbar{
        display: none;
    }
}
@media (min-width: 1920px) {
    #divisions .box {
        min-height: 390px;
        padding-left: 45px;
        padding-right: 45px;
    }
    #divisions .box .btn {
        margin-bottom: 14px;
        margin-top: 14px;
    }
}

/* ---businesses--- */
#businesses .bg-color-primary-dark-gray{
    background-color: #25282A;
}
#businesses .bg-color-primary-to-dark-white{
    background-color: #C8C9C7;
}
#businesses h2 {
    font-family: MavenPro-Regular;
    font-size: 35px;
    line-height: 42px;
}
#businesses .text-white h2  {
    color: white;
}
#businesses h2 > strong{
    font-family: MavenPro-Bold;
}
#businesses .h2-pos > h2 {
    margin-top: 136px;
    padding: 0 20px;
}
#businesses .two-elements > div{
    padding: 0 20px;
}
#businesses .two-elements {
    background-color: #53565A;
}
#businesses .p-pos {
    position: relative;
}
#businesses .p-pos > p {
    font-family: MavenPro-Regular;
    font-size: 14px;
    line-height: 17px;
    position: absolute;
    left: 20px;
    bottom: 20px;
    margin: 0;
}
#businesses .two-elements p{
    font-family: MavenPro-Regular;
    font-size: 14px;
    line-height: 17px;
}
#businesses .box {
    min-height: 350px;
}
#businesses .slogan {
    min-height: 480px;
}
#businesses .box:after{
    content:'';
    min-height:inherit;
    font-size:0;
}
#businesses .box p{
    padding-left: 20px;
    padding-right: 20px;
}
#businesses .intro h2{
    font-family: OpenSans-Bold ;
    font-size: 35px;
    line-height: 45px;
    margin: 0;
}
#businesses .intro > p{
    margin: 20px 0;
}
@media (min-width: 375px) {
    #businesses .px-sm-custom {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}
@media (min-width: 834px) {
    #businesses .bg-color-primary-to-dark-white{
        background-color: #FA4616;
    }
    #businesses .box p{
        padding-left: 40px;
        padding-right: 40px;
    }
    #businesses .slogan {
        min-height: 0;
    }
    #businesses .box {
        min-height: 470px;
    }
    #businesses .intro h2{
        font-size: 45px;
        line-height: 55px;
    }
}
@media (min-width: 1280px) {
    #businesses .intro > p{
        margin: 45px 0;
    }
    #businesses .bg-color-primary-dark-gray{
        background-color: #FA4616;
    }
    #businesses h2 {
        font-size: 31px;
        line-height: 39px;
    }
    #businesses .p-pos > p, #businesses .two-elements p{
        font-size: 15px;
        line-height: 17px;
    }
    #businesses .two-elements p{
        font-size: 15px;
        line-height: 24px;
    }
    #businesses .box {
        min-height: 0;
    }
    #businesses .box p{
        padding-left: 100px;
        padding-right: 100px;
    }
    #businesses .h2-pos > h2 {
        margin-top: 97px;
    }
}
@media (min-width: 1920px) {
    #businesses h2 {
        font-size: 41px;
        line-height: 49px;
    }
    #businesses .p-pos > p{
        font-size: 20px;
        line-height: 24px;
    }
    #businesses .box p{
        padding-left: 140px;
        padding-right: 140px;
    }
    #businesses .h2-pos > h2 {
        margin-top: 136px;
    }
}

/* ---pdf-viewer--- */
#pdf-viewer .pdf-viewer{
    height: 475px ;
}
#pdf-viewer h2{
    margin-bottom: 0;
}
#pdf-viewer .header{
    margin-bottom: 20px;
}
@media (min-width: 834px) {
    #pdf-viewer .pdf-viewer{
        height: 390px ;
    }
    #pdf-viewer .header{
        margin-bottom: 25px;
    }
}
@media (min-width: 1280px) {
    #pdf-viewer .pdf-viewer{
        height: 600px ;
    }
}
@media (min-width: 1920px) {
    #pdf-viewer .pdf-viewer{
        height: 900px ;
    }
}

/* ---subscribe newspaper--- */
#subscribe-newspaper .header{
    margin-bottom: 20px;
}
#subscribe-newspaper p{
    font-family: OpenSans-SemiBold;
}
#subscribe-newspaper h2{
    word-break: break-word;
}
#subscribe-newspaper input {
    border: none;
    border-bottom: 1px solid #25282A;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
}
#subscribe-newspaper input:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom-color: #FA4616;
}
#subscribe-newspaper .form-button{
    margin-top: 20px;
}
#subscribe-newspaper .toast{
    position: fixed;
    bottom:20px;
    right:20px;
    min-width: 300px;
    z-index: 1000;
}
#subscribe-newspaper .form-group{
    margin: 30px auto 0;
    padding-left: 10px !important;
    padding-right: 10px !important;
}
@media (min-width: 834px) {
    #subscribe-newspaper .header{
        margin-bottom: 25px;
    }
/*    #subscribe-newspaper .form-group{
        padding: 0 20px;
    }*/
    #subscribe-newspaper .form-group{
        margin-top: 56px;
        max-width: 330px;
    }
    #subscribe-newspaper .form-button{
        margin-top: 40px;
    }
}
@media (min-width: 1920px) {
    #subscribe-newspaper .form-button{
        margin-top: 83px;
    }
}
/* ---subscribe newspaper--- */
#engineering-services {
    padding-top: 20px;
    padding-bottom: 20px;
}
#engineering-services .services {
    padding-top: 24px;
    padding-left: 0;
    padding-right: 0;
}
#engineering-services .services .col-custom-width{
    max-width: 340px;
}
#engineering-services .header h2{
    margin: 0;
    word-break: break-word;
}
#engineering-services .header p{
    margin: 0;
}
#engineering-services .services h3{
    font-family: OpenSans-Bold;
    font-size: 20px;
    line-height: 27px;
    text-transform: uppercase;
    margin-top: 21px;
}
#engineering-services .services .element p{
    margin-top: 16px;
    padding-bottom: 32px;
    max-width: 260px;
}
#engineering-services .services .element img{
    margin-top: 20px;
}
#engineering-services .services .element:hover{
    background: white;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.75);
    -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.75);
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.75);
}
#engineering-services .services .element{
    max-width: 330px;
}
@media (max-width: 1280px) {
    #engineering-services .services .row{
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    #engineering-services .services .row::-webkit-scrollbar{
        display: none;
    }
}
@media (min-width: 1280px) {
    #engineering-services .services .col-custom-width{
        max-width: 250px;
    }
    #engineering-services {
        padding-top: 34px;
        padding-bottom: 34px;
    }
    #engineering-services .services {
        padding-top: 38px;
    }
    #engineering-services .services h3{
        margin-top: 35px;
    }
    #engineering-services .services .element{
        padding-left: 20px;
        padding-right: 20px;
    }
    #engineering-services .services .element img{
        margin-top: 48px;
    }
    #engineering-services .col-lg-2-custom {
        -webkit-box-flex: 0;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
@media (min-width: 1920px) {
    #engineering-services .services .col-custom-width{
        max-width: initial;
    }
    #engineering-services .services .element{
        padding-left: 0;
        padding-right: 0;
    }
    #engineering-services .services{
        padding-left: 140px;
        padding-right: 140px;
    }
}

/* ---engineering-sections--- */
#engineering-sections h4{
    font-family: OpenSans-SemiBold;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0;
}
#engineering-sections .box p{
    line-height: 20px;
    font-family: OpenSans-Light;
}
#engineering-sections a{
    margin-top: 9px;
}
#engineering-sections .box:after{
    content:'';
    min-height:inherit;
    font-size:0;
}
#engineering-sections .box .btn {
    margin-bottom: 16px;
}
#engineering-sections .box:hover{
    text-decoration: none;
    background-color: rgba(37, 40, 42, 0.8);
}
#engineering-sections .box-0, #engineering-sections .box-1,
#engineering-sections .box-2{
    margin-bottom: 50px;
}
#engineering-sections .element-height {
    height: 350px;
}
#engineering-sections .helper {
    max-width: 350px;
}
#engineering-sections .box .btn {
    margin-bottom: 0;
    margin-top: 0;
}
#engineering-sections .box {
    min-height: 340px;
    max-width: 100%;
    padding-left: 25px;
    padding-right: 25px;
}
@media (min-width: 834px) {
    #engineering-sections h4{
        font-size: 19px;
        line-height: 29px;
    }
    #engineering-sections a {
        margin-top: 19px;
    }
    #engineering-sections .box-0, #engineering-sections .box-1,
    #engineering-sections .box-2{
        margin-bottom: 60px;
        margin-top: 0;
    }
}
@media (min-width: 1280px) {
    #engineering-sections .helper {
        max-width: 100%;
    }
    #engineering-sections h4{
        font-size: 25px;
        line-height: 40px;
    }
    #engineering-sections a{
        margin-top: 14px;
    }
    #engineering-sections .box-0{
        padding-right: 8px;
    }
    #engineering-sections .box-1{
        padding-left: 8px;
        padding-right: 8px;
    }
    #engineering-sections .box-2{
        padding-left: 8px;
        padding-right: 8px;
    }
    #engineering-sections .box-3{
        padding-left: 8px;
    }
    #engineering-sections .box-0, #engineering-sections .box-1,
    #engineering-sections .box-2, #engineering-sections .box-3{
        margin-bottom: 0;
    }
}
@media (min-width: 1920px) {
    #engineering-sections .element-height {
        height: 400px;
    }
    #engineering-sections .box {
        min-height: 390px;
        max-width: 100%;
        padding-left: 45px;
        padding-right: 45px;
    }
    #engineering-sections .box .btn {
        margin-bottom: 14px;
        margin-top: 14px;
    }
}
/* ---business-model--- */
#business-model a, #business-model h2{
    color: white;
}
#business-model p.helper{
    font-size: 20px;
    margin-bottom: 0;
}
#business-model h2{
    font-size: 35px;
}
#business-model .bg-color-0{
    background-color: rgba(59,60,67, 0.7);
}
#business-model .bg-color-1{
    background-color: rgba(245,84,20, 0.7);
}
#business-model .box p{
    line-height: 20px;
    font-family: OpenSans-Light;
}
#business-model a{
    margin-top: 9px;
}
#business-model .box:after{
    content:'';
    min-height:inherit;
    font-size:0;
}
#business-model .box .btn {
    margin-bottom: 16px;
}
#business-model .box:hover{
    text-decoration: none;
    background-color: rgba(37, 40, 42, 0.8);
}
#business-model .element-height {
    height: 350px;
}
#business-model .box .btn {
    margin-bottom: 0;
    margin-top: 0;
}
#business-model .box {
    min-height: 340px;
    max-width: 100%;
    padding-left: 25px;
    padding-right: 25px;
}
@media (min-width: 834px) {
    #business-model a {
        margin-top: 19px;
    }
}
@media (min-width: 1280px) {
    #business-model .helper {
        max-width: 100%;
    }
    #business-model a{
        margin-top: 14px;
    }
    #business-model h2{
        font-size: 40px;
    }
    #business-model p.helper{
        font-size: 21px;
    }
}
@media (min-width: 1920px) {
    #business-model .element-height {
        height: 450px;
    }
    #business-model .box {
        min-height: 440px;
        max-width: 100%;
        padding-left: 45px;
        padding-right: 45px;
    }
    #business-model .box .btn {
        margin-bottom: 14px;
        margin-top: 14px;
    }
}

/* ---engineering specialized--- */
#engineering-specialized .row-three-images{
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
#engineering-specialized .row-three-images::-webkit-scrollbar{
    display: none;
}
#engineering-specialized .row-three-images > div {
    max-width: 302px;
}
#engineering-specialized .three-images div:nth-child(1) img {
    padding-right: 6px;
}
#engineering-specialized .three-images div:nth-child(2) img {
    padding-left: 3px;
    padding-right: 3px;
}
#engineering-specialized .three-images div:nth-child(3) img {
    padding-left: 6px;
}
#engineering-specialized .three-images {
    margin-top: 24px;
}
#engineering-specialized .main-text {
    padding-right: 14px;
    padding-left: 14px;
    padding-top: 25px;
}
@media (min-width: 834px) {
    #engineering-specialized .main-text {
        padding-right: 81px;
        padding-left: 81px;
        padding-top: 50px;
    }
    #engineering-specialized .main-image {
        /*3 x md column (3x70) + gutter (3,5x16) */
        padding-left: calc(50% - 266px);
    }
}
@media (min-width: 1280px) {
    #engineering-specialized .main-text {
        padding-top: 0;
        padding-right: 0;
        padding-left: 0;
    }
    #engineering-specialized .main-image {
        padding-left: 0;
    }
}
#engineering-specialized picture, #engineering-specialized img{
    width: inherit;
    height: auto;
}

/*---facts---*/
#facts h2{
    margin-bottom: 0;
}
#facts .number-circle{
    background: #FA4616;
    padding: 15px 0;
    border: 20px solid #F36A34;
    max-width: 118px;
    height: 118px;
    border-radius: 50%;
    font-family: OpenSans-Bold;
    font-size: 32px;
    line-height: 46px;
    margin-top: 34px;
}
#facts .numbers p{
    font-family: OpenSans-Bold;
    font-size: 20px;
    line-height: 27px;
    margin-top: 15px;
    margin-bottom: 0;
}
@media (min-width: 834px) {
    #facts .number-circle{
        padding: 10px 0;
        max-width: 98px;
        height: 98px;
        border: 20px solid #F36A34;
        font-size: 25px;
        line-height: 36px;
        margin-top: 0;
    }
    #facts .numbers{
        margin-top: 15px;
    }
    #facts .numbers p{
        margin-top: 15px;
    }
}
@media (min-width: 1280px) {
    #facts .number-circle{
        padding: 43px 0;
        max-width: 212px;
        height: 212px;
        border: 20px solid #F36A34;
        font-size: 60px;
        line-height: 86px;
    }
    #facts .numbers{
        margin-top: 100px;
    }
    #facts .numbers p{
        margin-top: 30px;
    }
}

/*---certificates---*/
#certificates a:hover{
    opacity: 0.6;
}
#certificates .editmode{
    display: inline;
}
#certificates > div{
    padding-left: 14px;
    padding-right: 14px;
}
#certificates h3{
    font-family: MavenPro-Bold;
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 0;
}
#certificates .certificates {
    margin-top: 26px;
}
#certificates .certificates h3{
    font-family: MavenPro-Regular;
    margin-top: 9px;
    margin-bottom: 18px;
}
#certificates .sub-header{
    margin-top: 30px;
}
#certificates .first-sub-header{
    margin-top: 30px;
}
@media (min-width: 834px) {
    #certificates h3{
        font-size: 16px;
        line-height: 19px;
    }
    #certificates .certificates h3{
        margin-top: 18px;
    }
    #certificates .sub-header{
        /* #certificates .certificates h3 18px */
        margin-top: 32px;
    }
    #certificates .first-sub-header{
        margin-top: 40px;
    }
    #certificates > div{
        padding-left: 81px;
        padding-right: 81px;
    }
}
@media (min-width: 1280px) {
    #certificates .sub-header{
        /* #certificates .certificates h3 18px */
        margin-top: 82px;
    }
    #certificates .first-sub-header{
        margin-top: 50px;
    }
    #certificates .certificates > div {
        padding: 0 !important;
        padding-left: 9px !important;
        padding-right: 9px !important;
    }
    #certificates > div{
        padding-left: 0;
        padding-right: 0;
    }
}
/* ---hero app--- */
#hero-app .editmode a{
    margin-top: 0 !important;
    min-width: 0 !important;
}
#hero-app {
    margin-top: 62px;
    position: relative;
    height: 500px;
    height: calc(100vh - 62px);
    background-position: top;
    background-size: cover;
    overflow: hidden;
}
#hero-app h1{
    font-family: MavenPro-Bold;
    font-size: 45px;
    line-height: 60px;
/*
    after agency issued
    font-size: 70px;
    line-height: 80px;
 */
    margin-top: 27px;
    margin-bottom: 0;
    color: #53565A;
}
#hero-app h2{
    margin-top: 12px;
}
#hero-app .links{
    margin-top: 36px;
}
#hero-app .links a{
    margin-top:15px;
    margin-right: 12px;
    /* based on the image*/
    min-width: 166px;
    font-size: 18px;
    line-height: 36px;
}
#hero-app .links img{
    margin-top:15px;
}
#hero-app .links::-webkit-scrollbar{
    display: none;
}
@media (min-width: 834px) {
    #hero-app h1{
        font-size: 95px;
        line-height: 114px;
        margin-top: 29px;
    }
    #hero-app h2{
        margin-top: 17px;
    }
    #hero-app .links{
        margin-top: 43px;
        max-width: 100%;
    }
}
@media (min-width: 1920px) {
    #hero-app > div {
        padding-left: 26px;
    }
    #hero-app h2 {
        margin-top: 35px;
    }
    #hero-app .links{
        margin-top: 56px;
    }
    #hero-app .links a{
        max-width: 200px;
    }
}
#hero-app .orangeLine {
    width: 160px;
    height: 12px;
    display: block;
}

/*---faq---*/
#faq h3{
    font-family: OpenSans-Bold;
    font-size: 15px;
    line-height: 25px;
    margin-bottom: 0;
}
#faq p{
    margin-bottom: 0;
}
#faq .wrapper{
    margin-top: 48px;
    padding-left: 14px;
    padding-right: 14px;
}
#faq .wrapper .row:not(:first-child){
    /* p line height */
    margin-top: 25px;
}
@media (min-width: 834px) {
    #faq .collapse{
        display: block;
    }
    #faq .collapse-link{
        display: none;
    }
    #faq .wrapper{
        padding-left: 81px;
        padding-right: 81px;
    }
}
@media (min-width: 1280px) {
    #faq .wrapper{
        padding-left: 0;
        padding-right: 0;
    }
}
@media (min-width: 1920px) {
    #faq .wrapper{
        margin-top: 53px;
    }
}

/* --- error --- */
#error {
    margin-top: 62px;
    position: relative;
    height: 500px;
    height: calc(100vh - 62px);
    background-position: center;
    background-size: cover;
    overflow: hidden;
}
#error h1{
    font-family: OpenSans-Bold;
    margin-bottom: 0;
    font-size: 50px;
    line-height: 58px;
}
#error p{
    font-size: 15px;
    line-height: 25px;
    margin-bottom: 0;
}
#error .buttons a{
    min-width: 153px;
}
#error .bg-color{
    background-color: rgba(250, 70, 22, 0.8);
}
#error .buttons{
    margin-top: 35px;
}
#error .container-element{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
#error .buttons a:not(:first-child){
    margin-left: 22px;
}
#error .row-buttons{
    display:-webkit-box;
    display:flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-box-pack: justify;
    justify-content: space-between ;
    -webkit-overflow-scrolling: touch;
}
#error .row::-webkit-scrollbar{
    display: none;
}
#error .text{
    max-width: 302px;
}
@media (min-width: 834px) {
    #error p{
        font-size: 25px;
        line-height: 29px;
    }
    #error .row-buttons{
        display: inherit;
    }
    #error .text{
        max-width: 100%;
    }
}
@media (min-width: 1920px) {
    #error .container-element {
        top: 444px;
        transform: translateX(-50%);
    }
    #error .buttons{
        margin-top: 70px;
    }
    #error .buttons a{
        min-width: 173px;
    }
    #error p{
        font-size: 25px;
        line-height: 58px;
    }
    #error .buttons a:not(:first-child){
        margin-left: 43px;
    }
}

/*---team---*/
#team .header{
    margin-bottom: 20px;
}
#team .department{
    margin: 20px 0;
}
#team .department h2{
    font-family: OpenSans-Light;
}
#team .row{
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
#team .row::-webkit-scrollbar{
    display: none;
}
#team .member{
    display: none;
}
#team .member-column:hover .member{
    display: block;
}
#team .box, #team .member-column {
    min-height: 224px;
}
#team .box:after{
    content:'';
    min-height:inherit;
}
#team .box.team img{
    margin-top: 21px;
}
#team .box.team h3{
    font-family: MavenPro-Regular;
    font-size: 24px;
    line-height: 29px;
    padding-left: 35px;
}
#team .box.team h3 strong{
    font-family: MavenPro-Bold;
}
#team .box.member .quote{
    font-family: MavenPro-Bold;
}
#team .member-text{
    padding: 13px 22px 0;
}
#team .member-text p{
    line-height: 20px;
    margin-bottom: 0;
}
#team .member-text p:nth-child(2){
    margin-top: 20px;
}
#team .member-text a{
    line-height: 20px;
}
#team .member-text a:nth-child(3){
    margin-top: 20px;
}
#team .limit-element-width{
    max-width: 224px;
}
#team .bg-color-0,
#team .bg-color-3{
    background-color: rgb(250, 70, 22);
}
#team .bg-color-0-opacity,
#team .bg-color-3-opacity{
    background-color: rgba(250, 70, 22, 0.8);
}
#team .bg-color-1{
    background-color: rgb(235, 236, 234);
}
#team .bg-color-1-opacity{
    background-color: rgba(235, 236, 234, 0.8);
}
#team .bg-color-1,
#team .bg-color-1-opacity, #team .bg-color-1-opacity a{
    color: #25282A;
}

#team .bg-color-2{
    background-color: rgb(63, 64, 71);
}

#team .bg-color-2-opacity{
    background-color: rgba(63, 64, 71, 0.8);
}
#team .bg-color-0,
#team .bg-color-3,
#team .bg-color-0-opacity, #team .bg-color-0-opacity a,
#team .bg-color-3-opacity, #team .bg-color-3-opacity a,
#team .bg-color-2,
#team .bg-color-2-opacity, #team .bg-color-2-opacity a
{
    color:#fff;
}
@media (min-width: 834px) {
/*
    after agency issued
    #team .limit-element-width{
        max-width: 100%;
    }
*/
    #team .header{
        margin-bottom: 25px;
    }
    #team .department{
        margin: 25px 0;
    }
}
@media (min-width: 1280px) {
    #team .box.team h3{
        font-size: 30px;
        line-height: 36px;
        padding-left: 42px;
    }
    #team .row{
        flex-wrap: wrap;
        overflow-x: initial;
    }
    #team .box, #team .member-column {
        min-height: 260px;
        max-width: 390px;
    }
    #team .col-12-5 {
        -webkit-box-flex: 0;
        flex: 0 0 20%;
        max-width: 20%;
    }
    #team .hide-fifth-xl:not(.show){
        display: none;
    }
    #team .box.team img{
        margin-top: 26px;
    }
    #team .member-text{
        padding: 44px 20px 0;
    }
    #team .header{
        margin-bottom: 50px;
    }
    #team .department{
        margin: 50px 0;
    }
    #team .limit-container{
        max-width: 1280px;
    }
}
@media (min-width: 1920px) {
    #team .limit-container{
        max-width: 1640px;
    }
    #team .box, #team .member-column {
        min-height: 270px;
        max-width: 274px;
    }
    #team .header{
        margin-bottom: 75px;
    }
    #team .department{
        margin: 75px 0;
    }
}

/* ---hero location--- */
#hero-location {
    margin-top: 62px;
    position: relative;
    height: 600px;
    background-position: top;
    background-size: cover;
    overflow: hidden;
}
#hero-location .bg-color {
    background-color: rgba(255, 255 ,255, 0.82);
}
#hero-location .marker{
    position: absolute;
    background-image: url('../images/location/location.png');
    background-size: cover;
    width: 9px; height: 10px;
}
#hero-location .marker.active{
    background-image: url('../images/location/location-active.png');
}
#hero-location .poland-svg, #hero-location .austria-svg{
    position: relative;
}
#hero-location .poland-container{
    /* sm-max / 2 = 151 */
    /* padding / 2 = 18 */
    margin-top: -40px;
    margin-right: calc(50% - 226px);
}
#hero-location .poland-svg svg,  #hero-location .poland-svg{
    width: 130px;
    height: 90px;
}
#hero-location .austria-container{
    /* sm-max / 2 = 151 */
    /* padding / 2 = 18 */
    margin-left: calc(50% - 169px);
    margin-top: 21px;
}
#hero-location .austria-svg svg, #hero-location .austria-svg{
    width: 285px;
    height: 146px;
}
#hero-location .location-object{
    position: absolute;
    top: 250px;
    left: 50%;
    transform: translateX(-50%);
}
#hero-location .location-object hr{
    border: 1px solid #FA4616;
    margin: 0;
}
#hero-location .location-object .box{
    width: 300px;
    height: 290px;
}
#hero-location .carousel-indicators {
    bottom: -65px;
}
#hero-location .carousel-control-next{
    right: -60px;
}
#hero-location .carousel-control-prev{
    left: -60px;
}
#hero-location .carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FA4616' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}
#hero-location .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FA4616' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}
@media (min-width: 834px) {
    #hero-location .poland-container{
        /* md-max / 2 = 336 */
        /* padding 70 */
        /* WAS orig margin-right: calc(50% - 406px); */
        margin-right: calc(50% - 480px);
        margin-top: 0;
    }
    #hero-location .poland-svg svg,  #hero-location .poland-svg{
        /* WAS orig
        width: 249px;
        height: 173px; */
        width: 349px;
        height: 243px;
    }
    #hero-location .austria-container{
        /* md-max / 2 = 336 */
        /* WAS orig
        margin-left: calc(50% - 336px);
        margin-top: 41px; */
        margin-left: calc(50% - 425px);
        margin-top: 21px;
    }
    #hero-location .austria-svg svg, #hero-location .austria-svg{
        /* WAS orig
        width: 547px;
        height: 280px; */
        width: 740px;
        height: 375px;
    }
    #hero-location .marker{
        width: 17px; height: 19px;
    }
    #hero-location .location-object{
        /* WAS orig
        top: 0;
        /* md-max / 2 = 336
        /* box / 2 = 164
        left: calc(50% - 172px); */
        top: 30px;
        left: calc(50% - 252px);
    }
    #hero-location .location-object .box{
        width: 328px;
        height: 403px;
    }
    #hero-location{
        height: 680px;
    }
}
@media (min-width: 1280px) {
    #hero-location .poland-container{
        /* xl-max / 2 = 820 */
        /* 0,3 cols = 37 */
        /* 820 - 183 - 16 */
        margin-right: calc(50% - 783px);
        margin-top: -130px;
    }
    #hero-location .poland-svg svg,  #hero-location .poland-svg{
        width: 472px;
        height: 328px;
    }
    #hero-location .austria-container{
        /* xl-max / 2 = 820 */
        /* 1,5 cols = 183 */
        /* gutter = 16 */
        /* 820 - 183 - 16 */
        margin-left: calc(50% - 621px);
        margin-top: 39px;
    }
    #hero-location .austria-svg svg, #hero-location .austria-svg{
        width: 1035px;
        height: 530px;
    }
    #hero-location .marker{
        width: 31px; height: 36px;
    }
    #hero-location .location-object{
        top: 91px;
        /* xl-max / 2 = 820 */
        /* box / 2 = 200 */
        /* column / 2 = 61 */
        left: calc(50% - 439px);
    }
    #hero-location .location-object .box{
        width: 400px;
        height: 389px;
    }
    #hero-location{
        height: 840px;
    }
}
@media (min-width: 1920px) {
    #hero-location .location-object{
        top: 121px;
        /* xl-max / 2 = 820 */
        /* box / 2 = 200 */
        /* column / 2 = 61 */
        left: calc(50% - 559px);
    }
    #hero-location .austria-container{
        /* xl-max / 2 = 820 */
        /* 1,5 cols = 183 */
        /* gutter = 16 */
        /* 820 - 183 - 16 */
        margin-left: calc(50% - 621px);
        margin-top: 79px;
    }
    #hero-location{
        height: 900px;
    }
}

/* ---locations--- */
#locations {
    background-position: center;
    background-size: cover;
    overflow: hidden;
}
#locations .bg-color {
    background-color: rgba(255, 255 ,255, 0.82);
}
#locations .locations{
    padding-top: 40px;
    padding-bottom: 40px;
}
#locations .header h2{
    margin-bottom: 24px;
    font-family: OpenSans-Bold;
    font-size: 45px;
    line-height: 55px;
}
.locations hr{
    border: 1px solid #fff;
    margin: 0;
}
.locations p{
    font-family: OpenSans-Light;
    margin-bottom: 0;
    font-size: 15px;
    line-height: 27px;
}
.locations p span{
    font-size: 27px;
}
.locations .custom-offset{
    display: block;
    height: 20px;
}
.locations .row{
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.locations .row::-webkit-scrollbar{
    display: none;
}
.locations .box{
    -webkit-box-shadow: 0 0 10px 1px rgba(0,0,0,0.47);
    -moz-box-shadow: 0 0 10px 1px rgba(0,0,0,0.47);
    box-shadow: 0 0 10px 1px rgba(0,0,0,0.47);
}
.locations .row{
    /* compensate shadow */
    padding-top: 10px;
    padding-bottom: 10px;
}
.locations .boxLeft{
    width: 79%;
}
.locations .boxRight{
    width: 19%;
}
.locations .boxLeft .p1{
    padding: 23px 0 15px 19px;
}
.locations .boxLeft .p2{
    padding: 16px 0 20px 19px;
}
/*.locations .boxRight a:first-child{
    margin-top: 73px;
}*/
.locations .boxRight a:not(:first-child){
    margin-top: 19px;
}
.locations .box{
    max-width: 300px;
}
#locations .col-custom-width{
    max-width: 330px;
}
@media (min-width: 834px) {
    #locations .locations{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    #locations .header{
        margin-bottom: 45px;
    }
    .locations p{
        font-size: 20px;
        line-height: 35px;
    }
    .locations p span{
        font-size: 35px;
    }
    .locations .box{
        max-width: 328px;
    }
    #locations .col-custom-width{
        max-width: 368px;
    }
    .locations .boxLeft .p1{
        padding: 25px 0 28px 22px;
    }
    .locations .boxLeft .p2{
        padding: 16px 0 26px 22px;
    }
/*    .locations .boxRight a:first-child{
        margin-top: 80px;
    }*/
    .locations .boxRight a:not(:first-child){
        margin-top: 20px;
    }
}
@media (min-width: 1280px) {
    #locations .locations{
        padding-top: 100px;
        padding-bottom: 100px;
    }
    #locations .col-custom-width{
        max-width: initial;
    }
    .locations .container{
        max-width: 1364px;
    }
    .locations .row{
        flex-wrap: wrap;
    }
    .locations .box{
        max-width: 400px;
    }
    .locations .boxLeft .p1{
        padding: 31px 0 34px 40px;
    }
    .locations .boxLeft .p2{
        padding: 20px 0 31px 40px;
    }
    .locations .w-100{
        height: 46px;
    }
/*    .locations .boxRight a:first-child{
        margin-top: 97px;
    }*/
    .locations .boxRight a:not(:first-child){
        margin-top: 24px;
    }
}

/*---news---*/
#news a{
    color: #25282A;
    text-decoration: none;
}
#news a:hover{
    color: #25282A;
}
#news h3{
    font-family: MavenPro-Bold;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0;
    color: #53565A;
}
#news p{
    margin-bottom: 0;
}
#news .text{
    margin-left: 10px;
}
#news .topic-main{
    margin-bottom: 13px;
}
#news .mt-custom{
    margin-top: 20px;
}
#news .topic-main span{
    font-family: OpenSans-Bold;
    color: #fff;
    background: #FA4616;
    font-size: 13px;
    line-height: 18px;
    padding: 16px 20px;
}
#news p.date {
    font-size: 12px;
    line-height: 17px;
    margin-top: 10px;
    color: rgba(37, 40, 42, 0.7);
}
#news p.date img {
    margin-right: 10px;
    width: 17px;
}
#news p.teaser {
    font-family: OpenSans-Light;
    color: rgba(37, 40, 42, 0.7);
}
#news .topic-image {
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
    background: #FA4616;
    min-width: 141px;
    text-align: center;
}
#news hr{
    border: solid 1px rgba(37, 40, 42, 0.25);
}
#news .carousel-indicators {
    position: relative;
    margin-top: 20px;
}
#news > div{
    padding-left: 14px;
    padding-right: 14px;
}
@media (min-width: 834px) {
    #news #firstElement {
        margin-bottom: 51px;
    }
    #news #firstElement h3 {
        font-size: 25px;
        line-height: 30px;
    }
    #news .custom-hr{
        margin-bottom: 10px;
    }
    #news .mt-custom{
        margin-top: 33px;
    }
    #news h3 {
        font-size: 14px;
        line-height: 20px;
    }
    #news .text{
        margin-left: 16px;
    }
    #news .topic-image{
        font-size: 13px;
        line-height: 18px;
        padding: 13px 20px;
    }
    #news p.teaser {
        font-size: 15px;
        line-height: 25px;
        margin-top: 20px;
    }
    #news #firstElement p.date {
        font-size: 15px;
        line-height: 20px;
        margin-top: 25px;
    }
    #news #firstElement p.date img {
        margin-right: 14px;
        width: 22px;
    }
    #news > div{
        padding-left: 81px;
        padding-right: 81px;
    }
}
@media (min-width: 1280px) {
    #news .mt-custom{
        margin-top: 0;
    }
    #news #firstElement {
        margin-top: 0;
        margin-bottom: 0;
    }
    #news h3, #news #firstElement h3 {
        font-size: 30px;
        line-height: 36px;
    }
    #news p.date, #news #firstElement p.date {
        font-size: 17px;
        line-height: 23px;
        margin-top: 25px;
    }
    #news p.date img, #news #firstElement p.date img {
        margin-right: 15px;
        width: 22px;
    }
    #news p.teaser {
        font-size: 17px;
        line-height: 23px;
        margin-top: 26px;
    }
    #news .text{
       margin-left: 65px;
    }
    #news hr, #news .custom-hr{
       margin: 44px 0 48px;
    }
    #news .carousel-indicators {
        margin-top: 95px;
    }
    #news > div{
        padding-left: 0;
        padding-right: 0;
    }
}
@media (min-width: 1920px) {
    #news .carousel-indicators {
        margin-top: 95px;
    }
}
/*---news-detail-hero---*/
#news-detail-hero{
    margin-top: 62px;
    position: relative;
    height: 250px;
    background-position: center;
    background-size: cover;
    overflow: hidden;
}
#news-detail-hero h2{
    font-family: MavenPro-Bold;
    font-size: 35px;
    line-height: 43px;
    color: white;
}
#news-detail-hero p.date{
    font-size: 15px;
    line-height: 20px;
    margin-top: 10px;
    margin-bottom: 25px;
}
#news-detail-hero p.date img{
    margin-right: 10px;
    width: 15px;
}
#news-detail-hero .topic-image{
    position: absolute;
    right: 0;
    top: 0;
    font-size: 13px;
    line-height: 18px;
    padding: 13px 20px;
    color: #fff;
    background: #FA4616;
    min-width: 141px;
    text-align: center;
}
@media (min-width: 834px) {
    #news-detail-hero {
        height: 390px;
    }
    #news-detail-hero .topic-image{
        font-size: 17px;
        line-height: 23px;
    }
}
@media (min-width: 1280px) {
    #news-detail-hero {
        height: 490px;
    }
    #news-detail-hero h2{
        font-size: 40px;
        line-height: 48px;
    }
    #news-detail-hero p.date{
        font-size: 17px;
        line-height: 23px;
        margin-top: 19px;
        margin-bottom: 50px;
    }
    #news-detail-hero p.date img{
        margin-right: 12px;
        width: 22px;
    }
}
@media (min-width: 1920px) {
    #news-detail-hero {
        height: 590px;
    }
}
/*---news-detail---*/
#news-detail {
    margin-top: 20px;
}
#news-detail h4{
    font-family: OpenSans-Bold;
    color: #53565A;
}
#news-detail .back {
    margin: 20px 0;
}
#news-detail img{
    margin-bottom: 5px;
}
#news-detail > div{
    padding-left: 14px;
    padding-right: 14px;
}
@media (min-width: 834px) {
    #news-detail .back {
        margin: 40px 0;
    }
    #news-detail > div{
        padding-left: 81px;
        padding-right: 81px;
    }
    #news-detail img{
        margin: 5px;
    }
}
@media (min-width: 1280px) {
    #news-detail {
        margin-top: 38px;
    }
    #news-detail .back {
        margin: 83px 0;
    }
    #news-detail > div{
        padding-left: 0;
        padding-right: 0;
    }
}

/*---news-hero---*/
#news-hero a{
    color: #fff;
    text-decoration: none;
}
#news-hero a:hover{
    color: #fff;
}
#news-hero{
    margin-top: 62px;
}
#news-hero .center-image,
#news-hero .left-image,
#news-hero .right-image,
#news-hero .social-wall-image{
    position: relative;
    background-position: center;
    background-size: cover;
    overflow: hidden;
}
#news-hero .title-date, #news-hero .topic{
    position: absolute;
}
#news-hero .topic{
    padding: 13px 20px;
    color: #fff;
    background: #FA4616;
    right: 0;
    top: 0;
    min-width: 141px;
    text-align: center;
}
#news-hero h3{
    font-family: MavenPro-Bold;
}
#news-hero h3, #news-hero p{
    margin-bottom: 0;
}
#news-hero .center-image, #news-hero .left-image, #news-hero .right-image, #news-hero .social-wall-image{
    height: 257px;
}
#news-hero h3{
    font-size: 25px;
    line-height: 30px;
}
#news-hero p.date{
    font-size: 17px;
    line-height: 23px;
/*
    margin-top: 15px;
*/
    margin-top: 5px;
}
#news-hero p.date img{
    margin-right: 12px;
    width: 22px;
}
#news-hero{
    margin-bottom: 57px;
}
#news-hero .title-date{
/*
    after agency issued
    top: 90px;
    left: calc(50% - 151px);
*/
    left: 15px;
    bottom: 15px;
}
@media (min-width: 834px) {
    #news-hero{
        margin-bottom: 67px;
    }
    #news-hero h3{
        font-size: 40px;
        line-height: 48px;
    }
/*
    #news-hero .title-date{
        after agency issued
        top: 67px;
        left: calc(50% - 336px);
    }
*/
    #news-hero p.date{
/*
        after agency issued
        margin-top: 21px;
 */
        margin-top: 155px;
    }
}
@media (min-width: 1280px) {
    #news-hero{
        margin-bottom: 67px;
    }
    #news-hero .title-date{
        top: unset;
        left: 25px;
        bottom: 27px;
    }
    #news-hero .social-wall-image .title-date{
        bottom: 75px;
    }
    #news-hero .center-image {
        height: 440px;
    }
    #news-hero .left-image, #news-hero .right-image {
        height: 255px;
    }
    #news-hero .social-wall-image{
        height: 703px;
        margin-left: 8px;
    }
    #news-hero .main-row-mr {
        margin-right: 0;
    }
    #news-hero .main-row-mt {
        margin-top: 8px;
    }
    #news-hero .left-image-row {
        margin-right: 4px;
    }
    #news-hero .right-image-row {
        margin-left: 4px;
        margin-right: 0;
    }
    #news-hero p.date{
        margin-top: 19px;
    }
}
@media (min-width: 1920px) {
    #news-hero{
        margin-bottom: 67px;
    }
    #news-hero .title-date{
        top: unset;
        left: 70px;
        bottom: 53px;
    }
    #news-hero .social-wall-image .title-date{
        bottom: 95px;
    }
    #news-hero .center-image {
        height: 540px;
    }
    #news-hero .left-image, #news-hero .right-image {
        height: 390px;
    }
    #news-hero .social-wall-image{
        height: 946px;
        margin-left: 16px;
    }
    #news-hero .main-row-mr {
        margin-right: 0;
    }
    #news-hero .main-row-mt {
        margin-top: 16px;
    }
    #news-hero .left-image-row {
        margin-right: 8px;
    }
    #news-hero .right-image-row {
        margin-left: 8px;
        margin-right: 0;
    }
    #news-hero p.date{
        margin-top: 19px;
    }
}
/*---job-details---*/
#job-details{
    margin-top: 142px;
}
#job-details .intro{
    font-family: OpenSans-Light;
    font-size: 15px;
    line-height: 25px;
    margin-bottom: 0;
}

#job-details .intro b{
    font-family: OpenSans-Bold;
}
#job-details .intro a{
    text-decoration: none;
    color: #FA4616 !important;
}
#job-details ul, #job-details ol {
    list-style-position: outside;
    padding: 0;
    margin: 0;
    margin-left: 20px;
}
#job-details ul.list-unstyled {
    margin: 0;
}
#job-details ul.list-unstyled li:before{
    content: none;
    padding-right: unset;
}
#job-details h1{
    font-family: OpenSans-Bold;
    margin-top: 16px;
    font-size: 25px;
    color: #FA4616;

    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    -webkit-hyphens: auto !important;
    -moz-hyphens: auto !important;
    -ms-hyphens: auto !important;
    hyphens: auto !important;

}
#job-details p span, #job-details p b {
    font-family: OpenSans-Bold;
}
#job-details p {
    font-family: OpenSans-Light;
    font-size: 15px;
    line-height: 25px;
    margin-bottom: 0;
}
#job-details ul > li, #job-details ol > li {
    font-family: OpenSans-Light;
    font-size: 15px;
}
#job-details p.text{
    margin-top: 25px;
}
#job-details p.first-text{
    margin-top: 19px;
}
#job-details .contact-text{
    padding: 25px 0 19px;
}
#job-details .contact-text img{
    margin-top: 2px;
}
#job-details .contact, #job-details .buttons{
    margin-top: 45px;
}
#job-details .share{
    margin-top: 31px;
}
#job-details .share a{
    text-decoration: none;
}
#job-details .share a:not(:last-child){
    margin-right: 10px;
}
#job-details .gender{
    margin-top: 16px;
    font-family: OpenSans-Light;
}
#job-details .back{
    margin-top: 14px;
    margin-bottom: 32px;
}
#job-details .section {
    padding-left: 14px;
    padding-right: 14px;
}
#job-details .dropdown-header{
    color: #FA4616;
}
#job-details .dropdown-item {
    line-height: 40px;
}
#job-details .dropdown-menu{
    padding-top: 0;
    padding-bottom: 0;
}
#job-details .buttons .applyNow > a, #job-details .dropdown-menu{
    min-width: 250px;
}
#job-details .dropdown-item img {
    width: 20px;
    margin-right: 24px;
}

@media (min-width: 834px) {
    #job-details .buttons .applyNow{
        margin-right: 26px;
    }
    #job-details .job-details, #job-details .gender, #job-details .back{
        max-width: 100%;
    }
    #job-details .contact{
        /* WAS orig max-width: 260px; */
        margin-top: 55px;
    }
    #job-details .contact-text{
        padding: 25px 0 19px;
    }
    #job-details{
        margin-top: 166px;
    }
    #job-details h1{
        font-size: 50px;
        margin-top: 19px;
    }
    #job-details p.first-text{
        margin-top: 34px;
    }
    #job-details .share{
        margin-top: unset;
    }
    #job-details .back{
        margin-top: 46px;
        margin-bottom: 69px;
        padding-left: 0
    }
    #job-details .section,
    #job-details .contact-section{
        padding-left: 81px;
        padding-right: 81px;
    }
}
@media (min-width: 1280px) {
    #job-details{
        margin-top: 227px;
    }
    #job-details .contact{
        margin-top: 0;
        position: fixed;
        width: 353px;
    }
    #job-details .contact-text{
        padding: 25px 17px 19px 12px;
    }
    #job-details .gender{
        margin-top: 19px;
    }
    #job-details .back{
        margin-top: 25px;
        margin-bottom: 112px
    }
    #job-details .section,
    #job-details .contact-section{
        padding-left: 0;
        padding-right: 0;
    }
}
@media (min-width: 1920px) {
    #job-details .contact {
        width: 410px;
    }
}

@media print {
    #job-details{
        height: 1855px;
        border: 3px solid #FA4616;
        padding: 50px 30px 0 10px;
    }
    #job-details .logo{
        padding-top: 35px;
        padding-right: 50px;
        padding-bottom: 50px;
        width: 390px;
    }
    #job-details p, #job-details ul > li, #job-details .intro {
        font-size: 18px;
    }
    #job-details h1 {
        font-size: 35px;
    }
    #job-details .contact {
        width: 380px;
    }
}

/*---hover-app---*/
#hover-app p.feature{
    font-family: OpenSans-Light;
    padding: 30px 26px;
    margin-top: 24px;
    max-width: 450px;
    margin-left: auto;
    margin-right: auto;
    color: #53565A;
    height: 90%;
}
#hover-app p.feature span {
    font-family: OpenSans-Bold;
    font-size: 20px;
    line-height: 27px;
    display: inline-block;
    margin-bottom: 21px;
}
#hover-app p.feature:hover,
#hover-app p.feature.active{
    background: white;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 10px 0 rgba(250, 70, 22,0.75);
    -moz-box-shadow: 0 0 10px 0 rgba(250, 70, 22,0.75);
    box-shadow: 0 0 10px 0 rgba(250, 70, 22,0.75);
}
#hover-app p.feature {
    background: white;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0,0.75);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0,0.75);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0 ,0.75);
}
#hover-app .row-text{
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
#hover-app .row-text::-webkit-scrollbar{
    display: none;
}
#hover-app .row-img{
    margin-top: 35px;
}
#hover-app .wysiwyg-content p{
    font-family: OpenSans-SemiBold;
}
#hover-app .wysiwyg-content img:first-child{
   margin-right: 26px;
}
#hover-app .wysiwyg-content img, #hover-app .wysiwyg-content{
    margin-top: 16px;
}
#hover-app .wysiwyg-content p{
    margin-bottom: 0;
}
#hover-app .wysiwyg-content a{
    text-decoration: none;
}
@media (min-width: 834px) {
    #hover-app .wysiwyg-content{
        margin-top: 50px;
    }
    #hover-app .row-text > div:not(:first-child) {
        margin-left: 50px;
    }
    #hover-app .row-img{
        margin-top: 55px;
    }
}
@media (min-width: 1280px) {
    #hover-app .wysiwyg-content{
        max-width: 450px;
        padding-left: 26px;
        margin-top: 50px;
    }
    #hover-app p.feature:hover,
    #hover-app p.feature.active{
        background: white;
        border-radius: 10px;
        -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0,0.75);
        -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0,0.75);
        box-shadow: 0 0 10px 0 rgba(0, 0, 0 ,0.75);
    }
    #hover-app p.feature {
        background: white;
        border-radius: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        height: inherit;
    }
}

/*---apply---*/
#apply input::-webkit-outer-spin-button,
#apply input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

#apply input[type=number] {
    -moz-appearance: textfield;
}
#apply{
    padding-top: 40px;
    padding-bottom: 40px;
}
#apply h1{
    font-family: OpenSans-Bold;
    font-size: 35px;
    line-height: 32px;
    margin-top: 44px;
}
#apply h3{
    font-family: OpenSans-Bold;
    font-size: 20px;
    margin-top: 70px;
    margin-bottom: 0;
}
#apply #citizenship-burger{
    width: 25px;
    position: absolute;
    top: 45px;
    right: 20px;
}
#apply label.error{
    color:#FA4616;
}
#apply .form-group{
    margin: 30px auto 0;
    padding-left: 10px !important;
    padding-right: 10px !important;
}
#apply .custom-checkbox.standAlone{
    margin-top: 30px;
    margin-left: 20px;
}
#apply .driving-licence{
    margin-top: 30px;
    margin-left: 20px;
}
#apply .driving-licence p{
    font-size: 16px;
}
#apply .file-button{
    margin-top: 32px;
}
#apply .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before{
    background-color:#FA4616;
}
#apply .custom-checkbox.dsgvoCheckbox{
    margin-top: 32px;
}
#apply p.intro{
    font-size: 18px;
    line-height: 32px;
    margin-bottom: 0;
}
#apply p.file-upload, #apply .dsgvo, #apply .custom-checkbox{
    font-size: 14px;
    line-height: 25px;
    margin-bottom: 0;
}
#apply .custom-checkbox span{
    font-size: 12px;
}
#apply .dsgvo{
    margin-top: 21px;
    margin-left: 24px;
}
#apply input, #apply select {
    border: none;
    border-bottom: 1px solid #fff;
    color: #fff;
    background-color: #25282a;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
}
#apply .custom-select{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNi42OTYiIGhlaWdodD0iMTAuNDciIHZpZXdCb3g9IjAgMCAxNi42OTYgMTAuNDciPiAgPHBhdGggaWQ9IlBhdGhfODciIGRhdGEtbmFtZT0iUGF0aCA4NyIgZD0iTTcuMjg4LDAsMCw3LjI4N2w3LjI4OCw3LjI4NyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMS4wNjEgOC4zNDkpIHJvdGF0ZSgtOTApIiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMyIvPjwvc3ZnPg==);
    background-size: 20px;
    background-position-y: center;
    background-position-x: calc(100% - 5px);
}
#apply :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #fff;
}
#apply ::-ms-input-placeholder { /* Microsoft Edge */
    color: #fff;
}
#apply ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 1; /* Firefox */
}
#apply select{
    color: #fff;
}
#apply .form-button{
    margin-top: 20px;
}
#apply .toast{
    position: fixed;
    bottom:20px;
    right:20px;
    min-width: 300px;
    z-index: 1000;
}
#apply p.file-upload, #apply .file-button, #apply .dsgvo-element{
    padding-left: 10px;
}
@media (min-width: 834px) {
    #apply{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    #apply h1{
        margin-top: 58px;
    }
    #apply h3{
        font-size: 20px;
        margin-top: 47px;
        margin-bottom: -10px;
    }
    #apply .form-group{
        margin-top: 56px;
        max-width: 330px;
    }
    #apply .file-button{
        margin-top: 47px;
    }
    #apply .custom-checkbox.dsgvoCheckbox{
        margin-top: 47px;
    }
    #apply .custom-checkbox.standAlone{
        margin-top: 66px;
        margin-left: 27px;
    }
    #apply .driving-licence{
        margin-top: 27px;
        margin-left: 27px;
    }
    #apply p.file-upload{
        line-height: 28px;
    }
    #apply .form-group {
        padding: 0 20px;
    }
    #apply p.file-upload, #apply .file-button, #apply .dsgvo-element{
        padding-left: 20px;
    }
    #apply .form-button{
        margin-top: 40px;
    }
    #apply .dsgvo{
        margin-top: 47px;
    }
    #apply #citizenship-burger{
        top: 70px;
    }
}
@media (min-width: 1280px) {
    #apply{
        padding-top: 100px;
        padding-bottom: 100px;
    }
    #apply h1{
        margin-top: 111px;
        font-size: 50px;
        line-height: 58px;
    }
    #apply h3{
        margin-top: 66px;
    }
    #apply .file-button{
        margin-top: 66px;
    }
    #apply .custom-checkbox.dsgvoCheckbox{
        margin-top: 66px;
    }
    #apply .custom-checkbox.standAlone{
        margin-top: 66px;
        margin-left: 36px;
    }
    #apply .driving-licence{
        margin-left: 36px;
    }
    #apply p.intro{
        font-size: 25px;
        line-height: 58px;
    }
    #apply .form-button{
        margin-top: 83px;
    }
    #apply p.file-upload, #apply .file-button, #apply .dsgvo-element{
        padding-left: 30px;
    }
    #apply .dsgvo{
        margin-top: 31px;
    }
    #apply #citizenship-burger{
        right: 30px;
    }
}
@media (min-width: 1920px) {
    #apply .custom-checkbox.standAlone{
        margin-left: 66px;
    }
    #apply .driving-licence{
        margin-left: 60px;
    }
    #apply .custom-checkbox.dsgvoCheckbox{
        margin-top: 66px;
    }
    #apply p.file-upload, #apply .file-button, #apply .dsgvo-element{
        padding-left: 45px;
    }

    #apply #citizenship-burger{
        right: 60px;
    }
}
/*---scholarship---*/
#scholarship input::-webkit-outer-spin-button,
#scholarship input::-webkit-inner-spin-button,
#light-form input::-webkit-outer-spin-button,
#light-form input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
#scholarship label.error,
#light-form label.error{
    color:#FA4616;
}
#scholarship input[type=number],
#light-form input[type=number] {
    -moz-appearance: textfield;
}
#scholarship #custom-pos,
#light-form #custom-pos {
    position: relative;
}
#scholarship h1,
#light-form h1 {
    font-family: OpenSans-Bold;
    font-size: 35px;
    line-height: 32px;
    margin-top: 44px;
}
#scholarship h3,
#light-form h3{
    font-family: OpenSans-Bold;
    font-size: 20px;
    margin-top: 70px;
    margin-bottom: 0;
}
#scholarship .form-group,
#light-form .form-group{
    margin: 30px auto 0;
    padding-left: 10px !important;
    padding-right: 10px !important;
}
#scholarship .custom-checkbox.standAlone,
#light-form .custom-checkbox.standAlone{
    margin-top: 30px;
    margin-left: 20px;
}
#scholarship .driving-licence,
#light-form .driving-licence{
    margin-top: 30px;
    margin-left: 20px;
}
#scholarship .driving-licence p,
#light-form .driving-licence p{
    font-size: 16px;
}
#scholarship .file-button,
#light-form .file-button{
    margin-top: 32px;
}
#scholarship .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before,
#light-form .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before{
    background-color:#FA4616;
}
#scholarship .custom-checkbox.dsgvoCheckbox,
#light-form .custom-checkbox.dsgvoCheckbox{
    margin-top: 32px;
}
#scholarship p.intro,
#light-form p.intro{
    font-size: 18px;
    line-height: 32px;
    margin-bottom: 0;
}
#scholarship p.file-upload,
#scholarship .dsgvo,
#scholarship .custom-checkbox,
#light-form p.file-upload,
#light-form .dsgvo,
#light-form .custom-checkbox{
    font-size: 14px;
    line-height: 25px;
    margin-bottom: 0;
}
#scholarship .custom-checkbox span,
#light-form .custom-checkbox span{
    font-size: 12px;
}
#scholarship .dsgvo,
#light-form .dsgvo{
    margin-top: 21px;
    margin-left: 24px;
}
#scholarship input,
#scholarship select,
#light-form input,
#light-form select {
    border: none;
    border-bottom: 1px solid #25282a;
    color: #25282a;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
}
#scholarship .custom-select,
#light-form .custom-select{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNi42OTYiIGhlaWdodD0iMTAuNDciIHZpZXdCb3g9IjAgMCAxNi42OTYgMTAuNDciPgogIDxwYXRoIGlkPSJQYXRoXzY0NCIgZGF0YS1uYW1lPSJQYXRoIDY0NCIgZD0iTTcuMjg4LDAsMCw3LjI4N2w3LjI4OCw3LjI4NyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMS4wNjEgOC4zNDkpIHJvdGF0ZSgtOTApIiBmaWxsPSJub25lIiBzdHJva2U9IiMyNTI4MkEiIHN0cm9rZS13aWR0aD0iMyIvPgo8L3N2Zz4K);
    background-size: 20px;
    background-position-y: center;
    background-position-x: calc(100% - 5px);
}
#scholarship :-ms-input-placeholder,
#light-form :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #25282a;
}
#scholarship ::-ms-input-placeholder,
#light-form ::-ms-input-placeholder { /* Microsoft Edge */
    color: #25282a;
}
#scholarship ::placeholder,
#light-form ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #25282a;
    opacity: 1; /* Firefox */
}
#scholarship select,
#light-form select{
    color: #25282a;
}
#scholarship .form-button,
#light-form .form-button{
    margin-top: 20px;
}
#scholarship .toast,
#light-form .toast{
    position: fixed;
    bottom:20px;
    right:20px;
    min-width: 300px;
    z-index: 1000;
}
#scholarship p.file-upload,
#scholarship .file-button,
#scholarship .dsgvo-element,
#light-form p.file-upload,
#light-form .file-button,
#light-form .dsgvo-element{
    padding-left: 10px;
}

#light-form #citizenship-burger{
    width: 25px;
    position: absolute;
    top: 45px;
    right: 20px;
}
@media (min-width: 834px) {
    #scholarship h1,
    #light-form h1{
        margin-top: 58px;
    }
    #scholarship h3,
    #light-form h3{
        font-size: 20px;
        margin-top: 47px;
        margin-bottom: -10px;
    }
    #scholarship .form-group,
    #light-form .form-group{
        margin-top: 56px;
        max-width: 330px;
    }
    #scholarship .file-button,
    #light-form .file-button{
        margin-top: 47px;
    }
    #scholarship .custom-checkbox.dsgvoCheckbox,
    #light-form .custom-checkbox.dsgvoCheckbox{
        margin-top: 47px;
    }
    #scholarship .custom-checkbox.standAlone,
    #light-form .custom-checkbox.standAlone{
        margin-top: 66px;
        margin-left: 27px;
    }
    #scholarship .driving-licence,
    #light-form .driving-licence{
        margin-top: 27px;
        margin-left: 27px;
    }
    #scholarship p.file-upload,
    #light-form p.file-upload{
        line-height: 28px;
    }
    #scholarship .form-group,
    #light-form .form-group {
        padding: 0 20px;
    }
    #scholarship p.file-upload,
    #scholarship .file-button,
    #scholarship .dsgvo-element,
    #light-form p.file-upload,
    #light-form .file-button,
    #light-form .dsgvo-element{
        padding-left: 20px;
    }
    #scholarship .form-button,
    #light-form .form-button{
        margin-top: 40px;
    }
    #scholarship .dsgvo,
    #light-form .dsgvo{
        margin-top: 47px;
    }
    #light-form #citizenship-burger{
        top: 70px;
    }
}
@media (min-width: 1280px) {
    #scholarship h1,
    #light-form h1{
        margin-top: 111px;
        font-size: 50px;
        line-height: 58px;
    }
    #scholarship h3,
    #light-form h3{
        margin-top: 66px;
    }
    #scholarship .file-button,
    #light-form .file-button{
        margin-top: 66px;
    }
    #scholarship .custom-checkbox.dsgvoCheckbox,
    #light-form .custom-checkbox.dsgvoCheckbox{
        margin-top: 66px;
    }
    #scholarship .custom-checkbox.standAlone,
    #light-form .custom-checkbox.standAlone{
        margin-top: 66px;
        margin-left: 36px;
    }
    #scholarship .driving-licence,
    #light-form .driving-licence{
        margin-left: 36px;
    }
    #scholarship p.intro,
    #light-form p.intro{
        font-size: 25px;
        line-height: 58px;
    }
    #scholarship .form-button,
    #light-form .form-button{
        margin-top: 83px;
    }
    #scholarship p.file-upload,
    #scholarship .file-button,
    #scholarship .dsgvo-element,
    #light-form p.file-upload,
    #light-form .file-button,
    #light-form .dsgvo-element{
        padding-left: 30px;
    }
    #scholarship .dsgvo,
    #light-form .dsgvo{
        margin-top: 31px;
    }

    #light-form #citizenship-burger{
        right: 30px;
    }
}
@media (min-width: 1920px) {
    #scholarship .custom-checkbox.standAlone,
    #light-form .custom-checkbox.standAlone{
        margin-left: 66px;
    }
    #scholarship .driving-licence,
    #light-form .driving-licence{
        margin-left: 60px;
    }
    #scholarship .custom-checkbox.dsgvoCheckbox,
    #light-form .custom-checkbox.dsgvoCheckbox{
        margin-top: 66px;
    }
    #scholarship p.file-upload,
    #scholarship .file-button,
    #scholarship .dsgvo-element,
    #light-form p.file-upload,
    #light-form .file-button,
    #light-form .dsgvo-element{
        padding-left: 45px;
    }

    #light-form #citizenship-burger{
        right: 60px;
    }
}
/*---social-wall---*/
#social-wall{
    margin-top: 102px;
}
@media (min-width: 834px) {
    #social-wall{
        margin-top: 112px;
    }
}
@media (min-width: 1280px) {
    #social-wall{
        margin-top: 142px;
    }
}
@media (min-width: 1920px) {
    #social-wall{
        margin-top: 162px;
    }
}

/*---social-wall---*/
#app-intro h2{
    padding-top: 24px;
}
@media (min-width: 834px) {
    #app-intro h2{
        padding-top: 43px;
    }
}
@media (min-width: 1280px) {
    #app-intro h2{
        padding-top: 0;
    }
    #app-intro > div{
        padding-left: 190px !important;
    }
}
@media (min-width: 1920px) {
    #app-intro h2{
        padding-top: 0;
    }
    #app-intro > div{
        padding-left: 278px !important;
    }
}

/*---pop-up---*/
#pop-up {
    z-index: 10;
    margin-top: 62px;
    position: fixed;
    height: 500px;
    height: calc(100vh - 62px);
    width: 100vw;
    background: #FA4616;
    top:0;
    left: 0;
    display: none;
}
#pop-up .container-element{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
#pop-up h1{
    font-family: OpenSans-Bold;
    font-size: 35px;
    line-height: 40px;
    margin: 0 !important;
}
#pop-up h1 span{
   color: #3f4047;
}
#pop-up p{
    font-family: 'OpenSans-Light';
    font-size: 15px;
    line-height: 25px;
    margin-top: 15px;
    margin-bottom: 0;
}
#pop-up a{
    margin-top: 35px;
    min-width: 153px;
}
#pop-up .text{
    max-width: 302px;
}
@media (min-width: 834px) {
    #pop-up h1 {
        font-size: 45px;
        line-height: 55px;
        margin: 0 !important;
    }
    #pop-up p{
        font-size: 18px!important;
        line-height: 28px!important;
        margin-top: 30px;
    }
    #pop-up .text{
        max-width: 100%;
    }
}
@media (min-width: 1920px) {
    #pop-up a{
        margin-top: 70px;
        min-width: 173px;
    }
   /* #pop-up p{
        font-size: 25px;
        line-height: 58px;
    }*/
}

/*--- boomerang ---*/
#boomerang img{
    max-height: 400px;
}
@media (min-width: 1280px) {
    #boomerang img{
        max-height: 100%;
    }
    #boomerang > div{
        padding-left: 190px !important;
    }
}
@media (min-width: 1920px) {
    #boomerang > div{
        padding-left: 278px !important;
    }
}

/* --- rest --- */
#conditions, #data-protection, #imprint, #video, #update {
    margin-top: 62px;
    position: relative;
    min-height: 500px;
    min-height: calc(100vh - 62px);
}
#video{
    background-color:rgb(235, 236, 234)
}
#conditions .container-element,
#data-protection .container-element,
#video .container-element {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
#video .custom-height{
    max-height: 60vh;
}
#video p{
    font-size: 15px;
    line-height: 25px;
}
@media (min-width: 834px) {
    #video p{
        font-size: 25px;
        line-height: 29px;
    }
}
@media (min-width: 1920px) {
    #imprint .container-element {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
}
#ccm__footer__consent-modal-submit{
    background: #75767b !important;
}

/* ---connexys--- */
#connexys {
    margin-top: 62px;
}
#agreeDSGVO-error {
    margin-right: 30px;
}

/* ---radio buttons--- */
/* Override Bootstrap's custom radio button styles */
.custom-radio-bs .form-check-input {
    display: none;
}

.custom-radio-bs .form-check-label::before {
    content: "";
    position: absolute;
    left: 30%;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    border: 2px solid gray;
    border-radius: 50%;
    transition: border-color 0.3s;
}

.custom-radio-bs .form-check-label::after {
    content: "";
    position: absolute;
    left: calc(30% + 4px);
    top: 50%;
    transform: translateY(-50%);
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #FA4616;
    opacity: 0;
    transition: opacity 0.3s;
}

.custom-radio-bs .form-check-input:checked + .form-check-label::after {
    opacity: 1;
}