.menuzord-menu > li > a {
    padding: 5px 10px 2px 10px !important;
    
}
.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
#footerbar a {padding: 3px;padding-left: 0px;}

#footerbar ul {padding: 1px;}

.specialtekstje{
    margin-bottom: 30px;
}
.imgteamevent{
    height:250px;
    overflow:hidden;
}
.onder{
    padding-bottom:80px;
}
.imgteamevent img{
    width:100%;
}
h5{
    color:#009cdf;
    font-size:30px;
    margin-top:50px;
    margin-bottom:30px
}
.mt-3{
    margin-top:30px;
}

.nomt{
    margin-top:0px;
}
.taxonomyheight{
    height:20px;
}
.blogoverviewitem h3{
    margin-top:10px;
    margin-bottom:10px;
}
.bloglinks h3{
    font-size:20px;
}
.bloglinks{
    font-size:13px;
}
.blogbtn{
    margin-top:60px;
    margin-bottom:30px;
}

.transbtn{
    padding: 10px 30px;
   margin-top:36px;
    border-radius: 20px;
    text-transform: uppercase;
}
.blogbtn a,.transbtn{
    background:transparent;
    color: #4087C6;
     font-weight: normal;
    border: #4087C6 solid 2px;
}
.blogbtn a:hover, .transbtn:hover{
    background:#4087C6;
    color: #fff;
    border: transparent solid 2px;
    text-decoration: none;
}
.logo{
    text-align:center;
}
.toolsitem{
    border: #ccc solid 1px;
    
}
.toolsitem .blogoverviewblock{
    background:#f9f9f9;
}
.blogoverviewtext{
    min-height:130px;
    max-height:130px;
}
.blogoverviewitem .toolsitem h3{
    min-height:1px;
    margin-top:30px;
}
.overonsdarkbtn,.verzbtn { margin-top: 30px; }

