/* BASE
* -------------------------------------------------- 
*  Base styles 
* 
*  Default styles of the project, these will not
*  be changed or altered in most of the cases
* -------------------------------------------------- */

@font-face {
	font-family: 'Funnel Display';
	src: url('/wp-content/themes/flux-child/assets/fonts/FunnelDisplay-VariableFont_wght.woff2') format('woff2');
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
}


@font-face {
	font-family: 'Inter';
	src: url('/wp-content/themes/flux-child/assets/fonts/Inter-VariableFont_opsz,wght.woff2') format('woff2');
	font-weight: 100 900;
	font-display: swap;
}


:root {
	--text: 'Inter';
	--title: 'Funnel Display';
	--black: #000000;
	--darkgray: #2C2C2C;
	--mid-gray:#9F9F9F;
	--gray: #202020;
	--white: #ffffff;
	--lighter: #F6F6F6;
	--light: #E2E2E2;
	--main: #191CE4;
	--primary: #FEA7FF;
	--bg-opacity: rgba(226, 226, 226, 0.8);
	--gray-opacity: rgba(255, 255, 255, 0.20);
	--black-opacity:rgba(0, 0, 0, 0.20);
	--blue-pink-grad:linear-gradient(268deg, var(--primary) 25.22%, var(--main) 126.1%);
	--lg-border: 30px;
	--md-border: 20px;
	--sm-border: 10px;
	--xs-border: 5px;
	--breakpoint--sm: 	37.5rem; /*600px*/
	--breakpoint--md: 	48rem; /*768px*/
	--breakpoint--lg: 	64rem; /*1024px*/
	--breakpoint--lg-half: 80rem; /*1280px*/
	--breakpoint--xl: 	90rem; /*1440px*/
	--spacing-xxs:0.313rem; /* 5px */
	--spacing-xs: 0.625rem; /* 10px */
	--ng-spacing-xs: -0.625rem; /* -10px */
	--spacing-sm:1rem; /* 16px */
	--ng-spacing-sm:-1rem; /* -16px */
	--spacing-sm-s:1.25rem; /* 20px */
	--spacing-sm-m:1.875rem; /* 30px */
	--spacing-md:2.5rem; /* 40px */
	--spacing-lg:3.125rem; /* 50px */
	--spacing-lg-m:3.75rem; /* 60px */
	--spacing-xl:6.25rem; /* 100px */
	--spacing-xxl:10rem; /* 160px */ 
	--spacing-xxxl:11.25rem; /* 180px */

	/* light mode */
	--lm-white-color:var(--white);
	--lm-lighter-color: var(--lighter);
	--lm-light-color: var(--light);
	--lm-black-color:var(--black);
	--lm-darkgray-color: var(--darkgray);
	--lm-gray-color: var(--gray);
	--lm-mid-gray-color:var(--mid-gray);
	--lm-bg-color: var(--white);
	--lm-bg-gradient: linear-gradient(180deg, var(--lighter) 56%, var(--light) 88%);
	--lm-bg-opacity: var(--bg-opacity);
	--lm-gray-opacity: var(--gray-opacity);
	--lm-black-opacity: var(--black-opacity);

	/* Dark mode */
	--dm-white-color: #1C1C1C;
	--dm-lighter-color: var(--darkgray);
	--dm-light-color: var(--darkgray);
	--dm-black-color: var(--white);
	--dm-darkgray-color: var(--lighter);
	--dm-mid-gray-color:var(--mid-gray);
	--dm-gray-color: var(--light);
	--dm-bg-color: #1C1C1C;
	--dm-bg-gradient: linear-gradient(180deg, var(--darkgray) 56%, var(--gray) 88%);
	--dm-bg-opacity: var(--gray-opacity);
	--dm-gray-opacity: var(--gray-opacity);
	--dm-black-opacity: var(--bg-opacity);
}

html {
		--white-color:var(--lm-white-color);
		--lighter-color: var(--lm-lighter-color);
		--light-color: var(--lm-light-color);
		--black-color:var(--lm-black-color);
		--darkgray-color: var(--lm-darkgray-color);
		--gray-color: var(--lm-gray-color);
		--mid-gray-color: var(--lm-mid-gray-color);
		--bg-color: var(--lm-bg-color);
		--bg-gradient: var(--lm-bg-gradient);
		--switched-bg-gradient: var(--dm-bg-gradient);
		--light-bg-opacity: var(--lm-bg-opacity);
		--mid-bg-opacity: var(--lm-gray-opacity);
		--dark-bg-opacity: var(--lm-black-opacity);
}

html[data-theme="dark"] {
		--white-color:var(--dm-white-color);
		--lighter-color: var(--dm-lighter-color);
		--light-color: var(--dm-light-color);
		--black-color:var(--dm-black-color);
		--darkgray-color: var(--dm-darkgray-color);
		--mid-gray-color: var(--dm-mid-gray-color);
		--gray-color: var(--dm-gray-color);
		--bg-color: var(--dm-bg-color);
		--bg-gradient: var(--dm-bg-gradient);
		--switched-bg-gradient: var(--lm-bg-gradient);
		--bg-opacity: var(--dm-bg-opacity);
		--light-bg-opacity: var(--dm-bg-opacity);
		--mid-bg-opacity: var(--dm-gray-opacity);
		--dark-bg-opacity: var(--dm-black-opacity);
	}


/* smooth scroll */
:root {
	scroll-behavior: smooth;
}

/* Digital city threejs */

#digital_city_canvas__container {
	width: 100%;
	height: 700px;
	padding-block-start: 1.5rem;
}
#digital_city_canvas {
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-radius: 10px;
	position: relative;
}

@media (pointer: coarse) {
	#three-canvas {
		pointer-events: none !important;
	}
}


/* breakpoints */

body, .wpbf-page-footer, .wpbf-widget-footer{
	background-color:var(--bg-color) !important;
}

/* fonts */
h1, h2, h3, h3, h4, h6, .type-a, .type-b, .type-c, .type-d, .vc_flux_settings_counter * {
	font-family: var(--title);
	color: var(--black-color);
	font-weight: 400;
	text-wrap: balance;
	margin-top:0;
}

body, h5, .type-e, .type-f, .type-g, .type-h, p, a, .wpbf-widgettitle {
	font-family: var(--text);
	color: var(--black-color);
}

