/* 
Theme Name: Progmatic
Theme URI: 
Description: A 2023 framework for WordPress.
Author: Internetbureau Jun-E-Jay
Version: 1.0 
Tags:

General comments (optional).

*/
/* #Font-Face
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');	
================================================== */


/* #Site Styles
================================================== */
:root {
	--width-base: 1316px;
	--width-base-lg: 1720px;
	--font-size-base: 16px;
	--line-height: 1.75;
	--font-family-base: 'SF Pro Text', sans-serif;
	--font-family-roboto: 'Roboto', sans-serif;
	--font-family-icon: 'icomoon';
	--black: #000;
	--white: #fff;
	--red: #e51b20;
	--yellow: #fbc364;
	--dark-red: #cc1519;
	--grey-100: #f1f1f1;
	--grey-200: #f1f0f1;
	--grey-400: #444;
	--grey-500: #505050;
	--grey-700: #707070;
	--width: 100%;
	--height: 100%;
	--font-size-h1: 38px;
	--font-size-h2: 30px;
	--font-size-h3: 24px;
	--font-size-h4: 20px;
	--font-size-h5: 18px;
	--font-size-h6: 16px;
	--font-weight-400: 400;
	--font-weight-700: 700;
	--text-decoration: none;
	--transition: all 0.25s ease-in-out;
}

/* ### general ### */
* { margin: 0; padding: 0; box-sizing: border-box; }
html,
body { font-family: var(--font-family-base); font-size: var(--font-size-base); line-height: var(--line-height); color: var(--grey-500); }
body { background: var(--white); }
input[type=text],
input[type=tel],
input[type=email],
input[type=number],
textarea { padding: 10px; width: var(--width); height: 50px!important; font-family: var(--font-family-base); font-size: 16px; color: var(--grey-500); border: solid 1px rgba(112, 112, 112, 0.2)!important; border-radius: 5px; background-color: var(--white); }
input::placeholder,
textarea::placeholder { color: rgba(80, 80, 80, 0.4); }
textarea { padding: 20px 12px; height: 200px; resize: none; }
label { margin-bottom: 1px; display: block; font-weight: var(--font-weight-700); }
img { display: block; max-width: var(--width); outline: 0; height: auto; }
ul,
li { list-style-position: outside; }
:focus { outline: none; }
p { margin-bottom: 20px; }
a { display: inline-block; transition: var(--transition); cursor: pointer; }
h1,
h2,
h3,
h4,
h5,
h6 { margin-bottom: 20px; font-weight: var(--font-weight-700); line-height: 1.1; }
h1 { font-size: var(--font-size-h1); margin-bottom: 20px; font-weight: var(--font-weight-700); line-height: 1.1;}
h2 { font-size: var(--font-size-h2); margin-bottom: 20px; font-weight: var(--font-weight-700); line-height: 1.1;}
h3 { font-size: var(--font-size-h3); margin-bottom: 20px; font-weight: var(--font-weight-700); line-height: 1.1;}
h4, .h4_style { font-size: var(--font-size-h4); margin-bottom: 20px; font-weight: var(--font-weight-700); line-height: 1.1;}
h5, .h5_style { font-size: var(--font-size-h5); margin-bottom: 20px; font-weight: var(--font-weight-700); line-height: 1.1;}
h6, .h6_style { font-size: var(--font-size-h6); margin-bottom: 20px; font-weight: var(--font-weight-700); line-height: 1.1;}




.button { padding: 15px 38px; display: inline-flex; align-items: center; justify-content: center; font-family: var(--font-family-base); font-size: var(--font-size-base); text-decoration: var(--text-decoration); color: var(--white); border: 0; border-radius: 5px; background-color: var(--red); cursor: pointer; }
.button i { margin-right: 5px; font-size: 14px; }
.button:hover { background-color: var(--dark-red); }
.button-link { text-decoration: underline; color: var(--red); background-color: transparent; padding: 15px; }
.button-link:hover { text-decoration: var(--text-decoration); color: var(--dark-red); background-color: transparent; }
.view-more { color: var(--white); }
.view-more:hover { text-decoration: var(--text-decoration); }
.btn-wrap { display: flex; flex-wrap: wrap; justify-content: center; width: var(--width); text-align: center; }
.btn-wrap .main { position: relative; }
.btn-wrap .main .secondary { position: absolute; top: 0; left: 100%; min-width: 220px; margin-left: 10px; }
.read-more { display: flex; align-items: center; color: var(--red); }
.read-more i { margin-left: 8px; font-size: 9px; }

.alignleft{ float: left; margin-right: 20px; }
.alignright{ float: right; margin-left: 20px; }



/* ### global classes ### */
.clear { visibility: hidden; clear: both; height: 0; line-height: 0; }
.center { margin: 0 auto; position: relative; max-width: 1200px; }
.centered { padding-right: calc((100% - var(--width-base)) / 2); padding-left: calc((100% - var(--width-base)) / 2); }
.centered-lg { padding-right: calc((100% - var(--width-base-lg)) / 2); padding-left: calc((100% - var(--width-base-lg)) / 2); }

.mobiel_view{ display: none; }
.desktop_view{ display: block; }

.gfield p {display: none!important;}
.gform_wrapper{ max-width: 820px; margin: 0 auto; }
.gform_footer p>br{display: none!important;}

/* ### wrapper ### */
#wrapper { padding-top: 84px; position: relative; display: block; width: var(--width); min-height: var(--height); overflow: hidden; }

/* ### main container ### */
#mainCntr { width: var(--width); }

/* ### header container ### */
#headerCntr { padding-top: 10px; padding-bottom: 10px; position: fixed; top: 0; left: 0; z-index: 929; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; width: var(--width); background-color: var(--white); transition: var(--transition); }
#headerCntr .logo { width: 120px; }
#headerCntr .logo img { max-width: var(--width); }
#headerCntr .button { margin-top: 2px; padding: 14px 20px; font-size: 18px; }
#headerCntr.sticky { padding-top: 12px; box-shadow: 0 0 10px rgba(68, 68, 68, 0.2); }

/* ### menu box ### */
.menuBox:not(.mm-menu) { display: flex; flex-wrap: wrap; }
.menuBox:not(.mm-menu) ul { margin-left: 34px; display: flex; align-items: center; list-style: none; }
.menuBox:not(.mm-menu) ul > li { margin: 0 19px; padding-top: 19px; padding-bottom: 16px; position: relative; }
.menuBox:not(.mm-menu) ul > li > a { position: relative; font-size: 18px; text-decoration: none; color: var(--grey-500); }
.menuBox:not(.mm-menu) ul > li > a:hover { text-decoration: underline; }
.menuBox:not(.mm-menu) ul > li > ul { margin: 0;
	padding-bottom: 15px;
	position: absolute;
	top: 100%;
	left: -28px;
	display: block;
	opacity: 0;
	visibility: hidden;
	width: max-content;
	border-radius: 0 0 10px 10px;
	background-color: var(--white);
	transition: var(--transition); }
.menuBox:not(.mm-menu) ul > li:hover > ul { opacity: 1; visibility: visible; }
.menuBox:not(.mm-menu) ul > li > ul > li { margin: 0; padding: 0; }
.menuBox:not(.mm-menu) ul > li > ul > li > a { padding: 6px 30px; display: block; font-family: var(--font-family-roboto); }
.menuBox:not(.mm-menu) ul > li > ul > li > a:hover { text-decoration: none; color: var(--white); background-color: var(--grey-400); }
.menuBox:not(.mm-menu) ul > li > ul > li:hover > a { color: var(--white); background-color: var(--grey-400); }
.menuBox:not(.mm-menu) ul > li > ul > li > ul { top: 0; left: 100%;border-radius: 0 10px 10px 10px; }
.menuBox:not(.mm-menu) ul > li > ul > li:hover > ul { opacity: 1; visibility: visible; }
.menuBox:not(.mm-menu) ul > li.menu-item-has-children > a { position: relative; }
.menuBox:not(.mm-menu) ul > li.menu-item-has-children > a:after { margin-left: 5px; display: inline-block; font-family: var(--font-family-icon); font-size: 8px; vertical-align: middle; content: '\e901'; }

