/* MANDELO - Creative. Digital. Solutions. */
html {
    scroll-behavior: smooth;}
body{
    overflow-x: hidden;}
h1, h2, h3, h4, h5, h6{
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;}
p, a, span, select, li, td, th, option, form input, ul, textarea, label, button {
    font-size: 17px;
    line-height: 26px;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;}
a{
    color: unset;}
p.small_text{
    font-size: 12px;}
b{
    font-weight: 700;}
h1 {
    font-size: 61px;
    line-height: 71px;}
h2 {
    font-size: 61px;
    line-height: 71px;}
h3 {
    font-size: 28px;
    line-height: 38px;
    font-weight: 400;}
h4 {
    font-size: 28px;
    line-height: 38px;}
h5 {
    font-size: 21px;
    line-height: 28px;}
h6 {
    font-size: 28px;
    line-height: 40px;
    font-weight: 400;}
.fs-20{
    font-size: 20px;}
p.nsu{
    margin-bottom: 0;}
:focus{
    outline: unset!important;}
a:hover{
    color: unset;}
.overlay, .full-link-btn {
    height: 100%;
    position: absolute;
    z-index: 0;
    width: 100%;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    background-color: unset;}
.full-link-btn{
    z-index: 100;}
.relative{
    position: relative;}
/* Flex */
.fl-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;}
.fl-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;}
.fl-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;}
.fl-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;}
.fl-center-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;}
.fl-align-center{
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;}
.plate--container{
    max-width: unset!important;
    padding-right: calc(10% + 15px);
    padding-left: calc(10% + 15px);}
/*.main-content-wrapper{
    padding: 100px 0 0 0;}*/
/* navbar */
.navbar{
    z-index: 1000!important;}
/* Form */
.form_input.checkbox, .form_input.select{
    margin-bottom: 1rem;}
.form_input.select{
    min-height: 26px;}
.form_input input[type=text], .form_input input[type=date], .form_input select,  .form_input textarea{
    width: 100%;}
.form_input textarea{
    min-height: 163px;}
.checkbox-wrapper .checkbox-wrapper-inner label{
    display: flex;
    align-items: center;
    margin-right: 10px;}
.checkbox-wrapper .checkbox-wrapper-inner label span{
    margin: 0 0 0 15px ;}
input[type=date], input[type=datetime-local], input[type=month], input[type=time] {
    -webkit-appearance: button;}
.form_input .file input{}
.select select {
    padding: 4px 0px;}
.form_lines{
    position: relative;}
.form_lines.textarea{
    margin-bottom: 0.5rem;}
/* Button */
.button {
    min-width: 180px;
    min-height: 46px;
    height: auto;
    display: inline-block;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #312D2F;
    background: transparent;
    margin-bottom: 15px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;}
.button input {
    -webkit-appearance: none;
    border: 0;
    background: none;
    color: white;
    font-weight: 400;
    height: 100%;
    padding: 24px 27px 27px 27px;
    cursor: pointer;}
.button a {
    position: relative;
    width: auto;
    text-align: center;
    color: #312D2F;
    text-decoration: none;
    padding: 4px 16px;
    font-weight: 400;
    height: 100%;
    font-size: 22px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    display: flex;
    justify-content: center;
    align-items: center;}
.button a i {
    font-size: 20px;
    vertical-align: middle;}
.button a i.lft_icon { margin-right: 10px }
.button a i.right_icon { margin-left: 10px }