@media (max-width: 48rem) {
	h4 {
		font-weight: 500;
	}
}
p a:hover{
	color:var(--main);
}
.type-a {
	font-size: 3.4375rem;
	line-height: 1.2;
	font-weight: 450;
	hyphens: auto;
	margin-bottom:var(--spacing-sm-m);
}
.type-a strong {
	font-weight: 450;
	background: var(--blue-pink-grad);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
@media (max-width: 90rem) {
	.type-a {
		font-size: 3.125rem;
	}
}

@media (max-width: 48rem) {
	.type-a {
		font-size: 2.625rem;
		line-height: 1.1;
	}
}

.type-b {
	font-size: 1.875rem;
	line-height: 1.4;
	font-weight: 300;
	word-wrap: normal;
}
.type-b strong {
	font-weight: 300;
	background: var(--blue-pink-grad);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.type-c {
	font-size: 1.625rem;
	line-height: 1.16;
	font-weight: 100;
	margin-bottom: 0
}

.type-d, .vc_flux_settings_counter * {
	font-size: 1.25rem;
	line-height: 1;
	font-weight: 450;
}

@media (max-width: 48rem) {
	.type-d, .vc_flux_settings_counter *  {
		font-size: 1.5rem;
		line-height: 1.1;
	}
}

.type-e, .type-e a {
	font-size: 1.625rem;
	line-height: 1.4;
	font-weight: 350;
}

.type-e strong {
	font-weight: initial;
}

@media (max-width: 48rem) {
	.type-e {
		font-size: 1.375rem;
	}
}

.type-f {
	font-size: 1.25rem;
	line-height: 1.6;
}

@media (max-width: 48rem) {
	.type-f {
		font-size: 1.125rem;
	}
}

p,
a,
.type-g,
.wpbf-widgettitle,
ul li,
ol li, p a{
	font-size: 0.9375rem;
	line-height: 1.7;
	font-weight: 350;
}

@media (max-width: 48rem) {
	p,
a,
.type-g,
.wpbf-widgettitle,
ul li,
ol li, p a {
		font-size: 1rem;
		line-height: 1.6;
	font-weight: 380;
	}
}

.type-h {
	font-size: 0.75rem;
	line-height: 1.16;
	text-transform:uppercase;
	font-weight: 500;
}

.type-i {
	font-size: 3.3125rem;
	line-height: 0.94;
}

.type-j {
	font-size: 0.875rem;
	line-height: 1.375rem;
}
/* fonts */

.center-text * {
	text-align:center;
}
/* LOAD SETTINGS */
/* BUTTONS */
.flux_btn {
	display: inline-block;
	font-family: var(--text);
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 420;
	line-height: var(--spacing-sm);
	text-transform: none;
	letter-spacing: 0px;
	padding-block: var(--spacing-sm);
	padding-inline: 20px;
	overflow: visible;
	transition: all 0.3s ease;
	box-sizing: initial;
	margin-top:40px;
	cursor:pointer;
}
.btn_filled, .btn-item a {
	background-color: var(--black-color);
	color: var(--white-color);
	border: none;
	border-radius: var(--sm-border);
}
.btn_filled:hover, .btn-item a:hover {
	background-color: var(--black-color);
	color:var(--white-color);
}
.flux_btn.btn_filled.btn_white{
	background-color:var(--white-color);
}
.flux_btn.btn_filled.btn_white *{
	color:var(--black-color);    
}
.dark-bg .btn_filled{
    background:var(--white-color);
}
.dark-bg .btn_filled .flux_btn_img{
    filter:brightness(1) invert(1);
}
.flux_btn.btn_stroke{
	border-radius: var(--sm-border);	
	border:1px solid var(--black-color);
	color:var(--black-color);
}
.flux_btn.btn_stroke.btn_white{
	border-radius: var(--sm-border);	
	border:1px solid var(--white-color);
	color:var(--white-color);
}
.btn_arrow {
	font-size: 0;
	border-radius:var(--sm-border);
	padding:var(--spacing-sm) 16px;
	transition: all .3s ease;
}
.btn_arrow .flux_btn_img {
	font-size: initial;
	transform:rotate(45deg);
	transition: all .3s ease;
}
.rw-cta-content > a:hover .flux_btn_img{
	filter:brightness(0) invert(0);
	background:transparent;
}
.rw-cta-content > a:hover .btn_arrow{
	background-color:var(--light-color);
}
[data-theme="dark"] .btn_arrow .flux_btn_img{
	filter:brightness(0) invert(0);
}
[data-theme="dark"] .rw-cta-content > a:hover .flux_btn_img{
	filter:brightness(1) invert(0);
}
[data-theme="dark"] .rw-cta-content > a:hover .btn_arrow{
	background:var(--light-color);
}
.btn_individual_letters .btn_inner, 
.btn-item a .btn_inner,
.fc-form .submit-button .btn_inner{
	display: flex;
	overflow: hidden;
	text-shadow: 0 16px 0 var(--lighter-color);
}
.flux_btn.btn_filled.btn_white .btn_inner, .
flux_btn.btn_filled.btn_white a .btn_inner,
.flux_btn.btn_stroke .btn_inner, 
.flux_btn.btn_stroke a .btn_inner{
	text-shadow:0 16px 0 var(--black-color);
}
.flux_btn.btn_stroke.btn_white .btn_inner, 
.flux_btn.btn_stroke.btn_white a .btn_inner{
	text-shadow:0 16px 0 var(--white-color);
}
.btn_individual_letters .btn_inner .letter, 
.btn-item a .btn_inner .letter,
.fc-form .submit-button .letter{
	display: block;
	backface-visibility: hidden;
	font-style: normal;
	transition: transform 0.44s ease;
	transform: translateY(var(--m)) translateZ(0);
	min-width: 5px;
}
[data-theme="dark"] .flux_btn.btn_stroke.btn_white {
    border-color:var(--black-color);
}
[data-theme="dark"] .flux_btn.btn_stroke.btn_white .btn_inner, 
[data-theme="dark"] .flux_btn.btn_stroke.btn_white a .btn_inner {
    text-shadow: 0 16px 0 var(--white);
}
[data-theme="dark"] .wpbf-navigation .btn-item a .btn_inner {
    text-shadow: 0 16px 0 var(--black);
}

/* Gedeelde nth-child overgangen */
/*
 * .btn_individual_letters .btn_inner .letter:nth-child(1),
.btn-item a .btn_inner .letter:nth-child(1) {
	transition-delay: 0s;
}
.btn_individual_letters .btn_inner .letter:nth-child(2),
.btn-item a .btn_inner .letter:nth-child(2) {
	transition-delay: 0.025s;
}
.btn_individual_letters .btn_inner .letter:nth-child(3),
.btn-item a .btn_inner .letter:nth-child(3) {
	transition-delay: 0.05s;
}
.btn_individual_letters .btn_inner .letter:nth-child(4),
.btn-item a .btn_inner .letter:nth-child(4) {
	transition-delay: 0.075s;
}
.btn_individual_letters .btn_inner .letter:nth-child(5),
.btn-item a .btn_inner .letter:nth-child(5) {
	transition-delay: 0.1s;
}
.btn_individual_letters .btn_inner .letter:nth-child(6),
.btn-item a .btn_inner .letter:nth-child(6) {
	transition-delay: 0.125s;
}
.btn_individual_letters .btn_inner .letter:nth-child(7),
.btn-item a .btn_inner .letter:nth-child(7) {
	transition-delay: 0.15s;
}
.btn_individual_letters .btn_inner .letter:nth-child(8),
.btn-item a .btn_inner .letter:nth-child(8) {
	transition-delay: 0.175s;
}
.btn_individual_letters .btn_inner .letter:nth-child(9),
.btn-item a .btn_inner .letter:nth-child(9) {
	transition-delay: 0.2s;
}
.btn_individual_letters .btn_inner .letter:nth-child(10),
.btn-item a .btn_inner .letter:nth-child(10) {
	transition-delay: 0.225s;
}
.btn_individual_letters .btn_inner .letter:nth-child(11),
.btn-item a .btn_inner .letter:nth-child(11) {
	transition-delay: 0.25s;
}
.btn_individual_letters .btn_inner .letter:nth-child(12),
.btn-item a .btn_inner .letter:nth-child(12) {
	transition-delay: 0.275s;
}
.btn_individual_letters .btn_inner .letter:nth-child(13),
.btn-item a .btn_inner .letter:nth-child(13) {
	transition-delay: 0.3s;
}
.btn_individual_letters .btn_inner .letter:nth-child(14),
.btn-item a .btn_inner .letter:nth-child(14) {
	transition-delay: 0.325s;
}
.btn_individual_letters .btn_inner .letter:nth-child(15),
.btn-item a .btn_inner .letter:nth-child(15) {
	transition-delay: 0.350s;
}
.btn_individual_letters .btn_inner .letter:nth-child(16),
.btn-item a .btn_inner .letter:nth-child(16) {
	transition-delay: 0.375s;
}
.btn_individual_letters .btn_inner .letter:nth-child(17),
.btn-item a .btn_inner .letter:nth-child(17) {
	transition-delay: 0.4s;
}
.btn_individual_letters .btn_inner .letter:nth-child(18),
.btn-item a .btn_inner .letter:nth-child(18) {
	transition-delay: 0.425s;
}
.btn_individual_letters .btn_inner .letter:nth-child(19),
.btn-item a .btn_inner .letter:nth-child(19) {
	transition-delay: 0.450s;
}
.btn_individual_letters .btn_inner .letter:nth-child(20),
.btn-item a .btn_inner .letter:nth-child(20) {
	transition-delay: 0.475s;
}
.btn_individual_letters .btn_inner .letter:nth-child(21),
.btn-item a .btn_inner .letter:nth-child(21) {
	transition-delay: 0.500s;
}
.btn_individual_letters .btn_inner .letter:nth-child(22),
.btn-item a .btn_inner .letter:nth-child(22) {
	transition-delay: 0.525s;
}
.btn_individual_letters .btn_inner .letter:nth-child(23),
.btn-item a .btn_inner .letter:nth-child(23) {
	transition-delay: 0.550s;
}
.btn_individual_letters .btn_inner .letter:nth-child(24),
.btn-item a .btn_inner .letter:nth-child(24) {
	transition-delay: 0.575s;
}
.btn_individual_letters .btn_inner .letter:nth-child(25),
.btn-item a .btn_inner .letter:nth-child(25) {
	transition-delay: 0.600s;
}
*/
.btn_individual_letters:hover .letter, 
.btn-item a:hover .letter,
.fc-form .submit-button:hover .letter{
	--m: calc(16px * -1);
}

/* The switch - the box around the slider */
.mode-switch > a{
	padding:0!important;
}

.dark-light-switch {
	margin-right: 20px;
	opacity: 0;
	transition: all 0.3s ease;

	.switch {
		position: relative;
		display: inline-block;
		width:79px;
		height: 42px;

		input {
			opacity: 0;
			width: 0;
			height: 0;
		}

		&:before,
		&:after {
			content: "";
			display: block;
			background-size: contain;
			background-position: center;
			width: 14px;
			height: 14px;
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
			z-index: 150;
			transition: all 0.3s ease;
			cursor: pointer;
		}
		
		&:before {
			left: 12px;
            width: 16px;
            height: 16px;
			background-image: url('https://3dconfig.com/wp-content/uploads/2025/05/sun-filled.svg');
		}

		&:after {
			right: 12px;
            width: 16px;
            height: 16px;
			background-image: url('https://3dconfig.com/wp-content/uploads/2025/05/moon-fill.svg');
		}

		.slider {
			position: absolute;
			cursor: pointer;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			background-color: var(--light);

			&:before {
				position: absolute;
				content: "";
				height: 32px;
				width: 32px;
				left: 5px;
				bottom: 5px;
				background-color: var(--white);
				transition: 0.4s;
			}

			&.round {
				border-radius: var(--xs-border);

				&:before {
					border-radius: var(--xs-border);
				}
			}
		}

		input:focus + .slider {
			box-shadow: 0 0 1px var(--blue-pink-grad);
		}
	}
}

[data-theme="dark"] {
	.dark-light-switch {
		.switch {
			&:before {
				filter: brightness(0) invert(1);
			}
			input + .slider {
				background: var(--blue-pink-grad);

				&:before {
					transform: translateX(37px); 
					background-color: var(--white);
				}
			}
		}
	}
}

.dark-light-switch.nav-loaded{
	opacity:1;
}
/* HEADER / NAV 
* --------------------------------------------------
*  Header/nav/hamburger styles 
* -------------------------------------------------- */

/* Change logo color for dark theme */
[data-theme="dark"] .wpbf-logo, [data-theme="dark"] .wpbf-mobile-logo img{
	filter:brightness(0) invert(1);
}
[data-theme="dark"] .wpbf-navigation:has(.active) .wpbf-mobile-logo img{
	filter:brightness(0) invert(0);	
}
.wpbff-hamburger:before, .wpbff-arrow-up:before, .wpbff-arrow-down:before{
	color:var(--black);
}
#navigation{
	opacity:0;
	transition:all .3s ease;
}
#navigation.nav-loaded{
	opacity:1;
}
.wpbf-navigation{
	padding:var(--spacing-lg) 20px 0 20px;
}
.wpbf-navigation-active{
	padding:0 20px;
	background:transparent;
}
.wpbf-navigation .wpbf-logo-container{
	z-index:1;
}
.wpbf-navigation .wpbf-1-4 .wpbf-logo {
	max-width: 150px;
}
.wpbf-navigation-active .wpbf-logo,
.wpbf-navigation-active .wpbf-menu-right .wpbf-menu li.btn-item a,
.wpbf-navigation-active .dark-light-switch{
	display:none;
}
.wpbf-navigation:not(.wpbf-navigation-transparent):not(.wpbf-navigation-active){
	background-color:var(--white-color) !important;
}
.wpbf-menu-right .wpbf-menu {
	float: none;
	display: flex;
	align-items:center;
	position: relative;
	justify-content: center;
	margin-left: calc(-25% - 80px);
}
/*
.wpbf-menu-right .wpbf-menu:last-child > li.btn-item {
	position: absolute;
	right: 0;
}
*/
.wpbf-menu-right .wpbf-menu > li > a{
	padding:var(--spacing-sm) 0 15px var(--spacing-xs);
}
.wpbf-menu-right .wpbf-menu li.btn-item a {
	background-color: var(--black-color);
	color: var(--white-color);
	border-radius: var(--xs-border);
	line-height:1.2em;
	height: 42px;
    padding-inline: 15px;
    align-items: center;
    display: flex;
}
.wpbf-menu>.current-menu-item>a{
	color:var(--white-color) !important;
}
.wpbf-navigation-transparent .menu-wrapper,
.wpbf-navigation-active .menu-wrapper,
.menu-wrapper {
	display: inline-flex;
	background-color: var(--light);
	border-radius: var(--xs-border);
	padding: 10px 5px;
	padding:5px 0;
	list-style: none;
	position: relative;
	/*backdrop-filter: blur(5px);*/
}
/*header:has(.wpbf-navigation-transparent) .menu-wrapper,
header:has(.wpbf-navigation-active) .menu-wrapper{
	backdrop-filter: blur(5px);
}*/
.menu-wrapper-right{
	position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
}
.menu-wrapper .menu-item {
	padding: 0 2.5px; 
	position: relative;
}

