/* general */
 *{
     -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
     box-sizing:border-box 
}
 html{
     font-family:sans-serif;
     -ms-text-size-adjust:100%;
     -webkit-text-size-adjust:100%;
     height:100%;
}

 article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{
     display:block 
}
 audio,canvas,progress,video{
     display:inline-block;
     vertical-align:baseline 
}
 audio:not([controls]){
     display:none;
     height:0 
}
 [hidden],template{
     display:none 
}
 a{
     background-color:transparent;
     color:#4939f3;
     font-weight:400;
     text-decoration:none 
}
 a:active{
     outline:0;
}
 a:hover{
     text-decoration: none;
     color: #4939F3;
     outline:0;
}
 abbr[title]{
     border-bottom:1px dotted 
}
 b,optgroup,strong{
     font-weight:700 
}
 dfn{
     font-style:italic 
}
 h1,h2,h3,h4,h5,h6{
     font-weight:700;
     margin-bottom:10px 
}
 h1{
     margin:.67em 0;
     font-size:38px;
     line-height:44px;
     margin-top:20px 
}
h2{
    margin-top:20px;
    margin-bottom:10px;
    font-size:32px;
    line-height:36px;
    font-weight:700
}
h3{
    margin-top:0;
    margin-bottom:10px;
    font-size:24px;
    line-height:30px;
    font-weight:700
}
h4{
    display:block;
    margin-top:0;
    margin-bottom:8px;
    font-size:18px;
    line-height:1.2
}
h5{
    margin-top:0;
    margin-bottom:10px;
    font-size:19px;
    line-height:25px;
    font-weight:700
}
h6{
    margin-top:10px;
    margin-bottom:10px;
    color:#4939f3;
    font-size:16px;
    line-height:18px;
    font-weight:700
    }
 mark{
     background:#ff0;
     color:#000 
}
 small{
     font-size:80% 
}
 sub,sup{
     font-size:75%;
     line-height:0;
     position:relative;
     vertical-align:baseline 
}
 sup{
     top:-.5em 
}
 sub{
     bottom:-.25em 
}
 img{
     border:0;
     vertical-align:middle;
     display:inline-block;
     max-width:100% 
}
 svg:not(:root){
     overflow:hidden 
}
 hr{
     box-sizing:content-box;
     height:0 
}
 code,kbd,pre,samp{
     font-family:monospace,monospace;
     font-size:1em 
}
 button,input,optgroup,select,textarea{
     color:inherit;
     font:inherit;
     margin:0 
}
 button{
     overflow:visible 
}
 button,select{
     text-transform:none 
}
 button[disabled],html input[disabled]{
     cursor:default 
}
pre,textarea{
    overflow:auto
}
 button::-moz-focus-inner,input::-moz-focus-inner{
     border:0;
     padding:0 
}
 input{
     line-height:normal 
}
 input[type=checkbox],input[type=radio]{
     box-sizing:border-box;
     padding:0 
}
 input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{
     height:auto 
}
 input[type=search]{
     -webkit-appearance:none 
}
 input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{
     -webkit-appearance:none 
}
 legend{
     border:0;
     padding:0 
}
 table{
     border-collapse:collapse;
     border-spacing:0 
}
 td,th{
     padding:0 
}
 blockquote{
     margin:0 0 10px;
     padding:10px 20px;
     border-left:5px solid #e2e2e2;
     font-size:18px;
     line-height:22px 
}
 figure{
     margin:0 0 10px 
}
 figcaption{
     margin-top:5px;
     text-align:center 
}
 p{
     margin-top:0;
     margin-bottom:10px;
     font-size:16px;
     line-height:24px;
}
 .paragraph{
     margin-bottom:0;
     color:#fff;
     font-size:16px;
     line-height:32px 
}

/* website wrapper */
 body{
     margin:0;
     min-height:100%;
     background-color:#fff;
     font-family:Muli,sans-serif;
     color:#161825;
     font-size:14px;
     line-height:20px;
     text-decoration:none 
}

.body-content-wrapper{
     height:100%;
}
.section.mainsec{
     text-align: center;
     background-color:#fff;
     margin-right:auto;
     margin-left:auto;
}

 .website-wrapper{
     position:relative;
     overflow:hidden;
     max-width:none;
     margin-right:auto;
     margin-left:auto;
     background-color:#f5f5f5 
}
 .website-wrapper.overflow-visible{
     overflow:visible 
}
/*header */
 .default-nav-wrapper{
     position:fixed;
     left:0;
     top:0;
     right:0;
     bottom:auto;
     z-index:1000;
     max-width:none;
     margin-right:auto;
     margin-left:auto 
}
 .basic-navbar{
     width:auto;
     height:65px;
     max-width:100%;
     margin-top:0;
     margin-right:auto;
     margin-left:auto;
     padding:0;
     border-bottom:1px solid transparent;
     background-color:#fff;
     box-shadow:14px 14px 50px -10px rgba(0,0,0,.2) 
    /*gradient*/
}
/* left logo */
 .website-div{
     position:relative;
     overflow:hidden;
     float:left 
}
 .w-clearfix:after,.w-clearfix:before{
     content:" ";
     display:table;
     grid-column-start:1;
     grid-row-start:1;
     grid-column-end:2;
     grid-row-end:2 
}
 .w-clearfix:after{
     clear:both 
}
 .logo{
     width:190px;
     height:65px;
     padding:13px 20px;
    /*border-right:1px solid #e4e4e4;
    */
     border-left:1px #e4e4e4 
}
 .brand{
     width:190px;
     padding:0;
     float:left 
}
/* nav w-nav */
 .nav-menu{
     padding-right:0;
     float:right 
}
 .w-nav{
     position:relative;
     background: #fff;
     z-index:1000 
}
 .w-nav:after,.w-nav:before{
     content:" ";
     display:table;
     grid-column-start:1;
     grid-row-start:1;
     grid-column-end:2;
     grid-row-end:2 
}
 .w-nav:after{
     clear:both 
}
 .w-nav-brand{
     position:relative;
     float:left;
     text-decoration:none;
     color:#333 
}
 .w-nav-link{
     position:relative;
     display:inline-block;
     vertical-align:top;
     text-decoration:none;
     color:#222;
     padding:20px;
     text-align:left;
     margin-left:auto;
     margin-right:auto 
}
 .w-nav-link.w--current{
     color:#4939F3
}
 .w-nav-menu{
     position:relative;
     float:right 
}
 [data-nav-menu-open]{
     display:block!important;
     position:absolute;
     top:100%;
     left:0;
     right:0;
     background:#c8c8c8;
     text-align:center;
     overflow:visible;
     min-width:200px 
}
 .w--nav-link-open{
     display:block;
     position:relative 
}
 .w-nav-overlay{
     position:absolute;
     overflow:hidden;
     display:none;
     top:100%;
     left:0;
     right:0;
     width:100% 
}
 .w-nav-overlay [data-nav-menu-open]{
     top:0 
}
 .w-nav[data-animation=over-left] .w-nav-overlay{
     width:auto 
}
 .w-nav[data-animation=over-left] .w-nav-overlay,.w-nav[data-animation=over-left] [data-nav-menu-open]{
     right:auto;
     z-index:1;
     top:0 
}
 .w-nav[data-animation=over-right] .w-nav-overlay{
     width:auto 
}
 .w-nav[data-animation=over-right] .w-nav-overlay,.w-nav[data-animation=over-right] [data-nav-menu-open]{
     left:auto;
     z-index:1;
     top:0 
}
 .w-nav-button{
     position:relative;
     float:right;
     padding:18px;
     font-size:24px;
     display:none;
     cursor:pointer;
     -webkit-tap-highlight-color:transparent;
     tap-highlight-color:rgba(0,0,0,0);
     -webkit-user-select:none;
     -moz-user-select:none;
     -ms-user-select:none;
     user-select:none 
}
 .w-nav-button:focus{
     outline:0 
}
 .w-nav-button.w--open{
     background-color:#c8c8c8;
     color:#fff 
}
 .w-nav[data-collapse=all] .w-nav-menu{
     display:none 
}

/* nav-link;
 dropdown;
 w-dropdown;
 text-link*/
 .nav-link-3{
     height:65px;
     margin-right:12px;
     margin-left:12px;
     padding:21px 8px 0;
     border-bottom:2px solid transparent;
     -webkit-transition:border .2s;
     transition:border .2s;
     color:#161825;
     font-size:12px;
     font-weight:400;
     letter-spacing:1px;
     text-transform:uppercase 
}
 .nav-link-3:hover{
     border-bottom-color: #4939F3;
     color:#4939F3 
}
 .nav-link-3.final{
     height:65px;
     margin-right:0;
     padding-top:22px;
     padding-right:23px;
     padding-left:23px;
     border-bottom-style:none;
     background-color:#202541;
     -webkit-transition:.2s,border .2s;
     transition:.2s,border .2s;
     color:#fff 
}
 .nav-link-3.final:hover{
     background-color:#4939F3 
}
 .text-link-show{
     display:none 
}


/* dropdown */
.w--nav-dropdown-open,.w--nav-dropdown-toggle-open,.w-nav[data-collapse=all] .w-nav-button{
    display:block
}
.w--nav-dropdown-list-open{
    position:static
}
.w-dropdown{
    display:inline-block;
    position:relative;
    text-align:left;
    margin-left:auto;
    margin-right:auto;
    z-index:900
}
.w-dropdown-btn,.w-dropdown-link,.w-dropdown-toggle{
    position:relative;
    vertical-align:top;
    text-decoration:none;
    color:#222;
    padding:20px;
    text-align:left;
    margin-left:auto;
    margin-right:auto;
    white-space:nowrap
}
.w-dropdown-toggle{
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    display:inline-block;
    cursor:pointer;
    padding-right:40px
}
.w-dropdown-toggle:focus{
    outline:0
}
.w-dropdown-toggle::after{
    display: none;
}
.w-icon-dropdown-toggle{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    margin:auto 20px auto auto;
    width:1em;
    height:1em
}
.w-dropdown-list{
    position:absolute;
    background:#ddd;
    display:none;
    min-width:100%
}
.w-dropdown-list.w--open{
    display:block
}
.w-dropdown-link{
    padding:10px 20px;
    display:block;
    color:#222
}
.w-dropdown-link.w--current{
    color:#0082f3
}
.w-dropdown-link:focus{
    outline:0
}

