@font-face {
  font-family: 'RohnRounded-Regular';
  src:  url('../fonts/RohnRounded-Regular.woff2') format('woff2'),
		url('../fonts/RohnRounded-Regular.woff') format('woff');}
		
@font-face {
  font-family: 'RohnRounded-RegularItalic';
  src:  url('../fonts/RohnRounded-RegularItalic.woff2') format('woff2'),
		url('../fonts/RohnRounded-RegularItalic.woff') format('woff');}
		
@font-face {
  font-family: 'RohnRounded-Bold';
  src:  url('../fonts/RohnRounded-Bold.woff2') format('woff2'),
		url('../fonts/RohnRounded-Bold.woff') format('woff');}
		
@font-face {
  font-family: 'RohnRounded-BoldItalic';
  src:  url('../fonts/RohnRounded-BoldItalic.woff2') format('woff2'),
		url('../fonts/RohnRounded-BoldItalic.woff') format('woff');}
		
h1, .page-template-template-frontpage .intro h2{
font-family: 'RohnRounded-Bold'}

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;}

.invisible-on-load {
  opacity: 0;}

.clearfix:after, .clear {
  clear: both;}
  
 .display-none{
	 display: none;}

.row-flex {
  display: flex;
  flex-wrap: wrap;}
  
.mt-auto{
  margin-top: auto;}
 
.mb-auto{
  margin-bottom: auto;}
  
.wp-block-image img{	
	display: block;
	max-width: 100%;
	height: auto;}
	
.gfield_checkbox li input[type=checkbox]{
	float: left; display: inline-block;
	vertical-align: top !important;
	margin-top: 2px !important;
	height: auto !important;
	margin-right: 2px !important;
	font-weight: normal !important;
	width: auto!important;}

.position-relative {
	position: relative;}

	.scrolled-top{
		padding-top: 170px !important;}
	
	.headerafbeelding-container.scrolled-top{
		margin-top: 60px !important;}
	
.scrolled {
	position: fixed;
	float: none;
	display: inherit;
	top: 0;
	width: 100%;
	z-index: 9999;
	padding: 15px 0 0 0;
	transition: all 300ms linear;
	background: rgba(0,0,0,0.95);
	box-shadow: rgba(149, 157, 165, 0.3) 0px 0px 14px;}

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;}

*:focus {outline:none !important}

a {
  transition: all 250ms ease-out;
  -webkit-transition: all 250ms ease-out;}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #c7c7c7;
  opacity: 1; /* Firefox */}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #c7c7c7;}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #c7c7c7;}

.wp-block-image img{
	display: block;
	max-width: 100%;
	height: auto;}
	
.grecaptcha-badge{
	display: none;}
	
.overflow-visible {
	overflow: visible!important;}
	
.js-loading *, .js-loading *:before, .js-loading *:after {
	-webkit-animation-play-state: paused !important;
	animation-play-state: paused !important;}

/* Animations */
	
	@-webkit-keyframes no-transform {
	  100% {
		opacity: 1;
		-webkit-transform: none;
				transform: none;
	  }
	}
	
	@keyframes no-transform {
	  100% {
		opacity: 1;
		-webkit-transform: none;
				transform: none;
	  }
	}
	
	@-webkit-keyframes pulse {
	  0% {
		opacity: 1;
		-webkit-transform: none;
				transform: none;
	  }
	  50% {
		opacity: .8;
		-webkit-transform: scale(.8);
				transform: scale(.8);
	  }
	  100% {
		opacity: 1;
		-webkit-transform: none;
				transform: none;
	  }
	}
	
	@keyframes pulse {
	  0% {
		opacity: 1;
		-webkit-transform: none;
				transform: none;
	  }
	  50% {
		opacity: .8;
		-webkit-transform: scale(.8);
				transform: scale(.8);
	  }
	  100% {
		opacity: 1;
		-webkit-transform: none;
				transform: none;
	  }
	}
	
	@-webkit-keyframes rotate-up {
	  100% {
		-webkit-transform: rotateZ(-4deg);
				transform: rotateZ(-4deg);
	  }
	}
	
	@keyframes rotate-up {
	  100% {
		-webkit-transform: rotateZ(-4deg);
				transform: rotateZ(-4deg);
	  }
	}
	
#cursor {
	  animation: 1s blinker linear infinite;
	  -webkit-animation: 1s blinker linear infinite;
	  -moz-animation: 1s blinker linear infinite;
	}
	
	@keyframes blinker {
	  0% {
		opacity: 1;
	  }
	  50% {
		opacity: 0;
	  }
	  100% {
		opacity: 1;
	  }
	}


	
body{
	font-family: "Roboto", serif;}

.logo{
  padding-top: 20px;}
  
 .logo svg{
	 max-width: 220px;}
	 
	 .logo img{
		 max-width: 170px;
	 }
 
 .footer svg{
	 max-width: 220px;}

 
 .cls-1 {
	 fill: #1d1d1b;
	 fill-rule: evenodd;
   }
   
  .footer .cls-1{
	   fill: #fff;
   }
   
   .scrolled .cls-1{
	   fill: #fff;
   }
  
  .scrolled .logo svg{
	   max-width: 170px;
	   height: 80px;
   }
  
  .scrolled .logo img{
	  max-height: 75px;}
  
  .scrolled .logo{
	  padding-top: 0px;}
  
  
.top{
	float: left; display: inline-block;
	width: 100%;
	padding: 0;}
  