.menu-wrapper .menu-item:first-child {
	padding-inline-start: 5px;
}

.menu-wrapper .menu-item:last-child {
	padding-inline-end: 5px;
}

.wpbf-menu-right .wpbf-menu a,
.menu-wrapper .menu-item a{
	color:var(--black);
	font-family:var(--text);
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.375rem;
	background:transparent;
    border-radius: var(--xs-border);
    transition: background 90ms linear;
}
.menu-wrapper .menu-item.current-menu-item > a,
.menu-wrapper .menu-item > a:hover,
.menu-wrapper .menu-item.current-menu-parent > a{
    background: var(--lighter);
}

.menu-wrapper .menu-item a{
	padding:var(--spacing-xs) 15px !important;
}
.hover-rectangle {
	position: absolute;
	top: 0;
	background: var(--lighter-color);
	border-radius: var(--sm-border);
	transition: transform 0.3s ease-out, width 0.3s ease-out, height 0.3s ease-out;
	pointer-events: none;
	z-index: 0; 
	opacity: 0; 
}
.menu-wrapper .menu-item a .wpbff {
	font-size: 12px;
	padding-left: 3px;
}

.menu-item-has-children {
    position: relative;
}
.menu-item-has-children::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 10px; 
    background: transparent;
}
.menu-item-has-children .sub-menu {
    display: none;
    position: absolute;
    top: calc(100% + 10px);
    left: 50%;
    transform: translateX(-50%);
    background: var(--light);
    z-index: 100;
    transition: background 90ms linear;
    border-radius: var(--xs-border);
    width: 100%;
    min-width: 170px;
}
#navigation > .wpbf-menu .menu-item-has-children:hover > .sub-menu {
    display: block;
}
.menu-wrapper .sub-menu .menu-item {
    position: relative;
	padding-inline: 5px;
	padding-block: 2.5px;
}

.menu-wrapper .sub-menu .menu-item:first-child {
	padding-block-start: 5px;
}

.menu-wrapper .sub-menu .menu-item:last-child {
	padding-block-end: 5px;
}

.menu-wrapper .sub-menu .menu-item a{
    padding:var(--spacing-xs) 15px !important;
    background:transparent;
    border-radius: var(--xs-border);
    transition: all .3S ease;
	text-align:center;
}
.menu-wrapper .sub-menu .menu-item a:hover,
.menu-wrapper .sub-menu .menu-item.current-menu-item a{
    background: var(--lighter);
}

/* GENERAL
* --------------------------------------------------
*  General styles 
* 	Hero/subhero/grids/contact forms 
* -------------------------------------------------- */
/* FORMS */
html .formcraft-css .fc-form .form-element .form-element-html{
	padding-bottom:0.938rem;
}
html .formcraft-css .fc-form .form-element:last-child .form-element-html {
    padding-bottom: 0;
    margin-bottom: -42px;
}
html .formcraft-css .fc-form .form-element .form-element-html input[type=color],
html .formcraft-css .fc-form .form-element .form-element-html input[type=date],
html .formcraft-css .fc-form .form-element .form-element-html input[type=datetime-local],
html .formcraft-css .fc-form .form-element .form-element-html input[type=datetime],
html .formcraft-css .fc-form .form-element .form-element-html input[type=email],
html .formcraft-css .fc-form .form-element .form-element-html input[type=month],
html .formcraft-css .fc-form .form-element .form-element-html input[type=number],
html .formcraft-css .fc-form .form-element .form-element-html input[type=password],
html .formcraft-css .fc-form .form-element .form-element-html input[type=search],
html .formcraft-css .fc-form .form-element .form-element-html input[type=tel],
html .formcraft-css .fc-form .form-element .form-element-html input[type=text],
html .formcraft-css .fc-form .form-element .form-element-html input[type=time],
html .formcraft-css .fc-form .form-element .form-element-html input[type=url],
html .formcraft-css .fc-form .form-element .form-element-html input[type=week],
html .formcraft-css .fc-form .form-element .form-element-html select,
html .formcraft-css .fc-form .form-element .form-element-html textarea{
	border:none;
	border-bottom:1px solid var(--black-color);
	color:var(--gray-color) !important;
	background-color:transparent !important;
	border-radius:0px !important;
	padding:var(--spacing-xs) 10px var(--spacing-xxs) 10px;
	font-size: 0.9375rem;
	line-height: 1.75;
	font-weight: 350;
	
}
html .formcraft-css .fc-form .form-element .form-element-html input[type=color]:focus,
html .formcraft-css .fc-form .form-element .form-element-html input[type=date]:focus,
html .formcraft-css .fc-form .form-element .form-element-html input[type=datetime-local]:focus,
html .formcraft-css .fc-form .form-element .form-element-html input[type=datetime]:focus,
html .formcraft-css .fc-form .form-element .form-element-html input[type=email]:focus,
html .formcraft-css .fc-form .form-element .form-element-html input[type=month]:focus,
html .formcraft-css .fc-form .form-element .form-element-html input[type=number]:focus,
html .formcraft-css .fc-form .form-element .form-element-html input[type=password]:focus,
html .formcraft-css .fc-form .form-element .form-element-html input[type=search]:focus,
html .formcraft-css .fc-form .form-element .form-element-html input[type=tel]:focus,
html .formcraft-css .fc-form .form-element .form-element-html input[type=text]:focus,
html .formcraft-css .fc-form .form-element .form-element-html input[type=time]:focus,
html .formcraft-css .fc-form .form-element .form-element-html input[type=url]:focus,
html .formcraft-css .fc-form .form-element .form-element-html input[type=week]:focus,
html .formcraft-css .fc-form .form-element .form-element-html select:focus,
html .formcraft-css .fc-form .form-element .form-element-html textarea:focus{
	border-color:var(--black-color)!important;

}
html .formcraft-css .fc-form .form-element .form-element-html input[type=color]::placeholder,
html .formcraft-css .fc-form .form-element .form-element-html input[type=date]::placeholder,
html .formcraft-css .fc-form .form-element .form-element-html input[type=datetime-local]::placeholder,
html .formcraft-css .fc-form .form-element .form-element-html input[type=datetime]::placeholder,
html .formcraft-css .fc-form .form-element .form-element-html input[type=email]::placeholder,
html .formcraft-css .fc-form .form-element .form-element-html input[type=month]::placeholder,
html .formcraft-css .fc-form .form-element .form-element-html input[type=number]::placeholder,
html .formcraft-css .fc-form .form-element .form-element-html input[type=password]::placeholder,
html .formcraft-css .fc-form .form-element .form-element-html input[type=search]::placeholder,
html .formcraft-css .fc-form .form-element .form-element-html input[type=tel]::placeholder,
html .formcraft-css .fc-form .form-element .form-element-html input[type=text]::placeholder,
html .formcraft-css .fc-form .form-element .form-element-html input[type=time]::placeholder,
html .formcraft-css .fc-form .form-element .form-element-html input[type=url]::placeholder,
html .formcraft-css .fc-form .form-element .form-element-html input[type=week]::placeholder,
html .formcraft-css .fc-form .form-element .form-element-html select::placeholder,
html .formcraft-css .fc-form .form-element .form-element-html textarea::placeholder{
	color:var(--gray-color) !important;
}
html .formcraft-css .fc-form .form-element .submit-cover .submit-button{
    background-color: var(--black-color) !important;
    padding-block: var(--spacing-sm);
    padding-inline: 20px;
    border-radius: var(--sm-border);
	line-height: var(--spacing-sm);
	margin-top:2.188rem;
	font-weight: 420;
}
html .formcraft-css .fc-form .form-element .submit-cover .submit-button span{
	font-size: 0.875rem;
    font-style: normal;
    font-weight: 350;
	color:var(--white-color);
}
html .formcraft-css .fc-form .form-element .fileupload-cover.field-cover .button-file {
    background-color: var(--black-color) !important;
    border-radius: var(--sm-border);
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 350;
    color: var(--white-color);
    height:auto;
    padding-block: var(--spacing-sm);
    padding-inline: 20px;
    border-radius: var(--sm-border);
    line-height: var(--spacing-sm);
}

.grecaptcha-badge{
	display:none !important;
}

/* PADDING / MARGIN */
.vc_row {
    margin-left: -20px;
    margin-right: -20px;
}
.vc_column_container>.vc_column-inner {
    padding-left: 20px;
    padding-right: 20px;
}
.vc_row > .section_inner{
	padding:0 40px;
	max-width:1400px;
}
.vc_row:not(.hero) > .full_section_inner,
.vc_row:not(.hero).rw-video > .full_section_inner{
    max-width:1550px;
    margin: 0 auto;
}
.vc_row:not(.hero).grey-bg > .full_section_inner,
.vc_row:not(.hero).dark-bg > .full_section_inner{
	max-width:1440px;
}
.wpbf-inner-widget-footer.wpbf-container,
.wpbf-footer-two-columns.wpbf-container{
	max-width:1440px;
	padding:0;
	margin:0 auto;
	width: calc(100% - 80px);
}
.single-row > .row{
	padding-left:40px;
	padding-right:40px;
	max-width:100%;
}
header .wpbf-container,
header .wpbf-container.wpbf-nav-wrapper,
.wpbf-mobile-menu a{
	padding-left:0px;
	padding-right:0px;
	max-width:1440px;
}
header .wpbf-container,
header .wpbf-container.wpbf-nav-wrapper{
	width: calc(100% - 40px);
}
.padding-right{
	padding-right:100px;
}
.padding-left{
	padding-left:100px;
}
.rw-section-xl {
	padding: var(--spacing-xxxl) 0;
}
.padding-top-xl {
	padding-top: var(--spacing-xxxl);
}
.padding-bottom-xl {
	padding-bottom: var(--spacing-xxxl);
}
.rw-section-lg {
	padding: var(--spacing-xxl) 0;
}
.padding-top-lg {
	padding-top: var(--spacing-xxl);
}
.padding-bottom-lg {
	padding-bottom: var(--spacing-xxl);
}
.rw-section {
	padding: 100px 0;
}
.padding-top {
	padding-top: var(--spacing-xl);
}
.padding-bottom {
	padding-bottom: var(--spacing-xl);
}
.padding-top-sm{
	padding-top:var(--spacing-lg-m);
}
.padding-bottom-sm{
	padding-bottom:var(--spacing-lg-m);
}
.padding-top-xs{
	padding-top:var(--spacing-sm-s);
}
.padding-bottom-xs{
	padding-bottom:var(--spacing-sm-s);
}
/* MAX SECTIONS */
.center {
	margin: 0 auto;
}
.md-section{
	max-width:768px;
}
.lg-section{
	max-width:980px;
}
/* PLACEHOLDER DIV - REMOVE AFTER */
div.placeholder{
    width:100%;
    height:500px;
    background:var(--light-color);
    border-radius:var(--sm-border);
}
[data-theme="dark"] div.placeholder{
	background:var(--gray-color);
}
/* BACKGROUND ROWS */
.grey-bg > .section_inner,
.dark-bg > .section_inner,
.grey-bg > .full_section_inner,
.dark-bg > .full_section_inner{
	border-radius:var(--sm-border);
	padding-top:var(--spacing-xl);
	padding-bottom:var(--spacing-xl);
	margin:0 auto;
	width: calc(100% - 80px);
	padding-right: 60px;
    padding-left: 60px;
}
.grey-bg > .section_inner,
.grey-bg > .full_section_inner{
	background:var(--lighter-color);
	border: 1px solid var(--light-color);
}
.dark-bg > .section_inner,
.dark-bg > .full_section_inner{
	background:var(--gray-color);
}
.dark-bg *{
	color:var(--white-color);
}
/* Change bg color for dark theme */
[data-theme="dark"] .dark-bg .section_inner{
	background:var(--light-color);
}
[data-theme="dark"] .dark-bg *{
	color:var(--black-color);
}
[data-theme="dark"] .dark-bg > .full_section_inner  {
    background:var(--light-color)
}


