#cookiefy_close {
    margin-right: 60px;
}

body,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Century Gothic", 'Roboto', sans-serif !important;
}

.row.team{
	    display: inline-block !important;
}
@media only screen and (max-width : 768px) {
.row.team{
width: 100%;
    margin-left: 0px;		
	}
}

.team img{
width:100%;}

.team h3{
text-align:center;
	margin-top:10px;
	margin:10px 0px !important;
	font-size:20px;
}

.team p{
text-align:center;
}

.ls.slider-home {
    padding-bottom: 50px;
    background-color: #fff !important;
    margin-top: -120px;
}

.bg--gray {
    background-color: #F5F5F5!important;
}


.cols-partner img {
    -webkit-filter: grayscale(100%);
    filter: none !important;
}

.text-white {
    color: #fff !important;
}

.page_header_wrapper.header_darkgrey {
    background: none;
}

.header_darkgrey.header-opacity {
    background-color: rgba(0, 0, 0, 0.5 !important);
}

.to_animate {
    visibility: visible !important;
}

.top-header {
    color: #fff;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    border-bottom: 1px solid #000;
}

.top-header>.row {
    margin: auto;
}

.top-header a {
    color: #fff;
    margin-right: 10px;
    font-size: 12px;
}

.top-header a i {
    color: #fbdd00;
}

.top-header .flags img {
    max-width: 22px
}

.page_header_wrapper.affix-wrapper {
    transform: translateY(-60px);
}

.intro_section .big {
    line-height: 50px;
    margin-top: 300px;
}

.intro_section .big:first-line {
    font-weight: 700;
}

.intro_section .slide_description_wrapper .slide_description {
    position: relative;
}

/*.intro_section .slide_description_wrapper .slide_description::before { content:""; position:absolute; top:-40px; left:50%; width:130px; height:20px; background:url(images/line.png) no-repeat; margin-left:-65px; }*/
/*.intro_section .slide_description_wrapper .slide_description::after { content:""; position:absolute; bottom:-40px; left:50%; width:130px; height:20px; background:url(images/line.png) no-repeat; margin-left:-65px; }*/

body.no-slider .box_wrapper {
    background-size: calc(100% - 100px);
    background-color: #fff;
}

.ds.page_mainslider {
    background-color: rgb(35, 35, 35);
}

.intro_section>img,
.intro_section .slides>li>img {
    opacity: 1 !important
}

.intro_section .btn-default {
    color: #333 !important;
    font-weight: bold;
    margin-top: 350px;
}

.sf-menu>li>a:hover,
.sf-menu>li.active>a {
    color: #fbdd00 !important;
}

.ls#services .teaser p {
    height: 200px
}

#box_wrapper .numbered-header:before {
    display: none;
}

#cookiefy_close {
    filter: brightness(0) invert(1);
}

.intro_section .scroll-icon {
    background: #232323;
    padding: 15px;
    color: #fff;
}

.intro_section .scroll-icon a {
    color: #fff !important;
}

.single-post-vacancy .entry-content img {
    margin-left: 15px;
}

.well-contact .arrow {
    position: absolute;
    top: -20px;
    left: 0px;
    width: 0;
    height: 0;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    border-bottom: 25px solid #f5f5f5;
}

.sollicitatie-form .checkbox-inline {
    width: 150px;
    padding-left: 0px !important;
    margin-left: 0px !important;
}

.sollicitatie-form .form-group input[type=checkbox],
.sollicitatie-form .form-group input[type=radio] {
    display: inline-block;
    width: 30px;
    float: left;
    height: 40px;
}

.sollicitatie-form .checkbox-inline span {
    display: inline-block;
    float: left;
    margin-top: 12px;
}

.row.has-partners {margin: 0 80px;}

