@font-face {
    font-family: "CircularStd-Black";
    src: url("../fonts/CircularStd-Black.woff2") format("woff2")
}

@font-face {
    font-family: "CircularStd-Bold";
    src: url("../fonts/CircularStd-Bold.woff2") format("woff2")
}

@font-face {
    font-family: "CircularStd-Book";
    src: url("../fonts/CircularStd-Book.woff2") format("woff2")
}

@font-face {
    font-family: "CircularStd-Medium";
    src: url("../fonts/CircularStd-Medium.woff2") format("woff2")
}

@font-face {
    font-family: "Sabon";
    src: url("../fonts/sabon.woff2") format("woff2");
}@font-face {
    font-family: "Sabon_Bold";
    src: url("../fonts/sabon-bold.woff2") format("woff2");  }
@font-face {
    font-family: "Sabon_Italic";
    src: url("../fonts/sabon-italic.woff2") format("woff2");  }
@font-face {
    font-family: "Sabon_Regular";
    src: url("../fonts/sabon-regular.woff2") format("woff2");
}

html{
    scroll-behavior: smooth;}
h1, h2, h3, h4, h5, h6, span, p, a, select, li, td, th, option, form input, label {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;}
p, a, select, li, td, th, option, form input, label {
    font-family: 'Sabon_Bold', sans-serif;}
h3{
    font-family: 'Sabon_Regular', sans-serif!important;}
h1, h2, h4, h5, h6 {
    font-family: 'CircularStd-Bold', sans-serif;}
h1, h1 span, .change_font h2{
    font-size: 68px!important;
    line-height: 72px;
    margin: 0 0 .5em;
    padding: 0;
    font-weight: 900;
    max-width: 600px;
    position: relative;}
h1:before{
    content: url("../IMAGES/h1_before.svg");
    position: absolute;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    left: -55px;
    top: 0px;}
h1.project_titel:before{
    display: none;
}
.home_header_title h1:after{
    content: unset;}
.home_header_title h1{
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;}
h2 , h2 span, h1.project_titel{
    font-size: 32px!important;
    line-height: 40px;
    margin: 0 0 .5em;
    padding: 0;
    font-weight: 900;}
.change_font h2{
    max-width: unset;
}
h3 , h3 span{
    font-size: 26px!important;
    line-height: 36px;}
h3.post_intro{
    color: #3987A2;
    max-width: 750px;
    font-weight: 300;
}
.speerpunt h3{
    font-size: 22px;
    line-height: 26px;
}
h4 , h4 span{
    font-size: 18px!important;
    line-height: 18px;
    font-weight: 600;}
h5{}
h6{
    font-size: 12px!important;
    line-height: 35px;}
p, li{
    font-size: 16px!important;
    line-height: 30px;}
/*h2:after, .pagina h1:after{
    content: url("../IMAGES/title-line-blue.svg");
    bottom: 0;
    position: relative;}*/
:focus{
    outline: none!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
}
a:hover{
    color: #318fb5;
    text-decoration: underline;}
a{
    color: #318fb5;}
.relative{
    position: relative;
}
/*.white{
    color: #fff;}*/
.black{
    color: #000;}
.bluee{
    color: #318fb5;}
.center{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    border: 1px solid rgba(255, 255, 255, 0.00);
    -webkit-text-fill-color: #000000;
    -webkit-box-shadow: 0 0 0px 0px rgba(0, 0, 0, 0) inset;
    -webkit-transition: background-color 5000s ease-in-out 0s;
    -o-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s;
}
.footer_link a{
    text-decoration: underline!important;}
#linkto {
    height: 1px;
    top: 700px;
    position: absolute;
}

.no_header{
    padding-top: 180px!important;
}
.no_header.type-project{
    padding-top: 111px!important;
}
.fixed_header {
    position: fixed!important;
    height: 100vh!important;
    padding: 250px 0!important;
    background-size: cover!important;
    background-position: center center!important;
    overflow: hidden!important;
    width: 100%!important;
    z-index: 300!important;
    background: #bebebe!important;
}
.plate--container {
    position: relative;
    max-width: none!important;
    padding-left: 16%;
    padding-right: 16%;
    z-index: 0;}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    padding-right: 0px;
    padding-left: 0px;}
/* ------------- */


/* Knoppen */
.knoppen{
    background: #318fb5;
    border: 1px solid #318fb5;
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
    border-radius: 0;
    font-size: 16px;
    padding: 2.5px 18px 5.5px;
    letter-spacing: 2px;
    display: inline-block;
    text-align: center;}
.knoppen:hover{
    background: rgba(255, 255, 255, 0.00);}
.knoppen p, .knoppen input{
    letter-spacing: 1px;
    margin-bottom: 0px;
    color: #fff;
    font-weight: 400;
    font-family: 'CircularStd-Book', sans-serif!important;}
.knoppen:hover p, .knoppen:hover input{
    color: #318fb5}
.home_header_inner .knoppen{
    background: rgba(255, 255, 255, 0.00);
    border: 1px solid white;
    margin-top: 50px;}
.home_header_inner .knoppen:hover{
    background: #318fb5;
    border: 1px solid #318fb5;}
.home_header_inner .knoppen:hover p, .home_header_inner .knoppen:hover input{
    color: rgb(255, 255, 255);}
.knoppen input{
    border: none;
    background-color: rgba(255, 255, 255, 0.00);}
#Polygon_1 path.arrow{
    fill: #308db2;}
svg:hover #Polygon_1 path.arrow{
    fill: #23527c;}
#Polygon_1 path.arrow.white{
    fill: #000;
    cursor: not-allowed;}

.next_next svg{
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);}
.prev svg{
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);}
.google-maps{
    margin-top: 0px;
}
#maps-container:before{
    content: '';
    width: 120%;
    height: 603px;
    -webkit-transform: rotate(-11deg) translate(-10%, -435px);
    -ms-transform: rotate(-11deg) translate(-10%, -435px);
    transform: rotate(-11deg) translate(-10%, -435px);
    position: absolute;
    z-index: 401;
    background: white /*linear-gradient(191deg, rgba(255, 255, 255, 0.00), rgba(255, 255, 255, 0.00) 50%, #ffffff 50%, #ffffff)*/;

}

.adresgegevens{
    padding-left: 30px;
    position: relative;}
.adresgegevens span{
    position: relative;}
.adresgegevens span svg{
    position: absolute;
    height: 20px;
    width: 17px;
    left: -30px;
    top: -1px;}