/* HERO PRIMARY/SECONDARY */
.hero > .full_section_inner > .hero-image,
.hero > .full_section_inner > .hero-video,
.rw-interactive .full_section_inner > .rw-interactive-image,
.vc_row:not(.hero).rw-video > .full_section_inner > .vc_col-sm-12{
    padding-inline: 20px;
    padding-block-start: 1.5rem;
}
.hero .hero-image{
	padding-top:var(--spacing-sm-m);
}
.hero .hero-image .wpb_single_image *,
.rw-interactive .rw-interactive-image .wpb_single_image *{
    width:100%;
}
.hero-primary .hero .hero-image img,
.hero-secondary .hero .hero-image img,
.rw-interactive .rw-interactive-image img{
	object-fit:cover;
	object-position:center;
	border-radius:var(--sm-border);
}
.hero-primary .hero .hero-image img{
	min-height: 675px;
}
.hero-secondary .hero .hero-image img{
	min-height: 480px;
	height: 50vh;
}
.hero-primary .hero-title,
.hero-secondary .hero-title-text{
	padding-top:var(--spacing-md);
}
.hero-secondary.odd .hero-title-text{
	padding-top:0;
	padding-bottom:var(--spacing-md);
}
.hero-secondary .hero-title-text img{
    height:52px;
}
[data-theme="dark"] .hero-secondary .hero-title-text img{
	filter: brightness(1) invert(1);
}
/* IMAGE STYLING */
.wpb_single_image img{
	border-radius:var(--sm-border);
}