.cols-partner-inner {
    height: 120px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cols-partner img {
    display: inline-block !important;
    filter: url('data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter i…0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale');
    filter: gray;
    -webkit-filter: grayscale(100%);
    vertical-align: middle;
    max-width: 48vw;
    max-height: 100%;
}

@media only screen and (max-width : 768px) {
    .cols-partner-inner { height: 80px; }
    .row.has-partners {margin: 0 20px;}
    .cols-partner img {max-width: 32vw;}
}

.cols-partner:hover img {
    filter: none;
    -webkit-filter: none;
}

.teaser img {
    max-width: 50%
}

.table-vacancies thead tr th {
    background-color: #fbdd00 !important;
    border: none;
    font-weight: bold;
    padding: 25px 15px !important;
}

.table-vacancies tbody tr td {
    cursor: pointer;
    border: none !important;
    border-top: 5px solid #232323 !important;
    border-bottom: 5px solid #232323 !important;
    color: #888;
}

/*.table-vacancies tbody tr td:first-child { border-left:1px solid #454545; }
.table-vacancies tbody tr td:last-child { border-right:1px solid #454545; }*/
.table-vacancies tbody tr td {
    background-color: rgba(255, 255, 255, 0.07) !important;
}

.table-vacancies tbody tr {
    transition: .3s all;
    -webkit-transition: .3s all;
}

.table-vacancies tbody tr:hover {
    transform: scale(1.02);
    box-shadow: 0px 0px 0px 6px #242423;
}

body.no-slider {
    padding-top: 150px;
    background: #5a5a5a;
}

.page_header_wrapper {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
}

.top-header a {
    white-space: nowrap
}

.footer-description {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    margin-bottom: 0px;
}

.theme_button.color3:hover {
    background: #fbdd00 !important;
    border-color: #fbdd00;
    color: #000 !important;
}

.theme_button.color4 {
    background-color: #fbdd00;
    border-color: #fbdd00;
    color: #000 !important;
}

.theme_button.color4:hover {
    color: #fbdd00 !important;
    background-color: transparent;
}

.small-teaser .media-body {
    font-size: 15px;
    color: #787878;
}

.small-teaser .media-body a {
    color: #787878 !important;
}

.widget_archive a,
.widget_categories a,
.widget_meta a,
.widget_nav_menu a,
.widget_pages a {
    white-space: nowrap;
}

a.theme-color-icon,
.ds a.theme-color-icon,
.ls a.theme-color-icon {
    color: #787878 !important;
}

a.theme-color-icon:hover,
.ds a.theme-color-icon:hover,
.ls a.theme-color-icon:hover {
    color: #fff !important;
}

.teaser h4 {
    white-space: nowrap;
}

#certificates .certificate {
    height: 100px;
    line-height: 100px;
    text-align: center;
}

#certificates .img {
    margin: 0 auto;
    display: inline-block;
}

.row-flex {
    display: flex;
}



.vacancy-list {
    background-color: #F5F5F5;
    padding: 7rem 0;
    margin-top: -130px;
    margin-bottom: -50px;
}
.vacancy-list [class*="col-"] {
    margin-bottom: 32px!important;
}
@media only screen and (max-width : 768px) {
    .vacancy-list [class*="col-"] {
        margin-bottom: 16px!important;
    }
}



.vacancy-list-title {
    font-size: 1.4em;
    color: #232323;
    margin-top: 6rem;
    margin-bottom: 3rem;
    border-bottom: 1px solid #DBDBDB;
    padding-bottom: 1.5rem;
}

.card {
    display: block;
    background-color: #fff;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: .25rem;
    color: #787878 !important;
}

.card-header {
    border-bottom: 1px solid #F0F0F0;
    padding: 20px 26px;
}

.card-body {
    padding: 20px 26px;
}

.card .columns_margin_bottom_60 [class*="col-"],
.row.columns_margin_bottom_60 [class*="col-"] {
    margin-bottom: 0 !important;
}

.card [class*="col-"] {
    margin-bottom: 0 !important;
}

.card-title {
    display: flex;
    align-items: center;
    height: 48px;
    overflow: hidden;
}

.card .card-title span {
    font-weight: bold;
    font-size: 1.1em;
    color: #232323;
}

.card-header .fas {
    display: inline-block;
    font-size: 1.2em;
    width: 2.5em;
    height: 2.5em;
    line-height: 2.7em;
    text-align: center;
    background-color: rgba(254, 220, 3, 0.2);
    color: #FEDC03;
    border-radius: 100%;
}

.vacancy-item-icons {
    height: 24px;
}

.vacancy-item-icon {
    display: inline-block;
    margin-right: 1.5em;
}

.card .card-body p {
    display: block;
    height: 100px;
    font-size: 15px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 1rem;
}


