/* == ADECCO BE CSS == */
img {
    max-width: 100%;
}

dt {
    font-weight: bold;
}

dd {
    margin-left: 15px;
}



/* == Title sizes == */

@media (min-width: 768px) {

    figure.effect-sadie .figure__title {
        font-size: 40px;
        line-height: 50px;
    }
}


/* document state */

.scrolling {
    pointer-events: none !important;
}



/* Added bugfix to center block to make sure that it also centers a block on which a number of columns is defined; */

.center-block {
    float: none;
}

.circle {
    border-radius: 50%;
    display: block;
    width: 110px;
    height: 110px;
    background-color: transparent;
    margin: 0 auto;
    overflow: hidden;
}


/* Bugfix client slider */

figure.effect-sadie {
    text-align: center;
    width: auto !important
}

.owl-theme .owl-item img {
    /*width: auto;*/
    display: inline-block;
}

.jongeren .carousel figure {
    margin: 0 !important;
}


/* CSS fade in effect */

.fade-loading {
    opacity: 0;
    -webkit-transition: opacity .5s ease-in;
    transition: opacity .5s ease-in;
}

.ready .fade-loading {
    opacity: 1;
}

.fadein {
    -webkit-animation: fadein 2.5s;
    /* Safari and Chrome */
    -moz-animation: fadein 2.5s;
    /* Firefox */
    -ms-animation: fadein 2.5s;
    /* Internet Explorer */
    -o-animation: fadein 2.5s;
    /* Opera */
    animation: fadein 2.5s;
}

.fadeout {
    -webkit-animation: fadeout 2.5s;
    /* Safari and Chrome */
    -moz-animation: fadeout 2.5s;
    /* Firefox */
    -ms-animation: fadeout 2.5s;
    /* Internet Explorer */
    -o-animation: fadeout 2.5s;
    /* Opera */
    animation: fadeout 2.5s;
}

@-moz-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-o-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-moz-keyframes fadeout {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@-webkit-keyframes fadeout {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@-o-keyframes fadeout {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes fadeout {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}


/* tags */

.tag {
    display: inline-block;
    padding: 0.25em 0.4em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
}

.tag:empty {
    display: none;
}

.btn .tag {
    position: relative;
    top: -1px;
}

a.tag:focus,
a.tag:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}

.tag-pill {
    padding-right: 0.6em;
    padding-left: 0.6em;
    border-radius: 10rem;
}

.tag-default {
    background-color: #818a91;
}

.tag-default[href]:focus,
.tag-default[href]:hover {
    background-color: #687077;
}

.tag-primary {
    background-color: #0275d8;
}

.tag-primary[href]:focus,
.tag-primary[href]:hover {
    background-color: #025aa5;
}

.tag-success {
    background-color: #5cb85c;
}

.tag-success[href]:focus,
.tag-success[href]:hover {
    background-color: #449d44;
}

.tag-info {
    background-color: #5bc0de;
}

.tag-info[href]:focus,
.tag-info[href]:hover {
    background-color: #31b0d5;
}

.tag-warning {
    background-color: #f0ad4e;
}

.tag-warning[href]:focus,
.tag-warning[href]:hover {
    background-color: #ec971f;
}

.tag-danger {
    background-color: #d9534f;
}

.tag-danger[href]:focus,
.tag-danger[href]:hover {
    background-color: #c9302c;
}


/* button corrections */

.btn {
    -webkit-transition: all .2s;
    transition: all .2s;
}

.btn>span {
    display: inline-block;
    height: auto;
    border-radius: 0;
    background-color: transparent;
    margin: 0;
    width: auto;
}

.btn span+.fa,
.btn span+.icon {
    color: #fff;
    opacity: 1;
    padding-left: 1rem;
}

.btn span+.fa:hover,
.btn span+.icon:hover {
    color: #fff;
}

.btn-group-sm>.btn,
.btn-sm {
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: .2rem;
}

.btn-group-lg>.btn,
.btn-lg {
    padding: .75rem 1.5rem;
    font-size: 1.25rem;
    border-radius: .3rem;
}

.find-branch .btn:hover em {
    color: #fff;
}


/* Responsive buttons */

@media(max-width: 576px) {
    .btn:not(.btn-mini):not(#languageSelector) {
        width: 100%;
    }

    .btn:not(.btn-mini):not(#languageSelector)>*:first-child {
        width: calc(100% - 30px);
        float: left;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .btn:not(.btn-mini):not(#languageSelector)>*:last-child {
        float: right;
        width: 30px;
        line-height: 29px;
    }
}


/* maron theme */

.maron-theme h3,
.maron-theme .icon,
.maron-theme .fa {
    color: #6f1931;
}

.btn.btn--maron,
.btn.btn--maron:visited {
    background-color: #6f1931;
    border-color: #6f1931;
    color: #fff;
}

.btn.btn--maron.active,
.btn.btn--maron:active,
.btn.btn--maron:focus,
.btn.btn--maron:hover,
.open>.btn.btn--maron.dropdown-toggle {
    color: #fff;
    background-color: #54001d;
    border-color: #54001d;
}

.circle.circle-maron {
    background: #d11947;
    color: #fff;
}


/* pink theme */

.btn.btn--pink,
.btn.btn--pink:visited {
    background-color: #D21847;
    border-color: #D21847;
    color: #fff;
}

.btn.btn--pink.active,
.btn.btn--pink:active,
.btn.btn--pink:focus,
.btn.btn--pink:hover,
.open>.btn.btn--pink.dropdown-toggle {
    background-color: #691b31;
    border-color: #691b31;
    color: #fff;
}


/* splum theme */

.btn.btn--splum,
.btn.btn--splum:visited {
    background-color: #691b31;
    border-color: #691b31;
    color: #fff;
}

.btn.btn--splum.active,
.btn.btn--splum:active,
.btn.btn--splum:focus,
.btn.btn--splum:hover,
.open>.btn.btn--splum.dropdown-toggle {
    color: #fff;
    background-color: #D11947;
    border-color: #D11947;
}


/* red theme */

.btn.btn--red,
.btn.btn--red:visited {
    box-sizing: border-box;
    color: #fff;
    background-color: #DA291C;
    -webkit-transition: all .2s;
    transition: all .2s;
    min-width: 80px;
    text-align: center;
    border: none;
}

.btn.btn--red.active,
.btn.btn--red:active,
.btn.btn--red:hover,
.btn.btn--red:focus,
.open>.btn.btn--red.dropdown-toggle {
    color: #fff;
    background-color: #c61017;
    border-color: #bd0f16;
}

/* white theme */

.btn.btn--white,
.btn.btn--white:visited {
    box-sizing: border-box;
    color: #DA291C;
    background-color: #fff;
    -webkit-transition: all .2s;
    transition: all .2s;
    min-width: 80px;
    text-align: center;
    border: none;
}

.btn.btn--white span+.fa,
.btn.btn--white span+.icon {
    color: #DA291C;
}

.btn.btn--white.active,
.btn.btn--white:active,
.btn.btn--white:hover,
.btn.btn--white:focus,
.open>.btn.btn--white.dropdown-toggle,
.btn.btn--white.active span+.fa,
.btn.btn--white.active span+.icon,
.btn.btn--white:active span+.fa,
.btn.btn--white:active span+.icon,
.btn.btn--white:hover span+.fa,
.btn.btn--white:hover span+.icon {
    color: #c61017;
    background-color: #fff;
    border-color: #FFF;
}

/* btn yellow */
.btn.btn--yellow,
.btn.btn--yellow:visited {
    box-sizing: border-box;
    color: #FFFFFF;
    background-color: #f2a900;
    -webkit-transition: all .2s;
    transition: all .2s;
    min-width: 80px;
    text-align: center;
    border: none;
}

.btn.btn--yellow span+.fa,
.btn.btn--yellow span+.icon {
    color: #FFFFFF;
}

.btn.btn--yellow.active,
.btn.btn--yellow:active,
.btn.btn--yellow:hover,
.btn.btn--yellow:focus,
.open>.btn.btn--yellow.dropdown-toggle,
.btn.btn--yellow.active span+.fa,
.btn.btn--yellow.active span+.icon,
.btn.btn--yellow:active span+.fa,
.btn.btn--yellow:active span+.icon,
.btn.btn--yellow:hover span+.fa,
.btn.btn--yellow:hover span+.icon {
    color: #FFFFFF;
    background-color: #f2a900;
    border-color: #f2a900;
}

/* btn outline white */

.btn.btn-outline.btn--white {
    background-color: transparent;
    border: solid 1px #fff;
    position: relative;
}

.btn.btn-outline.btn--white span {
    color: #fff;
    transition: color .2s;
}

.btn.btn-outline.btn--white .icon {
    font-size: 45px;
    position: relative;
}

.btn.btn-outline.btn--white .icon:before {
    position: absolute;
    top: -20px;
    right: -55px;
}

.btn.btn-outline.btn--white:hover,
.btn.btn-outline.btn--white:active,
.btn.btn-outline.btn--white:focus {
    background-color: #fff;
    color: #DA291C;
}

.btn.btn-outline.btn--white:hover span,
.btn.btn-outline.btn--white:active span,
.btn.btn-outline.btn--white:focus span {
    color: #DA291C;
}

.btn.btn-outline.btn--white span+.fa,
.btn.btn-outline.btn--white span+.icon {
    color: #fff;
    background-color: transparent;
}

/* btn outline red */

.btn.btn-outline.btn--red {
    background-color: transparent;
    border: solid 1px #DA291C;
    position: relative;
}

.btn.btn-outline.btn--red span {
    color: #DA291C;
    transition: color .2s;
}

.btn.btn-outline.btn--red .icon {
    font-size: 45px;
    position: relative;
}

.btn.btn-outline.btn--red .icon:before {
    position: absolute;
    top: -20px;
    right: -55px;
}

.btn.btn-outline.btn--red:hover,
.btn.btn-outline.btn--red:active,
.btn.btn-outline.btn--red:focus {
    background-color: #DA291C;
    color: #fff;
}

.btn.btn-outline.btn--red:hover span,
.btn.btn-outline.btn--red:active span,
.btn.btn-outline.btn--red:focus span {
    color: #fff;
}

.btn.btn-outline.btn--red span+.fa,
.btn.btn-outline.btn--red span+.icon {
    color: #DA291C;
    background-color: transparent;
}

/* tab-content */

.tab-links .tab-content li .icon {
    display: inline-block;
    font-size: 2.5rem;
    height: 40px;
    margin-top: -1rem;
    position: relative;
    top: 1rem;
    width: 40px;
}

.tab-links .tab-content li .icon:first-child {
    color: #968c83;
    top: .55rem;
}

.tab-links .text-truncate {
    display: inline-block;
}

.tab-links .col-md-4 .text-truncate {
    max-width: 275px;
    max-width: calc(100% - 80px);
}

.tab-links .col-md-6 .text-truncate {
    max-width: 465px;
}


/* owl-carousel */

.carousel__container {
    position: relative;
    display: block;
    width: 100%;
    margin-bottom: 20px;
}

.owl-carousel {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    border: none;
    border-radius: 0;
    background: none
}

.owl-carousel:before {
    content: "\f021";
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 40px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    left: 50%;
    margin-left: -20px;
}

.owl-carousel img {
    visibility: hidden;
}

.owl-carousel.owl-loaded img {
    visibility: visible;
}

.owl-carousel.owl-loaded:before {
    content: none;
}

.owl-carousel .owl-controls {
    height: 0;
    margin: 0
}

.owl-carousel .owl-nav {
    position: absolute;
    top: calc(50% - 40px);
    display: block;
    width: 100%
}

.owl-carousel .owl-nav .owl-next .fa-chevron-left,
.owl-carousel .owl-nav .owl-next .fa-chevron-right,
.owl-carousel .owl-nav .owl-prev .fa-chevron-left,
.owl-carousel .owl-nav .owl-prev .fa-chevron-right {
    width: 60px;
    height: 60px;
    font-size: 60px;
    line-height: 60px;
    text-shadow: 4px 1px 10px #b39a99;
}

.owl-carousel .owl-nav .owl-prev {
    left: 0;
}

.owl-carousel .owl-nav .owl-prev .fa-chevron-left:before {
    content: '\f053'
}

.owl-carousel .owl-nav .owl-next {
    right: 0;
}

.owl-carousel .owl-nav .owl-next .fa-chevron-right:before {
    content: '\f054'
}

.owl-carousel .owl-stage-outer {
    width: 100%;
}

.owl-carousel .thumbnail {
    width: 100%;
}

.owl-carousel .thumbnail>a {
    display: block;
    width: 100%;
    line-height: 1
}

@media(min-width: 820px) {
    .owl-carousel .owl-nav .owl-prev {
        left: -4rem;
    }

    .owl-carousel .owl-nav .owl-next {
        right: -4rem;
    }
}

@media (min-width: 1200px) {
    .Home .carousel__container {
        width: 100%;
        margin: 20px auto;
    }
}

@media (max-width: 768px) {
    .owl-carousel .owl-nav .owl-prev {
        left: -20px;
    }

    .owl-carousel .owl-nav .owl-next {
        right: -20px;
    }

    .owl-carousel .owl-nav {
        display: none;
    }
}


/* Slick carousel */

.slick-list {
    margin-left: -15px;
    margin-right: -15px;
}

.row>.slick-slider.jobs-slider {
    margin-left: 15px;
    margin-right: 15px;
    width: auto;
}

.slick-prev:before {
    margin-left: -15px;
}

.nav-top-bar .primary-links a.employer:hover {
    opacity: 1;
}

.slick-prev {
    left: -15px;
}

.slick-next {
    right: -36px;
}

@media(max-width: 768px) {

    .slick-prev,
    .slick-next {
        display: none !important;
    }
}


/* language selector */

.language-selector {
    float: right;
    font-size: 14px;
    line-height: 16px;
    margin-left: 30px;
}

.dropdown-menu.lan-select-dropdown {
    left: auto;
    right: 0;
}

.dropdown-menu.lan-select-dropdown img {
    margin-right: 10px;
}

.language-selector .lan-select-dropdown a {
    margin-left: 0;
    opacity: 1;
}

.language-selector #languageSelector {
    margin: 0;
    line-height: 1.1;
    font-size: 14px;
}

.language-selector #languageSelector:hover {
    opacity: 1;
}

@media(max-width: 768px) {
    .language-selector {
        padding: 5px 10px;
        display: block;
        margin: 0;
    }

    .language-selector #languageSelector {
        opacity: .5;

    }

    .dropdown-menu.lan-select-dropdown {
        /* commented by:Preety -These two line are creating problem on ipad devices*/
        /* position: relative;*/
        /*  background-color: transparent;*/
        width: 100%;
        border: 0;
        box-shadow: none;
    }

    .language-selector .lan-select-dropdown a {
        padding-left: 0;
        padding-right: 0;
        padding-top: 7px;
        padding-bottom: 7px;
    }

    .nav-active .nav-container,
    .mobile-nav-open .nav-container,
    .mobile-nav-open .secondary-links {
        display: block;
        max-height: 930px;
        overflow: hidden;
    }

    .nav-container .secondary-links a+a,
    .nav-container .primary-links a+a {
        display: inline-block;
    }

    .nav-top-bar .primary-links a.employer {
        margin-right: 10px
    }

    .site-header .site-header-controls {
        width: auto;
    }
}

@media (max-width: 800px) {
    .nav-top-bar .secondary-links a {
        margin-left: 5px !important;
        top: auto;
    }
}

@media (min-width: 1025px) {
    .job-search-header.search-active {
        top: auto;
    }
}


/* search-overview */

.search-overview {
    color: #ffffff;
    font-size: 1.4rem;
    margin-right: 4.5rem;
}


/* home-search */

.home-search {
    margin: 0 auto;
}


/* home-actions */

.home-actions-inner>.icon {
    height: 70px;
}

.home-actions-inner .btn .icon {
    padding-left: 0;
}

.home-actions-inner .btn .fa {
    font-size: 20px;
    line-height: 1.4;
}

.home-actions-inner .btn em {
    right: 15px;
}

[class*="col-"].home-actions-inner {
    padding-left: 15px;
    padding-right: 15px;
}

@media (max-width: 543px) {

    .home-actions-inner p,
    .home-actions-inner .btn {
        font-size: 16px;
        line-height: normal;
    }
}


/* spotlights */

.spotlight-container:not(.spotlight_top-banner-container) .panel .container {
    padding-left: 0;
    padding-right: 0;
}

.container .spotlight-container {
    padding-left: 0;
    padding-right: 0;
}

.container .spotlight-container .panel {
    padding-left: 0;
    padding-right: 0;
}

.container .container {
    padding-left: 0;
    padding-right: 0;
}

.container .row .container:not(.footer__top):not(.footer-container) {
    width: auto !important;
}

.spotlight-container h2,
.spotlight-container h3 {
    margin-top: 0;
}

.list-unstyled,
.list-inline,
.spotlight-container .panel--body ul,
.share-icon-left ul {
    padding-left: 15px;
    list-style: disc;
}

@media (max-width: 992px) {
    .tab-links ul {
        padding: 0 15px;
    }
}

.tab-links ul,
.location-list ul,
ul.list-unstyled {
    list-style: none !important;
}

.spotlight_center-content .center-block {
    padding: 0 15px;
}

.spotlight_top-banner-container .panel {
    padding: 0;
}

