html,body,#app{height:100%}body,#app{display:flex;flex-direction:column}main{flex:1 0 auto}footer{flex-shrink:0}body{font-family:Open Sans,sans-serif;font-size:16px}h1,h2,h3{font-family:Ruda,sans-serif}h1{font-weight:800}h2{font-weight:700}h3{font-weight:600}.grecaptcha-badge{z-index:999;bottom:6rem!important}.overlay-blue-home{height:100px;width:100%;background:#427cbf80;position:absolute;z-index:2;margin-top:-50px}.position-index{z-index:1;position:relative}.bg-nl{width:100%;background-image:url(https://www.do-techniek.test/images/map-nl.png);background-position:right bottom;background-repeat:no-repeat;bottom:-50px;right:-50px;content:""}.flex-grid{display:flex;justify-content:space-between}@media screen and (max-width:768px){.bg-nl{background-image:none}.bg-white-content{background:#ffffffe6;padding:40px 24px;margin-top:-294px;z-index:2}.flex-grid{display:block;width:100%}.flex-grid .col-flex{width:100%;margin:0 0 10px}}@media screen and (min-width:768px){.bg-white-content{background:none}.flex-grid{display:contents}.flex-grid .col-flex{width:47%;margin:0 0 10px}.flex-grid .col-flex:nth-child(odd){margin-left:15px}.flex-grid .col-flex:nth-child(2n){margin-left:15px}.flex-grid .col-flex:nth-last-child(4){margin-right:0}.bg-nl{background-size:400px}}@media screen and (min-width:768px)and (max-width:991px){.col-flex{float:left}.position-home-top{margin-top:-320px}.col-flex:nth-last-child(1){justify-content:center}}@media screen and (min-width:991px){.flex-grid{display:flex;width:100%}.col-flex:nth-child(odd){margin-top:-90px}.col-flex:nth-child(2n){margin-top:0}.bg-nl{background-size:800px}}@media screen and (min-width:991px)and (max-width:1199px){.service-content h2,.service-content h3{font-size:1.5rem}}.bg-orange{background:#fbba00;color:#16264c;padding:20px}@media screen and (max-width:1023px){.bg-orange h2{font-size:1.4rem}}.bg-orange a svg path{fill:#16264c}.bg-orange a:hover svg path{fill:#fff}.bg-orange+figure{margin-top:1rem}.content-block{margin-top:-100px;z-index:100;position:relative;background:#fff;padding:40px}.content-block figure img{width:100%;height:auto}.fotoalbum-swiper-section{padding:3.5rem}.foto-album{width:100%;height:400px}.foto-album__swiper-slide{text-align:center;font-size:18px;background:#fff;display:flex;justify-content:center;align-items:center;width:auto!important}.foto-album__swiper-slide img{display:block;object-fit:contain;width:100%}.swiper-button-next,.swiper-button-prev{color:#fff!important;background:#16264ce6;padding:2rem;border-radius:.5rem}.swiper-pagination-bullet{background:#16264c!important}.swiper-button-next{right:var(--swiper-navigation-sides-offset, 10px)!important}.swiper-button-prev{left:var(--swiper-navigation-sides-offset, 10px)!important}@media screen and (max-width:767px){.content-block{padding:40px 24px;display:flex;flex-direction:column;row-gap:2rem}.content-block>.col-md-8,.content-block>.col-md-7,.content-block>.col-md-4{padding:0}.fotoalbum-swiper-section{width:100%;padding:1.5rem}.foto-album__swiper-slide{width:100%!important}.swiper-button-next,.swiper-button-prev{padding:1.2rem}.swiper-button-next:after,.swiper-button-prev:after{font-size:calc(var(--swiper-navigation-size) - .5rem)!important}.swiper-button-next{right:var(--swiper-navigation-sides-offset, 0px)!important}.swiper-button-prev{left:var(--swiper-navigation-sides-offset, 0px)!important}}body.error-404{background-repeat:no-repeat;background-size:cover;width:100%;color:#003669;font-family:Open Sans,sans-serif;font-weight:300;line-height:1.5!important}body.error-404 .error-logo{max-width:300px}body.error-404 .light-wrapper{align-items:center;display:flex;justify-content:center;height:100vh;width:100vw}@media screen and (max-width:767px){body.error-404 .light-wrapper .container .row{display:flex;flex-direction:column}}body.error-404 a{color:#fff}body.error-404 .error-type{font-size:120px;font-weight:700}body.error-404 ul{padding:0}body.error-404 ul li{list-style-type:none;display:inline-block;padding:0!important}body.error-404 .content-block{margin-top:0;padding:0}body.error-404 .service-block:nth-child(odd){margin-top:0}body.error-404 .service-block{height:100%;width:100%}body.error-404 .service-block:hover .service-content{opacity:1}@media screen and (max-width:767px){body.error-404 .service-block .service-content{position:static;display:flex;flex-direction:column;align-items:center}}body.error-404 h2{font-size:1rem;color:#003669}.referentie-item .short{padding:20px;border:1px solid #16264C}.referentie-item a{color:#16264c;text-decoration:none}.referentie-item a:hover{color:#fbba00}.referentie-detail .quote{font-style:italic;font-weight:500;font-size:1.2rem}.referentie-detail .contacts{font-weight:300}.navbar-brand{width:400px;padding-top:0;padding-bottom:0}.navbar-brand img{width:100%;height:auto}.navbar{background:#fff;display:flex;padding-top:.75rem;padding-bottom:.75rem}.navbar:after{content:"";position:absolute;display:block;left:0;right:0;top:100%;height:1rem;background:linear-gradient(to bottom,#fff,#fff0);opacity:1;pointer-events:auto;transition:opacity .2s ease-in-out}.navbar.scrolled{background:#fff;transition:background-color .2s linear}.navbar.scrolled:after{opacity:0;pointer-events:none}.navbar-nav .nav-link{color:#16264c;font-family:Open Sans,sans-serif;font-weight:500;font-size:1.2rem;margin-left:20px;transition:color .2s ease-in-out}.navbar-nav .nav-link:before{content:"";display:inline-block;width:6px;height:6px;font-size:6px;margin-right:10px;top:-5px;position:relative;background-color:#16264c;transition:background-color .2s ease-in-out}.navbar-nav .nav-link:hover{color:#fbba00}.navbar-nav .nav-link:hover:before{background-color:#fbba00}.navbar-nav .active>.nav-link{color:#fbba00}.navbar-nav .active>.nav-link:before{background-color:#fbba00}.animated-icon2{display:block}.animated-icon1,.animated-icon2,.animated-icon3{width:30px;height:20px;position:relative;margin:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer}.animated-icon2 span{display:block;position:absolute;height:3px;width:100%;border-radius:9px;opacity:1;left:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;background:#16264c}.animated-icon2 span:nth-child(1){top:0}.animated-icon2 span:nth-child(2),.animated-icon2 span:nth-child(3){top:10px}.animated-icon2 span:nth-child(3){top:20px}.animated-icon2.open span:nth-child(1){top:11px;width:0%;left:50%}.animated-icon2.open span:nth-child(2){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.animated-icon2.open span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);top:10px}.animated-icon2.open span:nth-child(4){top:11px;width:0%;left:50%}.navbar-collapse{justify-content:flex-end}.navbar-collapse.collapse.show ul.dropdown-menu.show{text-align:center;border:0px}.dropdown-menu{border-radius:0}ul.dropdown-menu.show .nav-link{margin-left:0}ul.dropdown-menu.show .nav-link:before{content:none}@media screen and (max-width:768px){.navbar{background:#fff}.navbar:after{display:none}.navbar-brand{width:150px}.navbar #navbarNavDropdown{text-align:center}.navbar-nav{padding-top:1rem}.navbar-brand{width:250px!important}}@media screen and (max-width:991px){#navbarNavDropdown{text-align:center}.navbar-brand{width:300px}.navbar-nav{padding-top:1rem}.navbar-nav .nav-link{margin-left:0}}@media screen and (min-width:991px)and (max-width:1240px){.navbar-brand{width:300px}.navbar-nav .nav-link{margin-left:0}}.languages{margin:0;width:auto;border-top:none}.languages li a{padding:0;opacity:.5;transition:opacity ease-in-out .3s}.languages li a:hover,.languages li a:focus{opacity:1}.languages li a.active{opacity:1}.languages{margin:0 auto;padding:0;list-style:none}.languages li{float:left;margin:0 0 0 5px}.languages li a{padding:.5rem 0;display:block}.swiper-one{max-width:100%;max-height:500px}.swiper-one .image{height:500px}.slider-text{min-height:500px}.slider-text .title-bg{background:#16264ccc;padding:40px;text-align:center}.slider-text h1{color:#fff;font-size:3.5rem;text-shadow:1px 1px 10px #000000;margin-bottom:100px}@media screen and (max-width:767px){.slider-text h1{font-size:2rem}}footer{background:#16264c;color:#fff;padding:30px 15px}footer a{color:#fff}footer a:hover{color:#fbba00}footer .col-md-4:last-child a+a{margin-left:.5rem}@media screen and (max-width:767px){footer .container .row{display:flex;flex-direction:column;row-gap:2rem}}.contact-form{background:#92b3da;padding:20px;color:#fff}.translate-plugin{background:#fff;border-radius:5px;bottom:1rem;-moz-box-shadow:0 0 3px rgba(0,0,0,.2);-webkit-box-shadow:0 0 3px rgba(0,0,0,.2);box-shadow:0 0 3px #0003;display:block;height:70px;padding:10px 15px;position:fixed;right:-.25rem;width:178px;z-index:500}@media(min-width:992px){.translate-plugin .translate-plugin{bottom:25px;left:auto;right:25px;width:152px}}.translate-plugin select{color:#000}.translate-plugin a.gflag{background-image:url(https://gtranslate.net/flags/16.png);background-repeat:no-repeat;display:inline-flex;font-size:16px;padding:1px 0;vertical-align:middle}.translate-plugin a.gflag:hover{background-image:url(https://gtranslate.net/flags/16a.png)}.translate-plugin #goog-gt-tt,.translate-plugin .goog-te-banner-frame{display:none!important}.translate-plugin .goog-te-menu-value:hover{text-decoration:none!important}.translate-plugin #google_translate_element2{display:none!important}.btn{border-radius:0;font-weight:500}.btn-more{border:2px solid #FBBA00;background:#fbba00;color:#fff;display:flex;flex-direction:row;column-gap:.5rem;align-items:center}.btn-more svg{width:16px;height:auto}.btn-more svg path{fill:#fff;transition:fill .2s ease-in-out}.btn-more:hover{background:transparent;color:#fbba00}.btn-more:hover svg path{fill:#fbba00}.btn-more-back svg{transform:scaleX(-1)}.social-icon{color:#16264c;cursor:pointer;font-size:2rem;text-decoration:none}.social-icon svg{height:2rem;width:auto}.social-icon svg path{fill:#16264c;transition:fill .2s ease-in-out}.social-icon svg.whatsapp{height:1.75rem}.social-icon:hover{text-decoration:none}.social-icon:hover svg path{fill:#fbba00}.btn-bottom{bottom:0;position:absolute;right:0;z-index:4}.cta-side{background:#fbba00;width:55px;position:fixed;right:0;top:5rem;z-index:620;padding:10px;border-top-left-radius:10px;border-bottom-left-radius:10px;text-align:center}@media screen and (min-width:768px){.cta-side{top:20%;padding:10px 20px;width:70px}}.cta-side a{color:#fff;text-decoration:none;cursor:pointer}.cta-side a svg{height:2rem;width:auto}.cta-side a svg path{fill:#fff;transition:fill .2s ease-in-out}.cta-side a svg.whatsapp{height:1.75rem}.cta-side a:hover{text-decoration:none}.cta-side a:hover svg path{fill:#16264c}.cta-side i{text-shadow:0px 1px 2px rgba(0,0,0,.4)}.swiper-button-next>svg,.swiper-button-prev>svg{min-width:12px!important;min-height:20px!important}.services-position{margin-top:-110px}.content-hide{opacity:0;pointer-events:none;display:block;font-size:13px;width:100%;height:100%;background:#16264c;color:#fff;z-index:3;position:relative;transition:opacity .2s ease-in-out}.content-hide.referentie-hide{display:none;font-size:13px}.content-extra{padding:20px;color:#fff}.service-block{width:100%;height:200px;position:relative;z-index:2;display:block;text-decoration:none}.service-block .overlay-blue{position:absolute;top:0;width:100%;height:inherit;background:#16264cbf;z-index:2}.service-block .service-content{z-index:3;position:absolute;padding:20px;opacity:1;transition:opacity .2s ease-in-out;pointer-events:auto;left:0;top:0}.service-block h2,.service-block h3{color:#fff;font-weight:700}.service-block:hover{text-decoration:none}.service-block:hover .content-hide{opacity:1;pointer-events:auto}.service-block:hover .content-hide.referentie-hide{display:block;width:100%;height:100%;background:#16264c;color:#fff;z-index:3;position:relative}.service-block:hover .service-content{opacity:0;pointer-events:none}.service-block:hover .btn-more{background:transparent;color:#fbba00}.service-block:hover .btn-more svg path{fill:#fbba00}@media screen and (max-width:768px){h1{font-size:1.5rem}h2,h3{font-size:1.4rem}.service-block:nth-child(odd){margin:10px 0}.service-block .content-hide,.service-block:hover .content-hide{opacity:1;pointer-events:auto;padding-top:3.5rem}.service-block .content-hide.referentie-hide,.service-block:hover .content-hide.referentie-hide{display:block;width:100%;height:100%;background:#16264c;color:#fff;z-index:3;position:relative}.service-block .service-content,.service-block:hover .service-content{opacity:1;pointer-events:auto}}@media screen and (min-width:1199px){.col-flex:nth-child(odd){margin-top:-90px}.col-flex:nth-child(2n){margin-top:0}}