/*
Theme Name: Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Tags: responsive-layout,one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar,custom-background,custom-colors,featured-images,full-width-template,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready
Version: 3.20.1.1553169481
Updated: 2019-03-21 11:58:01

*/

.color-primary {
    color: rgb(230, 25, 38);
    font-weight: 700;
}
.contact-heading h1,
.text__primary h1,
.text__primary h2 { 
    color: rgb(230, 25, 38);
    font-weight: 800;
    font-size: 53px;
}

.contact-heading {
    width: 690px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 100%;
}

.contact-heading h1 {
    font-size: 62px;
    color: rgb(0, 63, 49);
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}


.contact-heading h1 em,
.text__primary h1 em,
.text__primary h2 em {
    font-family: kalambold;
    color: rgb(0, 63, 49);
    font-size: 60px;
    padding-top: 20px;
    position: relative;
    padding-bottom: 20px;
}

@media (max-width: 980px) {
    .contact-heading h1, .contact-heading h1 em {
        font-size: 50px;
    }
}

@media (max-width: 767px) {
    .contact-heading h1, .contact-heading h1 em {
        font-size: 40px;
    }
    .contact-heading h1 em {
        padding-top: 5px;
    }
}

.contact-heading h1 em {
    display: flex;
    width: fit-content;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.contact-heading h1 em::after,
.text__primary h1 em::after,
.text__primary h2 em::after {
    content: "";
    position: absolute;
    bottom: 22px;
    left: 0;
    width: 100%;
    height: 6px;
    border-radius: 10px;
    transform: rotate(-1deg);
    background-color: rgb(230, 25, 38);
    z-index: -1;
}

.text__secondary h1 {
    color: rgb(0, 63, 49);
    font-weight: 800;
    font-size: 53px;
}

.text__secondary h1 em {
    font-family: kalambold;
    /* color: rgb(230, 25, 38); */
    font-size: 60px;
    padding-top: 20px;
    position: relative;
    padding-bottom: 20px;
}

.text__secondary h1 em::after {
    content: "";
    position: absolute;
    bottom: 22px;
    left: 0;
    width: 100%;
    height: 6px;
    border-radius: 10px;
    transform: rotate(-1deg);
    background-color: rgb(230, 25, 38);
    z-index: -1;
}

.et_pb_equal_columns {
    align-items: center;
}

.image-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 30px;
}

.image-row div {
    margin-bottom: 0 !important;
}

.image-row div * {
    height: 100%;
}

.image-row div img { 
    height: 100%;
    object-fit: cover;
}

.image-row div:nth-child(2) {
    flex-basis: calc(60% - 15px);
}

.image-row div:nth-child(3) {
    flex-basis: calc(40% - 15px);
    
} 

.image-row div:nth-child(5) {
    flex-basis: calc(60% - 15px);
}

.image-row div:nth-child(4) {
    flex-basis: calc(40% - 15px);
    
} 


.section__separator:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 95%;
    height: 70%;
    transform: translate(-50%, -50%);
    background: #EEF2F5;
}

.vacature__wrapper, .personeel__wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 75px;
}

.vacature__text h3,
.personeel__tekst h3 {
    font-size: 24px;
    font-weight: 700;
}

.personeel__foto {
    position: relative;
    margin-bottom: 20px;
}

.personeel__foto::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26.271' height='31.237' viewBox='0 0 26.271 31.237'%3E%3Cg id='Group_20' data-name='Group 20' transform='translate(-119.65 -3338.802)'%3E%3Cpath id='Path_14' data-name='Path 14' d='M1137,631.874s-2.8,20.853-23.88,28.076' transform='translate(-992.07 2707.061)' fill='none' stroke='%23d43532' stroke-width='2'/%3E%3Cpath id='Path_15' data-name='Path 15' d='M1115.654,664l-8.576-1.993,3.422-8.793' transform='translate(-986.079 2705.061)' fill='none' stroke='%23d43532' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A");
    position: absolute;
    bottom: -20px;
    left: 150px;

}

.personeel__foto img {
    max-width: 194px;
}

.vacature__card .vacature__accordion {
    display: flex;
    align-items: center;
    gap: 25px;
}

.vacature__card .vacature__accordion h3{
    font-size: 24px;
    font-weight: 700;
    padding-bottom: 0 !important;
}

.vacature__card .vacature__accordion img {
    width: 54px;
    aspect-ratio: 1;
    object-fit: cover;
    border-radius: 100%;
    border: 3px solid white;
    box-shadow: 0 4px 9px rgba(0,63,49,0.16);

}

.vacature__card .vacature__content {
    position: relative;
    overflow: hidden;
    max-height: 130px;
    margin-top: 1.5rem;
    transition: all ease 0.4s;
}

.vacature__card:not(.active) .vacature__content {
    max-height: 130px !important;
}