@media (min-width: 1200px) {
    .spotlight_top-banner-container .panel {
        padding: 0;
        width: 100%;
        border: none;
        margin: 0 auto;
        background: none;
        box-shadow: none;
        border-radius: 0;
        min-height: auto;
        background-size: cover;
        /*overflow: hidden;*/
    }

    .spotlight_top-banner-container .panel--body {
        min-height: auto;
    }
}

#body_4_spotlightContainer {
    padding: 20px 0;
}

.contractvormen #body_4_spotlightContainer,
.experts #body_4_spotlightContainer {
    padding: 0;
}





/* Artikels */

.article__share .media-extra .chicklets:before,
.terms-of-use .media-extra .chicklets:before,
.predefine-jobs .media-extra .chicklets:before {
    margin-left: -15px;
    font-size: 80px;
}

.article__share .media-extra h4,
.terms-of-use .media-extra h4,
.predefine-jobs .media-extra h4 {
    line-height: 1.2;
}

.listing__results .listing__result--title,
.listing__results .listing__result--title a {
    font-size: 24px;
    font-weight: bold;
}

@media (min-width: 1200px) {

    dt,
    dd {
        font-size: 20px;
        line-height: 30px;
    }
}

/* Artikels listing */

.listing__results .listing__result--footer .listing__type i.custom-icon {
    margin-left: 5px;
    margin-top: 0;
    top: auto !important;
    left: -15px !important;
    float: left;
    position: relative;
    font-size: 35px;
}


/* banners */

.asjmi-banner-small {
    /*background-image: url('/~/media/adeccogroup/brands/adecco-global-2016/belgium/media/_topbanners/banner-bg-test.jpg');*/
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    margin: 3vh auto 0 auto;
    min-height: 10vh;
    position: relative;
    width: 100%;
}

.asjmi-banner-small h2 {
    color: #fff;
    padding: 1vh 0;
}

.asjmi-banner h1 {
    color: #fff;
    padding: 3vh 0;
    float: left;
}

.asjmi-content {
    font-size: 1.1875rem;
    line-height: 1.5625rem;
    padding: 3vh 0 3vh 0;
}

.asjmi-content p {
    font-size: 1.1875rem;
    line-height: 1.5625rem;
    padding: 0 0 2rem 0;
}

.asjmi-content ul {
    font-size: 1.1875rem;
    list-style: none;
    list-style-type: none;
    text-align: left;
}

.asjmi-content ul li:before {
    display: inline-block;
    content: "l";
    -webkit-font-smoothing: antialiased;
    color: rgb(210, 24, 71);
    speak: none;
    vertical-align: bottom;
    font-size: 2.5rem;
    line-height: 0.4rem;
    font-family: adecco-font-1;
    font-style: normal;
    font-weight: 900;
    text-transform: none;
    font-variant: normal normal;
}

.asjmi-content ul li {
    text-align: left;
    /*padding: 0 1rem 1rem 0;*/
    min-height: 5rem;
    text-indent: -1em;
}

.asjmi-content,
.asjmi-content p {
    text-align: left;
}


/* about us - card block */

.aboutus-content .card,
.card {
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 6px;
    background: #fff;
    margin-bottom: 30px;
    text-align: center;
}

.aboutus-content .card .card-block,
.card-block {
    padding: 0 0.5vw 2vh 0.5vw;
    text-align: center;
}

.aboutus-content .card-text {
    text-align: center;
}

@media(max-width: 768px) {

    .aboutus-content .card,
    .card {
        margin-bottom: 20px;
    }
}


/* about us - simple cards */

.simple-card {
    background-color: #fff;
    border: 1px solid #dad9d9;
    border-radius: .3em;
    display: inline-block;
    padding: 2rem 0 0 0;
    margin: 0 0 3rem 0;
    min-height: 10rem;
    text-align: center;
    width: 100%;
    /*height: 122px; margin-right: 20px;*/
}

.simple-card .stat {
    color: #ed1c24;
    font-size: 1.6875rem;
    font-weight: bold;
    line-height: 1.6875rem;
    margin-bottom: 1rem;
    padding: 0;
    text-align: center;
}

.simple-card .description {
    /*color: #4f4e4e;*/
    padding: 0;
    text-align: center;
}


/* about us - commitment */

.about-us-content {
    padding: 3vh 0 3vh 0;
}


/* card theme maroon */

.card.theme-crimson {
    border-color: #c8c7c7;
    background-color: #d11947;
    overflow: hidden;
    border-radius: 6px;
    position: relative;
}

.card.theme-crimson img {
    display: block;
    width: 100%;
}

.card.theme-crimson p {
    color: #231f20;
}

.card.theme-crimson .article {
    display: block;
    width: 100%;
    height: 100%;
    background-color: #fff;
}

.card.theme-crimson .tag {
    position: absolute;
    left: 1rem;
    top: 1rem;
}

.card.theme-crimson .date {
    padding: 1rem 1rem 0;
    font-size: 14px;
    color: #c8c7c7;
}

.card.theme-crimson footer {
    color: #DA291C;
    border-top: 1px solid #c8c7c7;
    transition: color 10ms linear .15s;
    animation: .3s linear 0s normal forwards 1 running Ab;
    background: #fff;
    background-size: 140% 500%;
    -ms-background-color: #fff;
}

.card.theme-crimson footer span {
    position: relative;
    line-height: 2;
    font-weight: 700;
}

.card.theme-crimson footer .fa,
.card.theme-crimson footer .icon {
    font-size: 20px;
    line-height: 1.3;
    float: right;
    display: inline-block;
    top: 8px;
}

.card.theme-crimson footer .icon {
    font-size: 45px;
    line-height: 1;
    right: -10px;
}

.card.theme-crimson a:hover footer {
    color: #fff;
    animation: .4s linear 0s normal forwards 1 running zb;
    background: #fff radial-gradient(ellipse farthest-corner at center center, #d11947 0, #d11947 65%, #fff 67%, #fff 100%) no-repeat 50%;
    background-size: 140% 500%;
    -ms-background-color: #DA291C;
}

.card.theme-crimson a span {
    transition: color 0.2s;
}

.card.theme-crimson a:hover span {
    color: #fff;
}





/* cookie policy */

#cookieChoiceInfo {
    padding: 5px 14px !important;
    background-color: #DA291C !important;
}

#cookieChoiceInfo a:link,
#cookieChoiceInfo a:visited {
    color: #fff;
    cursor: pointer;
    text-decoration: underline;
}

#cookieChoiceInfo a:hover,
#cookieChoiceInfo a:active,
#cookieChoiceInfo a:focus {
    color: #d3d3d3 !important;
}


/* Testimonial */

.testimonial {
    height: auto;
}

.testimonial .btn {
    background-image: none;
}

.testimonial .btn .icon {
    font-size: 45px;
    position: relative;
}

.testimonial .btn .icon:before {
    position: absolute;
    top: -20px;
    right: -55px;
}


/* Employer top spotlight banner */

.Employer-top-banner {
    padding-left: 0;
    height: auto;
}

.Employer-top-banner h1 {
    padding: 0;
    margin: 0;
}

.Employer-top-banner .btn {
    background-image: none;
}

.Employer-top-banner .btn .icon {
    font-size: 45px;
    position: relative;
}

.Employer-top-banner .btn .icon:before {
    position: absolute;
    top: -20px;
    right: -55px;
}

@media(max-width: 576px) {
    .Employer-top-banner .btn {
        display: inline-block;
    }

    .btn.btn-outline.btn--white .icon:before {
        top: auto;
        right: auto;
    }
}

@media(max-width: 786px) {
    .spotlight-container img {
        max-width: 100%;
        width: auto;
    }

    .spotlight-container .btn {
        max-width: 100%;
        text-align: left;
        white-space: normal;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .better-partner p {
        margin: 0 0 20px;
    }
}

@media (max-width: 992px) {
    .spotlight_top-banner-container .spotlight_top-banner {
        min-height: 0;
    }
}

@media (max-width: 1200px) {
    .spotlight_top-banner-container .spotlight_top-banner {
        min-height: initial;
    }
}

.spotlight_top-banner-container .spotlight_top-banner {
    min-height: initial;
}


/* grid corrections */


@-webkit-keyframes navRevealSmall {
    0% {
        display: none;
        max-height: 0;
        overflow: hidden
    }

    1% {
        display: block;
        max-height: 0;
        overflow: hidden
    }

    100% {
        display: block;
        max-height: 940px;
        overflow: hidden
    }
}

@keyframes navRevealSmall {
    0% {
        display: none;
        max-height: 0;
        overflow: hidden
    }

    1% {
        display: block;
        max-height: 0;
        overflow: hidden
    }

    100% {
        display: block;
        max-height: 940px;
        overflow: hidden
    }
}


/* Navigation */

@media (max-width: 767px) {
    .nav-container {
        top: 54px;
        box-shadow: 0px 10px 17px -4px rgba(0, 0, 0, 0.35);
    }

    .nav-container a {
        display: inline-block;
    }

    .site-header .site-header-controls {
        width: 100%;
    }

    .site-header .brand-logo {
        width: 100%;
    }

    .site-header .nav-container .job-search-horizontal {
        display: block;
    }
}


/* Home tabs */

.home-tabs li a {
    transition: color .2s;
}

.home-tabs li a:hover {
    color: #DA291C;
}

.tab-links .tab-pane .btn--red-on-white:hover {
    border-width: 1px;
}


/* 3 col content - benefits - corrections */

.benefits span .glyphicon,
.benefits span .icon,
.benefits span .fa,
.benefits span [class*="icon-adecco"] {
    position: absolute;
    /*   bottom: 0;
    right: 0;
    left: 0;*/
    font-size: 88px;
    color: #fff;
}

.benefits span .glyphicon {
    top: 22px;
    font-size: 100px;
}

.benefits span .icon {
    top: 29px;
    font-size: 80px;
}

.benefits span .fa {
    font-size: 58px;
    top: 28px;
}

.benefits span [class*="icon-adecco"] {
    top: 28px;
    font-size: 50px;
}

.benefits .circle {
    margin-bottom: 8px;
}

@media (max-width: 991px) {

    .benefits span i,
    .benefits span i.icon {
        line-height: 2.0825rem;
        color: #fff;
        left: 0;
        position: absolute;
        top: .7rem;
        width: inherit;
    }

    .benefits span i,
    .benefits span i.icon {
        /*font-size:2.0825rem;*/
    }

    .benefits span .fa {
        font-size: 40px;
        top: 10px;
    }

    .benefits span .icon {
        top: 12px;
        font-size: 50px;
    }

    .benefits span .glyphicon {
        top: 2px;
        font-size: 80px;
    }

    .benefits span [class*="icon-adecco"] {
        top: 12px;
        font-size: 30px;
    }
}


/* WFFM Forms */

div.scfForm {
    position: relative;
    padding: 4rem 0 7rem;
    margin: 0 0 2rem 0;
    font-family: houschka_headmedium, Helvetica, Arial, sans-serif;
}

.scfForm::before {
    content: '';
    display: block;
    position: absolute;
    left: -223%;
    right: -223%;
    top: 0;
    bottom: 0;
    background-color: #efefef;
    z-index: -1;
}

.scfForm h1 {
    color: #DA291C;
    font-family: houschka_headdemibold, Helvetica, Arial, sans-serif;
    margin: 0 0 20px 0;
    font-size: 35px;
}

@media(min-width: 768px) {
    .scfForm .halfSection {
        width: 50%;
        display: inline-block;
    }

    .scfForm .halfSection+.halfSection {
        padding-left: 20px;
    }

    .halfSection label {
        margin-bottom: 1px;
    }

    .halfSection+.scfDropListBorder,
    .halfSection+.scfEmailBorder,
    .halfSection+.scfMultipleLineTextBorder,
    .halfSection+.scfSingleLineTextBorder,
    .halfSection+.scfPasswordBorder,
    .halfSection+.scfNumberBorder,
    .halfSection+.scfDatePickerBorder,
    .halfSection+.scfDateBorder,
    .halfSection+.scfRadioButtonListBorder,
    .halfSection+.scfListBoxBorder,
    .halfSection+.scfCheckBoxListBorder,
    .halfSection+.scfFileUploadBorder,
    .halfSection+.scfDateSelectorBorder,
    .halfSection+.scfCreditCardBorder,
    .halfSection+.scfConfirmPasswordBorder,
    .halfSection+.scfCaptchaBorder,
    .halfSection+.scfTelephoneBorder,
    .halfSection+.scfSmsTelephoneBorder {
        margin-top: 1px;
    }
}

.scfForm .scfSectionBorderAsFieldSet {
    border-top: 0;
    margin: 0;
    padding: 0;
}

.scfForm input:not([type="submit"]),
.scfForm textarea {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.scfEmailBorder:before,
.scfEmailBorder:after,
.scfSingleLineTextBorder:before,
.scfSingleLineTextBorder:after,
.halfSection:before,
.halfSection:after,
.scfMultipleLineTextBorder:before,
.scfMultipleLineTextBorder:after {
    display: table;
    content: " ";
}

.scfEmailBorder:after,
.scfSingleLineTextBorder:after,
.halfSection:after,
.scfMultipleLineTextBorder:after {
    clear: both;
}

label.scfDropListLabel,
label.scfEmailLabel,
label.scfMultipleLineTextLabel,
label.scfSingleLineTextLabel,
label.scfPasswordLabel,
label.scfNumberLabel,
label.scfDatePickerLabel,
label.scfDateLabel,
label.scfRadioButtonListLabel,
label.scfCheckBoxListLabel,
label.scfListBoxLabel,
label.scfFileUploadLabel,
label.scfDateSelectorLabel,
label.scfCreditCardLabel,
label.scfConfirmPasswordLabel,
label.scfCaptchaLabel,
label.scfTelephoneLabel,
label.scfSmsTelephoneLabel {
    width: 130px;
    font-weight: normal;
    font-size: 18px;
}

div.scfEmailGeneralPanel,
div.scfMultipleLineGeneralPanel,
div.scfSingleLineGeneralPanel,
div.scfPasswordGeneralPanel,
div.scfNumberGeneralPanel,
div.scfDatePickerGeneralPanel,
div.scfDateGeneralPanel,
div.scfRadioButtonListGeneralPanel,
div.scfCheckBoxListGeneralPanel,
div.scfFileUploadGeneralPanel,
div.scfDateSelectorGeneralPanel,
div.scfCreditCardGeneralPanel,
div.scfConfirmPasswordGeneralPanel,
div.scfCaptchaGeneralPanel,
div.scfTelephoneGeneralPanel,
div.scfSmsTelephoneGeneralPanel {
    width: calc(100% - 130px);
}

div.scfMultipleLineGeneralPanel textarea {
    height: 180px;
}

.scfSubmitButtonBorder {
    float: right;
    margin: 1rem 0;
    background-color: #DA291C;
    border-radius: 6px;
    font-size: 18px;
    line-height: 30px;
    padding: 0;
    color: #fff;
    font-weight: 600;
    position: relative;
}

.scfSubmitButtonBorder input[type="submit"] {
    -webkit-appearance: none;
    outline: 0;
    box-shadow: none;
    background: transparent;
    border: 0;
    padding: 8px 35px 8px 20px;
}

.scfSubmitButtonBorder::after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f054";
    position: absolute;
    right: 10px;
    top: 13px;
    pointer-events: none;
}

.scfSubmitButtonBorder:hover,
.scfSubmitButtonBorder:focus,
.scfSubmitButtonBorder:active {
    background-color: #c61017;
}

@media(max-width: 767px) {
    div.scfForm {
        padding: 4rem 0;
    }

    .scfForm .halfSection {
        margin: 5px 0;
    }

    label.scfDropListLabel,
    label.scfEmailLabel,
    label.scfMultipleLineTextLabel,
    label.scfSingleLineTextLabel,
    label.scfPasswordLabel,
    label.scfNumberLabel,
    label.scfDatePickerLabel,
    label.scfDateLabel,
    label.scfRadioButtonListLabel,
    label.scfCheckBoxListLabel,
    label.scfListBoxLabel,
    label.scfFileUploadLabel,
    label.scfDateSelectorLabel,
    label.scfCreditCardLabel,
    label.scfConfirmPasswordLabel,
    label.scfCaptchaLabel,
    label.scfTelephoneLabel,
    label.scfSmsTelephoneLabel {
        width: 100%;
    }

    div.scfEmailGeneralPanel,
    div.scfMultipleLineGeneralPanel,
    div.scfSingleLineGeneralPanel,
    div.scfPasswordGeneralPanel,
    div.scfNumberGeneralPanel,
    div.scfDatePickerGeneralPanel,
    div.scfDateGeneralPanel,
    div.scfRadioButtonListGeneralPanel,
    div.scfCheckBoxListGeneralPanel,
    div.scfFileUploadGeneralPanel,
    div.scfDateSelectorGeneralPanel,
    div.scfCreditCardGeneralPanel,
    div.scfConfirmPasswordGeneralPanel,
    div.scfCaptchaGeneralPanel,
    div.scfTelephoneGeneralPanel,
    div.scfSmsTelephoneGeneralPanel {
        width: 100%
    }

    ;

    .scfSubmitButtonBorder {
        float: none;
    }

    .scfSubmitButtonBorder input[type="submit"] {
        width: 100%;
    }

    div.scfMultipleLineGeneralPanel textarea {
        height: 100px;
    }
}


/* Job detail page app-bar; */

.app-bar__back--link {
    line-height: 50px;
}

.app-bar__back--icon {
    line-height: 50px;
    text-align: center;
}

#sticky-banner {
    padding: 20px 12px 15px;
    box-shadow: 0 0 10px 1px #c8c7c7;
    border-top: 4px solid #DA291C;
}