/* ### mobile menu ### */
.mobile-menu { display: none; }
.mobile-menu .hamburger { position: absolute; top: 50%; right: 15px; display: flex; align-items: center; color: #1a202c;  transition: var(--transition); cursor: pointer; }
.m-menu__checkbox { display: none; }
.m-menu__toggle { margin-left: -8px; padding-top: 5px; cursor: pointer; }
.m-menu { position: fixed; top: -100vh; left: 0px; z-index: 2; opacity: 0; visibility: hidden; width: 100vw; max-width: 768px; height: 100vh; background-color: var(--white);transition: top 0.35s; overflow: hidden; }
.m-menu__overlay { position: absolute; top: 0; bottom: 0; z-index: 1; display: none; width: 100%; background-color: rgba(103, 103, 103, 0.5); }
.m-menu__header { padding: 0 16px; display: flex; align-items: center; height: 50px; border-bottom: 1px solid #f5f8f9; }
.m-menu__header span { width: 100%; font-size: 20px; text-align: center; color: var(--white); }
.m-menu .m-menu {  }
.m-menu ul { height: 100%; overflow-y: auto; }
.m-menu ul li { margin-right: 0 !important; position: relative; display: block !important;  }
.m-menu ul li ul { display: block !important; }
.m-menu ul li a { padding: 0 15px !important; color: var(--grey-500); border-bottom: 1px solid var(--grey-500); }
.m-menu ul li a:hover { text-decoration: none !important; }
.m-menu ul li a,
nav .m-menu ul li label { padding: 0 15px; position: relative; display: block; line-height: 54px; text-align: left; text-decoration: none; border-bottom: 1px solid #f5f8f9; cursor: pointer; }
nav .m-menu ul li label { border-bottom: 0; }
.m-menu ul li label.a-label__chevron { padding: 15px 25px; position: absolute; top: 0; right: 0; display: inline-block; height: 48px; border-left: solid 1px #f5f8f9; }
.m-menu ul li label.a-label__chevron:after { padding: 5px; position: absolute; top: 19px; right: 20px; display: inline-block; width: 0; height: 0; border-color: var(--grey-500); border-style: solid; border-width: 1px 1px 0 0; transform: rotate(135deg); content: ''; }
.m-menu ul li .-invisible { border-bottom: 0; }
.m-menu ul li.btn { padding: 20px 10px 10px; }
.m-menu ul li.btn .button { width: 100%; max-width: unset; text-align: center; color: var(--white)!important; }
.m-menu ul li.btn:last-child .button { border-bottom: 0; }
.m-menu .m-menu label.m-menu__toggle { margin: 0 !important; padding: 0 0 0 10px; display: flex; border-bottom: 0; }
.m-menu__checkbox:checked ~ .m-menu__overlay { display: block; }
.m-menu__checkbox:checked ~ .m-menu { top: 0; opacity: 1; visibility: visible;  }

main.open_menu{ width: 100%; height: 0; overflow: hidden; pointer-events: none; }


/* ### content container ### */
#contentCntr { width: var(--width); }

/* ### hero box ### */
.heroBox { padding-top: 100px; padding-bottom: 100px; position: relative; display: flex; flex-wrap: wrap; align-items: center; width: var(--width); }
.heroBox h1 { margin-bottom: 24px; color: var(--white); }
.heroBox .content { margin-left: 9px; padding: 33px 31px 40px; position: relative; z-index: 1; width: var(--width); max-width: 774px; font-size: 18px; color: var(--white); border-radius: 10px; background-color: rgba(68, 68, 68, 0.7); }
.heroBox .content ul { margin-bottom: 24px; list-style: none; }
.heroBox .content ul > li { padding-bottom: 10px; padding-left: 24px; position: relative; font-size: 18px; line-height: 1.5; }
.heroBox .content ul > li:before { position: absolute; top: 2px; left: 0; font-family: var(--font-family-icon); content: '\e900'; }
.heroBox .bg-image { position: absolute; top: 0; left: 0; width: var(--width); height: var(--height); }
.heroBox .bg-image img { width: var(--width); height: var(--height); object-fit: cover; }
.heroBox .button { font-size: 18px; }
.heroBox .button-link { color: #ffffff; }
.heroBox.inner { margin-bottom: 10px; min-height: 397px; }
.heroBox.inner h1 { margin-bottom: 15px; }
.heroBox.inner .content { padding: 33px 31px 10px 39px; max-width: 641px; }
.heroBox.inner .content p { margin-bottom: 18px; }


.postBanner{ padding-top: 60px; padding-bottom: 40px; position: relative;}
.postBanner .content{text-align: center;}

/* ### usps box ### */
.uspsBox { padding-top: 20px; padding-bottom: 20px; width: var(--width); background-color: var(--grey-100); }
.uspsBox .js-usps-slider { display: none; }
.uspsBox .js-usps-slider.slick-initialized { display: block; }
.uspsBox .item { margin-right: 28px; }
.uspsBox .text { display: flex; align-items: center; width: var(--width); font-size: 18px; }
.uspsBox .text p { margin-bottom: 0; }
.uspsBox .item i { margin-right: 11px; display: flex; flex: 0 0 auto; align-items: center; justify-content: center; width: 32px; height: 32px; font-size: 15px; color: var(--grey-500); border: solid 2px var(--grey-500); border-radius: 55px; }
.uspsBox.inner { margin-bottom: 0; border-top: solid 1px rgba(255, 255, 255, 0.4); border-bottom: solid 1px rgba(255, 255, 255, 0.4); background-color: var(--grey-400); }
.uspsBox.inner .item i { color: var(--white); border: solid 2px var(--white); }
.uspsBox.inner .text p { color: var(--white); font-size: 16px; }

/* ### service box ### */
.serviceBox { padding-top: 60px; padding-bottom: 60px; width: var(--width); }
.serviceBox .holder { margin: 0 -8px; padding-bottom: 23px; display: flex; flex-wrap: wrap; }
.serviceBox .column { margin-bottom: 16px; padding: 0 8px; width: 33.33%; }

/* ### intro box ### */
.introBox { padding-bottom: 3px; width: var(--width); }
.introBox h2 { margin-bottom: 16px; }
.introBox.inner h2 { color: var(--white); }
.introBox.inner p { color: var(--white); }

/* ### review box ### */
.reviewBox { margin-bottom: 40px; padding-top: 74px; padding-bottom: 74px; width: var(--width); background-color: var(--grey-400); }
.reviewBox .holder { margin: 0 -8px; padding-bottom: 34px; display: flex; flex-wrap: wrap; justify-content: flex-start; }
.reviewBox .item { padding: 0 8px; width: 33.33%; height: auto!important; margin-bottom: 20px; }
.reviewBox .slick-track{ display: flex; }
.reviewBox .card-review{ height: 100%; display: flex; flex-direction: column; justify-content: space-between; }
.lees_meer_btn{ margin-bottom: 10px;cursor: pointer; display: block; color: var(--red);}
.reviewBox .text{ flex:auto; }
.long_tekst{ height: 0px; overflow: hidden; }
.long_tekst.open{ height: auto; }
.reviewBox .star{ min-height: 55px; }




/* ### customer box ### */
.customerBox { margin-top: 40px; margin-bottom: 40px; padding-top: 20px; padding-bottom: 20px; width: var(--width); }
.customerBox .item { margin: 0 30px; display: flex!important; justify-content: center; }
.customerBox .item img { max-width: var(--width); max-height: 80px; height: auto;width: auto; }
.customerBox .slick-track { display: flex; align-items: center; }

/* ### market box ### */
.marketBox { margin-bottom: 79px; width: var(--width); }
.marketBox .js-market-slider { margin-bottom: 34px; display: none; }
.marketBox .js-market-slider.slick-initialized { display: block; }
.marketBox .item { margin-right: 15px; }
.marketBox .slick-list { margin-right: -15px; }

.markt_item_holder{ width: 100%; display: flex; flex-wrap: wrap;  }
.markt_item_holder .item{width: calc(33.33% - 15px); margin-bottom: 15px;}
.marketBox .slick-slide{ padding:10px; }
.marketBox .slick-slide img{ height: 220px; object-fit:cover; }


/* ### step box ### */
.stepBox { padding-top: 74px; padding-bottom: 82px; width: var(--width); background-color: var(--grey-100); }
.stepBox .holder { margin: 0 -10px; display: flex; flex-wrap: wrap; position: relative; }
.stepBox .column { padding: 0 10px; position: relative; width: 20%; }
.stepBox .column:after { position: absolute; top: 50%; left: -20px; width: 30px; border-bottom: dashed 2px var(--grey-700); content: ''; }
.stepBox .column:first-child:after { display: none; }
.stepBox .column-1 { margin-left: auto; position: relative; z-index: 1; width: 80%; }
.stepBox .column-1:before { position: absolute; top: -18px; left: -148px; z-index: -1; width: 150px; height: 60px; border: dashed 2px var(--grey-700); border-top: 0; border-right: 0; border-radius: 3px; content: ''; }
.stepBox .introBox { padding-bottom: 0px; }
.stepBox .btn-wrap { padding-top: 80px; }
.stepBox.inner { margin-bottom: 0; }
.stepBox.inner .holder { margin-bottom: 20px; }
.stepBox.inner .holder:last-child { margin-bottom: 0; }
.stepBox .block { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; width: var(--width); }
.stepBox .left { width: 74%; }
.stepBox .left .column { margin-bottom: 14px; width: 33.33%; }
.stepBox .left .column:last-child:after { display: block; }
.stepBox .right { width: 25%; }
.stepBox .right .column { margin-bottom: 16px; position: relative; z-index: 1; width: 100%; }
.stepBox .right .column:after { display: none; }



.stepBox .btn-wrap .main .secondary { }
.stepBox .btn-wrap-nopad { padding-top: 20px; text-align: center; }

.stepBox .right.col_3 .column:first-child:before{ position: absolute; bottom: -9px; left: -15px; z-index: -1; width: 25px; border-bottom: dashed 2px var(--grey-700); transform: rotate(-45deg); content: ''; }
.stepBox .right.col_3 .column:nth-child(2):before{ position: absolute; top: 50%; left: -15px; z-index: -1; width: 25px; border-bottom: dashed 2px var(--grey-700); content: ''; }
.stepBox .right.col_3 .column:last-child:before {position: absolute; top: -9px; left: -15px; z-index: -1;width: 25px; border-bottom: dashed 2px var(--grey-700);  bottom: unset; transform: rotate(45deg); content: ''; }

.stepBox .right.col_2 .column:first-child:before{ position: absolute; bottom: 20px; left: -15px; z-index: -1; width: 25px; border-bottom: dashed 2px var(--grey-700); transform: rotate(-45deg); content: ''; }
.stepBox .right.col_2 .column:last-child:before {position: absolute; top: 20px; left: -15px; z-index: -1;width: 25px; border-bottom: dashed 2px var(--grey-700);  bottom: unset; transform: rotate(45deg); content: ''; }

.stepBox .right.col_1 .column:first-child):before{ position: absolute; top: 50%; left: -15px; z-index: -1; width: 25px; border-bottom: dashed 2px var(--grey-700); content: ''; }



/* ### help box ### */
.helpBox { padding-top: 60px; padding-bottom: 60px; width: var(--width); }
.helpBox .holder { margin: 0 -10px; padding-bottom: 13px; display: flex; flex-wrap: wrap; }
.helpBox .column { margin-bottom: 20px; padding: 0 10px; position: relative; z-index: 1; width: 25%;  color: var(--grey-500); text-decoration: none;}
.helpBox .introBox { padding-bottom: 10px; }
.helpBox .btn-wrap .main .secondary { min-width: 360px; }

.helpBox .image img{ width: 100%; height: 180px; object-fit: contain; }
.helpBox .card-help a { color: var(--red); display: block; }
.helpBox .card-help a:hover { text-decoration: none; }

/* ### faq box ### */
.faqBox { padding-top: 74px; padding-bottom: 79px; width: var(--width); background-color: var(--grey-100); }
.faqBox .introBox { padding-bottom: 0; }
.faqBox .accordion-list { margin-bottom: 62px; }

/* ### cta box ### */
.ctaBox { padding-top: 30px;
	padding-bottom: 30px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: var(--width);
	min-height: 350px; }
.ctaBox h2 { margin-bottom: 15px; color: var(--white); }
.ctaBox p { margin-bottom: 35px; }
.ctaBox .content { position: relative; z-index: 1; width: var(--width); text-align: center; color: var(--white); }
.ctaBox .bg-image { position: absolute; top: 0; left: 0; width: var(--width); height: var(--height); }
.ctaBox .bg-image img { width: var(--width); height: var(--height); object-fit: cover; }
.ctaBox .bg-image:after { position: absolute;
	top: 0;
	left: 0;
	width: var(--width);
	height: var(--height);
	background: linear-gradient(to top, rgba(68, 68, 68, 0.95) 50%, rgba(68, 68, 68, 0.85) 100%);
	content: ''; }

/* ### breadcrumb box ### */
.breadcrumbBox { width: var(--width); padding-top: 4px; padding-bottom: 8px; padding-left: 10px;}
.breadcrumbBox nav { padding-left: 3px; display: flex; flex-wrap: wrap; list-style: none; }
.breadcrumbBox span { position: relative; font-size: 12px; color: var(--grey-500); }
.breadcrumbBox a { text-decoration: var(--text-decoration); color: var(--grey-500); font-size: 12px; text-decoration: underline; }
.breadcrumbBox p{ margin-bottom: 0px; }

/* ### blog box ### */
.blogBox { padding-top: 60px; padding-bottom: 60px; width: var(--width); }
.blogBox .holder { margin: 0 -7px; padding-bottom: 8px; display: flex; flex-wrap: wrap; }
.blogBox .column { margin-bottom: 11px; padding: 0 7px; width: 33.33%; }

/* ### content box ### */
.contentBox { width: var(--width);padding-top: 60px; padding-bottom: 60px; }
.contentBox .block { width: var(--width); }
.contentBox .h4_style { margin-bottom: 5px; }
.contentBox p { margin-bottom: 30px; line-height: 1.7; }
.contentBox img { margin-bottom: 30px; }
.contentBox .btn-wrap .main .secondary { min-width: 300px; }
.contentBox .alignright{ float: right; margin-left: 20px; }
.contentBox .alignleft{ float: left; margin-right: 20px; }
.contentBox .btn-wrap .main .secondary{ position: relative!important; left: auto; }

.contentBox ul, .contentBox ol{ padding-left: 20px; }




/* ### academy box ### */
.academyBox { margin-bottom: 83px; padding-top: 75px; width: var(--width); }
.academyBox .introBox { padding-bottom: 12px; }
.academyBox_links { border-right: 2px solid var(--red); padding-right: 20px; }
.academyBox_links li {white-space: nowrap;}

/* ### tabBox ### */
.tabBox { width: var(--width); }
.tabBox .block { display: flex; align-items: flex-start; width: var(--width); }
.tabBox .scrollbar { min-width: 341px; height: 480px; border-right: 2px solid var(--red); padding-right: 20px; }
.tabBox .nav-tabs { padding-top: 4px; width: var(--width); list-style: none; }
.tabBox .nav-tabs > li { padding: 12px 20px; font-size: 16px; font-weight: var(--font-weight-700); color: var(--grey-500); border-bottom: solid 1px rgba(112, 112, 112, 0.3); transition: var(--transition); cursor: pointer; }
.tabBox .nav-tabs > li.active,
.tabBox .nav-tabs > li:hover { color: var(--red); }
.tabBox .tabs-list { position: relative; z-index: 2; display: flex; list-style: none; }
.tabBox .tabs-list > li { margin: 0 7px; padding: 14px 12px; display: flex; align-items: center; justify-content: center; white-space: nowrap; font-size: var(--font-size-base); font-weight: var(--font-weight-700); border: solid 1px var(--grey-200); background-color: var(--grey-100); transition: var(--transition); cursor: pointer; }
.tabBox .tabs-list > li.active,
.tabBox .tabs-list > li:hover { border-bottom: solid 1px var(--white); background-color: var(--white); }
.tabBox .tab_content,
.tabBox .tab_content-2 { padding: 34px 39px 19px; display: none; }
.tabBox .tab_content p { margin-bottom: 28px; }
.tabBox .tab_content ul { padding-bottom: 28px; list-style: none; }
.tabBox .tab_content ul > li { padding-left: 12px; position: relative; }
.tabBox .tab_content ul > li:after { position: absolute; top: 13px; left: 0; width: 5px; height: 2px; background-color: var(--grey-700); content: ''; }
.tabBox .tab-item.first .tab_content,
.tabBox .tab-item.first .tab_content-2 { display: block; }
.tabBox .tab_content-2 { margin-top: -2px; padding: 76px 38px 20px 38px; border: solid 1px var(--grey-200); }
.tabBox .tab_drawer_heading { margin-bottom: 0; padding: 13px 20px 13px 0; position: relative; display: none; }
.tabBox .tab_drawer_heading:after { position: absolute; top: 17px; right: 0; font-family: var(--font-family-icon); font-size: 12px; line-height: 1; transition: var(--transition); content: '\e901'; }
.tabBox .tab-item.active .tab_drawer_heading:after { transform: rotate(-180deg); }
.tabBox.inner .tabs-list > li { max-width: 320px; }
.tabBox.inner .tab_content-2 { padding-top: 34px; }



.tab_tekst_blok{ position:relative;z-index:10; }
.tab_img_blok{ margin-top:-135px;position:relative;z-index:5; }
.tab_img_blok img{ margin:0 auto; }



/* ### job box ### */
.jobBox { padding-top: 60px; padding-bottom: 60px; width: var(--width); }

/* ### info box ### */
/* ### info box ### */
.infoBox { margin-bottom: 83px; padding-top: 80px; padding-bottom: 40px; width: var(--width); }
.infoBox .holder { margin: 0 -8px; display: flex; flex-wrap: wrap; }
.infoBox .column { padding: 0 8px; width: 50%; }
.infoBox .info { padding-right: 8px; padding-left: 8px; width: 50%; }
.infoBox.inner { margin-bottom: 0; padding-bottom: 80px; }

.infoBox .logo_knop_holder{ display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.info_rechts_btn { max-height: 58px; }
.btn_left_info{ margin-top: 40px; }

/* ### chart box ### */
.chartBox { margin-bottom: 82px; padding-top: 81px; padding-bottom: 83px; width: var(--width); background-color: var(--grey-100); }
.chartBox .holder { padding-bottom: 40px; position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; }
.chartBox .dash_box{ 
	position: absolute;
	top:  172px;
	left: 50%;
	width:  81%;
	height:  263px;
	border: solid 2px rgba(68, 68, 68, 0.3);
	border-radius: 5px;
	transform: translateX(-50%);
	content: ''; }
.chartBox .column { position: relative; z-index: 1; width: var(--width); max-width: 245px; }
.chartBox .column_first .card-step:after { display: none; }
.chartBox .column_last .card-step:after { display: none; }
.chartBox .card-step { margin-bottom: 54px; position: relative; }
.chartBox .card-step:after { 
	position: absolute;
	bottom: -60px;
	left: 50%;
	z-index: -1;
	width: 0;
	height: 60px;
	border-left: solid 2px rgba(68, 68, 68, 0.3);
	transform: translateX(-50%);
	content: '';  }
.chartBox .card-step.no_display:after { display: none!important; }	
	
.chartBox .card-step:last-child { margin-bottom: 0; }
/*.chartBox .card-step:last-child:after { display: none; }*/
.chartBox .introBox { padding-bottom: 11px; }

.chartBox .button{ padding: 15px 31px!important; }








/* ### stand box ### */
.standBox { padding-top: 60px; padding-bottom: 60px; width: var(--width); }
.standBox img { width: var(--width); }

/* ### timeline box ### */
.timelineBox { padding-top: 82px; padding-bottom: 135px; width: var(--width); background-color: var(--grey-100); }
.timelineBox .introBox { padding-bottom: 60px; }
.timelineBox ul { position: relative; list-style: none; }

.timelineBox ul > li { margin-bottom: -87px; position: relative; display: flex; flex-direction: row; justify-content: space-between; z-index: 10; min-height: 300px;}
.timelineBox ul > li:nth-child(even){ flex-direction: row-reverse; }
.timelineBox ul > li .year { z-index: 1; display: flex; flex: 0 0 auto; align-items: center; justify-content: center; width: 100px; height: 100px; font-size: 28px; font-weight: var(--font-weight-700); color: var(--red); border: solid 2px rgba(68, 68, 68, 0.3); border-radius: 75px; background-color: var(--white); }
.timelineBox ul > li:before { position: absolute; top: 48px; left: 0; width: 50%; height: 2px; border-bottom: solid 2px rgba(68, 68, 68, 0.3); content: ''; z-index: 0; }
.timelineBox ul > li:last-child { margin-bottom: 0; }
.timelineBox ul > li:nth-child(odd) .paragraph { right: unset; left: 0; }
.timelineBox ul > li:nth-child(even):before { right: 0; left: unset; }
.timelineBox .holder { margin: 0px; display: flex; flex-wrap: wrap; }
.timelineBox .column { margin-bottom: 5px; padding: 0 7px; }
.timelineBox .paragraph { padding: 13px 18px; top: 7px; right: 0; z-index: 2; width: var(--width); max-width: 528px; border: solid 1px rgba(68, 68, 68, 0.3); border-radius: 5px; background-color: #efefef ; height: fit-content;}
.timelineBox .paragraph_0 { width: var(--width); max-width: 528px;}
.timelineBox .paragraph p { margin-bottom: 14px; text-align:left;}
.timelineBox .image { width: var(--width); }
.timelineBox .image img { width: var(--width); }
.timelineBox .column img {  width: 120px; height: 120px; object-fit:cover; }

.timelineBox ul:after {
  position: absolute;
  top: 0;
  left: 50%;
  height: 100%;
  border-left: solid 2px rgba(68, 68, 68, 0.3);
  transform: translateX(-50%);
  content: '';}
.timelineBox ul > li:last-child:after{
	display: none;
	}
.timelineBox_lees_meer_btn{ margin-bottom: 10px; cursor: pointer; display: block; color: var(--red); }

.timelineBox_text_img_holder{ display: flex; justify-content: space-between; }  
.timelineBox_text_holder{ width: calc(100% - 170px); } 
.timelineBox_text_img_holder .holder img{ width: 150px; height: 150px; object-fit:cover; } 




/* ### organization box ### */
.organizationBox { margin-bottom: 82px; padding-top: 82px; padding-bottom: 82px; width: var(--width); background-color: var(--grey-100); }
.organizationBox .introBox { padding-bottom: 12px; }
.organizationBox .holder { padding-bottom: 40px; position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.organizationBox .column { position: relative; width: var(--width); max-width: 245px; }
.organizationBox .column:nth-child(1) { z-index: 30; }
.organizationBox .column:nth-child(2) { z-index: 20; }
.organizationBox .column:nth-child(3) { z-index: 10; }
#mobile_org_items{flex-direction: column; display:none;}
#mobile_org_items .card-management:last-child{ margin-bottom: 40px; }






/* ### vacancy box ### */
.vacancyBox { padding-top: 80px; padding-bottom: 62px; width: var(--width); background-color: var(--grey-100); }
.vacancyBox .holder { margin: 0 -8px; display: flex; flex-wrap: wrap; }
.vacancyBox .column { margin-bottom: 16px; padding: 0 8px; width: 33.33%; }
.vacancyBox .introBox { padding-bottom: 10px; }

/* ### seo box ### */
.seoBox { padding-top: 80px; padding-bottom: 82px; width: var(--width); }
.seoBox h2 { margin-bottom: 15px; }
.seoBox .column { display: flex; width: var(--width); }
.seoBox .image { flex: 0 0 auto; width: 30%; border-radius: 5px; overflow: hidden; }
.seoBox .image img { width: var(--width); height: 100%; object-fit: cover; }
.seoBox .content {  padding-left: 50px; }
.seoBox .content p { margin-bottom: 32px; }
.seoBox.inner { background-color: var(--grey-100); }
.seoBox.inner .image { width: 49.4%; }
.seoBox.reverse { background-color: var(--grey-100); }
.seoBox.reverse .image { width: 49.4%; }
.seoBox.reverse .column { flex-direction: row-reverse; }
.seoBox.reverse .content { padding-right: 50px; padding-left: 0; }

.seoBox ul, .seoBox ol{ padding-left: 24px; }


/* ### core box ### */
.coreBox { padding-top: 132px; width: var(--width); }
.coreBox .holder { margin: 0 -8px; display: flex; flex-wrap: wrap; }
.coreBox .column { padding: 0 8px; width: 33.33%; margin-bottom: 80px; }

/* ### team box ### */
.teamBox { margin-bottom: 80px; width: var(--width); }
.teamBox .introBox { padding-bottom: 14px; }
.teamBox .introBox p { margin-bottom: 0; }

/* ### associate box ### */
.associateBox { margin-bottom: 82px; display: flex; flex-wrap: wrap; justify-content: space-between; width: var(--width); }
.associateBox .content { width: 48%; font-size: 18px; }
.associateBox .content ul { margin-bottom: 23px; list-style: none; }
.associateBox .content ul > li { padding-bottom: 5px; padding-left: 23px; position: relative; }
.associateBox .content ul > li:before { position: absolute; top: 0; left: 0; font-family: var(--font-family-icon); font-size: 18px; content: '\e900'; }
.associateBox .content .time { margin-bottom: 15px; display: flex; flex-wrap: wrap; list-style: none; }
.associateBox .content .time > li { margin-right: 45px; padding: 0; display: flex; align-items: center; font-size: 18px; }
.associateBox .content .time > li:before { display: none; }
.associateBox .content .time > li:last-child { margin-right: 0; }
.associateBox .content .time > li > i { margin-right: 6px; color: var(--black); }
.associateBox .image { width: 49.4%; }
.associateBox .image img { width: var(--width); }

.vacature_icoon{ width: 24px; height: 24px; object-fit:contain; }


/* ### contact box ### */
.contactBox { margin-bottom: 72px; width: var(--width); }
.contactBox .holder { margin: 0 -8px; display: flex; flex-wrap: wrap; }
.contactBox .column { padding: 0 8px; width: 50%; }
.contactBox .card-intro { margin-bottom: 14px; padding: 34px 39px; height: auto; }

/* ### form card ### */
.form-card { padding: 32px 39px 15px; width: var(--width); height: var(--height); color: var(--grey-500); border: solid 1px rgba(112, 112, 112, 0.2); border-radius: 5px; background-color: var(--white); }
.form-card input[type=text], .form-card input[type=tel], .form-card input[type=email], .form-card input[type=number]{ margin: 0 -8px; display: flex; flex-wrap: wrap; }
.form-card .form-group { margin-bottom: 26px; padding: 0 8px; width: 50%; }
.form-card .form-full { padding: 0 8px; width: 100%; }
.form-card span { font-size: 12px; }
.form-card span a { color: var(--grey-500); }
.form-card .button { width: var(--width); cursor: pointer; min-height: 60px!important; }
.form-card label{ font-weight: 700!important; }
.ginput_container_consent { padding: 16px 5px 20px; display: flex; justify-content: center; }
.ginput_container_consent .check-item { position: relative; }
.ginput_container_consent input { display: none!important; }
.ginput_container_consent label { padding-left: 30px; font-size: 12px; font-weight: var(--font-weight-400); cursor: pointer; position: relative; }
.ginput_container_consent label:before { position: absolute; top: 0; left: 0; width: 18px; height: 18px; border: solid 1px rgba(112, 112, 112, 0.2); border-radius: 5px; background-color: var(--white); appearance: none; content: ''; }
.ginput_container_consent input:checked ~ label:before { border: solid 1px var(--red); background-color: var(--red); }
.ginput_container_consent label a { color: var(--grey-500); }
.ginput_container_consent label a:hover { text-decoration: var(--text-decoration); }

.gform_required_legend{ display: none; }

.gform_button{
	padding: 15px 38px!important;
	display: inline-flex!important;
	align-items: center!important;
	justify-content: center!important;
	font-family: var(--font-family-base)!important;
	font-size: var(--font-size-base)!important;
	text-decoration: var(--text-decoration)!important;
	color: var(--white)!important;
	border: 0!important;
	border-radius: 5px!important;
	background-color: var(--red)!important;
	width: 100%!important;
	}
.gform_button:hover{
	background-color: var(--dark-red)!important;
	}
.gform-theme--foundation .gform_fields {
  grid-column-gap: 0;
  grid-row-gap: 0!important;
  display: grid;
  grid-template-columns: repeat(1,1fr);
  grid-template-rows: repeat(auto-fill,auto);
  inline-size: 100%;
}
..gform-theme--foundation .gform_fields {
  grid-column-gap: 0;
  grid-row-gap: var(--gform-theme-form-row-gap);
  display: grid;
  grid-template-columns: repeat(12,1fr);
  grid-template-rows: repeat(auto-fill,auto);
  inline-size: 100%;
  }
.gform_fields .gfield{
	margin-bottom: 20px!important;
	}



/* ### card-map ### */
.card-map { width: var(--width); border: solid 1px rgba(112, 112, 112, 0.2); border-radius: 5px; }
.card-map iframe { display: block; }

/* ### client box ### */
.clientBox { width: var(--width); }
.clientBox h2 { margin-bottom: 35px; text-align: center; }

/* ### copy box ### */
.copyBox { width: 320px; }

/* ### mCSB_scrollTools ### */
.mCSB_scrollTools .mCSB_draggerRail { width: 2px; background-color: var(--red); }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 2px; background-color: var(--red); }
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: var(--red); }


/* ### .accordion-list ### */
.accordion-list { width: var(--width); list-style: none; }
.accordion-list > li { padding: 11px 35px 11px 8px; position: relative; border-bottom: solid 1px rgba(112, 112, 112, 0.3); cursor: pointer; margin-bottom: 10px; width: 100%; height: fit-content; }
.accordion-list > li:after { position: absolute; top: 14px; right: 10px; font-family: var(--font-family-icon); color: var(--red); transition: var(--transition); content: '\e901'; }
.accordion-list > li.active:after { transform: rotate(-180deg); }
.accordion-list > li .accordion-title { display: flex; align-items: center; width: var(--width); }
.accordion-list > li .accordion-title .h6_style { margin-bottom: 0; margin-left: 10px; }
.accordion-list > li .accordion-title img { flex: 0 0 auto; }
.accordion-list > li .accordion-content { padding: 10px 42px 0; width: var(--width); line-height: 1.75; }
.accordion-list > li .accordion-content p { margin-bottom: 10px; }

/* ### slick-arrow ### */
.slick-track { margin-right: unset; margin-left: unset; }
.slick-arrow { position: absolute; top: 50%; z-index: 1; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; font-size: 14px; text-decoration: var(--text-decoration); color: var(--grey-700); border: solid 1px rgba(112, 112, 112, 0.6); border-radius: 5px; background-color: var(--white); transform: translateY(-50%); }
.slick-arrow:hover { color: var(--white); background-color: var(--grey-700); }
.prev-arrow { left: -60px; }
.next-arrow { right: -60px; }

/* ### card-value ### */
.card-value { padding: 71px 39px 15px; position: relative; width: var(--width); height: var(--height); text-decoration: var(--text-decoration); color: var(--grey-500); border: solid 1px rgba(112, 112, 112, 0.2); border-radius: 5px; background-color: var(--white); min-height: 480px; }
.card-value .h4_style { text-align: center; }
.card-value .icon { padding: 10px; position: absolute; top: -53px; left: 50%; display: flex; align-items: center; justify-content: center; width: 100px; height: 100px; border-radius: 50%; background-color: var(--red); transform: translateX(-50%); }
.card-value.black .icon { background-color: var(--black); }
.card-value.gray .icon { background-color: var(--grey-100); }
.card-value.gray .icon img { filter: invert(100%); }

/* ### card-management ### */
.card-management { margin-bottom: 40px; width: var(--width); position: relative; }
.card-management:last-child { margin-bottom: 0; }
.card-management .title { margin: 0 auto; position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; width: 120px; min-height: 120px; font-size: var(--font-size-base); font-weight: var(--font-weight-700); color: var(--red); border: solid 2px #a6a6a6; border-radius: 75px; background-color: var(--white); overflow: hidden;text-align: center; line-height: 1.2em; }
.card-management .title span { position: absolute; top: 50%; left: 50%; font-size: 80px; color: rgba(198, 198, 198, 0.3); transform: translate(-50%, -50%); }
.card-management .info { margin-top: -10px; padding: 16px 19px 16px 32px; width: var(--width); border: solid 2px #a6a6a6; border-radius: 20px; background-color: var(--grey-100); }
.card-management .info ul { list-style: none; }
.card-management .info ul > li { padding-bottom: 3px; font-size: var(--font-size-base); font-weight: var(--font-weight-700); line-height: normal; color: var(--grey-500); }
.card-management:hover .tooltip { opacity: 1; visibility: visible; z-index: 999;}
.card-management .tooltip { margin-top: 2px; padding: 16px 21px; position: absolute; top: 100%; left: -115px; z-index: 1; opacity: 0; visibility: hidden; min-width: 354px; color: var(--white); border-radius: 10px; background-color: rgba(68, 68, 68, 0.7); transition: var(--transition); }

/* ### card vacancy ### */
.card-vacancy { padding: 35px 39px 32px; width: var(--width); height: var(--height); text-decoration: var(--text-decoration); color: var(--grey-500); border: solid 1px rgba(112, 112, 112, 0.2); border-radius: 5px; background-color: var(--white); display: flex; flex-direction: column; justify-content: space-between; }
.card-vacancy:hover .read-more span { text-decoration: underline; }
.card-vacancy .h4_style { margin-bottom: 30px; }
.card-vacancy p { margin-bottom: 23px; flex: auto; }

/* ### card-blog ### */
.card-blog { display: flex; flex-direction: column; width: var(--width); text-decoration: var(--text-decoration); border: solid 1px rgba(112, 112, 112, 0.2); border-radius: 5px; overflow: hidden; height: 100%; background-color: #ffffff; }
.card-blog:hover img { transform: scale(1.05); }
.card-blog:hover .read-more span { text-decoration: underline; }
.card-blog .h4_style { margin-bottom: 31px; }
.card-blog .image { width: var(--width); overflow: hidden; }
.card-blog .image img { width: var(--width); height: var(--height); object-fit: cover; transition: var(--transition); }
.card-blog .info { padding: 36px 40px 0px; width: var(--width); line-height: 1.75; color: var(--grey-500); flex: auto; }
.card-blog .info p { margin-bottom: 22px; }
.card-blog .blog_read_more{ padding: 0px 40px 24px; }

/* ### card box ### */
.card-intro { padding: 34px 39px 0; width: var(--width); height: var(--height); text-decoration: var(--text-decoration); border: solid 1px rgba(112, 112, 112, 0.2); border-radius: 5px; background-color: var(--white); }
.card-intro h2 { margin-bottom: 11px; }
.card-intro .h5_style { margin-bottom: 5px; }
.card-intro .item { display: flex; width: var(--width); }
.card-intro .image { flex: 0 0 auto; width: var(--width); max-width: 222px; }
.card-intro .image img { max-width: var(--width); }
.card-intro .content { padding-top: 22px; padding-left: 56px; }
.card-intro .content p { margin-bottom: 28px; }
.card-intro ul { list-style: none; }
.card-intro ul > li { padding-bottom: 0; }
.card-intro ul > li > a { color: var(--red); }
.card-intro ul > li > a i{text-decoration: var(--text-decoration); font-size: 32px;}
.card-intro ul > li > a:hover { text-decoration: var(--text-decoration); }
.card-intro address { margin-bottom: 35px; font-style: normal; }

/* ### card-companies ### */
.card-companies { padding: 28px 39px; width: var(--width); height: var(--height); text-decoration: var(--text-decoration); border: solid 1px rgba(112, 112, 112, 0.2); border-radius: 5px; background-color: var(--white); }
.card-companies h2 { margin-bottom: 20px; }
.card-companies .items { display: flex; flex-wrap: wrap; align-items: center; }
.card-companies .logo { margin-bottom: 20px; padding-right: 30px; width: 33.33%; }

/* ### card-help ### */
.card-help { width: var(--width); text-align: center; }
.card-help .h5_style { margin-bottom: 5px; }
.card-help span { font-size: 16px; color: var(--grey-500); }
.card-help .image { margin-bottom: 18px; display: flex; flex-wrap: wrap; justify-content: center; width: var(--width); }


/* ### card-step ### */
.card-step { padding: 10px 12px; position: relative; display: flex; align-items: center; width: var(--width); min-height: 79px; text-decoration: var(--text-decoration); border: solid 2px rgba(68, 68, 68, 0.3); border-radius: 5px; background-color: var(--grey-100);  color: #000000; }
.card-step .h6_style { margin-bottom: 0; padding-left: 28px; color: #000000; }
.card-step .icon { flex: 0 0 auto; width: 35px; }
.card-step .icon img { max-width: var(--width); }
.card-step .tooltip { margin-top: 2px; padding: 16px 21px; position: absolute; top: 100%; left: -55px; z-index: 80; opacity: 0; visibility: hidden; min-width: 354px; color: var(--white); border-radius: 10px; background-color: rgba(68, 68, 68, 0.7); transition: var(--transition); }
.card-step .tooltip p { margin-bottom: 0; }
.card-step:hover .tooltip { opacity: 1; visibility: visible; }

/* ### card-review ### */
.card-review { padding: 31px 31px 14px; width: var(--width); border-radius: 5px; background-color: var(--white); min-height: 505px; }
.card-review .logo { margin: 0 auto 20px; display: flex; align-items: center; justify-content: center; }
.card-review .logo img { max-width: var(--width); max-height: 80px; object-fit:contain; }
.card-review .text { width: var(--width); }
.card-review .text p { margin-bottom: 14px; color: var(--grey-500); }
.card-review .star { padding-top: 10px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; width: var(--width); border-top: solid 2px rgba(112, 112, 112, 0.1); }
.card-review .star span { font-size: 14px; color: var(--grey-500); }
.card-review .star ul { display: flex; list-style: none; }
.card-review .star ul > li { margin-left: 5px; font-size: 11px; color: var(--yellow); }

/* ### card-service ### */
.card-service { padding: 33px 39px 32px; width: var(--width); height: var(--height); text-decoration: var(--text-decoration); color: var(--grey-500); border: solid 1px rgba(112, 112, 112, 0.2); border-radius: 5px; }
.card-service .h4_style { margin-bottom: 30px; }
.card-service p { margin-bottom: 7px; }
.card-service .icon { margin-bottom: 17px; width: 36px; }
.card-service .arrow { font-size: 16px; color: var(--red); transition: var(--transition); }
.card-service:hover .arrow { margin-left: 20px; }

/* ### card-market ### */
.card-market { position: relative; width: var(--width); text-decoration: var(--text-decoration); border-radius: 5px; transition: var(--transition); overflow: hidden; }
.card-market .h4_style { margin-bottom: 0; color: var(--white); transition: var(--transition); }
.card-market img { width: var(--width); height: 220px; object-fit:cover; }
.card-market .info { padding: 8px 80px 9px 20px; position: absolute; bottom: 35px; left: 40px; width: auto; max-width: calc(100% - 80px); border-radius: 10px; background-color: rgba(0, 0, 0, 0.6); }
.card-market .info span { display: none; font-size: 16px; color: var(--white); }
.card-market .info i { position: absolute; right: 37px; bottom: 12px; font-size: 15px; color: var(--white); transition: var(--transition); }
.card-market:hover .h4_style { margin-bottom: 17px; }
.card-market:hover .info i { right: 17px; color: var(--red); }
.card-market:hover .info span { display: block; }

/* ### footer container ### */
#footerCntr { overflow: hidden; width: var(--width); }

/* ### footer box ### */
.footerBox { padding-top: 75px; padding-bottom: 50px; width: var(--width); background-color: var(--grey-400); }
.footerBox .holder { margin: 0 -10px; display: flex; flex-wrap: wrap; }
.footerBox .column { padding: 0 10px; position: relative; z-index: 1; width: 25%; }
.footerBox .title { margin-bottom: 6px; font-weight: var(--font-weight-700); color: var(--white); }
.footerBox .column p{ color: var(--white);font-size: 14px;}
.footerBox .column p a{ color: var(--white);font-size: 14px;}
.footerBox .column p a:hover{ text-decoration: var(--text-decoration); color: var(--red);}
.footerBox .menu { width: var(--width); }
.footerBox .menu ul { margin-bottom: 27px; list-style: none; }
.footerBox .menu ul > li { padding-bottom: 5px; line-height: normal; }
.footerBox .menu ul > li > a { font-size: 14px; color: var(--white); }
.footerBox .menu ul > li > a:hover { text-decoration: var(--text-decoration); color: var(--red); }

/* ### copyright box ### */
.copyrightBox { padding-top: 14px; padding-bottom: 10px; width: var(--width); background-color: var(--width); }
.copyrightBox ul { display: flex; flex-wrap: wrap; list-style: none; }
.copyrightBox ul > li { position: relative; font-size: 14px; }
.copyrightBox ul > li:after { margin: 0 10px; display: inline-block; width: 2px; height: 15px; vertical-align: middle; background-color: var(--grey-500); content: ''; }
.copyrightBox ul > li:last-child:after { display: none; }
.copyrightBox ul > li > a { font-family: var(--font-family-roboto); font-size: 14px; text-decoration: var(--text-decoration); color: var(--grey-500); }
.copyrightBox ul > li > a:hover { text-decoration: underline; }



.iframe_holder{
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 0px;
	height: 0;
	}
.iframe_holder iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}

/* #Media Queries
================================================== */

@media only screen and (max-width: 1730px) {
	.centered-lg { padding-right: 15px; padding-left: 15px; }
	.card-step .tooltip { left: -2px; }
}

@media only screen and (max-width: 1320px) {
	.centered { padding-right: 15px; padding-left: 15px; }
	.menuBox:not(.mm-menu) ul { margin-left: 0; }
	.heroBox .content { margin-left: 0; }
	.card-step { padding: 10px; }
	.card-step .h6_style { padding-left: 20px; }
	.prev-arrow { left: -10px; }
	.next-arrow { right: -10px; }
}

@media only screen and (max-width: 1199px) {
	.menuBox:not(.mm-menu) ul > li { margin: 0 10px; }
	.heroBox { min-height:auto; }
	.stepBox .introBox { padding-bottom: 25px; }
	.stepBox .column { margin-bottom: 10px; width: 25%; }
	.stepBox .column:after { display: none; }
	.stepBox .btn-wrap { padding-top: 50px; }
	.stepBox .column-1 { width: 78%; }
	.stepBox .left { width: var(--width); }
	.stepBox .left .column:last-child:after { display: none; }
	.stepBox .right { margin: 0 0px; display: flex; flex-wrap: wrap; width: 100%;  }
	.stepBox .right .column { padding: 0 10px; width: 33.33%; }
	.stepBox .right .column:after { display: none; }
	.stepBox .right .column:last-child:after { display: none; }
	.stepBox .right .column:first-child:before,
	.stepBox .right .column:last-child:before { display: none; }
	.stepBox .right .column:nth-child(2):before {  display: none; }
	.card-review { padding: 25px 20px; }
	.card-blog .info { padding: 30px 20px; }
	.tabBox .tabs-list > li { text-align: center; }
	.tabBox .tab_content-2 { padding: 40px 30px; }
	.tabBox .nav-tabs > li { padding: 12px 10px; }
	.tabBox .scrollbar { min-width: 300px; }
	.timelineBox .paragraph { max-width: 390px; }
	.timelineBox .paragraph_0 { max-width: 390px; }
	.seoBox.reverse .content { padding-right: 0px; }
	.card-companies,
	.card-intro { padding: 25px; }
	.card-intro .content { padding-left: 20px; }
	.stepBox .introBox { padding-bottom: 0px;margin-bottom: 20px; }
	.stepBox .holder:after { position: absolute; top: 0; left: 50%; z-index: 1; height: var(--height); border-left: dashed 2px var(--grey-700); transform: translateX(-50%); content: ''; }
	.stepBox .column { margin-bottom: 20px; width: var(--width); }
	.stepBox .column:after { display: none; }
	.stepBox .column:last-child { margin-bottom: 0; }
	.stepBox .column-1:before { display: none; }
	.stepBox .holder-1:after { top:-20px; }
}

@media only screen and (max-width: 991px) {
	h2 { font-size: 25px; }
	.h4_style { font-size: 18px; }
	.btn-wrap .main .secondary { position: unset; margin-top: 20px; min-width: auto; }
	#wrapper { padding-top: 90px; }
	#headerCntr { padding-top: 10px; padding-bottom: 10px; display: block; }
	#headerCntr .mm-hidden { display: none; }
	.menuBox:not(.mm-menu) { display: none; }
	.mobile-menu { display: block; }
	.customerBox { margin-bottom: 40px; }
	.stepBox .left { z-index: 12; position: relative; }
	.stepBox .left .holder { z-index: 12; position: relative; overflow: visible; }
	.stepBox .right { z-index: 1; }
	.stepBox { margin-bottom: 50px; padding-top: 50px; padding-bottom: 50px; }
	
	.stepBox .column-1 { width: var(--width); }
	
	.contentBox { padding-top: 10px; padding-bottom: 10px; }
	.contentBox .block { padding-bottom: 20px; }
	.academyBox { margin-bottom: 50px; padding-top: 50px; }
	.tabBox .block { margin-bottom: 30px; display: block; }
	.tabBox .nav-tabs { padding-right: 0; max-width: 100%; border-right: 0; }
	.tabBox .scrollbar { display: none; }
	.tabBox .tab_drawer_heading { display: block; }
	.tabBox .tab_content,
	.tabBox .tab_content-2 { padding: 20px 0 0; }
	.tabBox .tab-item.first { border-top: solid 1px var(--grey-200); }
	.tabBox .tab-item { border-bottom: solid 1px var(--grey-200); }
	.tabBox .tab-item.first .tab_content,
	.tabBox .tab-item.first .tab_content-2 { display: none; }
	.tabBox .tabs-list { display: none; }
	.tabBox .tab_content-2 { padding: 20px 0; border: 0; }
	.jobBox { margin-bottom: 10px; }
	.chartBox { margin-bottom: 50px; padding-top: 50px; padding-bottom: 50px; }
	.chartBox .holder { margin: 0 -8px; }
	.chartBox .column { padding: 0 8px; }
	.standBox { margin-bottom: 50px; }
	.infoBox { margin-bottom: 50px; padding-top: 50px; }
	.infoBox.inner { padding-bottom: 50px; }
	.timelineBox { padding-top: 50px; padding-bottom: 50px!important; }
	.timelineBox ul:after { left: 50px; height: 98%; }
	.timelineBox ul > li { margin-bottom: 50px; justify-content: center; align-items: center; flex-direction: column-reverse; }
	.timelineBox ul > li:nth-child(odd) .paragraph { right: 0; left: unset; }
	.timelineBox ul > li:nth-child(even):before { right: unset; left: 0; }
	.timelineBox ul > li:before{ display:none;}
	.timelineBox .paragraph { margin-left: 0px; position: relative; max-width: var(--width); width: auto; }
	.timelineBox ul > li:nth-child(even) {flex-direction: column-reverse;}
	.timelineBox ul > li:after{ display: none; }
	.timelineBox ul:after { position: absolute; top: 0; left: 50%; height: 100%; border-left: solid 2px rgba(68, 68, 68, 0.3); transform: translateX(-50%); content: ''; }
	.organizationBox { padding-top: 50px; padding-bottom: 50px; }
	.organizationBox .holder { margin: 0 -5px; padding-bottom: 0; }
	.organizationBox .column { padding: 0 5px; }
	.coreBox { padding-top: 90px; padding-bottom: 0; }
	.coreBox .column { margin-bottom: 80px; width: 50%; }
	.seoBox { padding-top: 50px; padding-bottom: 50px; }
	.seoBox .image { width: 43%; }
	.seoBox .content { padding-top: 15px; padding-left: 25px; }
	.seoBox.reverse { margin-bottom: 50px; }
	.seoBox.reverse .column { display: block; }
	.seoBox.reverse .image { width: var(--width); }
	.associateBox .content { order: 2; width: var(--width); }
	.associateBox .image { margin-bottom: 30px; order: 1; width: var(--width); }
	.contactBox { margin-bottom: 50px; }
	.contactBox .card-intro { padding: 30px 20px; }
	.clientBox { padding-bottom: 20px; }
	.teamBox { margin-bottom: 50px; }
	.form-card { padding: 30px 20px; }
	.form-card .form-group { margin-bottom: 15px; width: var(--width); }
	.form-card textarea { height: 120px; }
	.card-intro .item { align-items: flex-end; }
	.card-intro .image { max-width: 120px; }
	.card-intro .content { padding-top: 0; }
	.card-intro .content p { margin-bottom: 10px; }
	.card-service { padding: 30px 15px; }
	.card-service .h4_style { margin-bottom: 20px; }
	.card-step .h6_style { padding-left: 10px; word-break: break-word; }
	.card-vacancy { padding: 25px; }
	.reviewBox .item{ width: 100%; }
	.academyBox_links { display: none;}
}

@media only screen and (min-width: 768px) {
	.footerBox .hidden-text { display: block !important; height: auto !important; }
}

@media only screen and (max-width: 767px) {
	h1 { font-size: 32px; }
	h2 { font-size: 25px; }
	.heroBox { margin-bottom: 0; display: block; padding-top: 50px; padding-bottom: 50px; }
	.heroBox .content { padding: 20px; font-size: 16px; }
	.heroBox .content ul > li { font-size: 16px; }
	.heroBox.inner { min-height: 300px; }
	.uspsBox { margin-bottom: 40px; }
	.uspsBox .item { margin-right: 0; }
	.uspsBox .text { justify-content: center; font-size: var(--font-size-base); }
	.uspsBox .text p { white-space: nowrap; text-overflow: ellipsis; overflow: hidden;  }
	.uspsBox.inner .text p{ font-size: 12px; }
	.uspsBox .item i { width: 30px; height: 30px; font-size: 14px; }
	.serviceBox { margin-bottom: 40px; }
	.serviceBox .column { width: 50%; }
	.reviewBox { padding-top: 50px; padding-bottom: 50px; }
	.reviewBox .holder { margin: 0;}
	.reviewBox .item {  padding: 0; }
	.reviewBox .slick-list { margin-right: 20px; overflow: visible; }
	.marketBox { margin-bottom: 40px; }
	.stepBox { padding-top: 45px; padding-bottom: 45px; }
	
	.stepBox .column-1 { width: var(--width); }
	.stepBox .left .holder { position: relative; z-index: 1;}
	.stepBox .left .holder:after { position: absolute; top: 0; left: 50%; z-index: -1; height: var(--height); border-left: dashed 2px var(--grey-700); transform: translateX(-50%); content: ''; }
	.stepBox .left .column { margin-bottom: 20px; width: 100%; }
	.stepBox .left .column:after { display: none; }
	.stepBox .right { margin: 0; position: relative; z-index: 1; width: 100%; }
	/*.stepBox .right:after { position: absolute; top: 0; left: 50%; z-index: -1; height: var(--height); border-left: dashed 2px var(--grey-700); transform: translateX(-50%); content: ''; }*/
	.stepBox .right .column { padding: 0; width: 100%; }
	.stepBox .right .column:after { display: none; }
	.helpBox { margin-bottom: 40px; }
	.helpBox .column { width: 50%; }
	.card-market .info { left: 15px; max-width: 220px; }
	.faqBox { padding-top: 40px; padding-bottom: 40px; }
	.faqBox .accordion-list { margin-bottom: 30px; }
	.blogBox { margin-bottom: 25px; }
	.blogBox .column { margin-bottom: 20px; width: 50%; }
	.seoBox .column { flex-wrap: wrap; }
	.seoBox .image { margin-bottom: 30px; width: var(--width); }
	.seoBox .content { padding: 0; width: var(--width); }
	.seoBox .button { width: var(--width); }
	.seoBox.inner .image { width: var(--width); }
	.contentBox { margin-bottom: 50px; }
	.contentBox .block { padding-bottom: 20px; }
	.infoBox { margin-bottom: 50px; }
	.infoBox .column { margin-bottom: 20px; width: 100%; }
	.chartBox .holder { padding-bottom: 10px; justify-content: center; display: none; }
	.chartBox .holder:before { display: none; }
	.chartBox .column { max-width: var(--width); overflow: hidden; }
	.chartBox .card-step { margin-bottom: 25px; }
	.chartBox .card-step:last-child { margin-bottom: 25px; }
	.chartBox .column:first-child .card-step:after { display: block; }
	.chartBox .column:last-child .card-step:after { display: none; }
	.chartBox .card-step:last-child:after { display: block; }
	.coreBox .column { width: var(--width); }
	.timelineBox .introBox { padding-bottom: 0; }
	.organizationBox .holder { margin: 0; display: block; }
	.organizationBox .column { margin: 0 auto; padding: 0; }
	.vacancyBox { padding-top: 50px; padding-bottom: 30px; }
	.vacancyBox .column { width: var(--width); }
	.contactBox .column { width: var(--width); }
	.card-map { margin-bottom: 20px; }
	.card-management { margin-bottom: 30px; }
	.card-management:last-child { margin-bottom: 30px; }
	.card-blog .h4_style { margin-bottom: 20px; }
	.card-blog .info p { margin-bottom: 18px; }
	.card-value { padding: 71px 25px 15px; }
	.card-intro { padding: 20px; }
	.card-intro h2 { margin-bottom: 20px; }
	.card-intro .item { flex-wrap: wrap; }
	.card-intro .image { margin-bottom: 15px; }
	.card-companies { padding: 20px; }
	.ctaBox h2 { text-align: left; }
	.ctaBox p { text-align: left; }
	.accordion-list > li { padding-left: 25px; }
	.accordion-list > li .accordion-content { padding: 10px 5px 0 42px; }
	.footerBox { padding-top: 30px; padding-bottom: 30px; }
	.footerBox .column { width: 100%; }
	.footerBox .menu ul { margin-bottom: 15px; padding-top: 10px; }
	.footerBox .title { padding-bottom: 10px; position: relative; border-bottom: solid 1px rgba(255, 255, 255, 0.4); }
	.footerBox .title:after { position: absolute; top: 5px; right: 10px; font-family: var(--font-family-icon); font-size: 15px; color: var(--white); transition: var(--transition); content: '\e901'; }
	.footerBox .title.active:after { transform: rotate(-180deg); }
	.footerBox .hidden-text { display: none; }
	.copyrightBox ul { justify-content: center; }
	.button-link { text-align: center; }
	
	
	.mobiel_view{ display: block; }
	.desktop_view{ display: none; }
	.markt_item_holder .item{width: 100%; margin-bottom: 15px; margin-right: 0px;}
	
	.timelineBox_text_holder{ width: 100% } 
	.timelineBox_text_img_holder .holder img{ width: 100%; height: auto; object-fit:cover; } 
	.timelineBox_text_img_holder{ display: flex; justify-content: flex-start; flex-direction: column; } 
	
	
	.tab_img_blok{ margin-top:-135px;}
	
	
	#mobile_org_items{flex-direction: column; display:flex;}
	.organizationBox .column{display: none;}
	.organizationBox .card-management .tooltip{ left:0; min-width: unset; }
}

@media only screen and (max-width: 479px) {
	.serviceBox .column { width: var(--width); }
	.stepBox .holder { position: relative; z-index: 1; overflow: hidden; }
	
	.stepBox .column:nth-child(2n):after,
	.stepBox .column:nth-child(3):after { display: none; }
	.stepBox .btn-wrap { padding-top: 30px; }
	.stepBox .left .column { margin-bottom: 20px; }
	.helpBox .column { width: var(--width); }
	.blogBox .column { width: var(--width); }
	.card-intro .content { padding-left: 0; width: var(--width); }
	
	.organizationBox .column { max-width: var(--width); }
	.card-step .tooltip { min-width: 100%; }
	.reviewBox .item{ width: 100%; }
	.card-management .tooltip { left:0; min-width: 0px; }
	.tab_img_blok{ margin-top:-80px;}
	
}