.topbar{
	float: left; display: inline-block;
	width: 100%;
	padding: 5px 30px;
	background: #f8f8f8;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;}
  
.header-content{
  position: absolute; top: 0px;
  left: 50%;
  margin: 100px 0px 0px -585px;
  z-index: 888;}
  
  .header-content .intro{
	float: left; display: inline-block;
	width: 100%;
	position: relative;
	text-align: left;
	padding: 0;
	top: 210px;
	padding: 45px 45px;
	border-radius: 20px;
	background: transparent;
	-webkit-animation-delay: .8s;
	animation-delay: .8s;}
	
.animate-pop-in {
	-webkit-animation: no-transform .6s cubic-bezier(0, 0.9, 0.3, 1.2) forwards;
	animation: no-transform .6s cubic-bezier(0, 0.9, 0.3, 1.2) forwards;
	opacity: 0;
	-webkit-transform: translateY(-4rem) scale(.8);
	transform: translateY(-4rem) scale(.8);
	}
  
.headerafbeelding-container{
	  float: left;
	  display: inline-block;
	  width: 100%;
	  margin: 35px 0;
	  padding: 25px 90px;
  	  position: relative;
	  overflow: hidden;}
	  
	  .headerafbeelding{
		  width: 100%;
		  height: 700px;
		  max-width: 1800px;
		  margin: 0 auto;
		  overflow: hidden;
		  position: relative;
		  border-radius:7px;
	  }
	  
		.headerafbeelding img{
		  border-radius: 20px;
		  margin: 0 auto;
	 	 width: 100%;
		animation: move 40s ease;
		border-radius:20px;
		overflow: hidden;
		/* Add infinite to loop. */
		
		-ms-animation: move 40s ease;
		-webkit-animation: move 40s ease;
		-0-animation: move 40s ease;
		-moz-animation: move 40s ease;
		position: absolute;}
		
	@-webkit-keyframes move {
	  0% {
		-webkit-transform-origin: bottom left;
		-moz-transform-origin: bottom left;
		-ms-transform-origin: bottom left;
		-o-transform-origin: bottom left;
		transform-origin: bottom left;
		transform: scale(1.0);
		-ms-transform: scale(1.0);
		/* IE 9 */
		
		-webkit-transform: scale(1.0);
		/* Safari and Chrome */
		
		-o-transform: scale(1.0);
		/* Opera */
		
		-moz-transform: scale(1.0);
		/* Firefox */
	  }
	  100% {
		transform: scale(1.2);
		-ms-transform: scale(1.2);
		/* IE 9 */
		
		-webkit-transform: scale(1.2);
		/* Safari and Chrome */
		
		-o-transform: scale(1.2);
		/* Opera */
		
		-moz-transform: scale(1.2);
		/* Firefox */
	  }
	}
		  
	.afbeelding-overlay{
		position: absolute;
		left: 0;
		top: 0;
		width: 70%;
		height: 100%;
		background: rgb(101,20,122);
		background: linear-gradient(90deg, rgba(101,20,122,0.7) 0%, rgba(255,255,255,0) 100%);
		z-index: 3;
		border-top-left-radius: 20px;
		border-bottom-left-radius: 20px;
	}
	
  .headerafbeelding-container::after {
	  content: "";
	  position: absolute;
	  right: 0;
	  width: calc(50% + 165px);
	  top: 0px;
	  bottom: 0;
	  background-color: #fccacc;
	  z-index: -1;
	  border-bottom-left-radius: 7px;
	  border-top-left-radius: 7px;
	  z-index: -1;}
	  
  .usps{
	float: left; display: inline-block;
	width: 100%;
	padding: 100px 0;}
  
  .hp-intro{
	float: left; display: inline-block;
	width: 100%;}
  
  .hp-usps{
	  position: relative;
	  display: flex;
	  flex-direction: column;
	  justify-content: center;
  }
  
	.usp{
	 float: left; display: inline-block;
	 padding: 0 50px;
	 margin: 25px 0;
	}
	
	  .usp-icon{
		  float: left; display: inline-block;
		  width: 20%;
		  background: #000;
		  border-radius: 7px;
		  padding: 15px;}
		  
		  .usp-tekst{
			float: left; display: inline-block;
			width: 80%;
			padding-left: 20px;
		  }
		
.product-ingangen{
  float: left; display: inline-block;
  width: 100%;
  padding: 70px 0;
  position: relative;}

  .product-ingangen::after {
  content: "";
  position: absolute;
  left: 0;
  width: calc(80% + 165px);
  top: 0px;
  bottom: 0;
  background-color: #f8f8f8;
  z-index: -1;
  border-bottom-right-radius: 20px;
  border-top-right-radius: 20px;}

  .product-ingang{
	float: left; display: inline-block;
	width: 100%;
	border-radius: 20px;
	overflow: hidden;
	background: #d2232a;
	transition: all 250ms ease-out;
	-webkit-transition: all 250ms ease-out;}
	
	.product-ingang:hover{
		transition: all 250ms ease-out;
		  -webkit-transition: all 250ms ease-out;}
	
	.producten-content .product-ingang{
		margin-bottom: 30px;}
  
	.product-ingang-afb{
	  float: left; display: inline-block;
	  width: 100%;
  		overflow: hidden;}
	  
	  .product-ingang .product-ingang-afb img{
		transition: all 250ms ease-out;
		-webkit-transition: all 250ms ease-out;}
	  
	  .product-ingang:hover .product-ingang-afb img{
		transform: scale(1.05);
		transition: all 250ms ease-out;
		-webkit-transition: all 250ms ease-out;}
	
	.product-ingang-tekst{
	  float: left; display: inline-block;
	  width: 100%;
	  padding: 20px;}
	  
	  
	  
	.swiper-slide{
		padding: 15px;
	}
	
	.swiper-button-prev, .swiper-button-next{
		border-color: #999 !important;
	}
	
	.swiper-button-prev, .swiper-button-next{
		background: #fff;
		border: 3px solid #ebebeb !important;
		box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	}
	
	
  
.hp-referentie,
.vervolg-referentie{
  float: left; display: inline-block;
  width: 100%;
  padding: 90px 0;
  background: #f8f8f8;}
  

  
  .quote-tekst{
   background: url("../images/icon-quote.svg") no-repeat;
   background-size: 70px 70px;
   padding-left: 75px;
   padding-top: 50px;}
  
  .quote-afb{
	text-align: center;}
  
  .quote-afb img{
	border-radius: 250px;
	border: 5px solid #fff}

.hp-diensten{
	float: left; display: inline-block;
  	width: 100%;
  	padding: 120px 0;}
	
.hp-dealers{
  float: left; display: inline-block;
  width: 100%;
  padding: 90px 0;
  background: #f8f8f8;
  text-align: center;}

   .dealer-logo{
	 margin: 0 10px;
	 background: #fff;
	 border-radius: 20px;
   padding: 20px;   }
   
.hp-contact{
  float: left; display: inline-block;
  width: 100%;
  padding: 130px 0;
  background: #ffff;}

  .contact-details{
	float: left; 
	display: inline-block;
	width: 50%;
	padding: 45px;
	margin: 50px 0 0 50px;
	background: #d2232a;
	border-radius: 20px;
	position: relative;
	z-index: 1;}
	
  .contact-afb{
	float: left; 
	display: inline-block;
	width: 45%;
	left: -50px;
	z-index: 0;
	position: relative;
	border-radius: 20px;
	overflow: hidden;}
	
.vervolg-content-blok2,
	.vervolg-content-blok4{
		float: left; display: inline-block;
		width: 100%;
		padding: 100px 0;}
	
	.vervolg-content-blok3{
		float: left; display: inline-block;
		width: 100%;
		padding: 100px 0;
		background: #fff;}
	
	
	
	.vervolg-afbeelding img,
	.vervolg-content img,
	.vervolg-content-blok2 img,
	.vervolg-content-blok3 img,
	.vervolg-content-blok4 img{
		border-radius: 20px;
		z-index: 1;
		position: relative;}
		
		
		.vervolg-content .vervolg-afbeelding,
		.vervolg-content-blok2 .vervolg-afbeelding,
		.vervolg-content-blok3 .vervolg-afbeelding,
		.vervolg-content-blok4 .vervolg-afbeelding{
			position: relative;
			border-radius: 20px;
			overflow: hidden;}

		.afbeelding-klein{
			margin-top: 30px;}
		
		.vervolg-content .vervolg-afbeelding.afbeelding-right:after,
		.vervolg-content-blok2 .vervolg-afbeelding.afbeelding-right:after,
		.vervolg-content-blok3 .vervolg-afbeelding.afbeelding-right:after,
		.vervolg-content-blok4 .vervolg-afbeelding.afbeelding-right:after{
			content: '';
			position: absolute;
			width: 100%;
			height: 100%;
			left: 0px;
			bottom: -30px;
			background: #fccacc;
			z-index: 0;
			border-radius: 20px;}
			
		.vervolg-content .vervolg-afbeelding.afbeelding-left:after,
		.vervolg-content-blok2 .vervolg-afbeelding.afbeelding-left:after,
		.vervolg-content-blok3 .vervolg-afbeelding.afbeelding-left:after,
		.vervolg-content-blok4 .vervolg-afbeelding.afbeelding-left:after{
			content: '';
			position: absolute;
			width: 100%;
			height: 100%;
			left: 0px;
			bottom: -30px;
			background: #fccacc;
			z-index: 0;
			border-radius: 20px;}
		
	.padding-right{
		padding-right: 100px;}
		
	.cta-button-side{
		padding-top: 60px;
	}
		
				
  .footer {
	float: left; display: inline-block;
	width: 100%;
	background: #f8f8f8;
	padding: 90px 0;
	color: #000;
	line-height: 32px;}
	
	.footer img{
		max-width: 220px;}
	
.breadcrumb-container{
	display: inline-block;
	margin: 5px 0 20px 0;}
			
	.breadcrumb-container p{
		float: left; display: inline;
		color: #c2c2c2;
		font-size: 12px;
		margin: 0 5px 0 0;}
			
.vervolg-content{
	float: left; display: inline-block;
	width: 100%;
	margin-bottom: 90px;}
	
	.page-template-template-vervolg .vervolg-content,
	.page-template-template-overons .vervolg-content{
		margin-bottom: 0;}
  
.inbeeld{
 float: left; display: inline-block;
 width: 100%;
 background: #f8f8f8;
 padding: 100px 0 50px 0;}
	 
 .overons-afbeelding, .video-afbeelding{
	 float: left; display: inline-block;
	 width: 100%;
	 margin-bottom: 30px;}
	 
	 .overons-afbeelding img{
		 border-radius: 20px;
	 }
	 
.overons-usp{
	float: left; display: inline-block;
	 width: 100%;
	 background: #fff;
	 padding: 100px 0;
}

.producten-content,
.vervolg-contact{
	float: left; display: inline-block;
	 width: 100%;
	 background: #f8f8f8;
	 padding: 100px 0;}
	 
.contactpersoon{
	float: left; display: inline-block;
	width: 50%;}

	.contactpersoon i{
		color: #d2232a;}
		
.hoofdkantoor{
	float: left; display: inline-block;
	width: 100%;
	background: #fff;
	border-radius: 20px;
	overflow: hidden;
	margin-top: 75px;
}

	.hoofdkantoor .hoofdkantoor-tekst{
		float: left; display: inline-block;
		width: 100%;
		padding: 20px;
	}

.locaties{
	float: left; display: inline-block;
	 width: 100%;
	 background: #fff;
	 padding: 100px 0;}

	.locatie{
		float: left; display: inline-block;
		width: 100%;
		background: #f8f8f8;
		border-radius: 20px;
		overflow: hidden;}
	
	.locatie-tekst{
		float: left; display: inline-block;
		width: 100%;
		padding: 20px;}

.greep-producten{
	float: left;
	display: inline-block;
	width: 100%;
	padding: 70px 0;
	position: relative;
}
		
.greep-producten:after{
	content: "";
	position: absolute;
	left: 0;
	width: calc(80% + 165px);
	top: 0px;
	bottom: 0;
	background-color: #f8f8f8;
	z-index: -1;
	border-bottom-right-radius: 20px;
	border-top-right-radius: 20px;}
	
.product-detail{
	float: left; display: inline-block;
	width: 100%;
	background: #fff;
	border-radius: 20px;
	overflow: hidden;}
	
	.product-tekst{
		float: left; display: inline-block;
		width: 100%;
		padding: 20px;}
		
.vervolg-merken{
	float: left; display: inline-block;
	 width: 100%;
	 background: #f8f8f8;
	 padding: 100px 0;
}
		
.brandLogo{
	float: left; display: inline-block;
	width: 100%;
	background: #fff;
	border-radius: 20px;
	text-align: center;
	margin: 15px 0;
	padding: 20px;}

.brandLogo img{
	margin: 0 auto;}

.brandsma-contact{
	  float: left; display: inline-block;
	  width: 100%;
	  margin: 20px 0;}
	  
	  .brandsma-contact .phone,
	  .brandsma-contact .mail{
		float: left; display: inline-block;
		width: 50%;}
	  
	.phone-icon,
	.mail-icon{
	  float: left; display: inline-block;
	  width: 20%;}
	
	.phone-text,
	.mail-text{
	  float: left; display: inline-block;
	  width: 80%;}
	  
	  .phone-icon i, .mail-icon i{
		color: #fff;
		font-size: 35px;}
		
.diensten-overzicht{
	float: left;
	width: 100%;}
	
	.dienst-item{
		float: left; display: inline-block;
		width: 50%;}
		
	.dienst-icon{
		float: left; display: inline-block;
		width: 20%;}
		
	.dienst-item-tekst{
	float: left; display: inline-block;
	width: 80%;}
		
	.dienst-img{
		position: absolute !important;
		top: 0;
		right: calc(0px - ((100vw - 100%) / 2));
		width: calc(((100vw - 100%) / 2) + 50%);
		bottom: 0;
		height: 100%;
		padding-left: 100px;}
		
	.dienst-img img{
		width: 100%;
		height: 100%;
		object-fit: cover;
		border-bottom-left-radius: 20px;
		border-top-left-radius: 20px;}
		
.cta-blok{
	float: left; display: inline-block;
	width: 100%;
	margin: 100px 0;
	position: relative;
	padding: 100px 0;
	text-align: center;}

	.cta-blok-overlay{
		position: absolute;
		width: 100%; height: 100%;
		background: rgba(101, 20, 122,0.7);
		top: 0; left: 0;
		z-index:9;
	}
	
	.cta-blok-tekst{
		position: relative;
		z-index: 10;
	}
		
		.cta-center{
			position: relative;
			/*display: flex;*/
			flex-direction: column;
			justify-content: center;
			text-align: center;
			margin-top: 20px;}
			
.referentie-logo{
	float: left; display: inline-block;
	width: 100%;
	padding: 30px;
	border-radius: 10px;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	margin-bottom: 30px;
}

.klantaanhetwoord, .overons-vervolg{
	float: left; display: inline-block;
	width: 100%;
	background: #f8f8f8;
	padding: 100px 0;
	margin-top: 100px;}

.woord{
	float: left; display: inline-block;
	width: 100%;
	padding: 30px;
	background: #fff;
	border-radius: 10px;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	margin-bottom: 30px;}
	
.overons-persoon{
	float: left; display: inline-block;
	width: 100%;
	background: #fff;
	border-radius: 10px;
	padding: 30px;}

	
	.usps-uitgebreid{
		float: left; display: inline-block;
		width: 100%;
		background: #fff;
		padding: 100px 0;}

.hp-instagram{
	float: left; display: inline-block;
	width: 100%;
	text-align: center;
	background: #fff;
padding-top: 70px;}

.insta-tekst{
	float: left; display: inline-block;
	width: 100%;
	padding: 0 250px;
}

.project-block{
	float: left; display: inline-block;
	width: 100%;
	background: #000;
	border-radius: 20px;
	overflow: hidden;
	margin-top: 30px;}

	.project-block img{
		border-radius: 0; 
		display: block;
		max-width: 100%;
		height: auto;}

.project-text{
	float: left; display: inline-block;
	width: 100%;
	padding: 20px;
	text-align: center;
}

.headerafbeelding video {
	height: auto;
	left: 50%;
	min-height: 100%;
	min-width: 100%;
	position: absolute;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: auto;
}

/* ##########
  HOOFDMENU
########## */
.nav{
  float: right; display: inline-block;
  width: 100%;
  padding: 73px 0 0 0;
}

#mega-menu-wrap-hoofdmenu #mega-menu-hoofdmenu{
	float: right;
}

.scrolled .nav{
	padding-top: 40px;}
	
.nav ul{
  float: right; display: inline-block;}

.nav ul li{
  float: left; display: inline-block;
  margin: 0 0 0 40px;}

.nav ul li:last-child{
	padding-right: 45px;
}

.nav ul li a,
.nav ul li a:link{
  font-size: 21px;
  font-weight: bold;
  color: #000;
  padding-bottom: 5px;}
  
  .nav ul li.current-menu-item a,
  .nav ul li.current-menu-item a:link,
  .nav ul li a:hover{
	  color: #d2232a;
  }
  
  .nav ul li a:hover{
	  text-decoration: none;
	  border-bottom: 2px solid #d2232a;
  }
  
.head-contact{
  float: right;
  display: inline-block;
  width: 100%;
  padding-top: 20px;}
  
  .head-cta{
	float: right;
	display: inline-block;
	padding-top: 2px;}
	
	a.phone, a.envelope,
	a.phone:link, a.envelope:link,
	a.phone:visited, a.envelope:visited{
	  font-size: 20px;
	  border-radius: 5px;
	  margin: 0 0 0 10px;
	  border: 1.5px solid #000;
	  padding: 6px 8px 7px 8px;}
	  
	  a.phone:hover,
	  a.envelope:hover{
		background: #000;
		color: #fff;}  
		
.topbar ul{
	float: right; display: inline-block;
	margin: 0;}
  
.topbar ul li{
	float: left; display: inline-block;
	margin: 0 0 0 20px;
	list-style-type: none;
	line-height: 32px;}
	
.position-relative {
	position: relative;}

.afbeelding-left{
	position: absolute !important;
	top: 0;
	left: calc(0px - ((100vw - 100%) / 2));
	width: calc(((100vw - 100%) / 2) + 50%);
	bottom: 0;
	height: 100%;
	padding-right: 30px;}
	
.afbeelding-right{
	position: absolute !important;
	top: 0;
	right: calc(0px - ((100vw - 100%) / 2));
	width: calc(((100vw - 100%) / 2) + 50%);
	bottom: 0;
	height: 100%;
	padding-left: 30px;}
	
.w-100 {
	width: 100%;}
	
	.afbeelding-left img{
		width: 100%;
		height: 100%;
		object-fit: cover;
		border-top-left-radius: 0px;
		border-bottom-left-radius: 0px;}
	
	.afbeelding-right img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;}
	
section:not(.hoofd) {
		overflow: hidden;}
		
.tekst-rechts{
	float: left;
	display: inline-block;
	width: 100%;
	padding: 140px 0 140px 40px;
	z-index: 2;
	position: relative;
	/* min-height: 450px; */
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.tekst-links{
	float: left;
	display: inline-block;
	width: 100%;
	padding: 140px 40px 140px 0;
	z-index: 2;
	position: relative;
	/* min-height: 450px; */
	display: flex;
	flex-direction: column;
	justify-content: center;}
	
.page-template-template-overons .tekst-rechts,
.page-template-template-overons .tekst-links{
	padding-top: 0;
}
	
 .overons-galerij{
	float: left; display: inline-block;
	width: 100%;
	padding-bottom: 100px;
	background: #f8f8f8;}
	
.overons-galerij .review-slider{
	  margin-top: 0;}
	
	  .overons-galerij img{
		border-radius: 8px;}
	  
	  .overons-galerij .review-slider .swiper-button-prev{
		left: calc(0% + -46px);}
	  
	  .overons-galerij .review-slider .swiper-button-next {
		  right: calc(0% + -12px - 35px);}

.overons-team {
  float: left;
  display: inline-block;
  width: 100%;
  padding: 100px 0;
  background: #f8f8f8;}
  
  .teamlid{
	  float: left; display: inline-block;
	  width: 100%;
	  background: #fff;
	  border-radius: 20px;
	  overflow: hidden;}
  
  	.teamlid-tekst{
		float: left; display: inline-block;
		width: 100%;
		padding: 30px;}
		
.accordion-rij{
	float: left; display: inline-block;
	width: 100%;
	padding: 20px;
	border: 1px solid #e9e9e9;
	border-radius: 10px;
	margin-bottom: 20px;}

.accordion-rij .title{
	position: relative;
	padding: 0;
	font-size: 16px;
	color: #c10a27;}
	
	.accordion-rij .title h3::after{
		float: right;
		font: var(--fa-font-solid);
		content: "\f054";
		padding: 5px 9px;
		border-radius: 25px;
		border: 1px solid white;
		text-align: center;
		margin-top: 17px;
	}
	
	.accordion-rij .title.ui-accordion-header-active h3::after{
		content: "\f078";
	}
	
	.accordion-rij .title h3{
	  margin: 0;
	  font-size: 24px;
	  font-weight: 600;
	  color:#c10a27 }
	  
	.accordion-rij .title h3{
		font-size: 19px;
	}
	
	.accordion-rij .title h3 i{
	  font-size: 14px;
	  padding-right: 5px;}
	  
	.accordion-rij p{
		font-size: 17px;
	}

.videoicon {
	position: absolute;
	width: 100%;
	height: 100%;
	text-align: center;
	z-index: 999;
	padding-top: 120px;
	background: rgba(0, 0, 0, 0.3);
}
	
.videoicon i {
	font-size: 90px;
	color: #fff;
}

/* ##########
  FONTS
########## */

h1,h2,h3{
  font-weight: bold;}
  
h1{
	font-family: 'RohnRounded-Bold';
	font-style: normal;
	font-weight: 300;
	color: #000;
	font-size: 64px;
	margin-top: 0;
}
  
  .page-template-template-frontpage .intro h2{
	font-family: 'RohnRounded-Bold';
	font-size: 66px;
	color: #fff;
	margin: 0;
	font-weight: 500;
	text-transform: normal;}
  
h2{
  font-family: 'RohnRounded-Bold';
  font-size: 34px;
  color: #000;
  text-transform: normal;
  font-weight: 300;}
  
#mega-menu-wrap-hoofdmenu #mega-menu-hoofdmenu > li.mega-menu-item > a.mega-menu-link{
	  font-family: 'RohnRounded-Regular';
}
  
  .page h2{
	  margin-top: 0;}
  
  .footer h2{
	color: #000;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 20px;}
  
  .product-ingangen h2{
	font-family: 'RohnRounded-Bold';
	text-align: center;
	margin-bottom: 50px;}
	
.page-template-template-vervolg .tekst-rechts h2,
.page-template-template-vervolg .tekst-links h2,
.page-template-template-overons h2{
		color: #65147D;
	}

.page-template-template-frontpage h2{
	  font-size: 40px;
	  color: #000;
	  text-transform: normal;}
	  
	  .contact-details h2,
	  .footer h2{
		font-size: 24px;}
		
	.contact-details h2{
	color: #fff;
	margin-top: 0;}

h3{
	font-family: 'RohnRounded-Bold';
	font-weight: 300;
	font-size: 32px;
	line-height: 38px;}
	
	
	
	.vervolg-content .project-text h3{
		margin-bottom: 0;}
		
	.hp-instagram h3{
		font-family: 'RohnRounded-Bold';
		font-weight: 300;
		font-size: 34px;
		color: #000;
	}
	
	.hp-instagram h3:before {
		content: "\f16d";
		font-family: FontAwesome;
		font-style: normal;
		font-weight: normal;
		text-decoration: inherit;
		padding-right: 10px;
	}
	
 .cta-blok-tekst h2,
 .cta-blok-tekst h3{
	 color: #fff;}
	 
.hoofdkantoor-tekst h3{
	margin-top: 0;
}
  
.intro h3{
  color: #fff;
  font-weight: 400;
  margin: 0 0 20px 0;
  font-size: 30px;
  line-height: 38px;}
  
  .product-ingang-tekst h3{
	margin-top: 0; 
	color: #fff;
	font-size: 26px;
	width: 100%;}
	
	.product-ingang-tekst h3:after{
		float: right;
		font: var(--fa-font-solid);
		content: "\f054";
		padding: 5px 9px;
		border-radius: 25px;
		border: 1px solid white;
		text-align: center;
		margin-top: 2px;
		font-size: 23px;}	
		
		.opdrachtgever-ingang h3:after{
			content: none;
		}
		
.vervolg-content h3{
	margin-bottom: 20px;
	margin-top: 0;}

	
.product-tekst h3{
	margin: 0;}
	
.dienst-item h3{
	font-size: 23px;
	color: #000;}
	
h4{
  margin: 4px 0;}

.contactpersonen h4{
	font-weight: bold;
	font-size: 21px;
	margin: 20px 0 15px 0;}

.product-tekst h4{
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 20px;}
	
.teamlid-tekst h4{
	font-weight: bold;
	font-size: 24px;
	color: #000;}
	
.teamlid-tekst h5{
	font-weight: normal;
	font-size: 18px;
	color: #7d7d7d;}

p{
  font-size: 18px;
  line-height: 32px;
  color: #434343;}
  
  .intro p{
	color: #fff;
	font-size: 20px;
	line-height: 28px;
	margin-bottom: 20px;}
	
	.cta-blok-tekst p{
	color: #fff;
	font-size: 24px;
	line-height: 34px;
	}
	
  .usp p{
	color: #434343;
	padding-top: 20px;}
	
	.usp p strong{
		color: #000;
	}
	
  .product-ingang-tekst p{
	color: #fff;}
  
  p.quote{
	font-family: 'Roboto', serif;
	color: #434343;
	font-size: 24px;
	line-height: 38px;
	font-style: italic;
	padding-top: 20px;}
  
  .footer p{
	font-size: 18px;
	line-height: 28px;}
  
  .footerbottommenu p {
	float: left; display: inline-block;
	padding: 10px 0;
	font-size: 16px;
	color: #9a9a9a;}
  
  p.footer-contact i{
	color: #d2232a;}
  
  .hp-dealers p{
	padding: 0 300px;
	color: #6a6a6a;}
	
  .contact-details p{
	color: #fff;}
  
  .page-template-template-vervolg p{
  line-height: 31px;}
  
  .cta-microcopy p{
  font-size: 13px;
  font-style: italic;}
  
.contactpersonen p{
	font-weight: bold;
color: #000;}

.locatie-tekst p{
	font-size: 14px;}
	
.topbar p,
.topbar a,
.topbar a:link{
	font-size: 15px;
	padding: 0; margin: 0 0 0 15px;
	font-weight: bold;}
	
	.topbar i{
		margin-left: 2px;
		color: #65147A;}

.topbar a:hover{
	text-decoration: none;
	color: #000;}
	
p.small{
	font-size: 14px;
	margin: 0;
	line-height: 12px;}
	
.dienst-item p{
	font-size: 16px;
	line-height: 22px;}
  
  
  
/* ##########
	OPSOMMINGEN
   ##########*/
  
  .footer ul{
	padding: 0;
	margin: 0;
  }
  
  .footer ul li{
	list-style-type: none;
	float: left; display: inline-block;
	width: 100%;
	margin: 0 20px 6px 0;
	padding: 0;}
  
.footerbottommenu{
	  float:left; display: inline-block;
	  width: 100%;
	  margin: 40px 0 0 0;
	  border-top: 1px solid #e0e0e0;
	}
	
	  .footerbottommenu ul {
		float: right; display: inline-block;
		padding: 9px 0;
		margin: 0;
	  }
	  
	  .footerbottommenu ul li{
		float: left;
		display: inline-block;
		margin: 0 0 0 20px;
		width: auto;
	  }
	  
	  .footerbottommenu ul li:before{
		content: none;
		padding: 0;}
	  	  
			
.vervolg-content ul li,
.vervolg-content ol li{
  line-height: 31px;
  color: #434343;
  font-size: 18px;}
	  
.vervolg-content ul li,
.vervolg-content-blok2 ul li,
.vervolg-content-blok3 ul li,
.vervolg-content-blok4 ul li{
  color: #434343;
  list-style-type: square;
  font-size: 18px;
  line-height: 31px;}
  
.inhoud-vervolg ul li:before{
	  font: var(--fa-font-solid);
	  content: "\f00c";
	  padding-right: 10px;
	  color: #0bc407;
	  padding-right: 10px;
	  font-weight: 700;
	  left: 0;
	  top: 11px;
	  position: absolute;}
  
  .inhoud-vervolg ul li{
	list-style-type: none;
	font-size: 18px;
	line-height: 31px;
	font-weight: normal;
	padding: 5px 20px 0 25px; margin: 0;
	position: relative;}
  
  .usp-list{
	  margin: 0; padding: 0;
  }
  
  	.usp-list li:before{
		  font: var(--fa-font-solid);
		  content: "\f00c";
		  padding-right: 10px;
		  color: #0bc407;
		  padding-right: 10px;
		  font-weight: 700;
		  left: 0;
		  top: 11px;
		  position: absolute;}
  
  	.usp-list li{
		list-style-type: none;
		font-size: 21px;
		line-height: 32px;
		font-weight: bold;
		padding: 5px 20px 0 25px; margin: 0;
		position: relative;}
  
/* ##########
  LINKS
########## */

a, a:link{
  color: #000;}
  
  .tekst-rechts a,
  .tekst-rechts a:link,
  .tekst-links a,
  .tekst-links a:link{
	  color: #65147D;
	  font-weight: bold;
  }

a:hover{
 color: #d2232a;}
 
a.cta, a.cta:link, .btn-default, .btn-offerte, .btn-locatie, .btn-contact, .btn-info, .woocommerce a.button,
.wp-block-button a, .wp-block-button a:link{
  border-radius: 7px;
  padding: 11px 15px;
  color: #fff;
  font-weight: bold;
  background: rgb(238,123,174);
  background: linear-gradient(146deg, rgba(238,123,174,1) 0%, rgba(92,36,131,1) 50%, rgba(121,205,244,1) 100%);
  font-size: 18px;
  margin-right: 10px;
  text-transform: uppercase;}
  
  .product-ingang-tekst a.cta,
  .product-ingang-tekst a.cta:link{
	display: inline-block;
	margin-top: 15px;
  }

  a.cta:after, .btn-default:after, .btn-offerte:after, .btn-locatie:after, .btn-info:after, .btn-contact:after,
  .wp-block-button a:after{
	font: var(--fa-font-solid);
	content: "\f054";
	padding-left: 10px;}
  
  a.cta:hover, .btn-default:hover, .btn-offerte:hover, .btn-locatie:hover, .btn-info:hover, .btn-contact:hover,
  .wp-block-button a:hover{
	background: rgba(92,36,131,1);
	text-decoration: none;}
	
a.cta-white, a.cta-white:link{
  background: #fff;
  color: #000;
  padding: 11px 15px;
  border: 1px solid #6d6d6d;}

a.cta-white:hover{
  color: #fff;}
  
#mega-menu-wrap-hoofdmenu #mega-menu-hoofdmenu > li.mega-menu-item.menu-cta > a.mega-menu-link{
	border-radius: 125px;
	padding: 0px 15px;
	color: #fff;
	font-weight: bold;
	background: rgb(238,123,174);
	background: linear-gradient(146deg, rgba(238,123,174,1) 0%, rgba(92,36,131,1) 50%, rgba(121,205,244,1) 100%);
	font-size: 18px;
	margin-right: 10px;
	text-transform: uppercase;
transition: all 250ms ease-out;
	  -webkit-transition: all 250ms ease-out;}
	
	#mega-menu-wrap-hoofdmenu #mega-menu-hoofdmenu > li.mega-menu-item.menu-cta > a.mega-menu-link:hover{
		background: rgba(92,36,131,1);
		text-decoration: none;
		transition: all 250ms ease-out;
		  -webkit-transition: all 250ms ease-out;
	}
	
#mega-menu-wrap-hoofdmenu #mega-menu-hoofdmenu > li.mega-menu-megamenu > ul.mega-sub-menu{
	box-shadow: rgba(149, 157, 165, 0.2) 0px 0px 24px;
	border-radius: 20px;
}
  

.topbar a,
.topbar a:link{
	color: #000;
}

.footer a,
.footer a:link{
  color: #434343;
  font-size: 18px;
  line-height: 28px;}
  
.footer a:hover{
  color: #d2232a;}
  
  .footerbottommenu a,
  .footerbottommenu a:link{
	color: #9a9a9a;
	font-size: 16px;}
	
.socials a,
.socials a:link{
  font-size: 30px;
  color: #d2232a;
  margin-right: 5px;}
  
.contact-details a,
.contact-details a:link{
  color: #fff;}
  
  
/* ##########
	  
	  FORMULIEREN
	  
  ########## */
  
  input, textarea{
	  background: #fff;
	  border: 0;
	  padding: 15px !important;
	  margin: 5px 0 0 0 !important;
  }
  
  input[type="submit"]{
	  display: inline-block;
	 border-radius: 125px;
	   padding: 9px 15px;
	   color: #fff;
	   font-weight: bold;
	   background: #d2232a;
	   font-size: 18px;
	   text-transform: uppercase;
	   border: 0;
	  transition: all 250ms ease-out;
	  -webkit-transition: all 250ms ease-out;
  }
  
  input[type="submit"]:hover{
	  cursor: pointer;
	  text-decoration: none;
	  transition: all 250ms ease-out;
	-webkit-transition: all 250ms ease-out;
	  background: #000;
  }
  
  .gform_wrapper .gform_footer{
	  margin-top: 0 !important;
  }
  
  
  /* ##########
  
  MOUSE WHEEL
  
  ########## */
  
  .mouse_scroll {
	  position: absolute;
	  display: block;
	  margin: 0 auto;
	  width: 24px;
	  height: 100px;
	  bottom: 0px;
	  z-index: 999;
	  left: 50%;
	  transform: translate(-50%, -50%);
  }
  
  
  .m_scroll_arrows
  {
	display: block;
	width: 5px;
	height: 5px;
	-ms-transform: rotate(45deg); /* IE 9 */
	-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
	transform: rotate(45deg);
	 
	border-right: 2px solid white;
	border-bottom: 2px solid white;
	margin: 0 0 3px 4px;
	
	width: 16px;
	height: 16px;
  }
  
  
  .unu
  {
	margin-top: 1px;
  }
  
  .unu, .doi, .trei
  {
	  -webkit-animation: mouse-scroll 1s infinite;
	  -moz-animation: mouse-scroll 1s infinite;
	  animation: mouse-scroll 1s infinite;
	
  }
  
  .unu
  {
	-webkit-animation-delay: .1s;
	-moz-animation-delay: .1s;
	-webkit-animation-direction: alternate;
	
	animation-direction: alternate;
	animation-delay: alternate;
  }
  
  .doi
  {
	-webkit-animation-delay: .2s;
	-moz-animation-delay: .2s;
	-webkit-animation-direction: alternate;
	
	animation-delay: .2s;
	animation-direction: alternate;
	
	margin-top: -6px;
  }
  
  .trei
  {
	-webkit-animation-delay: .3s;
	-moz-animation-delay: .3s;
	-webkit-animation-direction: alternate;
	
	animation-delay: .3s;
	animation-direction: alternate;
	
	
	margin-top: -6px;
  }
  
  .mouse {
	height: 42px;
	width: 24px;
	border-radius: 14px;
	transform: none;
	border: 2px solid white;
	top: 170px;
  }
  
  .wheel {
	height: 5px;
	width: 2px;
	display: block;
	margin: 5px auto;
	background: white;
	position: relative;
	
	height: 4px;
	width: 4px;
	border: 2px solid #fff;
	-webkit-border-radius: 8px;
			border-radius: 8px;
  }
  
  .wheel {
	-webkit-animation: mouse-wheel 0.6s linear infinite;
	-moz-animation: mouse-wheel 0.6s linear infinite;
	animation: mouse-wheel 0.6s linear infinite;
  }
  
  @-webkit-keyframes mouse-wheel{
	 0% {
	  opacity: 1;
	  -webkit-transform: translateY(0);
	  -ms-transform: translateY(0);
	  transform: translateY(0);
	}
  
	100% {
	  opacity: 0;
	  -webkit-transform: translateY(6px);
	  -ms-transform: translateY(6px);
	  transform: translateY(6px);
	}
  }
  @-moz-keyframes mouse-wheel {
	0% { top: 1px; }
	25% { top: 2px; }
	50% { top: 3px;}
	75% { top: 2px;}
	100% { top: 1px;}
  }
  @-o-keyframes mouse-wheel {
  
	 0% { top: 1px; }
	25% { top: 2px; }
	50% { top: 3px;}
	75% { top: 2px;}
	100% { top: 1px;}
  }
  @keyframes mouse-wheel {
  
	 0% { top: 1px; }
	25% { top: 2px; }
	50% { top: 3px;}
	75% { top: 2px;}
	100% { top: 1px;}
  }
  
  @-webkit-keyframes mouse-scroll {
  
	0%   { opacity: 0;}
	50%  { opacity: .5;}
	100% { opacity: 1;}
  }
  @-moz-keyframes mouse-scroll {
  
	0%   { opacity: 0; }
	50%  { opacity: .5; }
	100% { opacity: 1; }
  }
  @-o-keyframes mouse-scroll {
  
	0%   { opacity: 0; }
	50%  { opacity: .5; }
	100% { opacity: 1; }
  }
  @keyframes mouse-scroll {
  
	0%   { opacity: 0; }
	50%  { opacity: .5; }
	100% { opacity: 1; }
  }
  
  
.page-template-template-contact .hp-contact,
.page-template-template-overons .hp-contact{
	display: none;
}

.scrolled #mega-menu-wrap-hoofdmenu #mega-menu-hoofdmenu > li.mega-menu-item > a.mega-menu-link{
	color: #fff;
}

#sb_instagram #sbi_images{
	padding-bottom: 0;
}
 
 
 .cmplz-message p{
	 font-size: 14px;
	 line-height: 22px;
 }