.adresgegevens span.email a {
    color: unset;
}
.adresgegevens span.email:hover a {
    color: #318fb5;}
.adresgegevens span.email:hover svg{
    color:  #318fb5;
}

/*.adresgegevens .adres:before{
    content: url("../IMAGES/adressmarker.svg");}
.adresgegevens .telefoonnummer:before{
    content: url("../IMAGES/tel.svg");}
.adresgegevens .email:before{
    content: url("../IMAGES/envelope.svg");
    color: #318fb5;}*/

/* images */
.image_element{
    position: relative;
    min-width: 200px;
}
.image_element.crop{
    overflow: hidden;
}
.image_element.crop:after{
    content: '';
    position: absolute;
    background: white;
    width: 107%;
    -webkit-transform: rotate(-11deg);
    -ms-transform: rotate(-11deg);
    transform: rotate(-11deg);
    height: 170px;
    left: 0;
    bottom: -100px;
}
.header_intro{
    z-index: 10;
    color: rgb(255, 255, 255);
    text-align: center;
    padding: 0 26%;
    margin-bottom: 100px;
}
/* sticky element */

.sticky-element{
    height: auto;
    width: 69px;
    position: fixed;
    bottom: 50%;
    z-index: 1000;
    left: 85%;
    background: rgba(255, 255, 255, 0.00);
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
    border-radius: 50px;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    padding: 10px;
    margin-left: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;}
.sticky-element .contact_icon{
    position: relative;
    margin-bottom: .5rem;
    display: block;
    display: flex;
    align-items: center;}
/*.sticky-element .contact_icon:hover {
    background: transparent;
    text-decoration: none;}*/
.sticky-element .contact_icon:hover .cta-text {
    width: auto;
    right: 30px;
    opacity: 1;}
.sticky-element .contact_icon .cta-text {
    font-size: 1rem;
    position: absolute;
    right: 15px;
    white-space: nowrap;
    background: #000;
    padding: 5px 40px 5px 20px;
    z-index: -2;
    overflow: hidden;
    color: #fff;
    width: 0;
    opacity: 0;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    top: 10px;}
.white.sticky-element p, .white.sticky-element p a  {
    color: black;}
.whatsapp_icon a, .call_icon a{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}
/*.whatsapp_icon a:hover, .call_icon a:hover{
    opacity: .8;
}*/
.whatsapp_icon:hover{
    background-color: #4cee67;
}
.call_icon:hover{
    background-color: #3987A2;
}
.sticky-element p a{
    padding: 0!important;
    margin-top: 15px!important;
    text-decoration: underline;
}
.gm-style .gm-style-iw-c{
    border-radius: 0!Important;
}
.markerWindow{
    padding: 50px;
}
.call_icon{
    display: block!important;
}
.sticky-element .whatsapp_icon, .sticky-element .call_icon{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 50px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 25px;
    border-radius: 50%;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    width: 100%;
}
.call_icon svg{
    width: 18px;
}
.sticky-element.fixed_sticky .whatsapp_icon, .sticky-element.white .whatsapp_icon{
    background: #4cee67;}
.sticky-element.fixed_sticky .call_icon, .sticky-element.white .call_icon {
    background: #3987A2;
    margin-bottom: 10px!important;}
.call_icon{
    margin-bottom: 10px!important;
}

.sticky-element.fixed_sticky .whatsapp_icon, .sticky-element.fixed_sticky .call_icon {
    margin-bottom: 10px;}
.sticky-element.fixed_sticky{
    background: #ffffff;
    -webkit-box-shadow: 1px 4px 10px 6px rgba(184, 184, 184, 0.10);
    box-shadow: 1px 4px 10px 6px rgba(184, 184, 184, 0.10);}
.sticky-element p, .sticky-element p a {
    padding: 20px 5px;
    max-height: 260px;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -webkit-text-orientation: sideways;
    text-orientation: sideways;
    font-family: "Sabon",sans-serif;
    color: #ffffff;
    text-shadow: none;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-bottom: 0px;
    display: none;}
.sticky-element span{
    font-family: "Sabon",sans-serif;
}
.sticky-element span a{
    display: inline-block;
    color: #ffffff;
}
.sticky-element .sticky-image:before {
    position: absolute;
    content: '';
    height: 72px;
    width: 72px;
    background: rgba(255, 255, 255, 0.00);
    left: -1px;
    z-index: -1;
    border-radius: 50%;
    bottom: -1px;
}
.sticky-element.fixed_sticky p, .sticky-element.fixed_sticky p a {
    color: #000;}
.sticky-element.fixed_sticky .sticky-image{
    height: 50px;
    width: 50px;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.sticky-element .sticky-image{
    height: 50px;
    width: 50px;
    -webkit-transform: scale(1.4);
    -ms-transform: scale(1.4);
    transform: scale(1.4);
    border-radius: 100%;
    background-size: cover;

    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;}
/* Homeheader */
.home_header_wrapper {
    position: relative;
    height: 947px;
    padding: 275px 0;
    background-size: cover;
    background-position: center center;
    overflow: hidden;}
.header_intro h3{
    max-width: 700px;
    margin: 0 auto;
}
.home_header_wrapper.for_post {
    position: relative;
    min-height: 700px;
    height: auto;
    padding: 210px 0 400px 0;
}
.home_header_wrapper .paragraph p{
    font-size: 26px!important;
    line-height: 32px;
    margin-bottom: 55px;}
.home_header_wrapper:after {
    position: absolute;
    height: 500px;
    width: 130%;
    right: 0;
    bottom: -250px;
    left: -10%;
    content: '';
    background-color: rgb(255, 255, 255);
    -webkit-transform: rotate(11deg);
    -ms-transform: rotate(11deg);
    transform: rotate(11deg);
    z-index: 2;
    -webkit-box-shadow: 9px -8px 10px rgba(0, 0, 0, 0.11);
    box-shadow: 9px -8px 10px rgba(0, 0, 0, 0.11);}
.home_header_wrapper .overlay{
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0) -o-linear-gradient(182deg, rgb(4, 10, 15), rgba(8, 31, 39, 0.87) 100%) 0% 0% no-repeat padding-box;
    background: rgba(255, 255, 255, 0) -o-linear-gradient(182deg, rgb(4, 10, 15) 0%, rgba(8, 31, 39, 0.87) 100%) 0% 0% no-repeat padding-box;
    background: rgba(255, 255, 255, 0) linear-gradient(268deg, rgb(4, 10, 15) 0%, rgba(8, 31, 39, 0.87) 100%) 0% 0% no-repeat padding-box;
    z-index: 0;
    top: 0px;}
.home_header_wrapper .overlay_2{
    position: absolute;
    height: 450px;
    width: 100%;
    bottom: -160px;
    background: rgba(255, 255, 255, 0.00) -o-linear-gradient(349deg, rgba(57, 135, 162, 0.00) 0%, #3987A2 100%) 0% 0% no-repeat padding-box;
    background: rgba(255, 255, 255, 0.00) linear-gradient(101deg, rgba(57, 135, 162, 0.00) 0%, #3987A2 100%) 0% 0% no-repeat padding-box;
    -webkit-transform: rotate(-10deg) translateX(27%);
    -ms-transform: rotate(-10deg) translateX(27%);
    transform: rotate(-10deg) translateX(27%);}
.home_header_image:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    background-color: rgba(0,0,0,.7);}
.home_header_image_2{
    position: absolute;
    background: #318fb5;
    width: 100%;
    height: 500px;
    bottom: -278px;
    left: -10vw;
    -webkit-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);
    overflow: hidden;}
.home_header_image_2 .image_inner{
    position: absolute;
    height: 100%;
    width: 60%;
    background-size: cover;
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
    top: calc(-100px + -3vw);
    left: 0vw;
    background-position: center center;}
.home_header_image_2 .image_inner:before{
    content: ' ';
    position: absolute;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center center;
    background-color: rgba(41, 121, 153, 0.90);
}
.home_header_image_3 {
    position: absolute;
    background: rgba(255, 255, 255, 0.00);
    width: 30%;
    height: 100%;
    right: 9%;
    bottom: 0%;
    z-index: 4;}
.home_header_image_3 .image_inner {
    background-size: contain;
    background-position: center center;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    background-repeat: no-repeat;}
.home_header_wrapper .home_header_inner{
    z-index: 1;
    position: relative;
    width: 100%;}
.home_header_wrapper .home_header_title{
    width: 40%;
}
.page_404{
    color: white;
}
/* footer */
.footer_image.overlay{
    background: rgba(11, 115, 157, 0.89);
    z-index: 1;}
.footer{
    position: relative;
    min-height: 200px;
    padding: 0px 0px 50px;
    height: auto;
    overflow: hidden;
    background-color: #000000;
    background-position: center;}
#footer{
    z-index: 2;}
.form-field{
    width: 100%;
    position: relative}
.form-field p{
    line-height: 36px!important;
    margin-bottom: 30px;}
.form-field.textarea p{
    line-height: 50px!important;}
.footer .form-field{
    max-width: 276px;}
.form-field {
    display: block;
    position: relative;
    z-index: 3;
    width: 100%;}
.form-field input[type="checkbox"] {
    position: relative;
    -webkit-appearance: none;
    padding: 9px;
    width: 20px;
    height: 20px;
    margin-right: 15px;
    border: 1px solid #333333;
}
.form-field input[type="checkbox"]:checked {
    color: #99a1a7;
}
.AVG label{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;}
.AVG label a{
    color: #000000;
    text-decoration: underline;
}
.form-field input[type="checkbox"]:after {
    content: '';
    position: absolute;
    width: 16px!important;
    height: 16px!important;
    top: 1px;
    left: 1px;
    background-color: rgba(255, 255, 255, 0.00);

    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.form-field input[type="checkbox"]:checked:after {
    background-color: #333333;
}

.form-field--is-active .form-field__control::after {
    color: #000;
    opacity: .8;
    -webkit-transform: scaleX(150);
    -ms-transform: scaleX(150);
    transform: scaleX(150);}
.form-field--is-active .form-field__label {
    color: #3987A2;
    opacity: .8;
    font-size: 11px;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);}
.form-field--is-filled .form-field__label {
    font-size: 11px;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
    color: #3987A2;
    opacity: 1;
    z-index: 2;}
.form-field-container .form-field--is-active .form-field__control::after {
    -webkit-transform: scaleX(150);
    -ms-transform: scaleX(150);
    transform: scaleX(150);}
.form-field-container .form-field--is-active .form-field__label {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);}
.form-field-container .form-field--is-filled .form-field__label {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);}
.form-field__label {
    display: block;
    font-size: unset;
    font-weight: unset;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    width: auto;
    color: unset;
    opacity: .5;
    z-index: -1;
    font-family: 'CircularStd-Book', sans-serif; }