.vacature__card:not(.active) .vacature__content:after {
    content: '';
    height: 75px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(0deg, rgba(255,255,255,1) 20%, rgba(255,255,255,0) 100%);
}

.vacature__card .vacature__buttons {
    margin-top: 1.5rem;
}

.vacature__card .vacature__buttons .button__more {
    font-weight: 700;
    margin-right: 1rem;
    color: rgb(230, 25, 38);
}

.vacature__card .vacature__buttons .button__more svg {
    margin-left: 15px;
    transform: rotate(0deg);
    transition: .3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.vacature__card.active .vacature__buttons .button__more svg {
    transform: rotate(180deg);
}

.vacature__card .vacature__buttons .button__primary {
    font-weight: 700;
    padding: 12px 30px !important;
    color: white;
    background: rgb(230, 25, 38);
}

.vacature__tip {
    background: #EEF2F5;
    padding: 30px;
    position: relative;
}

.vacature__tip .vacature__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 54px;
    height: 54px;
    background: #EEF2F5;
    border-radius: 100%;
    top: -27px;
    left: 50%;
    transform: translateX(-50%);
}

.usps__container,
.box__container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    justify-content: space-between;
    gap: 30px;
}

.box__container {
    margin-top: 50px;
}

.usp h3,
.box__card h3 { 
    color: rgb(0, 63, 49);
    font-weight: 800;
    font-size: 36px;
    line-height: 1.3;
}

@media (max-width: 768px) {
	.usp h3, .box__card h3 {
		font-size: 30px !important;
	}
}

.usp h3 em,
.box__card h3 em,
.popup__container h3 em {
    font-family: kalambold;
    color: rgb(0, 63, 49);
    font-size: 27px;
    padding-top: 20px;
    /* background-image: url(/wp-content/uploads/2019/02/red-underline.svg); */
    /* background-position: 0px 55px;
    background-repeat: no-repeat; */
    position: relative;
    padding-bottom: 20px;
    line-height: 1;
    font-style: normal;
    z-index: 11;
}

.usp h3 em::after,
.box__card h3 em::after,
.popup__container h3 em::after {
    content: "";
    position: absolute;
    bottom: 22px;
    left: 0;
    width: 100%;
    height: 3px;
    border-radius: 10px;
    transform: rotate(-1deg);
    background-color: rgb(230, 25, 38);
    z-index: 1;
}

.usp ul,
.box__card ul {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 15px;
}

.usp ul li,
.box__card ul li {
    display: flex;
    margin-bottom: 10px;
}

.usp ul li::before,
.box__card ul li::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.978' height='11.401' viewBox='0 0 11.978 11.401'%3E%3Cg id='Icon_feather-check-square' data-name='Icon feather-check-square' transform='translate(-4 -4)'%3E%3Cpath id='Path_28' data-name='Path 28' d='M15.233,12.278a.5.5,0,0,1-.354-.146L13.146,10.4a.5.5,0,0,1,.707-.707l1.38,1.38,5.425-5.425a.5.5,0,0,1,.707.707l-5.778,5.778A.5.5,0,0,1,15.233,12.278Z' transform='translate(-5.533 -0.922)' fill='%23e61926'/%3E%3Cpath id='Path_29' data-name='Path 29' d='M13.745,15.4H5.656A1.658,1.658,0,0,1,4,13.745V5.656A1.658,1.658,0,0,1,5.656,4h6.356a.5.5,0,0,1,0,1H5.656A.656.656,0,0,0,5,5.656v8.089a.656.656,0,0,0,.656.656h8.089a.656.656,0,0,0,.656-.656V9.7a.5.5,0,0,1,1,0v4.045A1.658,1.658,0,0,1,13.745,15.4Z' fill='%23e61926'/%3E%3C/g%3E%3C/svg%3E%0A");
    min-width: 15px;
    margin-right: 10px;
}

.usp__afbeelding {
    position: relative;
    width: fit-content;
}
@media screen and (min-width: 768px) {
    .usp__afbeelding:not([data-index='3'])::after {
        content: '';
        width: 100%;
        height: 1px;
        border-bottom: 1px dashed rgb(230, 25, 38);
        position: absolute;
        top: 50%;
        left: 100%;
    }
}

.usp__afbeelding img {
    width: 280px;
    aspect-ratio: 1;
    border: 10px solid white;
    box-shadow: 0 3px 26px rgba(0,63,49,0.16);
    border-radius: 100vw;
}

.usp__icon {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    aspect-ratio: 1;
    background: white;
    box-shadow: 0 3px 26px rgba(0,63,49,0.16);
    border-radius: 100vw;
    bottom: 10px;
    right: -20px;
}