/* Job detail page description alignment fix */

.job--description .job--task-specifics {
    font-size: 1.25rem;
    line-height: 1.75rem;
    padding-left: 30px;
    float: right;
}

.job--description .media-extra h4 {
    line-height: 1.2;
}

.job--description p {
    font-size: 1.25rem;
    line-height: 1.75rem;
}


/* Job detail page main specs */

@media(max-width: 768px) {
    .job-detail-list.list-unstyled.text-muted {
        padding-left: 0;
    }

    .job-full .list-unstyled.text-muted li {
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
    }

    .job-full .list-unstyled.text-muted .media-body {
        font-size: 19px;
    }
}


/* Job detail reference number clearfix */

.reference-number:before,
.reference-number:after {
    display: table;
    content: " ";
}

.reference-number:after {
    clear: both;
}

.col-content {
    padding-left: 15px;
    padding-right: 15px;
}

@media (max-width: 767px) {
    .job-full {
        padding: 0;
    }
}

.job--description {
    padding: 0;
}

.job-full .panel-body {
    padding: 0;
}

.job-details .job-full .panel-default {
    background: transparent;
}

.box-footer {
    padding: 0;
}

.job-details {
    padding-left: 0;
}

.job-full h1 {
    padding-left: 0;
}

@media (max-width: 767px) {
    .job-full h1 {
        width: 100%;
        padding-left: 0;
        word-wrap: break-word;
    }
}

@media (max-width: 768px) {
    .container.first-row .job-search-horizontal.job-search-container {
        display: none !important;
    }
}

.job-details a.bottom-spacing {
    margin-left: 0;
}

.container.first-row .job-search-horizontal.job-search-container {
    background-color: #b10900;
    padding: 2rem 0;
}

.container.first-row .job-search-horizontal.job-search-container:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: -2000px;
    right: -2000px;
    background-color: #b10900;
    z-index: -1;
}

.container.first-row .col-md-12 .col-xs-12 .job-search-horizontal.job-search-container {
    margin-left: -15px;
    margin-right: -15px;
}

.row.single-job {
    margin-left: 0;
    margin-right: 0;
}

#jobResponse>.row {
    margin-left: -15px;
    margin-right: -15px;
}

@media(max-width: 768px) {
    .btn:not(.btn-mini):not(#languageSelector) #lnkjobAlert {
        width: auto;
        font-size: 20px;
        line-height: 20px;
    }

    .btn:not(.btn-mini):not(#languageSelector) #lnkjobAlert2 {
        width: auto;
        font-size: 20px;
        line-height: 20px;
    }
}


/* Cursor pointer; */

a:not(href) {
    cursor: pointer;
}


/* Spotlight container dark_grey display none overrule */

@media (max-width: 768px) {

    .spotlight-container.dark_grey-container,
    .mobile-view {
        display: block;
    }
}


/* Responsive IFrame styling */

@media(max-width: 768px) {
    iframe {
        width: 100%;
        height: auto;
    }
}


/* Expert inner */

@media (max-width: 767px) {
    .expert-inner {
        width: auto;
    }
}

@media (max-width: 543px) {
    .expert-inner {
        width: auto;
    }
}


/* branch locator */

.locator__container {
    background: transparent;
    margin: 20px 0;
    padding: 0px;
    border-radius: 6px;
    border: 1px solid lightgrey;
}

.locator__container .branch__info {
    padding: 0;
    overflow: hidden;
}

.locator__container .branch__map {
    margin: 0;
    border-radius: 4px;
    overflow: hidden;
}

.locator__container .locator__distance {
    margin: 0;
}

.locator__container .locator__map {
    border-right: 1px solid lightgrey;
}

.locator__container .branch__info .col-md-4 {
    padding: 0 20px 0;
}

.locator__container .branch__info .col-md-4 .locator__aside .locator__aside--details .details__header .details__header--title {
    line-height: 1.6;
    float: left;
}

.locator__container .locator__aside--details .details__content,
.locator__container .locator__aside--details .details__actions {
    padding: 15px 10px 0 10px;
}

.locator__container .locator__aside--details .details__actions .btn {
    margin-bottom: 20px;
}

.locator__aside--details .details__content .branch--label {
    float: left;
    padding-right: 10px;
}

.locator__aside--branch .branch__meta div {
    margin-bottom: 3px;
    float: left;
    margin-right: 10px;
}

@media (max-width: 767px) {
    #cloned #clone .list--item__action__info {
        width: 100%;
    }
}

@media (max-width:991px) {
    .locator__container .locator__map {
        border-right: none;
        border-bottom: 1px solid #d3d3d3;
        padding: 0 10px;
    }
}


/* employee nav */

.nav-top-bar .primary-links a.employer {
    border-radius: 3px 3px 0 0;
    opacity: 1;
    text-decoration: none;
    color: #ffffff;
    background-color: #576166;
    padding: 7px 12px 7px 12px;
    display: inline-block;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}


/*.nav-top-bar .primary-links a.employer:hover { color: #576166; background-color: #ffffff; }*/

.nav-top-bar .primary-links a.employer:hover,
.nav-top-bar .primary-links a.employer:active,
.nav-top-bar .primary-links a.employer:focus,
.employer .nav-top-bar .primary-links a.employer {
    color: #fff;
    background-color: #DA291C;
}

.employer .nav-top-bar .primary-links a.employer:hover,
.employer .nav-top-bar .primary-links a.employer:active,
.employer .nav-top-bar .primary-links a.employer:focus {
    color: #ffffff;
    background-color: #576166;
}

.row>.listing__navigation {
    padding: 15px;
}


/* ============= ADECCO ART CUSTOM PAGE ============= */

.adecco-art div.scfForm {
    background-image: url(http://www.adecco.be/~/media/b25b7e645a944db69947c5ddaaaf9e6c.ashx);
    background-position: center bottom;
    background-size: 100% auto;
}

.adecco-art .scfSectionContent,
.adecco-art .scfFooterBorder,
.adecco-art .scfSubmitButtonBorder {
    background: rgba(255, 255, 255, .5);
    padding: 20px;
    margin-top: 0px;
    border-radius: 0;
}

.scfSubmitButtonBorder {
    float: none;
    text-align: center;
}

.scfSubmitButtonBorder:after {
    display: none;
}


/* ============= Icomoon icon font ============= */

@font-face {
    font-family: icomoon;
    src: url("/~/media/adeccogroup/brands/adecco-global-2016/belgium/font/icomoon-eot.eot");
    src: url("/~/media/adeccogroup/brands/adecco-global-2016/belgium/font/icomoon-eot.eot") format("embedded-opentype"), url("/~/media/adeccogroup/brands/adecco-global-2016/belgium/font/icomoon-ttf.ttf") format("truetype"), url("/~/media/adeccogroup/brands/adecco-global-2016/belgium/font/icomoon-woff.woff") format("woff"), url("/~/media/adeccogroup/brands/adecco-global-2016/belgium/font/icomoon-svg.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

[class*=" icon-adecco-"]:before,
[class^=icon-adecco-]:before,
[class^="icon-adecco-"],
[class*=" icon-adecco-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon.icon-adecco-spray {
    font-size: 70px;
    top: 28px;
    height: 95px;
}

.icon-adecco-spray:before {
    content: "\e900";
}


/* ============= Icomoon icon font ============= */

/*Added By ABhishek Hpalm 27887 Hyper_call issue*/
.panel a:focus,
.panel a:hover {
    color: #c5191f;
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
}

.panel-body {
    padding: 15px
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.panel-heading>.dropdown .dropdown-toggle {
    color: inherit
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit
}

.panel-title>a {
    color: inherit
}

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel-group {
    margin-bottom: 20px
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px
}

.panel-group .panel+.panel {
    margin-top: 5px
}

.panel-group .panel-heading {
    border-bottom: 0
}

.panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: 1px solid #ddd
}

.panel-group .panel-footer {
    border-top: 0
}

.panel-group .panel-footer+.panel-collapse .panel-body {
    border-bottom: 1px solid #ddd
}

.panel-default {
    border-color: #ddd
}

.panel-default>.panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #ddd
}

.panel-default>.panel-heading .badge {
    color: #f5f5f5;
    background-color: #333
}

.panel-default>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #ddd
}


/*defect id: 29201*/
.manage-alerts .language {
    display: none;
}

.language {
    display: inline;
}

/*defect id: 29781*/
@media (max-width: 768px) {
    .branch__info .branch-locator .btn--red {
        margin-top: 15px;
    }

    .branch__search--location #nearestAutoSuggestOrGeolocationError {
        display: inline;
    }
}

/*defect id: 30032*/
.site-header-controls .wrap-navigation .nav>li>a {
    display: block;
}

.site-header .search-button {
    top: 3px;
}

/* defect id:30057 */
.jobs .job__info--meta--icon {
    color: #333;
    font-size: 25px;
}


/* CompanyMatch button styling */
.candidate-view .companymatch-widget {
    position: relative !important;
    width: initial !important;
    float: none !important;
    min-height: initial !important;
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif !important;
    font-size: 22px !important;
    font-style: normal !important;
    font-variant: normal !important;
    line-height: 60px !important;
    display: inline-block;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.25) !important;
    border: 0 !important;
    height: 60px !important;
    padding: 0 !important;
    box-shadow: inset 0px -4px 0px rgba(0, 0, 0, 0.15) !important;
    border-radius: 6px 6px 8px 8px !important;
    cursor: pointer !important;
    box-sizing: initial !important;
    background: #ed1c24 !important;
    filter: none !important;
    max-width: 100%;
    font-weight: normal !important;
}

.candidate-view .companymatch-widget:hover {
    background: #c61017 !important;
    filter: none !important;
}

