body 															{margin:0px; font-size:100%; font-family: 'Open Sans', sans-serif; font-weight: 300; background-color: #fff;} 
html 															{width:100%; -webkit-text-size-adjust: 100%;}

h1, h2, h3, .imageVerticalFixTitle									{word-wrap:break-word; line-height: 130%; margin-bottom: 5px;}
h1, .imageVerticalFixTitle											{font-size: 275%; font-weight: 400; color: #000;}

h2																	{font-size: 140%; font-weight: 400; color: #000;}
h2 a:link, h2 a:visited, h2 a:active 								{color: #000; text-decoration: none;}

h3																	{font-size: 112.5%; font-weight: 700; margin-bottom: 5px; margin-top: 30px;}

a 																	{outline:0; cursor: pointer;}

a[href^=tel]:link, a[href^=tel]:visited, a[href^=tel]:active 		{color: #555; text-decoration:none;}
a[href^=tel]:hover 													{color: #555; text-decoration:underline; opacity: 0.8;}

strong 																{font-weight: 600; color: #000;}

.partClearBoth 														{height: 1px; clear: both;}

.ctaButton 														{display: inline-block; font-weight: 600; padding: 9px 14px; transition:0.3s; border: 2px solid transparent; -webkit-transform: translate3d(0,0,0);}
.ctaButton:link, .ctaButton:visited, .ctaButton:active 			{text-decoration:none;}
.ctaButton:hover 												{color: #fff!important;}

.basicContainer 												{max-width: 1200px; margin: 0px auto; padding: 0px 20px; text-align: center; min-width: 280px; position: relative;}
.basicContainer .partContentText 								{max-width: 700px; margin:0px auto;}
.basicContainerSmall 											{max-width: 740px; text-align: left;}
.basicContainerSmall h2 										{}
.basicContainerSmall .ctaButton 								{margin-right: 10px;}

/* Top bar */
#topBar[canvas]                   {z-index: 2; }
.stickyScrollGhost 					{height: 80px;}
.stickyScroll                       {height: 80px; background: #fff; width: 100%; position: fixed; top: 0; left: 0; box-shadow: 0 2px 2px -2px rgba(0,0,0,0.3); z-index: 998;}
      #topBar .basicContainer       {height: 80px;}
			#logo 											{position: absolute; left: 20px; top:0; height: 100%;  background: url('/images/style/logo.png') no-repeat left center; background-size: 100%; min-width: 100px;}	
			.partNavigation-hvbvr 							{width: calc(100% - 15%); float: right; position: relative; top: 50%; transform: translateY(-50%);}

.stickyScroll.off-canvas { top: -80px; }
.stickyScroll.fixed {top: 0; }
/* End Top bar */	

/* Mobile Menu */
.mobileMenuOpen                    					{display:none; float: right; border:solid 2px transparent; background: url('/images/style/icon-bars.svg') no-repeat left 10px center; background-size: 22px 14px; padding:9px 9px 9px 42px; position: relative; top: 50%; transform: translateY(-50%); margin-left: 3%;}
.mobileMenuClose               					{display: block; color: #000; height: 80px; line-height: 80px; padding:0px 20px 0px 54px; background: #fff url('/images/style/icon-cross.svg') no-repeat left 20px center; background-size: 22px 22px; box-shadow: 0 2px 2px -2px rgba(0,0,0,0.3); }
.mobileMenuOpen, .mobileMenuClose 				{font-weight: 600; font-size: 112.5%; cursor: pointer;}


#mobileMenuContainer 								{position: fixed; overflow-x:hidden; background-color: #f0f0f0; z-index: 1000; top:0; left:0; margin-left: -30%; padding:0px; width: 30%; height: 100%; transition: 0.5s;}
#mobileMenuContainer.mobileMenuContainerActive 		{margin-left: 0px; transition: 0.5s; min-width: 320px;}
#mobileMenuOverlay  { transition: 0.2s; background-color: rgba(0,0,0,0.0); position: fixed; top:0; left: 0; height: 100%; width: 100%; z-index: 999; visibility: hidden; opacity: 0;} 
#mobileMenuOverlay.mobileMenuContainerActive  {background-color: rgba(0,0,0,0.8); visibility: visible; opacity: 1;}


@media (max-width: 600px){
	#mobileMenuContainer.mobileMenuContainerActive 	{width: 100%; margin-left: 0%;}
	#mobileMenuContainer 							{margin-left: -100%;}
}
/* Mobile Menu */

/* Social icons */
#topBar .socialContainer 								{text-align: right; float: right; position: relative; top: 50%; transform: translateY(-50%);}
.socialContainer 										{margin-top: 2px;}
.socialContainer a 										{display: inline-block; margin-left: 6px;}
#topBar a svg 											{height: 16px; width: 16px; display: block; transition: 0.3s;}
#topBar .socialContainer a:hover svg 						{}
/* End Social icons */


/* Header + Parallax */
.imageVerticalFixContainer 								{display: block; width: 100%; height: 100%; position: absolute; left:0; bottom:0; background-image: linear-gradient(transparent, rgba(0,0,0,0.5)); text-align: center;} 
	.imageVerticalFix 										{display: block; position: relative; top: 50%; transform: translateY(-50%);}
		.imageVerticalFixTitle 									{display: block; color: #fff; max-width: 740px; padding:0px 20px; margin: 0px auto; color: #fff; text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);}
		.partSlickSlider .imageVerticalFixTitle 				{max-width: 860px; padding:0px 60px;}

.parallaxContainer 												{background-repeat: no-repeat; position: relative; background-attachment: fixed;}
.parallaxContainerTop 											{background-position: center 80px; background-size: 100% auto; padding-top: 27.7%;}
.parallaxContainerMiddle 										{background-position: center center; background-size: cover; padding-top: 27.7%;}

/* End header + Parralax */

/* Containers */
.whiteContainer, .greyContainer, .colorContainer, footer 				{padding: 60px 0px 30px 0px;}
.whiteContainer 														{background-color: #fff;}
.greyContainer 															{background-color: #f0f0f0;}
.colorContainer 														{}
.colorContainer h1 														{color: #fff;}
.colorContainer .partContentText 										{color: #fff;}
/* End Containers */

/* Columns */
.columnContainer 													{padding-top:30px; display: flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;}
	.columnItem 															{display: flex; flex-direction:column; flex-wrap: nowrap; align-items:center; margin-bottom: 30px; position: relative; overflow: hidden;}
		.oneSecondColumn 														{width: 48.7%; background-color: #fff;} 					
		.oneThirthColumn														{width: 30.7%; background-color: #fff;}
		.oneFourthColumn 														{width: 23.1%; background-color: #fff;}

			.columnContainer .partContentFileImageGallerySingle 				{}
			.columnTextContainer 												{padding-left: 20px; padding-right: 20px; width: 100%;}
				.columnContainer .partContentText p 							{max-height: 84px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
				.columnContainer .oneSecondColumn .partContentText p 			{max-height: 58px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
			.columnContainer .ctaButton, .teamLinkContainer  					{margin: auto auto 30px auto;}	
/* End Columns */ 	

/* USP's/Benefits */
#usp 																		{}
#usp .partContentFileImageGallerySingle 									{max-width: 60px; height: 60px; margin-left: auto; margin-right: auto;}
#usp .partContentFileImageGallerySingle img 								{position: relative; top: 50%; transform: translateY(-50%); max-height: 60px; width: auto; margin: 0px auto;}
#usp .columnContainer .partContentText p 									{margin-bottom: 0px; display: block; max-height: 500px;}
#usp h1 																	{margin-bottom: 30px;}
#usp .oneFourthColumn      {background: none;}
/* End USP's/Benefits */	

/* News */
.newsDate 																	{margin-bottom: 30px; font-size: 87.5%; padding-left: 21px; display: inline-block; color: #000; background: url('/images/style/icon-calendar.svg') left center no-repeat; background-size: 14px 14px;}
/* End News */

/* About us/Team */
#overons 																	{}
#overons .partContentFileImageGallerySingle 								{margin:30px auto;}
#overons .partContentFileImageGallerySingle img 							{border-radius: 50%;}
#overons .columnContainer .partContentText p 								{display: block; overflow: visible; max-height: 500px;}

.teamLinkContainer 															{padding-left: 8px; padding-right:8px; width: 100%; display: flex; flex-direction:row; flex-wrap: nowrap; justify-content: center;}
.teamLinkContainer > a 														{text-decoration: none; margin:0px 10px 7px 10px; min-width: 10px; max-width: 22px;}
.teamLinkContainer .svgIcon													{height: 16px;}
/* End About us/Team */

/* References */
#referenties 																{}
#referenties .oneSecondColumn 												{text-align: left;}
#referenties .oneSecondColumn .partContentText 								{padding-left: 70px; width: 100%;}
#referenties .oneSecondColumn .partContentText:before 						{position: absolute; left:-5px; top:-5px; content: '\201D'; font-size:100px; font-family: "Trebuchet MS";}
#referenties .oneSecondColumn .partContentText p 							{display: block; overflow: visible; max-height: 500px;}
/* End References */

#logos {padding: 60px 0px;}

/* Footer */
footer 																		{color: #fff;}
footer .contactItem 														{display: inline-block; font-size: 275%; font-weight: 400; margin:0px 10px 10px 6px;}
footer svg 																	{height: 32px; width: 32px; fill:#fff; overflow:hidden;}

footer ul 																	{margin:20px 0px 40px 0px;}
footer ul li 																{padding: 0px; margin: 0px 10px 20px 10px; display: inline-block; line-height: 160%;}
footer ul li > a 															{display: block; color: #fff; text-decoration: underline;}

footer .socialContainer 													{margin-bottom: 30px;}
footer .socialContainer a 													{margin-left: 10px; margin-right: 10px;}
footer a:hover svg 															{opacity: 0.8; transition: 0.3s;}
footer a[href^=tel]:link, footer a[href^=tel]:visited, footer a[href^=tel]:active  {color: #fff; transition: 0;}
footer a[href^=tel]:hover { text-decoration: none; color:  #fff; }
/* End Footer */

/* View with side menu */
.whiteContainer.sideMenuContainer 											{padding:0px;}
.sideMenuContainer #sideMenuContainer 											{display: table; text-align: left; width: 100%;}
	#sideMenuLeft, #sideMenuContent 											{display: table-cell; vertical-align: top;}
	#sideMenuLeft 																{padding-top: 68px; padding-bottom: 40px; width: 28%; max-width: 700px; background-image: linear-gradient(to right, #fff, #f9f9f9);}
	#sideMenuLeft h2 															{margin-bottom: 20px;}
	#sideMenuContent															{padding:60px 0px 30px 60px; max-width: 760px;}
	#sideMenuContent .partContentText 						{max-width: 100%;}
/* End View with side menu */

/* Bottom bar */
#bottomBar                                      {background: #00b7c7; position: fixed; bottom:0; left:0; width: 100%; text-align: center; color: #fff; padding: 10px 0px;}
/* End Bottom Bar */


/* Login menu */

.partNavigation-hvbvr .loginNavigationMenu {padding-left: 23px; background: url('/images/style/icon-lock.png') no-repeat left center; background-size:14px auto;}

/*View login */


.basicContainer .formV2 .partButton                                 { background-color:#c72f2e;}