.vacancy-small-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    background-color: #fff;
    padding: 24px 36px;
    position: relative;
    z-index: 2;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
}
.vacancy-small-cta .info {
    margin-left: 16px;
}
.vacancy-small-cta .info h3 {
    margin: 0;
    font-weight: 600;
}
.vacancy-small-cta .theme_button {
    margin: 0;
}
.vacancy-small-cta .fas {
    display: inline-block;
    font-size: 1.8em;
    width: 2.0em;
    height: 2.0em;
    line-height: 2.1em;
    text-align: center;
    background-color: rgba(254, 220, 3, 0.2);
    color: #FEDC03;
    border-radius: 100%;
}
.vacancy-small-cta .block:first-child {
    display: flex;
    align-items: center;
}
@media only screen and (max-width : 768px) {
    .page_default-header .vacancy-small-cta {
        margin-top: 64px!important;
    }
    .vacancy-small-cta, .vacancy-small-cta .block:first-child {
        flex-direction: column;
        text-align: center;
    }
    .vacancy-small-cta .info {
        margin: 16px 0;
    }
}



.page_vacancy_header .to-overview {
    margin-bottom: 16px;
    font-weight: 600;
}
.page_vacancy_header {
    padding-top: 20px;
    padding-bottom: 240px;
    margin-bottom: -240px;
}
.page_vacancy_header i {
    margin-right: 6px;
}
.page_vacancy_header .row {
    display: flex;
    justify-content: center;
}
.page_vacancy_header .description {
    margin: 18px 0 32px 0;
}
.page_vacancy_header .vacancy-property {
    display: inline-flex;
    align-items: center;
    margin: 0 16px;
}
.page_vacancy_header .vacancy-properties i {
    font-size: 20px;
}
.page_vacancy_header .description > *{
    display: none;
}
.page_vacancy_header .description > *:first-child{
    display: block;
}
.vacancy-header-image {
    margin-top: -52px; 
    width: 100%;
    height: 535px;
    margin-bottom: 60px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
@media only screen and (max-width : 768px) {
    .page_vacancy_header {
        padding-top: 0;
        padding-bottom: 175px;
        margin-bottom: -175px;
    }
    .page_vacancy_header .to-overview {
        margin-bottom: 26px;
    }
    .page_vacancy_header .vacancy-property {
        margin: 5px 16px;
    }
    .vacancy-header-image {display: none;}
}




.vacancy-content {
    padding: 50px 0;
    max-width: 900px;
    margin: 0 auto;
}
.vacancy-content h2 {
    margin: 0;
    margin-bottom: 14px;
    font-weight: 600;
    font-size: 36px;
}
.vacancy-content p {
    color: #232323;
}
.vacancy-content .expectations-container ul,
.vacancy-content .offers-container ul {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin: 0 -6px;
    color: #232323;
}
.vacancy-content .expectations-container ul li,
.vacancy-content .offers-container ul li {
    display: flex;
    align-items: center;
    flex: 1 1 420px;
    margin: 6px;
    background-color: #fff;
    padding: 22px 18px;
    font-weight: 600;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
}
.vacancy-content .expectations-container ul li {
    flex: 1 1 420px;
}
.vacancy-content .expectations-container ul li:before,
.vacancy-content .offers-container ul li:before {
    display: inline-block;
    font-size: 20px;
    width: 40px;
    min-width: 40px;
    height: 40px;
    margin-right: 12px;
    line-height: 42px;
    text-align: center;
    background-color: rgba(254, 220, 3, 0.2);
    color: #FEDC03;
    border-radius: 100%;
    content: '\f00c';
    font-family: 'Font Awesome 5 Pro';
}
.vacancy-content .requirements-container {
    border: 1px solid #D4D4D4;
    padding: 32px;
    margin-top: 40px;
    display: flex;
    align-items: center;
}
.vacancy-content .requirements-container b {
    color:#232323;
    font-size: 26px;
    margin-bottom: 10px;
    display: block;
}
.vacancy-content .requirements-container i {
    color:#FEDC03;
    font-size: 50px;
    margin-right: 24px;
}
@media only screen and (max-width : 768px) {
    .vacancy-content h2 {
        font-size: 28px;
        line-height: 34px;
        margin-bottom: 8px;
    }
    .vacancy-content .requirements-container i {
        display: none;
    }
    .vacancy-content.description {
        padding-top: 64px;
    }
    .vacancy-content {
        padding: 32px 0;
    }
}


.vacancy-cta {
    background-color: #FEDC03;
    padding: 100px 0 0;
    margin-top: 60px;
    text-align: center;
}
.vacancy-cta.extend .vacancy-small-cta {
    margin-bottom: 100px;
}
.vacancy-cta h2{
    font-weight: 600;
    font-size: 26px;
}
.vacancy-cta .container > .row {
    max-width: 900px;
    margin: 0 auto;
}
.vacancy-cta .container .row [class*="col-"]{
    margin-bottom: 50px;
}
.vacancy-cta .contact-card {
    border: 1px solid #232323;
    padding: 24px;
    display: block;
    font-weight: 600;
    color: #232323;
    text-align: left;
}
.vacancy-cta .contact-card:hover {
    background-color: #232323;
    color: #fff;
}
.vacancy-cta .contact-card i {
    margin-right: 6px;
}
.vacancy-cta .cta-divider {
    color: #232323;
    font-size: 18px;
    margin: 0 auto;
}
.vacancy-cta .cta-big-text {
    font-size: 50px;
    text-transform: uppercase;
    font-weight: 300;
    max-width: 600px;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 80px;
}
.vacancy-cta .vacancy-small-cta {
    margin-bottom: -52px;
}
.related-vacancies {
    margin-top: 160px;
    margin-bottom: 80px;
    color: #232323;
}
@media only screen and (max-width : 768px) {
    .vacancy-cta .cta-big-text {
        font-size: 32px;
    }
}



.startpagina-cta {
    padding-top: 100px;
    padding-bottom: 80px;
}
.startpagina-cta .europe {
    width: 100%;
}
@media only screen and (max-width : 768px) {
    .startpagina-cta .europe {
        margin-top: 32px;
    }
    .vacancy-cta .container .row [class*="col-"]{
        margin-bottom: 0;
    }
    .vacancy-cta .cta-divider {
        margin-top: 50px;
    }
}
.startpagina-cta .contact {
    max-width: 455px;
}
.startpagina-cta .contact-card {
    border: 1px solid #D4D4D4;
    padding: 18px;
    display: flex;
    align-items: center;
}
.startpagina-cta .contact-card .contact-info {
    margin-left: 16px;
}
.startpagina-cta .contact-card .contact-info i {
    padding: 3px 0;
    display: block;
    color: #232323;
}
.startpagina-cta .contact-card .contact-info i span {
    font-family: "Century Gothic", 'Roboto', sans-serif !important;
    font-weight: 300;
    margin-left: 8px;
}

.contact-cta .col-12 .contact-card {
    border: 1px solid #D4D4D4;
    padding: 44px 36px;
}
.contact-cta .col-12:last-child .contact-card {
    border: 1px solid #F0F0F0;
    background-color: #F0F0F0;
}
.contact-cta .contact-card .contact-info i {
    padding: 6px 0;
    display: block;
    color: #232323;
}
.contact-cta .contact-card .contact-info-wrapper {
    display: flex;
    align-items: center;
}
.contact-cta .contact-card .contact-info-wrapper .contact-info{
    margin-left: 12px;
}
.contact-cta .contact-card .contact-info i span {
    font-family: "Century Gothic", 'Roboto', sans-serif !important;
    font-weight: 300;
    margin-left: 8px;
}
.contact-cta .contact-card .theme_button {
    margin-top: 32px;
}
@media only screen and (max-width : 768px) {
    .contact-cta .col-12:first-child {
        margin-bottom: 26px!important;
    }
}

/*==========  Mobile First Method  ==========*/


/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    .intro_section .big {
        line-height: 70px;
    }

    .page_header .flags {
        margin-right: -35px;
    }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
    .intro_section .big {
        line-height: 100px;
    }
}