.candidate-view .companymatch-new {
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif !important;
    color: #FFFFFF !important;
    padding-left: 70px;
    padding-right: 1em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.candidate-view .companymatch-icon {
    position: absolute !important;
    float: left !important;
    width: 28px !important;
    height: 28px !important;
    max-width: initial !important;
    min-width: initial !important;
    padding: 0 !important;
    padding: 16px 12px 16px 12px !important;
    border: 0 !important;
    background: none !important;
    background-color: rgba(0, 0, 0, 0.075) !important;
    box-shadow: 2px 0px 0px rgba(0, 0, 0, 0.15) !important;
    margin: 0 !important;
    margin-right: 1em !important;
    border-radius: 6px 50% 50% 8px !important;
    box-sizing: initial !important;
    display: block;
    top: 0;
    left: 0;
}

.candidate-view .match .companymatch-icon {
    display: none;
}

.candidate-view .companymatch-widget.match {
    margin-left: 10px !important;
}

.candidate-view .companymatch-percentage {
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif !important;
    position: absolute !important;
    color: #333333 !important;
    text-shadow: 0px 0px 0px #FFFFFF !important;
    height: 72px !important;
    width: 60px !important;
    top: -6px !important;
    left: -6px !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
    margin-left: -10px !important;
    margin-right: 0.5em !important;
    line-height: 72px !important;
    font-size: 17px !important;
    text-align: center !important;
    background-size: 100% !important;
    background-image: url(https://www.companymatch.me/site/pages/design/img/companymatch-match.png) !important;
    box-sizing: initial !important;
}

.candidate-view .companymatch-result {
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif !important;
    color: #FFFFFF !important;
    padding-left: 70px;
    padding-right: 1em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

ul.icon-list {
    list-style: none;
    /* Removes the default list markers. */
}

ul.icon-list li {
    line-height: 1.3;
    margin-bottom: 1.1rem;
    position: relative;
    /* To absolutly position the icons.*/
    margin-left: 1.5rem;
    /*To make some space for the icons.*/
}

ul.icon-list li:before {
    font-family: 'fontawesome';
    position: absolute;
    top: 0;
    left: -2rem;
    font-size: 1.5rem;
    color: red;
}

.card header h5 {
    margin: 0;
}

ul.icon-list li.check:before {
    content: '\f14a';
}

ul.icon-list li.map-marker:before {
    content: '\f041';
}

ul.icon-list li.envelope-o:before {
    content: '\f003';
}

ul.icon-list li.envelope:before {
    content: '\f0e0';
}

ul.icon-list li.phone:before {
    content: '\f098';
}

ul.icon-list li.rss:before {
    content: '\f143';
}

ul.icon-list li.pencil:before {
    content: '\f14b';
}


/*CHECKBOX STYLING*/
.scfForm input[type="checkbox"],
.scfForm input[type="radio"] {
    width: 34px;
    float: left;
    display: inline-block;
    clear: none;
}

div.scfCheckBoxListGeneralPanel {
    width: 100%;
}

div.scfCheckBoxListGeneralPanel label {
    display: block;
    margin-bottom: 5px;
    padding: 5px;
    font-weight: normal;
    float: left;
    clear: none;
    width: calc(100% - 34px);
    font-size: 14px;
}

.scfForm .scfSectionContent {
    overflow: hidden;
}

.scfForm .scfFooterBorder p,
.scfForm .scfFooterBorder p a {
    font-size: 14px;
    line-height: 16px;
    text-align: left;
}

/* Redesign components */
.cta-item {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    display: block;
    padding: 0 !important;
    background-color: #FFFFFF;
    -webkit-box-shadow: 0px 24px 48px -12px rgba(35, 31, 32, 0.3);
    -moz-box-shadow: 0px 24px 48px -12px rgba(35, 31, 32, 0.3);
    box-shadow: 0px 24px 48px -12px rgba(35, 31, 32, 0.3);
    transition: background-color 0.4s, color 0.4s, filter 0.4s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}

.cta-item:hover {
    background-color: #DA291C;
    color: #FFFFFF !important;
}

.cta-item:hover .cta-item-content h3,
.cta-item:hover .cta-item-content p {
    color: #FFFFFF !important;
}

.cta-item:hover .thumbnail img {
    -webkit-filter: invert(100) grayscale(100) brightness(100);
    filter: invert(100) grayscale(100) brightness(100);
}

.cta-item:hover .btn--red {
    background-color: #FFFFFF;
    color: #DA291C !important;
}

.cta-item:hover:before {
    content: ' ';
    background-position: 100% 120%;
    background-repeat: no-repeat;
    background-size: 150px auto;
    opacity: 0.4;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
}

.cta-item.specialisatie:hover:before {
    background-image: url(/~/media/adeccogroup/brands/adecco-global-2016/belgium/media/_icons/werkgevers/specialisaties-2-wit.png);
}

.cta-item.diensten:hover:before {
    background-image: url(/~/media/adeccogroup/brands/adecco-global-2016/belgium/media/_icons/werkgevers/diensten-wit.png);
}

.cta-item.contract:hover:before {
    background-image: url(/~/media/adeccogroup/brands/adecco-global-2016/belgium/media/_icons/werkgevers/contractvormen-wit.png);
}

.cta-item-container {
    position: relative;
    height: 100%;
    overflow: hidden;
}

.cta-item .cta-item-image {
    position: relative;
    display: block;
    width: 40%;
    height: 300px;
    float: right;
    -webkit-shape-outside: polygon(50% 0, 100% 0, 100% 100%, 0 100%);
    shape-outside: polygon(50% 0, 100% 0, 100% 100%, 0 100%);
    -webkit-clip-path: polygon(50% 0, 100% 0, 100% 100%, 0 100%);
    -webkit-shape-margin: 10px;
    overflow: hidden;
}

.cta-item .cta-item-image img {
    transition: transform .5s cubic-bezier(0, 0, 0, 1);
    height: 100%;
    width: auto;
    margin-left: -80%;
    max-width: none;
}

.cta-item:hover .cta-item-image img {
    display: block;
    transform: scale(1.2);
}

.cta-item .cta-item-content {
    padding: 20px;
}

.cta-item .cta-item-content h3 {
    font-size: 28px;
}

.cta-item .cta-item-content p {
    margin: 0;
    color: #231f20;
}

.cta-item-footer .fa.pull-right {
    margin-left: .3em;
    line-height: 1.5em;
}

.cta-item .cta-item-footer,
.cta-item-small .cta-item-footer,
.cta-item-smaller .cta-item-footer {
    display: block;
    padding: 5px 10px;
    color: #FFFFFF;
    background-color: #FFFFFF;
}

.cta-item .cta-item-link,
.cta-item-small .cta-item-link,
.cta-item-smaller .cta-item-link,
.cta-item .cta-item-link:hover,
.cta-item-small .cta-item-link:hover,
.cta-item-smaller .cta-item-link:hover {
    font-family: houschka_headmedium, Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: #FFF;
    width: 100%;
    display: block;
}

.cta-item-small .cta-item-footer,
.cta-item-smaller .cta-item-footer {
    border-top: 3px solid #FFF;
}

.cta-item .cta-item-footer.bg-yellow {
    background: #f2a900;
}

.cta-item .cta-item-footer.bg-red {
    background-color: #DA291C;
}

.cta-item .cta-item-footer.bg-orange {
    background-color: #E35205;
}

.cta-item-small .cta-item-footer.bg-yellow,
.cta-item-smaller .cta-item-footer.bg-yellow {
    border-color: #f2a900;
}

.cta-item-small .cta-item-footer.bg-red,
.cta-item-smaller .cta-item-footer.bg-red {
    border-color: #DA291C;
}

.cta-item-small .cta-item-footer.bg-orange,
.cta-item-smaller .cta-item-footer.bg-orange {
    border-color: #E35205;
}

.cta-item-small .cta-item-footer.bg-yellow .cta-item-link,
.cta-item-smaller .cta-item-footer.bg-yellow .cta-item-link {
    color: #f2a900;
}

.cta-item-small .cta-item-footer.bg-red .cta-item-link,
.cta-item-smaller .cta-item-footer.bg-red .cta-item-link {
    color: #DA291C;
}

.cta-item-small .cta-item-footer.bg-orange .cta-item-link,
.cta-item-smaller .cta-item-footer.bg-orange .cta-item-link {
    color: #E35205;
}

.cta-item-small,
.cta-item-smaller {
    position: relative;
    border-radius: 6px;
    border: 1px solid #c8c7c7;
    overflow: hidden;
    display: block;
    padding: 0 !important;
}

.cta-item-small .cta-item-container {
    position: relative;
    background-color: #000;
    overflow: hidden;
    float: left;
    color: #FFF;
    padding-top: 150px;
    width: 100%;
}

.cta-item-small .cta-item-image {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    bottom: 0;
    -webkit-transition: -webkit-transform .2s ease-in 0s;
    transition: transform .2s ease-in 0s;
    opacity: .8;
}

.cta-item-small .cta-item-image img {
    border: 0;
    display: block;
    width: 100%;
    transition: transform .5s cubic-bezier(0, 0, 0, 1);
}

.cta-item-small:hover .cta-item-image img {
    transform: scale(1.2);
}

.cta-item-small .cta-item-image:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.5;
}

.cta-item-small .cta-item-image.overlay-red:after {
    background-color: #DA291C;
}

.cta-item-small .cta-item-image.overlay-orange:after {
    background-color: #E35205;
}

.cta-item-small .cta-item-image.overlay-yellow:after {
    background-color: #F2A900;
}

.cta-item-small .cta-item-content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    bottom: 0;
}

.cta-item-small .cta-item-content h3 {
    position: absolute;
    width: 100%;
    top: 50%;
    margin: -5% 0 0 0;
    display: block;
    padding: 0;
    text-align: center;
    color: #FFFFFF;
    font-size: 28px;
}

.cta-item-smaller .cta-item-image {
    max-height: 100px;
    overflow: hidden;
}

.cta-item-smaller .cta-item-image img {
    margin-top: -25%;
}

.cta-item-smaller.major .cta-item-image img {
    margin-top: -30%;
}

.cta-item-smaller.minor .cta-item-image img {
    margin-top: -20%;
}

.cta-item-smaller.less .cta-item-image img {
    margin-top: -15%;
}

.cta-item-smaller .cta-item-content h3 {
    margin: 0;
    padding: 5px 10px;
    font-size: 28px;
}

.card .short-cm-icon {
    position: absolute;
    right: 5px;
    bottom: 45px;
}

.card .short-cm-icon .companymatch-widget.match {
    width: 60px !important;
    background: none !important;
    box-shadow: none !important;
}

.card .short-cm-icon .companymatch-widget.match .candidate-view .companymatch-result {
    display: none;
}

.square-job-category-list {
    text-align: center;
}

.square-job-category-list .square-job-category {
    position: relative;
    display: block;
    padding: 15px !important;
}

.square-job-category-list .square-job-category a {
    font-size: 16px;
    line-height: 20px;
    left: 0;
    top: 0;
    padding: 0px;
    transition: all .2s ease-in .1s;
    background: #FFFFFF;
    border-radius: 5px;
    word-break: break-word;
    border: 1px solid #DA291C;
}

.home-search .square-job-category-list .square-job-category a {
    color: #231f20;
    border: none;
}

.square-job-category-list .square-job-category:hover a {
    color: #FFFFFF;
    background: #DA291C;
}

.home-search .square-job-category-list .square-job-category:hover a {
    color: #FFFFFF;
    background: #f2a900;
}

.square-job-category-list .square-job-category img {
    max-width: 60%;
    transition: -webkit-filter .2s ease-in .1s, filter .2s ease-in .1s;
}

.home-search .square-job-category-list .square-job-category img {
    max-width: 60%;
}

.square-job-category-list .square-job-category:hover img {
    -webkit-filter: brightness(0.25);
    filter: brightness(10);
}

.home-search .square-job-category-list .square-job-category:hover img {
    -webkit-filter: invert(100%);
    filter: invert(100%);
}

.square-job-category-list .square-job-category:after {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.square-job-category-list .job-category-content {
    position: absolute;
    display: block;
    width: 98%;
    height: 98%;
}

/*==== SEVEN COLUMNS ====*/
@media (max-width: 992px) {

    .seven-cols .col-md-1:last-child,
    .seven-cols .col-sm-1:last-child,
    .seven-cols .col-lg-1:last-child {
        width: 100%;
        padding: 0 !important;
    }

    .seven-cols .col-md-1:last-child img,
    .seven-cols .col-sm-1:last-child img,
    .seven-cols .col-lg-1:last-child img {
        float: left;
        max-height: 50px;
        position: absolute;
        top: 0;
        left: 15px;
    }

    .seven-cols.square-job-category-list .square-job-category.col-md-1:last-child a,
    .seven-cols.square-job-category-list .square-job-category.col-sm-1:last-child a,
    .seven-cols.square-job-category-list .square-job-category.col-lg-1:last-child a {
        width: 99%;
        position: relative;
        padding: 15px;
    }

    .seven-cols.square-job-category-list .square-job-category.col-md-1:last-child:after,
    .seven-cols.square-job-category-list .square-job-category.col-sm-1:last-child:after,
    .seven-cols.square-job-category-list .square-job-category.col-lg-1:last-child:after {
        content: none;
        display: block;
        padding-bottom: 0;
    }
}

@media (min-width: 992px) {

    .seven-cols .col-md-1,
    .seven-cols .col-sm-1,
    .seven-cols .col-lg-1 {
        width: 14.285714285714285714285714285714%;
        *width: 14.285714285714285714285714285714%;
    }
}

/**
 *  The following is not really needed in this case
 *  Only to demonstrate the usage of @media for large screens
 */
@media (min-width: 1200px) {

    .seven-cols .col-md-1,
    .seven-cols .col-sm-1,
    .seven-cols .col-lg-1 {
        width: 14.285714285714285714285714285714%;
        *width: 14.285714285714285714285714285714%;
    }
}


/*====JOB RESULT PAGE=====*/
.job-results .container-content.one-column,
.job-results .container-content.one-column .panel {
    background-color: transparent
}

.job-results .dropdown-menu li a {
    font-size: 14px;
    line-height: 18px;
    padding: 0px 10px 0 5px;
}

.job-results .facets .dropdown ul.dropdown-menu {
    max-height: 255px;
    top: 90%;
}

.job-results .faceted-search ul {
    padding: 0 0 0 20px;
    padding-inline-start: 20px;
}

.job-results .dropdown-menu li {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 90%;
    padding-left: 0px !important;
}

.job-results .dropdown-submenu li {
    font-size: 14px;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 80%;
}

.job-results .dropdown-submenu li a {
    padding: 0;
}

.job-results .facets .dropdown li span.pull-right.text-muted,
.job-results .facets .dropdown li span.text-muted.client-logo {
    right: 5px;
}

/*===BRANCH CONTACT INFO===*/
.branch-contact-cards {
    display: none;
}

/*=== SCROLL CONTENT ===*/
#scrollContent a {
    display: block;
    padding-top: 40px;
    color: #FFF !important;
}

#scrollContent a:hover,
#scrollContent a:visited,
#scrollContent a:clicked {
    color: #FFF !important;
}

#scrollContent a span {
    position: absolute;
    top: 0;
    left: 50%;
    width: 24px;
    height: 24px;
    margin-left: -12px;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation: sdb07 2s infinite;
    animation: sdb07 2s infinite;
    opacity: 0;
    box-sizing: border-box;
}

#scrollContent a span:nth-of-type(1) {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

#scrollContent a span:nth-of-type(2) {
    top: 16px;
    -webkit-animation-delay: .15s;
    animation-delay: .15s;
}

#scrollContent a span:nth-of-type(3) {
    top: 32px;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
}

@-webkit-keyframes sdb07 {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes sdb07 {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

/* === SMALLER BANNER === */
.topbanner-content {
    overflow: hidden;
}

.ready .topbanner-content h1:before,
.ready .topbanner-content h1:after {
    content: ' ';
    display: block;
    width: 100px;
    height: 100px;
    position: absolute;
}

.ready .topbanner-content h1:before {
    background: url(/~/media/d910789ddf2949ae949841777940ba90.ashx) no-repeat center;
    background-size: auto 100%;
    animation: 1s ease-out 0s 1 slideInFromRight forwards;
}

.ready .topbanner-content h1:after {
    background: url(/~/media/3f8143d083b344fca399add7280b89a9.ashx) no-repeat center;
    background-size: auto 100%;
    animation: 1s ease-out 0s 1 slideInFromLeft forwards;
}

@keyframes slideInFromRight {
    0% {
        top: -150px;
        right: -150px;
    }

    100% {
        top: -50px;
        right: -75px;
    }
}

@keyframes slideInFromLeft {
    0% {
        bottom: -125px;
        left: -70px;
    }

    100% {
        bottom: -50px;
        left: 50px;
    }
}

/* == Textbox with image and numbers == */
.box-tekst-item span {
    float: left;
    position: relative;
    display: block;
    width: 50px;
    height: 50px;
    margin: 0 auto 8px;
    background: #d11947;
    border-radius: 100%;
    color: #fff;
    padding: 10px 20px;
}

.box-tekst-item p {
    padding-left: 60px
}

.box-tekst-item p.titel {
    padding-top: 10px;
    margin-bottom: 10px
}

.post-item {
    background-color: white
}

/*
 * Row with equal height columns
 * --------------------------------------------------
 */
@media (min-width: 768px) {
    .row.row-eq-height {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
}


/*
* Tips & advies + Vacatures work page css
*-------------------------------------------
*/
/* main-timeline */
.main-timeline {
    font-family: 'Roboto', sans-serif;
    padding: 20px 0;
    position: relative;
}

.main-timeline:before,
.main-timeline:after {
    content: '';
    height: 40px;
    width: 40px;
    background-color: #e7e7e7;
    border-radius: 50%;
    border: 10px solid #303334;
    transform: translateX(-50%);
    position: absolute;
    left: 50%;
    top: -15px;
    z-index: 2;
}

.main-timeline:after {
    top: auto;
    bottom: 15px;
}

.main-timeline .timeline {
    padding: 35px 0;
    margin-top: -30px;
    position: relative;
    z-index: 1;
}

.main-timeline .timeline:before,
.main-timeline .timeline:after {
    content: '';
    height: 100%;
    width: 50%;
    border-radius: 135px 0 0 135px;
    border: 15px solid #46B2BC;
    border-right: none;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.main-timeline .timeline:after {
    height: calc(100% - 30px);
    width: calc(50% - 12px);
    border-color: #65C7D0;
    left: 12px;
    top: 15px;
}

.main-timeline .timeline-content {
    display: inline-block;
}

.main-timeline .timeline-content:hover {
    text-decoration: none;
}

.main-timeline .timeline-year {
    color: #65C7D0;
    font-size: 50px;
    font-weight: 600;
    display: inline-block;
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    left: 10%;
}

.main-timeline .timeline-icon {
    color: #65C7D0;
    font-size: 80px;
    display: inline-block;
    transform: translateY(-50%);
    position: absolute;
    left: 34%;
    top: 50%;
}

.main-timeline .content {
    color: #909090;
    width: 50%;
    padding: 20px;
    display: inline-block;
    float: right;
    background: transparent;
}

.main-timeline .title {
    color: #65C7D0;
    font-size: 22px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 0 5px 0;
}

.main-timeline .description {
    font-size: 15px;
    letter-spacing: 1px;
    margin: 0;
}

.main-timeline .timeline:nth-child(even):before {
    left: auto;
    right: 0;
    border-radius: 0 135px 135px 0;
    border: 15px solid red;
    border-left: none;
}

.main-timeline .timeline:nth-child(even):after {
    left: auto;
    right: 12px;
    border: 15px solid green;
    border-left: none;
    border-radius: 0 135px 135px 0;
}

.main-timeline .timeline:nth-child(even) .content {
    float: left;
}

.main-timeline .timeline:nth-child(even) .timeline-year {
    left: auto;
    right: 10%;
}

.main-timeline .timeline:nth-child(even) .timeline-icon {
    left: auto;
    right: 32%;
}

.main-timeline .timeline:nth-child(5n+2):before {
    border-color: #EA3C14;
}

.main-timeline .timeline:nth-child(5n+2):after {
    border-color: #EF5720;
}

.main-timeline .timeline:nth-child(5n+2) .timeline-icon {
    color: #EA3C14;
}

.main-timeline .timeline:nth-child(5n+2) .timeline-year {
    color: #EA3C14;
}

.main-timeline .timeline:nth-child(5n+2) .title {
    color: #EA3C14;
}

.main-timeline .timeline:nth-child(5n+3):before {
    border-color: #8CC63E;
}

.main-timeline .timeline:nth-child(5n+3):after {
    border-color: #6CAF29;
}

.main-timeline .timeline:nth-child(5n+3) .timeline-icon {
    color: #8CC63E;
}

.main-timeline .timeline:nth-child(5n+3) .timeline-year {
    color: #8CC63E;
}

.main-timeline .timeline:nth-child(5n+3) .title {
    color: #8CC63E;
}

.main-timeline .timeline:nth-child(5n+4):before {
    border-color: #F99324;
}

.main-timeline .timeline:nth-child(5n+4):after {
    border-color: #FBB03B;
}

.main-timeline .timeline:nth-child(5n+4) .timeline-icon {
    color: #F99324;
}

.main-timeline .timeline:nth-child(5n+4) .timeline-year {
    color: #F99324;
}

.main-timeline .timeline:nth-child(5n+4) .title {
    color: #F99324;
}

.main-timeline .timeline:nth-child(5n+5):before {
    border-color: #0071BD;
}

.main-timeline .timeline:nth-child(5n+5):after {
    border-color: #0050A3;
}

.main-timeline .timeline:nth-child(5n+5) .timeline-icon {
    color: #0071BD;
}

.main-timeline .timeline:nth-child(5n+5) .timeline-year {
    color: #0071BD;
}

.main-timeline .timeline:nth-child(5n+5) .title {
    color: #0071BD;
}

@media screen and (max-width:1200px) {
    .main-timeline .timeline:after {
        border-radius: 88px 0 0 88px;
    }

    .main-timeline .timeline:nth-child(even):after {
        border-radius: 0 88px 88px 0;
    }
}

@media screen and (max-width:767px) {
    .main-timeline .timeline {
        margin-top: -19px;
    }

    .main-timeline .timeline:before {
        border-radius: 50px 0 0 50px;
        border-width: 10px;
    }

    .main-timeline .timeline:after {
        height: calc(100% - 18px);
        width: calc(50% - 9px);
        border-radius: 43px 0 0 43px;
        border-width: 10px;
        top: 9px;
        left: 9px;
    }

    .main-timeline .timeline:nth-child(even):before {
        border-radius: 0 50px 50px 0;
        border-width: 10px;
    }

    .main-timeline .timeline:nth-child(even):after {
        height: calc(100% - 18px);
        width: calc(50% - 9px);
        border-radius: 0 43px 43px 0;
        border-width: 10px;
        top: 9px;
        right: 9px;
    }

    .main-timeline .timeline-icon {
        font-size: 60px;
    }

    .main-timeline .timeline-year {
        font-size: 40px;
    }
}

@media screen and (max-width:479px) {
    .main-timeline .timeline-icon {
        font-size: 50px;
        transform: translateY(0);
        top: 25%;
        left: 10%;
    }

    .main-timeline .timeline-year {
        font-size: 25px;
        transform: translateY(0);
        top: 65%;
        left: 9%;
    }

    .main-timeline .content {
        width: 68%;
        padding: 10px;
    }

    .main-timeline .title {
        font-size: 18px;
    }

    .main-timeline .timeline:nth-child(even) .timeline-icon {
        right: 10%;
    }

    .main-timeline .timeline:nth-child(even) .timeline-year {
        right: 9%;
    }
}


/* WHAT WE DO 
---------------*/
section#what-we-do {
    padding: 60px 0;
    background: #ffffff;
}

section#what-we-do .section-title {
    text-align: center;
    margin-bottom: 50px;
    text-transform: uppercase;
}

#what-we-do .card {
    padding: 1rem !important;
    border: none;
    margin-bottom: 1rem;
    -webkit-transition: .5s all ease;
    -moz-transition: .5s all ease;
    transition: .5s all ease;
}

#what-we-do .card:hover {
    -webkit-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
    -moz-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
    box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
}

#what-we-do .card .card-block {
    padding-left: 50px;
    position: relative;
}

#what-we-do .card .card-block a {
    font-weight: 700;
    text-decoration: none;
}

#what-we-do .card .card-block a i {
    display: none;
}

#what-we-do .card:hover .card-block a i {
    display: inline-block;
    font-weight: 700;

}


/* Portlet 
---------------*/
.content {
    padding: 30px;
    background: #f1f3fa;
}

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

.portlet {
    background: #fff;
    /*padding: 20px;*/
}