.form-field--is-active .form-field__label{
    z-index: 10;}
.form-field__control {
    background: #eee;
    border-radius: 8px 8px 0 0;
    overflow: hidden;
    position: relative;
    width: 100%;}
.form-field__control::after {
    border-bottom: 2px solid rgba(69, 87, 96, 0.48);
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    width: 1%;}
.form-field__input, .form_input select, .form_input.date input {
    border-top: 0px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.14);
    border-left: 0px;
    border-right: 0px solid;
    background: rgba(255, 255, 255, 0.00);
    width: 100%}
.form-field textarea{
    min-height: 151px;
    resize: none;
    border: none;
    background: -o-repeating-linear-gradient(rgba(0, 0, 0, 0.20)50px, rgba(255, 255, 255, 0.00) 51.5px, rgba(255, 255, 255, 0.00) 100px);
    background: repeating-linear-gradient(rgba(0, 0, 0, 0.20)50px, rgba(255, 255, 255, 0.00) 51.5px, rgba(255, 255, 255, 0.00) 100px);
    overflow: auto;
    padding-right: 16%; }
.form-field.textarea:before {
    content: '';
    background: #ffffff;
    width: 100%;
    position: absolute;
    top: 0px;
    height: 2px;
    z-index: 0;}
.form-field.textarea:after {
    content: '';
    position: absolute;
    background: #ffffff;
    height: 15px;
    bottom: 15px;
    width: 15%;
    right: 0;}
form .knoppen {
    background: #EF5939;
    border: 1px solid #EF5939;}
form .knoppen:hover {

}
form .knoppen:hover p, form .knoppen:hover input{
    color: #EF5939;
}


.footer_image {
    position: absolute;
    right: 0;
    left: 50%;
    z-index: 0;
    background: #318fb5;
    height: 100%;
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
    top: 5vw;
    width: 100%;
    background-size: cover;}
.footer_image_2 {
    position: absolute;
    background: #000000;
    width: 200%;
    height: 100%;
    top: 17vw;
    left: -40vw;
    -webkit-transform: rotate(13deg);
    -ms-transform: rotate(13deg);
    transform: rotate(13deg);
    overflow: hidden;
    background-size: cover;
    z-index: 3}
.footer_image_2:before{
    content: ' ';
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,.8);
    z-index: 2;}
.footer_image_2 .image_inner_2 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);}
.footer_inner{
    z-index: 3;
    position: relative;
    width: 100%;
    bottom: 0px}
.formfield {
    position: relative;}
.formfield label{
    webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    font-family: "Open Sans";
    font-size: 15px;
    font-weight: 300;
    position: absolute;
    left: 20px;
    top: 25px;
    right: 0;
    letter-spacing: 1px;
    color: #fff;}
.copyright a, .copyright p{
    color: rgb(255, 255, 255);
    font-size: 12px!important;
    font-family: 'CircularStd-Book', sans-serif!important;}
.copyright {
    position: relative;
    bottom: 0;
    width: 100%;
    margin-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    z-index: 4;}
/* p */
.paragraph.flex div{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.paragraph{
    -webkit-column-gap: 55px;
    -moz-column-gap: 55px;
    column-gap: 55px;
}
/* Projecten */

.project_wrapper{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;}
.project_header h3{
    color: #3987A2;}
.project_wrapper .carousel:after {
    content: '';
    height: 250px;
    background: white;
    left: 0px;
    bottom: -130px;
    width: 120%;
    position: absolute;
    -webkit-transform: rotate(-11deg) translateX(-75px);
    -ms-transform: rotate(-11deg) translateX(-75px);
    transform: rotate(-11deg) translateX(-75px);}
/*.carousel{
    position: relative;}*/
.project_wrapper_right{
    position: relative;
    background-color: #ffffff;
    width: 50%;
    padding: 0px 60px 110px 16%;}
.project_wrapper_right.project_header{
    padding: 100px 60px 0px 16%;}
.project_wrapper_left{
    position: relative;
    padding: 0px!important;
    width: 50%;}
.project_wrapper .project_titels{
    margin-bottom: 50px;}
.project_wrapper .plate--container{
    padding-left: 0;
    padding-right: 0;}
.single_image .flickity-page-dots{
    display: none!important;}
.project_wrapper_left.project_header {
    padding: 140px 16% 0px 60px;}
/*.project_wrapper .project_wrapper_left .project, .project_wrapper .project_wrapper_right .project {
    padding: 60px 0 0 0;}*/
.project_wrapper .project_wrapper_left.project_header .project, .project_wrapper .project_wrapper_right.project_header .project {
    padding: 0px 0 0 0;}
.project_wrapper .project{
    overflow: hidden;
    position: relative;}
.show_shadow{
    height: 200px;
    position: absolute;
    background: rgba(255, 255, 255, 0.00) -o-linear-gradient(top, #FFFFFF 0%, rgba(255, 255, 255, 0.00) 100%) 0% 0% no-repeat padding-box;
    background: rgba(255, 255, 255, 0.00) -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(rgba(255, 255, 255, 0.00))) 0% 0% no-repeat padding-box;
    background: rgba(255, 255, 255, 0.00) linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.00) 100%) 0% 0% no-repeat padding-box;
    width: 120%;
    LEFT: -10%;
    z-index: 1;}
.project .image{
    width: 100%;
    height: auto;
    position: relative;}
.next-prev-post{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;}
.next-prev-post .btn-prevnext{
    padding-right: 10px;}
.vertical{
    position: relative;}
.vertical .type{
    text-align: right;
    position: relative;
    font-size: 25px;
    font-weight: 900;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;}
.image.slider .flickity-prev-next-button.previous {
    right: 44px;
    left: unset; }
.image.slider .flickity-button:hover {
    background: #fff;
    cursor: pointer;}
.image.slider .flickity-prev-next-button {
    top: unset;
    bottom: 14px;
    width: 44px;
    height: 44px;
    border-radius: 0;
    -webkit-transform: translateY(-0%);
    -ms-transform: translateY(-0%);
    transform: translateY(-0%);}
.image.slider .flickity-button {
    position: absolute;
    background: hsl(0, 0%, 0%);
    border: none;
    color: #333;}
.bag-black{
    background-color: black;}
.image.slider .carousel-nav .flickity-slider{
    /*   transform: translateX(0%)!important;*/
}
.image.slider .flickity-prev-next-button.next {
    right: 0%;}
.type:before{
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    margin-top: -1px;
    content: '';
    height: 3px;
    width: 100%;
    background: #318fb5;
    z-index: 0;}
.type .inner {
    position: relative;
    background: #fff;
    padding-left: 10px;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;}
.type a{
    z-index: 1;}
.type a .back{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #ffffff;
    padding-right: 10px;
    color: #000000}
.type .inner span{
    padding-right: 30px;
    width: 100%;}
.projectenoverzicht{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;}
.projecten .projectenoverzicht{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 0px 0px 0px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;}
.projecten .projectenoverzicht .carousel-cell/*, .projectenoverzicht .carousel-cell*/{
    margin-bottom: 80px;
    position: relative}
.project .projectenoverzicht .carousel-cell{
    width: 46%;
    margin-right: 8%;}
.projecten .projectenoverzicht .carousel-cell:nth-child(2n){
    margin-right: 0;}
.menu.menu-open{
    background-color: black}
.lockScroll{
    overflow: hidden;}
/*.projecten {
    padding-top: 60px;}*/
#section-projecten .plate--container:before {
    content: '';
    position: absolute;
    left: 0%;
    width: 16%;
    height: 100%;
    background: rgba(255, 255, 255, 0.00);
    z-index: 5;}
#section-projecten .plate--container:after {
    content: '';
    position: absolute;
    right: 0%;
    width: 16%;
    height: 100%;
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0.00), rgba(255, 255, 255, 0.74) 50%, rgb(255, 255, 255) 100%);
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.00)), color-stop(50%, rgba(255, 255, 255, 0.74)), to(rgb(255, 255, 255)));
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.00), rgba(255, 255, 255, 0.74) 50%, rgb(255, 255, 255) 100%);
    z-index: 5;
    top: 0;}