/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    body {
        padding-top: 140px;
    }

    .mainmenu.sf-menu.sf-js-enabled {
        height: 100vh;
        top: 0px;
        position: fixed;
        left: 0px;
        width: 100vw;
        margin-top: 0px;
    }

    .affix-wrapper .toggle_menu.mobile-active {
        top: 70px !important;
    }

    .affix-wrapper .mainmenu.sf-menu.sf-js-enabled {
        top: 60px;
    }

    .section_header {
        font-size: 25px !important;
    }

    .breadcrumb {
        font-size: 13px !important;
    }

    .header_gradient a.logo,
    .header_darkgrey a.logo {
        display: block;
        text-align: center;
    }

    .section_padding_top_65>[class*="container"] {
        padding-top: 30px !important;
    }

    footer a.logo img {
        margin-top: 0px !important;
    }

    a.logo img {
        max-height: 60px !important;
        margin: 10px 0px;
    }

    .well-contact .arrow {
        display: none
    }

    .xs-flex-first {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1;
    }

    .row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    #cookiefy_bar {
        font-size: 12px;
    }

    #cookiefy_close {
        margin-right: 20px;
    }
}


/***** HEADER HOME ******/
:root {
    --primary: #f2d222;
}
.new--header_home {
    padding-top: 290px;
    background-color: #232323;
    background-image: url('/img/header-home_bg.png');
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: contain;
    overflow: visible!important;
}
.new--header_home .container {
    width: 1320px;
}
.new--header_home .content .inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.new--header_home .content .inner > div {
    max-width: 48%;
}
.new--header_home .content .uppertitle {
    text-transform: uppercase;
    color: var(--primary);
    font-weight: 600;
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 26px;
    padding: 1px 0;
    padding-left: 32px;
    border-left: 2px solid var(--primary);
    display: inline-block;
}
.new--header_home .content h1 {
    font-size: 64px;
    line-height: 72px;
    font-weight: 400;
    margin: 0;
    color: #fff;
    text-transform: uppercase;
    padding-left: 32px;
    border-left: 2px solid #fff;
}
.new--header_home .content h1 span.bold {
    font-weight: 600;
}
	
		
		.new--header_home .content h1 span.small {
    font-size: 28px;
			color:#fff;
}
.new--header_home .content h1 span.yellow {
    font-weight: 600;
		color: var(--primary);
}
		