.portlet.portlet-gray {
    background: #f7f7f7;
}

.portlet.portlet-bordered {
    border: 1px solid #eee;
}

.portlet-title {
    padding: 0;
    min-height: 40px;
    border-bottom: 1px solid #eee;
    margin-bottom: 18px;
}

.caption {
    float: left;
    display: inline-block;
    font-size: 18px;
    line-height: 18px;
}

.caption.caption-green .caption-subject,
.caption.caption-green i {
    color: #4db3a2;
    font-weight: 200;
}

.caption.caption-red .caption-subject,
.caption.caption-red i {
    color: #e26a6a;
    font-weight: 200;
}

.caption.caption-purple .caption-subject,
.caption.caption-purple i {
    color: #8775a7;
    font-weight: 400;
}

.caption i {
    color: #777;
    font-size: 15px;
    font-weight: 300;
    margin-top: 3px;
}

.caption-subject {
    color: #666;
    font-size: 16px;
    font-weight: 600;
}

.caption-helper {
    padding: 0;
    margin: 0;
    line-height: 13px;
    color: #9eacb4;
    font-size: 13px;
    font-weight: 400;
}

.actions {
    float: right;
    display: inline-block;
}

.actions a {
    margin-left: 3px;
}

.actions .btn {
    color: #666;
    padding: 3px 9px;
    font-size: 13px;
    line-height: 1.5;
    background-color: #fff;
    border-color: #ccc;
    border-radius: 50px;
}

.actions .btn i {
    font-size: 12px;
}

.actions .btn:hover {
    background: #f2f2f2;
}

.pagination {
    margin: -3px 0 0;
    border-radius: 50px;
}

.pagination>li>a,
.pagination>li>span {
    padding: 4px 10px;
    font-size: 12px;
    color: #8775a7;
    background: #f7f7f7;
}

.pagination>li:hover>a,
.pagination>li.active>a,
.pagination>li.active:hover>a {
    color: #fff;
    background: #8775a7;
    border-color: #8775a7;
}

.inputs {
    float: right;
    display: inline-block;
    padding: 4px 0;
    margin-top: -10px;
}

.input-inline {
    width: 240px;
    display: inline-block;
    vertical-align: middle;
}

.portlet-title>.nav-tabs {
    background: none;
    margin: 0;
    float: right;
    display: inline-block;
    border: 0;
    padding-left: 0;
}

.portlet-title>.nav-tabs>li {
    background: none;
    margin: 0;
    border: 0;
    position: relative;
    float: left;
    display: block;
}

.portlet-title>.nav-tabs>li>a {
    background: none;
    border: 0;
    padding: 2px 10px 13px;
    color: #444;
    margin-right: 2px;
    display: block;
    position: relative;
}

.portlet-title>.nav-tabs>li.active,
.portlet-title>.nav-tabs>li.active:hover {
    border-bottom: 4px solid #f3565d;
    position: relative;
}

.portlet-title>.nav-tabs>li:hover {
    border-bottom: 4px solid #f29b9f;
}

.portlet-title>.nav-tabs>li.active>a,
.portlet-title>.nav-tabs>li:hover>a {
    color: #333;
    /*background: #fff;*/
    border: 0;
}

.actions .btn.btn-circle {
    width: 28px;
    height: 28px;
    padding: 3px 7px;
    text-align: center;
}

.actions .btn.btn-circle i {
    font-size: 11px;
}

/* Btn Grey Salsa */
.actions .btn.grey-salsa {
    border: none;
    margin-left: 3px;
    box-shadow: none;
    border-radius: 50px !important;
}

.actions .btn.grey-salsa.active {
    color: #fafcfb;
    background: #8e9bae;
}

.actions .grey-salsa.btn:hover,
.actions .grey-salsa.btn:focus,
.actions .grey-salsa.btn:active,
.actions .grey-salsa.btn.active {
    color: #fafcfb;
    background: #97a3b4;
}

.actions .btn.btn-red.active,
.actions .btn.btn-red:hover {
    color: #fff;
    box-shadow: none;
    background: #e26a6a;
    border-color: #e26a6a;
}

.actions .btn.btn-purple.active,
.actions .btn.btn-purple:hover {
    color: #fff;
    box-shadow: none;
    background: #8775a7;
    border-color: #8775a7;
}


/* 
Skewed content
----------------------- */

main.skewedcontent.img-left div.row.row-eq-height {
    display: flex
}


main.skewedcontent.img-left img {
    max-width: 100%;
}

main.skewedcontent.img-left .full-width {
    width: 50vw;
    position: relative;
    left: 50%;
    right: 0;
    margin-left: -50vw;
    margin-right: 37vw;
    z-index: 3;
}

main.skewedcontent.img-left div.text-box-skewedcontent {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 15px;
    font-size: 20px;
    background: #FFF;
    position: relative;
    float: right;
    margin: 15px 0;
    z-index: 5;
    width: 42vw;
}

main.skewedcontent.img-left div.text-box-skewedcontent:after {
    content: " ";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background: #FFF;
    transform-origin: top right;
    -ms-transform: skew(30deg, 0deg);
    -webkit-transform: skew(30deg, 0deg);
    transform: skew(-30deg, 0deg);
}

main.skewedcontent.img-left div.full-width {
    position: relative;
    float: left;
    margin: 15px 0;
    background-color: white;
    z-index: 5;
    width: 50vw
}

@media screen and (max-width: 768px) {
    main.skewedcontent.img-left div.text-box-skewedcontent {
        float: none;
        width: 100vw;
        display: block;
    }

    main.skewedcontent.img-left div.row.row-eq-height {
        display: block
    }

    main.skewedcontent.img-left .full-width {
        width: 100vw;
    }
}

main.skewedcontent.img-right div.row.row-eq-height {
    display: flex
}


main.skewedcontent.img-right img {
    max-width: 100%;
}

main.skewedcontent.img-right .full-width {
    width: 50vw;
    position: relative;
    left: 50%;
    right: 0;
    margin-left: -41vw;
    margin-right: -50vw;
    z-index: 3;
}

main.skewedcontent.img-right div.text-box-skewedcontent {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 15px;
    font-size: 20px;
    background: #FFF;
    position: relative;
    float: left;
    margin: 15px 0;
    z-index: 5;
    width: 42vw;
}

main.skewedcontent.img-right div.text-box-skewedcontent:after {
    content: " ";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 25px;
    z-index: -1;
    background: #FFF;
    transform-origin: bottom left;
    -ms-transform: skew(-30deg, 0deg);
    -webkit-transform: skew(-30deg, 0deg);
    transform: skew(-30deg, 0deg);
}

main.skewedcontent.img-right div.full-width {
    position: relative;
    float: left;
    margin: 15px 0;
    background-color: white;
    z-index: 5;
    width: 50vw
}

@media screen and (max-width: 768px) {
    main.skewedcontent.img-right div.text-box-skewedcontent {
        float: none;
        width: 100vw;
        display: block;
    }

    main.skewedcontent.img-right div.row.row-eq-height {
        display: flex;
        flex-direction: column-reverse;
    }

    main.skewedcontent.img-right .full-width {
        width: 100vw;
        margin-left: -50vw;
    }
}



/*
* main-timeline-selectieprocedure
*-------------------------------------------
*/
.main-timeline-selectieprocedure {
    font-family: 'Roboto', sans-serif;
    padding: 20px 0;
    position: relative;
}

.main-timeline-selectieprocedure:before,
.main-timeline-selectieprocedure:after {
    content: '';
    height: 40px;
    width: 40px;
    background-color: #e7e7e7;
    border-radius: 50%;
    border: 10px solid #DA291C;
    transform: translateX(-50%);
    position: absolute;
    left: 50%;
    top: -15px;
    z-index: 2;
}

.main-timeline-selectieprocedure:after {
    top: auto;
    bottom: 15px;
}

.main-timeline-selectieprocedure .timeline {
    padding: 35px 0;
    margin-top: -30px;
    position: relative;
    z-index: 1;
}