.button:hover, .button.hover {
    background: #312D2F;}
.button:hover a ,.button.hover a{
    color: #fefefe;}
.button.white {
    background: #fefefe;
    border: 1px solid #312D2F;}
.breed{
    width: 100%;}
.rond{
    border-radius: 10px;}
.button.only_icon{
    min-width: unset;}
.button.only_icon i{
    margin-right: 0!important;
    margin-left: 0!important;}
.button.only_icon{
    padding: 6px 13px!important;}
.button.only_icon a{
    padding: 0!important;
}
.knoppen{
    position: relative;
    display: flex;}
.knoppen.center{
    justify-content: center;}
.hoog{
    height: 74px;
    padding: 6px 16px;}
.hoog a{
    display: flex;
    justify-content: center;
    align-items: center;}
.button.dark{
    background: #312D2F;
    border: 1px solid #312D2F;}
.button.dark:hover, .button.dark.hover{
    background: #fff;
    border: 1px solid #312D2F;}
.button.dark a {
    color: #fff;}
.button.dark:hover a, .button.dark.hover a, .button.dark.form_submit:hover a input, .button.dark.form_submit.hover a input {
    color: #312D2F;}
.button.white a, .button.dark a {
    padding: 6px 16px;
    width: 100%;}
.button.white:hover, .button.white.hover{
    background: #312D2F;
    border: 1px solid #fefefe;}
.form_submit input{
    padding: 0;
    font-size: 22px}
/* Google maps */
#maps-container{
    height: 450px;}
.markerWindow svg{
    height: 20px;
    width: 20px;
    margin-right: 20px;}
.gmnoprint, .gmnoscreen, .gm-style-cc {
    visibility: hidden;}

/* Accordion */
.accordion {
    background-color: #312D2F;
    color: #fefefe;
    cursor: pointer;
    padding: 15px;
    width: 100%;
    border: none;
    text-align: left;
    font-size: 21px;
    outline: none;
    transition: 0.4s;
    position: relative;
    display: flex;
    justify-content: space-between}
.accordion.active, .accordion:hover {
    background-color: #312D2F;}
.accordion:after {
    content: '\002B';
    color: #ffffff;
    font-weight: 300;
    float: right;
    font-family: 'Fa 300', sans-serif;
    font-size: 25px;
    margin-left: 5px;
    top: 17px;}
.accordion.active:after {
    content: "\2212";}
.panel {
    padding: 0 15px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;}
.panel p{
    margin-top: 15px;}
.accordion-wrapper{
    position: relative;
    margin-bottom: 15px;}
/* speerpunten */
.speerpunt-wrapper {
    position: relative;
    width: 100%;
    margin-bottom: 15px;}
.speerpunt-wrapper .speerpunt-header,
.speerpunt-wrapper .speerpunt-body {
    position: relative;}
.speerpunt-wrapper .speerpunt-body {
    padding-left: 20px;}
.speerpunt-wrapper .speerpunt-body .tekst p {
    color: #616161;}
.speerpunt-wrapper .speerpunt-body p.intro {
    margin-bottom: 10px;}
.speerpunt-wrapper .speerpunt-icon {
    position: relative;
    width: 50px;
    height: 50px;}
.background-cover {
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;}

/* Instagram */
.insta-container {
    position: relative;
    width: 100%;}
#instafeed {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    justify-content: space-between;}
#instafeed .image-container {
    width: 23%;
    height: 0;
    padding-bottom: 23%;
    margin-bottom: 3%;
    overflow: hidden;
    position: relative;
    cursor: pointer;}
#instafeed .image {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    cursor: pointer;}

/* Gallery */
/*.gallery {
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;}
.gallery-wrapper-selected-images{
    width: 100%;
    position: relative;
    display: flex;
    flex-flow: row wrap;
}
.gallery-wrapper-selected-images .gallery-wrapper {
    width: 24%;
    margin-bottom: 20px;
    margin-right: 1.33333%;}
.gallery-wrapper-selected-images .gallery-wrapper:nth-child(4n+4) {
    margin-right: 0%;}*/
.gallery-image{
    height: 320px;
    position: relative;}
.gallery .gray {
    filter: grayscale(1);
}

/* icons */
.icons {
    display: flex;}
.background-contain{
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: contain!important;
    background-size: contain!important;}
.icon-image{
    height: 100%;
    width: 100%;
    position: relative;
    margin-bottom: 15px;}
.icons .single-icon:nth-last-child(1) .icon-wrapper{
    margin-right: 0px;}
.icon-wrapper{
    height: 40px;
    width: 40px;
    margin-right: 10px;}
.icons{
    position: relative;}
.single-icon{
    position: relative;}
.single-icon a{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;}
.single-icon:hover{
    opacity: .6;
}
/* Timeline */
.timeline {
    position: relative;
    margin: 0 auto;}
.tijditem-image-wrapper{
    height: 300px;}
.tijditem-image {
    height: 300px;
    background-position: center center;
    background-size: cover;
    width: 100%;
    /* box-shadow: -4px -12px 14px -10px #00000038; */
    margin-bottom: 20px;
    border-radius: 10px 10px 0 0;
    position: absolute;
    left: 0;
    top: 0;}
.timeline::after {
    content: '';
    position: absolute;
    width: 6px;
    background-color: #333333;
    top: 0;
    bottom: 0;
    left: 50%;
    margin-left: -3px;}
.timelinecontainer {
    padding: 10px 40px;
    position: relative;
    background-color: inherit;
    width: 50%;}
.timelinecontainer.left-item {
    padding: 10px 40px 10px 0;}
.timelinecontainer.right-item {
    padding: 10px 0px 10px 40px;}
.timelinecontainer::after {
    content: '';
    position: absolute;
    width: 25px;
    height: 25px;
    right: -12px;
    background-color: #ffffff;
    border: 4px solid #333333;
    top: 15px;
    border-radius: 50%;
    z-index: 1;}
.left-item {
    left: 0;}
.right-item {
    left: 50%;}
.left-item::before {
    content: " ";
    height: 0;
    position: absolute;
    top: 22px;
    width: 0;
    z-index: 1;
    right: 30px;
    border: medium solid #312d2f;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #312d2f;}
.right-item::before {
    content: " ";
    height: 0;
    position: absolute;
    top: 22px;
    width: 0;
    z-index: 1;
    left: 30px;
    border: medium solid #312d2f;
    border-width: 10px 10px 10px 0;
    border-color: transparent #312d2f transparent transparent;}
.right-item::after {
    left: -12px;}
.timelinecontent {
    padding: 30px 30px;
    position: relative;
    border-radius: 10px;
    box-shadow: 1px 3px 10px 0px #00000024;}

/* referentie */
.referentie-slider-wrapper .carousel {
    position: relative;
    min-height: 250px;
    background-color: #ffffff00;}
.referentie-slider-wrapper .carousel-cell {
    width: 100%;
    height: auto;
    padding: 20px 15%;
    background-color: #ffffff00;}
.referentie-slider-wrapper .ref-wrap {
    position: relative;
    display: flex;
    margin: auto;
    flex-flow: column wrap;
    width: 100%;
    text-align: center;
    padding: 15px;}
.referentie-slider-wrapper .referentieimg {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 100%;
    display: flex;
    height: 160px;
    width: 160px;
    /*box-shadow: inset 1px 1px 8px 0px #00000054;*/
    margin: 0 auto;
    margin-bottom: 20px;}
.referentie-slider-wrapper .referentie-info {
    margin: 0 auto;}

/* breadcrums */
.breadcrumbs{
    display: flex;
    flex-flow: row wrap;}
.breadcrumb_item{
    position: relative;
    margin-right: 7px;}
.breadcrumb_item a{
    margin-right: 7px;}
/* Teamleden */
.teamleden {
    display: flex;
    width: 100%;
    position: relative;
    flex-flow: row wrap;}
.teamleden .teamlid-container {
    position: relative;
    padding: 15px 15px 15px 0;}
.teamleden .teamlid-container hr {
    width: 20px;
    margin: 0 auto 0 0;}
.teamleden .teamlid-img {
    width: 100%;
    height: 400px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;}
/* secties */
.section-container{
    position: relative;
    overflow: hidden;}
.section-container.boxed{
    width: 80%;
    margin: 0 auto;}
.section-container .plate--container {
    padding-right: 15px;
    padding-left: 15px;}
.scheiding-top {
    position: absolute;
    top: -1px;
    left: 0;
    width: calc(100% + 1px);
    height: 0;
    z-index: 1;}
.scheiding-top.mount{
    top: -8px;}
.scheiding-top .separator-top {
    /* top: -1px; */
    bottom: auto;
    -webkit-transform: scale(-1);
    -moz-transform: scale(-1);
    -ms-transform: scale(-1);
    -o-transform: scale(-1);
    transform: scale(-1);}
.scheiding-bottom {
    position: absolute;
    bottom: 70px;
    left: 0;
    width: calc(100% + 1px);
    height: 0;
    z-index: 0;}
.scheiding-bottom.mount{
    bottom: 62px;}
.section-container .section-content-over-wrapper{
    display: flex;
    padding-left: 10%;
    padding-right: 10%;}
.section-container.boxed .section-content-over-wrapper{
    padding-left: 0;
    padding-right: 0;}
.section-content-wrapper{
    z-index: 10;}
.section-container .section-content-over-wrapper .image-wrapper,
.section-container .section-content-over-wrapper .section-content-wrapper{
    width: 50%;}
.section-container .section-content-over-wrapper.zonder_image .section-content-wrapper{
    width: 100%;
    z-index: 10;}
.section-container .section-content-over-wrapper .image{
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center center;}
.section-container .section-content-over-wrapper.left_image{
    flex-direction: row-reverse;}
.section-container .section-content-over-wrapper.left_image .image{
    right: 0;
    left: unset;}
.section-container .section-content-over-wrapper.background_image .section-content-wrapper{
    width: 100%;}
.section-container .section-content-over-wrapper.background_image .image-wrapper{
    width: 0%;}
.section-container .section-content-over-wrapper.background_image .image-wrapper .image{
    width: 100%;}
.scheiding-top.mount .separator-top{
    margin-left: 1px;}
.scheiding-top.bubbles {transform: rotateX(180deg) translateY(-150PX);}
.scheiding-bottom.bubbles {
    position: absolute;
    bottom: 150px;}
.divider.single_round svg{
    transform: scaleY(1.4) scaleX(1.5);}
.scheiding-top.fold,
.scheiding-top.shark_tooth,
.scheiding-top.block,
.scheiding-top.curves_small,
.scheiding-top.curves,
.scheiding-top.curves_2,
.scheiding-top.tilt,
.scheiding-top.tiny_wave,
.scheiding-top.single_round {
    transform: rotate(180deg);
    top: 70px;}
.section-content-over-wrapper .image-wrapper .image .image_overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;}

.social_media .facebook:before {
    content: '\f09a';}
.social_media .twitter:before {
    content: '\f099';}
.social_media .linkedin:before {
    content: '\f0e1';}
.social_media .instagram:before {
    content: '\f16d';}
.social_media .youtube:before {
    content: '\f16a';}
.social_media .vimeo:before {
    content: '\f27d';}

.social_media a:before {
    content: '';
    background: transparent;
    height: 60px;
    width: 60px;
    line-height: 58px;
    border-radius: 100%;
    display: inline-block;
    vertical-align: baseline;
    font-family: 'FontAwesome';
    color: white;
    /*    border: 2px solid rgba( 255,255,255, .3 );*/
    text-align: center;
    font-size: 26px;
    z-index: 2;
    position: relative;

    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;}
/* Agenda punt */
.agenda_afspraak {
    position: relative;
    width: 100%;}
.agenda_afspraak .datumblokje {
    position: relative;
    background-color: #333333;
    color: white;
    padding: 8px 15px;
    border-radius: 15px 0 0 15px;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    align-content: center;}
.agenda_afspraak .dagnummer {
    text-align: center;}
.agenda_afspraak .maandafkorting {
    text-align: center;
    text-transform: capitalize;}
.agenda_afspraak .afspraakdata {
    position: relative;
    display: flex;}
.agenda_afspraak .afspraaktijd {
    text-align: center;
    display: flex;
    justify-content: center;
    align-content: center;
    margin-right: 30px;
    border-radius: 0 15px 15px 0;
    border: #333333 1px solid;
    padding: 15px;}
.agenda_afspraak .afspraaktijd p {
    margin: auto;}
.agenda_afspraak .afspraak-info hr {
    width: 20px;
    margin: 0 auto 0 0;}
.agenda_afspraak .datumtekst {
    margin: auto;
    position: relative;
    width: 50px;}
.agenda_afspraak .agendaitem {
    width: 100%;
    position: relative;
    display: flex;
    flex-flow: row;
    margin: 10px 0;}
.agenda_afspraak .afspraak{
    position: relative;
    display: flex;
    height: 100px;}
.agenda_afspraak .agendaitem.blur{
    opacity: .2;}
/* TABLE */
table  {
    width: 100%;
    border-top: 1px solid rgb(0, 0, 0);
    border-right: 1px solid rgb(0, 0, 0);
    border-bottom: 1px solid rgb(0, 0, 0);
    border-left: 1px solid rgb(0, 0, 0);}
td, th{
    padding: 3px 15px;
    border-top: 1px solid rgb(0, 0, 0);
    border-right: 1px solid rgb(0, 0, 0);
    border-bottom: 1px solid rgb(0, 0, 0);
    border-left: 1px solid rgb(0, 0, 0);}
/* Diensten switcher */
.diensten-wrapper{
    overflow-y: hidden;}
.diensten-wrapper h4 {
    padding: 30px 0;}
.diensten-overzicht {
    width: 100%;
    position: relative;
    height: 100%;}
.dienst-namen {
    width: 20%;
    float: left;
    position: relative;
    z-index: 2;}
.dienst-titel h3 a {
    font-size: 18px;
    line-height: 45px;
    font-weight: bold;
    text-decoration: none;

    -webkit-transition: 0.3s all ease-out;
    -o-transition: 0.3s all ease-out;
    transition: 0.3s all ease-out;}
.dienst-titel.active h3 a {
    font-weight: bold;
    opacity: 1;}
.dienst.active {
    opacity: 1;
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);}
.dienst.was-active {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);}
.dienst.active .diensten-info, .dienst.active .diensten-img  {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);

    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;}
.dienst .diensten-info, .dienst .diensten-img {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: .3s all ease-out;
    -o-transition: .3s all ease-out;
    transition: .3s all ease-out;}
.dienst.was-active .diensten-info, .dienst.was-active .diensten-img {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: .3s all ease-out;
    -o-transition: .3s all ease-out;
    transition: .3s all ease-out;}
.dienst {
    width: 80%;
    float: right;
    position: absolute;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    opacity: 0;
    -webkit-transition: .3s all ease-out;
    -o-transition: .3s all ease-out;
    transition: .3s all ease-out;}
.dienst-info {
    width: 100%;
    min-height: 275px;
    position: relative;
    z-index: 1;}
.diensten-info {
    width: 50%;
    position: relative;
    height: 100%;}
.diensten-info.no-img{
    width: 100%;}
.dienst-info p {
    width: 90%;
    position: relative;}
.diensten-img {
    width: 50%;
    height: 275px;
    float: right;
    position: relative;}
.diensten-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;}
.diensten-wrapper .active{
    background: unset;}
.diensten-wrapper .active:after {
    display: none;}
.vp-center {
    background: #1199FF;}
.navbar-brand{
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
/* post item */
.items-container{
    position: relative;
    display: flex;
    flex-flow: row wrap;
    padding: 0px 0 120px 0px;}
.item_wrapper {
    position: relative;
    width: 23.5%;
    background: #ffffff;
    margin-right: 2%;
    margin-bottom: 2%;
    overflow: hidden;
    /*  border: 1px solid #000000;*/
    /*  border-radius: 12px;*/
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;}
/*.item_wrapper:hover{
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);}*/
.item_wrapper.case:hover .item_image .overlay{
    background: #ffffff;
    opacity: .5;}
.item_wrapper.case .item_image.background-contain .overlay{
    width: calc(100% + 60px);
    height: calc(100% + 60px);
    left: -30px;
    bottom: -30px;
    top: -30px;
    right: -30px;}
.item_wrapper .item_wrapper_inner{
    padding: 15px;
    color: #000000;}
.item_wrapper .item_wrapper_inner p{
    margin-bottom: 0;}
.item_wrapper .item_image{
    height: 250px;
    background-position: center center;
    background-size: cover;
    position: relative;}
/*.item_wrapper .overlay{
    z-index: 5;}*/
.item_wrapper .item_image .overlay{
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;}
/* postnavigatie */
.next-prev-post svg{
    stroke: black;
    height: 15px;}
.next-prev-post{
    display: flex;
    justify-content: space-between;
/*    height: 64px;*/
    align-items: center;
   /* border: 1px solid black;
    padding: 15px;*/
  /*  box-shadow: 3px 6px 15px -5px #27272733;*/}
.next-prev-post p{
    margin-bottom: 0px;}
.btn-prevnext .button{
    padding: 15px;
    display: flex;
    justify-content: center;
    align-items: center;}
.btn-prevnext .button:hover{
    color: white;
    text-decoration: none;}
.btn-prevnext.prev{
    margin-right: auto;}
.btn-prevnext.next{
    margin-left: auto;}

/* form */
.form-field {
    display: block;
    position: relative;
    z-index: 3;
    width: 100%;}
.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: #000;
    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);}
.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;
    font-family: unset;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    width: 100%;
    color: unset;
    opacity: .5;
    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;
    border-left: 0px;
    border-right: 0px solid;
    background: transparent;}
/* Quote */
.quote{
    position: relative;}
/* Menu element */
.menu ul.menu-list, .menu ul.menu-list ul{
    padding: 0 0 0 18px;}
.menu ul.menu-list.no_icons  {
    padding: 0 0 0 0;}
.menu .menu-list.no_icons ul, .menu .menu-list.no_icons li {
    list-style-type: none;}
/* Contact element */
.bedrijf-items .bedrijf-item i{
    margin: 0 8px 3px 0;}
.bedrijf-items a:hover {
    text-decoration: none;}
.bedrijf-items a:hover p {
    text-decoration: underline;}
/* player */
iframe#vimeo #player{
    max-width: 100%!important;}
/* Gallery */
.gallery {
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;}
.gallery-wrapper-selected-images{
    width: 100%;
    position: relative;
    display: flex;
    flex-flow: row wrap;}
.gallery-wrapper-selected-images .gallery-wrapper {
    width: 24%;
    margin-bottom: 20px;
    margin-right: 1.33333%;}
.gallery-wrapper-selected-images .gallery-wrapper:nth-child(4n+4) {
    margin-right: 0%;}
.gallery-image{
    height: 320px;
    position: relative;}
.background-cover {
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;}
.foto_container .modaal-image {
    height: auto!important;
}
.foto_container {
    width: 32%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 2%;
    margin-bottom: 2%;
}

.foto_container:nth-child(3n+3) {
    margin-right: 0%;
}

.grid.items_4 .foto_container {
    width: 23.5%;
    height: 100%;
    margin-right: 2%;
    margin-bottom: 2%;}
.grid.items_4 .foto_container:nth-child(4n+4) {
    margin-right: 0%;}
/*.grid.items_4 .foto_container img {
    height: 375px;}*/

.grid.items_6 .foto_container {
    width: 15%;
    height: 100%;
    margin-right: 2%;
    margin-bottom: 2%;}
.grid.items_6 .foto_container:nth-child(6n+6) {
    margin-right: 0%;}
/*.grid.items_6 .foto_container img {
    height: 250px;}*/

.grid.items_9 .foto_container {
    width: 10%;
    height: 100%;
    margin-right: 1.25%;
    margin-bottom: 1.25%;}
.grid.items_9 .foto_container:nth-child(9n+9) {
    margin-right: 0%;}
/*.grid.items_9 .foto_container img {
    height: 117px;}*/

.grid.items_12 .foto_container {
    width: 7.25%;
    height: 100%;
    margin-right: 1.175%;
    margin-bottom: 1.175%;}
.grid.items_12 .foto_container:nth-child(12n+12) {
    margin-right: 0%;}
/*
.grid.items_12 .foto_container img {
    height: 117px;}
*/




.grid {
    display: flex;
    flex-flow: row wrap;}

.foto_container img {
    width: 100% !important;
    height: 500px;
    object-fit: cover;
}

.modaal-gallery-item img {
    width: auto!important;
    max-height: 85vh!important;
}

.images_anchor {
    width: 150px;
    height: auto;
    display: none;
    position: relative;
    margin: 0 auto;
    animation: images_anchor 2s ease-out;
    /*animation: button_effect 3s infinite;*/
    animation-delay: 1s;
    opacity: 1;}


.images_anchor a {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    font-family: 'Poppins', sans-serif;
    color: white;
    font-size: 14px;
    text-align: center;
    padding: 5px 5px 0 5px;
    text-decoration: none;
    /* -webkit-box-shadow: 0 0 0 0.01px white;
     -moz-box-shadow: 0 0 0 0.01px white;
     box-shadow: 0 0 0 0.01px white;*/
    transition: all 2s ease;
}

.images_anchor a:after {
    content: '\f078';
    font-family: 'FontAwesome';
    margin-left: 6px;
    font-size: 13px;
    color: white;
}

.images_anchor a{
    animation: 1s;
    animation-name: slideInLeft;
}



/* MEDIA QUERIES */
@media only screen and (min-width: 1700px){
    .divider svg{
        transform: scaleX(1.5);
    }
}


@media only screen and (max-width: 1200px){
    .gallery-wrapper-selected-images .gallery-wrapper , .gallery-wrapper-selected-images .gallery-wrapper:nth-child(4n+4) {
        margin-right: 2%;
        width: 32%;
    }
    .gallery-wrapper-selected-images .gallery-wrapper:nth-child(3n+3){
        margin-right: 0;}
    .teamleden .teamcard {
        margin-right: 2%;
        width: 32%;}
}

@media only screen and (min-width: 992px) {
    .referentie-slider-wrapper .ref-wrap.ref_abreast{
        flex-flow: row wrap;
        text-align: left;
        padding: 0px;}
    .referentie-slider-wrapper .ref-wrap.ref_abreast .referentieimg,
    .referentie-slider-wrapper .ref-wrap.ref_abreast .referentie-info{
        width: 50%;
        min-height: 400px;
        height: auto;
        border-radius: 0;
        margin-bottom: 0;
        display: flex;
        flex-flow: column;
        align-items: flex-start;
        justify-content: flex-start;
        padding: 0 30px;}  }

@media only screen and (max-width: 992px){
    .plate--container, .section-container .section-content-over-wrapper {
        padding-right: 30px;
        padding-left: 30px;
    }
    .divider svg, .divider.single_round svg{
        transform: scale(2);
    }
    .scheiding-bottom.divider.mount svg {
        transform: scale(1);
    }
    .navigation, .navbar{
        height: auto!important;}
    .navigation.menu-1{
        padding-top: 15px!important;
        padding-bottom: 15px!important;}
    .grid .foto_container {
        margin-right: 2%!important;
        width: 49%!important;}
    .grid .foto_container:nth-child(2n+2){
        margin-right: 0!important;}

    .teamleden .teamcard {
        width: 49%;
        margin-right: 2%!important;
        margin-bottom: 15px}
    .teamleden .teamcard:nth-child(2n+2){
        margin-right: 0!important;}
    .teamleden .teamcard:nth-child(3n+3) {
        margin-right: unset;}
    #instafeed .image-container {
        width: 49%;
        height: 0;
        padding-bottom: 49%;}
    .diensten-overzicht {
        display: flex;
        flex-flow: row wrap;}
    .diensten-overzicht .dienst-namen {
        width: 100%;}
    .diensten-overzicht .dienst{
        width: 100%;
        float: left;
        flex-flow: column;}
    .diensten-overzicht .dienst.active{
        position: relative;}
    .diensten-overzicht .diensten-info, .diensten-overzicht .diensten-img {
        width: 100%;}
    .diensten-wrapper .dienst-info{
        padding-top: 30px;
        min-height: auto;}
    .diensten-overzicht .dienst-namen .dienst-titel:nth-last-child(1) h5{
        margin-bottom: 0;}
    .item_wrapper{
        width: 49%!important;
        margin-right: 2%;}
    .item_wrapper:nth-child(2n){
        margin-right: 0;}
    .item_wrapper:nth-child(4n){
        margin-right: unset;}
}

@media only screen and (max-width: 680px){
    h1 {
        font-size: 42px;
        line-height: 48px;}
    h2 {
        font-size: 42px;
        line-height: 48px;}
    h3 {
        font-size: 25px;
        line-height: 31px;
        font-weight: 400;}
    h4 {
        font-size: 25px;
        line-height: 31px;}
    h5 {
        font-size: 21px;
        line-height: 28px;}
    h6 {
        font-size: 21px;
        line-height: 28px;
        font-weight: 400;}
    .navbar-brand{
        transform: scale(0.5)!important;
        transform-origin: left center;}
    .section-container .section-content-over-wrapper .image-wrapper, .section-container .section-content-over-wrapper .section-content-wrapper {
        width: 100%;}
    .section-container .background_image.section-content-over-wrapper .image-wrapper {
        height: 100%;
        width: 100%;
        position: absolute;}
    .section-container .section-content-over-wrapper .image-wrapper{
        position: relative;
        height: 350px;
        width: calc(100% + 60px);
        margin-left: -30px;}
    .section-container .section-content-over-wrapper .image {
        width: 100%!important;}
    .section-container .section-content-over-wrapper.left_image {
        flex-direction: column-reverse;}
    .section-container .section-content-over-wrapper {
        flex-direction: column;}
    .navigation {
        padding-top: 0px!important;
        padding-bottom: 0px!important;}
    .gallery-wrapper-selected-images .gallery-wrapper {
        width: 100%;}
    .gallery-wrapper-selected-images .gallery-wrapper , .gallery-wrapper-selected-images .gallery-wrapper:nth-child(4n+4) {
        margin-right: 0;
        width: 100%;}
    .timeline::after {
        left: 12px;}
    .timelinecontainer.timelinecontainer {
        width: 100%;
        padding-left: 40px;
        padding-right: 0px;}
    .timelinecontainer::before {
        left: 60px;
        border: medium solid transparent;
        border-width: 10px 10px 10px 0;
        border-color: transparent transparent transparent transparent;}
    .timelinecontainer.left-item::after, .timelinecontainer.right-item::after {
        left: 0px;}
    .timelinecontainer.right-item {
        left: 0%;}
    .teamleden .teamcard {
        width: 100%;
        margin-right: 0%!important;}
    .agenda_afspraak .agendaitem {
        flex-flow: row wrap;}
    .agenda_afspraak .afspraak {
        width: 100%;
        height: unset;
        margin-bottom: 15px;}
    .agenda_afspraak .datumblokje, .agenda_afspraak .afspraaktijd {
        width: 50%;
        margin: 0;}
    .agenda_afspraak .datumtekst {
        width: auto;
        display: flex;}
    .agenda_afspraak .dagnummer{
        margin-right: 5px;}
    .speerpunt-wrapper .speerpunt-header, .speerpunt-wrapper .speerpunt-body {
        display: flex;
        flex-flow: column;
        justify-content: center;
        text-align: center;
        align-items: center;
        padding-left: 0;}
    .speerpunt-header{
        margin-bottom: 15px;}
    .speerpunt-wrapper {
        flex-flow: column;}
    .item_wrapper {
        width: 100%!important;
        margin-right: 0;
        margin-bottom: 30px;}
    .modaal-gallery-item img {
        max-width: 100%!important;
        width: 100%!important;}

}
/*

@media (prefers-color-scheme: dark) {
    body{
        background-color: #1c1c1e;
        color: #fefefe}
}
*/