.new--header_home .content .sectors .sector {
    width: 440px;
    border: 1px solid #fff;
    padding: 24px 26px;
    display: flex;
    align-items: center;
    font-size: 20px;
    line-height: 20px;
    color: #fff;
    margin-bottom: -1px;
}
.new--header_home .content .sectors .sector:hover {
    background-color: var(--primary);
    border-color: var(--primary);
    color: #232323;
    transform: scale(1.03);
}
.new--header_home .content .sectors .sector h3 {
    font-weight: 600;
    margin: 0;
    margin-left: 16px;
}
.new--header_home .content .sectors .sector .fa-long-arrow-right {
    margin-left: auto;
}
.new--header_home .footer {
    margin-top: 160px;
    margin-bottom: -32px;
}
.new--header_home .footer .large-btn{
    padding: 45px;
    display: inline-block;
    width: 550px;
    text-align: center;
    font-size: 20px;
    line-height: 20px;
    text-transform: uppercase;
    position: relative;
    margin-right: -4px;
}
.new--header_home .footer .large-btn:hover{
    transform: translateY(-5px);
}
.new--header_home .footer .large-btn span{
    font-weight: 600;
}
.new--header_home .footer .large-btn i{
    position: absolute;
    right: 45px;
}
.new--header_home .footer .large-btn.--primary{
    background-color: var(--primary);
    color: #232323;
}
.new--header_home .footer .large-btn.--secondary{
    background-color: #1A1A1A;
    color: #fff;
}
.new--header_home .footer {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.new--header_home .footer .contact-info {
    padding-right: 60px;
    padding-top: 12px;
    color: #fff;
}
.new--header_home .footer .contact-info .link {
    color: #fff;
    font-size: 16px;
    line-height: 16px;
    margin-left: 50px;
}
.new--header_home .footer .contact-info .link i {
    margin-right: 8px;
}
@media only screen and (max-width : 1660px) {
    .new--header_home .container {
        width: 1170px;
    }
    .new--header_home .footer .large-btn{
        width: 400px;
        padding: 40px;
    }
}
@media only screen and (max-width : 1320px) {
    .new--header_home .container {
        width: 100%;
        padding: 0 30px;
    }
    .new--header_home .content .sectors .sector {
        width: 380px;
        padding: 20px 22px;
        font-size: 18px;
        line-height: 18px;
    }
    .new--header_home .footer .contact-info {
        display: none;
    }
}
@media only screen and (max-width : 992px) {
    .new--header_home .container {
        padding: 0 20px;
    }
    .new--header_home .content .inner {
        flex-direction: column;
    }
    .new--header_home .content .inner > div {
        max-width: 100%;
    }
    .new--header_home .content .uppertitle {
        font-size: 16px;
        line-height: 16px;
        margin-bottom: 20px;
        padding-left: 24px;
    }
    .new--header_home .content h1 {
        font-size: 44px;
        line-height: 54px;
        padding-left: 24px;
    }
    .new--header_home .content .inner .sectors {
        margin-top: 48px;
        width: 100%;
        margin-right: 15px;
    }
    .new--header_home .content .sectors .sector {
        width: 100%;
    }
    .new--header_home .footer .ctas {
        width: 100%;
    }
    .new--header_home .footer .large-btn{
        width: 100%;
    }
    .new--header_home .footer {
        margin-top: 120px;
        margin-bottom: 0;
    }
}
@media only screen and (max-width : 768px) {
    .new--header_home {
        margin-top: 0;
        padding-top: 50px;
    }
}


.page_default-header {
    padding-top: 80px;
    margin-bottom: 80px;
    background-color: #232323;
    overflow: visible!important;
}
.page_default-header .content {
    text-align: center;
    max-width: 700px;
    margin: 0 auto;
}
.page_default-header .breadcrumb {
    line-height: 1;
    margin-bottom: 18px;
}
.page_default-header .breadcrumb a {
    color: #fff;
    opacity: .45;
}
.page_default-header .breadcrumb li.active {
    color: #fff;
    opacity: 1;
}
.page_default-header .breadcrumb > li + li:before {
    background-color: #fff;
    opacity: .35;
}
.page_default-header .content h1 {
    font-size: 50px;
    line-height: 58px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0;
}
.page_default-header .vacancy-small-cta {
    margin-top: 80px;
    margin-bottom: -50px;
    background-color: #FEDC03;
    color: #232323;
}
.page_default-header .vacancy-small-cta .fas {
    color: rgb(35, 35, 35);
    background-color: rgba(35, 35, 35, 0.12);
}


/* SECTOR COLUMNS */

.ls.is--gray {
    background-color: #F5F5F5;
}

.sectors_columns > .header {
    margin-bottom: 40px;
}

.sectors_columns .sector {
    background-color: #fff;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
    margin-bottom: 36px;
}
.sectors_columns .sector .header {
    display: flex;
    align-items: center;
    padding: 24px 36px;
    border-bottom: 1px solid #F0F0F0;

}
.sectors_columns .sector .body {
    padding: 24px 32px 28px 32px;
}

.sectors_columns .sector .header h3 {
    margin: 0;
    margin-left: 12px;
    font-weight: 600;
}
.sectors_columns .sector .header .icon {
    color: #FEDC03;
    background-color: #FFFAD9;
    height: 44px;
    width: 44px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}
@media only screen and (max-width : 768px) {
    .sectors_columns .sector {
        margin-bottom: 24px;
    }
}


.ds .theme_buttons a.color1, .ds .theme_button.color1, .ls .theme_button.color1 {
    color: #000!important;
}



/* VACANCY OVERVIEW HOME */
.new-vacancies .vacancies {
    max-width: 900px;
    margin: 0 auto;
}
.new-vacancies .vacancies .vacancy {
    padding: 28px 26px;
    background-color: #333333;
    display: flex;
    align-items: center;
    margin-top: 12px;
    justify-content: space-between;
    text-decoration: none;
}
.new-vacancies .vacancies .vacancy:hover {
    transform: scale(1.03);
}
.new-vacancies .vacancies .vacancy > div {
    display: flex;
    align-items: center;
}
.new-vacancies .vacancies .vacancy h3 {
    margin: 0;
    margin-left: 12px;
    font-weight: 600;
}
.new-vacancies .vacancies .vacancy .icon {
    color: #FEDC03;
    background-color: #5C5529;
    height: 44px;
    width: 44px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}
.new-vacancies .vacancies .vacancy .vacancy-item-icons .vacancy-item-icon {
    color: #B1B1B1;
}
.new-vacancies .vacancies .vacancy .vacancy-item-icons {
    height: unset;
}
@media only screen and (max-width : 768px) {
    .new-vacancies .vacancies .vacancy {
        flex-direction: column;
        align-items: flex-start;
    }
    .new-vacancies .vacancies .vacancy > div:last-child {
        display: none;
    }
}

.columns_padding_25 > [class*="container"] > .row,
.columns_padding_25 > [class*="container"] > [class*="container"] > .row {
    display: flex;
    align-items: center;
}
.columns_margin_bottom_60 [class*="col-"], .row.columns_margin_bottom_60 [class*="col-"] {
    margin-bottom: 16px!important;
}

/*** 

Styling 2023

***/ 

/*** Icons ***/
.apn-icon { --icon: ; --color: 0, 0, 0; --width: 2rem; --height: 2rem; -webkit-mask-image: var(--icon); mask-image: var(--icon); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; display: inline-block; width: var(--width); height: var(--height); background-color: rgba(var(--color)); transition: background-color .25s ease; }
.apn-icon.apn-icon__heftruck { --icon: url('images/icons/icon_heftruck.svg'); }
.apn-icon.apn-icon__cross { --icon: url('images/icons/icon_cross.svg'); }
.apn-icon.apn-icon__chevron-left { --icon: url('images/icons/icon_chevron-left.svg'); }
.apn-icon.apn-icon__chevron-right { --icon: url('images/icons/icon_chevron-right.svg'); }

/*** Vacature pagina met filters ***/
.vacancy-list.has-filter .inner { display: grid; grid-template-columns: minmax(0, 1fr); padding-top: 1.6rem; }

/* Filter sidebar */
.vacancy-filter { position: fixed; display: flex; flex-direction: column; inset: 0 auto 0 0; width: 100%; background-color: #fff; z-index: 9999; transform: translate3d(-100%, 0, 0); transition: transform .25s ease; }
.vacancy-filter.is-active { transform: translate3d(0%, 0, 0); }
.vacancy-filter .vacancy-filter__header { display: flex; align-items: start; justify-content: space-between; padding: 1.6rem; }
.vacancy-filter .vacancy-filter__header h3 { margin: 0; font-weight: bold; }
.vacancy-filter .vacancy-filter__header .vacancy-filter-toggle { margin: 0; }
.vacancy-filter .vacancy-filter__body { flex-grow: 1; padding: 0 1.6rem; overflow-y: auto; }
.vacancy-filter .vacancy-filter__footer { padding: 1.6rem; }
.vacancy-filter .vacancy-filter__footer .vacancy-filter-toggle { margin: 0; width: 100%; }

/* Filter backdrop */
.vacancy-backdrop { background-color: rgba(0,0,0,.45); position: fixed; inset: 0; z-index: 1010; opacity: 0; pointer-events: none; transition: opacity .25s ease; }
.vacancy-backdrop.is-active { opacity: 1; pointer-events: all; }

/* Filter sidebar fieldset */
.vacancy-filter-fieldset { border-top: 1px solid #DBDBDB; padding-top: 1.6rem; padding-bottom: 1.6rem; }
.vacancy-filter-fieldset .vacancy-filter-label { display: block; font-size: 2rem; font-weight: bold; color: #232323; }
.vacancy-filter-fieldset input[type="checkbox"] + label:before { width: 21px; height: 21px; border-radius: .5rem; border: 1px solid #CBCBCB; line-height: 1.3; padding-left: 0.25rem; }
.vacancy-filter-fieldset input[type="checkbox"]:checked + label:before { background-color: #FEDC03; border-color: #FEDC03; }

.vacancy-items .vacancy-filter-toggle { display: none; margin: 0; width: 100%; }
.vacancy-items .vacancy-list-title { font-weight: bold; margin-top: 3.2rem; }  
.vacancy-list.has-filter .vacancy-items .vacancy-filter-toggle { display: block; }

.vacancy-items .vacancy-items-list { display: grid; grid-template-columns: minmax(0, 1fr); align-items: center; gap: 2.2rem; }
.vacancy-items .vacancy-items-list > article { padding: 0!important; margin: 0!important; width: 100%; }

/* Active filters */
.vacancy-list-active-filters { display: flex; flex-wrap: wrap; gap: .5rem; margin-bottom: 3.2rem; }
.vacancy-list-active-filters .vacancy-active-filter { display: inline-grid; align-items: center; grid-template-columns: 2rem 1fr 1rem; gap: 1rem; font-weight: bold; color: #232323; background-color: #fff; border: 1px solid #DBDBDB; border-radius: 3rem; padding: .75rem 1.5rem; }
.vacancy-list-active-filters .vacancy-active-filter > .apn-icon { width: 2rem; height: 2rem; }
.vacancy-list-active-filters .vacancy-active-filter button { all: initial; width: 1rem; height: 1rem; display: inline-flex; cursor: pointer; }
.vacancy-list-active-filters .vacancy-active-filter button .apn-icon { width: 1rem; height: 1rem; }

/* Vacancy cart */
.card.card__vacancy .card-header { padding: 0; }
.card.card__vacancy .card-header img { aspect-ratio: 4/3; object-fit: cover; }
.card.card__vacancy .card__vacancy-title { display: grid; grid-template-columns: 1fr auto; align-items: center; border-bottom: 1px solid #D4D4D4; padding-bottom: 1.6rem; margin-bottom: 1.6rem; }
.card.card__vacancy .card__vacancy-title .vacancy-sector { width: 3.8rem; height: 3.8rem; display: inline-grid; place-items: center; font-weight: bold; color: #232323; background-color: #fff; border: 1px solid #DBDBDB; border-radius: 3rem; }
.card.card__vacancy .card__vacancy-title .vacancy-sector span { display: none; font-weight: bold; color: #232323; }
.card.card__vacancy .card__vacancy-title .vacancy-sector i { color: rgb(254, 220, 3); }
.card.card__vacancy .card-body { display: flex; flex-direction: column; padding: 2rem; }
.card.card__vacancy .card-body p { -webkit-line-clamp: 3; height: auto; }
.card.card__vacancy .vacancy-item-icons { margin-top: auto; }
/* Pagination */
.vacancy-items-pagination { padding-top: 3.2rem; }
.vacancy-items-pagination ul { width: 100%; display: flex; gap: .5rem; position: relative; padding-left: 4.8rem; padding-right: 4.8rem; justify-content: center; }
.vacancy-items-pagination ul li.arrow { position: absolute; }
.vacancy-items-pagination ul li.arrow:first-child { left: 0; }
.vacancy-items-pagination ul li.arrow:last-child { right: 0; }
.vacancy-items-pagination ul li > a, .vacancy-items-pagination ul li > span { display: inline-grid; place-items: center; height: 4.4rem; min-width: 4.4rem; text-decoration: none; color: #232323!important; font-weight: bold; background-color: transparent!important; border: 1px solid #DBDBDB; }
.vacancy-items-pagination ul li .apn-icon { width: 1.5rem; height: 1.5rem; }
.vacancy-items-pagination ul li.active span { background-color: #232323!important; border-color: #232323!important;  color: #fff!important; }

@media (min-width: 576px) {
    .vacancy-filter { max-width: 45rem; }
}

@media (min-width: 768px) {
    /* Vacancy cart */
    .card.card__vacancy { display: flex; }
    .card.card__vacancy .card-header { min-width: 28rem; width: 28rem; }
    .card.card__vacancy .card-header img { aspect-ratio: 1/1; width: 100%; height: 100%; }
}

@media (min-width: 992px) {
    .vacancy-list.has-filter .inner { grid-template-columns: 32rem 1fr; gap: 2.2rem; align-items: start; padding-top: 4.8rem; } 

    .has-filter .vacancy-items .vacancy-filter-toggle { display: none!important; }

    .vacancy-items .vacancy-list-title { margin-top: 0; }

    .vacancy-filter { z-index: 1; display: flex!important; transform: none; transition: none; position: relative; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05); }
    .vacancy-filter .vacancy-filter__header .vacancy-filter-toggle { display: none; }
    .vacancy-filter .vacancy-filter__footer { display: none; }
}

@media (min-width: 1200px) {
    .vacancy-list.has-filter .inner { gap: 3.2rem; padding-top: 6.4rem; } 

    /* Vacancy cart */
    .card.card__vacancy .card__vacancy-title .vacancy-sector { width: auto; grid-template-columns: 2rem 1fr; gap: .5rem; padding-left: 1rem; padding-right: 1rem; }
    .card.card__vacancy .card__vacancy-title .vacancy-sector span { display: inline-block; }
    .card.card__vacancy .card-body { padding: 2.7rem; }

    .sticky-vacancy-cta { height: 105px; }
    .sticky-vacancy-cta.is-fixed .vacancy-small-cta { position: fixed; top: 92px; left: 50%; transform: translateX(-50%); z-index: 3; } 
}


.related-vacancies .card.card__vacancy .card-header { display: none; }