.main-timeline-selectieprocedure .timeline:before,
.main-timeline-selectieprocedure .timeline:after {
    content: '';
    height: 100%;
    width: 50%;
    border-radius: 135px 0 0 135px;
    border: 15px solid #DA291C;
    border-right: none;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.main-timeline-selectieprocedure .timeline:after {
    height: calc(100% - 30px);
    width: calc(50% - 12px);
    border-color: #e6e6e7;
    left: 12px;
    top: 15px;
}

.main-timeline-selectieprocedure .timeline-content {
    display: inline-block;
}

.main-timeline-selectieprocedure .timeline-content:hover {
    text-decoration: none;
}

.main-timeline-selectieprocedure .timeline-year {
    color: #DA291C;
    font-size: 50px;
    font-weight: 600;
    display: inline-block;
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    left: 10%;
}

.main-timeline-selectieprocedure .timeline-icon {
    color: #DA291C;
    font-size: 80px;
    display: inline-block;
    transform: translateY(-50%);
    position: absolute;
    left: 34%;
    top: 50%;
}

.main-timeline-selectieprocedure .content {
    color: #909090;
    width: 50%;
    padding: 20px;
    display: inline-block;
    float: right;
    background: transparent;
}

.main-timeline-selectieprocedure .title {
    color: #DA291C;
    font-size: 22px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 0 5px 0;
}

.main-timeline-selectieprocedure .description {
    font-size: 15px;
    letter-spacing: 1px;
    margin: 0;
}

.main-timeline-selectieprocedure .timeline:nth-child(even):before {
    left: auto;
    right: 0;
    border-radius: 0 135px 135px 0;
    border: 15px solid #e6e6e7;
    border-left: none;
}

.main-timeline-selectieprocedure .timeline:nth-child(even):after {
    left: auto;
    right: 12px;
    border: 15px solid #DA291C;
    border-left: none;
    border-radius: 0 135px 135px 0;
}

.main-timeline-selectieprocedure .timeline:nth-child(even) .content {
    float: left;
}

.main-timeline-selectieprocedure .timeline:nth-child(even) .timeline-year {
    left: auto;
    right: 10%;
}

.main-timeline-selectieprocedure .timeline:nth-child(even) .timeline-icon {
    left: auto;
    right: 32%;
}

/*
Primary colors
-----------------------
0 kan O zijn 
Adecco red = #DA291C
adecco Cerise = #BF0D3E
Adecco Plum = #782F40

Secondary colors
--------------------
Teal = #00B398
Blue = #00A9E0
Green = #43B02A
Purple = #AD1AAC
Orange = #E35205
Yellow = #F2A900
Grey = #968C83

 */
.main-timeline-selectieprocedure .timeline:nth-child(5n+2):before {
    border-color: #e6e6e7;
}

.main-timeline-selectieprocedure .timeline:nth-child(5n+2):after {
    border-color: #DA291C;
}

.main-timeline-selectieprocedure .timeline:nth-child(5n+2) .timeline-icon {
    color: #e6e6e7;
}

.main-timeline-selectieprocedure .timeline:nth-child(5n+2) .timeline-year {
    color: #DA291C;
}

.main-timeline-selectieprocedure .timeline:nth-child(5n+2) .title {
    color: #DA291C;
}

.main-timeline-selectieprocedure .timeline:nth-child(5n+3):before {
    border-color: #DA291C;
}

.main-timeline-selectieprocedure .timeline:nth-child(5n+3):after {
    border-color: #e6e6e7;
}

.main-timeline-selectieprocedure .timeline:nth-child(5n+3) .timeline-icon {
    color: #e6e6e7;
}

.main-timeline-selectieprocedure .timeline:nth-child(5n+3) .timeline-year {
    color: #DA291C;
}

.main-timeline-selectieprocedure .timeline:nth-child(5n+3) .title {
    color: #DA291C;
}

.main-timeline-selectieprocedure .timeline:nth-child(5n+4):before {
    border-color: #e6e6e7;
}

.main-timeline-selectieprocedure .timeline:nth-child(5n+4):after {
    border-color: #DA291C;
}

.main-timeline-selectieprocedure .timeline:nth-child(5n+4) .timeline-icon {
    color: #e6e6e7;
}

.main-timeline-selectieprocedure .timeline:nth-child(5n+4) .timeline-year {
    color: #DA291C;
}

.main-timeline-selectieprocedure .timeline:nth-child(5n+4) .title {
    color: #DA291C;
}

.main-timeline-selectieprocedure .timeline:nth-child(5n+5):before {
    border-color: #DA291C;
}

.main-timeline-selectieprocedure .timeline:nth-child(5n+5):after {
    border-color: #e6e6e7;
}

.main-timeline-selectieprocedure .timeline:nth-child(5n+5) .timeline-icon {
    color: #e6e6e7;
}

.main-timeline-selectieprocedure .timeline:nth-child(5n+5) .timeline-year {
    color: #DA291C;
}

.main-timeline-selectieprocedure .timeline:nth-child(5n+5) .title {
    color: #DA291C;
}

.main-timeline-selectieprocedure .timeline:nth-child(5n+6):before {
    border-color: #e6e6e7;
}

.main-timeline-selectieprocedure .timeline:nth-child(5n+6):after {
    border-color: #DA291C;
}

.main-timeline-selectieprocedure .timeline:nth-child(5n+6) .timeline-icon {
    color: #e6e6e7;
}

.main-timeline-selectieprocedure .timeline:nth-child(5n+6) .timeline-year {
    color: #DA291C;
}

.main-timeline-selectieprocedure .timeline:nth-child(5n+6) .title {
    color: #DA291C;
}

.main-timeline-selectieprocedure .timeline:nth-child(5n+7):before {
    border-color: #DA291C;
}

.main-timeline-selectieprocedure .timeline:nth-child(5n+7):after {
    border-color: #e6e6e7;
}

.main-timeline-selectieprocedure .timeline:nth-child(5n+7) .timeline-icon {
    color: #e6e6e7;
}

.main-timeline-selectieprocedure .timeline:nth-child(5n+7) .timeline-year {
    color: #DA291C;
}

.main-timeline-selectieprocedure .timeline:nth-child(5n+7) .title {
    color: #DA291C;
}

.main-timeline-selectieprocedure .timeline:nth-child(5n+8):before {
    border-color: #e6e6e7;
}

.main-timeline-selectieprocedure .timeline:nth-child(5n+8):after {
    border-color: #DA291C;
}

.main-timeline-selectieprocedure .timeline:nth-child(5n+8) .timeline-icon {
    color: #e6e6e7;
}

.main-timeline-selectieprocedure .timeline:nth-child(5n+8) .timeline-year {
    color: #DA291C;
}

.main-timeline-selectieprocedure .timeline:nth-child(5n+8) .title {
    color: #DA291C;
}

@media screen and (max-width:1200px) {
    .main-timeline-selectieprocedure .timeline:after {
        border-radius: 88px 0 0 88px;
    }

    .main-timeline-selectieprocedure .timeline:nth-child(even):after {
        border-radius: 0 88px 88px 0;
    }
}

@media screen and (max-width:767px) {
    .main-timeline-selectieprocedure .timeline {
        margin-top: -19px;
    }

    .main-timeline-selectieprocedure .timeline:before {
        border-radius: 50px 0 0 50px;
        border-width: 10px;
    }

    .main-timeline-selectieprocedure .timeline:after {
        height: calc(100% - 18px);
        width: calc(50% - 9px);
        border-radius: 43px 0 0 43px;
        border-width: 10px;
        top: 9px;
        left: 9px;
    }

    .main-timeline-selectieprocedure .timeline:nth-child(even):before {
        border-radius: 0 50px 50px 0;
        border-width: 10px;
    }

    .main-timeline-selectieprocedure .timeline:nth-child(even):after {
        height: calc(100% - 18px);
        width: calc(50% - 9px);
        border-radius: 0 43px 43px 0;
        border-width: 10px;
        top: 9px;
        right: 9px;
    }

    .main-timeline-selectieprocedure .timeline-icon {
        font-size: 60px;
    }

    .main-timeline-selectieprocedure .timeline-year {
        font-size: 40px;
    }
}

@media screen and (max-width:479px) {
    .main-timeline-selectieprocedure .timeline-icon {
        font-size: 50px;
        transform: translateY(0);
        top: 25%;
        left: 10%;
    }

    .main-timeline-selectieprocedure .timeline-year {
        font-size: 25px;
        transform: translateY(0);
        top: 65%;
        left: 9%;
    }

    .main-timeline-selectieprocedure .content {
        width: 68%;
        padding: 10px;
    }

    .main-timeline-selectieprocedure .title {
        font-size: 18px;
    }

    .main-timeline-selectieprocedure .timeline:nth-child(even) .timeline-icon {
        right: 10%;
    }

    .main-timeline-selectieprocedure .timeline:nth-child(even) .timeline-year {
        right: 9%;
    }
}






.vacatures .portlet-title>.nav-tabs>li.active,
.portlet-title>.nav-tabs>li.active:hover {
    border-bottom: 4px solid #f2a900;
    position: relative;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background-color: #f2a900;
}

.vacatures .portlet-title>.nav-tabs>li.active>a {
    color: white
}

/*
.vacatures .portlet-title > .nav-tabs > li:hover > a, .portlet-title > .nav-tabs > li.active > a {
background: unset;
}
*/
.vacatures .portlet-title>.nav-tabs {
    float: left;
    width: 100%
}

.vacatures .portlet-title>.nav-tabs>li:hover {
    border-bottom: 4px solid #f2a900;
}

.vacatures .portlet-title>.nav-tabs>li {
    border-top: solid #eee 1px;
    border-right: solid #eee 1px;
    border-top-right-radius: 6px;
    width: 20%;
    text-align: center;
}

@media screen and (max-width:767px) {
    .vacatures .portlet-title>.nav-tabs>li {
        width: 100%
    }

    .vacatures .portlet-title {
        min-height: 345px !important
    }
}

div.portlet-title ul.nav.nav-tabs {
    padding-left: 0px
}

.our-team-main {
    width: 100%;
    height: auto;
    border-bottom: 5px #f2f2f2 solid;
    background: #eee;
    text-align: center;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    transition: 0.5s;
    margin-bottom: 28px;
    z-index: 5
}

.our-team-main img {
    width: 100px;
    margin-bottom: 20px;
}

.our-team-main img.larger {
    width: 160px;
}

.our-team-main img.large {
    width: 140px;
    margin-top: 20px
}

.our-team-main h3 {
    font-size: 20px;
    font-weight: 700;
}

.our-team-main p {
    margin-bottom: 0;
}

.our-team-main .team-back {
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    padding: 5px 15px 0 15px;
    text-align: left;
    background: #eee;
}

.our-team-main .team-front {
    width: 100%;
    height: 320PX;
    position: relative;
    z-index: 10;
    background: #DA291C;
    color: #fff;
    padding: 15px;
    bottom: 0px;
    transition: all 0.5s ease;
}

.our-team-main .team-front h3 {
    color: #fff
}

.our-team-main:hover .team-front {
    bottom: -320px;
    transition: all 0.5s ease;
}

.our-team-main:hover {
    border-color: #DA291C;
    transition: 0.5s;
}

/*our-team-main*/
@media only screen and (min-width: 991px) {
    .our-team-main .team-front {
        height: 250px;
    }
}

.our-team-main .specialist-blok {
    float: left;
}

.bg-stripes {
    background-image: url(~/media/9bcefd6ae62e439fa256bb8394b5e1ea.ashx?la=nl-be);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* merken
    ---------------*/
.content {
    padding: 30px;
    background: #f1f3fa;
}

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

.merken {
    background: #fff;
    /*padding: 20px;*/
}

.merken.merken-gray {
    background: #f7f7f7;
}

.merken.merken-bordered {
    border: 1px solid #eee;
}

.merken-title {
    padding: 0;
    min-height: 40px;
    border-bottom: 1px solid #eee;
    margin-bottom: 18px;
}

.caption {
    float: left;
    display: inline-block;
    font-size: 18px;
    line-height: 18px;
}

.caption.caption-green .caption-subject,
.caption.caption-green i {
    color: #4db3a2;
    font-weight: 200;
}

.caption.caption-red .caption-subject,
.caption.caption-red i {
    color: #e26a6a;
    font-weight: 200;
}

.caption.caption-purple .caption-subject,
.caption.caption-purple i {
    color: #8775a7;
    font-weight: 400;
}

.caption i {
    color: #777;
    font-size: 15px;
    font-weight: 300;
    margin-top: 3px;
}

.caption-subject {
    color: #666;
    font-size: 16px;
    font-weight: 600;
}

.caption-helper {
    padding: 0;
    margin: 0;
    line-height: 13px;
    color: #9eacb4;
    font-size: 13px;
    font-weight: 400;
}

.actions {
    float: right;
    display: inline-block;
}

.actions a {
    margin-left: 3px;
}

.actions .btn {
    color: #666;
    padding: 3px 9px;
    font-size: 13px;
    line-height: 1.5;
    background-color: #fff;
    border-color: #ccc;
    border-radius: 50px;
}

.actions .btn i {
    font-size: 12px;
}

.actions .btn:hover {
    background: #f2f2f2;
}

.pagination {
    margin: -3px 0 0;
    border-radius: 50px;
}

.pagination>li>a,
.pagination>li>span {
    padding: 4px 10px;
    font-size: 12px;
    color: #8775a7;
    background: #f7f7f7;
}

.pagination>li:hover>a,
.pagination>li.active>a,
.pagination>li.active:hover>a {
    color: #fff;
    background: #8775a7;
    border-color: #8775a7;
}

.inputs {
    float: right;
    display: inline-block;
    padding: 4px 0;
    margin-top: -10px;
}

.input-inline {
    width: 240px;
    display: inline-block;
    vertical-align: middle;
}

.merken-title>.nav-tabs {
    background: none;
    margin: 0;
    float: right;
    display: inline-block;
    border: 0;
    padding-left: 0;
}

.merken-title>.nav-tabs>li {
    background: none;
    margin: 0;
    border: 0;
    position: relative;
    float: left;
    display: block;
}

.merken-title>.nav-tabs>li>a {
    background: none;
    border: 0;
    padding: 20px 15px 20px;
    color: #444;
    margin-right: 2px;
    display: block;
    position: relative;
}

.merken-title>.nav-tabs>li.active,
.merken-title>.nav-tabs>li.active:hover {
    border-bottom: 4px solid #f3565d;
    position: relative;
}

.merken-title>.nav-tabs>li:hover {
    border-bottom: 4px solid #f29b9f;
}

.merken-title>.nav-tabs>li.active>a,
.merken-title>.nav-tabs>li:hover>a {
    color: #333;
    /*background: #fff;*/
    border: 0;
}

.actions .btn.btn-circle {
    width: 28px;
    height: 28px;
    padding: 3px 7px;
    text-align: center;
}

.actions .btn.btn-circle i {
    font-size: 11px;
}

/* Btn Grey Salsa */
.actions .btn.grey-salsa {
    border: none;
    margin-left: 3px;
    box-shadow: none;
    border-radius: 50px !important;
}

.actions .btn.grey-salsa.active {
    color: #fafcfb;
    background: #8e9bae;
}

.actions .grey-salsa.btn:hover,
.actions .grey-salsa.btn:focus,
.actions .grey-salsa.btn:active,
.actions .grey-salsa.btn.active {
    color: #fafcfb;
    background: #97a3b4;
}

.actions .btn.btn-red.active,
.actions .btn.btn-red:hover {
    color: #fff;
    box-shadow: none;
    background: #e26a6a;
    border-color: #e26a6a;
}

.actions .btn.btn-purple.active,
.actions .btn.btn-purple:hover {
    color: #fff;
    box-shadow: none;
    background: #8775a7;
    border-color: #8775a7;
}

@media screen and (max-width: 577px) {
    .merken-title {
        border-bottom: none
    }
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .vacatures .merken-title>.nav-tabs>li.active>a {
        color: black
    }
}

.merken-title {
    border-bottom: none
}

.vacatures .merken-title>.nav-tabs>li.active,
.merken-title>.nav-tabs>li.active:hover {
    border-bottom: 4px solid #DA291C;
    position: relative;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.vacatures .merken-title>.nav-tabs>li.active>a {
    color: white
}

.vacatures .merken-title>.nav-tabs {
    float: left;
    width: 100%
}

.vacatures .merken-title>.nav-tabs>li {
    border-top: solid #eee 1px;
    border-right: solid #eee 1px;
    border-bottom: solid #eee 1px;
    border-top-right-radius: 6px;
    text-align: center;
    width: 16.66%;
}

@media screen and (max-width:767px) {
    .vacatures .merken-title>.nav-tabs>li {
        width: 100%
    }

    .vacatures .merken-title {
        min-height: 345px !important
    }

    .vacatures .merken-title>.nav-tabs>li {
        border-left: solid #eee 1px
    }
}

div.merken-title ul.nav.nav-tabs {
    padding-left: 0px
}

/* TEST  */
.vacatures .merken-title>.nav-tabs>li:first-child {
    border-left: solid #eee 1px
}


/* Construct en Experts blok -> specalisaties pagina  */
.half-column {
    padding: 20px 20px;
    min-height: 350px;
    margin: 10px 0
}

.half-column-inner-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.half-column-text-wrapper {
    position: relative;
    z-index: 3;
}

.button-position {
    position: absolute;
    bottom: 20px;
    right: 20px;
    z-index: 3;
}

/* --------------------------------------------------  
-------------------- Wells --------------------------
-------------------------------------------------- */
/* Base class */
.well {
    min-height: 20px;
    padding: 15px;
    margin-bottom: 20px;
    background-color: #FFFFFF;
    border: none;
    border-radius: 4px;
    box-shadow: 0px 0px 30px -10px rgba(0, 0, 0, 0.5);
    transition: background 0.4s, color 0.4s, filter 0.4s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}

/* Sizes */
.well-lg {
    padding: 25px;
    border-radius: 10px;
}

.well-sm {
    padding: 10px;
    border-radius: 4px;
}

/* --------------------------------------------------  
-------------------- Figure -------------------------
-------------------------------------------------- */
.image img {
    display: block;
    height: auto;
    width: 100%;
}

figure {
    margin: 0;
    padding: 0;
}

figure.image {
    margin: 0;
    display: block;
    position: relative;
}

figure.image.small {
    width: 100px;
    margin-bottom: 40px;
}

figure.image.is-square {
    padding-top: 100%;
}

figure.is-square img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    position: absolute;
}

.clear {
    clear: both;
}

/* Adecco arrow spotlight */
.adecco-arrow {
    position: relative;
    width: 100vw;
    left: calc(-50vw + 50%);
    background-image: url(/~/media/adeccogroup/brands/adecco-global-2016/belgium/media/Brand-assets/single-arrow-red.png),
        url(/~/media/adeccogroup/brands/adecco-global-2016/belgium/media//Brand-assets/single-arrow-red-inverse.png);
    background-position: 95% 10%, 5% 90%;
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    .adecco-arrow {
        background: none;
    }

    .spotlight-container:not(.spotlight_top-banner-container) .panel .adecco-arrow .container {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media screen and (min-width: 768px) {
    .adecco-arrow {
        background-size: 65px;
        background-position: 100% 15%, 0% 98%;
    }
}

@media screen and (min-width: 992px) {
    .adecco-arrow {
        background-size: 65px;
        background-position: 100% 25%, 0% 100%;
    }
}

@media screen and (min-width: 1400px) {
    .adecco-arrow {
        background-size: 80px;
        background-position: 98% 10%, 2% 90%;
    }
}

@media screen and (min-width: 1480px) {
    .adecco-arrow {
        background-size: 120px;
        background-position: 98% 10%, 2% 90%;
    }
}

@media screen and (min-width: 1700px) {
    .adecco-arrow {
        background-size: 170px;
    }
}

/* ==============================================
=============== BOX Styling =====================
============================================== */
.box.pillar-box {
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
    padding: 0 25px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    display: block;
    transition: all 1 1 ease;
    height: 100%;
    background: #FFFFFF;
}

.box.pillar-box:hover {
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2)
}

.box.pillar-box .image-box {
    margin: -25px -25px 0px -25px;
    border-radius: 10px 10px 0 0;
    overflow: hidden;
    max-height: 10rem;
}

.box.pillar-box .content-box {
    padding: 20px 0;
}

.box.pillar-box .cta-box {
    margin: 0 -25px -25px -25px;
    border-top: 3px solid #DA291C;
}

.box.pillar-box .cta-box a.btn.btn-full {
    width: 100%;
    text-align: left;
    padding: 10px 25px;
    border-radius: 0 0 10px 10px;
}

.box.pillar-box .cta-box a.btn.btn-full:hover {
    transition: color 10ms linear .2s;
    animation: .4s linear 0s normal forwards 1 running e;
    background: #fff radial-gradient(ellipse farthest-corner at center center, #DA291C 0, #DA291C 65%, #fff 67%, #fff 100%) no-repeat 50%;
    background-size: 140% 500%;
    color: #fff;
    -ms-background-color: #DA291C;
    text-decoration: none;
}


/* tabs navigation content pillars*/
.nav.nav-pills.nav-pillars {
    position: relative;
    overflow: hidden;
    display: block;
    padding: 10px;
}

.nav.nav-pills.nav-pillars li {
    display: inline-block;
    width: 16.66666667%;
    padding: 0 5px 0 5px;
    float: left;
    text-align: center;
    position: relative;
}

.nav.nav-pills li img {
    max-height: 75px;
}

.nav.nav-pills.nav-pillars li a {
    position: relative;
    min-height: 200px;
    width: 100%;
    display: block;
    padding: 1em;
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.nav.nav-pills.nav-pillars li.active a,
.nav.nav-pills.nav-pillars li a:hover,
.nav.nav-pills.nav-pillars li.active a span,
.nav.nav-pills.nav-pillars li.active a span.txt,
.nav.nav-pills.nav-pillars li a:hover span,
.nav.nav-pills.nav-pillars li a:hover span.txt {
    color: #ffffff;
    background-color: #DA291C;
}

.nav.nav-pills.nav-pillars li.active a img,
.nav.nav-pills.nav-pillars li a:hover img {
    -webkit-filter: invert(100) grayscale(100) brightness(100);
    filter: invert(100) grayscale(100) brightness(100);
}

.nav.nav-pills.nav-pillars li span {
    font-weight: 500;
    color: #DA291C;
    font-family: houschka_headdemibold, Helvetica, Arial, sans-serif;
    margin: 10px 0 0 0;
    width: 100%;
    font-size: 30px;
    line-height: 40px;
    display: block;
}

.tab-content.tab-content-pillars {
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding: 2em;
    margin: 15px
}

/*==============================================
==============BELGIUM CAROUSEL==================
==============================================*/
#BECarousel .carousel-inner>.item>img,
#BECarousel .carousel-inner>.item>a>img {
    display: block;
    max-width: 100%;
    height: auto;
}

#BECarousel.carousel {
    position: relative;
}

#BECarousel .carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

#BECarousel .carousel-inner>.item {
    position: relative;
    display: none;
    -webkit-transition: .6s ease-in-out left;
    -o-transition: .6s ease-in-out left;
    transition: .6s ease-in-out left;
}

#BECarousel .carousel-inner>.item>img,
#BECarousel .carousel-inner>.item>a>img {
    line-height: 1;
}

@media all and (transform-3d),
(-webkit-transform-3d) {
    #BECarousel .carousel-inner>.item {
        -webkit-transition: -webkit-transform .6s ease-in-out;
        -o-transition: -o-transform .6s ease-in-out;
        transition: transform .6s ease-in-out;

        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        perspective: 1000px;
    }

    #BECarousel .carousel-inner>.item.next,
    #BECarousel .carousel-inner>.item.active.right {
        left: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    #BECarousel .carousel-inner>.item.prev,
    #BECarousel .carousel-inner>.item.active.left {
        left: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    #BECarousel .carousel-inner>.item.next.left,
    #BECarousel .carousel-inner>.item.prev.right,
    #BECarousel .carousel-inner>.item.active {
        left: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

#BECarousel .carousel-inner>.active,
#BECarousel .carousel-inner>.next,
#BECarousel .carousel-inner>.prev {
    display: block;
}

#BECarousel .carousel-inner>.active {
    left: 0;
}

#BECarousel .carousel-inner>.next,
#BECarousel .carousel-inner>.prev {
    position: absolute;
    top: 0;
    width: 100%;
}

#BECarousel .carousel-inner>.next {
    left: 100%;
}

#BECarousel .carousel-inner>.prev {
    left: -100%;
}

#BECarousel .carousel-inner>.next.left,
#BECarousel .carousel-inner>.prev.right {
    left: 0;
}

#BECarousel .carousel-inner>.active.left {
    left: -100%;
}

#BECarousel .carousel-inner>.active.right {
    left: 100%;
}

#BECarousel .carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    filter: alpha(opacity=50);
    opacity: .5;
}

#BECarousel .carousel-control.left {
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    background-repeat: repeat-x;
}

#BECarousel .carousel-control.right {
    right: 0;
    left: auto;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    background-repeat: repeat-x;
}

#BECarousel .carousel-control:hover,
#BECarousel .carousel-control:focus {
    color: #fff;
    text-decoration: none;
    filter: alpha(opacity=90);
    outline: 0;
    opacity: .9;
}

#BECarousel .carousel-control .icon-prev,
#BECarousel .carousel-control .icon-next,
#BECarousel .carousel-control .glyphicon-chevron-left,
#BECarousel .carousel-control .glyphicon-chevron-right {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    margin-top: -10px;
}

#BECarousel .carousel-control .icon-prev,
#BECarousel .carousel-control .glyphicon-chevron-left {
    left: 50%;
    margin-left: -10px;
}

#BECarousel .carousel-control .icon-next,
#BECarousel .carousel-control .glyphicon-chevron-right {
    right: 50%;
    margin-right: -10px;
}

#BECarousel .carousel-control .icon-prev,
#BECarousel .carousel-control .icon-next {
    width: 20px;
    height: 20px;
    font-family: serif;
    line-height: 1;
}

#BECarousel .carousel-control .icon-prev:before {
    content: '\2039';
}

#BECarousel .carousel-control .icon-next:before {
    content: '\203a';
}

#BECarousel .carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
}

#BECarousel .carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    border: 1px solid #ed1c24;
    border-radius: 10px;
}

#BECarousel .carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #ed1c24;
}

#BECarousel .carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}