.projecten_slider.footerproject{
    padding: 100px 0 100px 0;}
/*.projecten_slider.overzicht{
    padding: 10px 0 10px 0;}*/
.projecten_slider .titels{
    margin-bottom: 30px;
}
.projecten_slider .carousel-cell{
    margin-bottom: 0;
}
.projectenoverzicht .carousel-cell:after {
    content: '';
    background: #ffffff;
    position: absolute;
    bottom: -81px;
    width: 105%;
    height: 130px;
    -webkit-transform: rotate(10deg) translateX(-16px);
    -ms-transform: rotate(10deg) translateX(-16px);
    transform: rotate(10deg) translateX(-16px);
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;}
.projectenoverzicht .carousel-cell:hover:after{
    height: 140px;
}
.project_footer {
    margin-top: 170px;
}
#section-projecten .plate--container{
    overflow: hidden;
}
/*.projectenoverzicht{
    display: flex;
    position: relative;
    justify-content: space-between;
    padding: 0 0px 0px 0px }*/
.projectenoverzicht .carousel-cell{
    width: 47%;
    min-height: 350px;
    height: auto;
    margin-right: 6%;
    background: #ffffff;
    z-index: 1;
    /* overflow: hidden;*/
    border-radius: 0%;
    padding-top: 300px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;}

.projectenoverzicht .carousel-cell .full-link{
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    border-top: 0px solid #ffffff;
    border-left: 28px solid #ffffff;
    border-right: 28px solid #ffffff;
    -webkit-transform: scaleX(1.1);
    -ms-transform: scaleX(1.1);
    transform: scaleX(1.1);
}
.projectenoverzicht .carousel-cell:hover .full-link{
    border-top: 15px solid #ffffff;
    border-left: 43px solid #ffffff;
    border-right: 43px solid #ffffff;

}
/*
.projectenoverzicht .carousel-cell{
position: relative;}*/
.projecten_slider .flickity-viewport{
    overflow: visible;
}
.carousel-cell.is-selected{
    z-index: 5;
}

.image.slider .carousel-cell.is-selected {
    margin-top: 0px;}
.image.slider .carousel-cell {
    width: 100%;
    height: calc(100% - 14px);
    margin-right: 10px;
    /*    background: #8C8;*/
    border-radius: 0px;
    counter-increment: carousel-cell;
    background-position: center center;}