.nav-link-3.dropdown{
    margin-right:12px;
    margin-left:12px;
    padding-top:21px;
    padding-right:8px;
    padding-left:8px
}
.nav-link-3.dropdown:hover{
    border-bottom-color:#4939f3
}

.dropdown-list.w--open{
    background-color:#fff;
    box-shadow:10px 10px 50px -10px rgba(0,0,0,.11)
}
.dropdown-list.large{
    left:0;
    top:0;
    right:auto;
    bottom:auto;
    width:auto;
    margin-top:65px;
    margin-left:0
}
.dropdown-link{
    padding:10px 20px;
    border-top:1px solid #eee;
    font-size:11px
}
.dropdown-link:hover{
    color:#4939f3
}
.dropdown-link.w--current{
    background-color:rgba(75,96,246,.07);
    color:#4939F3
}
.dropdown-toggle{
    padding:0;
    width:100%;
}
.dropdown-toggle.w--open{
    padding-bottom:22px;
    border-bottom:2px solid #4939F3;
    color:#4939F3
}
.text-link-dropdown{
    color:#161825
}
.text-link-dropdown:hover{
    color:#161825
}




/* banner*/
 .subpage-hero{
     position:relative;
     padding-top:150px;
     padding-bottom:77px;
     background-color: #5A4ADF;
}
 .subpage-hero.utility{
     position:relative;
     padding-bottom:130px;
}
 .subpage-hero.over{
     padding-bottom:190px;
     background-image:none;
     opacity:1 
}

 .subpage-hero.development{
     max-width:none;
     padding-bottom:100px;
     background-image:none 
}
 .subpage-hero.blog{
     background-image:none 
}
 .container{
     position:relative;
     z-index:50;
     opacity:1 
}
 .w-container{
     margin-left:auto;
     margin-right:auto;
     max-width:940px 
}
 .w-container:after,.w-container:before{
     content:" ";
     display:table;
     grid-column-start:1;
     grid-row-start:1;
     grid-column-end:2;
     grid-row-end:2 
}
 .w-container:after{
     clear:both 
}
 .w-container .w-row{
     margin-left:-10px;
     margin-right:-10px 
}
/* title*/
 .hero-text-block{
     width:auto 
}
 .hero-title{
     width:480px;
     margin-top:0;
     margin-bottom:0;
     font-family:Muli,sans-serif;
     color:#fff;
     font-size:53px;
     line-height:70px;
     font-weight:800;
     text-transform:none 
}
 .hero-paragraph{
     width:380px;
     margin-top:10px;
     margin-bottom:0;
     color:#fff;
     font-size:21px;
     line-height:33px 
}
 .hero-paragraph.dark{
     color:#161825 
}
/* img*/
 .hero-image{
     position:absolute;
     left:0;
     top:auto;
     right:0;
     bottom:0;
     z-index:0;
     display:block;
     overflow:visible;
     width:100%;
     height:100%;
     margin-top:0;
     margin-bottom:0;
     opacity:1;
     background-clip:border-box;
     -webkit-text-fill-color:inherit;
     -o-object-fit:cover;
     object-fit:cover 
}
 .hero-image.main-book{
     -o-object-position:50% 72%;
     object-position:50% 72% 
}
 .hero-overlay{
     position:absolute;
     left:0;
     top:0;
     right:0;
     bottom:0;
     z-index:1;
     display:block;
     width:100%;
     height:100%;
     opacity:.85 
}

/* rbook iframe */

.section.asiframe{
     position:relative;
     z-index:1; /* 0 */
     padding-top:65px;
     padding-bottom:0px;
     padding-left:0px;
     padding-right:0px;
     line-height: 0px;
     height: calc(100% - 53px);
     border-bottom: 1px solid #ececec;
     background-color: #fff;
}