.overonsdarkbtn a { background: #313268; padding: 10px 30px; color: #fff; font-weight: bold; border-radius: 20px; }
.verzbtn a{background: #fff; border: #009cdf solid 2px; padding: 10px 30px; color: #009cdf; font-weight: normal; text-transform:uppercase; border-radius: 20px;}
.overonsbtn{
    padding: 10px 30px;
    border-radius: 20px;
    background: white;
    border: #009cdf solid 2px;
    text-align: center !important;
    float:left;
    
}
.overonsbtn a{
    background:none;
    border:none;
    margin-right:0px;
    padding:0;
}
.rightfl{
    float:right;
    margin-right:10px;
}
.rood{
    background:#ff5757;
    color:#fff;
    border:transparent solid 1px;
        margin-left: auto;
    margin-right: auto;
    display: block;
}
.rood:hover{
   
    background:transparent;
    color:#ff5757;
    border:#ff5757 solid 1px;
}
.bluebgimg .fotovrouw img{
        height: 100%;
    object-fit: cover;
}
.headerqoute .teken{
    text-align: right;
    font-size: 75px;
}
.headerqoute .teken2{
    font-size: 75px;
}
.headerqoute .tekst{
    font-size: 23px;
    padding-top: 30px;
    text-align: center;
    padding-left: 0px;
    padding-right: 0px;
}
.f-content-left img
{
     overflow: hidden;
    object-fit: cover;
    max-width:100%;
    width:100%;
    height:365px;
    
}

.klantenzoneimg{
    position:relative;
}
.klantenzoneimg .imgcontent{
    position:absolute;
    left:50%;
    top:130px;
        -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color:#fff;
    font-weight:bold;
    text-align:center;
    width:420px;
}
.imgcontent .blogbtn a{
    background:#fff;
}
.imgcontent .blogbtn:hover a{
    color:#00a7e5;
}
.imgcontent .rood:hover{
    background:#fff;
}
.imgcontent h2{
    margin-bottom:10px;
}
.eventbtn{
        margin-top: 50px;
    margin-bottom: 50px;
}
.popup .appointment{
    padding-left:0px;
}
.popupofferte{
        width:800px;
    }
.whitebg{
    background:#fff;
}
.video .whitebg{
    padding:15px;
}
.videobtn{
    float:left;
    margin-right:10px;
    margin-top: 20px;
    margin-bottom: 0px;
}
.video h2{
    height: 70px;
    overflow:hidden;
    margin-bottom: 10px;
    margin-top: 20px;
}
.video .tekst{
    height: 210px;
    overflow:hidden;
}
.video .tekst p{
       height: 110px;
       overflow:hidden;
}
.video .video-responsive{
    clear:both;
}
.past img{
    object-fit:cover;
    height:300px;
}
.event-box{
    margin-bottom:80px;
}
.past .event-box .bg-event{
    background:#888;
}
.portaal .row{
    display:flex;
    margin-bottom: 50px;
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
}
.portaal h1{
        text-align: center;
    margin-top: 100px;
    margin-bottom: 100px;
}
.portaal .portaalimg div{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70%;
}
.portaal .portaalimg img{
    max-height: 130px;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.portaal .tekstportaal{
        padding: 50px 60px;
}
.portaal .tekstportaal a{
    display: block;
    width: fit-content;
}
@media print {
    
    .margintopies { margin-top: 0; }
    
    #agent-popup, .no-print, .headerwrapper, .teamcta, .darkblue, .blogoverviewitem, .footerdiv, .nieuwsbriefbg, #footerbar, .blogsrechts{
        display: none !important;
    }
    
    .bloglinks { float: none; width: auto; border-right: none; }
}
@media(min-width:991px){
    .blog h1{
        margin-top:80px;
    }
    

    
}
@media(max-width:1199px){
    .detail-event-box{
        margin:0px;
    }
    .video .tekst p{
        height: 135px;
    }
    .video .tekst{
        height:235px;
    }
}
@media(max-width:991px){
    .slogan{
       position:relative; 
       z-index:1;
    }
    .homeklantenbtn{
        margin-right:20px;
    }
    .homemaakafspraak{
        margin-right:20px;
    }
    .event-spacing{
        margin-top:50px;
    }
    .event-spacing .detail-event-box{
        margin:0px;
        box-shadow:none;
        padding-left:15px;
        padding-right:15px;
    }
     .event-spacing .detail-event-box .eventdetail{
         padding:50px 25px;
        box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.1);
     }
     .popup .appointment{
         border-left:none;
         margin-top: 110px;
     }
     .wiezijnwijinfo .overonsbtn a{
        margin-bottom:0px;
    }
    .video h2,.video .tekst,.video .tekst p{
    height:100%
    }
    .videobtn{
        margin-bottom:40px;
    }
}
@media (max-width: 991px) and (min-width:768px){
    .col-sm-offset-2 {
    margin-left: 16.66666667% !important;
}
.signup{
    margin-top:200px;
}
}
@media(max-width:850px){
     .popupofferte{
        width:400px;
    }
}
@media(max-width:768px){
    .menuzord{
            position: absolute !important;
            right: 0;
            width:auto !important;
    }
    header nav{
        bottom:70px;
    }
    header > .content-fluid{
        position:relative;
    }
    .homemaakafspraak a,.homeklantenbtn a{
        padding:10px 10px;
        font-size:12px;
    }
    .logo{
        width:83.3333333333333333333333333%;
    }
    .overonsbtn{
        max-width:100%;
        margin-right:0px;
        margin-bottom:0px;
        float:none;
    }
    .overonsbtn a{
        margin:0px;
        margin-top:0px;
    }
    #contentinfo .onder {
    padding-bottom: 0px;
    }
    .rightfl{
        float:none;
    }
        .verzbtn{
    background: #fff;
    border: #009cdf solid 2px;
    padding: 10px 30px;
    border-radius: 20px;
    }
    .verzbtn a{
        background:none;
        padding:0px;
        border:none;
        
    }
    .wijzijnwijinfo .rightfl{
        float:right;
    }
    #banner{
        margin-top:10px;
    }
    .portaal .row{
        display:block;
    }
    .portaal .portaalimg div {
    position: relative;
    top: unset;
    left: unset;
    transform: none;
    width: 100%;
    margin-top:50px;
}
}
@media (max-width: 615px) and (min-width:566px){
    header nav {
    bottom: 0px;
    }
}
@media (max-width: 615px){
.searchbtn {
    position: absolute;
    left: 0px;
}
}
@media(max-width:600px){
    .popupofferte{
        width:300px;
    }
}
@media (max-width: 480px){
        .homemaakafspraak,.homeklantenbtn{
        text-align:center;
        margin-top:10px;
        margin-bottom:10px;
        margin-right:10px;
    }
    
}
@media(max-width:369px){
    .imgcontent{font-size:10px;}
}