#BECarousel .carousel-caption .btn {
    text-shadow: none;
}

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

    #BECarousel .carousel-control .glyphicon-chevron-left,
    #BECarousel .carousel-control .glyphicon-chevron-right,
    #BECarousel .carousel-control .icon-prev,
    #BECarousel .carousel-control .icon-next {
        width: 30px;
        height: 30px;
        margin-top: -15px;
        font-size: 30px;
    }

    #BECarousel .carousel-control .glyphicon-chevron-left,
    #BECarousel .carousel-control .icon-prev {
        margin-left: -15px;
    }

    #BECarousel .carousel-control .glyphicon-chevron-right,
    #BECarousel .carousel-control .icon-next {
        margin-right: -15px;
    }

    #BECarousel .carousel-caption {
        right: 20%;
        left: 20%;
        padding-bottom: 30px;
    }

    #BECarousel .carousel-indicators {
        bottom: 20px;
    }
}

#BECarousel .carousel-content h5:before {
    content: "“";
    font-size: 6em;
    opacity: .2;
    position: absolute;
    top: 20px;
    left: -20px;
    color: #DA291C;
}

#BECarousel .carousel-content h5 {
    position: relative;
    color: #707070;
}

#BECarousel .carousel-content {
    padding: 20px;
    min-height: 250px;
}

#BECarousel.carousel {
    border: none;
    padding: 0;
}


/* == Mobile Navigation == */
@media (max-width: 767px) {
    .site-header .nav-container .job-search-horizontal {
        display: none;
    }

    .nav-locked .site-header,
    .mobile-nav-open .nav-container {
        z-index: 99999;
    }

    .nav-locked .site-header,
    .mobile-nav-open .nav-container {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .site-header .site-header-inner,
    .site-header .container,
    .mobile-nav-open .primary-links,
    .mobile-nav-open .secondary-links,
    .mobile-nav-open .site-header-inner .wrap-navigation {
        width: 100% !important;
    }

    .mobile-nav-open .site-header-inner .wrap-navigation {
        order: 1;
    }

    .mobile-nav-open .secondary-links {
        order: 3;
        flex-direction: column-reverse;
        display: flex;
    }

    .mobile-nav-open .primary-links {
        order: 2;
    }

    .wrap-navigation .nav>li:first-child {
        border: none
    }

    .nav-container .secondary-links a:first-child {
        border-top: 1px solid rgba(35, 31, 32, .2);
    }

    .language {
        margin: 0;
        padding: 0;
        width: 100%;
        display: block;
    }
}

.nav-top-bar .secondary-links {
    padding-left: 0px !important;
}

#jobResponse .job-result .job-wide .panel-header h1 {
    border-bottom: 1px solid #c8c7c7 !important;
    padding-bottom: 20px !important;
}

#jobResponse .job-result .job-wide .panel-header .with-jobalert .col-xs-6 {
    padding-top: 0px !important;
}

.job__info--name a span {
    overflow: hidden;
    white-space: pre-wrap;
    text-overflow: ellipsis;
    display: block;
    position: relative;
    width: 95%;
    top: -10px;
}

.jobs .job__info--meta {
    margin: 10px 0 50px;
}

.jobs .job__info--save {
    top: 5px;
    padding-top: 0px
}

.slick-track .jobs .job__info--save {
    top: 0px;
    padding-top: 0px;
}

.slick-track .job__info--name a span {
    width: 100%;
}

.jobs .job__info--save .shortlisted,
.jobs .job__info--save .sortlist-link {
    padding: 0px 15px;
}


span.predefine_heading h5 {
    color: #ed1c24 !important;
}

.branch__search--container {
    padding: 43px 0 47px;
}

/* retail-schools form*/
.block-column {
    display: block;
}

.block-column .form-field {
    display: inline-block;
    width: calc(50% - 10px) !important;
    margin-right: 20px !important;
}

.block-column .form-field:last-child {
    margin-right: 0 !important;
}

#scrollItem .form-field {
    width: 98%;
}

#scrollItem .form-field input {
    border: 1px solid #b2b2b2;
    border-radius: 7px;
}

#scrollItem .scfSubmitButton input {
    display: block;
    width: 100%;
}

#scrollItem label {
    font-size: 16px;
    font-family: houschka_headmedium, Helvetica, Arial, sans-serif !important;
    font-weight: 400;
}

#scrollItem .form-field.radio-button-field label {
    font-weight: 700 !important;
    font-size: 18px;
}

p.info-para {
    font-size: 14px;
    text-align: left;
    line-height: 16px;
}

@media (min-width: 320px) and (max-width: 767px) {

    .block-column .form-field,
    #scrollItem .form-field {
        display: block;
        width: 96% !important;
    }
}

.predefiendJobCards .job__info--save {
    top: 0;
    padding-top: 6px;
}

.our-approach .benefit p {
    font-size: 1.25rem;
    line-height: 1.875rem;
}

.our-approach .benefit h4 {
    color: #d21847;
    margin-bottom: 0;
    margin-top: 0;
}

.our-approach .benefit p {
    font-size: 1.25rem;
    line-height: 1.875rem;
}

.form__control input,
.form__control select {
    margin-bottom: 0px !important;
}

.form__control input::placeholder,
.form__control select {
    font-family: houschka_headmedium, Helvetica, Arial, sans-serif;
    font-weight: normal !important;
    color: #777 !important;
    font-size: 13px !important;
}

.scfForm input:not([type="submit"]),
.scfForm textarea {
    padding: 8px;
    font-size: 16px;
    border: 1px solid #b2b2b2;
    border-radius: 7px;
}

.adecco-art .halfSection {
    width: 99% !important;
}

.adecco-art .halfSection .form-field {
    width: 50% !important;
    display: inline-block !important;
    float: left !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    padding-right: 1%;
    padding-left: 10px;
}

.adecco-art .form-field {
    width: 97%;
    margin-top: 0px;
}

.adecco-art .halfSection .form-field:last-child {
    padding-right: 0px !important;
}

.adecco-art .form-field.multiline-field textarea {
    height: 180px;
}

.adecco-art .form-field.checkbox-field label,
.sectionInfo {
    font-size: 14px;
}

.adecco-art .form-field.checkbox-field {
    width: auto;
    font-size: 14px;
    display: inline-block;
    float: left;
}

.adecco-art .sectionInfo {
    clear: both;
}

.adecco-art .sectionInfo .Info-para {
    font-size: 14px;
}

.adecco-art label.checkInfo {
    display: inline;
    font-size: 14px;
    font-weight: normal;
    width: 80%;
    float: left;
    margin-bottom: 50px;
}

.adecco-art .form-field label {
    font-family: houschka_headmedium, Helvetica, Arial, sans-serif;
    font-size: 16px;
    padding-bottom: 0px;
    opacity: 1 !important;
    color: #000;
}

.adecco-art .scfSectionContent,
.adecco-art .scfFooterBorder,
.adecco-art .scfSubmitButtonBorder {
    padding: 20px 10px;
}

.email-jobs {
    display: block !important;
}



.adecco-art .sectionInfo .Info-para {
    font-size: 14px;
    line-height: 16px;
    color: #000 !important;
    padding-bottom: 0px;
}

.adecco-art .sectionInfo {
    clear: both;
    margin: 0px 15px;
    font-size: 14px;
}


#scrollItem .form-field.telephone-field {
    margin-top: 0;
    margin-bottom: 0;
}

#scrollItem .form-field.multiline-field textarea {
    height: 180px;
}

#scrollItem .form-field.radio-button-field label:first-child {
    font-weight: normal !important;
    font-size: 18px;
}

#scrollItem .block-column .form-field {
    display: inline-block;
    width: calc(50% - 20px) !important;
    margin-right: 20px !important;
}

#scrollItem .block-column .form-field:last-child {
    margin-right: 0px !important;
}

.testing-en-assessment-aanvragen .page-section,
.outsourcing-aanvragen .page-section,
.werken-bij-adecco .page-section {
    background: #efefef;
    padding-bottom: 7rem;
    padding-top: 4rem;
}

.testing-en-assessment-aanvragen .page-section h1,
outsourcing-aanvragen .page-section h1,
.werken-bij-adecco .page-section h1 {
    color: #DA291C;
    font-family: houschka_headdemibold, Helvetica, Arial, sans-serif;
    margin: 0 0 20px 0;
    font-size: 35px;
}

.werken-bij-adecco .page-section {
    padding-top: 4rem;
}

#scrollItem .scfFooterBorder p,
#scrollItem .scfFooterBorder p a {
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 0;
}

#scrollItem label.checkboxLabel {
    width: 86%;
    float: left;
    margin-bottom: 30px;
    font-size: 14px;
}

#scrollItem .form-field.checkbox-field {
    float: left;
    width: 8%;
    margin-top: 0px !important;
}

.formPage {
    width: 500px;
    margin: 0 auto;
    padding-top: 1rem;
}

/*fOR form*/

.formPage .form-field {
    width: 100%;
    margin: 0 0px 10px;
}

.page-section h1 {
    color: #DA291C;
    font-family: houschka_headdemibold, Helvetica, Arial, sans-serif;
    margin: 0 0 20px 0;
    font-size: 35px;
}

.formPage .form-field input {
    border: 1px solid #b2b2b2;
    border-radius: 7px;
    height: 34px;
}

.formPage .form-field.multiline-field textarea {
    height: 180px;
}

.formPage .form-field.checkbox-field input {
    width: 34px;
}

.formPage .scfSubmitButton input {
    display: block;
    width: 100%;
}

.formPage label {
    font-size: 16px;
    font-family: houschka_headmedium, Helvetica, Arial, sans-serif !important;
    font-weight: 400;
    color: #000;
    margin-bottom: 5px;
}

.formPage .form-field.radio-button-field label {
    font-weight: 700 !important;
}

.formPage p.info-para {
    font-size: 14px;
    text-align: left;
    line-height: 16px;
}

.formPage .scfFooterBorder {
    clear: both;
}

.formPage .scfFooterBorder p,
.formPage .scfFooterBorder p a {
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 0;
}

.formPage label.checkboxLabel,
.retail-schools #scrollItem label.checkboxLabel {
    width: 86%;
    float: left;
    margin-bottom: 30px;
    font-size: 14px;
}

.formPage .form-field.checkbox-field,
.retail-schools #scrollItem .checkbox-field {
    float: left;
    width: 8%;
}

.werken-bij-adecco .formPage .checkboxLabel a {
    color: #000;
    line-height: 16px;
    font-size: 14px;
}

.formPage .form-field input:active,
.formPage .form-field input:focus,
.formPage .form-field textarea:active,
.formPage .form-field textarea:focus,
.adecco-art .form-field textarea:active,
.adecco-art .form-field textarea:focus {
    border: 2px solid #000 !important;
}

.scfForm .scfSectionContent {
    width: 520px;
}

@media (min-width: 320px) and (max-width: 767px) {
    .formPage .form-field {
        display: block;
        width: 96% !important;
    }

    .formPage {
        width: 100%;
        margin: 0 auto;
    }

    .block-column .form-field {
        margin-right: 0px;
    }

    .formPage label.checkboxLabel {
        width: 90% !important;
        float: left;
        margin-bottom: 30px;
    }

    .formPage .form-field.checkbox-field {
        float: left;
        width: 10% !important;
    }

    #scrollItem .block-column .form-field {
        margin-right: 0px !important;
    }

    #scrollItem label.checkboxLabel {
        width: 90%;
        float: left;
        margin-bottom: 30px;
        font-size: 14px;
    }

    #scrollItem .form-field.checkbox-field {
        float: left;
        width: 10%;
    }
}

.saved__notification {
    min-width: 300px !important;
}

.saved__notification__title,
.saved__notification__message a,
.saved__notification__message,
.saved__notification__footer,
.saved__notification__footer a {
    font-weight: normal;
}

.saved__notification {
    top: 38px;
    padding: 15px;
}

.saved__notification .fa {
    color: #000000;
}


.testing-en-assessment-aanvragen .formPage input[type="submit"] {
    font-size: 18px !important;
}



/* ===============================================================
================= REBRANDING =====================================
================================================================*/
.container-body {
    overflow: hidden;
}

/*===== GENERAL =====*/

.home-search {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.arrow-right-item:before {
    content: ' ';
    display: block;
    position: absolute;
    width: 900px;
    height: 1000px;
    background: url(/~/media/adeccogroup/brands/adecco-global-2016/belgium/media/Brand-assets/single-arrow_red_bold.svg);
    background-repeat: no-repeat;
    background-size: contain;
    right: calc(5vw - 120%);
    top: -100px;
    transform: rotate(15deg);
}

.arrow-left-item:before {
    content: ' ';
    display: block;
    position: absolute;
    width: 900px;
    height: 1000px;
    background: url(/~/media/adeccogroup/brands/adecco-global-2016/belgium/media/Brand-assets/single-arrow_red_bold.svg);
    background-repeat: no-repeat;
    background-size: contain;
    left: calc(5vw - 120%);
    top: -100px;
    transform: rotate(215deg);
}

.arrow-left-item-top:before {
    content: ' ';
    display: block;
    position: absolute;
    width: 900px;
    height: 1000px;
    background: url(/~/media/adeccogroup/brands/adecco-global-2016/belgium/media/Brand-assets/single-arrow_red_bold.svg);
    background-repeat: no-repeat;
    background-size: contain;
    left: calc(100% - 150vw);
    top: -20%;
    transform: rotate(215deg);
}

.arrow-left-item-bottom:before {
    content: ' ';
    display: block;
    position: absolute;
    width: 900px;
    height: 1000px;
    background: url(/~/media/adeccogroup/brands/adecco-global-2016/belgium/media/Brand-assets/single-arrow_red_bold.svg);
    background-repeat: no-repeat;
    background-size: contain;
    left: calc(100% - 150vw);
    top: auto;
    transform: rotate(70deg);
    bottom: 0px;
}

@media (min-width: 990px) {
    .arrow-right-item:before {
        right: calc(20vw - 100%);
        top: 0px;
    }

    .arrow-left-item:before {
        left: calc(20vw - 100%);
        top: 0px;
    }
}

@media (min-width: 1600px) {
    .arrow-right-item:before {
        right: calc(10vw - 100%);
    }

    .arrow-left-item:before {
        left: calc(10vw - 100%);
    }
}

.arrow-right-item,
.arrow-left-item {
    position: relative;
}

.homeline-container {}


#new-BlockCampagne-right {
    margin-left: -70px;
    padding: 70px 10%;
    background-color: #ffffff;
    background: #ffffff;
    border-radius: 10px;
    -webkit-box-shadow: 0px 24px 48px -12px rgba(35, 31, 32, 0.3);
    -moz-box-shadow: 0px 24px 48px -12px rgba(35, 31, 32, 0.3);
    box-shadow: 0px 24px 48px -12px rgba(35, 31, 32, 0.3);
    z-index: 0;
}

#new-ImgCampagne-right {
    border-radius: 10px;
    margin-right: -70px;
    position: relative;
    z-index: 1;
}

#new-BlockCampagne-left {
    margin-right: -70px;
    padding: 70px 10%;
    background-color: #ffffff;
    background: #ffffff;
    border-radius: 10px;
    -webkit-box-shadow: 0px 24px 48px -12px rgba(35, 31, 32, 0.3);
    -moz-box-shadow: 0px 24px 48px -12px rgba(35, 31, 32, 0.3);
    box-shadow: 0px 24px 48px -12px rgba(35, 31, 32, 0.3);
    z-index: 0;
}

#new-ImgCampagne-left {
    border-radius: 10px;
    margin-left: -1em;
    position: relative;
    z-index: 1;
}

#image-box-home {
    margin: -25px -25px 0 -25px;
    border-radius: 10px 10px 0 0;
    overflow: hidden;
    max-height: 12rem;
    border-bottom: 3px solid #da291C;
}

@media (max-width: 990px) {
    #new-BlockCampagne-left {
        margin-right: 0;
    }

    #new-BlockCampagne-right {
        margin-left: 0;
    }

    #new-ImgCampagne-left {
        margin-left: 0;
        margin-top: -2rem;
    }
}

.col-centered {
    float: none;
}

body {
    background-color: #F8F8F8;
}

ul.red-check {
    list-style: none !important;
    /* Remove default bullets */
    padding-left: 30px;
    margin-bottom: 30px;
}

ul.red-check li::before {
    font-family: "fontawesome";
    content: "\f00c";
    /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color: red;
    /* Change the color */
    font-weight: bold;
    /* If you want it to be bold */
    display: inline-block;
    /* Needed to add space between the bullet and the text */
    width: 1.5em;
    /* Also needed for space (tweak if needed) */
    margin-left: -1.5em;
    /* Also needed for space (tweak if needed) */
}

.quote-block .quote-small {
    clip-path: polygon(0% 100%, 95% 100%, 95% 75%, 100% 65%, 95% 55%, 95% 0%, 0% 0%);
    background-color: #5bc0de;
    background: #5BC0DE;
    border-radius: 12px;
    padding: 3% 6% 3% 3%;
    margin-bottom: 2rem;
    z-index: 1;
}

.quote-block .quote-small:before {
    content: "\0022";
    font-size: 48px;
    line-height: 30px;
    font-family: houschka_headbold, serif;
    float: left;
}


.quote-block .img-quoteSmall {
    align-self: flex-end;
}

.btn.btn-quoteSmall {
    box-sizing: border-box;
    color: #5BC0DE;
    background-color: #fff;
    -webkit-transition: all .2s;
    transition: all .2s;
    min-width: 80px;
    text-align: center;
    border: none;
}

.btn-quoteSmall:active,
.btn-quoteSmall:hover {
    color: #4392aa;
    background-color: #fff;
    border-color: #FFF;
}