.usp__icon::after {
    content: attr(data-index);
    font-family: kalambold;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 17px;
    color: white;
    background: rgb(230, 25, 38);
    width: 30px;
    aspect-ratio: 1;
    border-radius: 100vw;
    display: flex;
    align-items: center;
    justify-content: center;
}

.usp  {
    max-width: 280px;
}

.box__card {
    position: relative;
    background: #EAEFF1;
    padding: 5vmin 5vmin;
    /* border-radius: 10px; */
    display: flex;
    flex-direction: column;
}

.box__card .box__afbeelding {
    position: relative;
    width: 180px;
    aspect-ratio: 1;
    margin-top: calc(-5vmin - 90px);
    margin-bottom: 20px;
}


@media screen and (max-width: 768px) {
    .box__container .box__card {
        margin-top: 55px;
    }
    .box__card .box__afbeelding {
        top: 20px;
    }
}
.box__card .box__afbeelding img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    border-radius: 100vw;
}

.button__info {
    text-align: center;
    text-decoration: underline;
}

.mss__cta--image {
	margin-bottom: 0px !important;
}

.mss__cta--image,
.mss__cta--image span {
    position: absolute;
    left: 0;
    top: 0;
    width: 50vw;
    height: 100%;
}

@media screen and (max-width: 768px) {
    .mss__cta--image {
        margin-left: -70px !important;
    }
    .mss__cta--image,
    .mss__cta--image span {
        position: relative;
        left: 5vw;
        top: 0;
        width: 110vw;
        height: 100%;
        min-height: 300px;
        z-index: 9 !important;
    }
}

.mss__cta--image img {
	top: 0;
	left: 0;
    width: 100% !important;
    height: 100% !important;
	position: absolute !important;
    object-fit: cover;
    object-position: center;
}

.et_pb_section {
    overflow: hidden !important;
}

.et_pb_section_1_tb_header {
	overflow: visible !important;
}

.et_pb_row.usp {
    padding: 0 !important;
}

.button__underline {
    padding: 0 !important;

}

.button__underline::after {
    content: "";
    position: absolute;
    bottom: 22px;
    left: 0;
    width: 100%;
    height: 3px;
    border-radius: 10px;
    transform: rotate(-1deg);
    background-color: rgb(230, 25, 38);
    z-index: 1;
}

.button__box {
    padding: 15px 20px;
    background: rgb(230, 25, 38);
    color: white !important;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    margin: 15px 0 5px 0;
}

.small__btn {
	text-align: center;
	color: rgba(230,25,38) !important;
	text-decoration: underline;
	font-size: 14px !important;
	
}

.box__card h3:first-of-type {
    padding: 0 !important;
}

.popup__container {
    padding: 30px;
    background: white;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 30px;
}

.popup__container h3 {
    font-size: 20px;
    font-weight: 600;
    margin: 0;
    padding: 0;
}

.popup__content {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.popup__content .content__cta {
    display: flex;
    align-items: center;
    gap: 15px;
}

.content__cta img {
	width: 100px;
	height: 100px;
	object-fit: cover;
	border-radius: 100%;
}

.popup__image video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.popup__disclaimer p {
    margin: 0 !important;
    padding: 0 !important;
}

.popup__disclaimer {
    font-size: 11px;
    font-weight: 600;
    grid-column: span 2;
    opacity: .75;
}

.popup__container ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    list-style-type: none;
    margin: 5px 0 !important;
}

.popup__disclaimer ul li {
    padding: 5px;
    border: rgb(0, 63, 49) 1px solid;
    border-radius: 3px;
}

.usps__wrapper {
    overflow: visible !important;
    position: relative;
    z-index: 99;
}

.usps__wrapper > div {
    margin-top: -120px;
}

button.wsf-button.wsf-button-primary {
    font-weight: 700 !important;
    padding: 12px 30px !important;
    font-size: 18px !important;
}

li.open_ruimtecalculator {
    background: transparent !important;
    font-weight: normal !important;
}
.et_pb_button {letter-spacing: 0 !important;}
.et_pb_button:hover, .et_pb_button_0:hover {letter-spacing: 0 !important;}
.button__underline {
    color: rgb(0, 63, 49) !important;
    font-weight: 700 !important;
    letter-spacing: normal !important;
    border: 0 !important;
    padding: 0 !important;
}

.button__underline:hover {
    background: none !important;
}


.button__underline::after {
    content: "";
    position: absolute;
    bottom: -5px !important;
    margin: 0 !important;
    left: 0;
    width: 100%;
    height: 6px;
    opacity: 1 !important;
    border-radius: 10px;
    transform: rotate(-1deg);
    background-color: rgb(230, 25, 38);
    z-index: -1;
}

.et_pb_button_module_wrapper {
    display: inline-block !important;
    width: fit-content !important;
    margin-right: 20px !important;
}

.et_pb_code,
.et_pb_code_inner {
    height: 100% !important;
}