/* BORDER ROWS */
.border-bottom-row {
	border-bottom: 1px solid var(--dark-bg-opacity);
	margin-bottom: var(--spacing-md) !important;
	padding-bottom: var(--spacing-lg);
}
.dark-bg .border-bottom-row {
	border-bottom: 1px solid var(--white-color);    
}
[data-theme="dark"] .dark-bg .border-bottom-row {
    border-bottom: 1px solid var(--black-color);
}
.grey-bg .border-bottom-row {
	border-bottom: 1px solid var(--dark-bg-opacity);    
}
.border-row > .section_inner,
.border-row > .full_section_inner{
	border:1px solid var(--dark-bg-opacity);
	border-radius:var(--sm-border);
	margin:0 auto;
	padding:0;
}
.border-row > .section_inner {
    width: calc(100% - 80px);
    max-width: 1310px;
}
.dark-bg .border-row > .full_section_inner{
	border-color:var(--white-color);
}
/* VIDEO ROWS */
.rw-video-content .rw-video-placeholder{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}
.rw-video-content .rw-video-placeholder img{
	border-radius:var(--sm-border);	
	width:100%;
}
.rw-video-content .rw-video-wrapper{
	margin: 0 auto;
	pointer-events: none;
	overflow: hidden;
	padding: 56.25% 0 0 0;
	position: relative;
}
.rw-video-content iframe{
	z-index: 15;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border:none;
	border-radius:var(--sm-border);
}
.hero .rw-video-content {
    height: calc(80vh - 1.5rem);
    min-height:400px;
}
.hero .rw-video-content .rw-video-placeholder img {
    height: calc(80vh - 1.5rem);
    min-height:400px;
    object-fit: cover;
    object-position: center;
}
.hero .rw-video-content .rw-video-wrapper {
    height: calc(80vh - 1.5rem);
    min-height:400px;
    top: 0;
    left: 0;
    /*width: calc(100vw - 40px);*/
    pointer-events: none;
    overflow: hidden;
    position: relative;
    padding: 0;
    border-radius: var(--sm-border);
}
.hero .rw-video-content .rw-video-wrapper iframe {
    width: 100vw;
    height: 56.25vw;
    min-height: calc(100vh - 206px);
    min-width: 177.77vh;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.video-steps-list{
    display:flex;
	flex-wrap:wrap;
    justify-content:center;
    padding-top:var(--spacing-md);
}
.video-steps-list li,
.video-steps-list li a{
    font-family: var(--title);
    font-size: 0.9375rem;
    line-height: var(--spacing-sm);
}
.video-steps-list li {
    border-radius: var(--sm-border);
    border: 1px solid var(--black-color);
    display: inline-block;
    padding: var(--spacing-sm) 30px;
    overflow: visible;
    transition: 0.3s;
    cursor:pointer;
    margin:0 10px;
}
.video-steps-list li a{
    mix-blend-mode:difference;
    color:var(--white);
}

.rw-video-content .borderchange iframe{
	top:1px !important;
}
.rw-video-content .borderchange{
	overflow:hidden;
	
}
/* IMAGE ROWS */
.rw-images-content .section_inner,
.rw-images .section_inner{
	display:flex;
	flex-wrap:wrap;
}
.rw-images-content.odd .images{
    padding-left:100px;
}
.rw-images-content:not(.odd) .images{
    padding-right:100px;
}
.rw-images-content .section_inner .images-two > div,
.rw-images-content .section_inner .images-two > div > div{
	height:100%;
}
.rw-images-content .section_inner .images-two > .vc_column-inner > .wpb_wrapper{
	display:flex;
	margin:0 -10px;
}
.rw-images-content .section_inner .images-two > .vc_column-inner > .wpb_wrapper .wpb_single_image{
	padding:0 10px;
}
.rw-images-content .section_inner .images-two > .vc_column-inner > .wpb_wrapper .wpb_single_image *{
	height:100%;
}
.rw-images-content .section_inner .images-two > .vc_column-inner > .wpb_wrapper img{
	object-fit:cover;
	object-position:center;
}
.rw-images-content .section_inner .images-content{
	padding:var(--spacing-xs) 0;
}
.rw-images .section_inner .images > .vc_column-inner > .wpb_wrapper img{
	aspect-ratio:3/2;
	object-fit:cover;
	object-position:center;
}

.rw-images-content img{
    aspect-ratio:3/2;
	object-fit:cover; 
	object-position:center;
}
/* IMAGE SLIDER ROWS */
.slick-slider {
	display: flex;
	flex-wrap: wrap;
	column-gap: 10px;
	row-gap: 10px;
}
/*.slick-slider:not(#references-slider){
    margin-bottom:63px;	
}*/
.slick-slider .slick-arrow {
    background-color: var(--light-color);
    width:40px;
    height:40px;
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:5px;
    cursor:pointer;
}

.slick-slider .slick-arrow:hover {
	    background-color: black;

}

.slick-slider .slick-list {
	order: 1;
}

.slick-slider .slick-prev {
	order: 2;
}

.slick-slider .slick-next {
	order: 3;
}

.slick-slider .slick-arrow[aria-disabled="true"] {
	pointer-events: none;
	opacity: 0.5;
}

.slick-slider .slick-arrow img{
    width:15px;
    height:15px;
}

.slick-slider .slick-arrow:hover img {
	 filter: brightness(1) invert(1);
}

[data-theme="dark"] .slick-slider .slick-arrow img {
    filter: brightness(1) invert(1);
}

.slick-slider .slick-arrow.slick-prev img{
     transform:rotate(-135deg);   
}

.slick-slider .slick-arrow.slick-next img{
    transform:rotate(45deg);    
}
.rw-images.rw-images-slider.rw-images-two .section_inner .images .slick-list{
    margin:0 -20px;
}
.rw-images.rw-images-slider.rw-images-two .section_inner .images .wpb_single_image{
    padding:0 20px;
}
/* CTA ROW */
.rw-cta-content > a{
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding: var(--spacing-md) 40px;
}
.rw-cta-content *{
    margin-bottom:0;
}
.rw-cta-content .flux_btn{
	margin-top:0;
}
/*
.cta-row.border-row > .section_inner,
.cta-row.border-row > .full_section_inner{
	position:relative;
	overflow:hidden;
	border:none;
}
.cta-row.border-row > .section_inner::before,
.cta-row.border-row > .full_section_inner::before{
	content: "";
	position: absolute;
	z-index: -2;
	left: 50%;
	top: 50%;
	width: 100vw;
	height: 100vw;
	background-size:100%;
	background-position:center;
	background:var(--dark-bg-opacity);
	animation: bgRotate 6s linear infinite;
	transform:translate(-50%, -50%);
	transition:background .3s ease-in-out;
}
.cta-row.border-row > .section_inner::after,
.cta-row.border-row > .full_section_inner::after {
	content: "";
	position: absolute;
	z-index: -1;
	left: 1px;
	top: 1px;
	width: calc(100% - 2px);
	height: calc(100% - 2px);
	background:var(--white-color);
	border-radius:calc(var(--md-border) - 1px);
}
.cta-row.border-row:has(.rw-cta-content > a:hover) > .section_inner::before,
.cta-row.border-row:has(.rw-cta-content > a:hover) > .full_section_inner::before{
	background: var(--blue-pink-grad);
	background: linear-gradient(90deg, rgba(0,0,0,0.2) 20%, rgba(25,28,228,1) 45%, rgba(254,167,255,1) 55%, rgba(15,22,59,0.2) 80%);
	background: linear-gradient(90deg, rgba(0,0,0,0.2) 50%, rgba(25,28,228,1) 68%, rgba(254,167,255,1) 82%, rgba(15,22,59,0.2) 100%);
	transition:background .3s ease-in-out;
}
[data-theme="dark"] .cta-row.border-row:has(.rw-cta-content > a:hover) > .section_inner::before,
[data-theme="dark"] .cta-row.border-row:has(.rw-cta-content > a:hover) > .full_section_inner::before{
	background: linear-gradient(90deg, rgba(226,226,226,0.8) 50%, rgba(25,28,228,1) 68%, rgba(254,167,255,1) 82%, rgba(15,22,59,0.2) 100%);
}
*/

.cta-row.border-row > .section_inner,
.cta-row.border-row > .full_section_inner{
	border:none;
}
.cta-row .rw-cta-content{
	position:relative;
	overflow:hidden;
	border-radius:var(--sm-border);
	z-index:350
}
.cta-row .rw-cta-content::before{
	content: "";
	position: absolute;
	z-index: 348;
	left: 50%;
	top: 50%;
	width: 100vw;
	height: 100vw;
	background-size:100%;
	background-position:center;
	background:var(--dark-bg-opacity);
	animation: bgRotate 6s linear infinite;
	transform:translate(-50%, -50%);
	transition:background .3s ease-in-out;
}
.cta-row .rw-cta-content::after {
	content: "";
    position: absolute;
    z-index: 349;
    left: 1px;
    top: 1px;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    background: var(--white-color);
    border-radius: calc(var(--sm-border) - 1px);
}

.cta-row .rw-cta-content:has(a:hover)::after {
	left: 2px;
    top: 2px;
	 width: calc(100% - 4px);
    height: calc(100% - 4px);
	 border-radius: calc(var(--sm-border) - 2px);
}

.cta-row .rw-cta-content:has(a:hover)::before,
.cta-row .rw-cta-content:has(a:hover)::before{
	background: var(--blue-pink-grad);
	background: linear-gradient(90deg, rgba(0,0,0,0.2) 20%, rgba(25,28,228,1) 45%, rgba(254,167,255,1) 55%, rgba(15,22,59,0.2) 80%);
	background: linear-gradient(90deg, rgba(0,0,0,0.2) 50%, rgba(25,28,228,1) 68%, rgba(254,167,255,1) 82%, rgba(15,22,59,0.2) 100%);
	transition:background .3s ease-in-out;
}
.dark-bg .cta-row .rw-cta-content::before{
	background:var(--light-bg-opacity);
}
[data-theme="dark"] .cta-row .rw-cta-content::before{
	background:var(--dark-bg-opacity);
}
.dark-bg .cta-row .rw-cta-content::after{
	background:var(--gray-color);
}
[data-theme="dark"] .dark-bg .cta-row .rw-cta-content::after{
	background-color:var(--light-color);
}
.dark-bg .cta-row .rw-cta-content:has(a:hover)::before,
[data-theme="dark"] .cta-row .rw-cta-content:has(a:hover)::before,
[data-theme="dark"] .cta-row .rw-cta-content:has(a:hover)::before{
	background: linear-gradient(90deg, rgba(226,226,226,0.8) 50%, rgba(25,28,228,1) 68%, rgba(254,167,255,1) 82%, rgba(15,22,59,0.2) 100%);
}

/* enable light effect on mobile */
@media (pointer: coarse) {
 .cta-row .rw-cta-content::after {
	left: 2px;
    top: 2px;
	 width: calc(100% - 4px);
    height: calc(100% - 4px);
	 border-radius: calc(var(--sm-border) - 2px);
}
	.cta-row .rw-cta-content::before,
.cta-row .rw-cta-content::before{
	background: var(--blue-pink-grad);
	background: linear-gradient(90deg, rgba(0,0,0,0.2) 20%, rgba(25,28,228,1) 45%, rgba(254,167,255,1) 55%, rgba(15,22,59,0.2) 80%);
	background: linear-gradient(90deg, rgba(0,0,0,0.2) 50%, rgba(25,28,228,1) 68%, rgba(254,167,255,1) 82%, rgba(15,22,59,0.2) 100%);
	transition:background .3s ease-in-out;
}
	
	.dark-bg .cta-row .rw-cta-content::before,
[data-theme="dark"] .cta-row .rw-cta-content::before,
[data-theme="dark"] .cta-row .rw-cta-content::before{
	background: linear-gradient(90deg, rgba(226,226,226,0.8) 50%, rgba(25,28,228,1) 68%, rgba(254,167,255,1) 82%, rgba(15,22,59,0.2) 100%);
}
}

.cta-row .rw-cta-content a{
	z-index:351;
}
[data-theme="dark"] .flux_btn.btn_arrow{
	background:var(--black-color);
}

@keyframes bgRotate {
	100% {
		transform: translate(-50%, -50%) rotate(1turn);
	}
}

/* LOGO TEXT ROW */
.rw-logo-content .wpb_wrapper{
	display:flex;
	justify-content:center;
	align-items:center;
}
.rw-logo-content .wpb_wrapper img{
	height:52px;
}
.rw-logo-content.odd .wpb_wrapper img{
    padding-left:10px;
}
.rw-logo-content.center .wpb_wrapper img{
    padding: 0 10px;
}
.dark-bg .rw-logo-content .wpb_wrapper img{
	filter: brightness(1) invert(1);
}
/* TOGGLE ROWS */
.rw-toggle-content .vc_toggle {
    padding: var(--spacing-xs) 10px 0 10px;
    margin:0;
    border-top: 1px solid var(--dark-bg-opacity);
    transition: 0.3s;
}
.rw-toggle-content .vc_toggle_title{
    padding-bottom:var(--spacing-xs);
}
.rw-toggle-content .vc_toggle_content{
    margin:0;
    padding-bottom: var(--spacing-sm-s);
}
.rw-toggle-content .vc_toggle_default .vc_toggle_content, 
.rw-toggle-content .vc_toggle_default .vc_toggle_title{
    padding-left:0;
}
.rw-toggle-content .vc_toggle.vc_toggle_default .vc_toggle_icon{
    border: solid var(--black-color);
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 4px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    background:transparent;
    position:absolute;
    right:0;
    left:initial;
    top:3px;
    transition: all .3s ease;
}
.rw-toggle-content .vc_toggle.vc_toggle_default.vc_toggle_active .vc_toggle_icon{
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}
.rw-toggle-content .vc_toggle_icon:before,
.rw-toggle-content .vc_toggle_icon::after{
    display:none;
}

/* PAGE BLOCKS */
.page-blocks > .full_section_inner{
    display:flex;
	flex-wrap:wrap;
}
.page-blocks.row > .section_inner,
.page-blocks.row .full_section_inner {
    display: flex;
    flex-wrap: wrap;
    margin: -1.25rem 0;
}
.page-blocks.row > .vc_column-inner {
	padding: 0;
	margin:-1.25rem 0;
}
.page-blocks.column > .vc_column-inner {
	padding: 0;
	margin: -1.25rem 0;
}
.page-blocks.column .page-block {
	padding: var(--spacing-sm-s);
}
.page-blocks .page-block {
    padding: var(--spacing-sm-s) 20px;
}
.page-blocks .page-block > div,
.page-blocks .page-block > a > div{
	padding:var(--spacing-md) 30px;
	border-radius:var(--sm-border);
	height:100%;
}
.page-blocks.white .page-block > div,
.page-blocks.white .page-block > a > div{
	background:var(--white-color);    
}
.page-blocks.light .page-block > div,
.page-blocks.light .page-block > a > div{
	background:var(--lighter-color);  
}
.page-blocks.dark .page-block > div,
.page-blocks.dark .page-block > a > div{
	background:var(--darkgray-color);
}
.page-blocks .page-block p a{
	text-decoration:underline;
}
.page-blocks .page-block > a * {
	transition: all .3s ease;
}
.page-blocks .page-block > a:hover > div{
	background:var(--darkgray-color);
}
.page-blocks .page-block > a:hover  .wpb_single_image {
    background:var(--mid-bg-opacity);
}
.page-blocks .page-block > a:hover  .wpb_single_image img{
	filter: brightness(0) invert(1);	
}
.page-blocks .page-block > a:hover * {
	color:var(--white-color);
}
[data-theme="dark"] .page-blocks.light .page-block > a:hover .wpb_single_image{
    background: var(--gray-color);
}
[data-theme="dark"] .page-blocks .page-block > a:hover  .wpb_single_image img{
	filter: brightness(0) invert(0);	
}
/* Change bg color for dark theme */
[data-theme="dark"] .page-blocks.dark .page-block > div{
	background:var(--white-color);
}
.page-blocks.has-icon .page-block h4,
.page-blocks.has-icon .page-block .vc_flux_settings_counter {
    padding: 0 0 0 65px;
    min-height:53px;
    display:flex;
    align-items: center;
}
.page-blocks.has-icon .page-block .vc_flux_settings_counter{
    display: inline-block;
    line-height:0;
}
.page-blocks .page-block p{
	padding-top:var(--spacing-xs);
}
.page-blocks.has-numbering .page-block .wpb_wrapper {
	display: flex;
	align-items: flex-start;
	gap: 0.5em;
	flex-wrap: wrap;
}
.page-blocks.has-numbering .page-block .wpb_wrapper p{
	flex-grow:1;
}
.page-blocks.has-numbering .page-block .wpb_wrapper h4:first-child {
	flex: 0 0 auto;
	margin: 0; 
}
.page-blocks.has-numbering .page-block .wpb_wrapper h4:not(:first-child){
	flex: 1 1 0;
	margin: 0;
}
.page-blocks.has-numbering.white .page-block > div{
    padding: var(--spacing-sm-m) 20px;
}
.page-blocks .page-block .wpb_single_image{
	border-radius:var(--sm-border);	
	display:inline-block;
}
.page-blocks.has-icon .page-block .wpb_single_image{
	position:absolute;
	left:0;
	top:0;
	transition: all .3s ease;
}
.page-blocks.has-icon-top .page-block .wpb_single_image{
	margin-bottom:var(--spacing-sm-m) !important;
}
.page-blocks.white .page-block .wpb_single_image{
	background:var(--black-color);
} 
.page-blocks.light .page-block .wpb_single_image{
	background:var(--light-color);
}
.page-blocks.dark .page-block .wpb_single_image{
	background:var(--gray-color);
}
.page-blocks .page-block .wpb_single_image img {
	width: 53px;
	height: 53px;
	object-fit: contain;
	object-position: center;
	padding: var(--spacing-xs) 9.5px;
	transition: all .3s ease;
}
.page-blocks.has-number-icon .page-block .wpb_single_image img{
	padding:0;
}
/* Change icon color for dark theme */
[data-theme="dark"] .page-blocks.light .page-block .wpb_single_image{
	background:var(--white-color);
}
[data-theme="dark"] .page-blocks.dark .page-block .wpb_single_image{
	background:var(--lighter-color);
}
.dark-bg .page-blocks .page-block .wpb_single_image img,
[data-theme="dark"] .page-blocks .page-block .wpb_single_image img{
	filter:brightness(0) invert(1);
}

/* CPT SLIDER */
.cpt-slider-item {
	display: flex;
	justify-content: center;
	align-items: center;
	background: transparent;
	padding: var(--spacing-lg) 30px 0 30px;
	width: 100%;
}
.cpt-slider-item img {
	height: 45px;
	width: 100%;
	object-fit:contain;
	object-position:center;
	max-width: 120px;
	filter:grayscale(1) brightness(1) invert(0);
}
[data-theme="dark"] .cpt-slider-item img{
	filter:grayscale(1) brightness(1) invert(1);
}
/* CPT COLUMN */
.cpt-list.column .cpt-block{
	padding:var(--spacing-md) 0;
	border-top:1px solid var(--dark-bg-opacity);
	transition: all .3s ease;
}
.cpt-list.column .cpt-block:last-child{
	padding-bottom:0;
}
.cpt-list.column.small .cpt-block{
	padding:0;
}
.cpt-list.column.small .cpt-block > a{
	padding:var(--spacing-sm) 10px;
	display:block;
}
.cpt-list.column .cpt-block:last-child,
.cpt-list.column.small .cpt-block:last-child{
	padding-bottom: 0;
}
.cpt-list.column.small .cpt-block h3{
	margin:0;
}
.cpt-list.column .cpt-block .cpt-block-inner{
	display:flex;
}
.cpt-list.column .cpt-block .cpt-block-inner .cpt-block-text{
	width:calc(50% + 40px);
	padding-right:80px;
}
.cpt-list-realization.column .cpt-block .cpt-block-inner .cpt-block-text{
	width:calc(100% - 20px);
}
.cpt-list.column .cpt-block .cpt-block-inner .read_more{
	width:20px;
	text-align:center;
}
.cpt-list.column .cpt-block .cpt-block-inner .read_more img{
	transform:rotate(45deg);
	transition: all .3s ease;
}
.cpt-list.column .cpt-block .cpt-block-inner .cpt-block-numbering{
	flex-grow:1;
	text-align:center;
}
.cpt-list.column .cpt-block .cpt-block-inner .cpt-block-numbering p{
	font-size:60px;
	line-height:initial;
}
.cpt-list.column .cpt-block .cpt-block-inner .cpt-block-category{
	flex-grow:1;
}
.cpt-list.column .cpt-block .cpt-block-inner .cpt-block-image{
	width:20%;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	aspect-ratio:3/2;
}
.cpt-list.column .cpt-block:hover{
	border-color:var(--gray-color);
}
.cpt-list.column .cpt-block-realization:hover {
	border-color: var(--dark-bg-opacity);
	background-color:var(--lighter);
}

/* COLUMN ANIMATION */
/*body #content{
	overflow:visible;
}*/
@media all and (min-width:601px){
	.columns {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		width: 100%;
		margin: 0 auto;
		position: relative;
	}
	@supports (animation-timeline: scroll()) {
		.columns {
			overflow-y: hidden;
		}

		.column-reverse {
			flex-direction: column-reverse;
		}

		@keyframes adjust-position {
			from {
				transform: translateY(calc(180% + 100vh));
			}

			to {
				transform: translateY(calc(80% - 100vh));
			}
		}

		.column-reverse {
			animation: adjust-position linear forwards;
			animation-timeline: scroll(root block);
		}
	}
}

/* CPT ROW */
.cpt-list.row{
	margin:-20px -20px;
}
.cpt-list.row:not(.cpt-list-testimonial){
	display:flex;
	flex-wrap:wrap;	
}
.cpt-list.row .cpt-block{
	padding:var(--spacing-sm-s) 20px;
}
.cpt-list.row.two-columns .cpt-block{
	padding:var(--spacing-xs) 20px;
}
.cpt-list.row:not(.cpt-list-testimonial) .cpt-block{
	width:33.33%;	
}
.cpt-list.row.two-columns .cpt-block{
	width:50%;	
}
.cpt-list.row.two-columns .cpt-block{
	width:50%;	
}
.cpt-list.row .cpt-block .cpt-block-inner{
	border-radius:var(--sm-border);
	height:100%;
}
.cpt-list.row.two-columns .cpt-block .cpt-block-inner{
    width: 50%;
    display:flex;
    flex-direction:column;
    width:100%;
}
.cpt-list.row:not(.two-columns):not(.three-columns) .cpt-block .cpt-block-inner{
	background:var(--lighter-color);
	border:1px solid var(--light-color);	
	padding:var(--spacing-sm-m) 20px;
}
.cpt-list.row.two-columns .cpt-block .cpt-block-inner > a {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.cpt-list.row.three-columns .cpt-block:first-child {
	width: 100%;
}

@media (min-width: 1024px) {
.cpt-list.row.three-columns .cpt-block:first-child {
	width: 33.33%;
}
}
.cpt-list.row.three-columns .cpt-block .cpt-block-inner .cpt-block-image,
.cpt-list.row.three-columns .cpt-block .cpt-block-inner .cpt-block-hover-image{
    aspect-ratio: 16 / 9;
}
.cpt-list.row.three-columns .cpt-block .cpt-block-inner{
    background:var(--lighter-color);
    transition: background .3s ease;
}
.cpt-list.row.three-columns .cpt-block:hover .cpt-block-inner{
    background:var(--darkgray-color);
}
.cpt-list.row.three-columns .cpt-block .cpt-block-inner .cpt-block-text{
    padding:var(--spacing-sm-s) 20px;
}
.cpt-list.row.three-columns .cpt-block .cpt-block-inner .cpt-block-text *{
    transition: color .3s ease;
}
.cpt-list.row.three-columns .cpt-block:hover .cpt-block-inner .cpt-block-text * {
    color:var(--white-color);
}
.cpt-list.row .cpt-block .cpt-block-inner h5{
	padding-top:var(--spacing-sm);
}
.cpt-list.row .cpt-block .cpt-block-inner .cpt-block-image{
    z-index:1;
}
.cpt-list.row .cpt-block .cpt-block-inner .cpt-block-image,
.cpt-list.row .cpt-block .cpt-block-inner .cpt-block-hover-image{
    aspect-ratio: 16 / 9;
    border-radius: var(--sm-border) var(--sm-border) 0 0;
    background-size: cover;
    background-position: center;
    position: relative;
    transition: all ease 0.4s;
}
.cpt-list.row .cpt-block .cpt-block-inner .cpt-block-hover-image{
    position: absolute;
    display: block;
    top: 0;
    width: 100%;
	z-index:0;
	opacity:0;
}
 .cpt-list .cpt-block:has(.cpt-block-hover-image):hover .cpt-block-image-wrapper .cpt-block-hover-image {
    opacity: 1;
}
.cpt-list .cpt-block:has(.cpt-block-hover-image):hover .cpt-block-image-wrapper .cpt-block-image {
    opacity: 0;
}
.cpt-list.row.two-columns .cpt-block .cpt-block-text {
    padding: var(--spacing-md) 40px 7.5rem 40px;
    border-radius: 0 0 var(--sm-border) var(--sm-border);
    height:100%;
    position:relative;
}

.cpt-list.row.two-columns .cpt-block-furniture .cpt-block-text {
    background: linear-gradient(180deg, var(--light-color) 0%, #E9DCC5 100%);
}
.cpt-list.row.two-columns .cpt-block-construction .cpt-block-text {
    background: linear-gradient(180deg, var(--light-color) 0%, #C5D8E9 100%);
}

[data-theme="dark"] {
	.cpt-list.row.two-columns .cpt-block-furniture .cpt-block-text {
           background: linear-gradient(180deg, #323232 0%, #42495c 100%);
}
	.cpt-list.row.two-columns .cpt-block-construction .cpt-block-text {
		        background: linear-gradient(180deg, #323232 0%, #51544b 100%);
	}
}

.cpt-list.row.two-columns .cpt-block .cpt-block-text .flux_btn{
    position:absolute;
    bottom:40px;
    left:40px;
}
/* Change hover color for dark theme */
[data-theme="dark"] .cpt-list.column .cpt-block-realization:hover {
	background:var(--light-color);
}
/* Change img color for dark theme */
[data-theme="dark"] .cpt-list.column .cpt-block .read_more img {
	filter:brightness(0) invert(1);
}
/* CPT VIDEO HOVER */
.cpt-list .cpt-block-image-wrapper .cpt-block-hover-video {
    position: absolute;
    display: block;
    top: 0;
    width: 100%;
    aspect-ratio: 16/9;
	z-index:1;
}
.cpt-list .cpt-block-image-wrapper .cpt-block-hover-video .vimeo-wrapper {
	aspect-ratio: 16 / 9;
    position: relative;
    width: 100%;
    overflow: hidden;
	border-radius: var(--sm-border) var(--sm-border) 0 0;
}
.cpt-list .cpt-block-image-wrapper .cpt-block-hover-video iframe {
	position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.cpt-list .cpt-block:has(.cpt-block-hover-video):hover .cpt-block-image-wrapper .cpt-block-hover-video {
	opacity: 1;
}
.cpt-list .cpt-block:has(.cpt-block-hover-video):hover .cpt-block-image-wrapper .cpt-block-image {
	opacity: 0;
}

/* CPT CONTAINER */
.cpt-container {
	display: flex;
	align-items: flex-end;
}
.cpt-container .cpt-image-container {
	position: relative;
	width:calc(50% - 295px);
	height:calc(100% - 100px);
	margin:var(--spacing-xl) 295px 0 0;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	aspect-ratio:4/5;
}
.cpt-container .dynamic-thumbnail {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0;
	transition: opacity 0.5s ease-in-out;
	border-radius:var(--sm-border);
}
.cpt-container .dynamic-thumbnail.active {
	opacity: 1;
}
.cpt-container .cpt-list{
	width:50%;
	padding-left:20px;
}

.cpt-list.row.three-columns .cpt-block-realization .cpt-block-inner {
	background: rgba(0,0,0,0);
}

.cpt-list.row.three-columns .cpt-block-realization:hover .cpt-block-inner {
	background: rgba(0,0,0,0);
}

.cpt-list.row.cpt-list-realization .cpt-block-realization .cpt-block-inner .cpt-block-image {
	border-radius: 5px;
	background-size: 100%;
	transition: background-size 180ms linear;
}

.cpt-list.row.cpt-list-realization .cpt-block-realization:hover .cpt-block-image {
	background-size: 108%;
}

.cpt-list.row.cpt-list-realization .cpt-block-realization .cpt-block-inner .cpt-block-text {
	padding-inline: 0;
}

.cpt-list.row.cpt-list-realization .cpt-block-realization:hover .cpt-block-inner .cpt-block-text * {
	color: var(--black-color);
}

.cpt-list.row.cpt-list-realization .cpt-block-realization .cpt-block-inner .cpt-block-text p {
	color: #a0a0a0;
}

.cpt-list.row.cpt-list-realization .cpt-block-realization:hover .cpt-block-inner .cpt-block-text p {
	color: #a0a0a0;
}

.cpt-list.row.cpt-list-realization .cpt-block-realization .cpt-block-inner .cpt-block-text .cpt-title {
	font-weight: 420;
}


/* ----- POPUP STYLING ----- */
.flux-modal .modal__container{
    background:var(--lighter-color);
    padding:64px;
    border-radius:var(--sm-border);
}
.flux-modal .popup-close{
    display:block;
    position:absolute;
    top: 10px;
    right: 10px;
}
.flux-modal .popup-close a{
    display:block;
    position:relative;
    width:20px;
    height:20px;
    background: var(--mid-gray-color);
    border-radius: var(--xs-border);
}
.flux-modal .popup-close a::before,
.flux-modal .popup-close a::after{
    content:"";
    display:block;
    background-color:var(--lighter-color);
    width:1px;
    height:10px;
    position:absolute;
    top:50%;
    left:50%;
    
}
.flux-modal .popup-close a::before{
    transform:translate(-50%, -50%) rotate(45deg); 
}
.flux-modal .popup-close a::after{
    transform:translate(-50%, -50%) rotate(-45deg); 
}
.flux-modal .popup-close a:hover{
    background: var(--darkgray-color);
}
.flux-modal h2 strong,
.flux-modal p strong{
    background: var(--blue-pink-grad);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.flux-modal p{
    color:var(--black-color)!important;
}


/* HOME
* --------------------------------------------------
*  Homepage styles
* -------------------------------------------------- */

.home-header{
	height:calc(100vh - 60px);
	min-height:675px;
	max-height:800px;
}
.home-header .section_inner{
	height:calc(100vh - 60px);
	min-height:675px;
	max-height:800px;
	border-radius:var(--sm-border);
	background: linear-gradient(180deg, var(--lighter) 56%, var(--light) 88%);
	background: var(--bg-gradient);
	margin: 1.875rem 55px 0 55px;
	padding:4.688rem 25px;
	max-width: calc(100% - 110px);
	display:flex;
	justify-content:flex-end;
	align-items:flex-end;
}
.home-header-image{
	padding-top:75px;
}
.home-header-image, .home-header-image *{
	height:100%;
}
.home-header-image img{
	max-height:100%;
	object-fit:contain;
	object-position:center;
}
/* SUBPAGE
* --------------------------------------------------
*  Subpage styles
* -------------------------------------------------- */

/* SINGLE JOB */
.sollicitatie-form .section_inner{
    display:flex;
	margin-left: -15px;
	margin-right: -15px;
}
.sollicitatie-form .section_inner > div{
    width:50%;
    padding:0 15px;
}

/* SINGLE POST */
.single-post article{
	max-width:900px;
	margin:auto;
}
.single-job article{
	max-width:940px;
	margin:auto;
}

.single-post .article-content a{
	text-decoration:underline;
}

/* FOOTER
* --------------------------------------------------
*  Footer styles
* -------------------------------------------------- */
#footer .menu a, #footer p, #footer p a{
	color:var(--mid-gray-color);
}
#footer .menu a:hover, #footer p a:hover{
	color:var(--black-color);
}
#footer .wpbf-inner-widget-footer{
	padding-top:var(--spacing-sm-m);
	border-top: 1px solid var(--dark-bg-opacity);
	border-bottom: 1px solid var(--dark-bg-opacity);
	padding-bottom:var(--spacing-xl)
}
#footer .wpbf-footer-two-columns{
	padding:var(--spacing-sm-m) 0;
}
#footer .wpbf-footer-two-columns .wpbf-inner-footer-left a{
	padding-right:var(--spacing-sm);
}
.wpbf-widget-footer .wpbf-footer-widget-1{
    width:50%;
}
.wpbf-widget-footer .wpbf-footer-widget:not(.wpbf-footer-widget-1){
    width:25%;
}
.wpbf-widget-footer .wpbf-footer-widget-1 .textwidget{
    display:flex;
}
.wpbf-widget-footer .wpbf-footer-widget-1 .textwidget > div{
    width:50%;
}
/* SOCIALS */
.socials a{
	background:var(--light-color);
	padding:var(--spacing-xs) 10px;
	border-radius:var(--sm-border);
	margin-left:10px;
	text-align:center;
	display: inline-flex;
	justify-content:center;
	align-items:center;
	transition: all .3s ease;
}
.socials img, .socials svg{
	width:24px;
	height:24px;
	transition: all .3s ease;
}
.socials a:hover{
	background:var(--black-color);
}
.socials a:hover img{
	filter:brightness(1) invert(1);
}
[data-theme="dark"] .socials a img{
	filter:brightness(1) invert(1);
}
[data-theme="dark"] .socials a:hover img{
	filter:brightness(0) invert(0);
}
/* MEDIA QUERIES
* --------------------------------------------------
*  Media query styles
* -------------------------------------------------- */

/* START MAX 1280PX */
@media all and ( max-width:80rem ){
    /* PADDING / MARGIN */
    .grey-bg > .section_inner, .dark-bg > .section_inner, .grey-bg > .full_section_inner, .dark-bg > .full_section_inner {
        width: calc(100% - 50px);
        padding-left:15px;
		padding-right:15px;
    }    
	/* NAVIATION */
	.menu-wrapper .menu-item a {
		padding: var(--spacing-xs) 10px !important;
	}
	.wpbf-menu-right .wpbf-menu li.btn-item a {
		padding: 1.094rem 15px;
	}
	.dark-light-switch{
		margin-right:10px;
	}
}
/* START MIN 1024PX */
@media all and (min-width: 64rem) {
	/* SINGLE JOB */
	.single-post .vc_column_container>.vc_column-inner{
		padding:0;
	}
}

/* START MAX 1024PX */
@media all and ( max-width:64rem ){
	:root{
		--spacing-lg-m:2.5rem; /* 40px */
		--spacing-xl:3.75rem; /* 60px */
		--spacing-xxl:8.125rem; /* 130px */
	}
	 /* PADDING / MARGIN */
    .vc_row > .section_inner {
        padding: 0 20px;
        /*max-width: 1014px;*/
    }
	.single-job .vc_row > .section_inner > .col-content{
		padding:0 20px;
	}
	.grey-bg > .section_inner,
	.dark-bg > .section_inner,
	.grey-bg > .full_section_inner,
	.dark-bg > .full_section_inner {
        width: calc(100% - 80px);
    }
	
    /* NAVIGATION */
	.wpbf-navigation-active {
		padding: var(--spacing-sm-m) 20px 0 20px;
	}
    .wpbf-navigation .wpbf-mobile-logo img {
        max-width: 150px;
    }
	.wpbf-navigation .wpbf-menu-toggle-container .wpbf-mobile-menu-toggle{
		padding:15px;
		background-color:var(--light);
		border-radius:var(--xs-border);
	}
	.wpbf-navigation:has(.active) .wpbf-menu-toggle-container .wpbf-mobile-menu-toggle{
		background-color:var(--black);
		color:var(--white);
	}
	.wpbf-mobile-menu-container {
		border-radius: var(--sm-border);
		padding: 5px 0px;
		margin-top:30px;
	}
	.wpbf-vanilla .wpbf-mobile-menu-container {
		transition: height .0s ease-in-out;
	}
	.wpbf-vanilla .wpbf-mobile-menu-container.active {
		transition: height .4s ease-in-out;
	}
	.wpbf-navigation-transparent:has(.wpbf-mobile-menu-container.active){
		background-color:var(--light);
		height:100Vh;
		transition: background-color .0s ease-in-out;
	}
	.wpbf-mobile-menu-container .wpbf-mobile-menu > li {
		opacity: 0;
		transform: translateY(5px);
		transition: opacity 0.3s ease-out, transform 0.3s ease-out;
		transition-delay: 0.05s;
	}

	.wpbf-mobile-menu-container.active .wpbf-mobile-menu > li {
		opacity: 1;
		transform: translateY(0);
	}

	.wpbf-mobile-menu-container .wpbf-mobile-menu > li:nth-child(1) { transition-delay: 0.05s; }
	.wpbf-mobile-menu-container .wpbf-mobile-menu > li:nth-child(2) { transition-delay: 0.1s; }
	.wpbf-mobile-menu-container .wpbf-mobile-menu > li:nth-child(3) { transition-delay: 0.15s; }
	.wpbf-mobile-menu-container .wpbf-mobile-menu > li:nth-child(4) { transition-delay: 0.2s; }
	.wpbf-mobile-menu-container .wpbf-mobile-menu > li:nth-child(5) { transition-delay: 0.25s; }
	.wpbf-mobile-menu-container .wpbf-mobile-menu > li:nth-child(6) { transition-delay: 0.3s; }
	.wpbf-mobile-menu-container .wpbf-mobile-menu > li:nth-child(7) { transition-delay: 0.35s; }

	.wpbf-mobile-menu-container:not(.active) .wpbf-mobile-menu > li {
		opacity: 0;
		transform: translateY(5px);
		transition: opacity 0.2s ease-in, transform 0.2s ease-in;
		transition-delay: 0s; 
	}
	/*.wpbf-mobile-menu-container {
		background-color: transparent;
		border-radius: var(--sm-border);
		padding: 5px 0px;
		margin-top:30px;
	}
	.wpbf-mobile-menu-container::before{
		content:"";
		display:block;
		background-color:var(--light);
		position:absolute;
		top:-50vh;
		right:-60px;
		left:-60px;
		height:0px;
		z-index:-1;
		transition: height 0.4s ease-in-out;
	}
	.wpbf-mobile-menu-container.active.is-expanded::before{
		height:calc(100% + 50vh + 30px);
		transition: height .0s ease-in-out;
	}
	*/

	.wpbf-mobile-menu-container{
		background:transparent;
	}
	.wpbf-mobile-menu .menu-item {
		position: relative;
		padding: 0px 5px;
		padding:0;
		margin:5px 0;
	}
	.wpbf-mobile-menu .menu-item,
	.wpbf-mobile-menu>.menu-item:last-child{
		border:none;
	}
	.wpbf-mobile-menu .menu-item:not(.mode-switch) > a {
		padding: var(--spacing-xs) 15px;
		color: var(--black);
		font-family: var(--text);
		font-size: 0.875rem;
		font-style: normal;
		font-weight: 400;
		line-height: 1.375rem;
		background: transparent;
		border-radius: var(--xs-border);
		transition: background 90ms linear;
	}
	.wpbf-mobile-menu .menu-item.current-menu-item:not(.mode-switch) > a,
	.wpbf-mobile-menu .menu-item:not(.mode-switch) > a:hover {
		background: var(--white);
	}
	.wpbf-mobile-menu .menu-item.current-menu-parent > a {
		background: var(--lighter);
	}
	.wpbf-mobile-menu .menu-item-has-children .wpbf-submenu-toggle {
		font-size: 12px;
		padding-left: 3px;
		top:4px;
	}
	.wpbf-mobile-menu .menu-item.menu-item-has-children .sub-menu{
		position:relative;
	}
	.wpbf-mobile-menu .menu-item.menu-item-has-children .sub-menu a{
		padding-left: 25px;
	}
	.dark-light-switch {
		margin-right:0;
		margin-left:15px;
		& .switch {
			.slider {
				background-color:var(--lighter);
			}
		}
	}
	/* HERO */
	.hero-primary .hero-title > .section_inner,
	.hero-secondary .hero-title-text > .section_inner{
		display:flex;
		flex-wrap:wrap;
	}
	.hero-primary .hero-title > .section_inner .vc_col-sm-6,
	.hero-secondary .hero-title-text > .section_inner .vc_col-sm-6{
		width:50%;
	}
	/*
	.hero > .full_section_inner > .hero-image, 
	.hero > .full_section_inner > .hero-video,
	.rw-interactive .full_section_inner > .rw-interactive-image, 
	.vc_row:not(.hero).rw-video > .full_section_inner > .vc_col-sm-12 {
		padding-inline: 10px;
	}
	.hero .rw-video-content .rw-video-wrapper {
		width: calc(100vw - 20px);
	}
	*/
	.hero .rw-video-content .rw-video-wrapper iframe{
		min-height:calc(100vh - 1.5rem);
	}
	
	/* BORDER ROW */
	.border-row > .section_inner{
		width:100%;
	}
	
	/* TEXT ROWS */
	.rw-text-two-columns > .full_section_inner{
		display:flex;
		flex-wrap:wrap;
	}
	.rw-text-two-columns > .full_section_inner .vc_col-sm-6{
		width:50%;
	}
	/* PAGE BLOCKS */
	.page-blocks .page-block{
		/*width:50%;*/
		flex:1 1 50%;
	}
	/* TESTIMONIALS */
	@supports (animation-timeline: scroll()) {
		@keyframes adjust-position {
			from {
				transform: translateY(calc(200% + 100vh));
			}
			to {
				transform: translateY(calc(20% - 100vh));
			}
		}
	}
	/* CPTS */
	.cpt-container .cpt-image-container {
		width: calc(50% - 175px);
		margin: var(--spacing-xl) 175px 0 0;
	}
	.cpt-list.row:not(.cpt-list-testimonial) .cpt-block {
		width: 50%;
	}
	
	/* FOOTER */
	.wpbf-inner-widget-footer.wpbf-container, .wpbf-footer-two-columns.wpbf-container{
		width:calc(100% - 40px);
	}
}

/* START MAX 768PX */
@media all and (max-width:768px){
	/* TITLE SECTION */
	.title-section.title-section-contact-form > .section_inner{
		display:flex;
		flex-wrap:wrap;
	}
	.title-section.title-section-contact-form > .section_inner > .wpb_column{
		width:100%;
	}
	.title-section.title-section-contact-form > .section_inner > .wpb_column:not(:first-child){
		margin-top:30px;
	}
	/* VIDEO STEPS */
	.video-steps-list{
		padding-left:0!important;
		margin:-10px;
	}
	.video-steps-list li{
		flex:0 0 calc(50% - 20px);
		margin:10px!important;
	}
	/* SINGLE JOB */
	.sollicitatie-form .section_inner{
		flex-wrap:wrap;
	}
	.sollicitatie-form .section_inner > div{
		width:100%;
	}
}

/* START MAX 600PX */
@media all and (max-width:37.5rem){
	:root{
		--spacing-xxl:5rem; /* 80px */
	}
	
	.vc_row > .section_inner > .wpb_column:not(:first-child){
		margin-top:20px;
	}
	/* PADDING / MARGIN */
	.vc_column_container>.vc_column-inner {
		padding-left: 15px;
		padding-right: 15px;
	}
	.vc_row {
		margin-left: -15px;
		margin-right: -15px;
	}
	.vc_row > .section_inner {
        padding: 0 15px;
    }
	.grey-bg > .section_inner, .dark-bg > .section_inner, .grey-bg > .full_section_inner, .dark-bg > .full_section_inner {
        padding-left: 5px;
        padding-right: 5px;
    }
	.grey-bg > .section_inner, .dark-bg > .section_inner, .grey-bg > .full_section_inner, .dark-bg > .full_section_inner {
        width: calc(100% - 60px);
    }
	.border-row > .section_inner {
		width: calc(100% - 0px);
	}
	.hero .rw-video-content .rw-video-wrapper {
		width: calc(100vw - 20px);
		width: calc(100vw - 30px);
	}
	/* NAVIGATION */
	.wpbf-mobile-menu .menu-item-has-children .wpbf-submenu-toggle{
		width:100%;
		text-align:right;
	}
	/* HERO */
	.hero > .full_section_inner > .hero-image, .hero > .full_section_inner > .hero-video, .rw-interactive .full_section_inner > .rw-interactive-image, .vc_row:not(.hero).rw-video > .full_section_inner > .vc_col-sm-12 {
		padding-inline: 15px;
	}
	.hero-primary .hero-title #first_section, 
	.hero-secondary .hero-title-text #first_section,
	.hero-secondary .hero-title-text .vc_col-sm-6:first-child{
		padding-bottom:0;
	}
	.hero-secondary .hero-title-text .vc_col-sm-6:not(:first-child){
		margin-top:20px;
	}
	.hero-primary .hero-title > .section_inner .vc_col-sm-6,
	.hero-secondary .hero-title-text > .section_inner .vc_col-sm-6{
		width:100%;
	}
	/* TEXT ROWS */ 
	.rw-text-two-columns > .full_section_inner .vc_col-sm-6{
		width:100%;
	}
	.rw-text-two-columns > .full_section_inner .vc_col-sm-6:first-child{
		padding-bottom:var(--spacing-sm-s);
	}
	.padding-right{
		padding:0;
	}
	/* CTA ROWS */
	.rw-cta-content > a {
		padding: var(--spacing-sm-s) 20px;
	} 
	/* PAGE BLOCKS */
	.page-blocks .page-block{
		width:100%;
		flex:1 1 100%;
		padding: var(--spacing-sm-s) 15px;
	}
	.page-blocks .page-block > div, .page-blocks .page-block > a > div {
		padding: var(--spacing-sm-m) 20px;
	}
	/* IMAGE ROWS */
	.rw-images-content:not(.odd) .images,
	.rw-images-content.odd .images{
		padding-left:0;
		padding-right:0;
	}
	.rw-images-content.odd .images {
		order: 1;
	}
	.rw-images-content .section_inner .images-content{
		order:2;
		padding: var(--spacing-sm-m) 0 0 0;
		margin-top: 0 !important;
	}
	/* CPTS */
	/*.cpt-list.row {
		margin: -20px -15px;
	}*/
	.cpt-list.row:not(.cpt-list-testimonial) .cpt-block,
	.cpt-list.row.two-columns .cpt-block{
		width:100%;
	}
	.cpt-container{
		flex-wrap:wrap;
	}
	.cpt-container .cpt-image-container {
		width:100%;
		aspect-ratio: 3/2;
		margin:0;
		margin-bottom: var(--spacing-sm-s);
	}
	.cpt-container .cpt-list {
		width:100%;
		padding:0;
	}
	.cpt-container .flux_btn {
		display: table;
		margin: 0 auto;
		margin-top: 40px;
	}
	.cpt-list.row.two-columns .cpt-block .cpt-block-text {
		padding: var(--spacing-md) 20px;
	}
	.cpt-list.row.two-columns .cpt-block .cpt-block-text .flux_btn {
		position: relative;
		bottom: initial;
		left: initial;
	}
	.cpt-list .cpt-block:has(.cpt-block-hover-image) .cpt-block-image-wrapper .cpt-block-hover-image {
    	opacity: 1;
    }
    .cpt-list .cpt-block:has(.cpt-block-hover-image) .cpt-block-image-wrapper .cpt-block-image {
    	opacity: 0;
    }   
	/* TEXT LOGO ROW */
	.rw-logo-content .wpb_wrapper{
		flex-wrap:wrap;
	}
	.rw-logo-content .wpb_wrapper img {
		height: 32px;
	}
	/* FOOTER */
	.wpbf-inner-widget-footer.wpbf-container, .wpbf-footer-two-columns.wpbf-container {
        width: calc(100% - 30px);
    }
	.wpbf-widget-footer .wpbf-footer-widget-1,
	.wpbf-widget-footer .wpbf-footer-widget:not(.wpbf-footer-widget-1){
		width:100%;
	}
	.wpbf-widget-footer .wpbf-footer-widget-1 .textwidget{
		flex-wrap:wrap;
	}
	.wpbf-widget-footer .wpbf-footer-widget-1 .textwidget > div{
		width:100%;
	}
	.wpbf-footer-two-columns .wpbf-inner-footer-left, .wpbf-footer-two-columns .wpbf-inner-footer-right{
		text-align:left;
	}
	.wpbf-footer-two-columns .wpbf-inner-footer-right .socials{
		margin-top:10px;
	}
	.wpbf-footer-two-columns .wpbf-inner-footer-right .socials a{
		margin-left:0;
		margin-right:10px;
	}
	/* FORMS */
	html .formcraft-css .fc-form .form-element:last-child .form-element-html {
		margin-bottom: 0;
	}
}