.img-quoteSmall {
    margin-left: -3.4%;
    z-index: 0;
}

/* =================== PREDEFINED JOBS ===================== */
.jobs.jobs-slider .job__info {
    min-height: 150px !important;
    height: 150px !important;
    max-height: 150px !important;
    padding: 0px 45px 0px 20px;
}

.jobs-slider .job-card,
.jobs.jobs-slider .job {
    min-height: 200px !important;
    max-height: 230px !important;
}

.job-card,
.jobs .job {
    background: #FFF;
    border: none;
    background-color: #ffffff;
    background: #ffffff;
    border-radius: 10px;
}



.jobs .job .job__info--name,
 {
    font-weight: 500;
    font-family: houschka_headbold, Helvetica, Arial, sans-serif;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 80px;
    line-height: 1.8;
}

.job-card__footer {
    border-top: 2px solid #ef2e24;
}


.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



/* == WHITE BACKGROUND BANNER == */
.spotlight_bg_white-container {
    background: #FFF;
    padding: 0;
}

.spotlight_bg_white-container .panel {
    width: 100%;
    background-position: right;
    position: relative;
    background-size: auto 100%;
    padding: 0;
    min-height: 32vh;
}

.spotlight_bg_white-container .panel:before {
    content: ' ';
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgb(255, 255, 255);
    background: -moz-linear-gradient(90deg, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 70%);
    background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 70%);
    background: linear-gradient(90deg, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 70%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff", GradientType=1);
}

@media(max-width:769px) {
    .spotlight_bg_white-container .panel {
        background-position: 50% 100%;
        min-height: 2vh;
    }

    .spotlight_bg_white-container .panel:before {
        background: rgb(255, 255, 255);
        filter: none;
    }

    .spotlight_bg_white-container .panel .col-xs-12 {
        padding-left: 30px;
        padding-right: 30px;
    }
}


/* == LIST WITH ICON == */


/* == OFFSET IMAGE BOX == */
.offset-image-box img {
    margin: -20px 0;
}

/* == Equal height column */
.row.equal-height-column {
    display: flex;
    flex-wrap: wrap;
}

.row.equal-height-column [class*="col-"] {
    flex: 1;
}

.panel--heading {
    margin: 0;
}

/* == TABS PAYROLLING == */
.nav.nav-pills.nav-payroll li {
    width: 14.23%;
    color: #707070;
}

.nav.nav-pills.nav-payroll li a {
    color: #707070;
}

.nav.nav-pills.nav-payroll li a span.txt {
    color: #707070;
    font-size: 20px;
    line-height: 30px;
}

.nav.nav-pills.nav-payroll li.active a:after {
    content: ' ';
    width: 0px;
    height: 0px;
    border-top: 10px solid #DA291C;
    border-left: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid transparent;
    position: absolute;
    left: 50%;
    top: 100%;
    margin-left: -10px;
}

@media(max-width:769px) {
    .nav.nav-pills.nav-payroll li a {
        min-height: 100px;
    }

    .nav.nav-pills.nav-payroll li a span.txt {
        display: none;
    }
}

/* == IMAGE ICON LIST == */
.image-icon-list ul {
    list-style: none !important;
    margin-bottom: 0;
}

.image-icon-list li {
    padding: 12px 0;
    margin: 0 0 8px;
    color: #707070;
    overflow: hidden;
    vertical-align: middle;
}

.image-icon-list li .thumbnail {
    text-align: center;
}

.image-icon-list li .thumbnail img {
    max-height: 40px;
    display: inline-block;
}

.image-icon-list li a,
.image-icon-list li a span {
    font-size: 1em;
    display: block;
    color: #707070;
}

.image-icon-list li a:hover {
    color: #ef2e24;
    text-decoration: underline;
}

/* == FORM CONTAINER == */
.form-container {
    font-family: houschka_headmedium, Helvetica, Arial, sans-serif;
    z-index: 5;
}

.form-container .form-field {
    float: left;
}

.form-field label,
.form-container .form-field label {
    font-family: houschka_headmedium, Helvetica, Arial, sans-serif;
}

.form-container .form-text-block {
    padding: 10px;
}

.form-container .form-field.multiline-field {
    width: var(--widthFull);
    padding-right: 20px;
}

/* == Square icon list == */
.square-icon-list {
    list-style: none;
}

.square-icon-list li {
    list-style: none;
    min-height: 150px;
}

.square-icon-list li a {
    padding: 10px;
    display: block;
    height: 100%;
    min-height: 150px;
    vertical-align: middle;
    background: #fff;
}

.square-icon-list li img {
    max-height: 60px;
    width: auto;
    display: inline-block;

}

.square-icon-list li span {
    display: block;
    width: 100%;
    color: #707070;
    font-weight: bold;
}

.spotlight_center-content .panel--body ul.square-icon-list {
    margin-left: 0;
}




/* == FORM == */
.form-field.checkbox-list {
    width: var(--widthFull);
    padding-right: 20px;
}

.form-field.checkbox-list label:first-child {
    width: var(--widthFull);
}

.form-field.checkbox-list label {
    display: inline-block;
    width: auto;
    padding-right: 20px;
    line-height: 20px;
}

.form-field.checkbox-list label input {
    margin-top: 0;
    margin-right: 10px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
}

.form-field.checkbox-field {
    width: auto;
}

label.checkboxLabel {
    width: auto;
    display: block;
}

.legalCheck {
    width: 20px;
    height: 20px;
}

.form-container .full .form-field {
    width: calc(100% - 10px) !important;
    margin: 0 10px 10px 5px;
}

.form-container .full,
.form-container .full .form-field.multiline-field {
    width: 100% !important;
}

/* == Big Banner Container == */
@media (max-width: 767px) {
    .big_banner-container {
        display: block;
    }

    .arrow-left-item::before,
    .arrow-right-item::before {
        display: none;
    }

    .big_banner-container .big_banner {
        background-position: 20% center;
    }
}

@media (max-width: 786px) {
    .big_banner-container .img-col {
        text-align: center;
    }

    .big_banner-container.spotlight-container img {
        max-width: 60%;
        width: auto;
        display: inline-block;
    }
}

.spotlight-container.Adecco-min-Height-Banner-container {
    padding: 0;
}

.spotlight-container.Adecco-min-Height-Banner-container .Adecco-min-Height-Banner {
    width: 100%;
    background-size: cover;
    margin: 0;
    min-height: 400px;
}

@media (max-width: 767px) {
    .spotlight-container.Adecco-min-Height-Banner-container .Adecco-min-Height-Banner {
        min-height: 200px;
    }
}

/* == Topwerkgevers == */
.topwerkgevers .inner-card {
    max-height: 150px;
    overflow: hidden;
}

/* == Job Wide == */
.panel.job-wide {
    background-color: transparent;
}







/* == Digitaal Magazine component == */
.magazinecontainer {
    position: relative;
    min-height: 530px;
    overflow: hidden;
    margin-bottom: 2rem;
}

.magazinecontainer h2 {
    margin: 0 0 50px 50px;
    color: #ffffff;
    font-family: houschka_headmedium, Helvetica, Arial, sans-serif;
}

.magazinecontainer h2 span {
    font-size: 100px;
    line-height: 80px;
    font-family: houschka_headbold, Helvetica, Arial, sans-serif;
}

.magazinecontainer a.btn.label {
    margin-top: 50px;
    background-image: linear-gradient(-135deg, #d11947, #ef2e24);
}

.magazinecontainer a.btn.btn--white {
    margin-top: 50px;
}

.magazinecontainer a.btn.label:hover {
    color: #FFFFFF;
}

.magazinecontainer .btn {
    margin: 50px 0px 30px 50px;
}

.magazinecontainer img.bg-cover {
    position: absolute;
    object-fit: cover;
    z-index: -1;
    bottom: 0px;
}

.magazinecontainer .diagonal-object {
    position: relative;
    padding: 20px 0;
    margin-top: -1px;
    min-height: 250px;
    bottom: -150px;
}

.magazinecontainer .diagonal-object:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    transform: skewy(-5deg);
    transform-origin: 50% 0;
    outline: 1px solid transparent;
    backface-visibility: hidden;
    background-image: linear-gradient(-135deg, #d11947, #ef2e24);
}

.magazinecontainer .magazine-footer {
    position: absolute;
    z-index: 1;
    width: 100%;
    bottom: 0;
}

.magazinecontainer ul.magazine-nav-list {
    position: absolute;
    right: 25px;
    bottom: 25px;
    margin-bottom: 0px;
}

.magazinecontainer li.magazine-list-item {
    width: 200px;
    height: 200px;
    display: inline-block;
}

.magazinecontainer img.magzine-thumb {
    position: absolute;
    object-fit: cover;
}

.magazinecontainer .content-row {
    z-index: 8;
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0;
}

.magazinecontainer .phone {
    width: 90%;

}

.magazinecontainer a.magazine-link {
    display: block;
    width: 200px;
    height: 200px;
    position: relative;
    overflow: hidden;
}

.magazinecontainer .magazine-link span {
    position: absolute;
    color: #FFF;
    bottom: 5px;
    left: 5px;
    right: 5px;
}

@media (max-width: 990px) {
    .magazinecontainer img.bg-cover {
        height: 100%;
        width: auto;
    }

    .magazinecontainer li.magazine-list-item {
        width: 23%;
        height: 100%;
    }

    .magazinecontainer a.magazine-link {
        width: 100%;
        height: 100%;
        padding-bottom: 100%;
    }

    .magazinecontainer ul.magazine-nav-list {
        width: 100%;
        left: 25px;
        height: auto;
    }
}

@media (max-width: 576px) {
    .magazinecontainer {
        min-height: 800px;
    }

    .magazinecontainer img.bg-cover {
        height: 100%;
        width: auto;
    }

    .magazinecontainer li.magazine-list-item {
        width: 42%;
        height: 100%;
    }

    .magazinecontainer a.magazine-link {
        width: 100%;
        height: 100%;
        padding-bottom: 100%;
    }

    .magazinecontainer ul.magazine-nav-list {
        width: 100%;
        left: 25px;
        height: auto;
    }

    .magazinecontainer .btn {
        width: calc(100% - 100px) !important;
        margin: 50px 50px 0px !important;
    }

    .magazinecontainer h2 {
        margin-top: 20px;
    }
}


/*.travail-frontalier-france-belgique .scfForm input[type="checkbox"] {
    float: left;
    clear: none;
    width: 34px;
    vertical-align: middle;
    margin-right: 5px
}

.travail-frontalier-france-belgique .scfForm label {
    float: left;
    display: block;
    vertical-align: middle;
    margin-top: 7px;
}

.travail-frontalier-france-belgique .scfForm .scfSectionContent {
    width: 80%;
}

.travail-frontalier-france-belgique .scfForm td {
    vertical-align: middle;
}

.travail-frontalier-france-belgique .scfCheckBoxListLabel {
    width: 100%;
}

.travail-frontalier-france-belgique .form_section .scfSectionContent {
    width: 80%;
    margin: 0 auto;
}

.travail-frontalier-france-belgique .halfSection .form-field:last-child {
    margin-right: 0 !important;
    margin-left: 15px !important;
}

.travail-frontalier-france-belgique .halfSection {
    width: 100%;
}

.travail-frontalier-france-belgique .halfSection .form-field {
    width: 48%;
    float: left;
    display: inline-block;
}

.travail-frontalier-france-belgique .form-field {
    width: 99%;
}

.travail-frontalier-france-belgique .form-field input {
    padding: 8px;
    font-size: 16px;
    border: 1px solid #b2b2b2;
    border-radius: 7px;
}

.travail-frontalier-france-belgique .checkbox-list label {
    display: inline-block;
    width: 30%;
}

.travail-frontalier-france-belgique .checkbox-list .checkbox-title {
    display: block;
    width: 100%;
    font-size: 18px;
}

.travail-frontalier-france-belgique .checkbox-list label input {
    display: block;
    clear: none;
    width: 34px;
    vertical-align: middle;
    margin-right: 5px;
    height: 34px;
    border: 1px solid #ccc;
    margin-bottom: 7px;
}

.travail-frontalier-france-belgique .checkbox-list label {
    margin-bottom: 5px;
    padding: 5px;
    font-weight: normal;
    float: left;
    clear: none;
    font-size: 14px;
    margin-top: 7px;
}

.travail-frontalier-france-belgique .form-field.multiline-field label {
    padding-top: 7px;
}

.travail-frontalier-france-belgique .form-field label {
    font-family: houschka_headmedium, Helvetica, Arial, sans-serif;
}

.travail-frontalier-france-belgique .scfFooterBorder p {
    font-size: 14px;
    line-height: 16px;
    text-align: left;
    margin-bottom: 0;
}

.travail-frontalier-france-belgique .scfFooterBorder {
    width: 500px;
    margin: 0 auto;
}

.travail-frontalier-france-belgique .scfSubmitButton input[type="submit"] {
    width: 500px;
    padding-top: 10px;
    margin-bottom: 7rem;
}
.travail-frontalier-france-belgique .scfSubmitButton input[type="submit"]:hover {
    background: #c61017 !important;
}
@media(min-width: 320px) and (max-width: 767px) {

    .travail-frontalier-france-belgique .scfSubmitButton input[type="submit"],
    .travail-frontalier-france-belgique .scfFooterBorder,
    .travail-frontalier-france-belgique .halfSection .form-field {
        width: 100%;
    }

}

.travail-frontalier-france-belgique .validation-summary-errors {
    display: none;
}

.travail-frontalier-france-belgique .form_section {
    padding: 4rem 0 7rem;
}
*/

/* == Gradient background class == */
.bg-cherise-red-gradient{
    background: rgb(209, 25, 71);
    background: -moz-linear-gradient(45deg, rgba(209, 25, 71, 1) 33%, rgba(239, 46, 36, 1) 100%);
    background: -webkit-linear-gradient(45deg, rgba(209, 25, 71, 1) 33%, rgba(239, 46, 36, 1) 100%);
    background: linear-gradient(45deg, rgba(209, 25, 71, 1) 33%, rgba(239, 46, 36, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d11947", endColorstr="#DA291C", GradientType=1);
}
.bg-red-cherise-gradient{
    background: rgb(239, 46, 36);
    background: -moz-linear-gradient(45deg, rgba(239, 46, 36, 1) 33%, rgba(209, 25, 71, 1) 100%);
    background: -webkit-linear-gradient(45deg, rgba(239, 46, 36, 1) 33%, rgba(209, 25, 71, 1) 100%);
    background: linear-gradient(45deg, rgba(239, 46, 36, 1) 33%, rgba(209, 25, 71, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#DA291C", endColorstr="#d11947", GradientType=1);
}

/* == Z-index class == */
.z-0{
    z-index: 0 !important;
}
.z-1{
    z-index: 1!important;
}
.z-2{
    z-index: 2!important;
}
.z-3{
    z-index: 3!important;
}
.z-4{
    z-index: 4!important;
}
.z-5{
    z-index: 5!important;
}




/* == Form == */
.scfSingleLineTextBorder .form-field {
    line-height: 1.4em;
    display: block;
    margin: 10px;
    width: calc(100% - 20px);
    vertical-align: top;
}
.scfSingleLineTextBorder .form-field.checkbox-field {
    width: auto;
    vertical-align: middle;
}
.scfSingleLineTextBorder label.checkboxLabel{
    line-height: 1.4;
    margin: 10px;
    vertical-align: middle;
}
.scfSingleLineTextBorder .form-field.checkbox-field .legelCheckLabel{
    padding: 0px;
    margin: 0px;
}
@media (min-width: 1200px){
    .container-content a {
        font-size: 100%;
        line-height: 1;
    }
}

/* Werkgever nav */
.employer-view .site-header-controls .wrap-navigation .nav>li:nth-child(5){
    position: relative;
    margin-right: 32px;
}
.employer-view .site-header-controls .wrap-navigation .nav>li:nth-child(5)>a{
    text-indent: -99999px;
}
.employer-view .site-header-controls .wrap-navigation .nav>li:nth-child(5)>a:before {
    content: ' ';
    display: block;
    position: absolute;
    z-index: 99999;
    top: -8px;
    left: 0;
    width: 32px;
    height: 32px;
    background: url(https://www.adecco.be/nl-be/werkgevers/-/media/adeccogroup/brands/adecco-global-2016/belgium/media/_icons/icon-ukraine.png);
    background-size: cover;
}


/* == Job Slider == */
.jobs#predefinejobdiv h5{
    font-size: 28px;
    line-height: 36px;
    color: #DA291C;
}
.jobs-slider .job-card, .jobs.jobs-slider .job {max-height: 500px !important;}

.jobs.jobs-slider .job__info {max-height: 450px !important;height: auto !important;display: flex;flex-direction: column;}

.job__info--description {text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;overflow: hidden;order: 2;margin-bottom: 16px;}

.jobs .job .job__info--name {order: 0;line-height: 28px;font-size: 24px;min-height: 70px;}

.jobs .job__info--meta {order: 1;margin: 8px 0 16px;}

.job__info--location {font-weight: 600;}

.job__info--contract-type {font-weight: 600;}

.job__info--posted-date {color: #576166;}

 {font-size: 24px;line-height: 28px;top: 0;min-height: 70px;}

.job__info--name a {font-size: 24px!important;line-height: 28px!important;}

.job-card__footer {padding: 0;}

.job-card__footer a:after{top: 0;}

.job-card__footer a {padding: 16px 20px;}