body {font-family: 'Work Sans', sans-serif;}
.mapson, .hide {display: none;}

#logo {width: 125px; height: auto;}
h1 {font-family: 'Recoleta', serif; font-weight: bold; font-size: 45px;}
h2, .cus-h2 {font-family: 'Recoleta', serif; font-weight: bold; font-size: 30px;}
h3 { font-weight: bold; font-size: 24px;}
h4 { font-weight: bold; font-size: 18px;}

.cus-nopadding {padding-left: 0; padding-right: 0;}
/*
.pt-100 {padding-top: 100px; padding-bottom: 100px;}
.mt-100 {margin-top: 100px; margin-bottom: 100px;}
.pt-200 {padding-top: 200px; padding-bottom: 100px;}
.mt-200 {margin-top: 200px; margin-bottom: 100px;}
*/

.btn {border-radius: 50px; padding: 5px 30px;}
.btn-outline-primary {color: #ef3c6b; border-color: #ef3c6b;}
.btn-outline-primary:HOVER, .btn-outline-primary:ACTIVE, .btn-outline-primary:FOCUS {background-color: #ef3c6b; color: #fff; border-color: #ef3c6b;}

.cus-navbar-toggler-extra {display: block !important; border: 0;}
.cus-navbar-toggler-extra:FOCUS {box-shadow: none;}
.cus-navbar-toggler-extra svg {fill: #ef3c6b;}

#navbarHoofdmenu {font-weight: 600; font-size: 15px;}
#navbarHoofdmenu ul li {margin-right: 20px;}
.navbar-light .navbar-nav .nav-link {color: #000;}
.navbar-light {background-color: transparent !important;}

.bg-light {background-color: #fff !important;}
.bg-friendlygreen {background-color: #a5c9ca; color: #fff;}
.bg-energeticyellow {background-color: #fff3b4;}
.bg-smartblue {background-color: #223181; color: #fff;}

.bg-friendlygreen .btn-outline-primary {color: #fff; border-color: #fff;}
.bg-friendlygreen .btn-outline-primary:HOVER, .bg-friendlygreen .btn-outline-primary:ACTIVE, .bg-friendlygreen .btn-outline-primary:FOCUS {background-color: #fff; color: #a5c9ca; border-color: #fff;}

/*
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link,
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {color: #ef3c6b;}
*/


.bg-magenta {background-color: #ef3c6b; color: #fff !important;}
.bg-magenta .cus-subtitel, body.body. .cus-spotlight .cus-subtitel {color: #fff !important;}
.bg-magenta .btn-outline-primary {color: #fff !important; border-color: #fff !important;}
.bg-magenta .cus-subtitel {color: #fff;}

.bg-gray {background-color: #f6f6f6;}


#navbarToggleExtraMenu {position: fixed; top: 0; right: 0; padding: 30px; z-index: 1999999999;}
#navbarToggleExtraMenu ul {list-style-type: none; margin: 40px 0; padding: 0;}
#navbarToggleExtraMenu ul li {margin-bottom: 30px;}
#navbarToggleExtraMenu ul li:last-child {margin-bottom: 0;}
#navbarToggleExtraMenu ul li a {color: #fff; text-decoration: none;}
#navbarToggleExtraMenu ul li a:HOVER, #navbarToggleExtraMenu ul li a:ACTIVE, #navbarToggleExtraMenu ul li a:FOCUS {text-decoration: underline;}
.cus-extramenu-close {position: absolute; top: 0; right: 0;}

#cus-contact-teaser {color: #fff; width: auto; position: fixed; top: 75%; right: 0; padding: 20px 0 20px 30px; z-index: 1000000000;}
#cus-contact-teaser span {display: block; transform-origin: left; transform: rotate(-90deg); margin: 60px 0 0 5px;}
#cus-contact-teaser-nav {float: left; width: 40px;}
#cus-contact-teaser-nav a {color: #fff; text-decoration: none;}
#cus-contact-teaser-body {float: left; width: 200px; line-height: 1.7;}
#cus-contact-teaser-body a {color: #fff; opacity: 0.8; text-decoration: none;}
#cus-contact-teaser-body p {margin: 0;}
#cus-contact-teaser-body h4 {font-size: 20px; margin-bottom: 15px;}

.cus-center-middle {margin: auto; padding: 20px;}
.cus-center-middle-img {margin: auto;}
.cus-subtitel {color: #ef3c6b; text-transform: uppercase; font-weight: 600;}

.cus-teasers .inner {padding: 30px; min-height: 385px;}


.cus-overons {}
.cus-float-container {margin-top: -100px; margin-left: 10%;}
/*.cus-float-container {position: absolute; right: 0; top: 450px; }*/
.cus-float-container .row {padding: 40px 20px;}
.bg-spotlight {background-image: url("/img/bg-spotlight.png"); background-repeat:  no-repeat; background-position: right bottom; background-size: 50%;}

.cus-onze-kantoren-inner {background-color: #F6F6F6; padding: 15px 20px;}
.cus-onze-kantoren-inner ul {list-style-type: none; margin: 30px 0 0 0; padding: 0;}
.cus-onze-kantoren-inner ul li {display: inline-block; width: 40%; margin-right: 5%; margin-bottom: 20px;}
.cus-onze-kantoren-inner ul li.active {font-weight: bold;}
.cus-onze-kantoren-inner ul li a {color: #000; text-decoration: none;}
.cus-onze-kantoren-inner ul li a:HOVER {color: #000; text-decoration: underline;}
.cus-onze-kantoren-detail {padding: 15px;}
.cus-onze-kantoren-detail a {color: #fff; text-decoration: underline;}

.cus-nieuws .container {border-bottom: 1px solid #E6E6E6; padding-bottom: 100px;}
.cus-nieuws a {color: #000;}
.cus-nieuws .cus-subtitel {margin-bottom: 5px;}
.cus-nieuws h4 a {text-decoration: none;}
.cus-nieuws h4 a:HOVER, .cus-nieuws h4 a:ACTIVE, .cus-nieuws h4 a:FOCUS {text-decoration: underline;}
.cus-nieuws .owl-stage {padding-left: 0 !important;}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {border: 1px solid #ef3c6b; border-radius: 30px; width: 40px; height: 40px; display: inline-block; color: #ef3c6b;}
.owl-carousel .owl-nav button.owl-next:HOVER, .owl-carousel .owl-nav button.owl-prev:HOVER {background-color: #ef3c6b;}
.owl-theme .owl-nav {text-align: right; margin-right: 40px; margin-top: 20px;}

footer {background: url("/img/bg-footer.png") no-repeat bottom right; position: relative; line-height: 1.8; padding-bottom: 160px; background-size: 60%;}
footer a {color: #000; text-decoration: none;}
footer a:HOVER, footer a:ACTIVE, footer a:FOCUS {color: #000; text-decoration: underline;}
footer .container .row:first-child {margin-bottom: 30px; padding-top: 40px;}
footer .container .row:nth-child(2) {margin-bottom: 20px;}
footer h4 {font-size: 16px;}
footer ul {list-style-type: none; margin: 0; padding: 0;}
footer ul li {}
footer .cus-talent {position: absolute; bottom: 30px; right: 40px; color: #fff; width: 180px; text-align: right;}
footer .cus-talent h3 {font-weight: normal; font-size: 24px; font-family: 'Recoleta', serif;  line-height: 1.4;}
footer ul.cus-socials {margin-top: 30px;}
footer ul.cus-socials li {display: inline; margin-right: 20px; font-size: 24px;}
footer ul.cus-socials li:last-child {margin-right: 0;}
footer ul.cus-socials li a {color: #fff;}
footer .cus-copyright {font-size: 12px;}

.cus-spotlight {min-height: 500px; padding-bottom: 150px; z-index: 100; position: relative;}
.cus-spotlight-txt {padding-top: 20px;}
.cus-spotlight-bg-image {position: absolute; bottom: -100px; right: 0; width: 70%;}
.cus-go-back {padding: 150px 0 0 0; margin-top: 0; z-index: 1;}
.bg-friendlygreen.cus-go-back, .bg-smartblue.cus-go-back, .bg-magenta.cus-go-back {padding-bottom: 70px;}

.cus-spotlight-bg-txt {position: absolute; top: 50%; left: 35%;}
.cus-spotlight-home .cus-socials {margin-top: 15px;}


.tab-nummer {font-size: 24px; font-family: "Recoleta", serif; margin: 0;}

.cus-tabnav {}
.cus-tabnav-item {background-color: #F6F6F6;  text-decoration: none !important; color: #000; display: block; padding: 20px 15px; margin-bottom: 8px;}
.cus-tabnav-item:HOVER, .cus-tabnav-item:ACTIVE, .cus-tabnav-item:FOCUS {color: #fff; background-color: #ef3c6b;}
.cus-tabnav-item.active {color: #fff; background: #ef3c6b url("/img/bg-tabnav-active.png") no-repeat bottom right; text-align: left;}

.cus-testimonials .owl-stage {padding-left: 0 !important;}
.cus-testimonials .owl-item div {margin-right: 50px !important;}
.cus-testimonial-middle {margin-top: auto; margin-bottom: auto;}

.cus-contact {margin-top: 150px;}
.cus-contact picture {margin-top: -100px; display: block; margin-right: 10%;}

.cus-vacatures {padding: 100px 0;}
.cus-vacatures-item {background-color: #fff; padding: 30px 40px; margin-bottom: 15px;}
.cus-vacatures-item h3 a {color: #212529;}
.cus-vacatures-leesmeer {margin-bottom: 0;}
.cus-vacatures-leesmeer a {color: #ef3c6b;}

ul.cus-paginanav {list-style-type: none; margin: 60px 0 0 0; padding: 0; text-align: center; line-height: 2.5;}
ul.cus-paginanav li {display: inline-block; margin-right: 20px;}
ul.cus-paginanav li:last-child {margin-right: 0;}
ul.cus-paginanav li.active {font-weight: bold;}
ul.cus-paginanav li.active a {opacity: 1;}
ul.cus-paginanav li a {color: #000; text-decoration: none; opacity: 0.25;}
ul.cus-paginanav li a.cus-nav-arrow {opacity: 1; border: 1px solid #ef3c6b; border-radius: 30px; width: 40px; height: 40px; display: inline-block; color: #ef3c6b;}
ul.cus-paginanav li a.cus-nav-arrow:HOVER {background-color: #ef3c6b; color: #fff;}

.cus-dropdown-link {display: block; position: relative; font-weight: bold; padding: 10px 0; border-top: 1px solid #cdcdcd; color: #000; text-decoration: none;}
.cus-dropdown-link:HOVER, .cus-dropdown-link:ACTIVE, .cus-dropdown-link:FOCUS {color: #000;}
.cus-dropdown-link:AFTER {font-family: "Font Awesome 5 Pro"; font-weight: 400; content: "\f078"; position: absolute; top: 7px; right: 0; color: #ef3c6b;}
.cus-dropdown-list {background-color: #fff; position: absolute; top: 50px; left: 10px; width: 95%; box-shadow: -2px 4px 4px #ddd; z-index: 100;}
.cus-dropdown-list ul {list-style-type: none; margin: 0; padding: 0;}
.cus-dropdown-list ul li {display: block; padding: 5px 0; border-bottom: 1px solid #f6f6f6;}
.cus-dropdown-list ul li a {color: #000; text-decoration: none; display: block; padding: 10px 20px;}

.cus-missie {background: linear-gradient(180deg, #fff 85%, #f6f6f6 15%);}
.cus-missie-inner {padding: 30px 40px;}
.cus-missie-item-oneven {margin-right: 15%;}
.cus-missie-item-even {margin-left: 15%;}

body.cus-body-bg-energeticyellow .bg-light, body.cus-body-bg-energeticyellow .cus-spotlight {background-color: #fff3b4 !important;}
body.cus-body-bg-friendlygreen .bg-light, body.cus-body-bg-friendlygreen .cus-spotlight {background-color: #a5c9ca !important; color: #fff !important;}
body.cus-body-bg-friendlygreen .cus-vacature-meerinfo, body.cus-body-bg-energeticyellow .cus-vacature-meerinfo {background: linear-gradient(90deg, #223181 50%, transparent 50%); margin-top: -100px; position: relative; z-index: 10000;}
body.cus-body-bg-magenta .bg-light, body.cus-body-bg-magenta .cus-spotlight {background-color: #ef3c6b !important; color: #fff !important;}
body.cus-body-bg-magenta .cus-spotlight .cus-subtitel {color: #fff;}
body.cus-body-bg-friendlygreen .navbar-light .navbar-nav .nav-link {color: #fff;}

a.cus-view-all:LINK, a.cus-view-all:VISITED {color: #000;}
a.cus-view-all:HOVER, a.cus-view-all:ACTIVE, a.cus-view-all:FOCUS {color: #ef3c6b;}

.cus-video {width: 100%;}
.video-js .vjs-big-play-button {background-color: #fff; border-radius: 250px; width: 100px; height: 100px; left: 50%; top: 50%; transform: translate(-50%,-50%); color: #ef3c6b; font-size: 70px; line-height: 1.3;}
/*.video-js:hover .vjs-control-bar, .video-js:hover .vjs-big-play-button, .video-js:hover .vjs-menu-button .vjs-menu-content {background-color: #fff;}*/
.video-js .vjs-big-play-button:HOVER {background-color: #ef3c6b; color: #fff; border-color: #ef3c6b;}
.vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {}

.cus-quote {font-size: 20px; color: #ef3c6b;}

.carousel-indicators{ margin-bottom: 0; bottom: -80px; margin-right: 0%; margin-left: 0; justify-content: flex-end;}
.carousel-indicators [data-bs-target] {border: 1px solid #ef3c6b; width: 8px; height: 8px; border-radius: 8px; opacity: 1; margin-left: 15px;}
.carousel-indicators .active {background-color: #ef3c6b;}
.carousel-control-next, .carousel-control-prev {opacity: 1 !important; width: auto; align-items: flex-end; bottom: -40px;}
.carousel-control-next {left: 55px;}
.carousel-control-prev-icon, .carousel-control-next-icon {background: none; border: 1px solid #ef3c6b; border-radius: 30px; width: 40px; height: 40px; display: inline-block; color: #ef3c6b; padding-top: 8px;}
.carousel-control-prev-icon:HOVER, .carousel-control-next-icon:HOVER {background-color: #ef3c6b; color: #fff;}

.cus-testimonials {margin-bottom: 100px;}
.cus-testimonials-13 {min-height: 1000px;}

a.cus-leesmeer:LINK, a.cus-leesmeer:VISITED {color: #000;}
a.cus-leesmeer:HOVER, a.cus-leesmeer:ACTIVE, a.cus-leesmeer:FOCUS {color: #ef3c6b;}

a.cus-view-all-2:LINK, a.cus-view-all-2:VISITED {color: #ef3c6b; padding: 5px 25px; border: 1px solid #ef3c6b; display: inline-block; border-radius: 25px; text-decoration: none;}
a.cus-view-all-2:HOVER, a.cus-view-all-2:ACTIVE, a.cus-view-all-2:FOCUS {background-color: #ef3c6b; color: #fff;}

ul.cus-socials {list-style-type: none; margin: 0; padding: 0; font-size: 22px; z-index: 100000; position: relative;}
ul.cus-socials li {display: inline-block; margin-right: 20px;}
ul.cus-socials li:last-child {margin-right: 0;}
ul.cus-socials li a {color: #ef3c6b;}

.cus-nog-vragen a {color: #000; text-decoration: none;}
.cus-nog-vragen a:HOVER, .cus-nog-vragen a:ACTIVE, .cus-nog-vragen a:FOCUS {text-decoration: underline;}

.cus-form .form-control {border: 0; border-bottom: 1px solid #707070; padding: 1rem 0rem; background: transparent;}
.cus-form input.form-control[type="file"] {border-bottom: 0;}
.cus-form textarea.form-control {height: 150px;}
.cus-form .form-control.is-invalid {border-bottom: 1px solid #dc3545;}

ul.cus-socials-fix {list-style-type: none; margin: 0; padding: 15px 20px; font-size: 18px; background-color: #ef3c6b; position: fixed; right: 0; top: 25%; z-index: 10000;}
ul.cus-socials-fix li {margin-bottom: 20px;}
ul.cus-socials-fix li:last-child {margin-bottom: 0;}
ul.cus-socials-fix li a {color: #fff;}

.cus-vacature-meerinfo a:LINK, .cus-vacature-meerinfo a:VISITED {color: #fff; text-decoration: none;}
.cus-vacature-meerinfo a:HOVER, .cus-vacature-meerinfo a:ACTIVE, .cus-vacature-meerinfo a:FOCUS {color: #fff; text-decoration: underline;}
.cus-vacature-meerinfo ul.cus-socials li a {color: #ef3c6b;}

.cus-vacature-meerinfo-delen {background-image: url("/img/bg-spotlight.png"); background-repeat: no-repeat; background-position: bottom right; background-size: 30%; padding: 50px 0 50px 15px; }
.cus-vacature-meerinfo-contact {padding: 50px 0 0 15px; }
.cus-vacature-meerinfo h3 {font-size: 18px;}

.cus-vacature-detail, .cus-vacature-reageer {padding: 100px 0;}

body.cus-body-bg-magenta .navbar-light .navbar-nav .nav-link {color: #fff;}
body.cus-body-bg-magenta .cus-navbar-toggler-extra svg {fill: #fff;}

.cus-onzemissie {padding: 50px 0 50px 0;}

.cus-cijfers {background-color: #223181; margin-right: 10%;}
.cus-cijfers-item {padding: 15px; margin: 0}
.cus-cijfers h2 {font-size: 60px; margin-bottom: 10px;}

.cus-owl-carousel-contact .owl-stage {padding-left: 0 !important;}
.cus-contact-carousel-txt {padding: 40px 40px; margin-top: 30px; position: relative; z-index: 10000;}

.cus-mobile-hide-flex {display: none;}
.navbar-collapse {flex-basis: 50%;}

.cus-news-extra img {max-width: 100%; height: auto;}

.cus-spotlight-home-socials {margin-top: 20px; text-align: left;}
.cus-spotlight-home {position: relative;}
.cus-spotlight-home-bg-image {position: absolute; top: 10%; right: 0; width: 100%;}
.cus-spotlight-home-bg-image img {width: 40%; float: right;}
.cus-spotlight-home-bg-txt {position: absolute; top: 50%; right: 0; width: 28%;}
.cus-spotlight-home-bg-txt .cus-socials li {display: block;}
.cus-spotlight-home-bg-txt h2 {font-size: 5vw;}
.cus-spotlight-home-bg-txt .btn {padding: 1vw 0.5vw; font-size: 12px; width: 95%;}



/* PORTAL */
.portal a.btn, .portal button {padding: 5px 10px; border-radius: 5px; font-size: 14px;}
.cus-label {background-color: #ef3c6b; padding: 5px 10px; white-space: normal; display: inline-block; line-height: 1.5; color: #fff; font-size: 12px;}
.cus-label a {color: #fff;}
.forbidden {font-size: 150px; display: block; color: #f00; margin: 0 auto; text-align: center;}
tr.notactive td {background-color: #eaeaea;	border-color: #eaeaea;}
#submit_sign {position: fixed; bottom: 10px; right: 60px;}

.cus-select-inline {width: auto; display: inline-block;}
.timesheetimg img {width: auto; max-width: 100%;}
.cus-alert-portal {position: fixed; top: 30%; left: auto; right: auto; width: 100%; background-color: #fff; padding: 30px 0;}
.cus-alert-portal .alert {}

.cus-btn-white {background-color: #fff; border-color: #cb074a; color: #cb074a;}
.cus-btn-white:HOVER {background-color: #ed096a; border-color: #cb074a; color: #fff;}

select.form-control {padding-right: 5px; -webkit-appearance: menulist;}

.sticky-top {z-index: 999999999;}




/*****************************************************************************************************************************/

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width: 1140px;}
}

@media (max-width: 767px) {
    .mb-100 {margin-bottom: 50px !important;}
    .mt-100 {margin-top: 50px !important;}
    .cus-spotlight-bg-image h2 {font-size: 18px;}
    .cus-spotlight-bg-image img {width: 90%; float: right;}
    .cus-spotlight-home .cus-spotlight-bg-image img {width: 60%;}
    .cus-spotlight-bg-image .cus-spotlight-bg-txt {left: 56%;}
    .cus-spotlight-bg-image .cus-spotlight-bg-txt .btn {font-size: 14px; padding: 2px 10px;}
    .cus-spotlight-home .cus-socials {font-size: 20px; margin-top: 10px;}
    .cus-spotlight-home .cus-socials li {margin-right: 8px;}
    .cus-spotlight-bg-image .cus-spotlight-bg-txt .mb-4 {margin-bottom: 10px !important;}
}

@media (min-width: 576px) {
    .cus-spotlight-home-bg-image img {width: 35%; float: right;}
    .cus-spotlight-home-bg-txt {position: absolute; top: 50%; right: 0; width: 24%;}
    .cus-spotlight-home-bg-txt h2 {font-size: 4vw;}
    .cus-spotlight-home-bg-txt .btn {padding: 5px 20px; font-size: 100%; width: auto;}
}

@media (min-width: 768px) {
    h1 {font-size: 60px;}
    h2 {font-size: 40px;}
    h3 {font-size: 30px;}
    h4 {font-size: 20px;}

    .cus-center-middle {padding: 40px;}
    .cus-teasers .inner {padding: 35px;}
    .cus-float-container {margin-top: -150px; margin-left: 10%;}
    .bg-spotlight {background-size: 30%;}

    .cus-onze-kantoren-inner {padding: 30px 40px;}
    .cus-onze-kantoren-detail {padding: 15px 20px;}
    .owl-theme .owl-nav {text-align: right; margin-right: 50px; }

    footer {background-size: 250px;}

    .cus-spotlight {padding-bottom: 150px; min-height: 300px;}
    .cus-spotlight-txt {padding-top: 50px;}
    .cus-spotlight-bg-image img {width: 70%; float: right;}

    .tab-nummer {margin-bottom: 15px;}
    .cus-tabnav-item {float: left; display: block; width: 10%; margin-right: 2%; height: 400px; padding: 10px; text-align: center;}
    .cus-tabnav-item.active {width: 64%; padding: 20px 40px;}
    .cus-tabnav-item:last-child {margin-right: 0;}

    .cus-contact {padding-bottom: 50px;}
    .cus-contact picture {margin-top: -100px; margin-right: 0;}

    .cus-missie-item-oneven {margin-right: 20%;}
    .cus-missie-item-even {margin-left: 20%;}
    .cus-missie {background: linear-gradient(180deg, #fff 80%, #f6f6f6 20%);}

    body.cus-body-bg-friendlygreen .cus-vacature-meerinfo {background: linear-gradient(90deg, #223181 50%, transparent 50%); margin-top: -100px; position: relative; z-index: 10000;}
    .cus-vacature-meerinfo-delen {background-image: url("/img/bg-spotlight.png"); background-repeat: no-repeat; background-position: bottom right; background-size: 20%; padding: 50px 0 50px 0; }
    .cus-vacature-meerinfo-contact {padding: 50px 0 0 0; }
    .cus-vacature-meerinfo h3 {font-size: 26px;}

    .cus-contact-carousel-txt {padding: 60px 80px; margin-top: -200px;}
    .cus-spotlight-bg-txt {position: absolute; top: 50%; left: 50%;}
    .cus-spotlight-bg-image h2 {font-size: 30px;}

    #cus-contact-teaser {top: 50%;}

    .cus-spotlight-txt-vacature {padding-bottom: 120px;}

    .carousel-indicators{ margin-left: 50%; bottom: -50px;}

    .cus-spotlight-home-bg-image img {width: 30%; float: right;}
    .cus-spotlight-home-bg-txt {position: absolute; top: 50%; right: 0; width: 20%;}
    .cus-spotlight-home-bg-txt h2 {font-size: 3.2vw;}
}


@media (min-width: 992px) {
    .cus-center-middle {padding: 80px;}
    .cus-teasers .inner {padding: 70px;}
    .cus-float-container {margin-top: -300px; margin-left: 10%;}
    .cus-float-container .row {padding: 100px 60px;}

    .cus-padding-left {padding-left: 50px;}

    .cus-onze-kantoren-inner {padding: 60px 80px; margin-top: 100px;}
    .cus-onze-kantoren-detail {padding: 30px 40px;}

    .cus-nieuws h4 {font-size: 30px;}
    .owl-theme .owl-nav {text-align: right; margin-right: 100px; }

    footer {padding-bottom: 40px; background-size: 350px;}
    footer .container .row:first-child {margin-bottom: 60px; padding-top: 100px;}
    footer .container .row:nth-child(2) {margin-bottom: 100px;}
    footer .cus-copyright {font-size: 16px;}
    footer .cus-talent {right: 60px;}

    .cus-spotlight {min-height: 650px; padding-bottom: 0px;}
    .cus-spotlight-txt {padding-top: 150px;}
    .cus-spotlight-bg-image img {width: 100%; float: right;}

    .cus-contact {padding-bottom: 0px;}
    .cus-vacatures .container {padding-left: 100px; padding-right: 100px;}
    .cus-vacatures-item {padding: 40px 60px;}

    .cus-dropdown-list {width: 92%;}
    .cus-missie-inner {padding: 40px 60px; min-height: 350px;}
    .cus-missie-item-oneven {margin-top: 80px; margin-right: 0;}
    .cus-missie-item-even {margin-left: 0;}
    .cus-missie {background: linear-gradient(180deg, #fff 60%, #f6f6f6 40%);}

    body.cus-body-bg-friendlygreen .cus-vacature-meerinfo {background: linear-gradient(90deg, #223181 50%, transparent 50%); margin-top: -100px; position: relative; z-index: 10000;}
    .cus-vacature-meerinfo-delen {background-image: url("/img/bg-spotlight.png"); background-repeat: no-repeat; background-position: bottom right; background-size: 50%; padding: 80px 0; }
    .cus-vacature-meerinfo-contact {padding: 80px 0; }

    .cus-spotlight-bg-txt {position: absolute; top: 50%; left: 35%;}
    .cus-spotlight-bg-image {width: auto;}
    .cus-spotlight-bg-image h2 {font-size: 40px;}

    .cus-mobile-only {display: none;}
    .cus-mobile-hide-flex {display: flex;}

    .container-fluid {max-width: 1280px;}
    .cus-full-width {max-width: 100% !important;}

    .cus-testimonials .owl-item div {margin-right: 100px !important;}
    .cus-cijfers-item {padding: 20px 0 20px; margin: 0 40px 0 40px;}
    .cus-cijfers h2 {font-size: 60px; margin-bottom: 40px;}
    .cus-testimonials-13 {min-height: 550px;}

    .cus-go-back-pt {padding-top: 50px;}

    .cus-spotlight-home-socials {margin-bottom: 50px;}
    .cus-spotlight-home-bg-image img {width: 25%; float: right;}
    .cus-spotlight-home-bg-txt {position: absolute; top: 50%; right: 0; width: 18%;}
    .cus-spotlight-home-bg-txt h2 {font-size: 2.3vw;}
}

@media (min-width: 1200px) {
    .cus-spotlight-home-socials {display: none;}
    .cus-spotlight-home {margin-bottom: 12%;}
}


@media (min-width: 1400px) {
    .cus-center-middle {padding: 4% 8%;}
    .cus-cijfers {margin-right: 20%;}
}




.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 43px;
    height: 0;
    margin-bottom: 15px;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}