/* section*/
 .section{
     position:relative;
     z-index:1; /* 0 */
     padding-top:100px;
     padding-bottom:100px 
}
 .section.line-top{
     padding-top:140px;
     padding-bottom:140px;
     border-top:1px solid #ececec 
}
 .section.line-top._2{
     background-color:#fff 
}
 .section.line-top._3{
     padding-top:90px;
     padding-bottom:90px;
     background-color:#fff 
}
 .section.line-top.opeldingen{
     padding-top:100px 
}
 .section.about{
     padding-top:55px;
     padding-bottom:63px;
     background-color:#fff 
}
 .section.home-intro{
     padding-bottom:20px;
     background-color:#fff 
}
 .section.white{
     border-bottom:1px solid #ececec;
     background-color:#fff 
}
 .section.white.utility{
     padding-top:3px 
}
 .section.white.contact{
     padding-top:80px 
}
 .section.white._3{
     padding-top:65px;
     border-bottom:1px solid #ececec 
}
 .section.white.bel-mij-terug{
     padding-top:55px;
     padding-bottom:55px 
}
 .section.white-sec{
     padding-top:51px;
     padding-bottom:51px;
     background-color:#fff 
}
 .section.white-item{
     padding-bottom:0;
     background-color:#fff 
}
 .section.alt{
     padding-top:65px;
     padding-bottom:0;
     background-color:hsla(0,0%,100%,.65) 
}
 .section.tint{
     display:block;
     background-color:#fdfdfd 
}
 .section.tint.blog{
     background-image:-webkit-gradient(linear,left top,right top,from(#4939f3),to(transparent)),-webkit-gradient(linear,left top,left bottom,from(rgba(73,57,243,.72)),to(rgba(73,57,243,.72))),url("https://assets.website-files.com/5e287a9bec3994671dd56ff2/5e96b20ac475b781c82b960d__0001_corporate-professional-discussing-financial-growth-P2NP4UG.jpg");
     background-image:linear-gradient(90deg,#4939f3,transparent),linear-gradient(180deg,rgba(73,57,243,.72),rgba(73,57,243,.72)),url("https://assets.website-files.com/5e287a9bec3994671dd56ff2/5e96b20ac475b781c82b960d__0001_corporate-professional-discussing-financial-growth-P2NP4UG.jpg");
     background-position:0 0,0 0,50% 50%;
     background-size:auto,auto,cover;
     background-repeat:repeat,repeat,no-repeat 
}
 .section.development{
     padding-top:140px 
}
 .section.mb-0{
     padding-bottom:0 
}
 .collection-list-5{
     display:-ms-grid;
     display:grid;
     grid-auto-columns:1fr;
     grid-column-gap:16px;
     grid-row-gap:16px;
     -ms-grid-columns:1fr 1fr;
     grid-template-columns:1fr 1fr;
     -ms-grid-rows:auto;
     grid-template-rows:auto 
}
.large-utility-wrapper{
    margin-top:-70px;
    padding:60px;
    background-color:#fff;
    box-shadow:7px 7px 60px -10px rgba(0,0,0,.2)
}

/*book item*/
 .color-content-block{
     position:relative;
     z-index:20;
     margin-top:-200px;
     padding:60px;
    /*padding:30px 25px;
    */
     background-color:#4939f3;
     box-shadow:14px 14px 60px -10px rgba(0,0,0,.3) 
}
 .color-content-block.white{
     padding-bottom:50px;
     padding:25px 26px;
     background-color:#fff;
     color:#4939f3 
}
 .color-content-block.white._2{
     position:relative;
     display:-webkit-box;
     display:-webkit-flex;
     display:-ms-flexbox;
     display:flex;
     height:100%;
     margin-top:0;
     padding:8px;
     -webkit-box-orient:vertical;
     -webkit-box-direction:normal;
     -webkit-flex-direction:column;
     -ms-flex-direction:column;
     flex-direction:column;
     box-shadow:6px 19px 20px -4px rgba(0,0,0,.05);
     color:#202541 
}
 .w-inline-block{
     max-width:100%;
     display:inline-block 
}
 .company-logo-wraper{
     position:absolute;
     left:0;
     top:0;
     right:auto;
     bottom:auto;
     display:-webkit-box;
     display:-webkit-flex;
     display:-ms-flexbox;
     display:flex;
     width:260px;
     height:100%;
     -webkit-box-pack:center;
     -webkit-justify-content:center;
     -ms-flex-pack:center;
     justify-content:center;
     -webkit-box-align:stretch;
     -webkit-align-items:stretch;
     -ms-flex-align:stretch;
     align-items:stretch;
     border-right:1px solid #f3f3f3;
     background-color:#fff;
     background-image:url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
     background-position:0 0;
     background-size:cover;
     -webkit-filter:brightness(98%);
     filter:brightness(98%);
     -webkit-transition:background-color .2s,-webkit-filter .2s;
     transition:filter .2s,background-color .2s,-webkit-filter .2s;
     text-align:center;
     -o-object-fit:cover;
     object-fit:cover 
}
 .company-logo-wraper:hover{
     border-right-color:#f1f1f1;
     background-color:#fff;
     -webkit-filter:brightness(100%);
     filter:brightness(100%) 
}
 .company-logo-wraper._2{
     position:relative;
     display:block;
     width:100%;
     max-height:200px;
     margin-bottom:0;
     background-image:none 
}
 .company-logo{
     width:100%;
     height:200px;
     -o-object-fit:cover;
     object-fit:cover 
}
 .company-overlay{
     position:absolute;
     left:0;
     top:0;
     right:0;
     bottom:0;
     background-color:rgba(22,24,37,.4) 
}
 .date-block{
     position:absolute;
     left:0;
     top:0;
     right:0;
     bottom:auto;
     margin-right:auto;
     margin-left:auto;
     color:#fff 
}
 .date-text{
     display:inline-block;
     padding:2px 9px;
     background-color:#4939f3;
     font-size:13px;
     text-transform:uppercase 
}
 .date-text._2{
     padding:5px 19px 
}
/*book item content*/
 .company-content-block{
     width:100%;
     height:100%;
     padding:8px 0 0;
     -webkit-align-self:center;
     -ms-flex-item-align:center;
     -ms-grid-row-align:center;
     align-self:center 
}
 .company-content-block._2{
     display:-webkit-box;
     display:-webkit-flex;
     display:-ms-flexbox;
     display:flex;
     padding:39px;
     -webkit-box-orient:vertical;
     -webkit-box-direction:normal;
     -webkit-flex-direction:column;
     -ms-flex-direction:column;
     flex-direction:column;
     -webkit-box-align:start;
     -webkit-align-items:flex-start;
     -ms-flex-align:start;
     align-items:flex-start 
}
 .company-block-title{
     margin-bottom:24px;
     font-weight:700;
     line-height:30px;
     font-size:24px;
     text-transform:none;
}
 .company-main-info-wrapper{
     margin-bottom:20px 
}
 .company-info-block{
     display:block;
     margin-top:3px;
     font-size:15px 
}
 .company-info-title{
     display:inline-block;
     height:50px;
     margin-right:5px;
     line-height:22px;
     font-weight:400 
}
 .button{
     padding:11px 45px 11px 18px;
     background-color:#161825;
     background-image:url("https://assets.website-files.com/5e287a9bec3994671dd56ff2/5e4bb610a58df84a2127803e_right%20(4).svg");
     background-position:88% 50%;
     background-size:12px;
     background-repeat:no-repeat;
     -webkit-transition:box-shadow .2s,background-color .2s,color .2s,-webkit-transform .2s;
     transition:box-shadow .2s,transform .2s,background-color .2s,color .2s,-webkit-transform .2s;
     color:#fff;
     font-size:12px;
     line-height:19px;
     letter-spacing:1px;
     text-decoration:none;
     text-transform:uppercase 
}
 .button:hover{
     background-color:#4939f3;
     box-shadow:4px 4px 20px -3px rgba(0,0,0,.3);
     -webkit-filter:brightness(110%);
     filter:brightness(110%);
    /*-webkit-transform:translate(0,-2px);
     -ms-transform:translate(0,-2px);
     transform:translate(0,-2px);
    */
     color:#fff;
     text-decoration:none 
}
 .button.lees-meer{
     margin-right:20px;
     padding:11px 36px 11px 20px;
     background-color:#1c1f31;
     background-position:91% 50% 
}
 .button.lees-meer.mt-auto{
     margin-top:auto 
}
 .w-button{
     display:inline-block;
     border:0;
     cursor:pointer;
     border-radius:0 
}
/* subscribe*/
 .section-heading-center{
     width:600px;
     margin-right:auto;
     margin-left:auto;
     text-align:center 
}
 .section-heading{
     position:relative;
     margin-top:0;
     color:#011627;
     font-size:31px;
     line-height:47px 
}
 .paragraph.request{
     color:#011627 
}
 .request-form-wrapper{
     width:600px;
     margin-top:40px;
     margin-right:auto;
     margin-left:auto 
}
 .request-form{
     display:-ms-grid;
     display:grid;
     grid-auto-columns:1fr;
     grid-column-gap:0px;
     grid-row-gap:0px;
     -ms-grid-columns:1fr 0.35fr;
     grid-template-columns:1fr 0.35fr;
     -ms-grid-rows:auto;
     grid-template-rows:auto 
}
 .w-form{
     margin:0 0 15px 
}
 .w-form-done{
     display:none;
     padding:20px;
     text-align:center;
     background-color:#ddd 
}
 .w-form-fail{
     display:none;
     margin-top:10px;
     padding:10px;
     background-color:#ffdede 
}
 label{
     display:block;
     margin-bottom:5px;
     font-weight:700 
}
 .w-input,.w-select{
     display:block;
     width:100%;
     height:38px;
     padding:8px 12px;
     margin-bottom:10px;
     font-size:14px;
     line-height:1.42857143;
     color:#333;
     vertical-align:middle;
     background-color:#fff;
     border:1px solid #ccc 
}
 .w-input:-moz-placeholder,.w-select:-moz-placeholder{
     color:#999 
}
 .w-input::-moz-placeholder,.w-select::-moz-placeholder{
     color:#999;
     opacity:1 
}
 .w-input:-ms-input-placeholder,.w-select:-ms-input-placeholder{
     color:#999 
}
 .w-input::-webkit-input-placeholder,.w-select::-webkit-input-placeholder{
     color:#999 
}
 .w-input:focus,.w-select:focus{
     border-color:#3898ec;
     outline:0 
}
 .w-input[disabled],.w-input[readonly],.w-select[disabled],.w-select[readonly],fieldset[disabled] .w-input,fieldset[disabled] .w-select{
     cursor:not-allowed;
     background-color:#eee 
}
 textarea.w-input,textarea.w-select{
     height:auto 
}
.w-checkbox{
    display:block;
    margin-bottom:5px;
    padding-left:20px
}
.w-checkbox::before{
    content:' ';
    display:table;
    -ms-grid-column-span:1;
    grid-column-end:2;
    -ms-grid-column:1;
    grid-column-start:1;
    -ms-grid-row-span:1;
    grid-row-end:2;
    -ms-grid-row:1;
    grid-row-start:1
}
.w-checkbox::after{
    content:' ';
    display:table;
    -ms-grid-column-span:1;
    grid-column-end:2;
    -ms-grid-column:1;
    grid-column-start:1;
    -ms-grid-row-span:1;
    grid-row-end:2;
    -ms-grid-row:1;
    grid-row-start:1;
    clear:both
}
.w-checkbox-input{
    float:left;
    margin:4px 0 0 -20px;
    line-height:normal
}
.w-checkbox-input--inputType-custom{
    border-width:1px;
    border-color:#ccc;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    border-left:1px solid #ccc;
    border-style:solid;
    width:12px;
    height:12px;
    border-radius:2px
}
.w-checkbox-input--inputType-custom.w--redirected-checked{
    background-color:#3898ec;
    border-color:#3898ec;
    background-image:url(https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg);
    background-position:50% 50%;
    background-size:cover;
    background-repeat:no-repeat
}
.w-checkbox-input--inputType-custom.w--redirected-focus{
    box-shadow:0 0 3px 1px #3898ec
}
 .w-select{
     background-color:#f3f3f3 
}
 .w-select[multiple]{
     height:auto 
}
 .w-form-label{
     display:inline-block;
     cursor:pointer;
     font-weight:400;
     margin-bottom:0 
}
 .w-radio{
     display:block;
     margin-bottom:5px;
     padding-left:20px 
}
 input.w-button{
     -webkit-appearance:button 
}
 .text-field{
     display:inline-block;
     height:100%;
     padding-top:11px;
     padding-bottom:11px;
     padding-left:20px;
     border-right:1px #000;
     background-color:transparent 
}
 #EMAIL.w-node-f2c1102b-0354-07a9-89d1-075179de3e3d-79de3e33{
     -webkit-align-self:stretch;
     -ms-flex-item-align:stretch;
     -ms-grid-row-align:stretch;
     align-self:stretch 
}

/** Custom Select **/
.custom-select-wrapper {
  position: relative;
  display: inline-block;
  user-select: none;
}
  .custom-select-wrapper select {
    display: none;
  }
  .custom-select {
    position: relative;
    display: inline-block;
    border: none;
  }
    .custom-select-trigger {
      position: relative;
      display: block;
      min-width: 200px;
      padding: 0 84px 0 22px;
      color: #161825;
      border-radius: 4px;
      cursor: pointer;
    }
      .custom-select-trigger:after {
        position: absolute;
        display: block;
        content: '';
        width: 10px; height: 10px;
        top: 50%; right: 25px;
        margin-top: -3px;
        border-bottom: 1px solid #fff;
        border-right: 1px solid #fff;
        transform: rotate(45deg) translateY(-50%);
        transition: all .4s ease-in-out;
        transform-origin: 50% 0;
      }
      .custom-select.opened .custom-select-trigger:after {
        margin-top: 3px;
        transform: rotate(-135deg) translateY(-50%);
      }
  .custom-options {
    position: absolute;
    display: block;
    top: 100%; left: 0; right: 0;
    min-width: 100%;
    margin: 15px 0;
    border: 1px solid #b8b8b8;
    color: #b8b8b8;
    border-radius: 4px;
    box-sizing: border-box;
    box-shadow: 0 2px 1px rgba(0,0,0,.07);
    background: #fff;
    transition: all .4s ease-in-out;
    
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-15px);
  }
  .custom-select.opened .custom-options {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transform: translateY(0);
  }
    .custom-options:before {
      position: absolute;
      display: block;
      content: '';
      bottom: 100%; right: 25px;
      width: 7px; height: 7px;
      margin-bottom: -4px;
      border-top: 1px solid #b5b5b5;
      border-left: 1px solid #b5b5b5;
      background: #fff;
      transform: rotate(45deg);
      transition: all .4s ease-in-out;
    }
    .option-hover:before {
      background: #f9f9f9;
    }
    .custom-option {
      position: relative;
      display: block;
      padding: 0 22px;
      border-bottom: 1px solid #b5b5b5;
      color: #b5b5b5;
      cursor: pointer;
      transition: all .4s ease-in-out;
    }
    .custom-option:first-of-type {
      border-radius: 4px 4px 0 0;
    }
    .custom-option:last-of-type {
      border-bottom: 0;
      border-radius: 0 0 4px 4px;
    }
    .custom-option:hover,
    .custom-option.selection {
      background: #f9f9f9;
    }

/* breadcrump */
 .breadcrumb-section{
     position:relative;
     z-index:2;
     padding-top:16px;
     padding-bottom:16px;
     background-color:#fff 
}
 .breadcrumb-link{
     display:inline-block;
     margin-right:8px;
     color:#9fa7b5;
     font-size:12px;
     text-decoration:none 
}
.breadcrumb-link.w--current {
color: #4939f3;
}

 .breadcrumb-arrow{
     height:9px;
     margin-right:8px 
}
/* footer */
 .footer{
     position:relative;
     z-index:20;
     padding-top:140px;
     padding-bottom:140px;
     background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#fff));
     background-image:linear-gradient(180deg,#fff,#fff) 
}
 .alt-section{
     padding-top:140px;
     padding-bottom:140px 
}
 .alt-section.footer.top-line{
     padding-top:130px;
     padding-bottom:130px;
     border-top:1px solid #ececec 
}
/* footer grid icon*/
 .w-layout-grid{
     display:-ms-grid;
     display:grid;
     grid-auto-columns:1fr;
     -ms-grid-columns:1fr 1fr;
     grid-template-columns:1fr 1fr;
     -ms-grid-rows:auto auto;
     grid-template-rows:auto auto;
     grid-row-gap:16px;
     grid-column-gap:16px 
}
 .footer-grid{
     margin-bottom:0;
     -ms-grid-columns:1fr 1fr 1fr;
     grid-template-columns:1fr 1fr 1fr;
     -ms-grid-rows:auto;
     grid-template-rows:auto 
}
 .footer-col-item{
     justify-self: center;
     width:260px;
     padding-right:10px;
     padding-left:70px;
     border-right:1px solid #eee;
     background-image:url("https://assets.website-files.com/5e287a9bec3994671dd56ff2/5e4be364833054cc086a23ea_map%20pin.svg");
     background-position:0 50%;
     background-size:42px;
     background-repeat:no-repeat 
}
 .footer-col-item._2{
     justify-self: center;
     padding-left:70px;
     border-right-color:#eee;
     background-image:url("https://assets.website-files.com/5e287a9bec3994671dd56ff2/5e4be1036640d020c2847792_Paperplane.svg") 
}
 .footer-col-item._3{
     justify-self: center;
     padding-left:70px;
     border-right-style:none;
     background-image:url("https://assets.website-files.com/5e287a9bec3994671dd56ff2/5e4be1abc1617c65e9789699_phone.svg") 
}
 .company-items{
     margin-bottom:20px 
}
 .footer-title{
     margin-bottom:5px;
     font-size:17px;
     font-weight:700;
     letter-spacing:1px;
     text-transform:uppercase 
}
 .locatie-link-block{
     color:#000 
}
 .w-inline-block{
     max-width:100%;
     display:inline-block 
}
 .contact-paragraph{
     margin-bottom:0;
     font-size:13px 
}
 .footer-contact-link{
     display:block;
     margin-top:2px;
     color:#000;
     text-decoration:none 
}
 .footer-contact-link:hover{
     color:#4939f3;
     text-decoration:underline 
}
/* footer social*/
 .footer-nav-wrapper{
     display:-webkit-box;
     display:-webkit-flex;
     display:-ms-flexbox;
     display:flex;
     width:80%;
     margin-top:30px;
     margin-right:auto;
     margin-left:auto;
     padding-top:20px;
     -webkit-box-pack:center;
     -webkit-justify-content:center;
     -ms-flex-pack:center;
     justify-content:center;
     -webkit-box-align:center;
     -webkit-align-items:center;
     -ms-flex-align:center;
     align-items:center;
     border-top:0 solid #eee;
     text-align:center 
}
 .footer-link{
     display:inline-block;
     margin-right:7px;
     margin-left:7px;
     color:#7e7e7e;
     font-size:10px;
     letter-spacing:1px;
     text-decoration:none;
     text-transform:uppercase 
}
 .footer-social-wrapper{
     display:-webkit-box;
     display:-webkit-flex;
     display:-ms-flexbox;
     display:flex;
     -webkit-box-align:center;
     -webkit-align-items:center;
     -ms-flex-align:center;
     align-items:center 
}
 .nav-divider-circle{
     position:relative;
     top:-1px;
     display:block;
     width:5px;
     height:5px;
     margin-right:7px;
     margin-left:7px;
     background-color:#e4e4e4 
}
 .footer-social-link{
     display:block 
}
 .w-inline-block{
     max-width:100%;
     display:inline-block 
}
 .social-logo{
     display:block;
     overflow:visible;
     width:13px;
     margin-left:7px 
}
 .social-logo.smaller{
     width:12px 
}

/* subpage-header */
.subpage-header-title{
    margin-top:1.5em;
    margin-bottom:1em;
    color:#202541;
    font-size:30px;
    line-height:40px;
    text-transform:none
}
.subpage-header-title.medium-large{
    margin-top:0;
    font-family:Muli,sans-serif;
    color:#161825;
    font-weight:700;
    text-transform:none;
    font-size:80px;
    line-height:75px
}
.subpage-header-title.medium-large.white{
    margin-top:0;
    color:#fff;
    font-size:40px;
    line-height:50px
}
.subpage-header-title.medium-large._2{
    display:inline-block;
    margin-right:11px;
    font-size:31px
}
.subpage-header-title.alt{
    margin-bottom:43px;
    padding-top:0;
    padding-bottom:0
}
.subpage-header-title.white{
    color:#fff
}
.subpage-subtitle-wrapper{
    position:relative;
    z-index:31;
    display:-ms-grid;
    display:grid;
    margin-top:0;
    margin-bottom:70px;
    grid-auto-columns:1fr;
    grid-column-gap:16px;
    grid-row-gap:16px;
    -ms-grid-columns:1fr 0.5fr;
    grid-template-columns:1fr 0.5fr;
    -ms-grid-rows:auto;
    grid-template-rows:auto
}
.subpage-subtitle-wrapper.smaller{
    margin-bottom:35px
}
.header-line-block{
    width:60px
}
.subpage-header-subtitle{
    display:inline-block;
    max-width:570px;
    margin-bottom:1em;
    font-family:Muli,sans-serif;
    color:#8b8b8b;
    font-size:20px;
    line-height:31px;
    font-weight:400
}
.subpage-header-subtitle.white{
    margin-bottom:20px;
    color:#fff
}
.subpage-header-subtitle.alt{
    margin-top:-29px;
    padding-bottom:44px
}
.subpage-header-subtitle.alt.alt2{
    margin-bottom:-22px
}
.subtitle-wrapper{
    max-width:500px
}
.subtitle-wrapper._0{
    max-width:450px
}
.subtitle-wrapper._2{
    margin-bottom:20px
}

/*button*/
.button-wrapper{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    margin-top:30px;
    -webkit-box-align:end;
    -webkit-align-items:flex-end;
    -ms-flex-align:end;
    align-items:flex-end;
    -webkit-box-flex:1;
    -webkit-flex:1;
    -ms-flex:1;
    flex:1
}
.button-wrapper.center{
    text-align:center
}

/* blog */
.blog-cl{
    display:-ms-grid;
    display:grid;
    grid-auto-columns:1fr;
    grid-column-gap:16px;
    grid-row-gap:0px;
    -ms-grid-columns:1fr;
    grid-template-columns:1fr;
    -ms-grid-rows:auto auto;
    grid-template-rows:auto auto
}

.blogpost{
    margin-bottom:40px
}

.event-summary-text{
    margin-top:8px;
    margin-bottom:11px;
    color:#9b9b9b
}
.blog-block{
    position:relative;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    min-height:260px;
    margin-bottom:48px;
    padding-left:290px;
    -webkit-box-align:start;
    -webkit-align-items:flex-start;
    -ms-flex-align:start;
    align-items:flex-start
}

.event-item-image{
    position:absolute;
    left:0;
    top:0;
    width:230px;
    height:260px;
    background-image:url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
    background-position:50% 50%;
    background-size:cover;
    box-shadow:14px 14px 60px -10px rgba(0,0,0,.3);
    -webkit-transition:-webkit-filter .2s;
    transition:filter .2s;
    transition:filter .2s,-webkit-filter .2s
}
.event-item-image:hover{
    -webkit-filter:brightness(90%);
    filter:brightness(90%)
}
.event-text-wrapper{
    position:relative;
    padding-right:176px
}

.date-block-2{
    position:absolute;
    top:-10px;
    right:20px;
    z-index:10;
    width:60px;
    height:100px;
    background-color:#000;
    color:#fff;
    text-align:center
}
.date-title{
    padding-top:7px;
    padding-bottom:7px;
    background-color:#4939f3;
    font-size:26px;
    line-height:34px;
    font-weight:700
}
.date-title.year{
    padding-top:1px;
    padding-bottom:0;
    background-color:transparent;
    font-size:13px;
    line-height:20px
}
.date-title.month{
    padding-top:0;
    padding-bottom:0;
    background-color:transparent;
    font-size:13px;
    line-height:25px
}

.blog-title-link{
    display:block;
    margin-bottom:11px;
    color:#000;
    font-size:28px;
    line-height:1.3;
    font-weight:600;
    text-decoration:none
}
.button.blog{
    position:absolute;
    left:auto;
    top:50%;
    right:0;
    bottom:auto
}

/*blog summary*/
.blog-samenvatting{
    font-size:15px;
    line-height:1.6
}
.blog-about{
    margin-bottom:0
}
.blog-about-text{
    display:inline-block;
    margin-right:4px
}

/* academy info */
.cta-section{
    padding-top:100px;
    padding-bottom:100px;
    background-image:linear-gradient(180deg,rgba(73,57,243,.61),rgba(73,57,243,.61)),linear-gradient(90deg,#4939f3,hsla(0,0%,100%,0)),url("https://assets.website-files.com/5e287a9bec3994671dd56ff2/5f64684de1cab98f6bb4ccd3_4.jpg");
    background-position:0 0,0 0,100% 70%;
    background-size:auto,auto,cover
}

.subtitle-wrapper._0{
    max-width:450px
}

.page-sub-nav-block{
    position:relative;
    z-index:10;
    margin-top:-140px;
    background-color:#2a2a2a;
    background-image:-webkit-gradient(linear,left top,left bottom,from(#4939f3),to(#4939f3));
    background-image:linear-gradient(180deg,#4939f3,#4939f3);
    box-shadow:14px 14px 60px -10px rgba(0,0,0,.35)
}
.page-sub-nav-block.in-header{
    position:absolute;
    right:0;
    bottom:-126px;
    z-index:30;
    width:310px;
    margin-top:0;
    background-color:#161825;
    background-image:none
}
.page-sub-nav-block-2{
    padding:25px 14px 0 25px;
    color:#fff
}

.column-title{
    margin-top:0;
    margin-bottom:20px;
    font-family:proxima-nova,sans-serif;
    font-size:24px;
    line-height:32px;
    font-weight:600
}

/* academy items*/
.sub-nav-link-block{
    position:relative;
    display:block;
    height:260px;
    padding:90px 80px 50px 50px;
    border-top:1px hsla(0,0%,100%,.09);
    background-image:url("https://assets.website-files.com/5e287a9bec3994671dd56ff2/5e4bb610a58df84a2127803e_right%20(4).svg");
    background-position:94% 50%;
    background-size:15px;
    background-repeat:no-repeat;
    font-family:Muli,sans-serif;
    color:#c4d5fd;
    font-size:16px;
    text-decoration:none
}
.sub-nav-link-block:hover{
    background-color:#161825;
    color:#c2c8f5;
    text-decoration:none
}

.sub-nav-link-block.small{
    height:45px;
    padding:13px 10px 13px 60px;
    background-image:none;
    -webkit-transition:.2s,background-color .2s;
    transition:.2s,background-color .2s
}
.sub-nav-link-block.small:hover{
    background-color:#4939f3;
    background-image:none;
    background-position:0 0;
    background-size:auto;
    box-shadow:7px 7px 40px -10px rgba(0,0,0,.3)
}
.sub-nav-link-block.small.alt{
    padding-top:12px;
    padding-bottom:12px;
    background-color:#4939f3
}
.sub-nav-link-block.small.alt:hover{
    background-color:#202541
}

.block-icon{
    position:relative;
    height:45px;
    padding:5px;
    -webkit-filter:brightness(140%);
    filter:brightness(140%);
    -webkit-transform:translate(0,-50%);
    -ms-transform:translate(0,-50%);
    transform:translate(0,-50%)
}
.block-icon.small{
    position:absolute;
    left:20px;
    top:49%;
    height:25px
}
.sub-nav-title{
    margin-bottom:12px;
    color:#fff;
    font-size:31px;
    line-height:26px;
    font-weight:700;
    text-transform:none
}
.sub-nav-title.small{
    margin-bottom:0;
    font-size:14px;
    line-height:19px;
    font-weight:400;
    text-transform:capitalize
}

/* contact */
.contact-grid{
    margin-top:-137px;
    -ms-grid-columns:1fr 0.5fr;
    grid-template-columns:1fr 0.5fr;
    -ms-grid-rows:auto;
    grid-template-rows:auto
}

.form-block-2{
    padding:35px 50px;
    background-color:#fff;
    box-shadow:7px 7px 60px -10px rgba(0,0,0,.09)
}

.w-form{
    margin:0 0 15px
}
.w-form-done{
    display:none;
    padding:20px;
    text-align:center;
    background-color:#ddd
}
.w-form-fail{
    display:none;
    margin-top:10px;
    padding:10px;
    background-color:#ffdede
}

.succes{
    background-color:#4939f3;
    color:#fff
}

label{
    display:block;
    margin-bottom:5px;
    font-weight:700
}
.contactform-text-field{
    margin-bottom:15px;
    border:1px solid #dbdbdb
}
.contactform-text-field.large{
    min-height:130px
}
.contactform-text-field.respon{
    margin-bottom:0
}
.field-label{
    margin-bottom:7px;
    font-weight:700;
    text-transform:none
}
.checkbox-field{
    margin-bottom:11px;
    font-size:13px
}
.button.inschrijven{
    padding-top:11px;
    padding-right:36px;
    padding-bottom:11px;
    background-color:#161825;
    background-position:93% 50%;
    font-size:13px
}
.button.inschrijven.w--current{
    padding-top:11px;
    padding-bottom:11px
}
.button.submit{
    padding-top:8px;
    padding-bottom:8px
}

.contactform-text-field:focus {
  border:1px solid #4939F3;
}


/* contact company */
.company-info-content-wrapper{
    padding:35px
}
.company-info-content-wrapper.with-logo{
    position:relative;
    z-index:2;
    margin-top:0;
    margin-bottom:9px;
    padding:25px;
    background-color:#fff;
    box-shadow:7px 7px 60px -10px rgba(0,0,0,.09)
}
.company-info-content-wrapper.with-logo.contact{
    padding:31px 40px
}
.contact-block{
    width:100%;
    margin-bottom:20px;
    padding-bottom:20px;
    border-bottom:1px solid #dbdbdb;
    color:#202541
}
.contact-block.final{
    margin-bottom:0;
    padding-bottom:0;
    border-bottom-style:none
}

.small-col-title{
    margin-top:0;
    color:#4939f3;
    font-size:16px;
    font-weight:700
}

/* dev content */
.development-diensten-section{
    padding-top:100px;
    padding-bottom:100px;
    background-image:linear-gradient(180deg,rgba(73,57,243,.61),rgba(73,57,243,.61)),linear-gradient(90deg,#4939f3,hsla(0,0%,100%,0)),url("https://assets.website-files.com/5e287a9bec3994671dd56ff2/6140a1c02b2decd86cd34d06_austin-distel-gUIJ0YszPig-unsplash-p-1600.jpeg");
    background-position:0 0,0 0,100% 50%;
    background-size:auto,auto,cover
}



.two-column-grid{
    grid-column-gap:32px;
    grid-row-gap:40px;
    -ms-grid-rows:auto;
    grid-template-rows:auto
}

#dev-content-mainpage{
    -ms-grid-column-align:end;
    justify-self:end;
    -webkit-align-self:start;
    -ms-flex-item-align:start;
    -ms-grid-row-align:start;
    align-self:start
}

.page-sub-nav-block.development-diensten-wrapper{
    z-index:30;
    width:75%;
    margin-top:0;
    padding-bottom:16px;
    background-color:#161825;
    background-image:none
}

.pt-15-white{
    margin-top:0;
    margin-bottom:0;
    color:#fff
}
.development-page-cta-heading{
    padding-top:25px;
    padding-right:24px;
    padding-left:25px;
    color:#fff
}
.sub-nav-link-block.development-link-blocks{
    height:auto;
    padding:16px 24px 16px 60px;
    background-image:none;
    -webkit-transition:.2s,background-color .2s;
    transition:.2s,background-color .2s
}
.sub-nav-link-block.development-link-blocks:hover{
    background-color:#4939f3;
    background-image:none;
    background-position:0 0;
    background-size:auto;
    box-shadow:7px 7px 40px -10px rgba(0,0,0,.3)
}
.sub-nav-link-block.development-link-blocks.w--current{
    display:none
}

/* media type..... =.= annoying */

[class*=" w-icon-"],[class^=w-icon-]{
    font-family:webflow-icons!important;
    speak:none;
    font-style:normal;
    font-weight:400;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.w-icon-slider-right:before{
    content:"\e600"
}
.w-icon-slider-left:before{
    content:"\e601"
}
.w-icon-nav-menu:before{
    content:"\2630";
    font-size: 20px;
}
.w-icon-arrow-down:before,.w-icon-dropdown-toggle:before{
    content:"\e603"
}
.w-icon-file-upload-remove:before{
    content:"\e900"
}
.w-icon-file-upload-icon:before{
    content:"\e903"
}
*{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}


@media screen and (max-width:479px){
    .w-nav[data-collapse=tiny] .w-nav-menu{
        display:none
    }
    .w-nav[data-collapse=tiny] .w-nav-button,.w-tab-link{
        display:block
    }
}

@media screen and (max-width:767px){
    .w-nav-brand{
        padding-left:10px
    }
}

@media screen and (max-width:991px){
    .w-nav[data-collapse=medium] .w-nav-menu{
        display:none
    }
    .w-nav[data-collapse=medium] .w-nav-button{
        display:block
    }
}
@media screen and (max-width:767px){
    .w-nav[data-collapse=small] .w-nav-menu{
        display:none
    }
    .w-nav[data-collapse=small] .w-nav-button{
        display:block
    }
    .w-nav-brand{
        padding-left:10px
    }
}

@media screen and (max-width:479px){
    .w-nav[data-collapse=tiny] .w-nav-menu{
        display:none
    }
    .w-nav[data-collapse=tiny] .w-nav-button,.w-tab-link{
        display:block
    }
}

@media screen and (max-width:991px){
    .section,.section.line-top{
        padding-top:50px;
        padding-bottom:50px
    }
    .section.line-top._2{
        padding-top:50px;
        padding-bottom:0
    }
    .section.line-top._3{
        padding-top:50px;
        padding-bottom:50px
    }
    .section.about,.section.home-intro{
        padding-top:50px
    }
    .bg-tilt-item._2,.bg-tilt-item._2._3,.bg-tilt-item.development-bg{
        display:none
    }
    .footer-contact-link{
        margin-top:0;
        font-size:12px
    }
    .alt-section.footer.top-line{
        padding-top:50px;
        padding-bottom:50px
    }
    .footer-title{
        margin-bottom:0;
        font-size:13px
    }
    .contact-paragraph{
        font-size:12px;
        line-height:20px
    }
    .footer-nav-wrapper{
        width:auto
    }
    .company-block-title{
        margin-bottom:10px;
        line-height:30px
    }
    .subpage-header-title.medium-large._2{
        margin-right:8px;
        font-size:26px
    }
    .subpage-header-title.smaller{
        font-size:26px;
        line-height:1.3
    }
    .subpage-subtitle-wrapper{
        margin-bottom:30px
    }
    .subtitle-wrapper._0{
        max-width:390px
    }
    .company-info-content-wrapper.with-logo.contact{
        padding-right:35px;
        padding-left:35px
    }
    .development-left-wrapper{
        margin-top:0
    }
    .large-image-section{
        height:auto;
        padding-top:50px;
        padding-bottom:50px;
        background-position:50% 100%
    }
    .logo{
        width:200px;
        padding-right:10px;
        padding-left:10px
    }
    .nav-link-3{
        margin-right:0;
        margin-left:0;
        font-size:11px
    }
    .nav-link-3.dropdown{
        margin-right:0;
        margin-left:0
    }
    .about-paragraph{
        font-size:14px
    }
    .intro-column-left{
        padding-right:20px
    }
    .hero-text-block._3,.hero-text-block.cms-respon{
        width:50%
    }
    .hero-title.sub.docent{
        font-size:30px;
        line-height:40px
    }
    .hero-paragraph.small{
        width:auto
    }
    .slider{
        margin-top:30px
    }
    .footer-col-item{
        width:auto;
        padding-right:0;
        padding-left:50px;
        border-right-style:none;
        background-size:30px
    }
    .footer-col-item._2{
        padding-left:50px;
        background-size:30px
    }
    .footer-col-item._3{
        width:auto;
        padding-left:50px;
        background-size:30px
    }
    .block-icon-2{
        left:25px
    }
    .page-sub-nav{
        margin-top:-150px
    }
    .page-sub-nav.contact{
        max-width:50%
    }
    .sub-nav-link{
        padding-left:90px
    }
    .subpage-hero.utility{
        padding-right:25px;
        padding-left:25px
    }
    .large-utility-wrapper{
        padding:40px 35px
    }
    .form-block-2{
        padding-right:35px;
        padding-left:35px
    }
    .color-content-block{
        padding:50px 40px
    }
    .color-content-block.white.intro{
        width:310px;
        padding-right:41px;
        padding-left:41px
    }
    .color-content-block.white.respon{
        padding:40px 30px 30px
    }
    .usp-large-description{
        padding-left:0
    }
    .cms-page-overlay{
        padding-top:120px
    }
    ._4-col-grid-image{
        height:30px
    }
    .block-column{
        height:400px;
        margin-bottom:4px
    }
    .link-content-block.first{
        padding-top:18px;
        padding-bottom:18px
    }
    .link-content-block.development{
        height:auto
    }
    .link-block-2{
        height:100%
    }
    .grid{
        -ms-grid-columns:1fr 1fr 1fr 1fr;
        grid-template-columns:1fr 1fr 1fr 1fr;
        -ms-grid-rows:auto auto;
        grid-template-rows:auto auto
    }
    .step-item-block._2.final,.step-item-block._2.laatste{
        margin-bottom:0
    }
    .steps-overview-block._2,.steps-overview-block.development{
        padding-left:0
    }
    .agenda-color-block{
        padding-right:30px;
        padding-left:30px
    }
    .agenda-heading{
        font-size:13px
    }
    .page-overlay-temp{
        position:fixed;
        left:0;
        top:0;
        right:0;
        bottom:0;
        z-index:3000;
        background-color:#202541
    }
    .responsive-image{
        height:80px
    }
    .responsive-block{
        position:fixed;
        left:0;
        top:0;
        right:0;
        bottom:0;
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -webkit-flex-direction:column;
        -ms-flex-direction:column;
        flex-direction:column;
        -webkit-box-pack:center;
        -webkit-justify-content:center;
        -ms-flex-pack:center;
        justify-content:center;
        -webkit-box-align:center;
        -webkit-align-items:center;
        -ms-flex-align:center;
        align-items:center;
        color:#fff
    }
    .cl-klanten{
        -ms-grid-columns:1fr 1fr 1fr 1fr;
        grid-template-columns:1fr 1fr 1fr 1fr
    }
    .header-overlay.bottom-padding-overlay{
        padding-top:150px;
        padding-bottom:101px
    }
    .white-block.event-description-block{
        width:auto;
        margin-top:0
    }
    .grid-wrapper.mw-80{
        margin-top:40px
    }
    .grid-image-wrapper.mh-50{
        max-height:330px
    }
    .cover-image{
        -o-object-position:0% 50%;
        object-position:0% 50%
    }
    .purple-check{
        background-position:0 5px
    }
    .paars-block{
        padding:40px
    }
    .diensten-overzicht-grid-wrapper._1{
        border-bottom:2px solid #f5f5f5
    }
    .diensten-overzicht-icoon{
        width:50px;
        height:100%
    }
    .collection-list-7{
        -ms-grid-columns:1fr 1fr;
        grid-template-columns:1fr 1fr;
        -ms-grid-rows:auto auto;
        grid-template-rows:auto auto
    }
    .development-submenu{
        margin-top:0
    }
    .development-subpage-menu{
        margin-top:-150px
    }
    .development-left-grid-wrapper{
        margin-top:0
    }
    .development-grid-overview{
        -ms-grid-columns:1fr 1fr;
        grid-template-columns:1fr 1fr;
        -ms-grid-rows:auto auto;
        grid-template-rows:auto auto
    }
}
@media screen and (max-width:767px){
    .section,.section.line-top._2,.section.line-top._3{
        padding-right:25px;
        padding-left:25px
    }
    .section.about{
        padding-top:25px;
        padding-right:25px;
        padding-left:25px
    }
    .section.white-sec{
        padding:50px 25px
    }
    .section.white-item{
        padding-top:100px
    }
    .section.alt{
        padding-right:0;
        padding-left:0
    }
    .section.development{
        z-index:0
    }
    .cta-section{
        padding-top:50px;
        padding-right:25px;
        padding-left:25px
    }
    .hero{
        padding:120px 25px 60px;
        background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.92)),color-stop(13%,rgba(15,15,15,.86)),to(rgba(0,0,0,.21))),url("https://assets.website-files.com/5e287a9bec3994671dd56ff2/5e4c02499fcdd756f3493563_austin-distel-wD1LRb9OeEo-unsplash.jpg");
        background-image:linear-gradient(90deg,rgba(0,0,0,.92),rgba(15,15,15,.86) 13%,rgba(0,0,0,.21)),url("https://assets.website-files.com/5e287a9bec3994671dd56ff2/5e4c02499fcdd756f3493563_austin-distel-wD1LRb9OeEo-unsplash.jpg");
        background-position:0 0,50% 50%;
        background-size:auto,cover
    }
    .hero.contact{
        padding-bottom:100px
    }
    .about-grid{
        -ms-grid-columns:1fr;
        grid-template-columns:1fr
    }
    .bg-tilt-item.inside._2{
        display:none
    }
    .bg-tilt-item._2{
        display:none;
        margin-right:auto;
        margin-left:auto
    }
    .bg-tilt-item._2._3{
        display:none
    }
    .bg-tilt-item.development-bg{
        display:none;
        margin-right:auto;
        margin-left:auto
    }
    .contact-grid{
        -ms-grid-columns:1fr;
        grid-template-columns:1fr
    }
    .button.blog{
        position:relative
    }
    .alt-section.footer.top-line{
        padding-right:25px;
        padding-bottom:110px;
        padding-left:25px
    }
    .nav-divider-circle{
        display:none
    }
    .footer-nav-wrapper{
        display:block;
        width:auto
    }
    .company-info-title{
        font-size:12px
    }
    .company-block-title{
        margin-bottom:10px
    }
    .subpage-header-title.medium-large._2{
        line-height:40px
    }
    .subtitle-wrapper._0{
        max-width:none;
        margin-bottom:10px
    }
    .subtitle-wrapper.incompany{
        max-width:none;
        padding-right:25px;
        padding-left:25px
    }
    .company-info-content-wrapper.with-logo._2{
        margin-bottom:-83px
    }
    .large-image-section{
        padding-top:50px;
        padding-right:20px;
        padding-left:20px;
        background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(22,24,37,.59)),to(rgba(22,24,37,.59))),url("https://assets.website-files.com/5e287a9bec3994671dd56ff2/5e4bc031fcfa92f3278681dd_3.jpg");
        background-image:linear-gradient(180deg,rgba(22,24,37,.59),rgba(22,24,37,.59)),url("https://assets.website-files.com/5e287a9bec3994671dd56ff2/5e4bc031fcfa92f3278681dd_3.jpg");
        background-position:0 0,100% 100%;
        background-size:auto,cover
    }
    .button-wrapper.respon{
        display:none
    }
    .page-sub-nav-block.development-diensten-wrapper,.page-sub-nav-block.in-header{
        position:relative;
        bottom:0;
        width:auto
    }
    .nav-menu{
        border-top:1px solid #e4e4e4;
        background-color:#fff
    }
    .dropdown-toggle{
        margin-left:25px
    }
    .dropdown-toggle.w--open{
        border-bottom-style:none
    }
    .nav-link-3{
        padding-right:25px;
        padding-left:25px
    }
    .nav-link-3.dropdown{
        display:block;
        height:auto;
        padding:20px 0;
        background-image:url("https://assets.website-files.com/5e287a9bec3994671dd56ff2/5e96dd06d11928294f4edf28_Dropdown.svg");
        background-position:95% 30px;
        background-size:9px;
        background-repeat:no-repeat
    }
    .dropdown-list.w--open{
        position:relative;
        margin-top:0;
        margin-bottom:-20px
    }
    .intro-column-left{
        padding-right:25px;
        padding-left:25px
    }
    .hero-text-block{
        width:auto
    }
    .hero-text-block._3{
        width:auto;
        margin-top:0;
        margin-bottom:20px;
        float:none
    }
    .hero-text-block.cms-respon{
        width:100%
    }
    .hero-title{
        width:auto;
        font-size:34px
    }
    .hero-paragraph{
        width:auto;
        font-size:19px
    }
    .hero-paragraph.opleidingen-paragraph{
        font-size:15px;
        line-height:28px
    }
    .slider{
        height:230px;
        font-size:14px
    }
    .bottom-footer-text-2{
        display:inline-block;
        margin-top:5px;
        margin-bottom:4px;
        margin-left:0
    }
    .afix-logo{
        margin-top:0
    }
    .footer-grid{
        width:250px;
        justify-items:start;
        -ms-grid-columns:1fr;
        grid-template-columns:1fr
    }
    .footer-col-item,.footer-col-item._2,.footer-col-item._3{
        width:100%
    }
    .sub-nav-title-2{
        font-size:23px
    }
    .block-icon-2{
        height:38px
    }
    .page-sub-nav{
        margin-top:10px
    }
    .page-sub-nav.contact{
        top:0;
        max-width:none;
        float:none
    }
    .samenwerking-grid-2{
        width:100%;
        justify-items:end;
        -webkit-box-align:center;
        -webkit-align-items:center;
        -ms-flex-align:center;
        align-items:center
    }
    .sub-nav-link{
        padding-top:25px;
        padding-bottom:25px
    }
    .quote-name-wrapper{
        text-align:center
    }
    .subpage-hero.development,.subpage-hero.over{
        padding-right:25px;
        padding-left:25px
    }
    .subpage-hero.blog{
        padding-right:25px;
        padding-left:25px;
        background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(22,24,37,.49)),to(rgba(22,24,37,.49))),url("https://assets.website-files.com/5e287a9bec3994671dd56ff2/5e4c02499fcdd756f3493563_austin-distel-wD1LRb9OeEo-unsplash.jpg"),-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.5)));
        background-image:linear-gradient(180deg,rgba(22,24,37,.49),rgba(22,24,37,.49)),url("https://assets.website-files.com/5e287a9bec3994671dd56ff2/5e4c02499fcdd756f3493563_austin-distel-wD1LRb9OeEo-unsplash.jpg"),linear-gradient(180deg,rgba(0,0,0,.5),rgba(0,0,0,.5));
        background-position:0 0,0 0,0 0;
        background-size:auto,cover,auto
    }
    .item-block{
        -ms-grid-columns:1fr 1fr 1fr;
        grid-template-columns:1fr 1fr 1fr
    }
    .item-block-content{
        border-bottom-style:none
    }
    .item-block-content-text-bot{
        font-size:12px
    }
    .faq-wrapper{
        width:100%
    }
    .breadcrumb-section{
        padding-left:25px
    }
    .color-content-block.white.cms{
        margin-top:0
    }
    .color-content-block.white.intro{
        position:relative;
        width:auto;
        margin-top:30px
    }
    .collection-list-4{
        -ms-grid-columns:1fr;
        grid-template-columns:1fr
    }
    .usp-large-description{
        margin-top:20px
    }
    .cms-page-overlay{
        padding-right:25px;
        padding-left:25px
    }
    .cms-grid,.cms-grid.first{
        -ms-grid-columns:1fr;
        grid-template-columns:1fr
    }
    .basic-section.dark-section{
        padding:50px 25px
    }
    .quote-wrapper{
        background-image:url("https://assets.website-files.com/5e287a9bec3994671dd56ff2/5e68c4607c7882abc5146a47_002-left-quote.svg"),url("https://assets.website-files.com/5e287a9bec3994671dd56ff2/5e68c460e3a01a0ee378f3b9_001-right-quote-sign.svg");
        background-position:0 0,100% 40%;
        background-size:40px,40px;
        background-repeat:no-repeat,no-repeat;
        font-size:14px
    }
    .partners-grid{
        justify-items:end;
        -ms-grid-columns:1fr;
        grid-template-columns:1fr;
        -ms-grid-rows:auto auto;
        grid-template-rows:auto auto
    }
    .collection-list-5.academy{
        -ms-grid-columns:1fr 1fr;
        grid-template-columns:1fr 1fr
    }
    .block-column{
        height:auto
    }
    .link-content-block._3{
        padding-top:24px;
        padding-bottom:24px
    }
    .link-content-block.development{
        padding-top:30px;
        padding-bottom:30px
    }
    .grid{
        -ms-grid-columns:1fr 1fr;
        grid-template-columns:1fr 1fr
    }
    .academy-grid{
        -ms-grid-columns:1fr;
        grid-template-columns:1fr
    }
    .agenda-color-block{
        margin-top:30px;
        padding-top:30px;
        padding-bottom:30px
    }
    .hero-heading{
        width:auto
    }
    .hero-paragraph-2{
        width:auto;
        font-size:19px
    }
    .page-overlay-temp{
        position:fixed;
        left:0;
        top:0;
        right:0;
        bottom:0;
        z-index:3000;
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -webkit-flex-direction:row;
        -ms-flex-direction:row;
        flex-direction:row;
        -webkit-box-pack:center;
        -webkit-justify-content:center;
        -ms-flex-pack:center;
        justify-content:center;
        -webkit-box-align:center;
        -webkit-align-items:center;
        -ms-flex-align:center;
        align-items:center;
        background-color:#202541
    }
    .responsive-image{
        height:50px
    }
    .responsive-block{
        position:relative;
        left:0;
        top:0;
        right:0;
        bottom:auto;
        display:block;
        max-width:75%;
        color:#fff;
        text-align:center
    }
    .grid-2{
        -ms-grid-columns:1fr;
        grid-template-columns:1fr
    }
    .small-rtb,.small-rtb p{
        font-size:13px
    }
    .menu-button{
        color:#4939f3
    }
    .menu-button.w--open{
        background-color:transparent;
        color:#161825
    }
    .text-link-show{
        display:none
    }
    .text-link-dropdown{
        display:block
    }
    .request-form-wrapper,.section-heading-center{
        width:auto
    }
    .event-summary-text{
        margin-bottom:16px
    }
    .blog-block{
        display:block;
        height:auto;
        padding-left:0;
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -webkit-flex-direction:row;
        -ms-flex-direction:row;
        flex-direction:row
    }
    .event-text-wrapper{
        padding-right:0
    }
    .blog-title-link{
        margin-top:16px
    }
    .event-item-image{
        position:relative;
        left:0;
        top:0;
        right:0;
        bottom:auto;
        width:100%;
        height:200px;
        margin-bottom:10px
    }
    .header-overlay.bottom-padding-overlay{
        padding-right:25px;
        padding-left:25px
    }
    .white-block.event-description-block{
        padding:31px 35px
    }
    .blog-about{
        margin-bottom:20px
    }
    .footer-social-wrapper{
        margin-top:20px;
        -webkit-box-pack:center;
        -webkit-justify-content:center;
        -ms-flex-pack:center;
        justify-content:center
    }
    .two-column-grid{
        grid-row-gap:24px;
        -ms-grid-columns:1fr;
        grid-template-columns:1fr
    }
    .grid-wrapper.mw-80{
        margin-top:0
    }
    ._2-3-grid{
        grid-row-gap:24px;
        -ms-grid-columns:1.25fr;
        grid-template-columns:1.25fr
    }
    ._1-3-grid{
        -ms-grid-columns:1fr;
        grid-template-columns:1fr
    }
    .paars-block{
        padding:32px
    }
    .development-diensten-section{
        padding-top:50px;
        padding-right:25px;
        padding-left:25px
    }
    .diensten-overzicht-grid-wrapper{
        padding:32px
    }
    .diensten-overzicht-header{
        font-size:24px
    }
    .diensten-overzicht-icoon{
        height:100%
    }
    .development-grid{
        -ms-grid-columns:1fr;
        grid-template-columns:1fr
    }
    .dpm-section{
        padding-top:32px
    }
    .development-submenu{
        display:none
    }
    .development-subpage-menu{
        margin-top:10px
    }
    .sticky-inhoudsopgave{
        position:static
    }
    .inhoudsopgave-titel{
        display:none
    }
    .overflow-scroll{
        position:relative;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -webkit-flex-direction:column;
        -ms-flex-direction:column;
        flex-direction:column;
        -webkit-box-pack:center;
        -webkit-justify-content:center;
        -ms-flex-pack:center;
        justify-content:center;
        -webkit-box-align:center;
        -webkit-align-items:center;
        -ms-flex-align:center;
        align-items:center
    }
    .inhoudsopgave-link{
        display:inline-block;
        width:100%;
        margin-bottom:0;
        -webkit-box-pack:start;
        -webkit-justify-content:flex-start;
        -ms-flex-pack:start;
        justify-content:flex-start;
        border-radius:0;
        text-align:center
    }
    .inhoudsopgave-link:hover{
        padding-left:12px;
        color:#4b90f8
    }
    .inhoudsopgave-nummer{
        width:auto
    }
    .inhoudsopgave-section-title{
        text-align:left
    }
    .right-column-wrapper{
        display:none
    }
}
@media screen and (max-width:479px){
    .section.line-top._2{
        padding-bottom:50px;
        border-bottom:1px solid #ececec
    }
    .section.about{
        padding-top:0
    }
    .section.white.utility{
        padding-right:0;
        padding-left:0
    }
    .section.white-item{
        padding-top:408px
    }
    .cta-section.cms{
        background-image:-webkit-gradient(linear,left top,right top,from(#4939f3),to(hsla(0,0%,100%,0))),-webkit-gradient(linear,left top,left bottom,from(#4939f3),to(#4939f3));
        background-image:linear-gradient(90deg,#4939f3,hsla(0,0%,100%,0)),linear-gradient(180deg,#4939f3,#4939f3);
        background-position:0 0,0 0;
        background-size:auto,auto
    }
    .hero{
        padding-bottom:75px
    }
    .about-grid{
        -webkit-box-pack:start;
        -webkit-justify-content:start;
        -ms-flex-pack:start;
        justify-content:start;
        justify-items:start;
        -webkit-box-align:start;
        -webkit-align-items:start;
        -ms-flex-align:start;
        align-items:start;
        grid-column-gap:20px
    }
    .button.lees-meer.odd.w--current{
        font-size:10px
    }
    .button.lees-meer.color{
        margin-right:10px;
        font-size:10px
    }
    .button.lees-meer._2{
        font-size:11px
    }
    .alt-section.footer.top-line{
        padding-bottom:140px
    }
    .company-logo-wraper{
        display:none
    }
    .company-block-title{
        margin-bottom:12px;
        line-height:29px
    }
    .company-content-block._2{
        padding-right:12px;
        padding-left:12px
    }
    .subpage-header-title.medium-large{
        font-size:29px
    }
    .subpage-header-title.medium-large.white{
        font-size:24px;
        line-height:44px
    }
    .subpage-subtitle-wrapper{
        -ms-grid-columns:1fr;
        grid-template-columns:1fr
    }
    .subpage-header-subtitle{
        width:100%;
        max-width:none;
        font-size:17px;
        line-height:28px
    }
    .subtitle-wrapper._2{
        width:100%;
        max-width:none
    }
    .company-info-content-wrapper.with-logo._2{
        width:100%;
        padding-right:20px;
        padding-left:20px
    }
    .stats-title{
        height:auto;
        font-size:15px;
        line-height:17px
    }
    .stats-main-title{
        font-size:23px;
        line-height:30px
    }
    .development-left-wrapper{
        text-align:left
    }
    .block-wrapper{
        width:100%
    }
    .page-sub-nav-block.development-diensten-wrapper,.page-sub-nav-block.in-header{
        width:auto
    }
    .nav-link-3.dropdown{
        padding-bottom:20px
    }
    .intro-column-left.padding-data{
        padding-right:0;
        padding-left:0
    }
    .hero-title{
        font-size:40px
    }
    .hero-title.sub{
        font-size:30px;
        line-height:50px
    }
    .hero-title.sub.docent{
        font-size:26px
    }
    .hero-paragraph{
        font-size:16px;
        line-height:29px
    }
    .slider{
        height:380px
    }
    .slide-1{
        padding-right:41px;
        padding-left:41px
    }
    .footer-symbol-link{
        float:none
    }
    .bottom-footer-text-2{
        display:inline-block;
        margin-left:2px
    }
    .afix-logo{
        margin-top:0;
        float:none
    }
    .company-items{
        -ms-grid-columns:1fr 1fr;
        grid-template-columns:1fr 1fr
    }
    .block-icon-2.contact{
        left:12px
    }
    .page-sub-nav{
        margin-top:15px
    }
    .sub-nav-link.contact{
        padding-right:42px;
        padding-left:75px
    }
    .subpage-hero.utility.small{
        padding-top:70px;
        padding-bottom:70px
    }
    .subpage-hero.opleidingen{
        height:600px;
        padding-bottom:0
    }
    .item-block{
        -ms-grid-columns:1fr;
        grid-template-columns:1fr
    }
    .milestone-block{
        margin-bottom:20px;
        padding-left:70px
    }
    .faq-title{
        padding-right:5px
    }
    .faq-item{
        padding-right:30px;
        padding-left:30px
    }
    .large-utility-wrapper{
        margin-top:20px;
    }
    .breadcrumb-section{
        text-align:center
    }
    .contactform-text-field.respon{
        margin-bottom:9px
    }
    .subpage-intro-paragraph{
        font-size:15px
    }
    .color-content-block{
        padding:30px 25px
    }
    .color-content-block.white{
        padding:25px 26px
    }
    .color-content-block.white.respon{
        padding-right:20px;
        padding-left:20px;
        text-align:center
    }
    .docenten-full-item-grid{
        height:250px
    }
    .docenten-image{
        max-width:100%
    }
    .docenten-image._2{
        height:240px
    }
    .docent-paragraph{
        font-size:13px
    }
    .usp-large-description{
        margin-top:20px;
        padding-left:0
    }
    .cms-page-overlay{
        padding-bottom:114px
    }
    .large-docent-bg{
        height:210px;
        margin-top:50px
    }
    .large-docent-image{
        height:270px
    }
    .collection-list-5,.collection-list-5.academy{
        -ms-grid-columns:1fr;
        grid-template-columns:1fr
    }
    .image-text-wrapper{
        padding-right:0;
        padding-left:0
    }
    .block-paragraph{
        text-align:left
    }
    .link-block-title{
        font-size:16px
    }
    .link-content-block.first{
        text-align:left
    }
    .link-content-block._3{
        padding-left:0
    }
    .link-block-2:hover{
        box-shadow:none
    }
    .button-wrapper-opleidingsinformatie{
        padding-left:21px;
        background-image:none;
        background-position:0 0;
        background-size:auto;
        background-repeat:repeat
    }
    .recensie-text{
        font-size:13px
    }
    .grid{
        -ms-grid-columns:1fr 1fr;
        grid-template-columns:1fr 1fr
    }
    .step-overview-title{
        font-size:17px;
        line-height:29px
    }
    .step-item-block{
        padding-left:70px
    }
    .step-item-block._2{
        padding-left:61px
    }
    .company-item-block-2{
        padding:20px
    }
    .startdatum{
        color:#9fa7b5
    }
    .text-link{
        font-size:13px
    }
    .hero-heading{
        font-size:41px;
        line-height:59px
    }
    .hero-paragraph-2{
        font-size:17px
    }
    .overlay-wrapper{
        font-size:11px
    }
    .about-col{
        padding-right:0;
        padding-left:0
    }
    .small-rtb p{
        font-size:14px
    }
    .bel-mij-terug-form{
        -ms-grid-columns:1fr;
        grid-template-columns:1fr
    }
    .cl-klanten{
        -ms-grid-columns:1fr 1fr;
        grid-template-columns:1fr 1fr
    }
    .text-field{
        border-top:1px solid #dbdbdb;
        border-left:1px solid #dbdbdb;
        border-right-style:solid;
        border-right-color:#dbdbdb
    }
    .request-form{
        -ms-grid-columns:1fr;
        grid-template-columns:1fr
    }
    .rtb{
        font-size:15px;
        line-height:26px
    }
    .blog-title-link{
        font-size:22px
    }
    .white-block.event-description-block{
        width:auto
    }
    .grid-wrapper{
        text-align:left
    }
    .hoe-werkt-novalinq-step-title{
        font-size:17px;
        line-height:29px
    }
    .paars-block{
        padding:30px 25px
    }
    ._2-column-list{
        -webkit-column-count:1;
        column-count:1
    }
    .diensten-overzicht-grid-wrapper._1{
        border-right-width:0
    }
    .diensten-overzicht-icoon{
        width:50px;
        height:100%
    }
    .collection-list-7{
        -ms-grid-columns:1fr;
        grid-template-columns:1fr;
        -ms-grid-rows:auto auto auto auto;
        grid-template-rows:auto auto auto auto
    }
    .development-subpage-menu{
        margin-top:15px
    }
    .sticky-inhoudsopgave{
        margin-top:48px
    }
    .overflow-scroll{
        height:100vh
    }
    .hero-image.hero-home{
        -o-object-position:3% 40%;
        object-position:3% 40%
    }
    .development-left-grid-wrapper{
        text-align:left
    }
    .development-grid-overview{
        -ms-grid-columns:1fr;
        grid-template-columns:1fr;
        -ms-grid-rows:auto auto auto auto;
        grid-template-rows:auto auto auto auto
    }
}

/* rmarkdown */
.collapse-trigger {
    cursor: pointer;
    transition: color 0.1s ease-in-out;
}

.collapse-trigger:hover {
    color: #4939f3 !important;
    color: var(--sig1, #4939f3);
}

.collapse-trigger::before {
    display: inline-block;
    width: 1em;
    content: '\25BE';
}

.closed > .collapse-trigger::before {
    content: '\25B8'
}

.collapsible {
    transition: max-height 0.15s cubic-bezier(1, 0, 1, 0);
    -webkit-transition: max-height 0.15s cubic-bezier(1, 0, 1, 0);
}

.closed {
  transition: max-height 0.15s cubic-bezier(0, 1, 0, 1);
  -webkit-transition: max-height 0.15s cubic-bezier(0, 1, 0, 1)
}

.level2{
  padding-top:12px;
  padding-bottom:24px;
  padding-left:0;
  padding-right:0;
}

.level3{
  padding-top:24px;
  padding-bottom:24px;
  padding-left:0;
  padding-right:0;
}
.rmd p{
  margin-bottom:0px;
  margin-top:12px;
}

.rmd h2{
  color:#4939F3;
}

.rmd h3{
  font-size: 1.5em;
  line-height: 1em;
  margin-bottom: 1em;
}

li {
    margin-left: 0;
    margin-right: 0;
    line-height:24px;
}

li > p {
    margin-left: 0;
}

code {
    background-color: var(--sur2, #e6e6e6);
    color: #161825;
    color: var(--on_sur, #161825) !important;
    padding-left: .25em;
    padding-right: .25em;
    padding-bottom: 0.05em;
    border-radius: 0.125em;
}