@import url("umbraco-starterkit-style.css");
 @import url("topbar.css");
 @font-face{
    font-family:'Router';
     font-weight:400;
     src:url("../fonts/Router/Router-Book.eot");
     src:url("../fonts/Router/Router-Book.eot?#iefix") format("embedded-opentype"),url("../fonts/Router/Router-Book.woff2") format("woff2"),url("../fonts/Router/Router-Book.woff") format("woff");
}
@font-face{
    font-family:'Router';
     font-style:italic;
     src:url("../fonts/Router/Router-BookItalic.eot");
     src:url("../fonts/Router/Router-BookItalic.eot?#iefix") format("embedded-opentype"),url("../fonts/Router/Router-BookItalic.woff2") format("woff2"),url("../fonts/Router/Router-BookItalic.woff") format("woff");
}
@font-face{
    font-family:'Router';
     font-weight:500;
     src:url("../fonts/Router/Router-Medium.eot");
     src:url("../fonts/Router/Router-Medium.eot?#iefix") format("embedded-opentype"),url("../fonts/Router/Router-Medium.woff2") format("woff2"),url("../fonts/Router/Router-Medium.woff") format("woff");
}
@font-face{
    font-family:'Router';
     font-weight:500;
     font-style:italic;
     src:url("../fonts/Router/Router-MediumItalic.eot");
     src:url("../fonts/Router/Router-MediumItalic.eot?#iefix") format("embedded-opentype"),url("../fonts/Router/Router-MediumItalic.woff2") format("woff2"),url("../fonts/Router/Router-MediumItalic.woff") format("woff");
}
@font-face{
    font-family:'Router';
     font-weight:700;
     src:url("../fonts/Router/Router-Bold.eot");
     src:url("../fonts/Router/Router-Bold.eot?#iefix") format("embedded-opentype"),url("../fonts/Router/Router-Bold.woff2") format("woff2"),url("../fonts/Router/Router-Bold.woff") format("woff");
}
@font-face{
    font-family:'Router';
     font-weight:700;
     font-style:italic;
     src:url("../fonts/Router/Router-BoldItalic.eot");
     src:url("../fonts/Router/Router-BoldItalic.eot?#iefix") format("embedded-opentype"),url("../fonts/Router/Router-BoldItalic.woff2") format("woff2"),url("../fonts/Router/Router-BoldItalic.woff") format("woff");
}
@font-face{
    font-family:'Router';
     font-weight:300;
     src:url("../fonts/Router/Router-Light.eot");
     src:url("../fonts/Router/Router-Light.eot?#iefix") format("embedded-opentype"),url("../fonts/Router/Router-Light.woff2") format("woff2"),url("../fonts/Router/Router-Light.woff") format("woff");
}
@font-face{
    font-family:'Router';
     font-weight:300;
     font-style:italic;
     src:url("../fonts/Router/Router-LightItalic.eot");
     src:url("../fonts/Router/Router-LightItalic.eot?#iefix") format("embedded-opentype"),url("../fonts/Router/Router-LightItalic.woff2") format("woff2"),url("../fonts/Router/Router-LightItalic.woff") format("woff");
}
body{
    font-family:'Router',sans-serif;
     font-size:20px;
     color:#313131;
}
.mt-40{
    margin-top:40px;
}
h1,h2,h3,h4{
    font-weight:400;
}
h1.bold,h2.bold,h3.bold,h4.bold{
    font-weight:500;
}
h1{
    font-size:1.7em;
     color:#F26521;
     font-weight:300;
}
p{
    line-height:1.5em;
}
li{
    line-height:1.5em;
}
a{
    color:#ef7524;
     text-decoration:none;
}
a:hover{
    color:#d15c0f;
}
.center{
    text-align:center;
}
.center.orange{
    color:#ef7524;
}
.banner{
    display:flex;
     -ms-flex-align:center;
     align-items:center;
     -ms-flex-direction:row;
     flex-direction:row;
     height:60vh;
     position:relative;
     /* background:#ec611c;
     background:-moz-linear-gradient(45deg,#ec611c 0%,#ec611c 33%,#f8af32 86%,#f8af32 100%);
     background:-webkit-gradient(left bottom,right top,color-stop(0%,#ec611c),color-stop(33%,#ec611c),color-stop(86%,#f8af32),color-stop(100%,#f8af32));
     background:-webkit-linear-gradient(45deg,#ec611c 0%,#ec611c 33%,#f8af32 86%,#f8af32 100%);
     background:-o-linear-gradient(45deg,#ec611c 0%,#ec611c 33%,#f8af32 86%,#f8af32 100%);
     background:-ms-linear-gradient(45deg,#ec611c 0%,#ec611c 33%,#f8af32 86%,#f8af32 100%);
     background:linear-gradient(45deg,#ec611c 0%,#ec611c 33%,#f8af32 86%,#f8af32 100%);
     filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ec611c',endColorstr='#f8af32',GradientType=1); */
}
.banner h1{
    margin-top:0;
     color:#fff;
     margin-bottom:3em;
}
.banner p{
    color:#313131;
     margin-bottom:10px;
     margin-top:3em;
     font-weight:400;
}
.banner .container{
    display:flex;
     z-index:2;
}
.banner.banner-content{
    height:30vh;
}
.banner .overlay{
    position:absolute;
     width:100%;
     right:8%;
     top:0;
     bottom:-50px;
     z-index:0;
     /* background-image:url("../img/header_logohead.png"); */
     background-repeat:no-repeat;
     background-position:right;
     background-size:contain;
}
.logo{
    padding-left:0;
}
.header{
    background:#ffffff;
    font-family:'Router',sans-serif;
    font-weight:400;
    box-shadow: 0 3px 13px -12px rgba(0,0,0,.63);
    background-color: #fff;
    /* border-bottom-width: 5px;
    border-bottom-style: solid;
    border-bottom-color: #F26521; */
}
.header .container{
    display:flex;
}
.header .nav-bar{
    margin-left:auto;
}
img{
    width:100%;
}
.nav-link,.nav-link:visited{
    text-decoration:none;
     margin:10px 15px;
     border-bottom:2px solid transparent;
     color:#706F6F;
}
.nav-link a,.nav-link:visited a{
    color:#706F6F;
}
.nav-link a:hover,.nav-link:visited a:hover{
    color:#706F6F;
}
.nav-link:hover,.nav-link:visited:hover{
    color:#393938;
}
.nav-link.nav-link--active{
    color:#F26521;
}
.nav-link--home img{
    margin-top:10px;
    margin-bottom:10px;
    width:100%;
}
.button{
    text-decoration:none;
     color:#fff;
     font-size:1em;
     border-radius:3px;
     display:inline-block;
     padding:20px 30px;
     font-weight:400;
}
.button.button-primary{
    background:#313131;
     border:0;
}
.button.button-primary:hover{
    background:#f9b033;
     color:#fff;
}
.section__hero-content{
    max-width:850px;
     padding:0;
}
.section-grey{
    background:#ebebeb;
}
.medewerker{
    display:block;
     float:left;
     text-align:center;
     width:25%;
     padding-bottom:10px;
     height:230px;
     vertical-align:top;
}
.medewerker img{
    margin-bottom:5px;
     width:auto;
}
.medewerker span,.medewerker a{
    display:inline-block;
     width:100%;
     min-height:25px;
}
.medewerker a{
    color:#000;
}
.medewerker strong{
    display:inline-block;
     width:100%;
     font-weight:500;
     margin-bottom:8px;
}
@media all and (max-width:1200px){
    .medewerker{
        width:33.3%;
    }
}
@media all and (max-width:768px){
    .medewerker{
        width:25%;
    }
}
@media all and (max-width:695px){
    .medewerker{
        width:33.3%;
    }
}
@media all and (max-width:615px){
    .medewerker{
        width:50%;
    }
}
@media all and (max-width:370px){
    .medewerker{
        width:100%;
    }
}
.product-row .col-md-4{
    text-align:center;
     margin-top:30px;
}
.product-row .col-md-4 img{
    width:120px;
     margin-bottom:20px;
}
.product-row .col-md-4:nth-child(2) .color-bar,.product-row .col-md-4:nth-child(4) .color-bar{
    background:#ef7524;
}
.product-row .col-md-4:nth-child(2) svg,.product-row .col-md-4:nth-child(4) svg{
    fill:#ef7524 !important;
}
.product-row .col-md-4:nth-child(5) img{
    margin-bottom:-10px;
     margin-top:10px;
}
.product-row .col-md-4:nth-child(5) .product-description{
    margin-top:20px;
}
.product-row .col-md-4:nth-child(3) .color-bar,.product-row .col-md-4:nth-child(5) .color-bar{
    background:#f9b033;
}
.product-description{
    background:#fff;
     border-radius:0 3px 3px 0;
     margin-bottom:20px;
     -webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.1);
     -moz-box-shadow:0 2px 5px 0 rgba(0,0,0,.1);
     box-shadow:0 2px 5px 0 rgba(0,0,0,.1);
}
.product-description .color-bar{
    width:100%;
     height:30px;
     border-radius:3px;
     background:#313131;
}
.product-description .product-title{
    text-decoration:none;
     color:#313131;
     text-align:center;
     padding:30px 0;
}
.product-description .product-title h2{
    font-weight:500;
     font-size:1em;
     margin:0;
}
.product-description a{
    text-decoration:none;
}
.image-section{
    background-color:#c5c5c5;
     background-size:cover;
     background-position:center center;
     background-repeat:no-repeat;
}
.image-section img{
    width:auto;
     margin-top:20px;
}
.image-section .content header{
    background:#ef7524;
     padding:30px;
}
.image-section .content header h2{
    margin:0;
     font-size:1.5em;
     color:#fff;
     font-weight:300;
}
.image-section .content p:first-of-type{
    margin-top:0;
}
.image-section .content div{
    background:#fff;
     padding:30px;
}
.box header{
    background:#ef7524;
     padding:30px;
}
.box header h2{
    margin:0;
     font-size:1.5em;
     color:#fff;
     font-weight:300;
}
.box div{
    background:#f4f4f0;
     padding:30px;
}
.box div p:first-of-type{
    margin-top:0;
}
.box div p:last-of-type{
    margin-bottom:0;
}
.iso-section .col-md-12{
    text-align:center;
}
.iso-section h1{
    color:#ef7524;
}
.iso-section img{
    width:400px;
}
.iso-section .medewerker img{
    width:auto;
}
.bottom-quote{
    background:#ec611c;
     background:-moz-linear-gradient(45deg,#ec611c 0%,#ec611c 33%,#f8af32 86%,#f8af32 100%);
     background:-webkit-gradient(left bottom,right top,color-stop(0%,#ec611c),color-stop(33%,#ec611c),color-stop(86%,#f8af32),color-stop(100%,#f8af32));
     background:-webkit-linear-gradient(45deg,#ec611c 0%,#ec611c 33%,#f8af32 86%,#f8af32 100%);
     background:-o-linear-gradient(45deg,#ec611c 0%,#ec611c 33%,#f8af32 86%,#f8af32 100%);
     background:-ms-linear-gradient(45deg,#ec611c 0%,#ec611c 33%,#f8af32 86%,#f8af32 100%);
     background:linear-gradient(45deg,#ec611c 0%,#ec611c 33%,#f8af32 86%,#f8af32 100%);
     filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ec611c',endColorstr='#f8af32',GradientType=1);
     padding:40px 0;
}
.bottom-quote h1{
    color:#fff;
}
.bottom-quote span{
    font-weight:400;
     font-size:20px;
     color:#313131;
}
footer.footer{
    background:#ffffff;
     color:#171717;
     line-height:1.5em;
     font-size:18px;
     /* border-top-width: 5px;
     border-top-style: solid;
     border-top-color: #F26521; */
}
footer.footer h3{
    color:#171717;
     font-weight:400;
}
footer.footer .footer-list{
    list-style-type:none;
     padding-left:0;
}
footer.footer .footer-list a{
    text-decoration:none;
     color:#f9b033;
}
footer.footer .footer-link{
    font-weight:500;
     display:block;
     padding:15px 0;
}
footer.footer .footer-link img{
    width:auto;
     margin-bottom:-5px;
     margin-right:15px;
}
footer.footer p{
    font-weight:300;
}
.error-page{
    min-height:calc(100vh - 852px);
}
.nav-link{
    position:relative;
     padding:34px 0;
     margin-top:0;
     margin-bottom:0;
}
.nav-link .dropdown{
    display:none;
     background:#313131;
     left:-15px;
     margin:0;
     padding:0;
     list-style-type:none;
}
.nav-link .dropdown li{
    padding:10px 15px;
}
.nav-link:hover .dropdown{
    position:absolute;
     top:100%;
     display:block;
}
.ng-scope .container{
    padding:0;
     width:100%;
}
.ng-scope .form-control{
    border-radius:3px;
     font-size:18px;
     height:45px;
}
.ng-scope button{
    text-decoration:none;
     color:#fff;
     font-size:1em;
     border-radius:3px;
     background:#313131;
     border:0;
     padding:20px 30px;
     font-weight:400;
}
.ng-scope .formulate__error-msg{
    color:#f71c11;
     display:block;
     margin-top:10px;
}
.ng-scope .ng-touched.ng-invalid{
    border-color:#f71c11;
}
.ng-scope .form-control:focus{
    border-color:#f9b033;
}
.ng-scope label{
    font-weight:500;
}
.ng-scope .formulate__header{
    margin-top:0;
}
.ng-scope textarea.form-control{
    height:75px;
     resize:vertical;
     padding:15px 15px;
}
.map-frame{
    width:100%;
     height:100%;
     position:relative;
}
.map-frame iframe{
    margin-bottom:-5px;
}
.map-content{
    z-index:10;
     position:absolute;
     top:50px;
     left:50px;
     width:390px;
     background-color:#000;
     color:#fff;
}
.dl-horizontal{
    line-height:1.5em;
}
.dl-horizontal dt{
    float:left;
     width:280px;
     clear:left;
     text-align:right;
     font-weight:500;
}
.dl-horizontal dd{
    margin-left:300px;
}
.tech-spec{
    background:#ec611c;
     background:-moz-linear-gradient(45deg,#ec611c 0%,#ec611c 33%,#f8af32 86%,#f8af32 100%);
     background:-webkit-gradient(left bottom,right top,color-stop(0%,#ec611c),color-stop(33%,#ec611c),color-stop(86%,#f8af32),color-stop(100%,#f8af32));
     background:-webkit-linear-gradient(45deg,#ec611c 0%,#ec611c 33%,#f8af32 86%,#f8af32 100%);
     background:-o-linear-gradient(45deg,#ec611c 0%,#ec611c 33%,#f8af32 86%,#f8af32 100%);
     background:-ms-linear-gradient(45deg,#ec611c 0%,#ec611c 33%,#f8af32 86%,#f8af32 100%);
     background:linear-gradient(45deg,#ec611c 0%,#ec611c 33%,#f8af32 86%,#f8af32 100%);
     filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ec611c',endColorstr='#f8af32',GradientType=1);
     padding:30px;
     color:#fff;
     margin-bottom:40px;
}
.tech-spec h1{
    margin-top:5px;
     text-align:right;
     color:#fff;
}
.error-msg{
    background:#ec611c;
     background:-moz-linear-gradient(45deg,#ec611c 0%,#ec611c 33%,#f8af32 86%,#f8af32 100%);
     background:-webkit-gradient(left bottom,right top,color-stop(0%,#ec611c),color-stop(33%,#ec611c),color-stop(86%,#f8af32),color-stop(100%,#f8af32));
     background:-webkit-linear-gradient(45deg,#ec611c 0%,#ec611c 33%,#f8af32 86%,#f8af32 100%);
     background:-o-linear-gradient(45deg,#ec611c 0%,#ec611c 33%,#f8af32 86%,#f8af32 100%);
     background:-ms-linear-gradient(45deg,#ec611c 0%,#ec611c 33%,#f8af32 86%,#f8af32 100%);
     background:linear-gradient(45deg,#ec611c 0%,#ec611c 33%,#f8af32 86%,#f8af32 100%);
     filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ec611c',endColorstr='#f8af32',GradientType=1);
     padding:30px;
     color:#fff;
     margin-bottom:20px;
     margin-top:20px;
}
.error-msg h1{
    margin-top:5px;
     color:#fff;
}
.error-msg svg{
    width:50px;
     height:50px;
     float:right;
     margin-top:-10px;
}
.mobile-nav .nav-link{
    display:none;
}
.mobile-nav.mobile-nav--open{
    background:rgba(0,0,0,.9);
}
.mobile-nav.mobile-nav--open .nav-link{
    display:block;
}
.white{
    color:#fff;
}
.cocobar{
    height:45px;
     background:#3e3e3e;
}
.cocobar img{
    width:auto;
     vertical-align:middle;
     margin-left:15px;
     margin-right:0;
     margin-top:-1px;
}
.balk-btn{
    color:#fff;
     font-size:16px;
     float:right;
     margin-right:15px;
     font-family:'Router',sans-serif;
     line-height:29px;
}
.balk-btn:hover{
    color:#efefef;
}
@media all and (min-width:991px){
    .mobile-nav{
        display:none;
    }
}
@media all and (max-width:1200px){
    .nav-link,.nav-link:visited{
        margin:10px;
         padding:18px 0;
    }
    .banner{
        height:auto;
         padding-left:0;
         padding-right:0;
    }
    .banner h1{
        font-size:1.5rem;
         margin-bottom:20px;
         line-height:2rem;
    }
    .button{
        font-size:18px;
         padding:15px 25px;
    }
    body{
        font-size:18px;
    }
}
@media all and (max-width:992px){
    .mobile-nav-handler{
        display:flex;
         align-items:center;
         margin-right:0;
    }
    .mobile-nav-handler .hamburger.lines span,.mobile-nav-handler .hamburger.lines span:after,.mobile-nav-handler .hamburger.lines span:before{
        background-color:#f9b033 !important;
    }
    .mobile-nav-handler .hamburger.lines.active span{
        background-color:transparent !important;
    }
    .nav-link:hover .dropdown{
        display:none;
    }
    .tech-spec .dl-horizontal dt,.tech-spec .dl-horizontal dd{
        width:100%;
         margin:0;
         text-align:left;
    }
    .tech-spec .dl-horizontal dd{
        margin-bottom:15px;
    }
    .mobile-nav.mobile-nav--open .nav-link{
        font-size:1.5rem;
    }
    .nav-link{
        padding:0;
    }
    .nav-link--home img{
        width:auto;
         height:75px;
    }
    .header .container{
        width:100%;
    }
    .bottom-quote{
        text-align:center;
    }
    .bottom-quote span{
        margin-top:10px;
         display:block;
    }
    .footer h3{
        margin-top:50px;
    }
    .footer img.footer-logo{
        width:250px;
         display:block;
         margin:0 auto;
         margin-bottom:50px;
    }
}
@media all and (max-width:767px){
    .product-row .product-description{
        width:450px;
         margin:0 auto;
    }
    .image-section{
        background-size:cover;
         background-position:62%;
    }
    .footer{
        padding:30px;
    }
    .iso-section img{
        width:70%;
    }
}
@media all and (max-width:520px){
    .product-row .product-description{
        width:100%;
    }
     .section-grey h1.center.orange{
        text-align:left;
    }
    .image-section img{
        width:100%;
    }
}
@media all and (max-width:360px){
    .balk-btn img{
        display:none;
    }
    #cocobar-expand img{
        display:none;
    }
}
.pink-btn{
    background:#ef7524;
     padding:3px 7px;
}