.mobox-video {
    width: 60vw !important;
    max-width: 60vw !important;
    height: 100% !important;
}

.video-button {
    position: absolute;
    bottom: 50px;
    right: 0;
    display: flex;
    z-index: 99;
    background: white;
    align-items: center;
    width: max-content;
}
@media (max-width: 768px) {
    .video-button {
        right: unset;
        left: 50%;
        bottom: 50%;
        transform: translate(-50%, -50%);
    }
}

.video-button-icon {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #e61926;
}

.video-button-content {
    padding: 10px 20px;
}

.video-button-content p {
    font-family: 'Poppins', sans-serif;
    color: rgb(0, 63, 49);
    font-size: 18px;
    font-weight: 700 !important;
    position: relative;
}

.video-button-content p span {
    font-family: kalambold;
    color: rgb(0, 63, 49);
    font-size: 20px;
    position: relative;
    padding-bottom: 20px;
}

.video-button-content p span:after {
    content: "";
    position: absolute;
    bottom: 18px;
    left: 0;
    width: 100%;
    height: 3px;
    border-radius: 10px;
    transform: rotate(-1deg);
    background-color: rgb(230, 25, 38);
    z-index: -1;
}

.usp__container {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	align-items: center;
	justify-content: space-between;
}

.usp__container div {
	display: flex;
	gap: 10px;
	align-items: center;
}

.usp__container h3 {
	font-size: 16px;
	font-weight: bold;
	line-height: 1;
	padding: 0;
}

.usp__container span {
	font-family: 'Poppins';
	font-size: 16px;
}
.knop-groen {
	align-items: center !important;
}
.knop-groen a {
	font-family: 'Poppins';
	font-weight: bold;
	padding: 12px 16px !important;
	height: fit-content !important;
	background: #7AC74F;
	border-radius: 5px;
	color: white !important;
}

.icon-phone,
.icon-mail,
.icon-star {
    display: flex;
    gap: 5px;
    color: #2E2E2E !important;
}

.icon-phone::before {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.851' height='11.874' viewBox='0 0 11.851 11.874'%3E%3Cpath id='Icon_feather-phone' data-name='Icon feather-phone' d='M15.018,11.89v1.788a1.192,1.192,0,0,1-1.3,1.192A11.792,11.792,0,0,1,8.577,13.04,11.619,11.619,0,0,1,5,9.465,11.792,11.792,0,0,1,3.173,4.3,1.192,1.192,0,0,1,4.358,3H6.146A1.192,1.192,0,0,1,7.338,4.025,7.651,7.651,0,0,0,7.755,5.7a1.192,1.192,0,0,1-.268,1.257l-.757.757A9.534,9.534,0,0,0,10.3,11.288l.757-.757a1.192,1.192,0,0,1,1.257-.268,7.651,7.651,0,0,0,1.674.417,1.192,1.192,0,0,1,1.025,1.21Z' transform='translate(-3.168 -3)' fill='%237ac74f'/%3E%3C/svg%3E%0A");
    display: inline-flex;
    height: 20px;
    width: 20px;
    background-position: center;
    background-repeat: no-repeat;
}
.icon-mail::before {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.51' height='10.615' viewBox='0 0 13.51 10.615'%3E%3Cpath id='Icon_ionic-md-mail' data-name='Icon ionic-md-mail' d='M14.473,5.625H3.537A1.29,1.29,0,0,0,2.25,6.912v8.041A1.29,1.29,0,0,0,3.537,16.24H14.473a1.29,1.29,0,0,0,1.287-1.287V6.912A1.29,1.29,0,0,0,14.473,5.625Zm-.161,2.734L9,11.9,3.7,8.359V7.072L9,10.611l5.307-3.538Z' transform='translate(-2.25 -5.625)' fill='%237ac74f'/%3E%3C/svg%3E%0A");
    display: inline-flex;
    height: 20px;
    width: 20px;
    background-position: center;
    background-repeat: no-repeat;
}
.icon-star::before {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.343' height='13.633' viewBox='0 0 14.343 13.633'%3E%3Cpath id='Icon_ionic-md-star' data-name='Icon ionic-md-star' d='M10.968,15.459,15.4,18.133l-1.172-5.044L18.14,9.7l-5.157-.443L10.968,4.5,8.954,9.255,3.8,9.7l3.912,3.391L6.536,18.133Z' transform='translate(-3.797 -4.5)' fill='%237ac74f'/%3E%3C/svg%3E%0A");
    display: inline-flex;
    height: 20px;
    width: 20px;
    background-position: center;
    background-repeat: no-repeat;

}

.chat-on-whatsapp {
    position: fixed;
    bottom: 10px;
    right: 10px;
    max-width: 160px;
    z-index: 9999;

}

.fluid-width-video-wrapper {
	padding-top: 52% !important;
}