/*#preloader {display:none!important;}*/

.dblauw {background:#023A78;}
.rood {background:#f00;}

/*lichtgrijs: #E6E5E4*/
/*nog lichter: #F3F4F6;*/

::-webkit-scrollbar {width: 10px;}
::-webkit-scrollbar-track {background:#E6E5E4;}
::-webkit-scrollbar-thumb {background:#023A78;}

@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 100;
  src: local('Lato Hairline'), local('Lato-Hairline'),
       url('../../fonts/lato-v14-latin-100.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../../fonts/lato-v14-latin-100.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

::selection {background:#C1D2E2;}

html {scroll-behavior: smooth;}
body {color:#023A78;background-color: #f3f4f6;}
a, .kalender table td:nth-child(4), button, .tel, .thumbnail, .client img, .blok,.arrow-down .fa {transition:all .2s ease-out;}
a {color:#023A78}
a:hover, a:focus {color:#31aae2;}
a.btn {color:#fff!important}
h1 {margin-top:0; color: #023A78;padding-bottom:30px;font-weight:700;font-size:2rem;font-family: Glegoo;}
h2 {color:#fff;font-family: Glegoo;}
.h3, h3 {font-size: 0.9rem;}
hr {border-top-color: #023A78}
table {width:100%;border-left:1px solid #ddd;border-bottom:1px solid #ddd;}
th, td {padding:10px;border-top:1px solid #ddd;border-right:1px solid #ddd;vertical-align: top;}
th {background: #ccc;text-align:left;}
ul {margin-bottom:10px;margin-left:15px;list-style:square;}
noscript {display: none;position: absolute;left:50%;top: 50%;width: 300px; height:220px;margin-left:-150px;margin-top:-110px;padding: 20px;border-left: solid 10px #f00;background: rgba(255,255,200,0.95);font-size: 0.8rem;z-index: 1000;box-shadow:10px 10px 10px #000;text-align:center;}
noscript a {text-decoration:underline;}
noscript .fa {color:#f00;font-size:1.5rem;}
p, li {font-family:Poppins,sans-serif!important;}
iframe {height: 100vh}

/*start*/
.home .search-link {display:none;}
.home #start {height:100vh;text-align:center;}
.home #start .searchbox {display:inline-block;position: absolute;z-index:1;top: 47%!important;left: 50%;margin-top: -50px;margin-left: -300px;width: 600px;}
.home #start .searchbox input { height:60px!important;/*transform: skew(-15.4deg);*/border-radius:30px;max-width:100%!important;padding:20px;border:solid 2px #999;box-shadow: 0 1px 34px 0 rgba(0,0,0,.25);background:rgba(255,255,255,0.8)!important;/*text-align:center;*/font-size:1rem}

.home #start .searchbox input::placeholder {/*transform: skew(15.4deg)*/}
.home #start .arrow-down {margin-top:40vh;text-align:center;color:#010A27;font-size:2.5rem;position:relative;z-index:1;width:90px;height:90px;text-indent:0;border:none;}
.home #start .btn-circle {background:rgba(255,255,255,0.4)}
.home #start .btn-circle:hover {background:rgba(255,255,255,0.7)}

#main {height:100vh;background-image: url(../img/casual.jpg); background-attachment:fixed;background-size:cover;}
#main h1 {padding-top:150px;padding-bottom:0;margin-bottom:0;}
#main h1::first-letter {font-family:Poppins,sans-serif!important;text-decoration:underline;}

/*rubrieken*/
#rubrieken {height:100vh;text-align:center;background-image: url(../img/rubriek.jpg); background-attachment:fixed;background-size:cover;background-color:#F3F4F6;}
#rubrieken h2 {color:#023A78;}
#rubrieken .rubriek {width: 130px;height: 130px;background: rgba(255,255,255,.8);font-size:0.6rem;padding: 0;line-height: 1.2;text-align: center;color: #012853;padding: 0 10px;margin-right: 20px;margin-bottom: 20px;display:inline-block;box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);}
.rubriek img {max-width: 81px;margin-top: 10px;}
.rubriek a:hover {filter: invert(100%);color: #023A78;}
.rubriek:hover {background: #012853!important;}

/*services*/
.x-services .thumbnail {padding:10px}
.x-services .thumbnail h3, .x-services .thumbnail p {text-align:left;}
.x-services .thumbnail p {font-size: 0.7rem;}
.x-services .thumbnail h3 {margin-top:0;}


/*map*/
#kaart {height:100vh;}

/*team*/
#team {height:100vh;}

/*preloader*/
#preloader {background: #706d5d;bottom: 0;left: 0;position: fixed;right: 0;top: 0;z-index: 999;}
#status,.status-mes {background-image: url(../img/preloader.gif);background-position: center;background-repeat: no-repeat;height: 200px;left: 50%;margin: -100px 0 0 -100px;position: absolute;top: 50%;width: 200px;}
.status-mes {background: none;left: 0;margin: 0;text-align: center;top: 65%;}

.no-js noscript {display: block;}
.no-js #preloader {display:none;}

#page-wrapper {min-height:100vh;}

/*header*/

#header {background:#E6E5E4;color:#fff;box-shadow:0 2px 20px -1px rgba(0,0,0,0.2);border:none;}
#header .container.grid-lg {max-width:100%}
.header-fixed #body-wrapper {padding-top:0;}
#header .logo img {height: 60px;position:relative;z-index:1;}
#header .navbar-section.logo {height:2rem;}
#header .dropmenu a {color: #023A78;margin-right:15px;font-size:0.7rem;text-transform: uppercase;;border:solid 2px transparent;font-weight:normal;}
#header .dropmenu ul li a.active {background-color:#fff!important;transform: skew(-15.4deg);border:solid 2px #023A78;color:#0b003c!important;}
#header .dropmenu a:hover {transform: skew(-15.4deg);border:solid 2px #023A78;color:#0b003c!important;background:#fff;}
#header .dropmenu ul ul {background:#023A78;min-width:200px; margin-top:5px;z-index:3000;}
#header .dropmenu ul ul a:hover {border:none;transform: none;}
#header .dropmenu ul ul a.active {border:none;transform: none;color:#fff!important;}
.navbar {margin-left: -20px;}
#header .langswitcher {top:25px;}
#header .langswitcher li {margin-left: 0;}
#header .langswitcher a {color:#3085ee;width: 30px;height: 30px;border: 1px solid #023A78; padding:5px 7px;font-weight:normal;background:#fff;}
#header .langswitcher a.active {color:#fff;text-decoration:none;background:#023A78;}

.home .navbar {margin-left: 0px;}
#body-wrapper .container { padding:1rem 0 2rem 0;}

/*mobile menu*/
.treemenu li.tree-closed > .toggler:before {font-size: 2rem;color: #ccc;}

#breadcrumbs a:not(:first-child)::before, #breadcrumbs span:not(:first-child)::before {content: '>';color: #000;}
.breadcrumb  {background:rgba(255,255,255,0.8);margin-top:80px;border-radius:0;padding:.4rem;color:#444;position:relative;z-index:1;}
#breadcrumbs {margin:0;height:auto;line-height:1.6rem;padding-left:15px;}
#breadcrumbs span, #breadcrumbs a {padding: 0 .1rem;}
#breadcrumbs span:not(:first-child)::before {padding-right:0;}

ul.search-link {float:right;list-style: none;position:relative;z-index:5000;cursor:pointer;margin-top: 0px;}
#header ul.search-link a {font-size:1.2rem;font-weight:bold;}
ul.search-link .fa {transform: scale(-1, 1);}
.searchbox {position:fixed;right:10px;z-index:1000;width:300px;margin-top:10px;top:75px;display:none;}
.search-wrapper .search-input {width: 100%;height:2rem;}
.search-input {border:solid 1px #444;padding-left:10px!important;}
.header-search-input { color:#444!important;}

.search-item {margin-left:0;margin-bottom:0;}
.simplesearch input {z-index:1!important;}
.simplesearch p {font-size:1.3rem;margin-top:30px}
.search-title h3 {font-size:1.6rem;}
.search-date {color:#fff;}
.search-row {padding:20px;margin-bottom:20px;background:#666;}
.cover {background:#fff;padding:20px;height:200px;overflow:auto;margin-top:30px;/*transform:scale(0.7);*/}

.tel {float:right;background:#023A78;padding:10px;border-radius:5px;margin-right:10px;color:#fff;margin-top:10px;position:relative;z-index:1;border:solid 2px #444;}
.tel:hover {background:#fff;color:#444;}
.tel .fa {font-size:1rem;}
.tel a {color:#fff!important;font-size:1rem;}
.tel a:hover{text-decoration:none;color:#444!important;}

.mobile-container {z-index:2000}
.mobile-menu .button_container, .mobile-menu {z-index:3000;}

.container.grid-lg {max-width: 1170px;}
.webinars .container.grid-lg { max-width: calc(100% - 600px);}
.columns {margin:0;margin-bottom:100px;}
.col-8 {padding:0;padding-right:20px;}
.col-4 {padding-top:98px;}
.ptb-100 {max-width:1170px;margin: 0 auto}

#toTop {position: fixed;bottom: 50px;right: 30px;color:#fff;cursor: pointer;display: none;z-index: 1;width: 30px;height: 30px;border: 2px solid #fff;text-align: center;font-size: 18px;line-height : 24px;background:#023A78;}
#toTop:hover {color: #023A78;background-color: #fff;border: 1px solid #023A78;transition: all 0.3s ease 0s;}

.section-title h2 {margin-top: 50px;color:#023A78;}

.btn:focus {color:#fff;}
.btn {margin-bottom:10px;}
.primary {background:#023A78;color:#fff;border-radius:3px;font-weight:bold;}
.primary:hover{color:#fff;background:#666;}
.primary:before {content: '\25B6 \00a0';color: #B6C9DC;}
.active.button, .btn.active, .btn:active, .button:active {border:none;background:#666;}
.btn:focus, .btn:hover, .button:focus, .button:hover {border:none;background:#666;outline:none;box-shadow:none;}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {outline:none;}

/*footer*/
#footer {background-color:#023A78;!important;padding:20px;}
#footer .columns {margin-bottom:0}
#footer .column {border-right:solid 1px #666;padding-left:20px;}
#footer .column.last {border:none;}
#footer h3 {color:#F39200;font-size:1.1rem;text-align:left;margin-top:0;}
#footer p {font-size:0.8rem;text-align:left;color:#fff;margin-bottom:0}
#footer a {color:#ECF1F6;}
#ff {background: rgb(2,0,36);
background: linear-gradient(0deg, rgba(2,0,36,1) 0%, rgba(0,36,76,1) 80%); padding:5px;font-size:0.5rem;color:#999;text-align:right;}

/*home*/
.home .searchbox {}
.home .search-input {background:rgba(0,0,0,0.8);}
.home .header-inner img {display:none;}
.home #header .navbar-section {margin-right:25px;}
.home .breadcrumb {display:none;}
.home #start .container.grid-lg {max-width:100%;margin-top:26px;}
.home section.section {padding:0;}
.home #header .logo img {/*height:100px; margin-top: 0px;*/}
.home .tel {margin-top:80px;position:absolute;right:30px;}

/*home modules*/
/*module sections*/
.team, .testimonial, .client-logo, .x-features {padding:0 20px;padding-left:30px;}

.section-title span.bordered-icon {color: #023A78;padding: 0 10px;font-size: 12px;line-height: 18px;position: relative;display: inline-block;}
.section-title span.bordered-icon:before,
.section-title span.bordered-icon:after {content: "";background : #444;width: 50px;height: 1px;top: 8px;position: absolute;}
.section-title span.bordered-icon:before {left: 100%;}
.section-title span.bordered-icon:after {right: 100%;}

/*carousel*/
.carousel {margin-top: -20px;}
.carousel-inner {margin-top: -45px;}
.carousel .item {background:repeating-radial-gradient(#2a2928, #2a2928 4px, #000 5px, #2a2928 2px);background-size:100%;}
.no-webp .carousel .item {background:#000 url(../img/hero-back.jpg);height:100vh;}
.carousel .item img {opacity:0.3;}
.hero-slide .carousel-caption {bottom: 50%;text-shadow: none;transform: translateY(50%)}
.hero-slide .carousel-caption h2 {font-family:Poppins, sans-serif!important;font-size: 50px;line-height: 1;font-weight: bold;text-transform : uppercase;color: #ffffff;text-shadow: 2px 2px 2px #000;/*text-align:left;*/animation-delay: 2s;}
.hero-slide .carousel-caption p {font-size: 15px;color: #ffffff;font-weight : normal;text-shadow: 1px 1px 1px #000;text-align:left;display:none;}
.hero-slide .carousel-control.left,
.hero-slide .carousel-control.right {width: 50px;height: 50px;line-height : 46px;top: 50%;margin-top: -25px;background  : transparent;cursor: pointer;border: 2px solid #ffffff;text-shadow : none;}
.hero-slide .carousel-control.left {left: 1%;}
.hero-slide .carousel-control.right {right: 1%;}
.hero-slide .carousel-indicators {bottom: 60px;}
.hero-slide .carousel-indicators li[data-target] {border: 2px solid #ffffff;display:none;}

.carousel-caption img,.carousel-caption svg {max-width:300px;}


/*hero down button*/
.hero-slide .carousel-indicators li.arrow-down {text-align:center;color:#777;font-size:2.5rem;position:relative;z-index:100000;width:90px;height:90px;margin:0;text-indent:0;border:none;}
.fa-2x {font-size: 1em!important;}
.fa {font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.btn {display: inline-block;padding: 6px 12px;margin-bottom: 0;font-size: 14px;font-weight: normal;line-height: 1.428571429;text-align: center;vertical-align: middle;cursor: pointer;border: 1px solid transparent;border-radius: 4px;white-space: nowrap;user-select: none;}
.btn-circle {width: 90px;height: 90px;border-radius: 45px!important;text-align:center;font-size: 30px;color: rgba(255, 255, 255, 0.6);transition: background .4s ease-in-out;}
.btn-circle:hover, .btn-circle:focus {outline: 0;color: #fff;background: rgba(255, 255, 255, 0.1);}
.btn-circle i.animated {transition-property: transform;transition-duration: 1s;animation-name: pulse;animation-duration: 1.5s;animation-iteration-count: infinite;animation-timing-function: linear;}
.btn-circle:hover i.animated {animation-name: pulse;animation-duration: 1.5s;animation-iteration-count: infinite;animation-timing-function: linear;}
@keyframes pulse {0% {transform: scale(1);}50% {transform: scale(1.2);}100% {transform: scale(1);}}
.fa-angle-down:before {content: "\f107";}


.blok:hover {transform: translate(0,-40px)}
.blok {filter:drop-shadow(30px 30px 30px #000);}

/*thumbnails*/
.thumbnail {border-radius:0;border:solid 2px #ccc;background:#fff;margin-bottom:20px;}
.x-services .thumbnail {}
.thumbnail img {float:left;margin-right:20px!important;margin-bottom: 10px;}
.thumbnail .caption{padding:0}
.thumbnail.green {background: #fff url(../img/green-label.png) top right no-repeat;border:solid 2px #8cc645;padding-bottom:20px}
.thumbnail:hover {transform: perspective(400px) rotateY(10deg);}
.thumbnail.green::before {
    content: "Green label";
    color: #030;
    text-transform: uppercase;
    position: absolute;
    top: 16px;
    left: -1px;
    background: #8cc645;/*#729197*/
    font-size: 12px;
    line-height: 23px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 5px 24px 5px 20px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    box-shadow:2px 2px 5px #030;
}
.thumbnail.green:hover::before {left:-17px;}

.thumbnail.green::after {
    content: "";
    position: absolute;
    border-bottom: 16px solid transparent;
    border-right: 16px solid #030;
    left: -1px;
    top: 49px;
}
.thumbnail.green:hover::after {left:-17px;top:48px;}

a.green {color:#8CC645;text-decoration:underline;}

.team .thumbnail img {filter: grayscale(0.6);}
.team .thumbnail img:hover {filter:none;}

/*map*/
.map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

/*x-features*/
.feature-blue {background: #4d7ecc;}
.x-features {padding: 0px 0 85px;}
.x-features .section-title h2 {color: #fff;}
.x-features .section-title h2 {color : #ffffff;}
.x-features .img-left {margin-top : 20px;}

@media (max-width : 992px) {
    .x-features .img-left {margin-bottom: 40px;margin-top: 0px;}
}

.x-features .promo-icon {float : left;margin-right: 25px;font-size: 40px;color: #9dd1f6;}
.x-features .promo-content {color: #9dd1f6;overflow: hidden;border-bottom: 1px solid rgba(157, 209, 246, 0.4);margin-bottom: 20px;padding-bottom :10px;}
.x-features .promo-content.last-type {border-bottom: 0;margin-bottom: 0px;padding-bottom: 0px;}
.x-features .promo-content h3 {font-size: 15px;line-height: 26px;font-weight: 600;color: #ffffff;margin-top:0;}

/*testimonial*/
.testimonial .carousel .item {background:transparent;}
.testimonial-grad {background : linear-gradient(135deg, #0c0fce 0%, #e000e0 100%);}
.testimonial .section-title h2 {color: #ffffff;}
.testimonial {padding: 0px 0px;color: #ffffff;}
.testimonial .carousel-control {text-shadow: none;}
#testimonialSlider .carousel-inner .item {text-align: center;}
#testimonialSlider .carousel-inner .item img {display: inline-block;width: 60px;height: 60px;border-radius: 3px;}
#testimonialSlider .carousel-inner .item .name {text-transform: uppercase;font-size: 12px;margin-top: 5px;color: rgba(255, 255, 255, 0.5);}

#testimonialSlider .carousel-inner .item blockquote {border-left: 0px;}
#testimonialSlider .carousel-inner .item blockquote p {font-size: 20px;line-height: 34px;font-weight: 300;}
#testimonialSlider .carousel-inner .item blockquote ul {margin : 30px 0px;}
#testimonialSlider .carousel-control.right,
#testimonialSlider .carousel-control.left {background: transparent;border: 2px solid #ffffff;width: 34px;height: 34px;line-height: 28px;text-align: center;top: 50%;}

@media (min-width : 768px) {#testimonialSlider .carousel-indicators {bottom: -60px;}}
@media (min-width : 992px) and (max-width : 1199px) {#testimonialSlider .carousel-inner .item blockquote p {font-size : 18px;}}
@media (min-width : 768px) and (max-width : 991px) {#testimonialSlider .carousel-inner .item blockquote p {font-size: 13px;line-height: 24px;}}
@media only screen and (min-width : 480px) and (max-width : 767px) {#testimonialSlider .carousel-inner .item blockquote p {font-size: 13px;line-height: 24px;margin-bottom: 20px;padding: 0;}}
@media (max-width : 766px) {#testimonialSlider .carousel-control.right,#testimonial-slider .carousel-control.left {display: none;}#testimonialSlider .carousel-inner .item blockquote p {margin-bottom: 20px;padding: 0;}}

/*clients*/
.client img:hover {transform: scaleY(1.2) translate(-5%,0%);}

/*-------------------------------------------------------------------------------*/

/*alle opleidingen*/
.opleidingen h2 {color:#023A78;}
.webp .opleidingen #page-wrapper {background-size:cover!important;}
.webp .opleidingen #page-wrapper {background: #014EC4 url("../img/all-background2.webp");}
.no-webp .opleidingen #page-wrapper {background: #014EC4 url("../img/all-background2.jpg")}
.no-js .opleidingen #page-wrapper {background: #014EC4 url("../img/all-background2.jpg")}
.opleidingen table {max-width:700px;box-shadow: 10px 10px 25px -15px rgba(0,0,0,0.75);}
.opleidingen table td:nth-child(3) img {height:20px;}
.simplesearch table td:nth-child(3) img {height:20px;}

/*factsheet*/
.webp .factsheet {background: #ccc url(../img/factsheet-back-min.webp)}
.no-webp .factsheet {background: #ccc url(../img/factsheet-back-min2.jpg) fixed left no-repeat;background-size:cover;}
.no-js .factsheet {background: #ccc url(../img/factsheet-back-min2.jpg) fixed no-repeat;background-size:cover;}
.factsheet h2 {color:#444;}
.no-webp .factsheet h2 {color:#fff;}
.cursuscode p {font-size:1rem;border-bottom: dotted 1px #ddd;}
.cursus img {float:left;margin-right:20px;max-height:80px;/*filter:grayscale();*/}
.cursus img:hover {filter:none;}
.cursus {min-height: 140px;}

.kalender {padding-bottom:10px;}
.kalender table {background:rgba(255,255,255,0.5);}
.kalender table td:nth-child(4) {text-align:center;}
.kalender table td:nth-child(2) a {color:#f00;}
.kalender button {margin:0px; width: 100%;}
.kalender p {display:none;}

a#knoppie {text-decoration:none;margin-left: -4px;}
.down:after {color: red;content: "meer data ...";}
.up:after {color: red;content: "minder data ...";}

#toform {margin-bottom:100px;height:50px;}

/*new factsheet*/
.fact {margin: 0 10%;padding-bottom:100px;}
.fact .box {background:rgba(255,255,255,0.5);margin-bottom:20px;padding:30px!important;}
.fact #omschrijving, #video, #vraaginfo, #vervolg {min-height:100px;}
.fact #kalender {min-height:300px;}
.factsheet .fact h2 {margin-top:0;}
.fact .col-4 {padding-top:60px;}
.fact .form-control {display:inline-block;border-radius:0;height:auto;padding:3px 5px;background:#ddd;}
.fact textarea.form-control {height:200px;background:#fff;}

/*boxen*/
.box {margin-bottom:20px;box-shadow:1px 1px 1px #aaa;padding:15px!important;background:#fff;}
/*zijboxen*/
.sidebox {background: #C1D2E2;padding:20px;border:solid 1px #ddd;margin-bottom:20px;font-weight:bold;box-shadow:1px 1px 1px #aaa;}
.sidebox h3, .box h3 {margin-top:0;}
.video.sidebox {background:#000;border:none;box-shadow:none;padding:10px;border-radius:5px;}
a.vraag {display:inline-block;background:#023A78;color:#fff;font-weight:bold;border-radius:3px;}
a.vraag:before {content: '\25B6 \00a0';color: #fff;}
.vervolg ul {list-style-image: url(check.png);text-align:left;margin-left:10px;}
.vraaginfo a {color:#023A78!important}
.vraaginfo a.vraag {color:#fff!important}
.vraaginfo a:hover {color:#31aae2!important}

/*error*/
.error #page-wrapper {background-size:cover;color:#fff!important;text-align:center;}
.webp .error #page-wrapper {background-image: url(../img/infinity.webp);}
.no-webp .error #page-wrapper {background-image: url(../img/infinity.jpg);}
.no-js .error #page-wrapper {background-image: url(../img/infinity.jpg);}
.error #page-wrapper {background-image: url(../img/infinity.webp);}
.error h1 {color:#fff!important;}

/*overzicht*/
.overzicht h2 {color:#fff;}
.overzicht #body-wrapper {background-size:cover; margin-top: -5px;}
.webp .overzicht #body-wrapper {background: #014EC4 url(../img/infinity.webp);}
.no-webp .overzicht #body-wrapper {background: #014EC4 url(../img/infinity.jpg);}
.no-js .overzicht #body-wrapper {background: #014EC4 url(../img/infinity.jpg);}
.overzicht #body-wrapper .col-3 {background:rgba(255,255,255,0.8);padding:25px;margin:10px 5px;width:30%;}
.kleur {width:50px;height:50px;border:solid 1px #000;display:inline-block;margin:5px;}
.overzicht h3 {margin-top:0;}
.overzicht ul {margin:0!important;margin-left:15px!important;}
.overzicht li {margin-top:0;}

/*help*/
.raw {    line-height: 1.5;
    font-family: 'SF Mono','Segoe UI Mono','Roboto Mono',Menlo,Courier,monospace;
    display: block;
    background: #f8f8f8;
    overflow-x: auto;
    padding: 1rem!important;
    color: inherit;
    border-radius: 2px;
    margin-bottom:20px}
.raw p {margin:0;}

/*tooltips*/
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  line-height: 1.6;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  filter: alpha(opacity=0);
  opacity: 0;
  line-break: auto;
}
.tooltip.in {  opacity: 0.9;  filter: alpha(opacity=90);}
.tooltip.top {  margin-top: -3px;  padding: 5px 0;}
.tooltip.right {  margin-left: 3px;  padding: 0 5px;}
.tooltip.bottom {  margin-top: 3px;  padding: 5px 0;}
.tooltip.left {  margin-left: -3px;  padding: 0 5px;}
.tooltip-inner {  max-width: 200px;  padding: 3px 8px;  color: #fff;  text-align: center;  background-color: #000;  border-radius: 4px;}
.tooltip-arrow {  position: absolute;  width: 0;  height: 0;  border-color: transparent;  border-style: solid;}
.tooltip.top .tooltip-arrow {  bottom: 0;  left: 50%;  margin-left: -5px;  border-width: 5px 5px 0;  border-top-color: #000;}
.tooltip.top-left .tooltip-arrow {  bottom: 0;  right: 5px;  margin-bottom: -5px;  border-width: 5px 5px 0;  border-top-color: #000;}
.tooltip.top-right .tooltip-arrow {  bottom: 0;  left: 5px;  margin-bottom: -5px;  border-width: 5px 5px 0;  border-top-color: #000;}
.tooltip.right .tooltip-arrow {  top: 50%;  left: 0;  margin-top: -5px;  border-width: 5px 5px 5px 0;  border-right-color: #000;}
.tooltip.left .tooltip-arrow {  top: 50%;  right: 0;  margin-top: -5px;  border-width: 5px 0 5px 5px;  border-left-color: #000;}
.tooltip.bottom .tooltip-arrow {  top: 0;  left: 50%;  margin-left: -5px;  border-width: 0 5px 5px;  border-bottom-color: #000;}
.tooltip.bottom-left .tooltip-arrow {  top: 0;  right: 5px;  margin-top: -5px;  border-width: 0 5px 5px;  border-bottom-color: #000;}
.tooltip.bottom-right .tooltip-arrow {  top: 0;  left: 5px;  margin-top: -5px;  border-width: 0 5px 5px;  border-bottom-color: #000;}

.tooltip-arrow {
   position: absolute;
   width: 0;
   height: 0;
   border-color: transparent;
   border-style: solid;
}

.help .image img {height:50px;}
.mark-class-blauw {background:#00f;color:#fff;}

/*forms*/
form h2 {margin-left:-5px;}
legend {font-size:0.6rem;margin-bottom:10px;background:#fff;padding:0px 5px;border: solid 1px #ddd;width:150px;color:#aaa;}
label {width:150px;display:inline-block;}
fieldset {margin-top:20px; background:#eee;padding:20px}
input[type="text"], input[type="email"], textarea {width:80%;max-width:400px;padding-left:5px;margin-bottom:5px;height:35px!important;}
::placeholder {color:#ccc;}
input[readonly] {background:#ddd;cursor: no-drop;border:solid 1px #fff;color:#666!important;font-size:0.8rem!important;height:30px;}
form button {margin-top:20px;}
textarea {height:200px!important;}

/*UI stuff*/
/*tabs*/
.tabs-wrapper {
  margin: 3rem 0;
  display: block;
  clear: both;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative; }
  .tabs-wrapper .tabs-nav {
    padding: 0;
    margin: 0; }
    .tabs-wrapper .tabs-nav > li {
      display: inline-block; }
      .tabs-wrapper .tabs-nav > li a {
        display: inline-block;
        padding: 0.5rem 1.5rem;
        text-decoration: none; }
        @media screen and (max-width: 48em) {
          .tabs-wrapper .tabs-nav > li a {
            font-size: 90%;
            padding: 0.3rem .5rem; } }
        @media screen and (min-width: 60em) {
          .tabs-wrapper .tabs-nav > li a {
            padding: 0.70rem 2.5rem; } }
      .tabs-wrapper .tabs-nav > li.current a {
        position: relative;
        z-index: 1; }
  .tabs-wrapper.top-left .tabs-nav, .tabs-wrapper.bottom-left .tabs-nav {
    text-align: left; }
  .tabs-wrapper.top-right .tabs-nav, .tabs-wrapper.bottom-right .tabs-nav {
    text-align: right; }
  .tabs-wrapper.bottom-right, .tabs-wrapper.bottom-left {
    padding-bottom: 3rem; }
    .tabs-wrapper.bottom-right .tabs-nav, .tabs-wrapper.bottom-left .tabs-nav {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 3rem; }
  .tabs-wrapper .tabs {
    margin-bottom: -1px; }
  .tabs-wrapper .tab {
    margin-top: -1px;
    display: none;
    padding: 0.5rem 1.5rem; }
    @media screen and (max-width: 48em) {
      .tabs-wrapper .tab {
        font-size: 90%;
        padding: 0.5rem; } }
    .tabs-wrapper .tab:first-child {
      display: block; }
  .tabs-wrapper.ui-theme-default .tabs-nav li a {
    background-color: #fafafa;
    border: 1px solid #e9e9e9; }
    .tabs-wrapper.ui-theme-default .tabs-nav li a:hover {
      background: whitesmoke; }
  .tabs-wrapper.ui-theme-default .tabs-nav li.current a {
    background-color: #ffffff;
    border-bottom: 1px solid #ffffff; }
  .tabs-wrapper.ui-theme-default.bottom-right .tabs-nav li.current a, .tabs-wrapper.ui-theme-default.bottom-left .tabs-nav li.current a {
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #e9e9e9; }
  .tabs-wrapper.ui-theme-default .tab {
    border: 1px solid #e9e9e9;
    background-color: #ffffff; }
  .tabs-wrapper.ui-theme-badges {
    background: #f9f9f9;
    border-radius: 4px; }
    .tabs-wrapper.ui-theme-badges .tabs-nav {
      margin: 0.5rem; }
      .tabs-wrapper.ui-theme-badges .tabs-nav .tabs {
        padding: 0.5rem; }
      .tabs-wrapper.ui-theme-badges .tabs-nav li a {
        color: #7a7a7a;
        background: #ececec;
        padding: 0.1rem 1rem;
        border-radius: 4px; }
        .tabs-wrapper.ui-theme-badges .tabs-nav li a:hover {
          background: #d8d8d8; }
      .tabs-wrapper.ui-theme-badges .tabs-nav li.current a {
        color: #fff;
        background-color: #666; }
    .tabs-wrapper.ui-theme-badges.bottom-left .tabs-nav, .tabs-wrapper.ui-theme-badges.bottom-right .tabs-nav {
      margin: 0 0.5rem; }
      .tabs-wrapper.ui-theme-badges.bottom-left .tabs-nav li, .tabs-wrapper.ui-theme-badges.bottom-right .tabs-nav li {
        position: relative;
        top: 50%;
        transform: translateY(-50%); }
  .tabs-wrapper.ui-theme-lite .tabs-nav li.current a {
    font-weight: bold;
    border-bottom: 1px solid #909090; }
  .tabs-wrapper.ui-theme-lite .tabs-nav li:hover {
    background: whitesmoke; }
  .tabs-wrapper.ui-theme-lite.bottom-right .tabs-nav li.current a, .tabs-wrapper.ui-theme-lite.bottom-left .tabs-nav li.current a {
    border-bottom: 0;
    border-top: 1px solid #909090; }
  .tabs-wrapper.ui-theme-lite.bottom-right .tab, .tabs-wrapper.ui-theme-lite.bottom-left .tab {
    border-top: 0;
    border-bottom: 1px solid #e9e9e9; }
  .tabs-wrapper.ui-theme-lite .tab {
    border-top: 1px solid #e9e9e9;
    background-color: #ffffff;
    padding: 0.5rem 0; }
    @media screen and (max-width: 48em) {
      .tabs-wrapper.ui-theme-lite .tab {
        padding: 0.5rem 0; } }
.tabs-wrapper {margin-top:20px!important;}
.tabs p {margin:0;}
.tabs-wrapper.ui-theme-badges, .tabs-nav li a {border-radius:2px!important;}
.tabs-wrapper.ui-theme-badges .tabs-nav li.current a {background-color: #023A78!important;}
.tabs-wrapper.ui-theme-badges .tabs-nav li.current a:hover {background-color: #666!important;}

/*accordion*/
.accordion-wrapper label {width:100%;}

/*image compare*/
.cd-image-container {max-width:500px;margin:0;}

/*browser-wrapper*/
.browser-wrapper {text-align:left;}

/*callouts*/
.callouts {text-align:left;}

/*media queries*/
@media (max-width: 1250px) {
  /*.home .tel {margin-top:95px;}*/
  .search-link {display:none;}
  .searchbox input {border: none;border-radius: 0;}
  .tel {right:10px}
  .overzicht #body-wrapper {margin-top: 0px;}
  table, thead, tbody, tr, th, td {display:block;width:100%;}
  thead {display:none;}
}
@media (max-width: 768px) {
  a.active {background-color:transparent!important;transform:none}
  h1 {text-align:center;}
  #header{background:#000;}
  .header-inner {display:none;}
  #header .logo img {height: 50px!important;}
  .home #header .logo img {left:-10px;}
  .langswitcher {margin-left:0!important;}
  .searchbox {position:relative;right:auto;z-index:1000;width:100%;margin-top:0;display:block!important;top:0;z-index:0;}
  #start .searchbox {display:inline-block;position: absolute;z-index:1;top: 47%!important;left:50%;margin-top: -40px;margin-left: -150px;width: 300px;}
  /*.home .searchbox {top:65px;}*/
  .home .tel {margin-top:90px;right:10px;}
  #rubrieken .rubriek {width:100px;height:100px;}
  #rubrieken .rubriek img {max-width:61px;}
  .breadcrumb {margin-top:65px;}
  #breadcrumbs {padding-left:0px;}

  #body-wrapper .container { padding:1rem 0 2rem 0;}
  #body-wrapper .ptb-100 .container {padding:0 20px;}

  .home .mobile-menu .button_container {right:2rem;}
  .home #start .container.grid-lg {margin-top:-10px;}

  .col-md-6, .col-md-4 {width:100%;}
  .col-8, .col-4, .col-3 {width:100%!important;padding-right:0;}
  .columns {padding:0 5px!important;width:100%;}

  .form-label-wrapper, .form-data {display:block;}
  .form-data {width:100%;}
  .btn {width:100%}

  .single-page-title img {display:none;}
  #toTop  {right:30px!important;}

  .footer .col-3 {width:100%;border-bottom:solid 1px #666;}
  #footer .column {border-right:none;}
  .factsheet .ptb-100 {background-size:cover;}
  .webp .factsheet .ptb-100 {background-image: url(../img/factsheet-back-mob.webp) left top;}
  .no-webp .factsheet .ptb-100 {background-image: url(../img/factsheet-back-mob.jpg) left top;}
  .no-js .factsheet .ptb-100 {background-image: url(../img/factsheet-back-mob.jpg) left top;}
  .thumbnail img {width:100%;margin-bottom:10px;}

  .hero-slide {margin-top : 65px;display:none;}
  .hero-slide .carousel-caption h1 {font-size : 24px;}
  .hero-slide .carousel-indicators {bottom : 20px;}
  .hero-slide .carousel-caption p {display:none;}
  .team, .testimonial, .client-logo {padding:0;padding-left:0;}
  .home .ptb-100 {padding-top:0px}
  #footer {margin-top:60px;}
  #footer p {margin-bottom:10px;}

  .section-title span.bordered-icon {margin-bottom:20px;}
  .thumbnail.green {background: #fff url(../img/green-label.png) bottom right no-repeat;}
  .fact {margin: 0 1rem;padding-bottom:20px;}
}