html {scroll-behavior: smooth;}
body {  font-family: "Figtree", sans-serif;transition: all 0.3s ease;background-color: #EDF2F6;}
body:before {z-index: -1;content: "";background: transparent linear-gradient(180deg, #FFFFFF 0%, #FFFFFF00 100%) 0% 0% no-repeat padding-box;height: 250px;width: 100%;display: block;position: absolute;}
h1,h2,h3,h4,h5,h6 {font-family: 'Montserrat', sans-serif;}
b {font-weight: 600;}
a {transition: all 0.3s ease;}
p, .rich li {	color: #203F5D;font-size: 16px;line-height: 24px;font-weight: 400;letter-spacing: 0.32px;}
.rich li {	color: #203F5D;font-size: 14px;line-height: 21px;font-weight: 400;}
h1 {color: #fff;font-size: 36px;line-height: 44px;font-weight: 600;}
h1 b {font-weight: 600;display: block;}
h2 {color: #203F5D;font-weight: 600;font-size: 24px;line-height: 32px;margin-bottom: 30px;margin-top: 0px}
a.button, button {background: transparent linear-gradient(114deg, #00BDF1 0%, #2196F2 100%) 0% 0% no-repeat padding-box;box-shadow: 0px 1px 2px rgb(0 0 0 / 15%);border-radius: 5px;color: #fff;padding: 12px 20px;font-size: 15px;line-height: 21px;font-weight: 600;outline: none;border: none;transition: 0.3s;text-decoration: none;margin-top: 20px;display: inline-block;}
a.button:hover, button:hover {opacity: 0.75;}
a.link {color: #2196F3;font-weight: 600;font-size: 14px;text-decoration: none;line-height: 43px;}
a.link:hover {opacity: 0.75;}
a.button.light {background: #d8e8f6;border: none;box-shadow: none;color: #2196F3;}
.mb-0 {margin-bottom: 0px;}
.link {color: #2196f3;}
.box .dropdown a.link {line-height: 15px;}
button {margin: 0px}
select#vacancy-order-selector {padding: 3px 10px;color: rgb(33 63 93);font-size: 14px;line-height: 18px;outline: none;width: 100%;height: 33px;font-weight: 300;cursor: pointer;border: none;background: #edf2f6;}
.breadcrumbs a {text-decoration: none!important;}

#navigation {height: 70px;}
#navigation .navbar {background-color: transparent;border: none;    border-radius: 0px;}
#navigation .navbar .navbar-header .navbar-brand {float: left;height: 50px;padding: 0px;margin: 10px 0px;margin-left: -15px;margin-right: auto;}
#navigation .navbar .navbar-header .navbar-brand img {display: inline-block;float: left;width: 40px;margin: 3px 0px;}
#navigation .navbar .navbar-header .navbar-brand h4 {color: #2196F3;font-size: 18px;line-height: 31px;font-weight: 300;margin: 0px;display: inline-block;float: left;margin-top: 10px;}
#navigation .navbar .navbar-header .navbar-brand .dropdown {display: inline-block;margin-top: 7px;margin-left: 12px;margin-right: 10px;float: left;}
#navigation .navbar .navbar-header .navbar-brand .dropdown span.caret { border-top: 6px dashed; border-right: 6px solid transparent; border-left: 6px solid transparent; border-radius: 10px;margin-left: 2px;margin-top: -2px;transition: 0.3s;}
#navigation .navbar .navbar-header .navbar-brand .dropdown.open span.caret {transform: rotate(180deg);}
#navigation .navbar .navbar-header .navbar-brand .dropdown .btn-usw {border-radius: 21px;color: #2196F3;background-color: #e8f4fe; padding: 6px 16px;border: none;font-size: 18px;line-height: 24px;font-weight: 600;display: inline-block;outline: none; box-shadow: none;}
#navigation .navbar .navbar-header .navbar-brand .dropdown .dropdown-menu {box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);border-radius: 5px;border: none;padding: 12px 0px;margin-top: 10px;}
#navigation .navbar .navbar-header .navbar-brand .dropdown .dropdown-menu>li>a {padding: 5px 12px;color: #203F5D;font-size: 14px;font-weight: 400;line-height: 18px;}
#navigation .navbar .navbar-header .navbar-brand .dropdown .dropdown-menu>li>a:hover {background-color: transparent;opacity: 0.7;}
#navigation .navbar .navbar-header .navbar-brand .dropdown .dropdown-menu li.last-item {border-top: 1px solid rgb(32 63 93 / 10%);padding-top: 11px;margin-top: 11px;}

#navigation .navbar .navbar-collapse .navbar-nav>li {flex: auto;text-align: left;margin: 24px 0px;}
#navigation .navbar .navbar-collapse .navbar-nav>li>a {font-size: 16px;color: #203F5D;line-height: 14px;font-weight: 400;display: inline-block;padding: 5px 12px;}
#navigation .navbar .navbar-collapse .navbar-nav>li>a:hover {color: rgb(32 63 93 / 65%);}
#navigation .navbar .navbar-collapse .navbar-nav>li:last-child {flex: none;}
#navigation .navbar .navbar-collapse .navbar-nav>li.active>a {color: #2196F3;background-color: transparent;font-weight: 600;border-radius: 16px;}
#navigation .navbar .navbar-collapse .navbar-nav>li.active>a:hover {color: #2196F3;}
#navigation .navbar .navbar-top {margin-right: 15px;margin-left: 15px;}
#navigation .navtop.navbar-navtop.navbar-right.list-unstyled.list-inline {border-bottom: 1px solid #EDF2F6;width: calc(100% - 401px);height: 33px;display: flex;margin-bottom: 0px;padding-left: 10px;}
#navigation .navtop.navbar-navtop.navbar-right.list-unstyled.list-inline li {flex: auto;}
#navigation .navtop.navbar-navtop.navbar-right.list-unstyled.list-inline li a {color: rgb(32 63 93 / 67%);font-size: 11px;line-height: 33px;font-weight: 400;text-decoration: none;}
#navigation .navtop.navbar-navtop.navbar-right.list-unstyled.list-inline li a:hover {opacity: 0.7;}
#navigation .navtop.navbar-navtop.navbar-right.list-unstyled.list-inline li.active a {font-weight: 600;}
#navigation .navbar .navbar-collapse .navbar-nav>li.last-item {flex: none;}
#navigation .navbar .navbar-collapse .navbar-nav>li {flex: auto;text-align: left;margin: 24px 0px;}
#navigation .navtop.navbar-navtop.navbar-right.list-unstyled.list-inline li:last-child {flex: none;}

@media (min-width: 768px) {
    #navigation .navbar {position: fixed;width: 100%;z-index: 999;background-color: #f9fbfd;}
    #navigation .navbar .alignment {margin-left: auto;}
    #navigation .navbar .navbar-collapse {border: none;display: flex !important;}
    #navigation .navbar .navbar-collapse .align-nav {flex: 1;display: flex;justify-content: center;}
    #navigation .navbar .nav-right .nav.navbar-nav li:first-child {border: none;}
    #navigation .navbar .nav-right .nav.navbar-nav li {border-left: 1px solid #DDE4EA;}
}

#navigation .navbar .lang-selector {float: right;display: inline-block;margin: 20px 0px;margin-right: -15px;margin-left: 30px;}
.lang-selector .dropdown {border: 1px solid #DDE4EA;border-radius: 15px;}
.lang-selector button.btn.btn-lang {height: 30px;padding: 4px;color: #203F5D;font-size: 14px;font-weight: 600;box-shadow: unset;line-height: 21px;z-index: 9;position: relative;outline: none;}
.lang-selector span.licon {width: 20px;height: 20px;float: left;margin-right: 5px;display: inline-block;background-repeat: no-repeat;background-size: contain;background-position: center;}
.lang-selector .open .caret-custom {transform: rotate(180deg);}
.lang-selector .caret-custom {width: 18px;height: 18px;display: inline-block;float: right;background-size: contain;background-position: center;margin-left: 2px;margin-top: 1px;transition: 0.3s;}
.lang-selector .dropdown-menu>li>a {padding: 0px;padding-top: 5px;padding-bottom: 5px;color: #203F5D;font-size: 14px;font-weight: 600;}
.lang-selector .dropdown-menu>li>a:focus,
.lang-selector .dropdown-menu>li>a:hover {color: #262626;text-decoration: none;background-color: transparent;opacity: 0.7;}
.lang-selector ul.dropdown-menu {border: 1px solid #DDE4EA;border-radius: 15px;min-width: 78px;top: 15px;margin-left: -1px;box-shadow: none;border-top-left-radius: 0px;border-top-right-radius: 0px;border-top: 0px;padding-top: 13px;padding-bottom: 0px;z-index: 0;}
.lang-selector ul.dropdown-menu li {border-top: 1px solid #DDE4EA;margin: 0px 5px;}

.flexalignvac {display: flex;justify-content: space-between;align-items: center;}
.flexalignvac .lang-selector .dropdown {background-color: #fff}
.lang-selector.vacancy {width: 78px;flex: none;}

.header.home {min-height: 500px;}
.header.home .headerbg {background-size: cover;background-position: center;margin: 0px 35px;border-radius: 20px;height: 500px;margin-bottom: -500px;}
.header.home .headerbg .gradient {background: transparent linear-gradient(180deg, #00000000 0%, #000000 100%) 0% 0% no-repeat padding-box;border-radius: 20px;opacity: 0.5;height: 500px;width: 100%;}
.header.home .headerbg .blend {height: 500px;width: 100%;background: transparent linear-gradient(180deg, #00bdf1 0%, #2196F2 100%) 0% 0% no-repeat padding-box;mix-blend-mode: hard-light;border-radius: 20px;opacity: 0.9;margin-top: -500px;}
.header.home  h1 {margin-top: 90px;height: unset;margin-bottom: 30px;}
.header.home .zoeken {background-color: #fff;width: 570px;border-radius: 10px;box-shadow: 0px 10px 30px rgb(117 132 144 / 15%);padding: 20px;display: block;margin: 0 auto;}
.header.home .zoeken .input-search {font-size: 16px;border: none;box-shadow: none;outline: none;background-color: #EDF2F6;border-radius: 5px;color: rgb(32 63 93 / 50%);height: 50px;padding: 15px;width: 76%;}
.header.home .zoeken .btn-search {background: transparent linear-gradient(114deg, #00BDF1 0%, #2196F2 100%) 0% 0% no-repeat padding-box;box-shadow: 0px 1px 2px rgb(0 0 0 / 15%);border-radius: 5px;color: #fff;padding: 13px 25px;font-size: 16px;line-height: 24px;font-weight: 600;outline: none;border: none;height: 50px;float: right;transition: 0.3s;}
.header.home .zoeken .btn-search:hover {opacity: 0.7;}
.header.home .zoeken .input-search::placeholder {color: rgb(32 63 93 / 50%);}
.header.home .zoeken .input-search::-ms-input-placeholder {color: rgb(32 63 93 / 50%);}
.header.home a.floatinglink {float: right;margin-top: -20px;color: rgb(32 63 93 / 50%);line-height: 18px;font-weight: 600;font-size: 14px;}
.header.home a.floatinglink:hover {opacity: 0.7;text-decoration: none;}
.header.home a.floatinglink span {vertical-align: middle;margin-top: -4px;}
.header.home .align {vertical-align: bottom;display: table-cell;height: 500px;}
.header.home .alignsec {height: 445px;width: 360px;}
.header.home .alignsec a:hover .initiatiefbox .logo {transform: scale(0.95);opacity: 0.9;transition: 0.3s;}
.header.home h3 {color: #fff;font-size: 18px;line-height: 24px;font-weight: 600;margin-bottom: 15px;}
.header.home .initiatiefbox {box-shadow: 0px 1px 3px rgb(117 132 144 / 16%);border-radius: 5px;background-color: #fff;height: 100px;margin-bottom: 30px;}
.header.home .initiatiefbox .logo {transform: scale(1);background-size: contain;height: 80px;background-repeat: no-repeat;background-position: center;width: 80px;margin-left: 10px;margin-top: 10px;display: inline-block;}
.header.home .usp {transition: 0.3s;background: transparent linear-gradient(101deg, #00BDF1 0%, #2196F2 100%) 0% 0% no-repeat padding-box;box-shadow: 0px 10px 30px rgb(117 132 144 / 15%);border-radius: 5px;height: 70px;overflow: hidden;margin-top: -35px;}
.header.home .usp:hover {background: transparent linear-gradient(250deg, #00BDF1 0%, #2196F2 100%) 0% 0% no-repeat padding-box;box-shadow: 0px 10px 30px rgb(117 132 144 / 15%);}
.header.home .left {background-color: rgb(255 255 255 / 10%);height: 90px;width: 80px;border-radius: 0px 100% 100% 0px;margin-top: -10px;float: left;}
.header.home .left .logo {width: 36px;height: 36px;background-size: contain;margin: 27px 22px;position: relative;background-repeat: no-repeat;background-position: center;}
.header.home .usp span.material-icons-outlined {position: absolute;right: 40px;top: -14px;}
.header.home .usp .right {display: table-cell;height: 69px;vertical-align: middle;color: #fff;font-weight: 600;font-size: 14px;line-height: 20px;text-decoration: none;padding-left: 20px;}
.header.home  a {text-decoration: none;}
.header.home .zoeken .selectize-control {width: calc(100% - 125px);display: inline-block;}
.header.home .button {height: 42px;padding: 9px 15px;}
.header.home .buttons {display: flex;flex-wrap: wrap;flex-direction: row;justify-content: flex-start;margin-bottom: 70px;}
.header.home .button.secondary {background: #fff;color: #167AC8;}
.header.home .button.secondary span {font-size: 21px;margin-right: 3px;}
.header.home .buttons .button {margin-right: 15px;margin-top: 0px;margin-bottom: 15px;height: 42px;display: flex;align-items: center;}

.header.nieuws .nieuws-box {border-radius: 10px;background-size: cover;background-position: center;transition: 0.3s;height: 500px;}
.header.nieuws .nieuws-box .gradient {border-radius: 10px;height: 500px;transition: 0.3s;background: transparent linear-gradient(180deg, rgb(0 0 0 / 0%) 0%, rgb(0 0 0 / 50%) 100%) 0% 0% no-repeat padding-box;}
.header.nieuws .nieuws-box .align {height: 500px;vertical-align: bottom;padding: 20px;display: table-cell;padding-right: 60px;}
.header.nieuws .nieuws-box a {text-decoration: none;}
.header.nieuws .nieuws-box p {color: #fff;}
.header.nieuws .nieuws-box .tag {color: #fff;text-transform: uppercase;letter-spacing: 0.55px;font-size: 11px;line-height: 14px;}
.header.nieuws .nieuws-box h3 {color: #FFFFFF;font-size: 18px;line-height: 22px;margin-bottom: 10px;margin-top: 12px;margin-bottom: 10px;}
.header.nieuws .nieuws-box span.material-icons-outlined {color: #fff;background: transparent linear-gradient(135deg, #00BDF1 0%, #2196F2 100%) 0% 0% no-repeat padding-box;border-radius: 50%;padding: 4px;font-size: 18px;position: absolute;right: 35px;margin-top: -46px;}
.header.nieuws .nieuws-box:hover .gradient {transition: 0.3s;background: transparent linear-gradient(180deg, rgb(0 0 0 / 0%) 0%, rgb(0 0 0 / 70%) 100%) 0% 0% no-repeat padding-box;}
.header.nieuws .nieuws-box span.pill {background-color: #2196F3;border-radius: 9px;color: #fff;letter-spacing: 0.55px;text-transform: uppercase;padding: 2px 8px;font-size: 11px;margin-right: 10px;line-height: 14px;}
.header.nieuws .box.uitgelicht {background: transparent linear-gradient(180deg, #00BDF1 0%, #2196F2 100%) 0% 0% no-repeat padding-box;border-radius: 10px;padding: 30px;}
.header.nieuws .box.uitgelicht .item h4 {margin-top: 0px;letter-spacing: 0.55px;color: #FFFFFF;text-transform: uppercase;opacity: 1;font-size: 11px;line-height: 14px;display: -webkit-box;height: 13px;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;font-weight: 600;}
.header.nieuws .box.uitgelicht .item a {text-decoration: none;}
.header.nieuws .box.uitgelicht .item:hover {opacity: 0.7;}
.header.nieuws .box.uitgelicht .item p {color: #fff;margin-bottom: 0px;display: -webkit-box;height: 43px;margin: 0 auto;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.header.nieuws .box.uitgelicht h3 {color: #fff;font-size: 18px;line-height: 22px;font-weight: 600;margin-top: 0px;border-bottom: 1px solid rgb(255 255 255 / 70%);margin-bottom: 0px;padding-bottom: 7px;}
.header.nieuws .box.uitgelicht .item {border-bottom: 1px solid rgb(255 255 255 / 33%);padding: 20px 0px;transition: 0.3s;}
.header.nieuws .box.uitgelicht .item.last {border-bottom: 0px;padding-bottom: 0px;}
.header.nieuws .box.grey {min-height: 80px;margin-top: 30px;border: 1px solid #D9DEE5;background-color: #f3f6f9;border-radius: 10px;padding: 17px 27px;}
.header.nieuws .box.grey h3 {color: #203F5D;font-size: 14px;line-height: 23px;font-weight: 600;margin: 0px;}
.header.nieuws .box.grey a.link {line-height: 20px;}
.header.nieuws .nieuws-box h1 {color: #FFFFFF;font-size: 18px;line-height: 22px;margin-bottom: 10px;margin-top: 12px;margin-bottom: 10px;}

.header.content {min-height: 300px;}
.header.content .headerbg {background-size: cover;margin: 0px 35px;border-radius: 20px;height: 300px;margin-bottom: -300px;}
.header.content .headerbg .gradient {background-color: #000;border-radius: 20px;opacity: 0.5;height: 300px;width: 100%;}
.header.content .headerbg .blend {height: 300px;width: 100%;background: transparent linear-gradient(180deg, #00bdf1 0%, #2196F2 100%) 0% 0% no-repeat padding-box;mix-blend-mode: hard-light;border-radius: 20px;opacity: 0.9;margin-top: -300px;}
.header.content  h1 {margin-bottom: 20px;margin-top: 0px;}
.header.content  p {color: #fff;margin-bottom: 0px;}
.header.content .zoeken {background-color: #fff;width: 570px;border-radius: 10px;box-shadow: 0px 10px 30px rgb(117 132 144 / 15%);padding: 20px;display: block;margin: 0 auto;}
.header.content .zoeken .input-search {font-size: 16px;border: none;box-shadow: none;outline: none;background-color: #EDF2F6;border-radius: 5px;color: rgb(32 63 93 / 50%);height: 50px;padding: 15px;width: 76%;}
.header.content .zoeken .btn-search {background: transparent linear-gradient(114deg, #00BDF1 0%, #2196F2 100%) 0% 0% no-repeat padding-box;box-shadow: 0px 1px 2px rgb(0 0 0 / 15%);border-radius: 5px;color: #fff;padding: 13px 25px;font-size: 16px;line-height: 24px;font-weight: 600;outline: none;border: none;height: 50px;float: right;transition: 0.3s;}
.header.content .zoeken .btn-search:hover {opacity: 0.7;}
.header.content .zoeken .input-search::placeholder {color: rgb(32 63 93 / 50%);}
.header.content .zoeken .input-search::-ms-input-placeholder {color: rgb(32 63 93 / 50%);}
.header.content a.floatinglink {float: right;margin-top: -20px;color: rgb(32 63 93 / 50%);line-height: 18px;font-weight: 600;font-size: 14px;}
.header.content a.floatinglink:hover {opacity: 0.7;text-decoration: none;}
.header.content a.floatinglink span {vertical-align: middle;margin-top: -4px;}
.header.content .align {height: 300px;vertical-align: middle;display: table-cell;}
.header.content h4 {color: #FFFFFF;font-size: 18px;line-height: 60px;font-weight: 300;margin-top: -40px;}
.header.content .align a {color: #fff;text-decoration: underline; transition: 0.3s;}
.header.content .align a:hover; {opacity: 0.7;}
.header.content .headerbg {background-position: center;}

.pagina-content .block {margin: 100px 0px;}
.pagina-content hr {border-top: 1px solid #D9DEE5;}
.pagina-content .block.block1.usp .box {border: 1px solid #D9DEE5;border-radius: 5px;min-height: 80px;padding: 15px 20px;background-color: #fff;padding-right: 5px;}
.pagina-content .block.block1.usp .box .left {display: inline-block;width: 50px;float: left;}
.pagina-content .block.block1.usp .box .left .ico {width: 50px;height: 50px;background-position: center;background-repeat: no-repeat;background-size: contain;}
.pagina-content .block.block1.usp .box .right {display: inline-block;width: calc(100% - 65px);margin-left: 15px;}
.pagina-content .block.block1.usp .box .right p {color: #203F5D;font-size: 14px;line-height: 21px;font-weight: 600;margin-top: 1px;margin-bottom: 0px;}
.pagina-content .block.block1.usp .box .right .align {height: 50px;vertical-align: middle;display: table-cell;}
.pagina-content .block.block1.usp.usp-content .box {background-color: #edf2f6!important;margin-top: 30px;}
.pagina-content .block.block2.content .align {height: 366px;vertical-align: middle;display: table-cell;}
.pagina-content .block.block2.content .video-container .js-video.ng-isolate-scope {height: 366px;border-radius: 10px;background-size: cover;background-position: center;}
.pagina-content .block.block2.content .video-container .play {text-align: center;cursor: pointer;padding: 153px 0px;background-color: rgb(0 0 0 / 20%);border-radius: 10px;height: 366px;}
.pagina-content .block.block2.content .video-container .play span.material-icons {color: #fff;border: 6px solid #fff;border-radius: 50%;font-size: 46px;padding: 1px;}
.pagina-content .block.block2.content .video-container iframe {height: 366px;border-radius: 10px;}
.pagina-content .block.block3.logo .bg-box {background-color: #fff;border-radius: 20px;height: 460px;margin: 0px 35px;margin-top: -460px;}
.pagina-content .block.block3.logo .align {height: 460px;vertical-align: middle;display: table-cell;}
.pagina-content .block.block3.logo .animationsec div {display: inline-block;width: auto;float: none;padding: 10px;width: 100px;margin: 0px 15px;height: 100px;border: 1px solid #EDF2F6;border-radius: 5px;}
.pagina-content .block.block3.logo .logo {height: 80px;display: block;width: 80px;background-size: contain;background-position: center;background-repeat: no-repeat;}
.pagina-content .block.block3.logo .animationsec{width: auto;height: 100px;font-size: 0px;}
.pagina-content .block.block3.logo .block-sec {overflow: hidden;width: calc(100% + 30px);margin: 10px 0px;height: 100px;margin-left: -15px;}
.pagina-content .block.block3.logo .img-c11 {background-color: #fff;height: 360px;border-radius: 20px;margin-left: 100px;margin-top: -410px;}
.pagina-content .block.block3.logo .img-c11:before {content: "";background: transparent linear-gradient(90deg, #FFFFFF 6%, rgb(255 255 255 / 0%) 100%) 0% 0% no-repeat padding-box;display: block;width: 100px;height: 360px;position: absolute;}
.pagina-content .block.block3.logo .first .block-sec {margin-top: 0px;}
.pagina-content .block.block3.logo .block-sec {width: 100%;margin: 13px 0px;display: inline-block;}
.pagina-content .block.carousel .carousel-fade .carousel-inner .item {transition-property: opacity;}
.pagina-content .block.carousel .carousel-fade .item,
.pagina-content .block.carousel .carousel-fade .active.left,
.pagina-content .block.carousel .carousel-fade .active.right {opacity: 0;}
.pagina-content .block.carousel .carousel-fade .active,
.pagina-content .block.carousel .carousel-fade .next.left,
.pagina-content .block.carousel .carousel-fade .prev.right {opacity: 1;}
.pagina-content .block.carousel .carousel-fade .next,
.pagina-content .block.carousel .carousel-fade .prev,
.pagina-content .block.carousel .carousel-fade .active.left,
.pagina-content .block.carousel .carousel-fade .active.right {left: 0;transform: translate3d(0, 0, 0);}
.pagina-content .block.carousel .carousel-fade .carousel-control {z-index: 2;}
.pagina-content .block.carousel p {max-height: 149px;-webkit-line-clamp: 7;-webkit-box-orient: vertical;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;}
.pagina-content .block.carousel .content-box h3 {color: #2196f3;margin-top: 0px;font-size: 31px;margin-bottom: 20px;font-weight: 300;}
.pagina-content .block.carousel .item .left,
.pagina-content .block.carousel .item .right {height: 600px;width: 185px;background-size: cover;background-position: right;float: left;border-radius: 0px 10px 10px 0px;}
.pagina-content .block.carousel .item .center {height: 600px;background-size: cover;background-position: center;margin-left: 30px;float: left;width: calc(100% - 430px);border-radius: 10px;}
.pagina-content .block.carousel .item .right {margin-left: 30px;background-position: left;border-radius: 10px 0px 0px 10px;}
.pagina-content .block.carousel a.carousel-control.left {border-radius: 0px 10px 10px 0px;}
.pagina-content .block.carousel .content-box {max-width: 470px;background-color: #fff;border-radius: 5px;padding: 30px;margin-top: -250px;height: 306px;box-shadow: 0px 1px 3px rgb(32 63 93 / 16%);margin-bottom: 3px;}
.pagina-content .block.carousel .content-box span.material-icons {color: #2196F3;font-size: 50px;transform: rotate(180deg);margin-left: -10px;margin-top: -14px;}
.pagina-content .block.carousel .content-box h4 {color: #203F5D;font-size: 14px;line-height: 21px;font-weight: 600;margin-bottom: 20px;margin-top: 5px;}
.pagina-content .block.carousel .item .carousel-control.left,
.pagina-content .block.carousel .item .carousel-control.right {margin: 0px;height: auto;border-radius: 0px;width: 24px;float: unset;position: absolute;background: none;text-shadow: none;display: inline-block;color: #2196f3;opacity: 1;margin-right: 20px;left: unset;right: unset;bottom: 19px;top: unset;}
.pagina-content .block.carousel .item .carousel-control.right {left: 80px;}
.pagina-content .block.carousel .pull-right h5 {color: #203F5D;position: absolute;bottom: 14px;font-size: 16px;line-height: 30px;margin-left: -30px;font-weight: 400;}
.pagina-content .block.carousel .pull-right h5 b {font-weight: 600;}
.pagina-content .block.carousel .item .left,
.pagina-content .block.carousel .item .right {content: "";background-color: #EDF2F6;opacity: 0.3;height: 600px;}
.pagina-content .block.block5.map .stedenbox {box-shadow: 0px 1px 3px rgb(32 63 93 / 16%);border-radius: 5px;background-color: #fff;padding: 25px;margin-top: 30px;height: 287px;overflow-y: scroll;z-index: 99999;position: relative;}
.pagina-content .block.block5.map .stedenbox h3 {color: #203F5D;opacity: 0.67;font-size: 10px;letter-spacing: 0.5px;line-height: 17px;margin-bottom: 10px;font-weight: 400;margin-top: 20px;}
.pagina-content .block.block5.map .stedenbox h3:first-child {margin-top: 0px!important;}
.pagina-content .block.block5.map .stedenbox .item {color: #203F5D;font-size: 16px;line-height: 30px;font-weight: 400;text-decoration: none;margin: 10px 0px;}
.pagina-content .block.block5.map .stedenbox span.material-icons-outlined {float: right;margin-top: -27px;color: #203F5D;}
.pagina-content .block.block5.map .stedenbox a {text-decoration: none;}
.pagina-content .block.block5.map .stedenbox a:hover {opacity: 0.7;}
.pagina-content .block.block5.map .stedenbox::-webkit-scrollbar {width: 5px;}
.pagina-content .block.block5.map .stedenbox::-webkit-scrollbar-track {background: #EDF2F6;}
.pagina-content .block.block5.map .stedenbox::-webkit-scrollbar-thumb {background: rgb(32 63 93 / 50%);border-radius: 5px;}
.pagina-content .block.block5.map .stedenbox::-webkit-scrollbar-thumb:hover {background: rgb(32 63 93 / 30%);}
.pagina-content .block.block5.map .frameborder {transform: scale(0.8);margin-top: -63px;}
.pagina-content .block.block5.map  h2 {margin-top: 50px;}
.pagina-content .block.block6.vacatures .vacatures-box, .lijst.vacatures .vacatures-box {background-color: #fff;box-shadow: 0px 1px 3px rgb(117 132 144 / 15%);border-radius: 5px;padding: 25px 20px;min-height: 138px;position: relative;}
.pagina-content .block.block6.vacatures .vacatures-box:hover .right .button-link, .lijst.vacatures .vacatures-box:hover .right .button-link {background-color: rgb(33 150 243 / 10%);}
.pagina-content .block.block6.vacatures .vacatures-box h3, .lijst.vacatures .vacatures-box h3 {color: #203F5D;font-size: 18px;line-height: normal;font-weight: 600;margin-bottom: 5px;margin-top: 0px;}
.pagina-content .block.block6.vacatures .vacatures-box p, .lijst.vacatures .vacatures-box p {   margin-bottom: 10px;}
.pagina-content .block.block6.vacatures .vacatures-box a, .lijst.vacatures .vacatures-box a {text-decoration: none;}
.pagina-content .block.block6.vacatures .vacatures-box span.check span, .lijst.vacatures .vacatures-box span.check span {color: #2196F3;font-size: 16px;margin-left: 5px;vertical-align: text-top;}
.pagina-content .block.block6.vacatures .vacatures-box .left, .lijst.vacatures .vacatures-box .left {display: inline-block;width: 100%;}
.pagina-content .block.block6.vacatures .vacatures-box .left ul, .lijst.vacatures .vacatures-box .left ul {margin-top: 15px;margin-bottom: 0px;padding-left: 2pxx;}
.pagina-content .block.block6.vacatures .vacatures-box .left ul li, .lijst.vacatures .vacatures-box .left ul li {display: inline-block;width: auto;padding: 0px;color: #203F5D;font-size: 12px;line-height: 25px;font-weight: 400;margin-top: 10px;}
.pagina-content .block.block6.vacatures .vacatures-box .left ul li span, .lijst.vacatures .vacatures-box .left ul li span {color: #203F5D;font-size: 18px;vertical-align: middle;margin-top: -4px;margin-right: 4px;}
.pagina-content .block.block6.vacatures .vacatures-box .right, .lijst.vacatures .vacatures-box .right {display: inline-block; width: 134px;position: absolute;bottom: 58px;}
.pagina-content .block.block6.vacatures .vacatures-box .right .nieuw, .lijst.vacatures .vacatures-box .right .nieuw {border: 1px solid rgb(26 170 45 / 15%);color: #1AAA2D;letter-spacing: 0.55px;text-transform: uppercase;font-size: 11px;line-height: 14px;font-weight: 600;display: inline;padding: 5px 10px;border-radius: 16px;float: right;position: absolute;right: 0px;}

.pagina-content .block.block8.contact {background: transparent linear-gradient(100deg, #00BDF1 0%, #2196F2 100%) 0% 0% no-repeat padding-box;border-radius: 20px;margin-left: 50px;margin-right: 50px;padding: 50px 0px;}
.pagina-content .block.block8.contact h2, .pagina-content .block.block8.contact p {color: #fff}
.pagina-content .block.block8.contact .contact-block {background-color: rgb(255 255 255 / 10%);padding: 15px;min-height: 100px;margin-top: 20px;border-radius: 5px;}
.pagina-content .block.block8.contact .image.person {width: 70px;height: 70px;border-radius: 50%;background-size: cover;}
.pagina-content .block.block8.contact .contact-block.first {margin-top: 50px;}
.pagina-content .block.block8.contact .contact-block ul {margin-bottom: 0px;}
.pagina-content .block.block8.contact .contact-block ul li {color: #fff;font-weight: 600;}
.pagina-content .block.block8.contact .footer-left-text a {color: #fff;text-decoration: none;transition: 0.3s;font-weight: 600;}
.pagina-content .block.block8.contact .footer-left-text a:hover {opacity: 0.7;}
.pagina-content .block.block8.contact .equal {height: 70px;vertical-align: middle;display: table-cell;}
.pagina-content .block.block8.contact .box.formulier {box-shadow: 0px 1px 3px rgb(117 132 144 / 15%);border-radius: 5px;background-color: #fff;padding: 25px 20px;}
.pagina-content .block.block8.contact .box.formulier h2 {color: #2196F3;font-size: 18px;font-weight: 600;line-height: 24px;margin-top: 0px;margin-bottom: 0px;}


.vacature-diepte .pill, .pagina-content .block.block6.vacatures .vacatures-box  .pill, .lijst.vacatures .vacatures-box  .pill {background-color: #eff2f4;color: #637990;display: inline;padding: 4px 8px;border-radius: 20px;font-size: 14px;font-style: normal;font-weight: 600;line-height: 18px;margin-right: 8px;}
.vacature-diepte .pill {background-color: #dbe6ed;margin-bottom: 10px;display: inline-block;color: #4e6073;}
.pagina-content .block.block6.vacatures .vacatures-box  .uitgelicht, .lijst.vacatures .vacatures-box  .uitgelicht {background-color: #e9f4fe;color: #167AC8;}
.vacature-diepte .pill.opendeuren, .pagina-content .block.block6.vacatures .vacatures-box .pill.opendeuren, .lijst.vacatures .vacatures-box .pill.opendeuren {color: #F73378;background-color: #FEEDF1;}
.vacature-diepte .pill .ico, .pagina-content .block.block6.vacatures .vacatures-box .pill .ico, .lijst.vacatures .vacatures-box .pill .ico {    width: 18px;width: 18px;height: 18px;display: inline-block;background-size: contain;background-position: center;margin-right: 0px;margin-left: -3px;margin-top: -2px;}
.pagina-content .vacature-diepte ul.datestats li {margin-left: -5px;}
.pagina-content .vacature-diepte ul.datestats li span.material-icons-outlined.ico {margin-left: 0px;margin-right: 2px;}
.pagina-content .vacature-diepte ul.company-tabs li {width: 100%;}

.lijst.vacatures .vacatures-box .left .baanmaker .ico, .lijst.vacatures .vacatures-box .left .check .ico {width: 18px;height: 18px;display: inline-block;background-size: contain;background-position: center;margin-right: 0px;margin-left: 1px;margin-top: 0px;vertical-align: text-top;}
.block.block6.vacatures button {box-shadow: none;}
.pagina-content .block.block6.vacatures .vacatures-box .right .button-link, .lijst.vacatures .vacatures-box .right .button-link {color: #2196F3;font-weight: 600;float: right;margin-top: 58px;margin-bottom: -17px;border-radius: 4px;padding: 12px 20px;margin-right: -16px;margin-bottom: -43px;transition: 0.3s;}
.pagina-content .block.block6.vacatures .vacatures-box .right .button-link span, .lijst.vacatures .vacatures-box .right .button-link span {vertical-align: middle;margin-top: -4px;margin-right: 5px;font-size: 21px;}
.pagina-content .block.block6.vacatures .owl-theme .owl-dots .owl-dot span {width: 8px;height: 8px;margin: 5px 6px;background: transparent;display: block;-webkit-backface-visibility: visible;transition: 0.3s ease;border-radius: 30px;border: 1px solid #8699aa;}
.pagina-content .block.block6.vacatures .owl-theme .owl-dots .owl-dot.active span,
.pagina-content .block.block6.vacatures .owl-theme .owl-dots .owl-dot:hover span {background: #8699aa;}
.pagina-content .block.block6.vacatures .owl-theme .owl-nav {margin-top: -93px;position: absolute;width: 100%;z-index: 1;}
.pagina-content .block.block6.vacatures .owl-theme .owl-nav [class*=owl-]:hover {background: transparent;opacity: 0.7;}
.pagina-content .block.block6.vacatures .owl-nav button.owl-prev {float: left;margin-left: -50px;}
.pagina-content .block.block6.vacatures .owl-nav button.owl-next {float: right;margin-right: -50px;}
.pagina-content .block.block6.vacatures .owl-nav button span {color: #2196F3;background-color: rgb(33 150 243 / 10%);border-radius: 50%;padding: 4px;font-size: 18px;}
.pagina-content .block.block6.vacatures .owl-dots {margin-top: 20px;}
.pagina-content .block.block6.vacatures li.pill {background: transparent linear-gradient(102deg, #00BDF1 0%, #2196F2 100%) 0% 0% no-repeat padding-box;border-radius: 16px;color: #fff;margin-right: 4px;}
.pagina-content .block.block6.vacatures li.pill a {color: #fff;font-size: 12px;line-height: 28px;font-weight: 600;padding: 6px 12px;text-decoration: none;}
.pagina-content .block.block6.vacatures li.pill a:hover {opacity: 0.7;}
.pagina-content .block.block6.vacatures li.pill span.material-icons {font-size: 21px;vertical-align: middle;margin-right: -13px;margin-top: -3px;margin-left: 3px}
.pagina-content .block.block7.nieuws .nieuws-box {border-radius: 10px;background-size: cover;background-position: center;transition: 0.3s;height: 500px;}
.pagina-content .block.block7.nieuws .nieuws-box .gradient {border-radius: 10px;height: 500px;transition: 0.3s;background: transparent linear-gradient(180deg, rgb(0 0 0 / 0%) 0%, rgb(0 0 0 / 50%) 100%) 0% 0% no-repeat padding-box;}
.pagina-content .block.block7.nieuws .nieuws-box .align {height: 500px;vertical-align: bottom;padding: 20px;display: table-cell;padding-right: 60px;}
.pagina-content .block.block7.nieuws .nieuws-box.small:first-child {margin-bottom: 30px;}
.pagina-content .block.block7.nieuws .nieuws-box.small .gradient,
.pagina-content .block.block7.nieuws .nieuws-box.small .align,
.pagina-content .block.block7.nieuws .nieuws-box.small {height: 235px;}
.pagina-content .block.block7.nieuws .nieuws-box.small.sec {margin-top: 30px;}
.pagina-content .block.block7.nieuws .nieuws-box span.pill {background-color: #2196F3;border-radius: 9px;color: #fff;letter-spacing: 0.55px;text-transform: uppercase;padding: 2px 8px;font-size: 11px;margin-right: 10px;line-height: 14px;}
.pagina-content .block.block7.nieuws .nieuws-box a {text-decoration: none;}
.pagina-content .block.block7.nieuws .nieuws-box p {color: #fff;}
.pagina-content .block.block7.nieuws .nieuws-box .tag {color: #fff;text-transform: uppercase;letter-spacing: 0.55px;font-size: 11px;line-height: 14px;}
.pagina-content .block.block7.nieuws .nieuws-box h3 {color: #FFFFFF;font-size: 18px;line-height: 22px;margin-bottom: 10px;margin-top: 12px;margin-bottom: 0px;}
.pagina-content .block.block7.nieuws span.material-icons-outlined {color: #fff;background: transparent linear-gradient(135deg, #00BDF1 0%, #2196F2 100%) 0% 0% no-repeat padding-box;border-radius: 50%;padding: 4px;font-size: 18px;position: absolute;right: 35px;margin-top: -46px;}
.pagina-content .block.block7.nieuws .nieuws-box:hover {opacity: 0.7;}
.pagina-content .block7.nieuws a.link {border-radius: 5px;border: 1px solid var(--tokens-button-tertiary_border, #9ACBFD);padding: 9px 12px;line-height: 20px;font-weight: 500;margin-bottom: 15px;display: inline-block;}
.pagina-content .block.block-last.subfooter {background: transparent linear-gradient(100deg, #00BDF1 0%, #2196F2 100%) 0% 0% no-repeat padding-box;border-radius: 20px;margin-left: 50px;margin-right: 50px;padding: 50px 0px;}
.pagina-content .block.block-last.subfooter h2, .block.block-last.subfooter p {color: #fff}
.pagina-content .block.block-last.subfooter .button {background: #fff;color: #2196F3;border: 1px solid #fff;box-shadow: none;}
.pagina-content .block.block-last.subfooter .button.secondary {background-color: transparent; color: #fff;margin-right: 15px}
.pagina-content .block.block-last.subfooter .ico {height: 100px;background-size: contain;background-position: center;background-repeat: no-repeat;}
.vacatures-list { margin-top: 27px;}

.pagina-content .vacature-diepte .initiatiefbox {box-shadow: 0px 1px 3px rgb(117 132 144 / 16%);border-radius: 5px;background-color: #fff;height: 100px;display: inline-block;margin-bottom: 30px;width: 100px;}
.pagina-content .vacature-diepte .initiatiefbox .logo {background-size: contain;height: 80px;background-repeat: no-repeat;background-position: center;width: 80px;margin-left: 10px;margin-top: 10px;display: inline-block;}
.pagina-content .vacature-diepte .contentheader {margin-top: -50px;}
.pagina-content .vacature-diepte .verified {color: #2196F3;display: inline;margin-left: 18px;vertical-align: super;}
.pagina-content .vacature-diepte .verified span.check span {color: #2196F3;font-size: 16px;margin-left: 5px;vertical-align: text-top;}
.pagina-content .vacature-diepte a.a2a_dd {color: #203F5D;font-weight: 600;float: right;font-size: 12px;text-decoration: none;line-height: 15px;margin-top: 74px;}
.pagina-content .vacature-diepte a.a2a_dd:hover {opacity: 0.7;}
.pagina-content .vacature-diepte a.a2a_dd span {font-size: 18px;margin-left: 5px;vertical-align: text-top;margin-top: -2px;}
.pagina-content .vacature-diepte ul.datestats {margin-top: 10px;margin-bottom: 0px;}
.pagina-content .vacature-diepte ul.datestats li {opacity: 0.67;color: #203F5D;font-size: 12px;margin-left: 0px;line-height: 15px;font-weight: 400;}
.pagina-content .vacature-diepte ul.datestats li span {color: #203F5D;font-size: 18px;vertical-align: middle;margin-top: -4px;margin-right: 4px;}
.pagina-content .vacature-diepte .video-container {margin-top: 50px;margin-bottom: 50px;}
.pagina-content .vacature-diepte .video-container span.material-icons-outlined {color: #fff;font-size: 38px;}
.pagina-content .vacature-diepte .video-container .js-video.ng-isolate-scope {height: 300px;border-radius: 10px;background-size: cover;background-position: center;}
.pagina-content .vacature-diepte .video-container .play {text-align: center;cursor: pointer;padding: 131px 0px;background-color: rgb(0 0 0 / 33%);border-radius: 10px;height: 300px;}
.pagina-content .vacature-diepte .video-container .play span.material-icons {color: #fff;border: 6px solid #fff;border-radius: 50%;font-size: 46px;padding: 1px;}
.pagina-content .vacature-diepte .video-container iframe {height: 300px;border-radius: 10px;}
.pagina-content .vacature-diepte .rich h2, .pagina-content .bedrijven-diepte .rich h2 {font-size: 18px;line-height: 24px;margin-top: 50px;margin-bottom: 15px;}
.pagina-content .vacature-diepte .nieuws-box, .pagina-content .bedrijven-diepte .nieuws-box {border-radius: 10px;background-size: cover;background-position: center;transition: 0.3s;height: 200px;margin-top: 50px;}
.pagina-content .vacature-diepte .nieuws-box .gradient, .pagina-content .bedrijven-diepte .nieuws-box .gradient {border-radius: 10px;height: 200px;transition: 0.3s;background: rgb(0 0 0 / 33%);}
.pagina-content .vacature-diepte .nieuws-box .align, .pagina-content .bedrijven-diepte .nieuws-box .align {height: 200px;vertical-align: bottom;padding: 20px;display: table-cell;padding-right: 60px;}
.pagina-content .vacature-diepte .nieuws-box .tag, .pagina-content .bedrijven-diepte .nieuws-box .tag {color: #fff;text-transform: uppercase;letter-spacing: 0.55px;font-size: 11px;line-height: 14px;}
.pagina-content .vacature-diepte .nieuws-box h3,.pagina-content .bedrijven-diepte .nieuws-box h3 {color: #FFFFFF;font-size: 18px;line-height: 22px;margin-bottom: 10px;margin-top: 12px;margin-bottom: 0px;}
.pagina-content .vacature-diepte .nieuws-box span.material-icons-outlined, .pagina-content .bedrijven-diepte .nieuws-box span.material-icons-outlined {color: #fff;background: transparent linear-gradient(135deg, #00BDF1 0%, #2196F2 100%) 0% 0% no-repeat padding-box;border-radius: 50%;padding: 4px;font-size: 18px;position: absolute;right: 35px;margin-top: -46px;}
.pagina-content .vacature-diepte .nieuws-box a, .pagina-content .bedrijven-diepte .nieuws-box a {text-decoration: none;}
.pagina-content .vacature-diepte .nieuws-box:hover .gradient, .pagina-content .bedrijven-diepte .nieuws-box:hover .gradient {transition: 0.3s;background: rgb(0 0 0 / 43%);}
.pagina-content .vacature-diepte .sidepanel {height: 100%}
.pagina-content .vacature-diepte .jobsurf h3 {margin-top: 0px;font-family: Montserrat;font-size: 18px;font-weight: 600;color: #203F5D;line-height: normal;}
.pagina-content .vacature-diepte .jobsurf a.button.outline {color: #167AC8;background: transparent;box-shadow: none;border: 1px solid #9ACBFD;display: flex;min-height: 42px;padding: 9px 15px;justify-content: center;align-items: center;}
.pagina-content .vacature-diepte .jobsurf p {margin-bottom: 30px;}
.pagina-content .vacature-diepte .jobsurf a.button.jobsurfing {    background: #F8842A;display: flex;height: 42px;min-height: 42px;padding: 0px 10px;align-items: center;gap: 10px;}
.pagina-content .vacature-diepte .jobsurf a.button.jobsurfing span.ico.icon-custom {height: 50px;width: 50px;display: inline-block;background-size: contain;background-repeat: no-repeat;margin-top: 7px;}
.pagina-content .vacature-diepte .jobsurf a.button.jobsurfing span.baanmaker {margin-right: 7%;}

.pagina-content .vacature-diepte  .box.contactbox,
.pagina-content .vacature-diepte .sidepanel .box.formulier {box-shadow: 0px 1px 3px rgb(117 132 144 / 15%);border-radius: 5px;background-color: #fff;padding: 25px 20px;}
.pagina-content .vacature-diepte .sidepanel .box.formulier {position: sticky;top: 97px;margin-top: 50px;}
.pagina-content .vacature-diepte .box.contactbox p {margin-bottom: 0px;}
.pagina-content .vacature-diepte .box.contactbox h3 {margin-top: 0px;color: #00274F;font-size: 14px;line-height: 18px;font-weight: 600;margin-bottom: 5px;margin-top: 3px;}
.pagina-content .vacature-diepte .box.contactbox {margin-top: -50px;}
.pagina-content .vacature-diepte .box.contactbox .person {border-radius: 50%;width: 50px;height: 50px;margin-right: 19px;float: left;background-size: cover;background-position: center;background-color: #e8f4fe;}
.pagina-content .vacature-diepte .contact ul span {color: #2196F3;background-color: rgba(33, 150, 243, 0.1);padding: 6px;border-radius: 50%;font-size: 14px;}
.pagina-content .vacature-diepte .contact ul {float: right;}
.pagina-content .vacature-diepte .sidepanel .list-inline>li {padding: 0px 2px;}
.pagina-content .vacature-diepte .sidepanel .list-inline>li:hover {opacity: 0.7;}
.pagina-content .vacature-diepte .sidepanel .name {width: calc(100% - 128px);display: inline-block;}
.pagina-content .vacature-diepte .sidepanel .contact {margin-top: -35px;margin-bottom: 35px;}
.pagina-content .vacature-diepte .sidepanel .box.formulier h2 {color: #2196F3;font-size: 18px;font-weight: 600;line-height: 24px;margin-top: 0px;margin-bottom: 0px;}
.pagina-content .vacature-diepte .sidepanel .box.formulier h5 {color: #2196F3;font-weight: 400;margin-top: 3px;}
.pagina-content .vacature-diepte .sidepanel .box.formulier a.button {width: 100%;text-align: center;}

.pagina-content .vacature-diepte .box.contactbox.nieuw {margin-top: 30px;border-radius: 5px;border: 1px solid #DDE4EA;background: rgba(255, 255, 255, 0.33);box-shadow: none;display: flex;justify-content: space-between;align-items: center;padding: 20px;}
.pagina-content .vacature-diepte  .box.contactbox.nieuw h3 {margin: 0px;}
.pagina-content .vacature-diepte .box.contactbox.nieuw .contact {padding-left: 15px;width: 124px;flex: none;}
.pagina-content .vacature-diepte  .box.contactbox.nieuw .contact ul span {width: 42px;height: 42px;border-radius: 5px;font-size: 21px;padding: 10px;}
.pagina-content .vacature-diepte  .box.contactbox.nieuw  .person {border-radius: 50%;width: 60px;flex: none;height: 60px;}
.pagina-content .vacature-diepte  .box.contactbox.nieuw  .name {flex: auto;}
.pagina-content .vacature-diepte .box.contactbox.nieuw  .contact ul {margin: 0px;}
.pagina-content .vacature-diepte .box.contactbox.nieuw p {font-size: 15px;}

.pagina-content .vacature-diepte .sidepanel .box.contactbox.baanmakers .person {width: 36px;height: 36px;margin-right: 20px;background-color: transparent;margin-top: 4px;}
.pagina-content .vacature-diepte .sidepanel .box.contactbox.baanmakers .name {width: calc(100% - 70px);}
.pagina-content .vacature-diepte .sidepanel .box.contactbox.baanmakers h3 {font-weight: 500;font-size: 16px;}
.pagina-content .vacature-diepte .sidepanel .box.contactbox.baanmakers a.link {display: flex;cursor: pointer;align-items: center;line-height: 10px;font-size: 12px;line-height: normal;letter-spacing: 0.6px;text-transform: uppercase;}
.pagina-content .vacature-diepte .sidepanel .box.contactbox.baanmakers a.link span {font-size: 19px;}

.pagina-content .nieuws-diepte .contentheader{margin-bottom: 24px;display: block;}
.pagina-content .nieuws-diepte .contentheader .image .img {margin-bottom: 30px;height: 400px;border-radius: 10px;background-size: cover;background-position: center;}
.pagina-content .nieuws-diepte .contentheader a.a2a_dd {color: #203F5D;font-weight: 600;float: right;font-size: 12px;text-decoration: none;line-height: 15px;margin-top: -12px;}
.pagina-content .nieuws-diepte .contentheader a.a2a_dd:hover {opacity: 0.7;}
.pagina-content .nieuws-diepte .contentheader a.a2a_dd span {font-size: 18px;margin-left: 5px;vertical-align: text-top;margin-top: -2px;}
.pagina-content .nieuws-diepte .contentheader .tag span.pill {background-color: #2196F3;border-radius: 9px;color: #fff;letter-spacing: 0.55px;text-transform: uppercase;padding: 2px 8px;font-size: 11px;margin-right: 10px;line-height: 14px;}
.pagina-content .nieuws-diepte .contentheader .tag {text-transform: uppercase;letter-spacing: 0.55px;font-size: 11px;line-height: 14px;}
.pagina-content .nieuws-diepte .news-box {margin-bottom: 30px;}
.pagina-content .nieuws-diepte h1 {color: #203F5D;font-weight: 600;font-size: 24px;line-height: 32px;margin-bottom: 30px;margin-top: 0px;}
.pagina-content .nieuws-diepte .news-box .image {border-radius: 10px;height: 235px;margin-bottom: 16px;background-size: cover;background-position: center;margin-bottom: 16px;}
.pagina-content .nieuws-diepte .news-box h3 {margin-top: 10px;margin-bottom: 10px;color: #203F5D;font-size: 18px;line-height: 22px;font-weight: 600;display: -webkit-box;height: 24px;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.pagina-content .nieuws-diepte .news-box p {margin: 0px;display: -webkit-box;height: 43px;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.pagina-content .nieuws-diepte .news-box p.tag {letter-spacing: 0.55px;color: #203F5D;text-transform: uppercase;opacity: 0.5;font-size: 11px;line-height: 14px;margin: 0px;height: 13px!important;}
.pagina-content .nieuws-diepte .news-box a {text-decoration: none;}
.pagina-content .nieuws-diepte .news-box a:hover {opacity: 0.7;}

.pagina-content ul.company-tabs .tab:hover {opacity: 0.7;}

.pagina-content .lijst.vacatures .element div {word-break: break-all;}
.pagina-content .lijst.vacatures .vacatures-box {margin-top: 20px;transition: 0.3s;}
.pagina-content .lijst.vacatures .vacatures-box:hover {opacity: 0.7;}
.pagina-content .lijst.vacatures .box {border: 1px solid #D9DEE5;border-radius: 5px;overflow: hidden;padding: 0px;background-color: #f3f6f9;margin-bottom: 20px;}
.pagina-content .lijst.vacatures .box .panel-default>.panel-heading {background: transparent;border: none;}
.pagina-content .lijst.vacatures .box .panel-default>.panel-heading+.panel-collapse>.panel-body {border: none;padding-top: 0px;padding-bottom: 10px;}
.pagina-content .lijst.vacatures .box .panel+.panel, .pagina-content .lijst.vacatures .panel-group .panel {margin-top: 0px;background: transparent;border-radius: 0px;border: none;}
.pagina-content .lijst.vacatures .box h3 {color: #203F5D;font-size: 16px;font-weight: 700;line-height: 18px;margin-top: 0px;margin-bottom: 10px;}
.pagina-content .lijst.vacatures .box p {color: #212529;font-size:12px;line-height: 18px;}
.pagina-content .lijst.vacatures .box h4 a {    color: #203F5D;font-size: 16px;font-weight: 500;font-family: 'Figtree';line-height: 24px;text-decoration: none;width: 100%;    display: inline-block;}
.pagina-content .lijst.vacatures .box a:hover{opacity: 0.7;}
.pagina-content .lijst.vacatures ul.dropdown-menu {min-width: 200px;border: none;top: 33px;border-radius: 0px 0px 5px 5px;box-shadow: 0px 1px 2px #75849026;}
.pagina-content .lijst.vacatures .dropdown-menu>li>a {padding: 3px 13px;color: #203F5D;font-size: 12px;}
.pagina-content .lijst.vacatures .dropdown-menu>li>a:focus, .pagina-content .lijst.vacatures .dropdown-menu>li>a:hover {color: #2196f3;text-decoration: none;background-color: #e8f4fe;}
.pagina-content .lijst.vacatures {margin: 100px 0px;}
.pagina-content .lijst.vacatures .dropdown button.btn.btn-primary.dropdown-toggle {background-color: #fff;box-shadow: 0px 1px 2px #75849026;border-radius: 5px;min-width: 200px;color: #203F5D;font-size: 12px;font-weight: 400;outline: none;line-height: 12px;padding: 12px;text-align: unset;border: none;height: 38px;}
.pagina-content .lijst.vacatures .dropdown span.caret {color: #203F5D;float: right;margin-top: 5px;transition: 0.3s;	transform: rotate(0deg);}
.pagina-content .lijst.vacatures .dropdown.open span.caret {transform: rotate(180deg);}
.pagina-content .lijst.vacatures h4 {color: #203F5D;font-size: 14px;line-height: 32px;font-weight: 600;margin: 0px;}
.pagina-content .lijst.vacatures .box.filter,.pagina-content .lijst.vacatures .sidebar-vacancy-right {margin-top: 120px;}
.pagina-content .lijst.vacatures .box.filter .element button {background: transparent;box-shadow: none;}
.pagina-content .lijst.vacatures .filter .zoeken input {border: 1px solid #A5B0BF;border-radius: 5px;background-color: #fff;padding: 12px 10px;color: rgb(33 37 41 / 67%);font-size: 12px;line-height: 13px;outline: none;width: 100%;height: 38px;}
.pagina-content .lijst.vacatures .box.filter .element button {background-color: transparent;width: 100%;border: none;text-align: unset;color: #212529;padding: 0px;font-size: 12px;margin-top: 15px;}
.pagina-content .lijst.vacatures .box.filter span.material-icons-outlined {color: #203F5D;font-size: 21px;transform: rotate(180deg);vertical-align: middle;margin-right: 5px;transition: 0.3s;margin-top: -2px;}
.pagina-content .lijst.vacatures .box.filter .collapsed span.material-icons-outlined {transform: rotate(0deg);}
.pagina-content .lijst.vacatures input#customRange {border-color: #2196F3;-webkit-appearance: none;width: 100%;height: 2px;background: #2196F3;outline: none;transition: opacity .2s;}
.pagina-content .lijst.vacatures input#customRange::-webkit-slider-thumb {-webkit-appearance: none;appearance: none;width: 12px;border-radius: 50%;height: 12px;background: #2196F3;cursor: pointer;}
.pagina-content .lijst.vacatures .vacatures-box {margin-top: 20px;}
.pagina-content .lijst.vacatures .vacatures-box li.pill {background: transparent linear-gradient(102deg, #00BDF1 0%, #2196F2 100%) 0% 0% no-repeat padding-box;border-radius: 16px;color: #fff;margin-right: 4px;margin-bottom: 10px;}
.pagina-content .lijst.vacatures .vacatures-box li.pill a {color: #fff;font-size: 12px;line-height: 28px;font-weight: 600;padding: 6px 12px;    display: inline-block;}
.pagina-content .lijst.vacatures .vacatures-box li.pill a:hover {opacity: 0.7;}
.pagina-content .lijst.vacatures .vacatures-box li.pill span.material-icons {font-size: 21px;vertical-align: middle;margin-right: -13px;margin-top: -3px;margin-left: 3px}
.pagina-content .lijst.vacatures .vacatures-box.end-box {border: 1px solid #D9DEE5;background-color: #f3f6f9;}
.pagina-content .lijst.vacatures .vacatures-box.end-box h3 {margin-bottom: 5px;}
.pagina-content .lijst.nieuws {margin: 100px 0px}
.pagina-content .lijst.nieuws .dropdown button.btn.btn-primary.dropdown-toggle {background-color: #fff;box-shadow: 0px 1px 2px #75849026;border-radius: 5px;min-width: 200px;color: #203F5D;font-size: 12px;font-weight: 400;outline: none;line-height: 12px;padding: 12px;text-align: unset;border: none;height: 38px;}
.pagina-content .lijst.nieuws .dropdown span.caret {color: #203F5D;float: right;margin-top: 5px;transition: 0.3s;	transform: rotate(0deg);}
.pagina-content .lijst.nieuws .dropdown.open span.caret {transform: rotate(0deg);}
.pagina-content .lijst.nieuws li.pill {border-radius: 16px;color: #fff;margin-right: 4px;background-color: #fff;border: 1px solid #D9DEE5;}
.pagina-content .lijst.nieuws li.pill.active {background: transparent linear-gradient(102deg, #00BDF1 0%, #2196F2 100%) 0% 0% no-repeat padding-box;border: none;}
.pagina-content .lijst.nieuws li.pill.active a {color: #fff;}
.pagina-content .lijst.nieuws li.pill a {text-decoration: none;color: #203F5D;font-size: 12px;line-height: 28px;font-weight: 600;padding: 6px 12px;}
.pagina-content .lijst.nieuws li.pill a:hover {opacity: 0.7;}
.pagina-content .lijst.nieuws li.pill span.material-icons {font-size: 19px;vertical-align: middle;margin-right: 0px;margin-top: -2px;margin-left: -6px;}
.pagina-content .lijst.nieuws ul.dropdown-menu {min-width: 200px;border: none;top: 33px;border-radius: 0px 0px 5px 5px;box-shadow: 0px 1px 2px #75849026;}
.pagina-content .lijst.nieuws .dropdown-menu>li>a {padding: 3px 13px;color: #203F5D;font-size: 12px;}
.pagina-content .lijst.nieuws .dropdown-menu>li>a:focus, .pagina-content .lijst.vacatures .dropdown-menu>li>a:hover {color: #2196f3;text-decoration: none;background-color: #e8f4fe;}
.pagina-content .lijst.nieuws .news-box {margin-top: 20px;margin-bottom: 30px;}
.pagina-content .lijst.nieuws .news-box .image {border-radius: 10px;height: 235px;margin-bottom: 16px;background-size: cover;background-position: center;margin-bottom: 16px;}
.pagina-content .lijst.nieuws .news-box h3 {margin-top: 10px;margin-bottom: 10px;color: #203F5D;font-size: 18px;line-height: 22px;font-weight: 600;display: -webkit-box;height: 44px;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;  text-overflow: ellipsis;}
.pagina-content .lijst.nieuws .news-box p {margin: 0px;display: -webkit-box;height: 43px;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.pagina-content .lijst.nieuws .news-box p.tag {letter-spacing: 0.55px;color: #203F5D;text-transform: uppercase;opacity: 0.5;font-size: 11px;line-height: 14px;margin: 0px;height: 13px!important;}
.pagina-content .lijst.nieuws .news-box a {text-decoration: none;}
.pagina-content .lijst.vacatures .box.filter .panel-title span.material-icons-outlined {position: absolute;right: 25px;margin-top: 6px;}
.pagina-content .lijst.vacatures .box.filter .button_morefilters span.material-icons-outlined {font-size: 18px;color: #167AC8;margin-left: -3px;margin-top: -2px;}
.pagina-content .lijst.vacatures .box.filter .checkbox-area {display: flex;flex-direction: row;flex-wrap: nowrap;align-items: flex-start;}
.pagina-content .lijst.vacatures .box.filter label {display: inline-block;max-width: 100%;margin-bottom: 5px;font-weight: 300;padding-left: 10px;margin-top: 1px;font-size: 14px;}
.pagina-content .lijst.vacatures .box.filter button.button_morefilters {padding: 0px;background: unset;border: none;font-size: 14px;font-weight: 500;line-height: 18px;color: #167AC8;box-shadow: none;margin-top: 10px;margin-bottom: 5px;}
.pagina-content .lijst.vacatures .box.first,.pagina-content .lijst.vacatures .box.sec {padding: 15px;}
.pagina-content .lijst.vacatures .button_morefilters span.meer {display: none;}
.pagina-content .lijst.vacatures .button_morefilters.collapsed span.minder {display: none;}
.pagina-content .lijst.vacatures .button_morefilters.collapsed span.meer {display: inline-block;}
.pagina-content .vacancy-search .buttonzoeken span {font-size: 21px;}
.pagina-content .vacancy-search .buttonzoeken {background: transparent;border: none;box-shadow: none;padding: 0px;color: #213f5d;position: absolute;top: 8px;left: 25px;}

.pagina-content .lijst.vacatures .closebutton {position: absolute;right: 20px;top: 20px;color: #203F5D;}
.pagina-content .lijst.vacatures .closebutton span {    transform: rotate(0deg)!important;}

.pagina-content .lijst.nieuws .news-box a:hover {opacity: 0.7;}
.pagina-content .lijst.bedrijven {margin: 100px 0px}
.pagina-content .lijst.bedrijven a {text-decoration: none;}
.pagina-content .lijst.bedrijven .bedrijvenbox {transition: 0.3s;text-decoration: none;background-color: #fff;border-radius: 5px;width: 100%;height: 80px;margin-bottom: 20px;box-shadow: 0px 1px 3px 0px rgba(32, 63, 93, 0.15);}
.pagina-content .lijst.bedrijven .logo {width: 80px;height: 80px;border-right: 1px solid #DDE4EA;display: flex;align-content: center;justify-content: center;flex-wrap: wrap;}
.pagina-content .lijst.bedrijven .bedrijvenbox .alert {padding: 3px 0px;width: 24px;height: 24px;color: #F73378;background-color: #FEEDF1;border-radius: 50%;font-size: 14px;font-style: normal;font-weight: 600;line-height: 24px;display: flex;align-items: center;justify-content: center;margin: 0px;border: none;}
.pagina-content .lijst.bedrijven .bedrijvenbox:hover {opacity: 0.7;}
.pagina-content .lijst.bedrijven .container.bedrijven {margin-top: 100px;}
.pagina-content .lijst.bedrijven .letter-count h5 {border-top: 1px solid #D9DEE5;font-weight: 600;color: #203F5D;padding-top: 15px;margin-top: 0px;font-size: 18px;line-height: 32px;}
.pagina-content .lijst.bedrijven .zoeken  {width: 374px;}
.pagina-content .lijst.bedrijven .zoeken input {border: 1px solid #A5B0BF;border-radius: 5px;background-color: #fff;padding: 12px 10px;color: rgb(33 37 41 / 67%);font-size: 12px;line-height: 13px;outline: none;width: 100%;height: 38px;width: 256px;}
.pagina-content .lijst.bedrijven .zoeken .button {background: transparent linear-gradient(114deg, #00BDF1 0%, #2196F2 100%) 0% 0% no-repeat padding-box;box-shadow: none;border-radius: 5px;color: #fff;padding: 12px 20px;font-size: 14px;line-height: 13px;font-weight: 600;outline: none;border: none;transition: 0.3s;text-decoration: none;display: inline-block;height: 38px;margin-left: 20px;}
.pagina-content .lijst.bedrijven .logo img {width: 85%;height: 85%;object-fit: contain;}
.pagina-content .lijst.bedrijven .company-search .input-search {border-radius: 5px;border: 1px solid #dde4ea;background: #fff;height: 42px;padding: 20px;width: calc(100% - 134px);}
.pagina-content .lijst.bedrijven .company-search button.button {height: 42px;padding: 0px 15px;border-radius: 5px;font-size: 16px;box-shadow: none;font-weight: 500;float: right;}
.pagina-content .lijst.bedrijven .company-search span.material-icons-outlined {vertical-align: bottom;line-height: 22px;margin-right: 3px;margin-left: -1px;}
.pagina-content .lijst.bedrijven p.company-count {margin-top: 20px;font-size: 14px;font-style: normal;font-weight: 600;margin-bottom: 21px;}
.pagina-content .lijst.bedrijven .box.filter {border-radius: 5px;border: 1px solid #dde4ea;background: rgb(255 255 255 / 34%);margin-top: 100px;padding: 15px;}
.pagina-content .lijst.bedrijven .box.filter h3 {font-size: 16px;font-style: normal;font-weight: 500;margin-top: 0px;font-family: 'Figtree';color: #203F5D;}
.pagina-content .lijst.bedrijven .box.filter div.collapse {word-break: break-all;padding-left: 25px;margin-top: 10px;color: #203F5D;}
.pagina-content .lijst.bedrijven input[type="checkbox"] {margin-left: -22px;margin-right: 5px;vertical-align: middle;margin-top: 4px;margin-bottom: 7px;}
.pagina-content .lijst.bedrijven .bedrijvenbox .logo {width: 80px;min-width: 80px;}
.pagina-content .lijst.bedrijven .bedrijvenbox .naam {width: 100%;padding: 0px 20px;}
.pagina-content .lijst.bedrijven .bedrijvenbox .flex {display: flex;justify-content: space-between;align-items: center;}
.pagina-content .lijst.bedrijven .bedrijvenbox .naam p {font-family: Montserrat;font-size: 20px;font-weight: 600;margin: 0px;}
.pagina-content .lijst.bedrijven .bedrijvenbox .alerts {margin-right: 20px;display: flex;}
.pagina-content .lijst.bedrijven .bedrijvenbox .alerts .ico {width: 18px;height: 18px;display: inline-block;background-size: contain;background-position: center;margin-right: 8px;margin-top: 0px;vertical-align: text-top;}

.pagina-content .lijst.bedrijven .Initiatiefnemers .box.baanmaker .head {display: flex;padding: 0px;align-items: center;margin: 0px;margin-bottom: 15px;}
.pagina-content .lijst.bedrijven  .Initiatiefnemers .box.baanmaker .head .baanmaker {width: 24px;height: 24px;display: inline-block;background-size: contain;}
.pagina-content .lijst.bedrijven  .Initiatiefnemers {min-height: 400px;}
.pagina-content .lijst.bedrijven  .Initiatiefnemers .box.baanmaker h3 {margin: 0px;margin-left: 5px;margin-top: 1px;}
.pagina-content .lijst.bedrijven  .Initiatiefnemers .box.baanmaker div.collapse {padding-left: 22px;}
.pagina-content .lijst.bedrijven  .Initiatiefnemers .box.baanmaker hr {border-top: 1px solid #DDE4EA;margin: 15px 0px;}
.pagina-content .lijst.bedrijven  .Initiatiefnemers .box.baanmaker  div.collapse .checkboxoption {display: flex;align-items: flex-start;    justify-content: space-between;    margin-top: 0px;}
.pagina-content .lijst.bedrijven  .Initiatiefnemers .box.baanmaker  div.collapse .checkboxoption  .value {    flex: auto;padding-right: 10px;}
.pagina-content .lijst.bedrijven  .Initiatiefnemers .box.baanmaker  div.collapse .checkboxoption  span.material-icons.material-icons-outlined {color: #8192A5;width: 21px;font-size: 21px;cursor: pointer;}

.pagina-content .lijst.initiatiefnemers {margin: 100px 0px}
.pagina-content .lijst.initiatiefnemers .bedrijvenbox {background-color: #fff;border-radius: 10px;width: 100%;height: 165px;margin-bottom: 30px}
.pagina-content .lijst.initiatiefnemers .logo {background-size: contain;width: 125px;margin: 20px;height: 125px;background-position: center;display: inline-block;background-repeat: no-repeat;transform: scale(1);transition: 0.3s;}
.pagina-content .lijst.initiatiefnemers .bedrijvenbox .alert {position: absolute;right: 0px;border-radius: 50%;color: #fff;background-color: #2196F3;padding: 3px 8px;width: 24px;height: 24px;font-size: 13px;font-weight: 400;line-height: 15px;text-align: center;margin-top: -10px;}
.pagina-content .lijst.initiatiefnemers .logo:hover {transform: scale(0.95);opacity: 0.9;}
.pagina-content .lijst.initiatiefnemers .container.initiatiefnemers {margin-top: 100px;}
.pagina-content .lijst.initiatiefnemers .letter-count h5 {border-top: 1px solid #D9DEE5;font-weight: 600;color: #203F5D;padding-top: 15px;margin-top: 0px;font-size: 18px;line-height: 32px;}
.pagina-content .lijst.initiatiefnemers .zoeken  {width: 374px;}
.pagina-content .lijst.initiatiefnemers .zoeken input {border: 1px solid #A5B0BF;border-radius: 5px;background-color: #fff;padding: 12px 10px;color: rgb(33 37 41 / 67%);font-size: 12px;line-height: 13px;outline: none;width: 100%;height: 38px;width: 256px;}
.pagina-content .lijst.initiatiefnemers .zoeken .button {background: transparent linear-gradient(114deg, #00BDF1 0%, #2196F2 100%) 0% 0% no-repeat padding-box;box-shadow: none;border-radius: 5px;color: #fff;padding: 12px 20px;font-size: 14px;line-height: 13px;font-weight: 600;outline: none;border: none;transition: 0.3s;text-decoration: none;display: inline-block;height: 38px;margin-left: 20px;}
.pagina-content .lijst.initiatiefnemers .filter .zoeken input {border: 1px solid #A5B0BF;border-radius: 5px;background-color: #fff;padding: 12px 10px;color: rgb(33 37 41 / 67%);font-size: 12px;line-height: 13px;outline: none;width: 100%;height: 38px;}
.pagina-content .lijst.initiatiefnemers .box.filter .element button {background-color: transparent;width: 100%;border: none;text-align: unset;color: #212529;padding: 0px;font-size: 12px;margin-top: 15px;}
.box.filter .element input[type="checkbox"] {margin-left: -22px;margin-right: 10px;vertical-align: middle;margin-top: -2px;}
.pagina-content .lijst.initiatiefnemers .box.filter .panel-title span.material-icons-outlined {color: #203F5D;font-size: 18px;transform: rotate(180deg);vertical-align: middle;margin-right: 5px;transition: 0.3s;margin-top: -2px;}
.pagina-content .lijst.initiatiefnemers .box.filter .collapsed span.material-icons-outlined {transform: rotate(270deg);}
.pagina-content .lijst.initiatiefnemers .box {border: 1px solid #D9DEE5;border-radius: 5px;padding: 20px;background-color: #f3f6f9;margin-bottom: 20px;}
.pagina-content .lijst.initiatiefnemers .box h3 {color: #203F5D;font-size: 12px;font-weight: 700;line-height: 18px;margin-top: 0px;margin-bottom: 10px;}
.pagina-content .lijst.initiatiefnemers .box p {color: #212529;font-size:12px;line-height: 18px;}
.pagina-content .lijst.initiatiefnemers .box a {color: #2196F3;font-size: 12px;font-weight: 600;line-height: 18px;text-decoration: none;}
.pagina-content .lijst.initiatiefnemers .logo img {width: 100%;height: 100%;object-fit: contain;}

.rich li {color: #203F5D;font-size: 16px;line-height: 24px;font-weight: 400;letter-spacing: 0.32px;}
.pagina-content .bedrijven-diepte .contentheader {margin-top: -70px;}
.pagina-content .bedrijven-diepte .logo img {width: 100%;height: 100%;object-fit: contain;}
.pagina-content .bedrijven-diepte .initiatiefbox {box-shadow: 0px 1px 3px rgb(117 132 144 / 16%);border-radius: 5px;background-color: #fff;height: 170px;display: inline-block;margin-bottom: 30px;width: 170px;float: left;margin-top: -20px;}
.pagina-content .bedrijven-diepte .initiatiefbox .logo {background-size: contain;height: 130px;background-repeat: no-repeat;background-position: center;width: 130px;margin: 20px;display: inline-block;}
.pagina-content .bedrijven-diepte .verified span.check span {color: #2196F3;font-size: 16px;margin-left: 5px;vertical-align: text-top;}
.pagina-content .bedrijven-diepte .verified {color: #2196F3;margin-left: 27px;margin-top: 56px;vertical-align: super;display: inline-block;}
.pagina-content .bedrijven-diepte h1 {margin-top: 30px;font-weight: 500;padding-left: 30px;display: table-cell;}
.pagina-content .bedrijven-diepte a.a2a_dd {color: #203F5D;font-weight: 600;float: right;font-size: 12px;text-decoration: none;line-height: 15px;margin-top: 60px;}
.pagina-content .bedrijven-diepte a.a2a_dd span {font-size: 18px;margin-left: 5px;vertical-align: text-top;margin-top: -2px;}
.pagina-content .bedrijven-diepte .lijst.vacatures.sidebar-bedrijven {margin: 50px 0px;margin-bottom: 0px;}

.pagina-content .bedrijven-diepte .baanmakers-content {border-radius: 5px;border: 1px solid #DDE4EA;background: rgba(255, 255, 255, 0.33);padding: 20px;margin-top: 50px;}
.pagina-content .bedrijven-diepte .header {display: flex;justify-content: space-between;align-items: center;}
.pagina-content .bedrijven-diepte .header .left {display: flex;align-items: center;}
.pagina-content .bedrijven-diepte .header .left h3 {font-size: 16px;font-style: normal;font-weight: 500;font-family: 'Figtree';color: #203F5D;margin: 0px;margin-left: 5px;margin-top: 2px;}
.pagina-content .bedrijven-diepte .header .left span.baanmaker {width: 24px;height: 24px;display: inline-block;background-size: contain;}
.pagina-content .bedrijven-diepte .header a.button {margin-top: 0px;box-shadow: none;}
.pagina-content .bedrijven-diepte .pills {display: flex;flex-direction: row;flex-wrap: wrap;margin-top: 15px;}
.pagina-content .bedrijven-diepte .pills .pill {color: rgb(32 63 93 / 50%);padding: 4px 12px;font-size: 14px;font-style: normal;font-weight: 400;line-height: 18px;margin-right: 8px;border-radius: 20px;border: 1px solid rgba(32, 63, 93, 0.15);display: flex;align-items: center;margin-bottom: 10px;}
.pagina-content .bedrijven-diepte .pills .pill span.material-icons-outlined {font-size: 21px;margin-right: 4px;}
.pagina-content .bedrijven-diepte .pills .pill span.material-icons.material-icons-outlined.tooltp {color: #8192A5;font-size: 21px;width: 17px;height: 19px;line-height: 20px;margin: 0px;margin-left: 5px;vertical-align: sub;opacity: 0.6;}
.pagina-content .bedrijven-diepte .pills .pill.active {    border: 1px solid rgba(33, 150, 243, 0.25);    background: var(--tokens-button-secondary_fill, rgba(33, 150, 243, 0.10));    color: #167AC8;}
.pagina-content .bedrijven-diepte .pills .pill.active  span.material-icons.material-icons-outlined.tooltp {color: #167AC8;}

.pagina-content .vrijwilligers-flex  {margin: 100px 0px;}
.pagina-content .vrijwilligers-flex .step.box {box-shadow: 0px 1px 3px rgb(117 132 144 / 15%);background-color: #fff;padding: 15px 25px;margin-bottom: 20px;border-radius: 3px;}
.pagina-content .vrijwilligers-flex .step.box .left {box-shadow: inset 0px 1px 3px rgb(117 132 144 / 15%);display: inline-block;background-color: #edf2f6;position: absolute;left: -5px;padding: 5px;border-radius: 50%;}
.pagina-content .vrijwilligers-flex .step.box .left:after {content: '';background-color: #edf2f6;height: 43px;width: 23px;display: block;position: absolute;margin-top: -38px;margin-left: -9px;}
.pagina-content .vrijwilligers-flex .step.box .left i:before {content: '';background-color: #edf2f6;}
.pagina-content .vrijwilligers-flex .step.box .left i {background-color: #2196F3;width: 30px;height: 30px;color: #fff;text-align: center;border-radius: 50%;padding: 5px 0px;font-size: 14px;line-height: 21px;font-weight: 400;display: inline-block;padding-left: 1px;font-style: normal;z-index: 9;position: relative;}
.pagina-content .vrijwilligers-flex .step.box p {margin-bottom: 0px;margin-left: 20px;}
.pagina-content .vrijwilligers-flex .box.grey {border: 1px solid #D9DEE5;border-radius: 5px;padding: 20px;background-color: #f3f6f9;margin-bottom: 20px;}
.pagina-content .vrijwilligers-flex .box.grey p {margin: 0px;}
.pagina-content .vrijwilligers-flex .box.grey h5 {color: #2196F3;margin-top: 0px;margin-bottom: 8px;font-size: 14px;line-height: 21px;font-weight: 600;}
.pagina-content .vrijwilligers-flex .box.contactbox,
.pagina-content .vrijwilligers-flex .box.formulier {box-shadow: 0px 1px 3px rgb(117 132 144 / 15%);border-radius: 5px;background-color: #fff;padding: 25px 20px;}
.pagina-content .vrijwilligers-flex .box.contactbox p {margin-bottom: 0px;}
.pagina-content .vrijwilligers-flex .box.contactbox h3 {margin-top: 0px;color: #00274F;font-size: 14px;line-height: 18px;font-weight: 600;margin-bottom: 5px;margin-top: 3px;}
.pagina-content .vrijwilligers-flex .box.contactbox {margin-top: -50px;margin-bottom: 50px;}
.pagina-content .vrijwilligers-flex .box.contactbox .person {border-radius: 50%;width: 50px;height: 50px;margin-right: 19px;float: left;background-size: cover;background-position: center;}
.pagina-content .vrijwilligers-flex .contact ul span {color: #2196F3;background-color: rgba(33, 150, 243, 0.1);padding: 6px;border-radius: 50%;font-size: 16px;}
.pagina-content .vrijwilligers-flex .contact ul {float: right;}
.pagina-content .vrijwilligers-flex .list-inline>li {padding: 0px 2px;}
.pagina-content .vrijwilligers-flex .list-inline>li:hover {opacity: 0.7;}
.pagina-content .vrijwilligers-flex .name {width: calc(100% - 128px);display: inline-block;}
.pagina-content .vrijwilligers-flex .contact {margin-top: -35px;margin-bottom: 35px;}
.pagina-content .vrijwilligers-flex .box.formulier h2 {color: #2196F3;font-size: 18px;font-weight: 600;line-height: 24px;margin-top: 0px;margin-bottom: 0px;}
.pagina-content .vrijwilligers-flex .box.formulier h5 {color: #2196F3;line-height: 15px;font-size: 12px;font-weight: 400;margin-top: 3px;}
.pagina-content .vrijwilligers-flex .box.formulier a.button {width: 100%;text-align: center;}

.pagina-content .bedrijf-aanmelden  {margin: 100px 0px;}
.pagina-content .bedrijf-aanmelden .step.box {box-shadow: 0px 1px 3px rgb(117 132 144 / 15%);background-color: #fff;padding: 15px 25px;margin-bottom: 20px;border-radius: 3px;}
.pagina-content .bedrijf-aanmelden .step.box .left {box-shadow: inset 0px 1px 3px rgb(117 132 144 / 15%);display: inline-block;background-color: #edf2f6;position: absolute;left: -5px;padding: 5px;border-radius: 50%;}
.pagina-content .bedrijf-aanmelden .step.box .left:after {content: '';background-color: #edf2f6;height: 43px;width: 23px;display: block;position: absolute;margin-top: -38px;margin-left: -9px;}
.pagina-content .bedrijf-aanmelden .step.box .left i:before {content: '';background-color: #edf2f6;}
.pagina-content .bedrijf-aanmelden .step.box .left i {background-color: #2196F3;width: 30px;height: 30px;color: #fff;text-align: center;border-radius: 50%;padding: 5px 0px;font-size: 14px;line-height: 21px;font-weight: 400;display: inline-block;padding-left: 1px;font-style: normal;z-index: 9;position: relative;margin: 0px;}
.pagina-content .bedrijf-aanmelden .step.box p {margin-bottom: 0px;margin-left: 20px;}
.pagina-content .bedrijf-aanmelden .box.contactbox,
.pagina-content .bedrijf-aanmelden .box.formulier {box-shadow: 0px 1px 3px rgb(117 132 144 / 15%);border-radius: 5px;background-color: #fff;padding: 25px 20px;}
.pagina-content .bedrijf-aanmelden .box.contactbox p {margin-bottom: 0px;}
.pagina-content .bedrijf-aanmelden .box.contactbox h3 {margin-top: 0px;color: #00274F;font-size: 14px;line-height: 18px;font-weight: 600;margin-bottom: 5px;margin-top: 3px;}
.pagina-content .bedrijf-aanmelden .box.contactbox {margin-top: -50px;margin-bottom: 50px;}
.pagina-content .bedrijf-aanmelden .box.contactbox .person {border-radius: 50%;width: 50px;height: 50px;margin-right: 19px;float: left;background-size: cover;background-position: center;}
.pagina-content .bedrijf-aanmelden .contact ul span {color: #2196F3;background-color: rgba(33, 150, 243, 0.1);padding: 6px;border-radius: 50%;font-size: 16px;}
.pagina-content .bedrijf-aanmelden .contact ul {float: right;}
.pagina-content .bedrijf-aanmelden .list-inline>li {padding: 0px 2px;}
.pagina-content .bedrijf-aanmelden .list-inline>li:hover {opacity: 0.7;}
.pagina-content .bedrijf-aanmelden .name {width: calc(100% - 128px);display: inline-block;}
.pagina-content .bedrijf-aanmelden .contact {margin-top: -35px;margin-bottom: 35px;}
.pagina-content .bedrijf-aanmelden .box.formulier h2 {color: #2196F3;font-size: 18px;font-weight: 600;line-height: 24px;margin-top: 0px;margin-bottom: 0px;}
.pagina-content .bedrijf-aanmelden .box.formulier h5 {color: #2196F3;line-height: 15px;font-size: 12px;font-weight: 400;margin-top: 3px;}
.pagina-content .bedrijf-aanmelden .box.formulier a.button {width: 100%;text-align: center;}
.pagina-content .bedrijf-aanmelden .box.formulier a.button.btn-small-right {display: inline-block;width: auto;float: right;}

.pagina-content .faq  {margin: 100px 0px;}
.pagina-content .faq .faq-box {box-shadow: 0px 1px 3px #75849026;border-radius: 5px;background-color: #fff;}
.pagina-content .faq .faq-box h2 {color: #2196F3;font-size: 14px;line-height: 13px;font-weight: 500;padding: 20px;margin: 0px;text-transform: uppercase;}
.pagina-content .faq .panel-group .panel {border: none;border-top: 1px solid rgb(66 66 66 / 10%);padding: 20px;margin: 0px;color: #203F5D;font-size: 14px;line-height: 22px;border-radius: 0px;background: transparent;box-shadow: none;}
.pagina-content .faq .panel-default>.panel-heading {border: none;background: transparent;padding: 0px;margin: 0px;}
.pagina-content .faq .panel-default>.panel-heading a {color: #203F5D;font-size: 15px;font-weight: 600;line-height: 22px;text-decoration: none;}
.pagina-content .faq .panel-group  span.material-icons-outlined {vertical-align: middle;color: #2196F3;font-size: 18px;position: absolute;margin-top: 2px;transform: rotate(90deg);transition: 0.3s;margin-left: -25px;}
.pagina-content .faq .panel-title {margin-left: 25px;}
.pagina-content .faq .collapsed  span.material-icons-outlined {transform: rotate(0deg);}
.pagina-content .faq .panel-default>.panel-heading+.panel-collapse>.panel-body {border-top: 0px;padding-left: 25px;padding-bottom: 0px;}

.pagina-content .contact .box.grey {border: 1px solid #D9DEE5;border-radius: 5px;padding: 20px;background-color: #f3f6f9;}
.pagina-content .contact .box.grey ul.list-unstyled,
.pagina-content .contact .box.grey ul.list-unstyled a {color: #2196F3;text-decoration: none;font-size: 12px;line-height: 18px;font-weight: 600;}
.pagina-content .contact .box.grey ul.list-unstyled a:hover {opacity: 0.7;}

.pagination-row {text-align: center;margin-top:  20px;}
.pagination-row .pagination a {color: #203F5D;font-size: 14px;line-height: 24px;text-decoration: none;padding: 0px 10px;}
.pagination-row .pagination {margin: 0px 15px;}
.pagination-row a:hover {opacity: 0.7;}
.pagination-row a.others:hover,
.pagination-row .button.disabled:hover {opacity: 1;}
.pagination-row span.page_current {color: #2196F3;font-size: 14px;line-height: 24px;text-decoration: none;padding: 0px 10px;font-weight: 600;}
.pagination-row .button {padding: 9px 20px;box-shadow: none;}
.pagination-row  .button.disabled {background: #D9DEE5;border-radius: 4px;color: rgb(32 63 93 / 33%);}
.tab .checkbox-container input[type=checkbox] {margin-right: 12px;vertical-align: middle;margin-top: 0px;}
.form-default .checkbox-container i {margin-top: 0px;font-weight: 400;margin-top: 10px;margin-left: -30px;margin-bottom: 0px;}
.form-default .checkbox-container b.blue {font-weight: 400;line-height: 21px;}



/* -- Step form -- */
.stepform {font-family: 'Montserrat';padding:  100px 0px;}
.form-default h1,
.stepform h1 {color: #203F5D;font-size: 30px;font-weight: 600;margin-bottom: 30px;line-height: 38px;}
.stepform .stepform-box {box-shadow: 0px 1px 5px rgba(117, 132, 144, 0.15);border-radius: 5px;background-color: #fff;}
.stepform .stepform-box .stepform-box-header {padding: 30px;border-bottom: 1px solid #DFEBF3;}
.form-default .box-bedrijf.box .box-bedrijf-header .number,
.form-default .box-bedrijf.box .box-bedrijf-header .number, .stepform .stepform-box .stepform-box-header .number {border-radius: 50%;text-align: center;width: 32px;height: 32px;background-color: rgba(33, 150, 243, 0.10);color: #167AC8;font-weight: 500;font-size: 15px;display: flex;align-items: center;justify-content: center;}
.form-default .box-bedrijf.box .box-bedrijf-header p,
.stepform .stepform-box .stepform-box-header p {margin:  0px}
.stepform .stepform-box .stepform-box-inner {padding: 30px 35px}
.stepform .stepform-box .stepform-bottom {padding: 30px; padding-top: 0px;}
.stepform .stepform-box .stepform-bottom .countbox {border: 1px solid #DFEBF3;border-radius: 5px;padding: 9px 15px;display: inline-block;}
.stepform .stepform-box .stepform-bottom .countbox p {margin: 0px;color: #B4C0C9;font-weight: 500;font-size: 18px;float: left}
.stepform .stepform-box .stepform-bottom .countbox span.active {color:  #2196f3;}
.stepform .stepform-box .nextprevarrow button.nextBtn,
.stepform .stepform-box .nextprevarrow button.prevBtn {border: none;transition: 0.3s;background-color: transparent;color: #B4C0C9;cursor: pointer;outline: none;position: absolute;left: 143px;margin-top: -38px;padding: 0px;background: transparent;box-shadow: none;}
.stepform .stepform-box .nextprev button:hover {opacity: 0.7}
.stepform .stepform-box .nextprevarrow button.prevBtn {left: 108px;transition:  0.3s}
.stepform .stepform-box .nextprevarrow button.prevBtn: hover; {opacity: 0.7}
.stepform .stepform-box .nextprev button {box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.16);border-radius: 5px;background: transparent linear-gradient(111deg, #00BDF1 0%, #2196F2 100%) 0% 0% no-repeat padding-box;color: #fff;font-size: 14px;padding: 12px 20px;border: none;cursor: pointer;outline: none;float: right;font-weight: 600;}
.stepform .stepform-box .inactive {opacity: 0.5;cursor: default;}
.stepform .stepform-box .nextprev button.disabled {display: none;color: rgba(32, 63, 93, 0.33);background: rgba(180, 192, 201, 0.10);box-shadow: none;cursor: auto;}
.stepform .stepform-box .nextprev .button.secondary {background: transparent;border: none;color: #2196f3;box-shadow: none;margin-right: 10px;}
.stepform.formcstm.success .stepform-box-header p { margin-top: 9px;}
.stepform .stepform-box .stepform-form .col-desc p {height: 45px;display: table-cell;vertical-align: middle;color: #212529;font-size: 14px;}
.stepform.success .button {cursor: pointer;font-weight: 500;background-color: #2196f3;box-shadow: 0px 1px 2px rgb(0 0 0 / 16%);border-radius: 5px;color: #fff;padding: 12px 20px;font-size: 14px;transition: 0.3s;display: inline-block;margin-top: 25px;outline: none;border: none;}
.stepform.success .button:hover {opacity: 0.7!important;}
.stepform.success .button.disabled:hover {opacity:  1!important;}
.stepform .container-reset {width: 1184px;margin-left: -27.666667%;}
.stepform .stepform-box.success .stepform-step .ico {position: absolute;width: 31px;height: 35px;background-size: contain;background-repeat: no-repeat;background-position: center;}
.stepform .stepform-box.success .stepform-step ul,
.stepform .stepform-box.success .stepform-step p {padding-left: 50px;margin: 0px}
.stepform .stepform-box.success .stepform-step {margin-top:  10px;margin-bottom: 20px}
.stepform .button.secondary.cstmnext {background: transparent;border: none;color: #2196f3;margin-top: 10px;outline: none;font-size: 14px;font-weight: 600;cursor: pointer;transition: 0.3s;box-shadow: none;padding: 0px;margin-bottom: 25px;}
.stepform .stepform-box.success .stepform-box-header .right p {margin-top: 8px;}
.stepform .stepform-box.success .video-container {height: 452px; border-radius: 5px;overflow: hidden;}
.stepform .stepform-box.success .js-video.ng-isolate-scope {height: 100%;background-size: cover;background-position: center;}
.stepform .stepform-box.success .play {cursor: pointer;height: 100%;width: 100%;background-color: rgba(32, 63, 93, 0.47);text-align: center;padding: 210px 0px;color: #fff;}
.stepform .stepform-box.success .play span.material-icons {font-size: 45px;}
.stepform .stepform-box.last span.left {width: 200px;display: inline-block;line-height: 27px;font-size: 14px;color: #212529;}
.stepform .stepform-box.last ul.list-unstyled.stats {padding: 30px;padding-bottom: 0px;}
.stepform .stepform-box.last ul.list-unstyled.progress-custom {padding: 0px 30px;}
.stepform .stepform-box.last .progress {width: calc(100% - 250px);float: right;margin: 11px 0px;margin-right: 47px;height: 5px;border-radius: 6px;background-color: #DBEFFD;}
.stepform .stepform-box.last .progress-bar {background-color: #2196f3;}
.stepform .stepform-box.last .content {padding: 30px;padding-top: 0px;}
.stepform .button.secondary.cstmnext:hover {opacity: 0.7;}
.stepform .button.secondary.cstmnext .material-icons {vertical-align: text-top;line-height: 19px;}
span.pushleft {position: absolute;left: -2px;font-size: 17px;color: #203F5D;margin-top: 12px;}

/* -- snel-solliciteren -- */
.snel-solliciteren .header {height: 300px;background-size: cover;background-position: center;}
.snel-solliciteren .header .gradient {height: 300px;background-color: rgba(31, 48, 65, 0.5);}
.snel-solliciteren .header .align {height: 300px;vertical-align: middle;display: table-cell;width: 100%;}
.snel-solliciteren .header .gradient h1 {color:  #fff;font-size: 48px;line-height: 58px;font-weight: 600;margin-bottom: 0px;}
.snel-solliciteren .button {cursor: pointer;font-weight: 500;background-color: #2196F3;box-shadow: 0px 1px 2px rgb(0 0 0 / 16%);border-radius: 5px;color: #fff;padding: 12px 20px;font-size: 14px;transition: 0.3s;display: inline-block;margin-top: 25px;outline: none;border: none;}
.snel-solliciteren .button:hover {opacity: 0.7!important;}
.snel-solliciteren .content.content1 {background-color: #EDF2F6;padding: 100px 0px;}
.snel-solliciteren .content.content1 h2 {color: #203F5D;font-size: 30px;line-height: 40px;font-weight: 400;margin-bottom: 30px;}
.snel-solliciteren .content.content1 .img {background-repeat: no-repeat;height: 60px;width: 60px;background-size: contain;background-position: left center;}
.snel-solliciteren .content.content1 .js-video.ng-isolate-scope {overflow: hidden;cursor: pointer;float: right;width: 100%;height: 470px;max-width: 470px;border-radius: 5px;background-position: center;background-size: cover;}
.snel-solliciteren .content.content1 .play {text-align: center;padding: 221px 0px;}
.snel-solliciteren .content.content1 .play span.material-icons {border: 2px solid #fff;border-radius: 50%;padding: 2px;color: #fff;}
.snel-solliciteren .content.content1 iframe {height: 470px;width: 100%;}

#gesprekaanvragen button.close {font-size: 34px;opacity: 1;font-weight: 100;box-shadow: none;margin-top: -5px;color: #333333;}
#gesprekaanvragen .modal-header {min-height: 16.43px;padding: 15px;border-bottom: 0px;padding-bottom: 0px;}
#gesprekaanvragen .modal-content {box-shadow: none;border: none;}
#gesprekaanvragen .modal-dialog {max-width: 400px;overflow: hidden;margin: 0 auto;margin-top: 10vh;}
#gesprekaanvragen .dropdown input[type=checkbox] {margin-top: 3px;}

.header-forms h2 {color: #2196F3;font-family: Montserrat;font-size: 36px;font-style: normal;font-weight: 500;line-height: normal;margin-top: 80px;margin-bottom: 0px;}
.box-bedrijf-header {display: flex;align-items: center;margin-bottom: 10px;}
.form-default .box-bedrijf.box .box-bedrijf-header p, .stepform .stepform-box .stepform-box-header p {margin-left: 10px;color: #203F5D;}

/* -- baanmakers -- */
.pagina-content .lijst.vacatures .box.switchbox {background-color: #f4f6f9;border-color: #dee3ea;padding: 15px;}
.pagina-content .lijst.vacatures .box.switchbox span.baanmaker span {width: 24px;height: 24px;display: inline-block;background-size: contain;background-position: center;margin-right: 0px;margin-top: -3px;vertical-align: text-top;margin-right: 3px;}
.pagina-content .lijst.vacatures .box.switchbox .flex {display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-between;align-items: center;    border-bottom: 1px solid #DDE4EA;padding-bottom: 14px;margin-bottom: 15px;}
.pagina-content .lijst.vacatures .box.switchbox.jobsurf .flex h3 {display: flex;font-size: 16px;font-style: normal;font-weight: 600;line-height: 20px;align-items: center;}
.pagina-content .lijst.vacatures .box.switchbox.jobsurf span.baanmaker span.ico.icon-custom {height: 40px;width: 40px;background-repeat: no-repeat;margin-right: 15px;}
.pagina-content .lijst.vacatures .box.switchbox h3 {font-family: Figtree;font-size: 16px;font-style: normal;font-weight: 500;line-height: 24px;margin: 0px;}
.pagina-content .lijst.vacatures .box.switchbox p {font-family: Figtree;font-size: 14px;font-style: normal;font-weight: 400;}
.pagina-content .lijst.vacatures .flexbox {display: flex;justify-content: flex-end;align-items: center;}
.pagina-content .lijst.vacatures .lang-selector .dropdown {background: #fff;}
.pagina-content .lijst.vacatures .flexbox .lang-selector.vacancy {margin-left: 15px;}
.pagina-content .lijst.vacatures .flexbox .dropdown select#vacancy-order-selector {background: #fff;border: 1px solid #dde4ea;border-radius: 15px;-moz-appearance: none;appearance: none;background: url(../../shared/images/lang/lang_toggle.svg) no-repeat 103px white;padding-right: 20px;background-size: 18px;width: 130px;}
.pagina-content .lijst.vacatures .lang-selector ul.dropdown-menu {min-width: 10px;z-index: 9;border-radius: 15px;overflow: hidden;border: 1px solid #dde4ea;    border: 1px solid #dde4ea;padding-top: 0px;    width: 77px;}
.pagina-content .lijst.vacatures .lang-selector ul.dropdown-menu li {border: none;margin: 0px;}
.pagina-content .lijst.vacatures .dropdown-menu>li>a {padding: 5px;min-width: 74px;    display: flex;align-items: center;}

/* USW Switch */
.pagina-content  .switch__container {width: 48px;height: 28px;}
.pagina-content  .switch {visibility: hidden;position: absolute;margin-left: -9999px;}
.pagina-content  .switch + label {display: block;position: relative;cursor: pointer;outline: none;user-select: none;}
.pagina-content  .switch--flat + label {padding: 2px;width: 48px;height: 28px;background-color: #95A2AE;border-radius: 60px;transition: background 0.4s;}
.pagina-content  .switch--flat + label:before,
.pagina-content  .switch--flat + label:after {display: block;position: absolute;content: "";}
.pagina-content  .switch--flat + label:before {top: 2px;left: 2px;bottom: 2px;right: 2px;background-color: #95A2AE;border-radius: 60px;transition: background 0.4s;}
.pagina-content  .switch--flat:checked + label:before {background-color: #167AC8;}
.pagina-content  .switch--flat + label:after {top: 3px;left: 3px;bottom: 3px;width: 22px;height: 22px;background-color: #fff;border-radius: 52px;transition: margin 0.4s, background 0.4s;}
.pagina-content  .switch--flat:checked + label {background-color: #167AC8;}
.pagina-content  .switch--flat:checked + label:after {margin-left: 19px;}

/* -- Tabs -- */
.stepform-box input.invalid {background-color: #ffdddd;}
.stepform-box .tab {display: none;}
.stepform-box .prevBtn {  background-color: #bbbbbb;}
.stepform-box .step {height: 15px;width: 15px;margin: 0 2px;background-color: #bbbbbb;border: none;  border-radius: 50%;display: inline-block;opacity: 0.5;}
.stepform-box .step.active {opacity: 1;}
.stepform-box .step.finish {background-color: #04AA6D;}

#jobalert h4.modal-title {color: #2196F3;font-size: 18px;line-height: 24px;font-weight: 600;}
#jobalert .modal-header {border-bottom: 1px solid rgb(66 66 66 / 10%);padding: 20px;}
#jobalert .modal-body {padding: 20px;}
#jobalert .modal-content {box-shadow: 0px 1px 3px rgb(117 132 144 / 15%);border-radius: 5px;border: none;}
#jobalert .modal-footer {border-top: 1px solid rgb(66 66 66 / 10%);padding: 20px;}
#jobalert .modal-header .close {opacity: 1;font-weight: 400;font-size: 35px;margin-top: -6px;}
#jobalert .dropdown b {color: #203F5D;font-size: 14px;margin-bottom: 15px;}
#jobalert .col-xs-12.pt {margin-top: 15px;}
#jobalert button.button {margin: 0px;}
#jobalert .modal-footer p {font-size: 13px;line-height: 19px;text-align: left;color: #203F5D;margin: 0px;font-weight: 400;}
#jobalert .modal-footer p a {text-decoration: none!important;color: #2196F3}

/* -- mail pages -- */
.full-page-layout .form-default {padding-top: 100px;}
.full-page-layout .form-default h2 {color:  #2196F3;font-size: 36px;font-style: normal;font-weight: 600;line-height: normal;margin-bottom: 42px;}
.full-page-layout .form-default .box.formulier {border-radius: 5px;background: #FFF;box-shadow: 0px 1px 3px 0px rgba(32, 63, 93, 0.15);padding: 30px 20px;}
.full-page-layout .form-default h4 {color: #203F5D;font-family: Figtree;font-size: 16px;font-style: normal;font-weight: 600;line-height: 24px;margin-top: 0px;}
.full-page-layout .form-default .stepform-bottom {border-top: 1px solid #DDE4EA;margin-top: 30px;padding-top: 30px;}

.grecaptcha-badge { z-index: 9;}
.vacancy-search input {border: 1px solid #DDE4EA;border-radius: 5px;background-color: #fff;padding: 12px 10px;font-size: 14px;line-height: 24px;outline: none;width: 100%;height: 38px;width: calc(100% - 118px);padding-left: 38px;letter-spacing: 0.32px;font-weight: 100;font-family: 'Figtree';}
.vacancy-search .button {    background: transparent linear-gradient(114deg, #00BDF1 0%, #2196F2 100%) 0% 0% no-repeat padding-box;box-shadow: none;border-radius: 5px;color: #fff;padding: 12px 20px;font-size: 14px;line-height: 13px;font-weight: 600;outline: none;border: none;transition: 0.3s;text-decoration: none;display: inline-block;height: 38px;margin-left: 0px;float: right;}

.header.vacany-tabs .tabs-set {background: #EDF2F6;border-top-left-radius: 10px;border-top-right-radius: 10px;height: 48px;margin-top: -47px;}
.header.vacany-tabs .item {text-align: center;padding-top: 13px;display: flex;justify-content: center;align-items: center;}
.header.vacany-tabs .item a {font-size: 16px;font-style: normal;font-weight: 500;line-height: 24px;color: #203F5D;}
.header.vacany-tabs .item a:after {transition: 0.3s;content: "";width: 100%;height: 3px;background-color: transparent;display: block;border-radius: 5px;margin-top: 7px;}
.header.vacany-tabs .item a:hover {text-decoration: none;color: #909fae;}
.header.vacany-tabs .item a:hover:after {background-color: #d9dee5;}
.header.vacany-tabs .item.active a {color: #167AC8;}
.vacancy-search {margin-bottom: 20px;}
.header.vacany-tabs .item.active a:after {background-color: #167AC8;}

footer {margin-top: 50px;background-color: #fff;padding: 100px 0px;padding-top: 50px;}
footer:before {content: "";background: transparent linear-gradient(0deg, #FFFFFF 0%, #FFFFFF00 100%) 0% 0% no-repeat padding-box;height: 250px;width: 100%;display: block;position: absolute;margin-top: -300px;z-index: -1;}
footer h3 {color: #697e92;font-size: 14px;line-height: 21px;margin-top: 40px;margin-bottom: 20px;font-weight: 600;}
footer ul li, footer ul li>a {font-size: 14px;font-weight: 400;line-height: 28px;color: rgb(32 63 93 / 67%);text-decoration: none;}
footer ul li>a:hover {color: rgb(32 63 93 / 67%);text-decoration: none;opacity: 0.7;}
footer .footer-logo {border-bottom: 1px solid rgb(32 63 93 / 15%);padding-bottom: 35px;text-align: center}
footer .footer-logo img {height: 60px;display: block;margin: 0 auto;    display: inline-block;}
footer .footer-logo.center-block h3 {text-decoration:  none!important;border-radius: 21px;color: #697e92;border: none;font-size: 24px;line-height: 31px;font-weight: 700;display: inline-block;outline: none;box-shadow: none;margin: 0px;padding: 0px;margin-left: 15px;}
footer .footer-logo.center-block h4 {text-decoration:  none!important;color: #697e92;font-size: 24px;line-height: 31px;font-weight: 300;margin: 0px;display: inline-block;margin-left: 2px;}
footer .footer-logo.center-block a {text-decoration:  none!important;}


.pagina-content .bedrijf-aanmelden .box.formulier a.button {width: 100%;text-align: center;}
.pagina-content .bedrijf-aanmelden .box.contactbox, .pagina-content .bedrijf-aanmelden .box.formulier {box-shadow: 0px 1px 3px rgb(117 132 144 / 15%);border-radius: 5px;background-color: #fff;padding: 30px 20px;}
.pagina-content .bedrijf-aanmelden .box.formulier h2 {color: #2196F3;font-size: 18px;font-weight: 600;line-height: 24px;margin-top: 0px;margin-bottom: 0px;}