.image.slider .is-fullscreen .flickity-viewport{
    height: 80vh;
    margin: 0 auto;
}
.image.slider .overlay{
    height: 100%;
    width: 100%;
    background: rgba(57, 135, 162, 0.73);
    position: absolute;
    z-index: 12;
    top: 100%;
    left: 0%;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.image.slider .swiped .overlay{
    height: 100%;
    width: 100%;
    position: absolute;
    background: rgba(57, 135, 162, 0.73);
    z-index: 12;
    top: 0%;
    left: 0%;}

.image.slider .carousel.flickity-enabled.is-fullscreen{
    background-color: black;
    z-index: 2000;
    padding: 30px 0 50px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;}
.project_wrapper_left .carousel.is-fullscreen .flickity-page-dots {
    text-align: center;
    padding: 0 16% 0 16%;}

.project_wrapper_left .project .carousel-cell .carousel-image{
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;}
.is-fullscreen .carousel-cell .carousel-image{
    width: auto;
    height: 100%;
}
.project_wrapper_left .project .is-fullscreen .carousel-cell .carousel-image{
    -o-object-fit: cover;
    object-fit: cover;
    width: auto;
    height: unset;
    max-height: 100%;}
.image.slider .is-fullscreen .flickity-prev-next-button{
    top: 50%;
    bottom: unset;
    display: none;
    background: hsla(0, 0%, 100%, 0.75);}
.image.slider .is-fullscreen .flickity-prev-next-button.next{
    right: 20px;
}
.image.slider .is-fullscreen .flickity-prev-next-button.previous{
    right: unset;
    left: 20px;}
.image.slider .is-fullscreen .flickity-prev-next-button.previous{
    right: 20px;}
.project_wrapper_left .project .is-fullscreen .carousel-cell{
    height: 80vh;
    max-width: 100%;
    overflow: hidden;
    min-width: 50%;
    background: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: unset;
    opacity: .2;
    margin-right: 3%}
.project_wrapper_left .project .is-fullscreen .carousel-cell.is-selected{
    visibility: visible;
    opacity: 1;}
.project_wrapper_left .carousel.is-fullscreen .flickity-page-dots .dot.is-selected{
    background: rgba(255, 255, 255, 0.00)!important;
}

.project_show {
    margin-top: -127px;}
.project h1 {
    -webkit-box-align: unset;
    -ms-flex-align: unset;
    align-items: unset;}
.image.slider .carousel{
    width: 100%;
    background: rgba(255, 255, 255, 0.00);}
.project .image.high {
    width: 100%;
    height: 814px;}
.image.slider .flickity-viewport {
    height: 700px;}
.image.slider .projectenoverzicht .carousel-cell:nth-child(2){
    margin-top: 1000px ;}
.image.slider .carousel-nav .carousel-cell {
    height: 145px;
    width: 200px;}
.image.slider .carousel-nav .carousel-cell.is-nav-selected {
    background: #ED2;}
/* SLIDERS */
.carousel{
    width: 100%;
    margin: 0 auto;}
.carousel-cell {
    width: 30%;
    height: 210px;
    margin-right: 3.33%;
    background: #318fb5;
    border-radius: 5px;
    z-index: -1;}
/*.carousel-cell.is-selected{
    margin-top: 23px;}*/
.flickity-viewport{
    height: 300px;}
.flickity-page-dots {
    display: none;}
.project_wrapper_left .carousel .flickity-page-dots {
    display: block;
    position: absolute;
    width: 100%;
    bottom: 0px;
    margin: 0;
    list-style: none;
    text-align: end;
    line-height: 1;
    background: rgba(255, 255, 255, 0.00);
    padding: 0 32% 0 16%;
    Z-INDEX: 3;}
.project_wrapper_left .carousel .flickity-page-dots .dot:nth-last-child(1){
    margin-right: 0;}
.project_wrapper_left .carousel .flickity-page-dots .dot{
    margin-bottom: 5px;
}
.project_wrapper_left .carousel .flickity-page-dots .dot.is-selected{
    width: 22px;
    height: 22px;
    background: white;
    border: 4px solid #3987a2;
    margin-bottom: 0px;
}

.flickity-prev-next-button.next {
    right: -3%;}
.flickity-prev-next-button.previous {
    left: -3%;}
.carousel-cell_image{
    background-size: cover;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    overflow: hidden;
    background-position: center center;}
.carousel-cell_text {
    z-index: 24;
    bottom: 0;
    margin-top: 0px;
    position: relative;
    min-height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;}
.carousel-cell_text p{
    margin-bottom: 0;
    line-height: 20px;
    max-width: 215px;
    font-family: 'CircularStd-Book', sans-serif;}
.full-link{
    position: absolute;
    width: 100%;
    height: calc(100% + 100px);
    background: rgba(255, 255, 255, 0.00);
    z-index: 21;
    top: 0;
    left: 0;}
.footer_upper{
    position: relative;
    height: 500px;
    background: -o-linear-gradient(280.8deg, rgba(255, 255, 255, 0.00) 50%, #000 50%);
    background: linear-gradient(0.47turn, rgba(255, 255, 255, 0.00) 50%, #000 50%);
    z-index: 1}
#footer:before{
    content: '';
    background: rgba(255, 255, 255, 0.00) -o-linear-gradient(191deg, rgba(57, 135, 162, 0.00) 0%, #3987A2 80%, #3987A2 100%) 0% 0% no-repeat padding-box;
    background: rgba(255, 255, 255, 0.00) linear-gradient(259deg, rgba(57, 135, 162, 0.00) 0%, #3987A2 80%, #3987A2 100%) 0% 0% no-repeat padding-box;
    height: 500px;
    width: 63%;
    position: absolute;
    -webkit-transform: rotate(10deg) translate(-185px, 150px);
    -ms-transform: rotate(10deg) translate(-185px, 150px);
    transform: rotate(10deg) translate(-185px, 150px);
    top: 0;}
.wow{
    visibility: hidden;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .wow{
        visibility: visible!important;}
    .nav_link.dropdown:hover .dropdown-menu{
        display: block!important;
        background-color: rgba(0, 0, 0, 0.83);}
    .menu .dropdown-item p{
        color: #ffffff!important;}
    .menu .nav_link a{
        color: #ffffff!important;
    }
    .menu{
        background-color: rgb(0, 0, 0) !important;}
    .sticky-element p, .sticky-element p a{
        display: none;
    }
    .projectenoverzicht .carousel-cell::after {
        content: '';
        background: #ffffff;
        position: absolute;
        bottom: -50px;
        width: 100%;
        height: 130px;
        left: 0;
        -webkit-transform: rotate(0deg) translateX(0px)!important;
        -ms-transform: rotate(0deg) translateX(0px)!important;
        transform: rotate(0deg) translateX(0px)!important;}
    .sticky-element{
        background: #ffffff!important;
        -webkit-box-shadow: 1px 4px 10px 6px rgba(184, 184, 184, 0.10);
        box-shadow: 1px 4px 10px 6px rgba(184, 184, 184, 0.10);}
    .whatsapp_icon{
        background: #4cee67!important;}
    .sticky-element .sticky-image{
        -webkit-transform: scale(1)!important;
        -ms-transform: scale(1)!important;
        transform: scale(1)!important;
    }
}
#footer{
    position: relative;}
.footer .knoppen {
    background: rgba(255, 255, 255, 0.00);
    border: 1px solid #EF5939;
    min-width: 180px;}
.footer .knoppen:hover{
    background: #EF5939;}
.footer .knoppen:hover p{
    color: #ffffff;}
.knoppen a:hover{
    text-decoration: none!important;
}
.footer{
    position: relative;
    overflow: hidden}
.footer .footer_content{
    max-width: 550px;
    width: 70%;
    margin: 0 auto;
    padding-bottom: 200px;}
.footer .footer_content .paragraph{
    margin-bottom: 60px;}
.footer:after{
    content: '';
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 100%;
    background: rgba(255, 255, 255, 0.00) -o-linear-gradient(349deg, rgba(57, 135, 162, 0.00) 0%, #3987A2 100%) 0% 0% no-repeat padding-box;
    background: rgba(255, 255, 255, 0.00) linear-gradient(101deg, rgba(57, 135, 162, 0.00) 0%, #3987A2 100%) 0% 0% no-repeat padding-box;
    height: 300px;
    -webkit-transform: rotate(-10deg) translate(0px, 280px);
    -ms-transform: rotate(-10deg) translate(0px, 280px);
    transform: rotate(-10deg) translate(0px, 280px);}
.carousel-cell .show{
    text-align: right;
    margin-top: 10px}
.carousel-cell .show span{
    opacity: 0;
    -webkit-transition: opacity .25s .15s ease-in-out;
    -o-transition: opacity .25s .15s ease-in-out;
    transition: opacity .25s .15s ease-in-out;
    margin-top: 10px;
    font-family: 'Open Sans', sans-serif!IMPORTANT;}
.carousel-cell:hover .show span{
    opacity: 1;}
.carousel-cell:hover .show span:after {
    -webkit-transition: width .25s .2s ease-in-out;
    -o-transition: width .25s .2s ease-in-out;
    transition: width .25s .2s ease-in-out;
    width: 3em;}
.carousel-cell:hover .show span:after {
    margin-left: 1em;}
.carousel-cell .show span:after {
    -webkit-transition: width .25s ease-in-out;
    -o-transition: width .25s ease-in-out;
    transition: width .25s ease-in-out;
    content: '';
    display: inline-block;
    height: 3px;
    width: 0;
    background-color: #fff;
    margin: 0 -20px 3px 0;}
.carousel-cell .show span:after {
    -webkit-transition: margin-left .25s .25s ease-in-out,color .25s ease-in-out;
    -o-transition: margin-left .25s .25s ease-in-out,color .25s ease-in-out;
    transition: margin-left .25s .25s ease-in-out,color .25s ease-in-out;
    color: #fff;}
.carousel-cell:hover p {
    text-decoration: underline;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;}
.carousel-cell .carousel-cell_image:after {
    background-color: rgba(0,0,0,.7);
    /* z-index: 59; */}
.carousel-cell:hover .carousel-cell_image:after {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 5;}
.carousel-cell .carousel-cell_image:after {
    position: absolute;
    left: 0;
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    -webkit-transform: translateY(110%);
    -ms-transform: translateY(110%);
    transform: translateY(110%);
    background-color: rgba(0,0,0,.7);
    z-index: 10;
    opacity: 0;
    display: none;}
.carousel-cell .carousel-cell_image:after, .impression:after {
    top: 0;
    bottom: 0;
    right: 0;
    content: '';}
/* referentie */
h3.referentie i:before, h3.referentie i:after {
    position: relative;
    content: '"';
    letter-spacing: 2px;
    display: inline-block;
    font-size: 45px;
    line-height: 40px;}
.referentieafbeelding{
    width: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px}
.referentieafbeelding .afbeelding{
    height: 100px;
    width: 100px;
    border-radius: 50%;
    background-color: #ffffff;
    background-size: cover;
    background-position: center center;}
.referentieoverzicht h3.referentie{
    font-weight: 100;}
.referentieoverzicht p{
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-top: 30px;}
.content .titels{
    margin-bottom: 70px;
    /*padding-top: 100px;*/}
.post_title{
    margin-bottom: 30px;}
/*.pagina p{
    font-size: 15px;
    line-height: 20px;
    color: rgb(255, 255, 255);
    font-family: "Open Sans";
    font-weight: 300;}*/
/* menu */
.speerpunt img{
    height: 22px;
    margin-bottom: 10px;}
.speerpunt h3{
    color: #3987A2;
    max-width: 750px;
    font-weight: 300;}
.speerpunt {
    padding-right: 30px;
}
.scheidingsrand{
    position: relative;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 75px;
    height: 5px;
    background: black;
}

.total-main-content{
    padding-top: 0px;
    background-color: rgba(255, 255, 255, 0.00);}
.menu{
    position: fixed;
    z-index: 1000;
    width: 100%;
    padding: 30px 16%;
    background-color: rgba(255, 255, 255, 0.00);
    -webkit-transition: all .5s ease ;
    -o-transition: all .5s ease ;
    transition: all .5s ease ;}
.menu.fixed_menu{
    position: fixed!important;
}
.menu.nthome{
    background-color: rgba(255, 255, 255, 0.00);
    position: fixed;}
.menu.nthome.white{
    background: #ffffff;
    /*  position: relative;*/}
.menu.nthome.white .nav_link a{
    color: #000000;}
.menu.fixed_menu{
    padding: 10px 16%;
    background-color: #000;}
.navbar {
    padding: 0rem 0rem;}
.navbar-brand .logo{
    width: 300px;
    height: 23px;
    background-repeat: no-repeat;}
.nav_link {
    position: relative;
    margin-left: 35px;}
.nav_link:nth-last-child(1) a{
    padding-right: 0!important;}
.nav_link a{
    font-family: 'CircularStd-Bold', sans-serif;
    margin-bottom: 5px;
    /*   text-transform: uppercase;*/
    color: #fff;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;}
.nav_link .dropdown-menu a{
    font-family: 'Sabon', sans-serif;
    padding: 0px 20px;}
.fixed_menu .nav_link .dropdown-menu a{
    color: #000000;}
.nav-item:hover .nav-link, .nav-item:hover i.fa.fa-caret-down.dropdown-icon {
    color: #23527c!important;}
.nav_link .active a, .nav-item.active:hover a{
    color: #318fb5;}
.nav_link a:before{
    content: '';
    position: absolute;
    top: auto;
    right: 12px;
    bottom: 7px;
    left: 12px;
    -webkit-transition: border .1s ease-in-out;
    -o-transition: border .1s ease-in-out;
    transition: border .1s ease-in-out;
    border-top: 0px solid #318fb5;
    display: none;}
.nav_link .active a:before{
    border-top: 2px solid #318fb5;}
h3.referentie{
    font-size: 35px;
    line-height: 50px;}
.navbar-toggler-icon{
    width: 21px;
    height: 21px;}
.navbar-toggler .bar {
    width: 100%;
    height: 3px;
    border-radius: 20px;
    margin-bottom: 2px;
    -webkit-transition: all 100ms ease-in-out;
    -o-transition: all 100ms ease-in-out;
    transition: all 100ms ease-in-out;
    background-color: #ffffff;}
.menu .bars {
    margin-top: 0;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;}
.menu.menu-open .navbar-toggler .bar{
    margin-bottom: 5px;}
.menu.menu-open .bar.bar-1 {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-top: 10px;
    width: 100%;
    background-color: #ffffff;}
.menu.menu-open .bar.bar-3 {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-top: -16px;
    width: 100%;
    background-color: #ffffff;}
i.fa.fa-caret-down.dropdown-icon {
    color: #318fb5;}
.white .dropdown-menu, .fixed_menu .dropdown-menu{
    margin: 0;
    background: #FFFFFF;
    border-radius: 0;
    border: 1px solid black;
    left: -20px;}
.dropdown-menu{
    margin: 0;
    background: rgba(255, 255, 255, 0.00);
    border-radius: 0;
    border: 1px solid white;
    left: -20px;
    color: #ffffff;}
.dropdown-item .text-lowercase{
    line-height: 20px;
    margin-bottom: 0}
.dropdown-item .text-lowercase:first-letter{
    text-transform: uppercase;}
.dropdown-item{
    position: relative;}
.dropdown-item p{
    color: rgb(255, 255, 255);
    margin-bottom: 0;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;}
.fixed_menu .dropdown-menu p, .white .dropdown-menu p{
    color: #000;}
.dropdown-item:hover p{
    padding-left: 15px;}
.dropdown-item:hover{
    background: rgba(255, 255, 255, 0.00);
    padding-left: 0}
.nav_link p:before{
    content: '';
    height: 1px;
    width: 0px;
    background: #318fb5;
    position: absolute;
    top: 14px;
    left: 20px;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;}
.nav_link p:hover:before{
    width: 5px;}
.dropdown-item:hover p{
    color: #ffffff;}
.fixed_menu .dropdown-item:hover p, .white .dropdown-menu p{
    color: #000000;}
.menu.menu-open .bar-2 {
    opacity: 0;}
.image.slider.high .carousel-nav .flickity-viewport {
    height: 214px!important;}
.carousel-nav .flickity-prev-next-button{
    display: none;}
/* sections */
.section-content.divider, .section-content.divider_reverse{
    padding-bottom: 300px;
}
.section-content.divider:after, .section-content.divider_reverse:after {
    content: '';
    position: absolute;
    height: 1px;
    width: 80%;
    background: #D8D8D8;
    margin: 0 10%;}
.image.slider .flickity-prev-next-button {
    display: none;
}

.copyright_mandelo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 300px;
    border-radius: 0px;
    position: relative;
    bottom: 0;
    background: rgba(255, 255, 255, 0.00);
    padding: 0px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    z-index: 20;
    margin-bottom: 1rem;
    margin-left: 10px;
}

.copyright #Group_1{
    height: 20px;
    width: 20px;
}
.copyright svg path{
    fill: rgba(255, 255, 255, 0.51)!important;
    fill-opacity: 1;
}
#Nunc_dictum_et_ligul path {
    fill: rgba(255, 255, 255, 0.50);}

#mandelo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    text-decoration: none;
}

#mandelo svg.text {
    position: relative;
    margin-top: 3px;
    width: 200px;
    opacity: 0;
    margin-left: 10px;
    -webkit-transition: ease-in .3s;
    -o-transition: ease-in .3s;
    transition: ease-in .3s;
}

#mandelo svg.text.swiped {
    position: relative;
    opacity: 1;
}

#mandelo.animate svg.text:before {
    height: 0;
}

.call_icon{
    display: block;
}
.section-content.divider:after{
    -webkit-transform: rotate(-8deg) translateY(150px);
    -ms-transform: rotate(-8deg) translateY(150px);
    transform: rotate(-8deg) translateY(150px);}
.section-content.divider_reverse:after{
    -webkit-transform: rotate(8deg) translateY(150px);
    -ms-transform: rotate(8deg) translateY(150px);
    transform: rotate(8deg) translateY(150px);}

.footer_content h3{
    color: #ffffff;}

/*.image.slider .carousel-cell:after {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0px;
    background: rgba(0, 0, 0, 0.00);
    z-index: 2;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    top: 100%;}
.image.slider .carousel-cell:hover:after {
    background: rgba(57, 135, 162, 0.73);
    top: 0%;}*/
/*
.image.slider .flickity-fullscreen-button.flickity-fullscreen-button-view .flickity-button-icon{
    transform: scale(2) translate(10px, 10px);
}
*/
.is-flickity-fullscreen .sticky-element, .is-flickity-fullscreen .menu, .is-flickity-fullscreen .show_shadow{
    -webkit-transition: all 0.0s ease;
    -moz-transition: all 0.0s ease;
    -ms-transition: all 0.0s ease;
    -o-transition: all 0.0s ease;
    transition: all 0.0s ease;
    display: none;}
.is-flickity-fullscreen .project_wrapper_left{
    position: fixed;
    min-height: 100vh;
    z-index: 2000;
    width: 100%;
    left: 0px;
    top: 0px;}

@media screen and (min-width: 2200px) {
    .home_header_wrapper:after {
        bottom: -460px;
        height: 700px;
        -webkit-transform: rotate(6deg);
        -ms-transform: rotate(6deg);
        transform: rotate(6deg);
    }

    .home_header_wrapper .overlay_2 {
        -webkit-transform: rotate(-5deg) translateX(27%);
        -ms-transform: rotate(-5deg) translateX(27%);
        transform: rotate(-5deg) translateX(27%);
    }

    #footer:before{
        height: 600px;
        -webkit-transform: rotate(6deg) translate(-185px, 150px);
        -ms-transform: rotate(6deg) translate(-185px, 150px);
        transform: rotate(6deg) translate(-185px, 150px);
    }
}
@media screen and (min-width: 1920px) {
    .projectenoverzicht .carousel-cell:after{
        -webkit-transform: rotate(7deg) translateX(-16px);
        -ms-transform: rotate(7deg) translateX(-16px);
        transform: rotate(7deg) translateX(-16px);
    }
    .footer_upper {
        background: -o-linear-gradient(277.2deg, rgba(255, 255, 255, 0.00) 50%, #000 50%);
        background: linear-gradient(0.48turn, rgba(255, 255, 255, 0.00) 50%, #000 50%);
    }
    .project_wrapper .carousel:after{
        -webkit-transform: rotate(-8deg) translateX(-75px);
        -ms-transform: rotate(-8deg) translateX(-75px);
        transform: rotate(-8deg) translateX(-75px);
    }
}

@media screen and (min-width: 991px) and (min-height: 500px) and (max-height: 1920px){
    .project_wrapper_left .project .carousel-cell {
        height: 80vh!important;
        margin-bottom: 0;
    }
}

@media screen and (max-width: 1500px) {
    .plate--container, #section-projecten .plate--container:before, #section-projecten .plate--container:after, .project_wrapper_right, .project_wrapper_right.project_header, .project_wrapper_left, .project_wrapper_left.project_header, .menu, .menu.fixed_menu,  .project_wrapper_left, .project_wrapper_right, .project_wrapper_left.project_header, .project_wrapper_right.project_header{
        padding-left: 10%;
        padding-right: 10%;
    }
    .sticky-element {
        left: 90%;
        padding-left: 10px;
    }
    #section-projecten .plate--container:before, #section-projecten .plate--container:after{
        width: 10%;
        padding: 0!important;
    }

}

@media screen and (max-width: 1200px) {
    .sticky-element .whatsapp_icon, .sticky-element .call_icon{
        background-color: #318fb5;
    }
    .nav_link {
        position: relative;
        margin-left: 10px;
    }
}

@media screen and (max-width: 991px){
    #project_slider .flickity-fullscreen-button{
        opacity: 1;
        width: 50px;
        height: 50px;}
    #project_slider.flickity-enabled.is-fullscreen .flickity-fullscreen-button-exit{
        opacity: 1;
        width: 40px;
        height: 40px;
        top: 15px;
        right: 15px;
    }
    .flickity-slider{
        position: relative!important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .navbar-toggler{
        padding-right: 0px;
    }
    .menu.menu-open{
        background: white!important;
    }
    .menu.menu-open .navbar-toggler .bar{
        background-color: #318fb5;
    }
    .nav_link a{
        color: #000!important;
    }
    .dropdown-item p{
        color: #000000!important;
    }
    li.nav_link:nth-child(1) .nav-item {-webkit-animation-delay: .0s;animation-delay: .0s}
    li.nav_link:nth-child(2) .nav-item {-webkit-animation-delay: .06s;animation-delay: .06s}
    li.nav_link:nth-child(3) .nav-item {-webkit-animation-delay: .12s;animation-delay: .12s}
    li.nav_link:nth-child(4) .nav-item {-webkit-animation-delay: .18s;animation-delay: .18s}
    li.nav_link:nth-child(5) .nav-item {-webkit-animation-delay: .24s;animation-delay: .24s}
    li.nav_link:nth-child(6) .nav-item {-webkit-animation-delay: .30s;animation-delay: .30s}
    li.nav_link:nth-child(7) .nav-item {-webkit-animation-delay: .36s;animation-delay: .36s}
    li.nav_link:nth-child(8) .nav-item {-webkit-animation-delay: .42s;animation-delay: .42s}


    .project_wrapper_right.project_header{
        padding-top: 50px;
    }
    .navbar .logo {
        vertical-align: unset;
        border-style: none;
        width: 175px;}
    .menu-open .navbar .logo {
        background-repeat: no-repeat;
        background-image: url(../IMAGES/logo_mobile.svg) !important;}
    .project_wrapper_left {
        position: relative;
        background-color: #ffffff;}
    .formfield{
        width: 100%;
        max-width: unset;}
    /*.projectenoverzicht .carousel-cell:nth-child(3n) {
        display: none;}*/
    .project .projectenoverzicht .carousel-cell:nth-child(3n) {
        display: block;}
    .projectenoverzicht .carousel-cell:nth-child(3n + 2) {
        margin-top: 0px;}
    .projectenoverzicht .carousel-cell {
        margin-bottom: 100px}
    .nav_link a {
        text-align: left;}
    .menu.nthome, .menu.fixed_menu {
        background-color: black;}
    .navbar-collapse{
        visibility: hidden;
        height: 0;}
    .navbar-collapse.show {
        visibility: visible;
        min-height: 100vh;
        height: auto;}
    .navbar-nav .nav-link {
        padding-right: 0;
        padding-left: 0;
        font-size: 31px;
        margin-bottom: 0;
        font-family: 'CircularStd-Book', sans-serif;
        line-height: 41px;}
    .navbar-nav{
        min-height: 100vh;
        height: auto;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding-top: 50px;}
    .white .dropdown-menu, .fixed_menu .dropdown-menu, .navbar-nav .dropdown-menu{
        background-color: rgba(255, 255, 255, 0.00);
        border: 0px solid black;
        display: block;}
    .nav_link.dropdown .dropdown-icon{
        display: none;}
    .menu-open{
        height: 100vh;
        z-index: 999999;
        overflow: hidden;}
    .navbar{
        overflow: hidden;}
    .menu-open:after{
        content: '';
        position: absolute;
        bottom: -100px;
        width: 180%;
        height: 228px;
        background: rgba(255, 255, 255, 0.00) -o-linear-gradient(349deg, rgba(57, 135, 162, 0.00) 0%, #3987A2 100%) 0% 0% no-repeat padding-box;
        background: rgba(255, 255, 255, 0.00) linear-gradient(101deg, rgba(57, 135, 162, 0.00) 0%, #3987A2 100%) 0% 0% no-repeat padding-box;
        opacity: 1;
        left: -40px;
        -webkit-transform: rotate(-11deg);
        -ms-transform: rotate(-11deg);
        transform: rotate(-11deg);}
    .project_wrapper{
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;}
    .call_icon {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important;}
    .project_wrapper_right{
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .project_wrapper_left, .project_wrapper_right, .project_wrapper_left.project_header, .project_wrapper_right.project_header {
        width: 100%;}
    .project_show hr{
        display: none;}
    .project_wrapper .project_wrapper_left .project, .project_wrapper .project_wrapper_right .project {
        padding: 0px 0 0 0;}
    .project h1{
        margin-bottom: 0;}
    .image.slider .carousel-nav .carousel-cell {
        height: 111px;
        width: 150px;}
    .image.slider.high .carousel-nav .flickity-viewport {
        height: 112px!important;}
    .project_show {
        margin-top: 0px;}
    .navbar-expand-lg .navbar-toggler {
        display: block;}
    .project_show {
        padding-top: 70px;}
    .sticky-element{
        left: unset;
        right: 20px;
        padding-left: 10px;
        bottom: 20px;
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%);
        background: #ffffff;
        -webkit-box-shadow: 1px 4px 10px 6px rgba(184, 184, 184, 0.10);
        box-shadow: 1px 4px 10px 6px rgba(184, 184, 184, 0.10);
    }
    .sticky-element p{
        display: none;}
    .sticky-element .sticky-image{
        display: none;}
    .sticky-element .whatsapp_icon{
        margin-bottom: 0px!important;
        background-color: #4cee67;
    }
    .white .navbar-toggler .bar {
        background-color: #3987a2!important;
    }

    .nav_link{
        margin-left: 0;
    }
    .home_header_image_3 {
        display: none;}
    .home_header_wrapper .home_header_title {
        width: 100%;}
    .home_header_wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;}
    #footer:before{
        -webkit-transform: rotate(10deg) translate(-50px, 190px);
        -ms-transform: rotate(10deg) translate(-50px, 190px);
        transform: rotate(10deg) translate(-50px, 190px);}
    .image_element {
        min-width: unset;}
    .footer_inner .image_element{
        max-width: 190px;}
    .project_wrapper_left .carousel .flickity-page-dots{
        bottom: 9px;
        text-align: center;
        padding: 0 16%;
    }
}

@media screen and (max-width: 768px){
    .image.slider .overlay{
        display: none;
    }
    .projectenoverzicht .carousel-cell .full-link{
        border-left: 0px solid #ffffff;
        border-right: 0px solid #ffffff;
    }
    .projectenoverzicht .carousel-cell:hover .full-link{
        border-top: 25px solid #ffffff;
        border-left: 25px solid #ffffff;
        border-right: 25px solid #ffffff;
    }
    .project_wrapper_left .project .is-fullscreen .carousel-cell{
        height: 100%;}
    .image.slider .carousel.flickity-enabled.is-fullscreen{
        padding: 50px 0px;}
    .project_wrapper_left .project .is-fullscreen .carousel-cell.is-selected{
        width: 100%;}
    .project_wrapper_left .project .is-fullscreen .carousel-cell .carousel-image {
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%;
        height: auto;
        max-height: 100%;
    }
    .content .titels {
        margin-bottom: 35px;
    }
    a, abbr, acronym, address, applet, b, big, blockquote, body, button, caption, center,
    cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, footer, form, header,
    html, i, input, iframe, img, ins, kbd, label, legend, li, link, nav, object, ol, p, pre,
    q, s, samp, section, small, span, strike, strong, sub, sup, select, table, tbody, td,
    tfoot, th, thead, title, tr, tt, textarea, text, u, ul, var, option, h1, h2, h3, h4, h5, h6 {
        letter-spacing: 0!important;}
    .copyright{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap;}
    .copyright_mandelo{
        margin-left: 0px;
    }
    .no_header {
        padding-top: 100px!important;
    }
    .no_header.type-project{
        padding-top: 60px!important;
    }
    .image.slider .is-fullscreen .flickity-viewport{
        min-height: 100vh;
        height: auto;
        padding: 50px 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .flickity-enabled.is-fullscreen .flickity-fullscreen-button-exit{
        width: 40px;
        height: 40px;
        top: 15px;
        right: 15px;}
    .project_wrapper_left .project .is-fullscreen .carousel-cell{
        height: auto;
        width: 100%;

    }
    .image.slider .flickity-viewport {
        height: 300px !important;}
    .plate--container, .project_wrapper_right, .project_wrapper_right.project_header, .project_wrapper_left, .project_wrapper_left.project_header {
        padding-left: 40px;
        padding-right: 40px;}
    #section-projecten .plate--container:before, #section-projecten .plate--container:after{
        width: 40px;}
    .show_shadow{
        height: 100px;}
    .home_header_wrapper:after {
        height: 191px;
        bottom: -115px;}
    .home_header_image_2 {
        height: 373px;
        bottom: -278px;}
    .home_header_wrapper{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;}
    .plate--column {
        min-height: 0px;}
    #section-body .section-content {
        /*padding-bottom: calc(200px / 3)!important;*/}
    #section-referenties .section-content{
        padding-bottom: 0px!important;}
    .projectenoverzicht .carousel-cell:nth-child(3n + 2){
        margin-top: 0px ;}
    .menu.fixed_menu {
        padding: 15px 40px;}
    .menu {
        padding: 15px 40px;}
    .navbar-brand .logo{
        width: 190px;}
    .total-main-content{
        padding-top: 0;}
    .project_show {
        padding-top: 70px;}
    .footer{
        padding-top: 100px;}
    .project .image {
        width: 100%;
        height: 300px;
        background-size: cover;}
    .project .image.high{
        height: 100%;}
    .footer_inner{
        bottom: 0px}
    .section-content.divider_reverse:after {
        -webkit-transform: rotate(8deg) translateY(50px);
        -ms-transform: rotate(8deg) translateY(50px);
        transform: rotate(8deg) translateY(50px);}
    .section-content.divider:after{
        -webkit-transform: rotate(-8deg) translateY(50px);
        -ms-transform: rotate(-8deg) translateY(50px);
        transform: rotate(-8deg) translateY(50px);}
    .section-content.divider:after, .section-content.divider_reverse:after {
        width: calc(100% - 20px);
        margin: unset;
        margin-left: 14px;}
    .section-content.divider, .section-content.divider_reverse {
        padding-bottom: 105px;}
    .image_element img{
        width: auto;
    }
    h1:before{
        left: -35px;
    }

    h1, .change_font h2{
        font-size: 38px!important;
        line-height: 46px;}
    h2{
        font-size: 29px!important;
        line-height: 35px;}
    h3{
        font-size: 21px!important;
        line-height: 31px;}
    h4{
        font-size: 18px!important;
        line-height: 18px;
        font-weight: 600;}
    h6{
        font-size: 12px!important;
        line-height: 35px;}
    p{
        font-size: 16px!important;
        line-height: 30px;}
}

@media screen and (max-width: 650px){
    .project_wrapper .carousel:after {
        bottom: -175px;
        -webkit-transform: rotate(-11deg);
        -ms-transform: rotate(-11deg);
        transform: rotate(-11deg);
    }
    .projectenoverzicht .carousel-cell {
        width: 100%;
        height: 350px;
        margin-bottom: 60px;}
    .paragraph {
        -webkit-columns: 1!important;
        -moz-columns: 1!important;
        columns: 1!important;
    }
    .footer .footer_content{
        width: 100%;
        padding-bottom: 100px;
    }
    .footer_upper{
        height: 135px;
    }
    #footer:before {
        -webkit-transform: rotate(10deg) translate(-50px, 75px);
        -ms-transform: rotate(10deg) translate(-50px, 75px);
        transform: rotate(10deg) translate(-50px, 75px);
        background: rgba(255, 255, 255, 0.00) -o-linear-gradient(191deg, rgba(57, 135, 162, 0.50) 0%, #3987A2 80%, #3987A2 100%) 0% 0% no-repeat padding-box;
        background: rgba(255, 255, 255, 0.00) linear-gradient(259deg, rgba(57, 135, 162, 0.50) 0%, #3987A2 80%, #3987A2 100%) 0% 0% no-repeat padding-box;
    }
    .home_header_wrapper .overlay_2{
        bottom: -300px;
    }

    .projecten .carousel-cell{
        width: 100%!important;
        margin-right: 0%!important;
        margin-left: 0%!important;
    }

    #maps-container:before{
        -webkit-transform: rotate(-11deg) translate(-0%, -435px);
        -ms-transform: rotate(-11deg) translate(-0%, -435px);
        transform: rotate(-11deg) translate(-0%, -435px);
    }

    .home_header_wrapper{
        padding: 100px 0!important;
        min-height: 100vh;
        height: auto;
    }

    #linkto {
        top: 390px;
    }

    .project_footer {
        margin-top: 0px;
    }
}

@media screen and (max-width: 520px){
    .image_element img{
        width: 100%;
    }
    .copyright{
        margin: 0;
    }

    .home_header_wrapper.for_post{
        min-height: calc(85vh - 50px);
        height: auto;
    }
}